monobill-mintui 0.4.2 → 0.4.3

package/dist/link-B-z-io7I.cjs

@@ -0,0 +1 @@
+var e=class extends HTMLElement{static get observedAttributes(){return[`href`,`target`]}constructor(){super(),this._link=null}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`inline-block`),this.render(),this._observeContent()}disconnectedCallback(){this._contentObserver&&=(this._contentObserver.disconnect(),null)}_observeContent(){this._contentObserver||(this._contentObserver=new MutationObserver(()=>{this._link&&this._link.querySelectorAll(`mint-text`).forEach(e=>{e.classList.contains(`underline`)||e.classList.add(`underline`)})}),this._contentObserver.observe(this,{childList:!0,subtree:!0}))}attributeChangedCallback(e,t,n){t!==n&&this.render()}getHref(){return this.getAttribute(`href`)||`#`}getTarget(){return this.getAttribute(`target`)||``}hasIcon(){return!!this.querySelector(`mint-icon`)||!!this._link?.querySelector(`mint-icon`)}render(){let e=this.getHref(),t=this.getTarget();if(!this._link){for(this._link=document.createElement(`a`);this.firstChild;)this._link.appendChild(this.firstChild);this.appendChild(this._link)}this._link.href=e,t?(this._link.target=t,t===`_blank`&&(this._link.rel=`noopener noreferrer`)):(this._link.removeAttribute(`target`),this._link.removeAttribute(`rel`));let n=this.hasIcon(),r=[`text-slate-800`,`dark:text-slate-200`,`underline`,`hover:text-slate-950`,`dark:hover:text-slate-100`,`transition-colors`,`duration-200`,`focus-visible:outline-none`,`focus-visible:ring-2`,`focus-visible:ring-offset-2`,`focus-visible:ring-slate-500`,`dark:focus-visible:ring-slate-400`,`rounded`];n&&r.push(`inline-flex`,`items-center`,`gap-2`),this._link.className=r.join(` `),this._link.querySelectorAll(`mint-text`).forEach(e=>{e.classList.contains(`underline`)||e.classList.add(`underline`)}),[`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`inline-block`].forEach(e=>{this.classList.contains(e)||this.classList.add(e)})}};customElements.get(`mint-link`)||customElements.define(`mint-link`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/link-DC8l274I.js

@@ -0,0 +1,75 @@
+//#region src/components/link/Link.js
+var e = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["href", "target"];
+	}
+	constructor() {
+		super(), this._link = null;
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block"), this.render(), this._observeContent();
+	}
+	disconnectedCallback() {
+		this._contentObserver &&= (this._contentObserver.disconnect(), null);
+	}
+	_observeContent() {
+		this._contentObserver || (this._contentObserver = new MutationObserver(() => {
+			this._link && this._link.querySelectorAll("mint-text").forEach((e) => {
+				e.classList.contains("underline") || e.classList.add("underline");
+			});
+		}), this._contentObserver.observe(this, {
+			childList: !0,
+			subtree: !0
+		}));
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	getHref() {
+		return this.getAttribute("href") || "#";
+	}
+	getTarget() {
+		return this.getAttribute("target") || "";
+	}
+	hasIcon() {
+		return !!this.querySelector("mint-icon") || !!this._link?.querySelector("mint-icon");
+	}
+	render() {
+		let e = this.getHref(), t = this.getTarget();
+		if (!this._link) {
+			for (this._link = document.createElement("a"); this.firstChild;) this._link.appendChild(this.firstChild);
+			this.appendChild(this._link);
+		}
+		this._link.href = e, t ? (this._link.target = t, t === "_blank" && (this._link.rel = "noopener noreferrer")) : (this._link.removeAttribute("target"), this._link.removeAttribute("rel"));
+		let n = this.hasIcon(), r = [
+			"text-slate-800",
+			"dark:text-slate-200",
+			"underline",
+			"hover:text-slate-950",
+			"dark:hover:text-slate-100",
+			"transition-colors",
+			"duration-200",
+			"focus-visible:outline-none",
+			"focus-visible:ring-2",
+			"focus-visible:ring-offset-2",
+			"focus-visible:ring-slate-500",
+			"dark:focus-visible:ring-slate-400",
+			"rounded"
+		];
+		n && r.push("inline-flex", "items-center", "gap-2"), this._link.className = r.join(" "), this._link.querySelectorAll("mint-text").forEach((e) => {
+			e.classList.contains("underline") || e.classList.add("underline");
+		}), [
+			"box-border",
+			"m-0",
+			"p-0",
+			"border-0",
+			"align-baseline",
+			"inline-block"
+		].forEach((e) => {
+			this.classList.contains(e) || this.classList.add(e);
+		});
+	}
+};
+customElements.get("mint-link") || customElements.define("mint-link", e);
+//#endregion
+export { e as t };

package/dist/link.cjs

@@ -0,0 +1 @@
+const e=require(`./link-B-z-io7I.cjs`);module.exports=e.t;

package/dist/link.d.ts

@@ -0,0 +1 @@
+export { MintLink as default } from './mintui-elements'

package/dist/link.js

@@ -0,0 +1,2 @@
+import { t as e } from "./link-DC8l274I.js";
+export { e as default };

package/dist/mintui-elements.d.ts

@@ -0,0 +1,78 @@
+/**
+ * DOM typings for MintUI custom elements (implementation is plain JS).
+ *
+ * Observed attributes (use `setAttribute` / HTML): see JSDoc on each class.
+ */
+
+/** Attributes: variant, tone, disabled, loading, button-type, full-width, icon-position, icon */
+export declare class MintButton extends HTMLElement {}
+
+/** Attributes: checked, disabled, label, icon */
+export declare class MintSwitch extends HTMLElement {}
+
+/** Attributes: size, data-button-variant, data-button-tone */
+export declare class MintSpinner extends HTMLElement {}
+
+/** Attributes: name */
+export declare class MintIcon extends HTMLElement {}
+
+/** Attributes: variant, size, bold, underline, strike, italic, display */
+export declare class MintText extends HTMLElement {}
+
+/** Attributes: direction, text-align */
+export declare class MintStack extends HTMLElement {}
+
+export declare class MintCard extends HTMLElement {}
+
+/** Attributes: href, target */
+export declare class MintLink extends HTMLElement {}
+
+/** Attributes: heading, fallback-href, show-back-button */
+export declare class MintPage extends HTMLElement {}
+
+/** Attributes: columns, sm, md, lg, xl, gap */
+export declare class MintGrid extends HTMLElement {}
+
+/** Attributes: id, heading, open */
+export declare class MintModal extends HTMLElement {}
+
+/** Attributes: id, direction, open, trigger-id */
+export declare class MintPopover extends HTMLElement {}
+
+/** Attributes: checked, disabled, label, info, id, name, value */
+export declare class MintCheckbox extends HTMLElement {}
+
+/** Attributes: checked, disabled, label, info, id, name, value */
+export declare class MintChoice extends HTMLElement {}
+
+/** Icon module shape used by the registry helpers. */
+export interface MintIconRegistration {
+  name: string
+  [key: string]: unknown
+}
+
+export declare function registerIcon(icon: MintIconRegistration): void
+export declare function getIcon(name: string): MintIconRegistration | undefined
+export declare function hasIcon(name: string): boolean
+export declare function getAllIcons(): MintIconRegistration[]
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'mint-button': MintButton
+    'mint-switch': MintSwitch
+    'mint-spinner': MintSpinner
+    'mint-icon': MintIcon
+    'mint-text': MintText
+    'mint-stack': MintStack
+    'mint-card': MintCard
+    'mint-link': MintLink
+    'mint-page': MintPage
+    'mint-grid': MintGrid
+    'mint-modal': MintModal
+    'mint-popover': MintPopover
+    'mint-checkbox': MintCheckbox
+    'mint-choice': MintChoice
+  }
+}
+
+export {}

package/dist/modal-BZYcRU3i.js

@@ -0,0 +1,98 @@
+import "./icon-D8dpuFVm.js";
+import "./button-CAQ8mBQ2.js";
+import "./text-q58TQcH-.js";
+import "./stack-D0noPfD1.js";
+//#region src/components/modal/Modal.js
+var e = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"id",
+			"heading",
+			"open"
+		];
+	}
+	constructor() {
+		super(), this._overlay = null, this._modal = null, this._header = null, this._headingSlot = null, this._bodySlot = null, this._actionsSlot = null, this._closeButton = null, this._darkModeObserver = null;
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "fixed", "inset-0", "z-50"), this.isOpen() || this.classList.add("hidden"), this.render(), this._observeDarkMode();
+	}
+	disconnectedCallback() {
+		this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	getId() {
+		return this.getAttribute("id") || "";
+	}
+	getHeading() {
+		return this.getAttribute("heading") || "";
+	}
+	isOpen() {
+		return this.hasAttribute("open");
+	}
+	open() {
+		this.setAttribute("open", "");
+	}
+	close() {
+		this.removeAttribute("open");
+	}
+	render() {
+		let e = this.getId(), t = this.getHeading(), n = this.isOpen();
+		if (e && (this.id = e), this._overlay || (this._overlay = document.createElement("div"), this._overlay.className = "fixed inset-0 bg-black bg-opacity-50 transition-opacity duration-200 z-40", this._overlay.addEventListener("click", () => this.close()), this.appendChild(this._overlay)), this._modal || (this._modal = document.createElement("div"), this._modal.className = "fixed inset-0 flex items-center justify-center p-2 pointer-events-none z-50", this.appendChild(this._modal)), n) {
+			let e = this._modal.querySelector(".modal-content");
+			e || (e = document.createElement("div"), e.className = "modal-content bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] flex flex-col pointer-events-auto transition-all duration-200 ease-out transform", this._modal.appendChild(e)), this._animateEnter();
+		} else this._animateExit();
+		let r = this._modal.querySelector(".modal-content");
+		r || (r = document.createElement("div"), r.className = "modal-content bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] flex flex-col pointer-events-auto transition-all duration-200 ease-out transform", this._modal.appendChild(r)), this._header || (this._header = document.createElement("div"), this._header.className = "flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700", r.appendChild(this._header)), this._headingSlot || (this._headingSlot = document.createElement("div"), this._headingSlot.className = "flex-1", this._headingSlot.setAttribute("slot", "heading"), this._header.appendChild(this._headingSlot));
+		let i = this._headingSlot.querySelector("mint-text");
+		t ? (i || (i = document.createElement("mint-text"), i.setAttribute("size", "sub-heading"), i.setAttribute("bold", ""), this._headingSlot.appendChild(i)), i.textContent = t) : i && i.remove(), Array.from(this.children).filter((e) => e !== this._overlay && e !== this._modal && e !== this._headingSlot && e.getAttribute("slot") === "heading").forEach((e) => {
+			e.parentElement !== this._headingSlot && this._headingSlot.appendChild(e);
+		}), this._closeButton || (this._closeButton = document.createElement("mint-button"), this._closeButton.setAttribute("variant", "ghost"), this._closeButton.setAttribute("icon", "close"), this._closeButton.addEventListener("click", () => this.close()), this._header.appendChild(this._closeButton)), this._bodySlot || (this._bodySlot = document.createElement("div"), this._bodySlot.className = "flex-1 overflow-y-auto p-4", this._bodySlot.setAttribute("slot", "body"), r.appendChild(this._bodySlot)), Array.from(this.children).filter((e) => e !== this._overlay && e !== this._modal && e !== this._bodySlot && e.getAttribute("slot") === "body").forEach((e) => {
+			e.parentElement !== this._bodySlot && this._bodySlot.appendChild(e);
+		}), this._actionsSlot || (this._actionsSlot = document.createElement("div"), this._actionsSlot.className = "p-4 border-t border-gray-200 dark:border-gray-700", this._actionsSlot.setAttribute("slot", "actions"), r.appendChild(this._actionsSlot));
+		let a = this._actionsSlot.querySelector("mint-stack");
+		a || (a = document.createElement("mint-stack"), a.setAttribute("direction", "horizontal"), a.className = "justify-end", this._actionsSlot.appendChild(a)), Array.from(this.children).filter((e) => e !== this._overlay && e !== this._modal && e !== this._actionsSlot && e.getAttribute("slot") === "actions").forEach((e) => {
+			Array.from(e.children).forEach((e) => {
+				e.parentElement !== a && a.appendChild(e);
+			}), e.parentElement && e.remove();
+		}), Array.from(this.children).forEach((e) => {
+			e !== this._overlay && e !== this._modal && e.getAttribute("slot") !== "heading" && e.getAttribute("slot") !== "body" && e.getAttribute("slot") !== "actions" && e !== this._headingSlot && e !== this._bodySlot && e !== this._actionsSlot && e.parentElement !== this._bodySlot && this._bodySlot.appendChild(e);
+		}), this._updateBackgroundColor();
+	}
+	_updateBackgroundColor() {
+		if (!this._modal) return;
+		let e = document.documentElement.classList.contains("dark"), t = this._modal.querySelector(".modal-content");
+		t && (e ? (t.classList.remove("bg-white"), t.classList.add("bg-gray-800")) : (t.classList.remove("bg-gray-800"), t.classList.add("bg-white")));
+	}
+	_observeDarkMode() {
+		this._darkModeObserver || (this._darkModeObserver = new MutationObserver(() => {
+			this._updateBackgroundColor();
+		}), this._darkModeObserver.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		}));
+	}
+	_animateEnter() {
+		let e = this._modal?.querySelector(".modal-content");
+		e && (e.style.transform = "scale(0.97) translateY(10px)", e.style.opacity = "0", e.style.transition = "all 200ms ease-out", this.classList.remove("hidden"), requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				e.style.transform = "scale(1) translateY(0)", e.style.opacity = "1";
+			});
+		}));
+	}
+	_animateExit() {
+		let e = this._modal?.querySelector(".modal-content");
+		if (!e) {
+			this.classList.add("hidden");
+			return;
+		}
+		e.style.transition = "all 200ms ease-in", e.style.transform = "scale(0.97) translateY(10px)", e.style.opacity = "0", setTimeout(() => {
+			this.classList.add("hidden"), e.style.transform = "", e.style.opacity = "", e.style.transition = "";
+		}, 200);
+	}
+};
+customElements.get("mint-modal") || customElements.define("mint-modal", e);
+//#endregion
+export { e as t };

package/dist/modal-C_ukm1We.cjs

@@ -0,0 +1 @@
+require(`./icon-Dut5ZPmM.cjs`),require(`./button-DuNZkwFV.cjs`),require(`./text-CoinZsjJ.cjs`),require(`./stack-tFy8YlX2.cjs`);var e=class extends HTMLElement{static get observedAttributes(){return[`id`,`heading`,`open`]}constructor(){super(),this._overlay=null,this._modal=null,this._header=null,this._headingSlot=null,this._bodySlot=null,this._actionsSlot=null,this._closeButton=null,this._darkModeObserver=null}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`fixed`,`inset-0`,`z-50`),this.isOpen()||this.classList.add(`hidden`),this.render(),this._observeDarkMode()}disconnectedCallback(){this._darkModeObserver&&=(this._darkModeObserver.disconnect(),null)}attributeChangedCallback(e,t,n){t!==n&&this.render()}getId(){return this.getAttribute(`id`)||``}getHeading(){return this.getAttribute(`heading`)||``}isOpen(){return this.hasAttribute(`open`)}open(){this.setAttribute(`open`,``)}close(){this.removeAttribute(`open`)}render(){let e=this.getId(),t=this.getHeading(),n=this.isOpen();if(e&&(this.id=e),this._overlay||(this._overlay=document.createElement(`div`),this._overlay.className=`fixed inset-0 bg-black bg-opacity-50 transition-opacity duration-200 z-40`,this._overlay.addEventListener(`click`,()=>this.close()),this.appendChild(this._overlay)),this._modal||(this._modal=document.createElement(`div`),this._modal.className=`fixed inset-0 flex items-center justify-center p-2 pointer-events-none z-50`,this.appendChild(this._modal)),n){let e=this._modal.querySelector(`.modal-content`);e||(e=document.createElement(`div`),e.className=`modal-content bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] flex flex-col pointer-events-auto transition-all duration-200 ease-out transform`,this._modal.appendChild(e)),this._animateEnter()}else this._animateExit();let r=this._modal.querySelector(`.modal-content`);r||(r=document.createElement(`div`),r.className=`modal-content bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] flex flex-col pointer-events-auto transition-all duration-200 ease-out transform`,this._modal.appendChild(r)),this._header||(this._header=document.createElement(`div`),this._header.className=`flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700`,r.appendChild(this._header)),this._headingSlot||(this._headingSlot=document.createElement(`div`),this._headingSlot.className=`flex-1`,this._headingSlot.setAttribute(`slot`,`heading`),this._header.appendChild(this._headingSlot));let i=this._headingSlot.querySelector(`mint-text`);t?(i||(i=document.createElement(`mint-text`),i.setAttribute(`size`,`sub-heading`),i.setAttribute(`bold`,``),this._headingSlot.appendChild(i)),i.textContent=t):i&&i.remove(),Array.from(this.children).filter(e=>e!==this._overlay&&e!==this._modal&&e!==this._headingSlot&&e.getAttribute(`slot`)===`heading`).forEach(e=>{e.parentElement!==this._headingSlot&&this._headingSlot.appendChild(e)}),this._closeButton||(this._closeButton=document.createElement(`mint-button`),this._closeButton.setAttribute(`variant`,`ghost`),this._closeButton.setAttribute(`icon`,`close`),this._closeButton.addEventListener(`click`,()=>this.close()),this._header.appendChild(this._closeButton)),this._bodySlot||(this._bodySlot=document.createElement(`div`),this._bodySlot.className=`flex-1 overflow-y-auto p-4`,this._bodySlot.setAttribute(`slot`,`body`),r.appendChild(this._bodySlot)),Array.from(this.children).filter(e=>e!==this._overlay&&e!==this._modal&&e!==this._bodySlot&&e.getAttribute(`slot`)===`body`).forEach(e=>{e.parentElement!==this._bodySlot&&this._bodySlot.appendChild(e)}),this._actionsSlot||(this._actionsSlot=document.createElement(`div`),this._actionsSlot.className=`p-4 border-t border-gray-200 dark:border-gray-700`,this._actionsSlot.setAttribute(`slot`,`actions`),r.appendChild(this._actionsSlot));let a=this._actionsSlot.querySelector(`mint-stack`);a||(a=document.createElement(`mint-stack`),a.setAttribute(`direction`,`horizontal`),a.className=`justify-end`,this._actionsSlot.appendChild(a)),Array.from(this.children).filter(e=>e!==this._overlay&&e!==this._modal&&e!==this._actionsSlot&&e.getAttribute(`slot`)===`actions`).forEach(e=>{Array.from(e.children).forEach(e=>{e.parentElement!==a&&a.appendChild(e)}),e.parentElement&&e.remove()}),Array.from(this.children).forEach(e=>{e!==this._overlay&&e!==this._modal&&e.getAttribute(`slot`)!==`heading`&&e.getAttribute(`slot`)!==`body`&&e.getAttribute(`slot`)!==`actions`&&e!==this._headingSlot&&e!==this._bodySlot&&e!==this._actionsSlot&&e.parentElement!==this._bodySlot&&this._bodySlot.appendChild(e)}),this._updateBackgroundColor()}_updateBackgroundColor(){if(!this._modal)return;let e=document.documentElement.classList.contains(`dark`),t=this._modal.querySelector(`.modal-content`);t&&(e?(t.classList.remove(`bg-white`),t.classList.add(`bg-gray-800`)):(t.classList.remove(`bg-gray-800`),t.classList.add(`bg-white`)))}_observeDarkMode(){this._darkModeObserver||(this._darkModeObserver=new MutationObserver(()=>{this._updateBackgroundColor()}),this._darkModeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}))}_animateEnter(){let e=this._modal?.querySelector(`.modal-content`);e&&(e.style.transform=`scale(0.97) translateY(10px)`,e.style.opacity=`0`,e.style.transition=`all 200ms ease-out`,this.classList.remove(`hidden`),requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.transform=`scale(1) translateY(0)`,e.style.opacity=`1`})}))}_animateExit(){let e=this._modal?.querySelector(`.modal-content`);if(!e){this.classList.add(`hidden`);return}e.style.transition=`all 200ms ease-in`,e.style.transform=`scale(0.97) translateY(10px)`,e.style.opacity=`0`,setTimeout(()=>{this.classList.add(`hidden`),e.style.transform=``,e.style.opacity=``,e.style.transition=``},200)}};customElements.get(`mint-modal`)||customElements.define(`mint-modal`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/modal.cjs

@@ -0,0 +1 @@
+require(`./modal-C_ukm1We.cjs`);

package/dist/modal.d.ts

@@ -0,0 +1 @@
+export { MintModal as default } from './mintui-elements'

package/dist/modal.js

@@ -0,0 +1 @@
+import "./modal-BZYcRU3i.js";

package/dist/page-CJ3M0wAd.cjs

@@ -0,0 +1 @@
+require(`./text-CoinZsjJ.cjs`);var e=class extends HTMLElement{static get observedAttributes(){return[`href`,`fallback-href`]}constructor(){super(),this._historyDepth=0,this._maxBackAttempts=10,this._backAttempts=0}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`inline-block`,`flex`,`items-center`,`justify-center`),this.render(),this._setupHistoryTracking()}attributeChangedCallback(e,t,n){t!==n&&this.render()}_setupHistoryTracking(){window.addEventListener(`popstate`,()=>{this._backAttempts=0}),this._historyDepth=window.history.length}getFallbackHref(){return this.getAttribute(`fallback-href`)||this.getAttribute(`href`)||`/`}handleClick(e){if(e.preventDefault(),e.stopPropagation(),window.history.length>1&&this._backAttempts<this._maxBackAttempts&&this._backAttempts===0){this._backAttempts++;let e=window.location.href,t=Date.now();window.history.back(),setTimeout(()=>{Date.now()-t,window.location.href===e?this._navigateToFallback():setTimeout(()=>{this._backAttempts=0},500)},200)}else this._navigateToFallback()}_navigateToFallback(){let e=this.getFallbackHref();if(this._backAttempts=0,e.startsWith(`/`)&&!e.startsWith(`//`)){let t=document.querySelector(`#app`).__vue_app__;if(t&&t.config&&t.config.globalProperties&&t.config.globalProperties.$router)try{t.config.globalProperties.$router.push(e);return}catch{}try{window.history.pushState({},``,e),window.dispatchEvent(new PopStateEvent(`popstate`));return}catch{}}window.location.href=e}render(){this._button||(this._button=document.createElement(`mint-button`),this._button.setAttribute(`variant`,`neutral`),this._button.setAttribute(`icon`,`arrow-left`),this._button.addEventListener(`click`,e=>this.handleClick(e)),this.appendChild(this._button))}};customElements.get(`mint-back-button`)||customElements.define(`mint-back-button`,e);var t=class extends HTMLElement{static get observedAttributes(){return[`heading`,`fallback-href`,`show-back-button`]}constructor(){super(),this._pageContainer=null,this._header=null,this._titleElement=null,this._headingText=null,this._actionsSlot=null,this._bodySlot=null,this._darkModeObserver=null}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`block`),this.render(),this._observeDarkMode()}disconnectedCallback(){this._darkModeObserver&&=(this._darkModeObserver.disconnect(),null)}getHeading(){return this.getAttribute(`heading`)||``}getFallbackHref(){return this.getAttribute(`fallback-href`)||`/`}shouldShowBackButton(){return this.hasAttribute(`show-back-button`)}render(){let e=this.getHeading();this._pageContainer||(this._pageContainer=document.createElement(`div`),this._pageContainer.className=`min-h-screen p-8 transition-colors duration-200`,this.appendChild(this._pageContainer)),this._header||(this._header=document.createElement(`div`),this._header.className=`flex justify-between mb-8`,this._pageContainer.appendChild(this._header)),this._titleElement||(this._titleElement=document.createElement(`div`),this._titleElement.className=`flex gap-4 min-w-0 flex-1`,this._header.appendChild(this._titleElement));let t=this._titleElement.querySelector(`mint-back-button`);if(this.shouldShowBackButton()){t||(t=document.createElement(`mint-back-button`),this._titleElement.insertBefore(t,this._titleElement.firstChild));let e=this.getFallbackHref();t.setAttribute(`fallback-href`,e)}else t&&=(t.remove(),null);e?(this._headingText?(this._headingText.classList.add(`truncate`,`min-w-0`),t&&t.parentElement===this._titleElement?this._headingText.previousSibling!==t&&this._titleElement.insertBefore(this._headingText,t.nextSibling):this._headingText.previousSibling&&this._titleElement.insertBefore(this._headingText,this._titleElement.firstChild)):(this._headingText=document.createElement(`mint-text`),this._headingText.setAttribute(`size`,`heading`),this._headingText.setAttribute(`bold`,``),this._headingText.classList.add(`truncate`,`min-w-0`),t&&t.parentElement===this._titleElement?this._titleElement.insertBefore(this._headingText,t.nextSibling):this._titleElement.insertBefore(this._headingText,this._titleElement.firstChild)),this._headingText.textContent=e):this._headingText&&=(this._headingText.remove(),null),this._actionsSlot?this._actionsSlot.classList.contains(`ml-4`)||this._actionsSlot.classList.add(`ml-4`):(this._actionsSlot=document.createElement(`div`),this._actionsSlot.className=`flex gap-2 items-center ml-4`,this._actionsSlot.setAttribute(`slot`,`actions`),this._header.appendChild(this._actionsSlot)),Array.from(this.children).filter(e=>e!==this._pageContainer&&e!==this._actionsSlot&&e.getAttribute(`slot`)===`actions`).forEach(e=>{e.parentElement!==this._actionsSlot&&this._actionsSlot.appendChild(e)}),this._bodySlot||(this._bodySlot=document.createElement(`div`),this._pageContainer.appendChild(this._bodySlot)),Array.from(this.children).forEach(e=>{e!==this._pageContainer&&e.getAttribute(`slot`)!==`actions`&&e!==this._actionsSlot&&e!==this._header&&e!==this._bodySlot&&e!==this._headingText&&e.parentElement!==this._bodySlot&&e.parentElement!==this._pageContainer&&this._bodySlot.appendChild(e)}),this._updateBackgroundColor()}_updateBackgroundColor(){this._pageContainer&&(document.documentElement.classList.contains(`dark`)?(this._pageContainer.classList.remove(`bg-gray-50`),this._pageContainer.classList.add(`bg-gray-900`)):(this._pageContainer.classList.remove(`bg-gray-900`),this._pageContainer.classList.add(`bg-gray-50`)))}_observeDarkMode(){this._darkModeObserver||(this._darkModeObserver=new MutationObserver(()=>{this._updateBackgroundColor()}),this._darkModeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}))}};customElements.get(`mint-page`)||customElements.define(`mint-page`,t),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/page-aBsDfG3x.js

