@appartmint/mint 5.0.3 → 5.0.4

package/dist/imports/abstract/attaches-events.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=class{events=[];attachEvent(e,t,n){if(e){let r=this.events.find(t=>t.el===e);r?(r.handlers.push(n),r.events.push(t)):this.events.push({el:e,handlers:[n],events:[t]}),e.addEventListener(t,n)}}detachEvents(){this.events.forEach(e=>{e.handlers.forEach((t,n)=>{e.el?.removeEventListener(e.events[n],t)})}),this.events=[]}};exports.MintAttachesEvents=e;

package/dist/{js/imports → imports}/abstract/attaches-events.d.ts

@@ -1,6 +1,3 @@
-/**
- * Imports
- */
 import { MintModelEvent } from '../models';
 /**
  * Attaches Events
@@ -23,4 +20,3 @@ export declare abstract class MintAttachesEvents {
      */
     detachEvents(): void;
 }
-//# sourceMappingURL=attaches-events.d.ts.map

package/dist/imports/abstract/attaches-events.esm.js

@@ -0,0 +1,23 @@
+//#region src/ts/imports/abstract/attaches-events.ts
+var e = class {
+	events = [];
+	attachEvent(e, t, n) {
+		if (e) {
+			let r = this.events.find((t) => t.el === e);
+			r ? (r.handlers.push(n), r.events.push(t)) : this.events.push({
+				el: e,
+				handlers: [n],
+				events: [t]
+			}), e.addEventListener(t, n);
+		}
+	}
+	detachEvents() {
+		this.events.forEach((e) => {
+			e.handlers.forEach((t, n) => {
+				e.el?.removeEventListener(e.events[n], t);
+			});
+		}), this.events = [];
+	}
+};
+//#endregion
+export { e as MintAttachesEvents };

package/dist/imports/abstract/index.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./attaches-events.cjs.js");exports.MintAttachesEvents=e.MintAttachesEvents;

package/dist/{js/imports → imports}/abstract/index.d.ts

@@ -2,4 +2,3 @@
  * Forward all abstract exports
  */
 export * from './attaches-events';
-//# sourceMappingURL=index.d.ts.map

package/dist/imports/abstract/index.esm.js

@@ -0,0 +1,2 @@
+import { MintAttachesEvents as e } from "./attaches-events.esm.js";
+export { e as MintAttachesEvents };

package/dist/imports/components/grid.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../util/math.cjs.js");var t={gridNum(t){return e.MintMath.clamp(t,1,4)}};exports.MintGrid=t;

package/dist/imports/components/grid.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Grid Component
+ */
+export declare const MintGrid: {
+    /**
+     * Get a valid grid number
+     */
+    gridNum(num?: number): number;
+};

package/dist/imports/components/grid.esm.js

@@ -0,0 +1,7 @@
+import { MintMath as e } from "../util/math.esm.js";
+//#region src/ts/imports/components/grid.ts
+var t = { gridNum(t) {
+	return e.clamp(t, 1, 4);
+} };
+//#endregion
+export { t as MintGrid };

package/dist/imports/components/header.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./panel.cjs.js"),t=require("./menu.cjs.js");var n=class{settings={id:`mint-menu`,wrapperId:`mint-wrapper`,title:`menu`,fixed:!0};el={};panel;menu;constructor(n){this.settings={...this.settings,...n},this.panel=new e.MintPanel(this.settings),this.menu=new t.MintMenu(this.settings),this.attachElements(),this.addClasses()}detachEvents(){this.panel?.detachEvents(),this.menu?.detachEvents()}attachElements(){this.el.body=document.querySelector(`body`)}addClasses(){this.settings.fixed&&this.el.body?.classList.add(`mint-fixed`)}};exports.MintHeader=n;

package/dist/{js/imports → imports}/components/header.d.ts

@@ -1,8 +1,14 @@
+import { MintPanel } from './panel';
+import { MintMenu } from './menu';
 /**
- * Imports
+ * Header settings
  */
-import { MintPanel } from "./panel";
-import { MintMenu } from "./menu";
+export interface MintHeaderSettings {
+    id: string;
+    wrapperId: string;
+    title: string;
+    fixed: boolean;
+}
 /**
  * Main header functionality
  * @public
@@ -11,15 +17,11 @@ export declare class MintHeader {
     /**
      * Navbar settings
      */
-    settings: {
-        [key: string]: any;
-    };
+    settings: MintHeaderSettings;
     /**
      * Frequently-referenced elements
      */
-    el: {
-        [key: string]: HTMLElement | null;
-    };
+    el: Record<string, HTMLElement | null>;
     /**
      * Navigation functionality
      */
