@appartmint/mint 5.0.3 → 5.0.4

package/dist/js/index.js

@@ -1,2455 +0,0 @@
-/******/ var __webpack_modules__ = ({
-
-/***/ "./src/ts/imports/abstract/attaches-events.ts"
-/*!****************************************************!*\
-  !*** ./src/ts/imports/abstract/attaches-events.ts ***!
-  \****************************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MintAttachesEvents: () => (/* binding */ MintAttachesEvents)
-/* harmony export */ });
-/**
- * Imports
- */
-/**
- * Attaches Events
- * @remarks Extended by classes that attach and detach events
- */
-class MintAttachesEvents {
-    /**
-     * Event handlers
-     */
-    events = [];
-    /**
-     * Attach event to the given element
-     * @param element - Element to attach event to
-     * @param event - Event to attach
-     * @param handler - Handler to attach
-     */
-    attachEvent(element, event, handler) {
-        if (element) {
-            let oldElement = this.events.find(e => e.el === element);
-            if (oldElement) {
-                oldElement.handlers.push(handler);
-                oldElement.events.push(event);
-            }
-            else {
-                this.events.push({
-                    el: element,
-                    handlers: [handler],
-                    events: [event]
-                });
-            }
-            element.addEventListener(event, handler);
-        }
-    }
-    /**
-     * Detach events
-     */
-    detachEvents() {
-        this.events.forEach(event => {
-            event.handlers.forEach((handler, index) => {
-                event.el?.removeEventListener(event.events[index], handler);
-            });
-        });
-        this.events = [];
-    }
-}
-
-
-/***/ },
-
-/***/ "./src/ts/imports/abstract/index.ts"
-/*!******************************************!*\
-  !*** ./src/ts/imports/abstract/index.ts ***!
-  \******************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MintAttachesEvents: () => (/* reexport safe */ _attaches_events__WEBPACK_IMPORTED_MODULE_0__.MintAttachesEvents)
-/* harmony export */ });
-/* harmony import */ var _attaches_events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./attaches-events */ "./src/ts/imports/abstract/attaches-events.ts");
-/**
- * Forward all abstract exports
- */
-
-
-
-/***/ },
-
-/***/ "./src/ts/imports/components/grid.ts"
-/*!*******************************************!*\
-  !*** ./src/ts/imports/components/grid.ts ***!
-  \*******************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MintGrid: () => (/* binding */ MintGrid)
-/* harmony export */ });
-/* harmony import */ var _util_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util/math */ "./src/ts/imports/util/math.ts");
-/**
- * Imports
- */
-
-/**
- * Grid Component
- */
-class MintGrid {
-    /**
-     * Get a valid grid number
-     */
-    static gridNum(num) {
-        return _util_math__WEBPACK_IMPORTED_MODULE_0__.MintMath.clamp(num, 1, 4);
-    }
-}
-
-
-/***/ },
-
-/***/ "./src/ts/imports/components/header.ts"
-/*!*********************************************!*\
-  !*** ./src/ts/imports/components/header.ts ***!
-  \*********************************************/
-(__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 */ });
-/* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./panel */ "./src/ts/imports/components/panel.ts");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./menu */ "./src/ts/imports/components/menu.ts");
-/**
- * Imports
- */
-// Mint
-
-
-/**
- * Main header functionality
- * @public
- */
-class MintHeader {
-    /**
-     * Navbar settings
-     */
-    settings = {
-        id: 'mint-menu',
-        wrapperId: 'mint-wrapper',
-        title: 'menu',
-        fixed: true
-    };
-    /**
-     * Frequently-referenced elements
-     */
-    el = {};
-    /**
-     * Navigation functionality
-     */
-    panel;
-    menu;
-    /**
-     * Initializes and closes the menu
-     */
-    constructor(settings) {
-        this.settings = { ...this.settings, ...settings };
-        this.panel = new _panel__WEBPACK_IMPORTED_MODULE_0__.MintPanel(this.settings);
-        this.menu = new _menu__WEBPACK_IMPORTED_MODULE_1__.MintMenu(this.settings);
-        this.attachElements();
-        this.addClasses();
-    }
-    /**
-     * Detach events
-     */
-    detachEvents() {
-        this.panel?.detachEvents();
-        this.menu?.detachEvents();
-    }
-    /**
-     * Adds elements to {@link el | `this.el`}
-     */
-    attachElements() {
-        this.el.body = document.querySelector('body');
-    }
-    /**
-     * Adds classes that inform the styles based on settings
-     */
-    addClasses() {
-        if (this.settings.fixed) {
-            this.el.body?.classList.add('mint-fixed');
-        }
-    }
-}
-
-
-/***/ },
-
-/***/ "./src/ts/imports/components/index.ts"
-/*!********************************************!*\
-  !*** ./src/ts/imports/components/index.ts ***!
-  \********************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MintGrid: () => (/* reexport safe */ _grid__WEBPACK_IMPORTED_MODULE_0__.MintGrid),
-/* harmony export */   MintHeader: () => (/* reexport safe */ _header__WEBPACK_IMPORTED_MODULE_1__.MintHeader),
-/* harmony export */   MintMenu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_2__.MintMenu),
-/* harmony export */   MintPanel: () => (/* reexport safe */ _panel__WEBPACK_IMPORTED_MODULE_3__.MintPanel)
-/* harmony export */ });
-/* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./grid */ "./src/ts/imports/components/grid.ts");
-/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./header */ "./src/ts/imports/components/header.ts");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./menu */ "./src/ts/imports/components/menu.ts");
-/* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./panel */ "./src/ts/imports/components/panel.ts");
-/**
- * Forward all exports from the components directory
- */
-
-
-
-
-
-
-/***/ },
-
-/***/ "./src/ts/imports/components/menu.ts"
-/*!*******************************************!*\
-  !*** ./src/ts/imports/components/menu.ts ***!
-  \*******************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MintMenu: () => (/* binding */ MintMenu)
-/* harmony export */ });
-/* harmony import */ var _abstract__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../abstract */ "./src/ts/imports/abstract/index.ts");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util */ "./src/ts/imports/util/index.ts");
-/**
- * Imports
- */
-// Mint
-
-
-/**
- * Menu (dropdown) functionality
- * @public
- */
-class MintMenu extends _abstract__WEBPACK_IMPORTED_MODULE_0__.MintAttachesEvents {
-    /**
-     * Tray settings
-     */
-    settings = {};
-    /**
-     * Frequently-referenced elements
-     */
-    el = {};
-    /**
-     * Initializes and closes the tray
-     */
-    constructor(settings) {
-        super();
-        this.settings = { ...this.settings, ...settings };
-        if (!this.settings.wrapperId) {
-            throw new Error('Wrapper ID is required');
-        }
-        this.attachElements();
-        this.attachEvents();
-        requestAnimationFrame(() => {
-            this.closeAllMenus();
-        });
-    }
-    /**
-     * Adds elements to {@link el | `this.el`}
-     */
-    attachElements() {
-        this.el.wrapper = document.getElementById(this.settings.wrapperId);
-    }
-    /**
-     * Adds events to the dom
-     */
-    attachEvents() {
-        this.attachEvent(window, 'scroll', _util__WEBPACK_IMPORTED_MODULE_1__.MintEvent.throttleEvent(this.eHandleScroll.bind(this), _util__WEBPACK_IMPORTED_MODULE_1__.MintSettings.delay.default, { trailing: false }));
-        const focusables = this.el.wrapper?.querySelectorAll(_util__WEBPACK_IMPORTED_MODULE_1__.MintSelectors.focusable);
-        focusables?.forEach((focusable) => {
-            this.attachEvent(focusable, 'keydown', _util__WEBPACK_IMPORTED_MODULE_1__.MintEvent.throttleEvent(this.eHandleKeypress.bind(this)));
-        });
-        const menuButtons = this.el.wrapper?.querySelectorAll(_util__WEBPACK_IMPORTED_MODULE_1__.MintSelectors.controls());
-        menuButtons?.forEach((menuButton) => {
-            this.attachEvent(menuButton, 'click', _util__WEBPACK_IMPORTED_MODULE_1__.MintEvent.throttleEvent(this.eToggleMenu.bind(this), _util__WEBPACK_IMPORTED_MODULE_1__.MintSettings.delay.slow, { trailing: 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 menu
-     */
-    closeAllMenus() {
-        let menuButtons = this.el.wrapper?.querySelectorAll(_util__WEBPACK_IMPORTED_MODULE_1__.MintSelectors.subMenuButtons);
-        menuButtons?.forEach((menuButton) => {
-            this.setMenu(menuButton);
-        });
-    }
-    /**
-     * 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') === this.settings.wrapperId) {
-            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;
-        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 all submenus when the page is scrolled
-     */
-    eHandleScroll() {
-        this.closeAllMenus();
-    }
-    /**
-     * Handles keypresses on menu 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);
-                }
-                break;
-            case 'arrowleft':
-                this.closeClosestMenu();
-                break;
-            case 'arrowright':
-                this.openClosestMenu();
-                break;
-            case 'enter':
-            case 'space':
-                target?.click();
-                break;
-        }
-    }
-    /**
-     * Handles keypresses on menu 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 menu
-     * @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;
-        }
-    }
-    /**
-     * Toggles the clicked submenu
-     * @param e - Mouse event
-     */
-    eToggleMenu(e) {
-        let target = e.target;
-        this.closeSiblingMenus(target);
-        this.toggleMenu(target);
-    }
-}
-;
-
-
-/***/ },
-
-/***/ "./src/ts/imports/components/panel.ts"
-/*!********************************************!*\
-  !*** ./src/ts/imports/components/panel.ts ***!
-  \********************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MintPanel: () => (/* binding */ MintPanel)
-/* harmony export */ });
-/* harmony import */ var _enums_side__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums/side */ "./src/ts/imports/enums/side.ts");
-/* harmony import */ var _abstract__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../abstract */ "./src/ts/imports/abstract/index.ts");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./src/ts/imports/util/index.ts");
-/**
- * Imports
- */
-
-
-
-/**
- * Panel (sidebar) functionality
- * @public
- */
-class MintPanel extends _abstract__WEBPACK_IMPORTED_MODULE_1__.MintAttachesEvents {
-    /**
-     * Panel settings
-     */
-    settings = {
-        title: 'panel',
-        from: _enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide.Top,
-        fixed: true
-    };
-    /**
-     * Frequently-referenced elements
-     */
-    el = {};
-    /**
-     * Initializes and closes the panel
-     */
-    constructor(settings) {
-        super();
-        this.settings = { ...this.settings, ...settings };
-        if (!this.settings.id || !this.settings.wrapperId) {
-            throw new Error('Panel ID and wrapper ID are required');
-        }
-        this.attachElements();
-        this.attachEvents();
-        this.addClasses();
-        requestAnimationFrame(() => {
-            this.setPanel();
-        });
-    }
-    /**
-     * Adds elements to {@link el | `this.el`}
-     */
-    attachElements() {
-        this.el.html = document.querySelector('html');
-        this.el.main = document.querySelector('main');
-        this.el.panel = document.getElementById(this.settings.id);
-        this.el.wrapper = document.getElementById(this.settings.wrapperId);
-        this.el.toggleButton = this.el.panel?.querySelector(_util__WEBPACK_IMPORTED_MODULE_2__.MintSelectors.controls(this.settings.wrapperId)) || null;
-    }
-    /**
-     * Adds events to the dom
-     */
-    attachEvents() {
-        this.attachEvent(window, 'resize', _util__WEBPACK_IMPORTED_MODULE_2__.MintEvent.throttleEvent(this.eHandleResize.bind(this), _util__WEBPACK_IMPORTED_MODULE_2__.MintSettings.delay.default));
-        this.attachEvent(this.el.main, 'click', _util__WEBPACK_IMPORTED_MODULE_2__.MintEvent.throttleEvent(this.eClose.bind(this), _util__WEBPACK_IMPORTED_MODULE_2__.MintSettings.delay.default, { trailing: false }));
-        this.attachEvent(this.el.wrapper, 'transitionend', this.eTransitionEnd.bind(this));
-        const focusables = _util__WEBPACK_IMPORTED_MODULE_2__.MintSelectors.getFocusables(this.el.panel);
-        focusables?.forEach(focusable => {
-            this.attachEvent(focusable, 'keydown', _util__WEBPACK_IMPORTED_MODULE_2__.MintEvent.throttleEvent(this.eWrapTab.bind(this)));
-        });
-        const toggleButtons = this.el.panel?.querySelectorAll(_util__WEBPACK_IMPORTED_MODULE_2__.MintSelectors.controls(this.settings.wrapperId));
-        toggleButtons?.forEach(toggleButton => {
-            this.attachEvent(toggleButton, 'click', _util__WEBPACK_IMPORTED_MODULE_2__.MintEvent.throttleEvent(this.eToggle.bind(this), _util__WEBPACK_IMPORTED_MODULE_2__.MintSettings.delay.slow, { trailing: false }));
-        });
-    }
-    /**
-     * Adds classes that inform the styles based on settings
-     */
-    addClasses() {
-        this.el.panel?.classList.add('mint-panel');
-        this.el.wrapper?.classList.add('mint-panel-wrapper');
-        this.el.toggleButton?.classList.add('mint-panel-toggle');
-        if (this.settings.from) {
-            this.el.panel?.classList.remove('mint-top', 'mint-right', 'mint-bottom', 'mint-left');
-            this.el.panel?.classList.add(`mint-${_enums_side__WEBPACK_IMPORTED_MODULE_0__.EMintSide[this.settings.from].toLowerCase()}`);
-        }
-        if (this.settings.tray) {
-            this.el.panel?.classList.add('mint-tray');
-        }
-    }
-    /**
-     * Sets the state of the panel
-     * @param open - `true` to open the panel or `false` to close it
-     */
-    setPanel(open = false) {
-        let ariaExpanded = open ? 'true' : 'false', ariaLabel = open ? `close ${this.settings.title}` : `open ${this.settings.title}`;
-        this.el.toggleButton?.setAttribute('aria-expanded', ariaExpanded);
-        setTimeout(() => {
-            this.el.toggleButton?.setAttribute('aria-label', ariaLabel);
-        }, _util__WEBPACK_IMPORTED_MODULE_2__.MintSettings.delay.fast);
-        if (open) {
-            this.closeOtherPanels();
-            if (this.settings.fixed !== true) {
-                window.scroll({
-                    top: 0,
-                    left: 0,
-                    behavior: 'smooth'
-                });
-            }
-            setTimeout(() => {
-                if (this.el.html) {
-                    let isMobile = _util__WEBPACK_IMPORTED_MODULE_2__.MintWindow.width() <= _util__WEBPACK_IMPORTED_MODULE_2__.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_2__.MintSettings.delay.default : _util__WEBPACK_IMPORTED_MODULE_2__.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');
-            });
-        }
-    }
-    /**
-     * Toggles the state of the panel
-     */
-    togglePanel() {
-        this.setPanel(this.el.toggleButton?.getAttribute('aria-expanded')?.toLowerCase() === 'false');
-    }
-    /**
-     * Closes other panels
-     */
-    closeOtherPanels() {
-        const openPanelSelector = `.mint-panel-toggle[aria-expanded="true"]:not([aria-controls="${this.settings.wrapperId}"])`;
-        const toggleBtn = document.querySelector(openPanelSelector);
-        toggleBtn?.click();
-    }
-    /**
-     * Closes the panel when the window resizes
-     */
-    eHandleResize() {
-        const isMobile = _util__WEBPACK_IMPORTED_MODULE_2__.MintWindow.width() <= _util__WEBPACK_IMPORTED_MODULE_2__.MintSettings.break.sm;
-        let closeMenu = true;
-        if (this.el.panel?.classList.contains('mint-tray')) {
-            closeMenu = false;
-        }
-        else if (!this.el.panel?.classList.contains('mint-expand')) {
-            closeMenu = false;
-        }
-        if (!isMobile && closeMenu) {
-            this.setPanel(false);
-        }
-        const isOpen = this.el.toggleButton?.getAttribute('aria-expanded')?.toLowerCase() === 'true';
-        let overflow = 'auto';
-        if (isOpen) {
-            if (this.settings.tray) {
-                if (isMobile) {
-                    overflow = 'hidden';
-                }
-            }
-            else {
-                overflow = 'hidden';
-            }
-        }
-        if (this.el.html) {
-            this.el.html.style.overflow = overflow;
-        }
-    }
-    /**
-     * Sends the focus to the toggle button after tabbing past the last focusable element
-     * @param e - Keyboard event
-     */
-    eWrapTab(e) {
-        const focusables = _util__WEBPACK_IMPORTED_MODULE_2__.MintSelectors.getFocusables(this.el.panel), lastFocusable = focusables?.[focusables?.length - 1], wrapTab = focusables?.length > 1 && document.activeElement === lastFocusable, isTab = e.key.toLowerCase() === 'tab' && !e.shiftKey;
-        if (isTab && wrapTab) {
-            this.el.toggleButton?.focus();
-            if (document.activeElement === this.el.toggleButton) {
-                e.preventDefault();
-            }
-        }
-    }
-    /**
-     * Toggles the panel
-     */
-    eToggle() {
-        this.togglePanel();
-    }
-    /**
-     * Closes the panel
-     */
-    eClose() {
-        this.setPanel(false);
-    }
-    /**
-     * Runs after the panel transitions
-     */
-    eTransitionEnd() {
-        if (this.el.wrapper?.classList.contains('mint-open') === false) {
-            this.el.wrapper.style.display = 'none';
-        }
-    }
-}
-
-
-/***/ },
-
-/***/ "./src/ts/imports/enums/index.ts"
-/*!***************************************!*\
-  !*** ./src/ts/imports/enums/index.ts ***!
-  \***************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__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
- */
-
-
-
-/***/ },
-
-/***/ "./src/ts/imports/enums/side.ts"
-/*!**************************************!*\
-  !*** ./src/ts/imports/enums/side.ts ***!
-  \**************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__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 || (EMintSide = {}));
-;
-
-
-/***/ },
-
-/***/ "./src/ts/imports/index.ts"
-/*!*********************************!*\
-  !*** ./src/ts/imports/index.ts ***!
-  \*********************************/
-(__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_2__.EMintSide),
-/* harmony export */   MintAsync: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintAsync),
-/* harmony export */   MintAttachesEvents: () => (/* reexport safe */ _abstract__WEBPACK_IMPORTED_MODULE_0__.MintAttachesEvents),
-/* harmony export */   MintDisplay: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintDisplay),
-/* harmony export */   MintEvent: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintEvent),
-/* harmony export */   MintGrid: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.MintGrid),
-/* harmony export */   MintHeader: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.MintHeader),
-/* harmony export */   MintIcon: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintIcon),
-/* harmony export */   MintItem: () => (/* reexport safe */ _models__WEBPACK_IMPORTED_MODULE_3__.MintItem),
-/* harmony export */   MintList: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintList),
-/* harmony export */   MintMath: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintMath),
-/* harmony export */   MintMenu: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.MintMenu),
-/* harmony export */   MintObject: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintObject),
-/* harmony export */   MintPanel: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_1__.MintPanel),
-/* harmony export */   MintScroll: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintScroll),
-/* harmony export */   MintSelectors: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintSelectors),
-/* harmony export */   MintSettings: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintSettings),
-/* harmony export */   MintText: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintText),
-/* harmony export */   MintWindow: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_4__.MintWindow),
-/* harmony export */   mintColor: () => (/* reexport safe */ _models__WEBPACK_IMPORTED_MODULE_3__.mintColor)
-/* harmony export */ });
-/* harmony import */ var _abstract__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./abstract */ "./src/ts/imports/abstract/index.ts");
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components */ "./src/ts/imports/components/index.ts");
-/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./enums */ "./src/ts/imports/enums/index.ts");
-/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./models */ "./src/ts/imports/models/index.ts");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./src/ts/imports/util/index.ts");
-/**
- * Forward all imports exports
- */
-
-
-
-
-
-
-
-/***/ },
-
-/***/ "./src/ts/imports/models/color.ts"
-/*!****************************************!*\
-  !*** ./src/ts/imports/models/color.ts ***!
-  \****************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   mintColor: () => (/* binding */ mintColor)
-/* harmony export */ });
-class mintColor {
-    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);
-        }
-    }
-    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);
-        }
-    }
-    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;
-    }
-    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]);
-        }
-    }
-    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;
-    }
-}
-
-
-/***/ },
-
-/***/ "./src/ts/imports/models/event.ts"
-/*!****************************************!*\
-  !*** ./src/ts/imports/models/event.ts ***!
-  \****************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-
-
-
-/***/ },
-
-/***/ "./src/ts/imports/models/file.ts"
-/*!***************************************!*\
-  !*** ./src/ts/imports/models/file.ts ***!
-  \***************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-
-
-
-/***/ },
-
-/***/ "./src/ts/imports/models/index.ts"
-/*!****************************************!*\
-  !*** ./src/ts/imports/models/index.ts ***!
-  \****************************************/
-(__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_3__.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 _event__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./event */ "./src/ts/imports/models/event.ts");
-/* harmony import */ var _file__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./file */ "./src/ts/imports/models/file.ts");
-/* harmony import */ var _item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./item */ "./src/ts/imports/models/item.ts");
-/* harmony import */ var _minify__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./minify */ "./src/ts/imports/models/minify.ts");
-/* harmony import */ var _page__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./page */ "./src/ts/imports/models/page.ts");
-/* harmony import */ var _primitive__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./primitive */ "./src/ts/imports/models/primitive.ts");
-/* harmony import */ var _recaptcha__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./recaptcha */ "./src/ts/imports/models/recaptcha.ts");
-
-
-
-
-
-
-
-
-
-
-/***/ },
-
-/***/ "./src/ts/imports/models/item.ts"
-/*!***************************************!*\
-  !*** ./src/ts/imports/models/item.ts ***!
-  \***************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__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
- *
- * @remarks
- * - this class must be convertable with JSON
- * - only add strings, numbers, booleans, arrays, and objects
- */
-class MintItem {
-    /**
-     * Item settings
-     */
-    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
-     */
-    attr = {};
-    params = {};
-    options = {};
-    lists = {};
-    /**
-     * Item lists
-     */
-    paragraphs = [];
-    classes = [];
-    items = [];
-    images = [];
-    buttons = [];
-    /**
-     * Item functions
-     */
-    click;
-}
-;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintItem);
-
-
-/***/ },
-
-/***/ "./src/ts/imports/models/minify.ts"
-/*!*****************************************!*\
-  !*** ./src/ts/imports/models/minify.ts ***!
-  \*****************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-
-
-
-/***/ },
-
-/***/ "./src/ts/imports/models/page.ts"
-/*!***************************************!*\
-  !*** ./src/ts/imports/models/page.ts ***!
-  \***************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-
-
-
-/***/ },
-
-/***/ "./src/ts/imports/models/primitive.ts"
-/*!********************************************!*\
-  !*** ./src/ts/imports/models/primitive.ts ***!
-  \********************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-
-
-
-/***/ },
-
-/***/ "./src/ts/imports/models/recaptcha.ts"
-/*!********************************************!*\
-  !*** ./src/ts/imports/models/recaptcha.ts ***!
-  \********************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-;
-
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/async.ts"
-/*!**************************************!*\
-  !*** ./src/ts/imports/util/async.ts ***!
-  \**************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__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));
-    }
-}
-;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintAsync);
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/display.ts"
-/*!****************************************!*\
-  !*** ./src/ts/imports/util/display.ts ***!
-  \****************************************/
-(__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
- */
-
-
-/**
- * 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, 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);
-            });
-        }
-    }
-    /**
-     * 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);
-        }
-    }
-}
-;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintDisplay);
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/event.ts"
-/*!**************************************!*\
-  !*** ./src/ts/imports/util/event.ts ***!
-  \**************************************/
-(__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");
-
-/**
- * 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, wait = _settings__WEBPACK_IMPORTED_MODULE_0__["default"].delay.default) {
-        let timer;
-        return function (...args) {
-            if (timer) {
-                clearTimeout(timer);
-            }
-            timer = setTimeout(func, wait, ...args);
-        };
-    }
-    /**
-     * 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;
-            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);
-    }
-}
-;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintEvent);
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/icon.ts"
-/*!*************************************!*\
-  !*** ./src/ts/imports/util/icon.ts ***!
-  \*************************************/
-(__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
- */
-
-/**
- * Icon helper functions
- */
-class MintIcon {
-    /**
-     * 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();
-            }
-        });
-    }
-}
-;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintIcon);
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/index.ts"
-/*!**************************************!*\
-  !*** ./src/ts/imports/util/index.ts ***!
-  \**************************************/
-(__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
- */
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/***/ },
-
-/***/ "./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;
-    }
-    /**
-     * Returns a copy of the provided list with unique items
-     * @param list - the list to unique
-     * @returns - the unique list
-     */
-    static unique(list) {
-        return [...new Set(list)];
-    }
-}
-;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintList);
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/math.ts"
-/*!*************************************!*\
-  !*** ./src/ts/imports/util/math.ts ***!
-  \*************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MintMath: () => (/* binding */ MintMath)
-/* 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, min = 0) {
-        min = Math.ceil(min);
-        max = Math.floor(max);
-        return Math.floor(Math.random() * (max - min) + min);
-    }
-    /**
-     * Return a number between min and max
-     * @param num - the number to clamp
-     * @param min - the minimum value
-     * @param max - the maximum value
-     * @returns a number between min and max
-     */
-    static clamp(num, min, max) {
-        return Math.max(Math.min(num ?? min, max), min);
-    }
-    /**
-     * Return a valid header number
-     * @param num - the number to validate
-     * @returns a valid header number
-     */
-    static headerMin = 1;
-    static headerMax = 6;
-    static headerLevel(num) {
-        return this.clamp(num, this.headerMin, this.headerMax);
-    }
-}
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/object.ts"
-/*!***************************************!*\
-  !*** ./src/ts/imports/util/object.ts ***!
-  \***************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__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
-     */
-    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
-        }
-        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?.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) {
-        // Only clone objects
-        if (typeof object !== 'object' || object === null) {
-            return object;
-        }
-        // Track object references to avoid circular references
-        const seen = new WeakMap();
-        const stack = [[object, Array.isArray(object) ? [] : {}]];
-        // Run clone tasks
-        while (stack.length) {
-            const [source, clone, key] = stack.pop();
-            if (key !== undefined) {
-                const value = source[key];
-                // Bind functions
-                if (typeof value === 'function') {
-                    clone[key] = value.bind(clone);
-                    continue;
-                }
-                // Primitives
-                if (typeof value !== 'object' || value === null) {
-                    clone[key] = value;
-                    continue;
-                }
-                // Circular references
-                if (seen.has(value)) {
-                    clone[key] = seen.get(value);
-                    continue;
-                }
-                // Object / Array
-                clone[key] = Array.isArray(value) ? [] : {};
-                seen.set(value, clone[key]);
-                stack.push([value, clone[key]]);
-                // No key, process full object
-            }
-            else {
-                seen.set(source, clone);
-                if (Array.isArray(source)) {
-                    source.forEach((_, index) => {
-                        stack.push([source, clone, index]);
-                    });
-                    continue;
-                }
-                Object.keys(source).forEach((key) => {
-                    stack.push([source, clone, key]);
-                });
-            }
-        }
-        return seen.get(object);
-    }
-}
-;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintObject);
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/scroll.ts"
-/*!***************************************!*\
-  !*** ./src/ts/imports/util/scroll.ts ***!
-  \***************************************/
-(__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
- */
-
-/**
- * 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__WEBPACK_IMPORTED_MODULE_0__["default"].throttleEvent(this.showElements, 200));
-    }
-}
-;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintScroll);
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/selectors.ts"
-/*!******************************************!*\
-  !*** ./src/ts/imports/util/selectors.ts ***!
-  \******************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__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 {
-    /**
-     * 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;
-    }
-}
-;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintSelectors);
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/settings.ts"
-/*!*****************************************!*\
-  !*** ./src/ts/imports/util/settings.ts ***!
-  \*****************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__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 {
-    /**
-     * 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
-        };
-    }
-}
-;
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MintSettings);
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/text.ts"
-/*!*************************************!*\
-  !*** ./src/ts/imports/util/text.ts ***!
-  \*************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MintText: () => (/* binding */ MintText)
-/* harmony export */ });
-/**
- * Functions for analyzing and manipulating text.
- */
-class MintText {
-    /**
-     * Shorten a string to the given length
-     */
-    static truncate(text, length = 100) {
-        return text.length > length ? text.slice(0, length).trim() + '...' : text;
-    }
-    /**
-     * 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';
-        }
-        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 = `
-            position: fixed;
-            top: 0;
-            left: 0;
-            transform: translate(-100%, -100%);
-            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])+)\])/);
-    }
-    /**
-     * Generate a random string [a-z0-9]
-     */
-    static generateId(length = 10) {
-        return Math.random().toString(36).substring(2, length + 2);
-    }
-    /**
-     * Check if the given string is an image url
-     */
-    static isImage(src) {
-        return !!src?.match(/\.(jpe?g|png|webp|gif|svg)$/i);
-    }
-    /**
-     * Check if the given string is a video url
-     */
-    static isVideo(src) {
-        return !!src?.match(/\.(mp4|webm|ogg)$/i);
-    }
-}
-
-
-/***/ },
-
-/***/ "./src/ts/imports/util/window.ts"
-/*!***************************************!*\
-  !*** ./src/ts/imports/util/window.ts ***!
-  \***************************************/
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MintWindow: () => (/* binding */ MintWindow)
-/* 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 height of the window, including fractional pixels
-     * @returns the height of the window
-     */
-    static height() {
-        const decimal = document.body.getBoundingClientRect().height % 1;
-        return window.innerHeight + decimal;
-    }
-}
-;
-
-
-/***/ }
-
-/******/ });
-/************************************************************************/
-/******/ // The module cache
-/******/ const __webpack_module_cache__ = {};
-/******/ 
-/******/ // The require function
-/******/ function __webpack_require__(moduleId) {
-/******/ 	// Check if module is in cache
-/******/ 	const cachedModule = __webpack_module_cache__[moduleId];
-/******/ 	if (cachedModule !== undefined) {
-/******/ 		return cachedModule.exports;
-/******/ 	}
-/******/ 	// Create a new module (and put it into the cache)
-/******/ 	const module = __webpack_module_cache__[moduleId] = {
-/******/ 		// no module.id needed
-/******/ 		// no module.loaded needed
-/******/ 		exports: {}
-/******/ 	};
-/******/ 
-/******/ 	// Execute the module function
-/******/ 	if (!(moduleId in __webpack_modules__)) {
-/******/ 		delete __webpack_module_cache__[moduleId];
-/******/ 		const e = new Error("Cannot find module '" + moduleId + "'");
-/******/ 		e.code = 'MODULE_NOT_FOUND';
-/******/ 		throw e;
-/******/ 	}
-/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 
-/******/ 	// Return the exports of the module
-/******/ 	return module.exports;
-/******/ }
-/******/ 
-/************************************************************************/
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ 	// define getter/value functions for harmony exports
-/******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		if(Array.isArray(definition)) {
-/******/ 			var i = 0;
-/******/ 			while(i < definition.length) {
-/******/ 				var key = definition[i++];
-/******/ 				var binding = definition[i++];
-/******/ 				if(!__webpack_require__.o(exports, key)) {
-/******/ 					if(binding === 0) {
-/******/ 						Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
-/******/ 					} else {
-/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: binding });
-/******/ 					}
-/******/ 				} else if(binding === 0) { i++; }
-/******/ 			}
-/******/ 		} else {
-/******/ 			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(Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/ })();
-/******/ 
-/************************************************************************/
-let __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 ***!
-  \*************************/
-__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 */   MintAttachesEvents: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintAttachesEvents),
-/* harmony export */   MintDisplay: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintDisplay),
-/* harmony export */   MintEvent: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintEvent),
-/* harmony export */   MintGrid: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintGrid),
-/* 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 */   MintMenu: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintMenu),
-/* harmony export */   MintObject: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintObject),
-/* harmony export */   MintPanel: () => (/* reexport safe */ _imports__WEBPACK_IMPORTED_MODULE_0__.MintPanel),
-/* 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
- */
-/**
- * Exports
- */
-
-
-})();
-
-const __webpack_exports__EMintSide = __webpack_exports__.EMintSide;
-const __webpack_exports__MintAsync = __webpack_exports__.MintAsync;
-const __webpack_exports__MintAttachesEvents = __webpack_exports__.MintAttachesEvents;
-const __webpack_exports__MintDisplay = __webpack_exports__.MintDisplay;
-const __webpack_exports__MintEvent = __webpack_exports__.MintEvent;
-const __webpack_exports__MintGrid = __webpack_exports__.MintGrid;
-const __webpack_exports__MintHeader = __webpack_exports__.MintHeader;
-const __webpack_exports__MintIcon = __webpack_exports__.MintIcon;
-const __webpack_exports__MintItem = __webpack_exports__.MintItem;
-const __webpack_exports__MintList = __webpack_exports__.MintList;
-const __webpack_exports__MintMath = __webpack_exports__.MintMath;
-const __webpack_exports__MintMenu = __webpack_exports__.MintMenu;
-const __webpack_exports__MintObject = __webpack_exports__.MintObject;
-const __webpack_exports__MintPanel = __webpack_exports__.MintPanel;
-const __webpack_exports__MintScroll = __webpack_exports__.MintScroll;
-const __webpack_exports__MintSelectors = __webpack_exports__.MintSelectors;
-const __webpack_exports__MintSettings = __webpack_exports__.MintSettings;
-const __webpack_exports__MintText = __webpack_exports__.MintText;
-const __webpack_exports__MintWindow = __webpack_exports__.MintWindow;
-const __webpack_exports__mintColor = __webpack_exports__.mintColor;
-export { __webpack_exports__EMintSide as EMintSide, __webpack_exports__MintAsync as MintAsync, __webpack_exports__MintAttachesEvents as MintAttachesEvents, __webpack_exports__MintDisplay as MintDisplay, __webpack_exports__MintEvent as MintEvent, __webpack_exports__MintGrid as MintGrid, __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__MintMenu as MintMenu, __webpack_exports__MintObject as MintObject, __webpack_exports__MintPanel as MintPanel, __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