@@ -0,0 +1,112 @@
+import "./text-q58TQcH-.js";
+//#region src/components/back-button/BackButton.js
+var e = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["href", "fallback-href"];
+	}
+	constructor() {
+		super(), this._historyDepth = 0, this._maxBackAttempts = 10, this._backAttempts = 0;
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block", "flex", "items-center", "justify-center"), this.render(), this._setupHistoryTracking();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_setupHistoryTracking() {
+		window.addEventListener("popstate", () => {
+			this._backAttempts = 0;
+		}), this._historyDepth = window.history.length;
+	}
+	getFallbackHref() {
+		return this.getAttribute("fallback-href") || this.getAttribute("href") || "/";
+	}
+	handleClick(e) {
+		if (e.preventDefault(), e.stopPropagation(), window.history.length > 1 && this._backAttempts < this._maxBackAttempts && this._backAttempts === 0) {
+			this._backAttempts++;
+			let e = window.location.href, t = Date.now();
+			window.history.back(), setTimeout(() => {
+				Date.now() - t, window.location.href === e ? this._navigateToFallback() : setTimeout(() => {
+					this._backAttempts = 0;
+				}, 500);
+			}, 200);
+		} else this._navigateToFallback();
+	}
+	_navigateToFallback() {
+		let e = this.getFallbackHref();
+		if (this._backAttempts = 0, e.startsWith("/") && !e.startsWith("//")) {
+			let t = document.querySelector("#app").__vue_app__;
+			if (t && t.config && t.config.globalProperties && t.config.globalProperties.$router) try {
+				t.config.globalProperties.$router.push(e);
+				return;
+			} catch {}
+			try {
+				window.history.pushState({}, "", e), window.dispatchEvent(new PopStateEvent("popstate"));
+				return;
+			} catch {}
+		}
+		window.location.href = e;
+	}
+	render() {
+		this._button || (this._button = document.createElement("mint-button"), this._button.setAttribute("variant", "neutral"), this._button.setAttribute("icon", "arrow-left"), this._button.addEventListener("click", (e) => this.handleClick(e)), this.appendChild(this._button));
+	}
+};
+customElements.get("mint-back-button") || customElements.define("mint-back-button", e);
+//#endregion
+//#region src/components/page/Page.js
+var t = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"heading",
+			"fallback-href",
+			"show-back-button"
+		];
+	}
+	constructor() {
+		super(), this._pageContainer = null, this._header = null, this._titleElement = null, this._headingText = null, this._actionsSlot = null, this._bodySlot = null, this._darkModeObserver = null;
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "block"), this.render(), this._observeDarkMode();
+	}
+	disconnectedCallback() {
+		this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null);
+	}
+	getHeading() {
+		return this.getAttribute("heading") || "";
+	}
+	getFallbackHref() {
+		return this.getAttribute("fallback-href") || "/";
+	}
+	shouldShowBackButton() {
+		return this.hasAttribute("show-back-button");
+	}
+	render() {
+		let e = this.getHeading();
+		this._pageContainer || (this._pageContainer = document.createElement("div"), this._pageContainer.className = "min-h-screen p-8 transition-colors duration-200", this.appendChild(this._pageContainer)), this._header || (this._header = document.createElement("div"), this._header.className = "flex justify-between mb-8", this._pageContainer.appendChild(this._header)), this._titleElement || (this._titleElement = document.createElement("div"), this._titleElement.className = "flex gap-4 min-w-0 flex-1", this._header.appendChild(this._titleElement));
+		let t = this._titleElement.querySelector("mint-back-button");
+		if (this.shouldShowBackButton()) {
+			t || (t = document.createElement("mint-back-button"), this._titleElement.insertBefore(t, this._titleElement.firstChild));
+			let e = this.getFallbackHref();
+			t.setAttribute("fallback-href", e);
+		} else t &&= (t.remove(), null);
+		e ? (this._headingText ? (this._headingText.classList.add("truncate", "min-w-0"), t && t.parentElement === this._titleElement ? this._headingText.previousSibling !== t && this._titleElement.insertBefore(this._headingText, t.nextSibling) : this._headingText.previousSibling && this._titleElement.insertBefore(this._headingText, this._titleElement.firstChild)) : (this._headingText = document.createElement("mint-text"), this._headingText.setAttribute("size", "heading"), this._headingText.setAttribute("bold", ""), this._headingText.classList.add("truncate", "min-w-0"), t && t.parentElement === this._titleElement ? this._titleElement.insertBefore(this._headingText, t.nextSibling) : this._titleElement.insertBefore(this._headingText, this._titleElement.firstChild)), this._headingText.textContent = e) : this._headingText &&= (this._headingText.remove(), null), this._actionsSlot ? this._actionsSlot.classList.contains("ml-4") || this._actionsSlot.classList.add("ml-4") : (this._actionsSlot = document.createElement("div"), this._actionsSlot.className = "flex gap-2 items-center ml-4", this._actionsSlot.setAttribute("slot", "actions"), this._header.appendChild(this._actionsSlot)), Array.from(this.children).filter((e) => e !== this._pageContainer && e !== this._actionsSlot && e.getAttribute("slot") === "actions").forEach((e) => {
+			e.parentElement !== this._actionsSlot && this._actionsSlot.appendChild(e);
+		}), this._bodySlot || (this._bodySlot = document.createElement("div"), this._pageContainer.appendChild(this._bodySlot)), Array.from(this.children).forEach((e) => {
+			e !== this._pageContainer && e.getAttribute("slot") !== "actions" && e !== this._actionsSlot && e !== this._header && e !== this._bodySlot && e !== this._headingText && e.parentElement !== this._bodySlot && e.parentElement !== this._pageContainer && this._bodySlot.appendChild(e);
+		}), this._updateBackgroundColor();
+	}
+	_updateBackgroundColor() {
+		this._pageContainer && (document.documentElement.classList.contains("dark") ? (this._pageContainer.classList.remove("bg-gray-50"), this._pageContainer.classList.add("bg-gray-900")) : (this._pageContainer.classList.remove("bg-gray-900"), this._pageContainer.classList.add("bg-gray-50")));
+	}
+	_observeDarkMode() {
+		this._darkModeObserver || (this._darkModeObserver = new MutationObserver(() => {
+			this._updateBackgroundColor();
+		}), this._darkModeObserver.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		}));
+	}
+};
+customElements.get("mint-page") || customElements.define("mint-page", t);
+//#endregion
+export { t };