@@ -28,9 +30,7 @@ export declare class MintHeader {
     /**
      * Initializes and closes the menu
      */
-    constructor(settings?: {
-        [key: string]: any;
-    });
+    constructor(settings?: Partial<MintHeaderSettings>);
     /**
      * Detach events
      */
@@ -44,4 +44,3 @@ export declare class MintHeader {
      */
     addClasses(): void;
 }
-//# sourceMappingURL=header.d.ts.map

package/dist/imports/components/header.esm.js

@@ -0,0 +1,31 @@
+import { MintPanel as e } from "./panel.esm.js";
+import { MintMenu as t } from "./menu.esm.js";
+//#region src/ts/imports/components/header.ts
+var n = class {
+	settings = {
+		id: "mint-menu",
+		wrapperId: "mint-wrapper",
+		title: "menu",
+		fixed: !0
+	};
+	el = {};
+	panel;
+	menu;
+	constructor(n) {
+		this.settings = {
+			...this.settings,
+			...n
+		}, this.panel = new e(this.settings), this.menu = new t(this.settings), this.attachElements(), this.addClasses();
+	}
+	detachEvents() {
+		this.panel?.detachEvents(), this.menu?.detachEvents();
+	}
+	attachElements() {
+		this.el.body = document.querySelector("body");
+	}
+	addClasses() {
+		this.settings.fixed && this.el.body?.classList.add("mint-fixed");
+	}
+};
+//#endregion
+export { n as MintHeader };

package/dist/imports/components/index.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./grid.cjs.js"),t=require("./panel.cjs.js"),n=require("./menu.cjs.js"),r=require("./header.cjs.js");exports.MintGrid=e.MintGrid,exports.MintHeader=r.MintHeader,exports.MintMenu=n.MintMenu,exports.MintPanel=t.MintPanel;

package/dist/{js/imports → imports}/components/index.d.ts

@@ -5,4 +5,3 @@ export * from './grid';
 export * from './header';
 export * from './menu';
 export * from './panel';
-//# sourceMappingURL=index.d.ts.map

package/dist/imports/components/index.esm.js

@@ -0,0 +1,5 @@
+import { MintGrid as e } from "./grid.esm.js";
+import { MintPanel as t } from "./panel.esm.js";
+import { MintMenu as n } from "./menu.esm.js";
+import { MintHeader as r } from "./header.esm.js";
+export { e as MintGrid, r as MintHeader, n as MintMenu, t as MintPanel };

package/dist/imports/components/menu.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../abstract/attaches-events.cjs.js"),t=require("../util/settings.cjs.js"),n=require("../util/display.cjs.js"),r=require("../util/event.cjs.js"),i=require("../util/selectors.cjs.js");require("../util/index.cjs.js");var a=class extends e.MintAttachesEvents{settings={};el={};constructor(e){if(super(),this.settings={...this.settings,...e},!this.settings.wrapperId)throw Error(`Wrapper ID is required`);this.attachElements(),this.attachEvents(),requestAnimationFrame(()=>{this.closeAllMenus()})}attachElements(){let{wrapperId:e}=this.settings;this.el.wrapper=e?document.getElementById(e):null}attachEvents(){this.attachEvent(window,`scroll`,r.MintEvent.throttleEvent(this.eHandleScroll.bind(this),t.MintSettings.delay.default,{trailing:!1})),(this.el.wrapper?.querySelectorAll(i.MintSelectors.focusable))?.forEach(e=>{this.attachEvent(e,`keydown`,r.MintEvent.throttleEvent(this.eHandleKeypress.bind(this)))}),(this.el.wrapper?.querySelectorAll(i.MintSelectors.controls()))?.forEach(e=>{this.attachEvent(e,`click`,r.MintEvent.throttleEvent(this.eToggleMenu.bind(this),t.MintSettings.delay.slow,{trailing:!1}))})}setMenu(e,t=!1){let r=t?`true`:`false`,i=e?.nextElementSibling;e&&i&&(e.setAttribute(`aria-expanded`,r),t?n.MintDisplay.show(i):(n.MintDisplay.hide(i),this.closeSubMenus(e)))}toggleMenu(e){this.setMenu(e,e?.getAttribute(`aria-expanded`)?.toLowerCase()!==`true`)}closeSubMenus(e){let t=e?.nextElementSibling;t&&t.querySelectorAll(i.MintSelectors.subMenuButtons).forEach(e=>{e.parentElement?.parentElement===t&&this.setMenu(e)})}closeSiblingMenus(e){((e?.parentElement)?.parentElement?.querySelectorAll(i.MintSelectors.subMenuButtons))?.forEach(t=>{t!==e&&this.setMenu(t)})}closeAllMenus(){(this.el.wrapper?.querySelectorAll(i.MintSelectors.subMenuButtons))?.forEach(e=>{this.setMenu(e)})}openClosestMenu(){let e=document.activeElement,t=e?.nextElementSibling,n=e?.getAttribute(`aria-expanded`)?.toLowerCase()===`true`;e?.getAttribute(`aria-controls`)===this.settings.wrapperId&&(t=this.el.wrapper),e?.getAttribute(`aria-controls`)&&t&&!n&&(e.click(),t.querySelector(i.MintSelectors.focusable)?.focus())}closeClosestMenu(){let e=document.activeElement,t=e?.closest(i.MintSelectors.subMenu)?.previousElementSibling;e?.getAttribute(`aria-controls`)&&e.getAttribute(`aria-expanded`)?.toLowerCase()===`true`&&(t=e),t?.getAttribute(`aria-expanded`)?.toLowerCase()===`true`&&(t.click(),t.focus())}toggleClosestMenu(){document.activeElement?.getAttribute(`aria-expanded`)?.toLowerCase()===`true`?this.closeClosestMenu():this.openClosestMenu()}eHandleScroll(){this.closeAllMenus()}eHandleButtonKeypress(e){let t=e.target,n=t?.closest(`li`);switch(e.key.toLowerCase()){case`escape`:n?.classList.contains(`mint-open`)&&this.setMenu(n);break;case`arrowleft`:this.closeClosestMenu();break;case`arrowright`:this.openClosestMenu();break;case`enter`:case`space`:t?.click();break}}eHandleLinkKeypress(e){let t=e.target;switch(e.key.toLowerCase()){case`escape`:case`arrowleft`:this.closeClosestMenu();break;case`arrowright`:this.openClosestMenu();break;case`enter`:case`space`:t?.click();break}}eHandleKeypress(e){if(e instanceof KeyboardEvent)switch(e.key.toLowerCase()!==`tab`&&e.preventDefault(),e.target?.tagName.toLowerCase()){case`a`:this.eHandleLinkKeypress(e);break;case`button`:this.eHandleButtonKeypress(e);break}}eToggleMenu(e){if(!(e instanceof MouseEvent))return;let t=e.target;this.closeSiblingMenus(t),this.toggleMenu(t)}};exports.MintMenu=a;

package/dist/{js/imports → imports}/components/menu.d.ts

@@ -1,7 +1,10 @@
+import { MintAttachesEvents } from '../abstract';
 /**
- * Imports
+ * Menu settings
  */
-import { MintAttachesEvents } from '../abstract';
+export interface MintMenuSettings {
+    wrapperId: string;
+}
 /**
  * Menu (dropdown) functionality
  * @public
@@ -10,7 +13,7 @@ export declare class MintMenu extends MintAttachesEvents {
     /**
      * Tray settings
      */
-    settings: Record<string, any>;
+    settings: Partial<MintMenuSettings>;
     /**
      * Frequently-referenced elements
      */
@@ -18,7 +21,7 @@ export declare class MintMenu extends MintAttachesEvents {
     /**
      * Initializes and closes the tray
      */
-    constructor(settings?: Record<string, any>);
+    constructor(settings?: Partial<MintMenuSettings>);
     /**
      * Adds elements to {@link el | `this.el`}
      */
@@ -82,11 +85,10 @@ export declare class MintMenu extends MintAttachesEvents {
      * Handles keypresses on the menu
      * @param e - Keyboard event
      */
-    eHandleKeypress(e: KeyboardEvent): void;
+    eHandleKeypress(e: Event): void;
     /**
      * Toggles the clicked submenu
      * @param e - Mouse event
      */
-    eToggleMenu(e: MouseEvent): void;
+    eToggleMenu(e: Event): void;
 }
-//# sourceMappingURL=menu.d.ts.map

package/dist/imports/components/menu.esm.js

@@ -0,0 +1,119 @@
+import { MintAttachesEvents as e } from "../abstract/attaches-events.esm.js";
+import { MintSettings as t } from "../util/settings.esm.js";
+import { MintDisplay as n } from "../util/display.esm.js";
+import { MintEvent as r } from "../util/event.esm.js";
+import { MintSelectors as i } from "../util/selectors.esm.js";
+import "../util/index.esm.js";
+//#region src/ts/imports/components/menu.ts
+var a = class extends e {
+	settings = {};
+	el = {};
+	constructor(e) {
+		if (super(), this.settings = {
+			...this.settings,
+			...e
+		}, !this.settings.wrapperId) throw Error("Wrapper ID is required");
+		this.attachElements(), this.attachEvents(), requestAnimationFrame(() => {
+			this.closeAllMenus();
+		});
+	}
+	attachElements() {
+		let { wrapperId: e } = this.settings;
+		this.el.wrapper = e ? document.getElementById(e) : null;
+	}
+	attachEvents() {
+		this.attachEvent(window, "scroll", r.throttleEvent(this.eHandleScroll.bind(this), t.delay.default, { trailing: !1 })), (this.el.wrapper?.querySelectorAll(i.focusable))?.forEach((e) => {
+			this.attachEvent(e, "keydown", r.throttleEvent(this.eHandleKeypress.bind(this)));
+		}), (this.el.wrapper?.querySelectorAll(i.controls()))?.forEach((e) => {
+			this.attachEvent(e, "click", r.throttleEvent(this.eToggleMenu.bind(this), t.delay.slow, { trailing: !1 }));
+		});
+	}
+	setMenu(e, t = !1) {
+		let r = t ? "true" : "false", i = e?.nextElementSibling;
+		e && i && (e.setAttribute("aria-expanded", r), t ? n.show(i) : (n.hide(i), this.closeSubMenus(e)));
+	}
+	toggleMenu(e) {
+		this.setMenu(e, e?.getAttribute("aria-expanded")?.toLowerCase() !== "true");
+	}
+	closeSubMenus(e) {
+		let t = e?.nextElementSibling;
+		t && t.querySelectorAll(i.subMenuButtons).forEach((e) => {
+			e.parentElement?.parentElement === t && this.setMenu(e);
+		});
+	}
+	closeSiblingMenus(e) {
+		((e?.parentElement)?.parentElement?.querySelectorAll(i.subMenuButtons))?.forEach((t) => {
+			t !== e && this.setMenu(t);
+		});
+	}
+	closeAllMenus() {
+		(this.el.wrapper?.querySelectorAll(i.subMenuButtons))?.forEach((e) => {
+			this.setMenu(e);
+		});
+	}
+	openClosestMenu() {
+		let e = document.activeElement, t = e?.nextElementSibling, n = e?.getAttribute("aria-expanded")?.toLowerCase() === "true";
+		e?.getAttribute("aria-controls") === this.settings.wrapperId && (t = this.el.wrapper), e?.getAttribute("aria-controls") && t && !n && (e.click(), t.querySelector(i.focusable)?.focus());
+	}
+	closeClosestMenu() {
+		let e = document.activeElement, t = e?.closest(i.subMenu)?.previousElementSibling;
+		e?.getAttribute("aria-controls") && e.getAttribute("aria-expanded")?.toLowerCase() === "true" && (t = e), t?.getAttribute("aria-expanded")?.toLowerCase() === "true" && (t.click(), t.focus());
+	}
+	toggleClosestMenu() {
+		document.activeElement?.getAttribute("aria-expanded")?.toLowerCase() === "true" ? this.closeClosestMenu() : this.openClosestMenu();
+	}
+	eHandleScroll() {
+		this.closeAllMenus();
+	}
+	eHandleButtonKeypress(e) {
+		let t = e.target, n = t?.closest("li");
+		switch (e.key.toLowerCase()) {
+			case "escape":
+				n?.classList.contains("mint-open") && this.setMenu(n);
+				break;
+			case "arrowleft":
+				this.closeClosestMenu();
+				break;
+			case "arrowright":
+				this.openClosestMenu();
+				break;
+			case "enter":
+			case "space":
+				t?.click();
+				break;
+		}
+	}
+	eHandleLinkKeypress(e) {
+		let t = e.target;
+		switch (e.key.toLowerCase()) {
+			case "escape":
+			case "arrowleft":
+				this.closeClosestMenu();
+				break;
+			case "arrowright":
+				this.openClosestMenu();
+				break;
+			case "enter":
+			case "space":
+				t?.click();
+				break;
+		}
+	}
+	eHandleKeypress(e) {
+		if (e instanceof KeyboardEvent) switch (e.key.toLowerCase() !== "tab" && e.preventDefault(), e.target?.tagName.toLowerCase()) {
+			case "a":
+				this.eHandleLinkKeypress(e);
+				break;
+			case "button":
+				this.eHandleButtonKeypress(e);
+				break;
+		}
+	}
+	eToggleMenu(e) {
+		if (!(e instanceof MouseEvent)) return;
+		let t = e.target;
+		this.closeSiblingMenus(t), this.toggleMenu(t);
+	}
+};
+//#endregion
+export { a as MintMenu };

package/dist/imports/components/panel.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../abstract/attaches-events.cjs.js"),t=require("../enums/side.cjs.js"),n=require("../util/settings.cjs.js"),r=require("../util/event.cjs.js"),i=require("../util/selectors.cjs.js"),a=require("../util/window.cjs.js");require("../util/index.cjs.js");var o=class extends e.MintAttachesEvents{settings={id:``,wrapperId:``,title:`panel`,from:t.EMintSide.Top,fixed:!0};el={};constructor(e){if(super(),this.settings={...this.settings,...e},!this.settings.id||!this.settings.wrapperId)throw Error(`Panel ID and wrapper ID are required`);this.attachElements(),this.attachEvents(),this.addClasses(),requestAnimationFrame(()=>{this.setPanel()})}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(i.MintSelectors.controls(this.settings.wrapperId))??null}attachEvents(){this.attachEvent(window,`resize`,r.MintEvent.throttleEvent(this.eHandleResize.bind(this),n.MintSettings.delay.default)),this.attachEvent(this.el.main,`click`,r.MintEvent.throttleEvent(this.eClose.bind(this),n.MintSettings.delay.default,{trailing:!1})),this.attachEvent(this.el.wrapper,`transitionend`,this.eTransitionEnd.bind(this)),i.MintSelectors.getFocusables(this.el.panel).forEach(e=>{this.attachEvent(e,`keydown`,r.MintEvent.throttleEvent(this.eWrapTab.bind(this)))}),(this.el.panel?.querySelectorAll(i.MintSelectors.controls(this.settings.wrapperId)))?.forEach(e=>{this.attachEvent(e,`click`,r.MintEvent.throttleEvent(this.eToggle.bind(this),n.MintSettings.delay.slow,{trailing:!1}))})}addClasses(){this.el.panel?.classList.add(`mint-panel`),this.el.wrapper?.classList.add(`mint-panel-wrapper`),this.el.toggleButton?.classList.add(`mint-panel-toggle`),this.el.panel?.classList.remove(`mint-top`,`mint-right`,`mint-bottom`,`mint-left`),this.el.panel?.classList.add(`mint-${t.EMintSide[this.settings.from].toLowerCase()}`),this.settings.tray&&this.el.panel?.classList.add(`mint-tray`)}setPanel(e=!1){let r=e?`true`:`false`,i=e?`close ${this.settings.title}`:`open ${this.settings.title}`;this.el.toggleButton?.setAttribute(`aria-expanded`,r),setTimeout(()=>{this.el.toggleButton?.setAttribute(`aria-label`,i)},n.MintSettings.delay.fast),e?(this.closeOtherPanels(),this.settings.fixed||window.scroll({top:0,left:0,behavior:`smooth`}),setTimeout(()=>{if(this.el.html){let e=a.MintWindow.width()<=n.MintSettings.break.sm,t=`auto`;this.settings.tray?e&&(t=`hidden`):t=`hidden`,this.el.html.style.overflow=t}},this.settings.from===t.EMintSide.Left?n.MintSettings.delay.default:n.MintSettings.delay.instant),this.el.wrapper&&(this.el.wrapper.style.display=`flex`),requestAnimationFrame(()=>{this.el.wrapper?.classList.add(`mint-open`)})):(this.el.html&&(this.el.html.style.overflow=`auto`),requestAnimationFrame(()=>{this.el.wrapper?.classList.remove(`mint-open`)}))}togglePanel(){this.setPanel(this.el.toggleButton?.getAttribute(`aria-expanded`)?.toLowerCase()===`false`)}closeOtherPanels(){let e=`.mint-panel-toggle[aria-expanded="true"]:not([aria-controls="${this.settings.wrapperId}"])`;document.querySelector(e)?.click()}eHandleResize(){let e=a.MintWindow.width()<=n.MintSettings.break.sm,t=!0;this.el.panel?.classList.contains(`mint-tray`)?t=!1:this.el.panel?.classList.contains(`mint-expand`)||(t=!1),!e&&t&&this.setPanel(!1);let r=this.el.toggleButton?.getAttribute(`aria-expanded`)?.toLowerCase()===`true`,i=`auto`;r&&(this.settings.tray?e&&(i=`hidden`):i=`hidden`),this.el.html&&(this.el.html.style.overflow=i)}eWrapTab(e){if(!(e instanceof KeyboardEvent))return;let t=i.MintSelectors.getFocusables(this.el.panel),n=t[t.length-1],r=t.length>1&&document.activeElement===n;e.key.toLowerCase()===`tab`&&!e.shiftKey&&r&&(this.el.toggleButton?.focus(),document.activeElement===this.el.toggleButton&&e.preventDefault())}eToggle(){this.togglePanel()}eClose(){this.setPanel(!1)}eTransitionEnd(){this.el.wrapper?.classList.contains(`mint-open`)===!1&&(this.el.wrapper.style.display=`none`)}};exports.MintPanel=o;

package/dist/{js/imports → imports}/components/panel.d.ts

@@ -1,4 +1,16 @@
+import { EMintSide } from '../enums/side';
 import { MintAttachesEvents } from '../abstract';
+/**
+ * Panel settings
+ */
+export interface MintPanelSettings {
+    id: string;
+    wrapperId: string;
+    title: string;
+    from: EMintSide;
+    fixed: boolean;
+    tray?: boolean;
+}
 /**
  * Panel (sidebar) functionality
  * @public
@@ -7,7 +19,7 @@ export declare class MintPanel extends MintAttachesEvents {
     /**
      * Panel settings
      */
-    settings: Record<string, any>;
+    settings: MintPanelSettings;
     /**
      * Frequently-referenced elements
      */
@@ -15,7 +27,7 @@ export declare class MintPanel extends MintAttachesEvents {
     /**
      * Initializes and closes the panel
      */
-    constructor(settings?: Record<string, any>);
+    constructor(settings?: Partial<MintPanelSettings>);
     /**
      * Adds elements to {@link el | `this.el`}
      */
@@ -49,7 +61,7 @@ export declare class MintPanel extends MintAttachesEvents {
      * Sends the focus to the toggle button after tabbing past the last focusable element
      * @param e - Keyboard event
      */
-    eWrapTab(e: KeyboardEvent): void;
+    eWrapTab(e: Event): void;
     /**
      * Toggles the panel
      */
@@ -63,4 +75,3 @@ export declare class MintPanel extends MintAttachesEvents {
      */
     eTransitionEnd(): void;
 }
-//# sourceMappingURL=panel.d.ts.map

package/dist/imports/components/panel.esm.js

@@ -0,0 +1,88 @@
+import { MintAttachesEvents as e } from "../abstract/attaches-events.esm.js";
+import { EMintSide as t } from "../enums/side.esm.js";
+import { MintSettings as n } from "../util/settings.esm.js";
+import { MintEvent as r } from "../util/event.esm.js";
+import { MintSelectors as i } from "../util/selectors.esm.js";
+import { MintWindow as a } from "../util/window.esm.js";
+import "../util/index.esm.js";
+//#region src/ts/imports/components/panel.ts
+var o = class extends e {
+	settings = {
+		id: "",
+		wrapperId: "",
+		title: "panel",
+		from: t.Top,
+		fixed: !0
+	};
+	el = {};
+	constructor(e) {
+		if (super(), this.settings = {
+			...this.settings,
+			...e
+		}, !this.settings.id || !this.settings.wrapperId) throw Error("Panel ID and wrapper ID are required");
+		this.attachElements(), this.attachEvents(), this.addClasses(), requestAnimationFrame(() => {
+			this.setPanel();
+		});
+	}
+	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(i.controls(this.settings.wrapperId)) ?? null;
+	}
+	attachEvents() {
+		this.attachEvent(window, "resize", r.throttleEvent(this.eHandleResize.bind(this), n.delay.default)), this.attachEvent(this.el.main, "click", r.throttleEvent(this.eClose.bind(this), n.delay.default, { trailing: !1 })), this.attachEvent(this.el.wrapper, "transitionend", this.eTransitionEnd.bind(this)), i.getFocusables(this.el.panel).forEach((e) => {
+			this.attachEvent(e, "keydown", r.throttleEvent(this.eWrapTab.bind(this)));
+		}), (this.el.panel?.querySelectorAll(i.controls(this.settings.wrapperId)))?.forEach((e) => {
+			this.attachEvent(e, "click", r.throttleEvent(this.eToggle.bind(this), n.delay.slow, { trailing: !1 }));
+		});
+	}
+	addClasses() {
+		this.el.panel?.classList.add("mint-panel"), this.el.wrapper?.classList.add("mint-panel-wrapper"), this.el.toggleButton?.classList.add("mint-panel-toggle"), this.el.panel?.classList.remove("mint-top", "mint-right", "mint-bottom", "mint-left"), this.el.panel?.classList.add(`mint-${t[this.settings.from].toLowerCase()}`), this.settings.tray && this.el.panel?.classList.add("mint-tray");
+	}
+	setPanel(e = !1) {
+		let r = e ? "true" : "false", i = e ? `close ${this.settings.title}` : `open ${this.settings.title}`;
+		this.el.toggleButton?.setAttribute("aria-expanded", r), setTimeout(() => {
+			this.el.toggleButton?.setAttribute("aria-label", i);
+		}, n.delay.fast), e ? (this.closeOtherPanels(), this.settings.fixed || window.scroll({
+			top: 0,
+			left: 0,
+			behavior: "smooth"
+		}), setTimeout(() => {
+			if (this.el.html) {
+				let e = a.width() <= n.break.sm, t = "auto";
+				this.settings.tray ? e && (t = "hidden") : t = "hidden", this.el.html.style.overflow = t;
+			}
+		}, this.settings.from === t.Left ? n.delay.default : n.delay.instant), this.el.wrapper && (this.el.wrapper.style.display = "flex"), requestAnimationFrame(() => {
+			this.el.wrapper?.classList.add("mint-open");
+		})) : (this.el.html && (this.el.html.style.overflow = "auto"), requestAnimationFrame(() => {
+			this.el.wrapper?.classList.remove("mint-open");
+		}));
+	}
+	togglePanel() {
+		this.setPanel(this.el.toggleButton?.getAttribute("aria-expanded")?.toLowerCase() === "false");
+	}
+	closeOtherPanels() {
+		let e = `.mint-panel-toggle[aria-expanded="true"]:not([aria-controls="${this.settings.wrapperId}"])`;
+		document.querySelector(e)?.click();
+	}
+	eHandleResize() {
+		let e = a.width() <= n.break.sm, t = !0;
+		this.el.panel?.classList.contains("mint-tray") ? t = !1 : this.el.panel?.classList.contains("mint-expand") || (t = !1), !e && t && this.setPanel(!1);
+		let r = this.el.toggleButton?.getAttribute("aria-expanded")?.toLowerCase() === "true", i = "auto";
+		r && (this.settings.tray ? e && (i = "hidden") : i = "hidden"), this.el.html && (this.el.html.style.overflow = i);
+	}
+	eWrapTab(e) {
+		if (!(e instanceof KeyboardEvent)) return;
+		let t = i.getFocusables(this.el.panel), n = t[t.length - 1], r = t.length > 1 && document.activeElement === n;
+		e.key.toLowerCase() === "tab" && !e.shiftKey && r && (this.el.toggleButton?.focus(), document.activeElement === this.el.toggleButton && e.preventDefault());
+	}
+	eToggle() {
+		this.togglePanel();
+	}
+	eClose() {
+		this.setPanel(!1);
+	}
+	eTransitionEnd() {
+		this.el.wrapper?.classList.contains("mint-open") === !1 && (this.el.wrapper.style.display = "none");
+	}
+};
+//#endregion
+export { o as MintPanel };

package/dist/imports/enums/index.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./side.cjs.js");exports.EMintSide=e.EMintSide;

package/dist/{js/imports → imports}/enums/index.d.ts

@@ -2,4 +2,3 @@
  * Forward all exports from the enums directory
  */
 export * from './side';
-//# sourceMappingURL=index.d.ts.map

package/dist/imports/enums/index.esm.js

@@ -0,0 +1,2 @@
+import { EMintSide as e } from "./side.esm.js";
+export { e as EMintSide };

package/dist/imports/enums/side.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=function(e){return e[e.Top=0]=`Top`,e[e.Right=1]=`Right`,e[e.Bottom=2]=`Bottom`,e[e.Left=3]=`Left`,e}({});exports.EMintSide=e;

package/dist/{js/imports → imports}/enums/side.d.ts

@@ -7,4 +7,3 @@ export declare enum EMintSide {
     Bottom = 2,
     Left = 3
 }
-//# sourceMappingURL=side.d.ts.map

package/dist/imports/enums/side.esm.js

@@ -0,0 +1,6 @@
+//#region src/ts/imports/enums/side.ts
+var e = /* @__PURE__ */ function(e) {
+	return e[e.Top = 0] = "Top", e[e.Right = 1] = "Right", e[e.Bottom = 2] = "Bottom", e[e.Left = 3] = "Left", e;
+}({});
+//#endregion
+export { e as EMintSide };

package/dist/imports/index.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./abstract/attaches-events.cjs.js"),t=require("./util/math.cjs.js"),n=require("./components/grid.cjs.js"),r=require("./enums/side.cjs.js"),i=require("./util/async.cjs.js"),a=require("./util/settings.cjs.js"),o=require("./util/display.cjs.js"),s=require("./util/event.cjs.js"),c=require("./util/icon.cjs.js"),l=require("./util/list.cjs.js"),u=require("./util/object.cjs.js"),d=require("./util/scroll.cjs.js"),f=require("./util/selectors.cjs.js"),p=require("./util/text.cjs.js"),m=require("./util/window.cjs.js");require("./util/index.cjs.js");const h=require("./components/panel.cjs.js"),g=require("./components/menu.cjs.js"),_=require("./components/header.cjs.js");require("./components/index.cjs.js");const v=require("./models/color.cjs.js"),y=require("./models/item.cjs.js");exports.EMintSide=r.EMintSide,exports.MintAsync=i.MintAsync,exports.MintAttachesEvents=e.MintAttachesEvents,exports.MintDisplay=o.MintDisplay,exports.MintEvent=s.MintEvent,exports.MintGrid=n.MintGrid,exports.MintHeader=_.MintHeader,exports.MintIcon=c.MintIcon,exports.MintItem=y.MintItem,exports.MintList=l.MintList,exports.MintMath=t.MintMath,exports.MintMenu=g.MintMenu,exports.MintObject=u.MintObject,exports.MintPanel=h.MintPanel,exports.MintScroll=d.MintScroll,exports.MintSelectors=f.MintSelectors,exports.MintSettings=a.MintSettings,exports.MintText=p.MintText,exports.MintWindow=m.MintWindow,exports.mintColor=v.mintColor;

package/dist/{js/imports → imports}/index.d.ts

@@ -6,4 +6,3 @@ export * from './components';
 export * from './enums';
 export * from './models';
 export * from './util';
-//# sourceMappingURL=index.d.ts.map

package/dist/imports/index.esm.js

@@ -0,0 +1,23 @@
+import { MintAttachesEvents as e } from "./abstract/attaches-events.esm.js";
+import { MintMath as t } from "./util/math.esm.js";
+import { MintGrid as n } from "./components/grid.esm.js";
+import { EMintSide as r } from "./enums/side.esm.js";
+import { MintAsync as i } from "./util/async.esm.js";
+import { MintSettings as a } from "./util/settings.esm.js";
+import { MintDisplay as o } from "./util/display.esm.js";
+import { MintEvent as s } from "./util/event.esm.js";
+import { MintIcon as c } from "./util/icon.esm.js";
+import { MintList as l } from "./util/list.esm.js";
+import { MintObject as u } from "./util/object.esm.js";
+import { MintScroll as d } from "./util/scroll.esm.js";
+import { MintSelectors as f } from "./util/selectors.esm.js";
+import { MintText as p } from "./util/text.esm.js";
+import { MintWindow as m } from "./util/window.esm.js";
+import "./util/index.esm.js";
+import { MintPanel as h } from "./components/panel.esm.js";
+import { MintMenu as g } from "./components/menu.esm.js";
+import { MintHeader as _ } from "./components/header.esm.js";
+import "./components/index.esm.js";
+import { mintColor as v } from "./models/color.esm.js";
+import { MintItem as y } from "./models/item.esm.js";
+export { r as EMintSide, i as MintAsync, e as MintAttachesEvents, o as MintDisplay, s as MintEvent, n as MintGrid, _ as MintHeader, c as MintIcon, y as MintItem, l as MintList, t as MintMath, g as MintMenu, u as MintObject, h as MintPanel, d as MintScroll, f as MintSelectors, a as MintSettings, p as MintText, m as MintWindow, v as mintColor };

package/dist/imports/models/color.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=class e{static hexBase=16;static hexMax=`FF`;r;g;b;a;constructor(t){this.r=typeof t.r==`number`?Math.max(Math.min(t.r,e.hexBase**2-1),0):0,this.g=typeof t.g==`number`?Math.max(Math.min(t.g,e.hexBase**2-1),0):0,this.b=typeof t.b==`number`?Math.max(Math.min(t.b,e.hexBase**2-1),0):0,this.a=typeof t.a==`number`?Math.max(Math.min(t.a,1),0):1,typeof t.color==`string`&&this.stringConstructor(t.color)}stringConstructor(e){e.startsWith(`#`)?this.hexConstructor(e):(~e.indexOf(`linear-gradient`)&&(e=e.substring(e.indexOf(`linear-gradient`),e.length)),this.rgbConstructor(e))}hexConstructor(t){switch(t.length){case 1:case 5:case 6:return;case 2:t=`#`+t[1]+t[1]+t[1]+t[1]+t[1]+t[1]+e.hexMax;break;case 3:t=`#`+t[1]+t[1]+t[1]+t[2]+t[2]+t[2]+e.hexMax;break;case 4:t=`#`+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+e.hexMax;break;case 7:t+=e.hexMax;break;case 8:t+=t[t.length-1];break;default:t=t.substring(0,9)}this.r=parseInt(t.substring(1,3),e.hexBase),this.g=parseInt(t.substring(3,5),e.hexBase),this.b=parseInt(t.substring(5,7),e.hexBase),this.a=parseInt(t.substring(7,9),e.hexBase)/e.hexBase**2}rgbConstructor(e){let t=/rgba?\((\d{1,3}), ?(\d{1,3}), ?(\d{1,3})\)?(?:, ?(\d(?:\.\d*)?)\))?/.exec(e);t&&(this.r=parseInt(t[1]),this.g=parseInt(t[2]),this.b=parseInt(t[3]),this.a=parseFloat(t[4]))}getBrightness(){return this.a===0?262:!isNaN(this.r)&&!isNaN(this.g)&&!isNaN(this.b)?Math.round((this.r*299+this.g*587+this.b*144)/1e3):-1}};exports.mintColor=e;

package/dist/{js/imports → imports}/models/color.d.ts

@@ -5,12 +5,9 @@ export declare class mintColor {
     g: number;
     b: number;
     a: number;
-    constructor(args: {
-        [key: string]: number | string;
-    });
+    constructor(args: Record<string, number | string>);
     protected stringConstructor(str: string): void;
     protected hexConstructor(hex: string): void;
     protected rgbConstructor(rgb: string): void;
     getBrightness(): number;
 }
-//# sourceMappingURL=color.d.ts.map

package/dist/imports/models/color.esm.js

@@ -0,0 +1,48 @@
+//#region src/ts/imports/models/color.ts
+var e = class e {
+	static hexBase = 16;
+	static hexMax = "FF";
+	r;
+	g;
+	b;
+	a;
+	constructor(t) {
+		this.r = typeof t.r == "number" ? Math.max(Math.min(t.r, e.hexBase ** 2 - 1), 0) : 0, this.g = typeof t.g == "number" ? Math.max(Math.min(t.g, e.hexBase ** 2 - 1), 0) : 0, this.b = typeof t.b == "number" ? Math.max(Math.min(t.b, e.hexBase ** 2 - 1), 0) : 0, this.a = typeof t.a == "number" ? Math.max(Math.min(t.a, 1), 0) : 1, typeof t.color == "string" && this.stringConstructor(t.color);
+	}
+	stringConstructor(e) {
+		e.startsWith("#") ? this.hexConstructor(e) : (~e.indexOf("linear-gradient") && (e = e.substring(e.indexOf("linear-gradient"), e.length)), this.rgbConstructor(e));
+	}
+	hexConstructor(t) {
+		switch (t.length) {
+			case 1:
+			case 5:
+			case 6: return;
+			case 2:
+				t = "#" + t[1] + t[1] + t[1] + t[1] + t[1] + t[1] + e.hexMax;
+				break;
+			case 3:
+				t = "#" + t[1] + t[1] + t[1] + t[2] + t[2] + t[2] + e.hexMax;
+				break;
+			case 4:
+				t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3] + e.hexMax;
+				break;
+			case 7:
+				t += e.hexMax;
+				break;
+			case 8:
+				t += t[t.length - 1];
+				break;
+			default: t = t.substring(0, 9);
+		}
+		this.r = parseInt(t.substring(1, 3), e.hexBase), this.g = parseInt(t.substring(3, 5), e.hexBase), this.b = parseInt(t.substring(5, 7), e.hexBase), this.a = parseInt(t.substring(7, 9), e.hexBase) / e.hexBase ** 2;
+	}
+	rgbConstructor(e) {
+		let t = /rgba?\((\d{1,3}), ?(\d{1,3}), ?(\d{1,3})\)?(?:, ?(\d(?:\.\d*)?)\))?/.exec(e);
+		t && (this.r = parseInt(t[1]), this.g = parseInt(t[2]), this.b = parseInt(t[3]), this.a = parseFloat(t[4]));
+	}
+	getBrightness() {
+		return this.a === 0 ? 262 : !isNaN(this.r) && !isNaN(this.g) && !isNaN(this.b) ? Math.round((this.r * 299 + this.g * 587 + this.b * 144) / 1e3) : -1;
+	}
+};
+//#endregion
+export { e as mintColor };

package/dist/imports/models/event.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});

package/dist/{js/imports → imports}/models/event.d.ts

@@ -6,4 +6,3 @@ export interface MintModelEvent {
     handlers: EventListener[];
     events: string[];
 }
-//# sourceMappingURL=event.d.ts.map