package/dist/page.cjs

@@ -0,0 +1 @@
+const e=require(`./page-CJ3M0wAd.cjs`);module.exports=e.t;

package/dist/page.d.ts

@@ -0,0 +1 @@
+export { MintPage as default } from './mintui-elements'

package/dist/page.js

@@ -0,0 +1,2 @@
+import { t as e } from "./page-aBsDfG3x.js";
+export { e as default };

package/dist/popover-7bn3gySt.js

@@ -0,0 +1,181 @@
+import "./stack-D0noPfD1.js";
+//#region src/components/popover/Popover.js
+var e = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"id",
+			"direction",
+			"open",
+			"trigger-id"
+		];
+	}
+	constructor() {
+		super(), this._overlay = null, this._popover = null, this._triggerElement = null, this._darkModeObserver = null, this._clickOutsideHandler = null, this._triggerClickHandler = null, this._scrollHandler = null, this._resizeHandler = null;
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "fixed", "inset-0", "z-50"), this.isOpen() || this.classList.add("hidden"), this.render(), this._setupTrigger(), this._observeDarkMode();
+	}
+	disconnectedCallback() {
+		this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null), this._clickOutsideHandler &&= (document.removeEventListener("click", this._clickOutsideHandler), null), this._triggerClickHandler && this._triggerElement && (this._triggerElement.removeEventListener("click", this._triggerClickHandler), this._triggerClickHandler = null), this._scrollHandler &&= (window.removeEventListener("scroll", this._scrollHandler, !0), null), this._resizeHandler &&= (window.removeEventListener("resize", this._resizeHandler), null);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (this.render(), e === "trigger-id" && this._setupTrigger());
+	}
+	getId() {
+		return this.getAttribute("id") || "";
+	}
+	getDirection() {
+		return this.getAttribute("direction") || "down";
+	}
+	getTriggerId() {
+		return this.getAttribute("trigger-id") || "";
+	}
+	isOpen() {
+		return this.hasAttribute("open");
+	}
+	open() {
+		this.setAttribute("open", "");
+	}
+	close() {
+		this.removeAttribute("open");
+	}
+	_setupTrigger() {
+		let e = this.getTriggerId();
+		this._triggerClickHandler && this._triggerElement && (this._triggerElement.removeEventListener("click", this._triggerClickHandler), this._triggerClickHandler = null), e && (this._triggerElement = document.getElementById(e), this._triggerElement ? this._attachTriggerListener() : setTimeout(() => {
+			this._triggerElement = document.getElementById(e), this._triggerElement && this._attachTriggerListener();
+		}, 10));
+	}
+	_attachTriggerListener() {
+		if (this._triggerElement && !this._triggerClickHandler) {
+			let e = this;
+			this._triggerClickHandler = function(t) {
+				t.stopImmediatePropagation(), t.preventDefault(), e.hasAttribute("open") ? e.removeAttribute("open") : e.setAttribute("open", "");
+			}, this._triggerElement.addEventListener("click", this._triggerClickHandler, !0);
+		}
+	}
+	_calculatePosition() {
+		if (!this._triggerElement || !this._popover) return {
+			top: 0,
+			left: 0,
+			direction: "down"
+		};
+		let e = this._triggerElement.getBoundingClientRect(), t = this._popover.querySelector(".popover-content");
+		if (!t) return {
+			top: 0,
+			left: 0,
+			direction: "down"
+		};
+		this.classList.contains("hidden") && (this.classList.remove("hidden"), this._popover.style.visibility = "hidden");
+		let n = t.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = this.getDirection(), o = 0, s = 0;
+		switch (a) {
+			case "down":
+				if (o = e.bottom + 8, s = e.left + e.width / 2 - n.width / 2, o + n.height > i) {
+					let t = e.top - n.height - 8;
+					t >= 0 ? (a = "up", o = t) : (o = Math.max(0, i - n.height - 8), o + n.height > i && (o = 0));
+				}
+				s < 0 && (s = 8), s + n.width > r && (s = Math.max(8, r - n.width - 8), s + n.width > r && (s = r - n.width));
+				break;
+			case "up":
+				if (o = e.top - n.height - 8, s = e.left + e.width / 2 - n.width / 2, o < 0) {
+					let t = e.bottom + 8;
+					t + n.height <= i ? (a = "down", o = t) : (o = Math.min(i - n.height - 8, i - n.height), o < 0 && (o = i - n.height));
+				}
+				s < 0 && (s = 8), s + n.width > r && (s = Math.max(8, r - n.width - 8), s + n.width > r && (s = r - n.width));
+				break;
+			case "right":
+				if (o = e.top + e.height / 2 - n.height / 2, s = e.right + 8, s + n.width > r) {
+					let t = e.left - n.width - 8;
+					t >= 0 ? (a = "left", s = t) : (s = Math.max(0, r - n.width - 8), s + n.width > r && (s = r - n.width));
+				}
+				o < 0 && (o = 8), o + n.height > i && (o = Math.max(8, i - n.height - 8), o + n.height > i && (o = i - n.height));
+				break;
+			case "left":
+				if (o = e.top + e.height / 2 - n.height / 2, s = e.left - n.width - 8, s < 0) {
+					let t = e.right + 8;
+					t + n.width <= r ? (a = "right", s = t) : (s = Math.min(r - n.width - 8, r - n.width), s < 0 && (s = 0));
+				}
+				o < 0 && (o = 8), o + n.height > i && (o = Math.max(8, i - n.height - 8), o + n.height > i && (o = i - n.height));
+				break;
+		}
+		return {
+			top: o,
+			left: s,
+			direction: a
+		};
+	}
+	render() {
+		let e = this.getId(), t = this.isOpen();
+		if (e && (this.id = e), t) {
+			if (this.classList.remove("hidden"), this.style.pointerEvents = "auto", !this._clickOutsideHandler) {
+				let e = this;
+				this._clickOutsideHandler = function(t) {
+					let n = t.target, r = e._popover?.querySelector(".popover-content"), i = r && (r.contains(n) || r === n), a = n.closest("button, a, [role=\"button\"], mint-button, mint-link") !== null;
+					(!i || a) && e.close();
+				}, setTimeout(() => {
+					document.addEventListener("click", this._clickOutsideHandler, !1);
+				}, 100);
+			}
+		} else this.classList.add("hidden"), this.style.pointerEvents = "none", this._clickOutsideHandler &&= (document.removeEventListener("click", this._clickOutsideHandler, !0), null);
+		this._overlay || (this._overlay = document.createElement("div"), this._overlay.className = "fixed inset-0 pointer-events-none z-40", this.appendChild(this._overlay)), this._popover || (this._popover = document.createElement("div"), this._popover.className = "fixed z-50 pointer-events-auto", this.appendChild(this._popover));
+		let n = this._popover.querySelector(".popover-content");
+		n || (n = document.createElement("div"), n.className = "popover-content bg-white dark:bg-gray-800 rounded-lg shadow-xl p-4 transition-all duration-200 ease-out transform", this._popover.appendChild(n)), Array.from(this.children).forEach((e) => {
+			e !== this._overlay && e !== this._popover && e.parentElement === this && n.appendChild(e);
+		}), t ? (this._triggerElement || this._setupTrigger(), this._setupPositionListeners(), this.offsetHeight, this._triggerElement ? this._updatePosition(n) : (this._popover.style.top = "50%", this._popover.style.left = "50%", this._popover.style.transform = "translate(-50%, -50%)", this._popover.style.visibility = "visible", this._popover.style.display = "block", n.style.transform = "scale(0.97) translateY(10px)", n.style.opacity = "0", n.style.transition = "all 200ms ease-out", requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				n.style.transform = "scale(1) translateY(0)", n.style.opacity = "1";
+			});
+		}))) : !t && n && (this._removePositionListeners(), n.style.opacity !== "0" && n.style.opacity !== "" && (n.style.transition = "all 200ms ease-in", n.style.transform = "scale(0.97) translateY(10px)", n.style.opacity = "0", setTimeout(() => {
+			n.style.transform = "", n.style.opacity = "", n.style.transition = "", this._popover.style.visibility = "", this._popover.style.display = "";
+		}, 200))), this._updateBackgroundColor();
+	}
+	_updateBackgroundColor() {
+		if (!this._popover) return;
+		let e = document.documentElement.classList.contains("dark"), t = this._popover.querySelector(".popover-content");
+		t && (e ? (t.classList.remove("bg-white"), t.classList.add("bg-gray-800")) : (t.classList.remove("bg-gray-800"), t.classList.add("bg-white")));
+	}
+	_observeDarkMode() {
+		this._darkModeObserver || (this._darkModeObserver = new MutationObserver(() => {
+			this._updateBackgroundColor();
+		}), this._darkModeObserver.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		}));
+	}
+	_updatePosition(e) {
+		if (!this._triggerElement || !this._popover) return;
+		let t = this._popover.style.visibility !== "hidden";
+		t || (this._popover.style.visibility = "hidden", this._popover.style.display = "block", this._popover.style.top = "0", this._popover.style.left = "0"), this._popover.offsetHeight;
+		let n = this._calculatePosition();
+		this._popover.style.top = `${n.top}px`, this._popover.style.left = `${n.left}px`, t || (this._popover.style.visibility = "visible", e && (!e.style.opacity || e.style.opacity === "") && (e.style.transform = "scale(0.97) translateY(10px)", e.style.opacity = "0", e.style.transition = "all 200ms ease-out", requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				e.style.transform = "scale(1) translateY(0)", e.style.opacity = "1";
+			});
+		})));
+	}
+	_setupPositionListeners() {
+		if (!this._scrollHandler && this.isOpen()) {
+			let e = this;
+			this._scrollHandler = function() {
+				if (e.isOpen() && e._popover) {
+					let t = e._popover.querySelector(".popover-content");
+					e._updatePosition(t);
+				}
+			}, window.addEventListener("scroll", this._scrollHandler, !0);
+		}
+		if (!this._resizeHandler && this.isOpen()) {
+			let e = this;
+			this._resizeHandler = function() {
+				if (e.isOpen() && e._popover) {
+					let t = e._popover.querySelector(".popover-content");
+					e._updatePosition(t);
+				}
+			}, window.addEventListener("resize", this._resizeHandler);
+		}
+	}
+	_removePositionListeners() {
+		this._scrollHandler &&= (window.removeEventListener("scroll", this._scrollHandler, !0), null), this._resizeHandler &&= (window.removeEventListener("resize", this._resizeHandler), null);
+	}
+};
+customElements.get("mint-popover") || customElements.define("mint-popover", e);
+//#endregion
+export { e as t };

package/dist/popover-CuSBQ8Jm.cjs

@@ -0,0 +1 @@
+require(`./stack-tFy8YlX2.cjs`);var e=class extends HTMLElement{static get observedAttributes(){return[`id`,`direction`,`open`,`trigger-id`]}constructor(){super(),this._overlay=null,this._popover=null,this._triggerElement=null,this._darkModeObserver=null,this._clickOutsideHandler=null,this._triggerClickHandler=null,this._scrollHandler=null,this._resizeHandler=null}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`fixed`,`inset-0`,`z-50`),this.isOpen()||this.classList.add(`hidden`),this.render(),this._setupTrigger(),this._observeDarkMode()}disconnectedCallback(){this._darkModeObserver&&=(this._darkModeObserver.disconnect(),null),this._clickOutsideHandler&&=(document.removeEventListener(`click`,this._clickOutsideHandler),null),this._triggerClickHandler&&this._triggerElement&&(this._triggerElement.removeEventListener(`click`,this._triggerClickHandler),this._triggerClickHandler=null),this._scrollHandler&&=(window.removeEventListener(`scroll`,this._scrollHandler,!0),null),this._resizeHandler&&=(window.removeEventListener(`resize`,this._resizeHandler),null)}attributeChangedCallback(e,t,n){t!==n&&(this.render(),e===`trigger-id`&&this._setupTrigger())}getId(){return this.getAttribute(`id`)||``}getDirection(){return this.getAttribute(`direction`)||`down`}getTriggerId(){return this.getAttribute(`trigger-id`)||``}isOpen(){return this.hasAttribute(`open`)}open(){this.setAttribute(`open`,``)}close(){this.removeAttribute(`open`)}_setupTrigger(){let e=this.getTriggerId();this._triggerClickHandler&&this._triggerElement&&(this._triggerElement.removeEventListener(`click`,this._triggerClickHandler),this._triggerClickHandler=null),e&&(this._triggerElement=document.getElementById(e),this._triggerElement?this._attachTriggerListener():setTimeout(()=>{this._triggerElement=document.getElementById(e),this._triggerElement&&this._attachTriggerListener()},10))}_attachTriggerListener(){if(this._triggerElement&&!this._triggerClickHandler){let e=this;this._triggerClickHandler=function(t){t.stopImmediatePropagation(),t.preventDefault(),e.hasAttribute(`open`)?e.removeAttribute(`open`):e.setAttribute(`open`,``)},this._triggerElement.addEventListener(`click`,this._triggerClickHandler,!0)}}_calculatePosition(){if(!this._triggerElement||!this._popover)return{top:0,left:0,direction:`down`};let e=this._triggerElement.getBoundingClientRect(),t=this._popover.querySelector(`.popover-content`);if(!t)return{top:0,left:0,direction:`down`};this.classList.contains(`hidden`)&&(this.classList.remove(`hidden`),this._popover.style.visibility=`hidden`);let n=t.getBoundingClientRect(),r=window.innerWidth,i=window.innerHeight,a=this.getDirection(),o=0,s=0;switch(a){case`down`:if(o=e.bottom+8,s=e.left+e.width/2-n.width/2,o+n.height>i){let t=e.top-n.height-8;t>=0?(a=`up`,o=t):(o=Math.max(0,i-n.height-8),o+n.height>i&&(o=0))}s<0&&(s=8),s+n.width>r&&(s=Math.max(8,r-n.width-8),s+n.width>r&&(s=r-n.width));break;case`up`:if(o=e.top-n.height-8,s=e.left+e.width/2-n.width/2,o<0){let t=e.bottom+8;t+n.height<=i?(a=`down`,o=t):(o=Math.min(i-n.height-8,i-n.height),o<0&&(o=i-n.height))}s<0&&(s=8),s+n.width>r&&(s=Math.max(8,r-n.width-8),s+n.width>r&&(s=r-n.width));break;case`right`:if(o=e.top+e.height/2-n.height/2,s=e.right+8,s+n.width>r){let t=e.left-n.width-8;t>=0?(a=`left`,s=t):(s=Math.max(0,r-n.width-8),s+n.width>r&&(s=r-n.width))}o<0&&(o=8),o+n.height>i&&(o=Math.max(8,i-n.height-8),o+n.height>i&&(o=i-n.height));break;case`left`:if(o=e.top+e.height/2-n.height/2,s=e.left-n.width-8,s<0){let t=e.right+8;t+n.width<=r?(a=`right`,s=t):(s=Math.min(r-n.width-8,r-n.width),s<0&&(s=0))}o<0&&(o=8),o+n.height>i&&(o=Math.max(8,i-n.height-8),o+n.height>i&&(o=i-n.height));break}return{top:o,left:s,direction:a}}render(){let e=this.getId(),t=this.isOpen();if(e&&(this.id=e),t){if(this.classList.remove(`hidden`),this.style.pointerEvents=`auto`,!this._clickOutsideHandler){let e=this;this._clickOutsideHandler=function(t){let n=t.target,r=e._popover?.querySelector(`.popover-content`),i=r&&(r.contains(n)||r===n),a=n.closest(`button, a, [role="button"], mint-button, mint-link`)!==null;(!i||a)&&e.close()},setTimeout(()=>{document.addEventListener(`click`,this._clickOutsideHandler,!1)},100)}}else this.classList.add(`hidden`),this.style.pointerEvents=`none`,this._clickOutsideHandler&&=(document.removeEventListener(`click`,this._clickOutsideHandler,!0),null);this._overlay||(this._overlay=document.createElement(`div`),this._overlay.className=`fixed inset-0 pointer-events-none z-40`,this.appendChild(this._overlay)),this._popover||(this._popover=document.createElement(`div`),this._popover.className=`fixed z-50 pointer-events-auto`,this.appendChild(this._popover));let n=this._popover.querySelector(`.popover-content`);n||(n=document.createElement(`div`),n.className=`popover-content bg-white dark:bg-gray-800 rounded-lg shadow-xl p-4 transition-all duration-200 ease-out transform`,this._popover.appendChild(n)),Array.from(this.children).forEach(e=>{e!==this._overlay&&e!==this._popover&&e.parentElement===this&&n.appendChild(e)}),t?(this._triggerElement||this._setupTrigger(),this._setupPositionListeners(),this.offsetHeight,this._triggerElement?this._updatePosition(n):(this._popover.style.top=`50%`,this._popover.style.left=`50%`,this._popover.style.transform=`translate(-50%, -50%)`,this._popover.style.visibility=`visible`,this._popover.style.display=`block`,n.style.transform=`scale(0.97) translateY(10px)`,n.style.opacity=`0`,n.style.transition=`all 200ms ease-out`,requestAnimationFrame(()=>{requestAnimationFrame(()=>{n.style.transform=`scale(1) translateY(0)`,n.style.opacity=`1`})}))):!t&&n&&(this._removePositionListeners(),n.style.opacity!==`0`&&n.style.opacity!==``&&(n.style.transition=`all 200ms ease-in`,n.style.transform=`scale(0.97) translateY(10px)`,n.style.opacity=`0`,setTimeout(()=>{n.style.transform=``,n.style.opacity=``,n.style.transition=``,this._popover.style.visibility=``,this._popover.style.display=``},200))),this._updateBackgroundColor()}_updateBackgroundColor(){if(!this._popover)return;let e=document.documentElement.classList.contains(`dark`),t=this._popover.querySelector(`.popover-content`);t&&(e?(t.classList.remove(`bg-white`),t.classList.add(`bg-gray-800`)):(t.classList.remove(`bg-gray-800`),t.classList.add(`bg-white`)))}_observeDarkMode(){this._darkModeObserver||(this._darkModeObserver=new MutationObserver(()=>{this._updateBackgroundColor()}),this._darkModeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}))}_updatePosition(e){if(!this._triggerElement||!this._popover)return;let t=this._popover.style.visibility!==`hidden`;t||(this._popover.style.visibility=`hidden`,this._popover.style.display=`block`,this._popover.style.top=`0`,this._popover.style.left=`0`),this._popover.offsetHeight;let n=this._calculatePosition();this._popover.style.top=`${n.top}px`,this._popover.style.left=`${n.left}px`,t||(this._popover.style.visibility=`visible`,e&&(!e.style.opacity||e.style.opacity===``)&&(e.style.transform=`scale(0.97) translateY(10px)`,e.style.opacity=`0`,e.style.transition=`all 200ms ease-out`,requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.transform=`scale(1) translateY(0)`,e.style.opacity=`1`})})))}_setupPositionListeners(){if(!this._scrollHandler&&this.isOpen()){let e=this;this._scrollHandler=function(){if(e.isOpen()&&e._popover){let t=e._popover.querySelector(`.popover-content`);e._updatePosition(t)}},window.addEventListener(`scroll`,this._scrollHandler,!0)}if(!this._resizeHandler&&this.isOpen()){let e=this;this._resizeHandler=function(){if(e.isOpen()&&e._popover){let t=e._popover.querySelector(`.popover-content`);e._updatePosition(t)}},window.addEventListener(`resize`,this._resizeHandler)}}_removePositionListeners(){this._scrollHandler&&=(window.removeEventListener(`scroll`,this._scrollHandler,!0),null),this._resizeHandler&&=(window.removeEventListener(`resize`,this._resizeHandler),null)}};customElements.get(`mint-popover`)||customElements.define(`mint-popover`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/popover.cjs

@@ -0,0 +1 @@
+require(`./popover-CuSBQ8Jm.cjs`);