monobill-mintui 0.6.612 → 0.6.613

package/dist/components/back-button/browser.js

@@ -0,0 +1,241 @@
+
+const __mintLoadStyle = (key, url) => {
+  if (typeof document === 'undefined') return
+  const href = new URL(url, import.meta.url).href
+  if ([...document.querySelectorAll('link[rel="stylesheet"]')].some(link => link.href === href)) return
+  if (document.querySelector('style[data-mint-ui-style="' + key + '"]') || document.querySelector('link[data-mint-ui-style="' + key + '"]')) return
+  const link = document.createElement('link')
+  link.rel = 'stylesheet'
+  link.href = href
+  link.dataset.mintUiStyle = key
+  document.head.append(link)
+}
+__mintLoadStyle('theme', '../../theme.css')
+__mintLoadStyle('button', '../../button.css')
+__mintLoadStyle('spinner', '../../spinner.css')
+__mintLoadStyle('icon', '../../icon.css')
+__mintLoadStyle('back-button', '../../back-button.css')
+import { a as e } from "../chunks/icon-gQAtsERy.js";
+import { t } from "../chunks/register-element-BFYmIynH.js";
+import "../chunks/icon-C0OLmjDY.js";
+/* empty css                        */
+import "../chunks/spinner-BsaFHuS6.js";
+e({
+	name: "arrow-left",
+	viewBox: "0 0 24 24",
+	path: "M19 12H5m7-7l-7 7 7 7",
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+});
+//#endregion
+//#region src/components/button/Button.js
+var n = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"variant",
+			"tone",
+			"disabled",
+			"loading",
+			"button-type",
+			"type",
+			"full-width",
+			"icon-position",
+			"icon"
+		];
+	}
+	constructor() {
+		super(), this._button = null, this._clickHandler = null, this._isHandlingClick = !1;
+	}
+	connectedCallback() {
+		this.render(), this._button && this.setupEventListeners();
+	}
+	disconnectedCallback() {
+		this.removeEventListeners();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	getVariant() {
+		return this.getAttribute("variant") || "solid";
+	}
+	getTone() {
+		return this.getAttribute("tone") || "neutral";
+	}
+	isDisabled() {
+		return this.hasAttribute("disabled");
+	}
+	isLoading() {
+		return this.hasAttribute("loading");
+	}
+	getType() {
+		return (this.getAttribute("type") || this.getAttribute("button-type") || "default") === "submit" ? "submit" : "button";
+	}
+	isFullWidth() {
+		return this.hasAttribute("full-width");
+	}
+	getIconPosition() {
+		return this.getAttribute("icon-position") || "left";
+	}
+	getIcon() {
+		return this.getAttribute("icon") || "";
+	}
+	isIconOnly() {
+		if (!(this.getIcon() || this._button?.querySelector("[slot=\"icon\"], .mint-button-icon, mint-icon"))) return !1;
+		let e = this._button?.querySelector(".mint-button-content");
+		if (e && e.textContent.trim()) return !1;
+		if (this._button) {
+			for (let e = this._button.firstChild; e; e = e.nextSibling) if (e.nodeType === Node.TEXT_NODE && e.textContent.trim() || e.nodeType === Node.ELEMENT_NODE && e.tagName !== "MINT-ICON" && e.tagName !== "MINT-SPINNER" && !e.querySelector?.("mint-spinner") && !e.hasAttribute?.("slot") && e.className !== "mint-button-icon" && !(e.className === "mr-2" && e.querySelector("mint-spinner")) && e.textContent.trim()) return !1;
+		}
+		return !0;
+	}
+	getButtonClasses() {
+		return [
+			"mint-button-core",
+			"mint-button-" + this.getVariant(),
+			"mint-button-tone-" + this.getTone(),
+			this.isIconOnly() ? "mint-button-icon-only" : "",
+			this.isFullWidth() ? "mint-button-full-width" : ""
+		].filter(Boolean).join(" ");
+	}
+	render() {
+		let e = this.isDisabled() || this.isLoading(), t = this.getType();
+		if (!this._button) {
+			for (this._button = document.createElement("button"); this.firstChild;) this._button.appendChild(this.firstChild);
+			this.appendChild(this._button), this.setupEventListeners();
+		}
+		this._button.type = t, this._button.disabled = e;
+		let n = this._button.querySelector("mint-spinner");
+		if (this.isLoading()) if (n) n.setAttribute("data-button-variant", this.getVariant()), n.setAttribute("data-button-tone", this.getTone()), n.render();
+		else {
+			let e = document.createElement("span");
+			e.className = "mint-spinner-wrap";
+			let t = document.createElement("mint-spinner");
+			t.setAttribute("size", "default"), t.setAttribute("data-button-variant", this.getVariant()), t.setAttribute("data-button-tone", this.getTone()), t.style.width = "0.875rem", t.style.height = "0.875rem", e.appendChild(t), this._button.insertBefore(e, this._button.firstChild);
+		}
+		else n && n.parentElement?.remove();
+		for (; this.firstChild && this.firstChild !== this._button;) this._button.appendChild(this.firstChild);
+		let r = this.getIcon(), i = this._button.querySelector("[slot=\"icon\"], .mint-button-icon, mint-icon");
+		r ? (i && i.tagName !== "MINT-ICON" && (i.remove(), i = null), !i || i.tagName !== "MINT-ICON" ? (i = document.createElement("mint-icon"), i.setAttribute("name", r), i.className = "mint-button-icon") : i.setAttribute("name", r)) : i && i.tagName === "MINT-ICON" && (i.remove(), i = null), i ||= this._button.querySelector("[slot=\"icon\"], .mint-button-icon");
+		let a = this.getIconPosition(), o = this._button.querySelector(".mint-button-content");
+		if (o) {
+			let e = i && i.tagName === "MINT-ICON";
+			if (i && !i.parentElement) {
+				let t = this._button.querySelector("mint-spinner")?.parentElement;
+				e || a === "left" ? t ? t.insertAdjacentElement("afterend", i) : this._button.insertBefore(i, o) : o.insertAdjacentElement("afterend", i);
+			} else if (i && (e || a === "left") && i.nextSibling !== o) {
+				i.remove();
+				let e = this._button.querySelector("mint-spinner")?.parentElement;
+				e ? e.insertAdjacentElement("afterend", i) : this._button.insertBefore(i, o);
+			} else i && !e && a === "right" && i.previousSibling !== o && (i.remove(), o.insertAdjacentElement("afterend", i));
+		} else {
+			let e = [];
+			for (let t = this._button.firstChild; t; t = t.nextSibling) t.tagName !== "MINT-SPINNER" && !t.querySelector?.("mint-spinner") && t !== i && !t.hasAttribute?.("slot") && !(t.className === "mr-2" && t.querySelector("mint-spinner")) && e.push(t);
+			if (e.length > 0) {
+				o = document.createElement("span"), o.className = "mint-button-content", e.forEach((e) => {
+					o.appendChild(e);
+				});
+				let t = this._button.querySelector("mint-spinner")?.parentElement;
+				i && a === "left" ? t ? (t.insertAdjacentElement("afterend", i), i.insertAdjacentElement("afterend", o)) : (this._button.insertBefore(i, this._button.firstChild), i.insertAdjacentElement("afterend", o)) : i && a === "right" ? t ? (t.insertAdjacentElement("afterend", o), o.insertAdjacentElement("afterend", i)) : (this._button.insertBefore(o, this._button.firstChild), o.insertAdjacentElement("afterend", i)) : t ? t.insertAdjacentElement("afterend", o) : this._button.insertBefore(o, this._button.firstChild);
+			} else if (i && i.tagName === "MINT-ICON" && !i.parentElement) {
+				let e = this._button.querySelector("mint-spinner")?.parentElement;
+				e ? e.insertAdjacentElement("afterend", i) : this._button.insertBefore(i, this._button.firstChild);
+			}
+		}
+		let s = this.isIconOnly();
+		i && (i.classList.contains("mint-button-icon") || i.classList.add("mint-button-icon"), i.classList.remove("mint-icon-leading", "mint-icon-trailing"), s ? i.tagName === "MINT-ICON" ? (i.style.width = "1rem", i.style.height = "1rem", i.style.maxWidth = "1rem", i.style.maxHeight = "1rem", i.style.flexShrink = "0") : (i.style.maxWidth = "1rem", i.style.maxHeight = "1rem", i.style.flexShrink = "0", i.tagName === "svg" && (i.style.width = "1rem", i.style.height = "1rem")) : a === "left" ? i.classList.add("mint-icon-leading") : i.classList.add("mint-icon-trailing"));
+		let c = this.getButtonClasses();
+		this._button.className = c;
+	}
+	setupEventListeners() {
+		this._button && !this._clickHandler && (this._clickHandler = this.handleClick.bind(this), this._button.addEventListener("click", this._clickHandler, !0), this._button.addEventListener("mousedown", this._handleMouseDown), this._button.addEventListener("mouseup", this._handleMouseUp), this._button.addEventListener("mouseleave", this._handleMouseLeave), this._button.addEventListener("touchstart", this._handleTouchStart), this._button.addEventListener("touchend", this._handleTouchEnd), this._button.addEventListener("touchcancel", this._handleTouchCancel));
+	}
+	removeEventListeners() {
+		this._button && (this._clickHandler &&= (this._button.removeEventListener("click", this._clickHandler, !0), null), this._button.removeEventListener("mousedown", this._handleMouseDown), this._button.removeEventListener("mouseup", this._handleMouseUp), this._button.removeEventListener("mouseleave", this._handleMouseLeave), this._button.removeEventListener("touchstart", this._handleTouchStart), this._button.removeEventListener("touchend", this._handleTouchEnd), this._button.removeEventListener("touchcancel", this._handleTouchCancel));
+	}
+	_handleMouseDown = () => {
+		this._button && !this.isDisabled() && !this.isLoading() && this._button.classList.add("mint-button-active");
+	};
+	_handleMouseUp = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	_handleMouseLeave = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	_handleTouchStart = () => {
+		this._button && !this.isDisabled() && !this.isLoading() && this._button.classList.add("mint-button-active");
+	};
+	_handleTouchEnd = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	_handleTouchCancel = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	handleClick(e) {
+		if (this.isDisabled() || this.isLoading()) {
+			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
+			return;
+		}
+		if (e.stopPropagation(), e.stopImmediatePropagation(), this._isHandlingClick) {
+			e.preventDefault();
+			return;
+		}
+		this._isHandlingClick = !0, e.preventDefault(), this.dispatchEvent(new CustomEvent("click", {
+			detail: { originalEvent: e },
+			bubbles: !0,
+			cancelable: !0,
+			composed: !0
+		})), requestAnimationFrame(() => {
+			this._isHandlingClick = !1;
+		});
+	}
+};
+typeof customElements < "u" && !customElements.get("mint-button") && t("mint-button", n);
+//#endregion
+//#region src/components/back-button/BackButton.js
+var r = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["href", "fallback-href"];
+	}
+	constructor() {
+		super(), this._historyDepth = 0, this._maxBackAttempts = 10, this._backAttempts = 0;
+	}
+	connectedCallback() {
+		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("//")) 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));
+	}
+};
+typeof customElements < "u" && !customElements.get("mint-back-button") && t("mint-back-button", r);
+//#endregion
+export { r as default };

package/dist/components/back-button/index.cjs

@@ -0,0 +1 @@
+const e=require(`../chunks/icon-dG8sLTBn.js`),t=require(`../chunks/register-element-tCL_F1YI.js`);require(`../chunks/icon-CyzR9aVl.js`),/* empty css                          */require(`../chunks/spinner-DbTohC6i.js`),e.a({name:`arrow-left`,viewBox:`0 0 24 24`,path:`M19 12H5m7-7l-7 7 7 7`,strokeLinecap:`round`,strokeLinejoin:`round`});var n=class extends HTMLElement{static get observedAttributes(){return[`variant`,`tone`,`disabled`,`loading`,`button-type`,`type`,`full-width`,`icon-position`,`icon`]}constructor(){super(),this._button=null,this._clickHandler=null,this._isHandlingClick=!1}connectedCallback(){this.render(),this._button&&this.setupEventListeners()}disconnectedCallback(){this.removeEventListeners()}attributeChangedCallback(e,t,n){t!==n&&this.render()}getVariant(){return this.getAttribute(`variant`)||`solid`}getTone(){return this.getAttribute(`tone`)||`neutral`}isDisabled(){return this.hasAttribute(`disabled`)}isLoading(){return this.hasAttribute(`loading`)}getType(){return(this.getAttribute(`type`)||this.getAttribute(`button-type`)||`default`)===`submit`?`submit`:`button`}isFullWidth(){return this.hasAttribute(`full-width`)}getIconPosition(){return this.getAttribute(`icon-position`)||`left`}getIcon(){return this.getAttribute(`icon`)||``}isIconOnly(){if(!(this.getIcon()||this._button?.querySelector(`[slot="icon"], .mint-button-icon, mint-icon`)))return!1;let e=this._button?.querySelector(`.mint-button-content`);if(e&&e.textContent.trim())return!1;if(this._button){for(let e=this._button.firstChild;e;e=e.nextSibling)if(e.nodeType===Node.TEXT_NODE&&e.textContent.trim()||e.nodeType===Node.ELEMENT_NODE&&e.tagName!==`MINT-ICON`&&e.tagName!==`MINT-SPINNER`&&!e.querySelector?.(`mint-spinner`)&&!e.hasAttribute?.(`slot`)&&e.className!==`mint-button-icon`&&!(e.className===`mr-2`&&e.querySelector(`mint-spinner`))&&e.textContent.trim())return!1}return!0}getButtonClasses(){return[`mint-button-core`,`mint-button-`+this.getVariant(),`mint-button-tone-`+this.getTone(),this.isIconOnly()?`mint-button-icon-only`:``,this.isFullWidth()?`mint-button-full-width`:``].filter(Boolean).join(` `)}render(){let e=this.isDisabled()||this.isLoading(),t=this.getType();if(!this._button){for(this._button=document.createElement(`button`);this.firstChild;)this._button.appendChild(this.firstChild);this.appendChild(this._button),this.setupEventListeners()}this._button.type=t,this._button.disabled=e;let n=this._button.querySelector(`mint-spinner`);if(this.isLoading())if(n)n.setAttribute(`data-button-variant`,this.getVariant()),n.setAttribute(`data-button-tone`,this.getTone()),n.render();else{let e=document.createElement(`span`);e.className=`mint-spinner-wrap`;let t=document.createElement(`mint-spinner`);t.setAttribute(`size`,`default`),t.setAttribute(`data-button-variant`,this.getVariant()),t.setAttribute(`data-button-tone`,this.getTone()),t.style.width=`0.875rem`,t.style.height=`0.875rem`,e.appendChild(t),this._button.insertBefore(e,this._button.firstChild)}else n&&n.parentElement?.remove();for(;this.firstChild&&this.firstChild!==this._button;)this._button.appendChild(this.firstChild);let r=this.getIcon(),i=this._button.querySelector(`[slot="icon"], .mint-button-icon, mint-icon`);r?(i&&i.tagName!==`MINT-ICON`&&(i.remove(),i=null),!i||i.tagName!==`MINT-ICON`?(i=document.createElement(`mint-icon`),i.setAttribute(`name`,r),i.className=`mint-button-icon`):i.setAttribute(`name`,r)):i&&i.tagName===`MINT-ICON`&&(i.remove(),i=null),i||=this._button.querySelector(`[slot="icon"], .mint-button-icon`);let a=this.getIconPosition(),o=this._button.querySelector(`.mint-button-content`);if(o){let e=i&&i.tagName===`MINT-ICON`;if(i&&!i.parentElement){let t=this._button.querySelector(`mint-spinner`)?.parentElement;e||a===`left`?t?t.insertAdjacentElement(`afterend`,i):this._button.insertBefore(i,o):o.insertAdjacentElement(`afterend`,i)}else if(i&&(e||a===`left`)&&i.nextSibling!==o){i.remove();let e=this._button.querySelector(`mint-spinner`)?.parentElement;e?e.insertAdjacentElement(`afterend`,i):this._button.insertBefore(i,o)}else i&&!e&&a===`right`&&i.previousSibling!==o&&(i.remove(),o.insertAdjacentElement(`afterend`,i))}else{let e=[];for(let t=this._button.firstChild;t;t=t.nextSibling)t.tagName!==`MINT-SPINNER`&&!t.querySelector?.(`mint-spinner`)&&t!==i&&!t.hasAttribute?.(`slot`)&&!(t.className===`mr-2`&&t.querySelector(`mint-spinner`))&&e.push(t);if(e.length>0){o=document.createElement(`span`),o.className=`mint-button-content`,e.forEach(e=>{o.appendChild(e)});let t=this._button.querySelector(`mint-spinner`)?.parentElement;i&&a===`left`?t?(t.insertAdjacentElement(`afterend`,i),i.insertAdjacentElement(`afterend`,o)):(this._button.insertBefore(i,this._button.firstChild),i.insertAdjacentElement(`afterend`,o)):i&&a===`right`?t?(t.insertAdjacentElement(`afterend`,o),o.insertAdjacentElement(`afterend`,i)):(this._button.insertBefore(o,this._button.firstChild),o.insertAdjacentElement(`afterend`,i)):t?t.insertAdjacentElement(`afterend`,o):this._button.insertBefore(o,this._button.firstChild)}else if(i&&i.tagName===`MINT-ICON`&&!i.parentElement){let e=this._button.querySelector(`mint-spinner`)?.parentElement;e?e.insertAdjacentElement(`afterend`,i):this._button.insertBefore(i,this._button.firstChild)}}let s=this.isIconOnly();i&&(i.classList.contains(`mint-button-icon`)||i.classList.add(`mint-button-icon`),i.classList.remove(`mint-icon-leading`,`mint-icon-trailing`),s?i.tagName===`MINT-ICON`?(i.style.width=`1rem`,i.style.height=`1rem`,i.style.maxWidth=`1rem`,i.style.maxHeight=`1rem`,i.style.flexShrink=`0`):(i.style.maxWidth=`1rem`,i.style.maxHeight=`1rem`,i.style.flexShrink=`0`,i.tagName===`svg`&&(i.style.width=`1rem`,i.style.height=`1rem`)):a===`left`?i.classList.add(`mint-icon-leading`):i.classList.add(`mint-icon-trailing`));let c=this.getButtonClasses();this._button.className=c}setupEventListeners(){this._button&&!this._clickHandler&&(this._clickHandler=this.handleClick.bind(this),this._button.addEventListener(`click`,this._clickHandler,!0),this._button.addEventListener(`mousedown`,this._handleMouseDown),this._button.addEventListener(`mouseup`,this._handleMouseUp),this._button.addEventListener(`mouseleave`,this._handleMouseLeave),this._button.addEventListener(`touchstart`,this._handleTouchStart),this._button.addEventListener(`touchend`,this._handleTouchEnd),this._button.addEventListener(`touchcancel`,this._handleTouchCancel))}removeEventListeners(){this._button&&(this._clickHandler&&=(this._button.removeEventListener(`click`,this._clickHandler,!0),null),this._button.removeEventListener(`mousedown`,this._handleMouseDown),this._button.removeEventListener(`mouseup`,this._handleMouseUp),this._button.removeEventListener(`mouseleave`,this._handleMouseLeave),this._button.removeEventListener(`touchstart`,this._handleTouchStart),this._button.removeEventListener(`touchend`,this._handleTouchEnd),this._button.removeEventListener(`touchcancel`,this._handleTouchCancel))}_handleMouseDown=()=>{this._button&&!this.isDisabled()&&!this.isLoading()&&this._button.classList.add(`mint-button-active`)};_handleMouseUp=()=>{this._button&&this._button.classList.remove(`mint-button-active`)};_handleMouseLeave=()=>{this._button&&this._button.classList.remove(`mint-button-active`)};_handleTouchStart=()=>{this._button&&!this.isDisabled()&&!this.isLoading()&&this._button.classList.add(`mint-button-active`)};_handleTouchEnd=()=>{this._button&&this._button.classList.remove(`mint-button-active`)};_handleTouchCancel=()=>{this._button&&this._button.classList.remove(`mint-button-active`)};handleClick(e){if(this.isDisabled()||this.isLoading()){e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation();return}if(e.stopPropagation(),e.stopImmediatePropagation(),this._isHandlingClick){e.preventDefault();return}this._isHandlingClick=!0,e.preventDefault(),this.dispatchEvent(new CustomEvent(`click`,{detail:{originalEvent:e},bubbles:!0,cancelable:!0,composed:!0})),requestAnimationFrame(()=>{this._isHandlingClick=!1})}};typeof customElements<`u`&&!customElements.get(`mint-button`)&&t.t(`mint-button`,n);var r=class extends HTMLElement{static get observedAttributes(){return[`href`,`fallback-href`]}constructor(){super(),this._historyDepth=0,this._maxBackAttempts=10,this._backAttempts=0}connectedCallback(){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(`//`))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))}};typeof customElements<`u`&&!customElements.get(`mint-back-button`)&&t.t(`mint-back-button`,r),module.exports=r;

package/dist/components/back-button/index.d.ts

@@ -1,3 +1 @@
-import './BackButton';
-export { default } from './BackButton';
-//# sourceMappingURL=index.d.ts.map
+export { default, MintBackButton } from './BackButton'

package/dist/components/back-button/index.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/back-button/index.ts"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}
+{
+  "version": 3,
+  "file": "index.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "index.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/back-button/index.js

@@ -0,0 +1,229 @@
+import '../../theme.css'
+import '../../button.css'
+import '../../spinner.css'
+import '../../icon.css'
+import '../../back-button.css'
+import { a as e } from "../chunks/icon-gQAtsERy.js";
+import { t } from "../chunks/register-element-BFYmIynH.js";
+import "../chunks/icon-C0OLmjDY.js";
+/* empty css                        */
+import "../chunks/spinner-BsaFHuS6.js";
+e({
+	name: "arrow-left",
+	viewBox: "0 0 24 24",
+	path: "M19 12H5m7-7l-7 7 7 7",
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+});
+//#endregion
+//#region src/components/button/Button.js
+var n = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"variant",
+			"tone",
+			"disabled",
+			"loading",
+			"button-type",
+			"type",
+			"full-width",
+			"icon-position",
+			"icon"
+		];
+	}
+	constructor() {
+		super(), this._button = null, this._clickHandler = null, this._isHandlingClick = !1;
+	}
+	connectedCallback() {
+		this.render(), this._button && this.setupEventListeners();
+	}
+	disconnectedCallback() {
+		this.removeEventListeners();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	getVariant() {
+		return this.getAttribute("variant") || "solid";
+	}
+	getTone() {
+		return this.getAttribute("tone") || "neutral";
+	}
+	isDisabled() {
+		return this.hasAttribute("disabled");
+	}
+	isLoading() {
+		return this.hasAttribute("loading");
+	}
+	getType() {
+		return (this.getAttribute("type") || this.getAttribute("button-type") || "default") === "submit" ? "submit" : "button";
+	}
+	isFullWidth() {
+		return this.hasAttribute("full-width");
+	}
+	getIconPosition() {
+		return this.getAttribute("icon-position") || "left";
+	}
+	getIcon() {
+		return this.getAttribute("icon") || "";
+	}
+	isIconOnly() {
+		if (!(this.getIcon() || this._button?.querySelector("[slot=\"icon\"], .mint-button-icon, mint-icon"))) return !1;
+		let e = this._button?.querySelector(".mint-button-content");
+		if (e && e.textContent.trim()) return !1;
+		if (this._button) {
+			for (let e = this._button.firstChild; e; e = e.nextSibling) if (e.nodeType === Node.TEXT_NODE && e.textContent.trim() || e.nodeType === Node.ELEMENT_NODE && e.tagName !== "MINT-ICON" && e.tagName !== "MINT-SPINNER" && !e.querySelector?.("mint-spinner") && !e.hasAttribute?.("slot") && e.className !== "mint-button-icon" && !(e.className === "mr-2" && e.querySelector("mint-spinner")) && e.textContent.trim()) return !1;
+		}
+		return !0;
+	}
+	getButtonClasses() {
+		return [
+			"mint-button-core",
+			"mint-button-" + this.getVariant(),
+			"mint-button-tone-" + this.getTone(),
+			this.isIconOnly() ? "mint-button-icon-only" : "",
+			this.isFullWidth() ? "mint-button-full-width" : ""
+		].filter(Boolean).join(" ");
+	}
+	render() {
+		let e = this.isDisabled() || this.isLoading(), t = this.getType();
+		if (!this._button) {
+			for (this._button = document.createElement("button"); this.firstChild;) this._button.appendChild(this.firstChild);
+			this.appendChild(this._button), this.setupEventListeners();
+		}
+		this._button.type = t, this._button.disabled = e;
+		let n = this._button.querySelector("mint-spinner");
+		if (this.isLoading()) if (n) n.setAttribute("data-button-variant", this.getVariant()), n.setAttribute("data-button-tone", this.getTone()), n.render();
+		else {
+			let e = document.createElement("span");
+			e.className = "mint-spinner-wrap";
+			let t = document.createElement("mint-spinner");
+			t.setAttribute("size", "default"), t.setAttribute("data-button-variant", this.getVariant()), t.setAttribute("data-button-tone", this.getTone()), t.style.width = "0.875rem", t.style.height = "0.875rem", e.appendChild(t), this._button.insertBefore(e, this._button.firstChild);
+		}
+		else n && n.parentElement?.remove();
+		for (; this.firstChild && this.firstChild !== this._button;) this._button.appendChild(this.firstChild);
+		let r = this.getIcon(), i = this._button.querySelector("[slot=\"icon\"], .mint-button-icon, mint-icon");
+		r ? (i && i.tagName !== "MINT-ICON" && (i.remove(), i = null), !i || i.tagName !== "MINT-ICON" ? (i = document.createElement("mint-icon"), i.setAttribute("name", r), i.className = "mint-button-icon") : i.setAttribute("name", r)) : i && i.tagName === "MINT-ICON" && (i.remove(), i = null), i ||= this._button.querySelector("[slot=\"icon\"], .mint-button-icon");
+		let a = this.getIconPosition(), o = this._button.querySelector(".mint-button-content");
+		if (o) {
+			let e = i && i.tagName === "MINT-ICON";
+			if (i && !i.parentElement) {
+				let t = this._button.querySelector("mint-spinner")?.parentElement;
+				e || a === "left" ? t ? t.insertAdjacentElement("afterend", i) : this._button.insertBefore(i, o) : o.insertAdjacentElement("afterend", i);
+			} else if (i && (e || a === "left") && i.nextSibling !== o) {
+				i.remove();
+				let e = this._button.querySelector("mint-spinner")?.parentElement;
+				e ? e.insertAdjacentElement("afterend", i) : this._button.insertBefore(i, o);
+			} else i && !e && a === "right" && i.previousSibling !== o && (i.remove(), o.insertAdjacentElement("afterend", i));
+		} else {
+			let e = [];
+			for (let t = this._button.firstChild; t; t = t.nextSibling) t.tagName !== "MINT-SPINNER" && !t.querySelector?.("mint-spinner") && t !== i && !t.hasAttribute?.("slot") && !(t.className === "mr-2" && t.querySelector("mint-spinner")) && e.push(t);
+			if (e.length > 0) {
+				o = document.createElement("span"), o.className = "mint-button-content", e.forEach((e) => {
+					o.appendChild(e);
+				});
+				let t = this._button.querySelector("mint-spinner")?.parentElement;
+				i && a === "left" ? t ? (t.insertAdjacentElement("afterend", i), i.insertAdjacentElement("afterend", o)) : (this._button.insertBefore(i, this._button.firstChild), i.insertAdjacentElement("afterend", o)) : i && a === "right" ? t ? (t.insertAdjacentElement("afterend", o), o.insertAdjacentElement("afterend", i)) : (this._button.insertBefore(o, this._button.firstChild), o.insertAdjacentElement("afterend", i)) : t ? t.insertAdjacentElement("afterend", o) : this._button.insertBefore(o, this._button.firstChild);
+			} else if (i && i.tagName === "MINT-ICON" && !i.parentElement) {
+				let e = this._button.querySelector("mint-spinner")?.parentElement;
+				e ? e.insertAdjacentElement("afterend", i) : this._button.insertBefore(i, this._button.firstChild);
+			}
+		}
+		let s = this.isIconOnly();
+		i && (i.classList.contains("mint-button-icon") || i.classList.add("mint-button-icon"), i.classList.remove("mint-icon-leading", "mint-icon-trailing"), s ? i.tagName === "MINT-ICON" ? (i.style.width = "1rem", i.style.height = "1rem", i.style.maxWidth = "1rem", i.style.maxHeight = "1rem", i.style.flexShrink = "0") : (i.style.maxWidth = "1rem", i.style.maxHeight = "1rem", i.style.flexShrink = "0", i.tagName === "svg" && (i.style.width = "1rem", i.style.height = "1rem")) : a === "left" ? i.classList.add("mint-icon-leading") : i.classList.add("mint-icon-trailing"));
+		let c = this.getButtonClasses();
+		this._button.className = c;
+	}
+	setupEventListeners() {
+		this._button && !this._clickHandler && (this._clickHandler = this.handleClick.bind(this), this._button.addEventListener("click", this._clickHandler, !0), this._button.addEventListener("mousedown", this._handleMouseDown), this._button.addEventListener("mouseup", this._handleMouseUp), this._button.addEventListener("mouseleave", this._handleMouseLeave), this._button.addEventListener("touchstart", this._handleTouchStart), this._button.addEventListener("touchend", this._handleTouchEnd), this._button.addEventListener("touchcancel", this._handleTouchCancel));
+	}
+	removeEventListeners() {
+		this._button && (this._clickHandler &&= (this._button.removeEventListener("click", this._clickHandler, !0), null), this._button.removeEventListener("mousedown", this._handleMouseDown), this._button.removeEventListener("mouseup", this._handleMouseUp), this._button.removeEventListener("mouseleave", this._handleMouseLeave), this._button.removeEventListener("touchstart", this._handleTouchStart), this._button.removeEventListener("touchend", this._handleTouchEnd), this._button.removeEventListener("touchcancel", this._handleTouchCancel));
+	}
+	_handleMouseDown = () => {
+		this._button && !this.isDisabled() && !this.isLoading() && this._button.classList.add("mint-button-active");
+	};
+	_handleMouseUp = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	_handleMouseLeave = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	_handleTouchStart = () => {
+		this._button && !this.isDisabled() && !this.isLoading() && this._button.classList.add("mint-button-active");
+	};
+	_handleTouchEnd = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	_handleTouchCancel = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	handleClick(e) {
+		if (this.isDisabled() || this.isLoading()) {
+			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
+			return;
+		}
+		if (e.stopPropagation(), e.stopImmediatePropagation(), this._isHandlingClick) {
+			e.preventDefault();
+			return;
+		}
+		this._isHandlingClick = !0, e.preventDefault(), this.dispatchEvent(new CustomEvent("click", {
+			detail: { originalEvent: e },
+			bubbles: !0,
+			cancelable: !0,
+			composed: !0
+		})), requestAnimationFrame(() => {
+			this._isHandlingClick = !1;
+		});
+	}
+};
+typeof customElements < "u" && !customElements.get("mint-button") && t("mint-button", n);
+//#endregion
+//#region src/components/back-button/BackButton.js
+var r = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["href", "fallback-href"];
+	}
+	constructor() {
+		super(), this._historyDepth = 0, this._maxBackAttempts = 10, this._backAttempts = 0;
+	}
+	connectedCallback() {
+		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("//")) 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));
+	}
+};
+typeof customElements < "u" && !customElements.get("mint-back-button") && t("mint-back-button", r);
+//#endregion
+export { r as default };

package/dist/components/bottom-navigation/BottomNavigation.d.ts

@@ -1,10 +1 @@
-declare class MintBottomNavigation extends HTMLElement {
-    private _lastScrollY;
-    private _scrollHandler;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _attachScrollListener;
-    private _detachScrollListener;
-}
-export default MintBottomNavigation;
-//# sourceMappingURL=BottomNavigation.d.ts.map
+export { MintBottomNavigation as default, MintBottomNavigation } from '../../mintui-elements'

package/dist/components/bottom-navigation/BottomNavigation.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"BottomNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-navigation/BottomNavigation.ts"],"names":[],"mappings":"AACA,cAAM,oBAAqB,SAAQ,WAAW;IAC5C,OAAO,CAAC,YAAY,CAAI;IACxB,OAAO,CAAC,cAAc,CAA4B;IAElD,iBAAiB,IAAI,IAAI;IAgCzB,oBAAoB,IAAI,IAAI;IAI5B,OAAO,CAAC,qBAAqB;IAiC7B,OAAO,CAAC,qBAAqB;CAK9B;AAMD,eAAe,oBAAoB,CAAA"}
+{
+  "version": 3,
+  "file": "BottomNavigation.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "BottomNavigation.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/bottom-navigation/browser.js

@@ -0,0 +1,97 @@
+
+const __mintLoadStyle = (key, url) => {
+  if (typeof document === 'undefined') return
+  const href = new URL(url, import.meta.url).href
+  if ([...document.querySelectorAll('link[rel="stylesheet"]')].some(link => link.href === href)) return
+  if (document.querySelector('style[data-mint-ui-style="' + key + '"]') || document.querySelector('link[data-mint-ui-style="' + key + '"]')) return
+  const link = document.createElement('link')
+  link.rel = 'stylesheet'
+  link.href = href
+  link.dataset.mintUiStyle = key
+  document.head.append(link)
+}
+__mintLoadStyle('theme', '../../theme.css')
+__mintLoadStyle('icon', '../../icon.css')
+__mintLoadStyle('bottom-navigation', '../../bottom-navigation.css')
+import "../chunks/icon-gQAtsERy.js";
+import { t as e } from "../chunks/register-element-BFYmIynH.js";
+import "../chunks/icon-C0OLmjDY.js";
+//#region src/components/bottom-navigation/BottomNavigation.ts
+var t = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._lastScrollY = 0, this._scrollHandler = null;
+	}
+	connectedCallback() {
+		this.classList.add("mint-bottom-navigation"), this.setAttribute("role", "navigation"), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Primary"), this._lastScrollY = window.scrollY, this.hasAttribute("data-preview") || this._attachScrollListener();
+	}
+	disconnectedCallback() {
+		this._detachScrollListener();
+	}
+	_attachScrollListener() {
+		this._scrollHandler || (this._scrollHandler = () => {
+			let e = window.scrollY;
+			if (e <= 8) {
+				this.classList.remove("is-hidden"), this._lastScrollY = e;
+				return;
+			}
+			let t = e - this._lastScrollY;
+			Math.abs(t) < 4 || (t > 0 ? this.classList.add("is-hidden") : this.classList.remove("is-hidden"), this._lastScrollY = e);
+		}, window.addEventListener("scroll", this._scrollHandler, { passive: !0 }));
+	}
+	_detachScrollListener() {
+		this._scrollHandler &&= (window.removeEventListener("scroll", this._scrollHandler), null);
+	}
+};
+customElements.get("mint-bottom-navigation") || e("mint-bottom-navigation", t);
+//#endregion
+//#region src/components/bottom-navigation/BottomNavItem.ts
+var n = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._root = null;
+	}
+	static get observedAttributes() {
+		return [
+			"icon",
+			"label",
+			"href",
+			"active"
+		];
+	}
+	connectedCallback() {
+		this.classList.add("mint-bottom-nav-item"), this.render();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_isActive() {
+		return this.hasAttribute("active") && this.getAttribute("active") !== "false";
+	}
+	_getLabel() {
+		return this.getAttribute("label") || "";
+	}
+	_getIcon() {
+		return this.getAttribute("icon") || "";
+	}
+	_getHref() {
+		return this.getAttribute("href");
+	}
+	render() {
+		let e = this._getHref(), t = this._getLabel(), n = this._getIcon(), r = this._isActive(), i;
+		e ? (i = document.createElement("a"), i.href = e) : (i = document.createElement("button"), i.type = "button"), i.className = "mint-bottom-nav-link", i.setAttribute("aria-current", r ? "page" : "false");
+		let a = n.split("-").filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+		i.setAttribute("aria-label", t || a || "Navigation item");
+		let o = document.createElement("span");
+		if (o.className = "mint-bottom-nav-icon", n) {
+			let e = document.createElement("mint-icon");
+			e.setAttribute("name", n), e.className = "mint-bottom-nav-icon-glyph", o.appendChild(e);
+		}
+		let s = document.createElement("span");
+		s.className = "mint-bottom-nav-label", s.textContent = t, i.appendChild(o), i.appendChild(s), this.replaceChildren(i), this._root = i;
+	}
+};
+customElements.get("mint-bottom-nav-item") || e("mint-bottom-nav-item", n);
+//#endregion
+//#region src/components/bottom-navigation/index.ts
+var r = t;
+//#endregion
+export { n as MintBottomNavItem, t as MintBottomNavigation, r as default };

package/dist/components/bottom-navigation/index.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../chunks/icon-dG8sLTBn.js`);const e=require(`../chunks/register-element-tCL_F1YI.js`);require(`../chunks/icon-CyzR9aVl.js`);var t=class extends HTMLElement{constructor(...e){super(...e),this._lastScrollY=0,this._scrollHandler=null}connectedCallback(){this.classList.add(`mint-bottom-navigation`),this.setAttribute(`role`,`navigation`),this.hasAttribute(`aria-label`)||this.setAttribute(`aria-label`,`Primary`),this._lastScrollY=window.scrollY,this.hasAttribute(`data-preview`)||this._attachScrollListener()}disconnectedCallback(){this._detachScrollListener()}_attachScrollListener(){this._scrollHandler||(this._scrollHandler=()=>{let e=window.scrollY;if(e<=8){this.classList.remove(`is-hidden`),this._lastScrollY=e;return}let t=e-this._lastScrollY;Math.abs(t)<4||(t>0?this.classList.add(`is-hidden`):this.classList.remove(`is-hidden`),this._lastScrollY=e)},window.addEventListener(`scroll`,this._scrollHandler,{passive:!0}))}_detachScrollListener(){this._scrollHandler&&=(window.removeEventListener(`scroll`,this._scrollHandler),null)}};customElements.get(`mint-bottom-navigation`)||e.t(`mint-bottom-navigation`,t);var n=class extends HTMLElement{constructor(...e){super(...e),this._root=null}static get observedAttributes(){return[`icon`,`label`,`href`,`active`]}connectedCallback(){this.classList.add(`mint-bottom-nav-item`),this.render()}attributeChangedCallback(e,t,n){t!==n&&this.render()}_isActive(){return this.hasAttribute(`active`)&&this.getAttribute(`active`)!==`false`}_getLabel(){return this.getAttribute(`label`)||``}_getIcon(){return this.getAttribute(`icon`)||``}_getHref(){return this.getAttribute(`href`)}render(){let e=this._getHref(),t=this._getLabel(),n=this._getIcon(),r=this._isActive(),i;e?(i=document.createElement(`a`),i.href=e):(i=document.createElement(`button`),i.type=`button`),i.className=`mint-bottom-nav-link`,i.setAttribute(`aria-current`,r?`page`:`false`);let a=n.split(`-`).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `);i.setAttribute(`aria-label`,t||a||`Navigation item`);let o=document.createElement(`span`);if(o.className=`mint-bottom-nav-icon`,n){let e=document.createElement(`mint-icon`);e.setAttribute(`name`,n),e.className=`mint-bottom-nav-icon-glyph`,o.appendChild(e)}let s=document.createElement(`span`);s.className=`mint-bottom-nav-label`,s.textContent=t,i.appendChild(o),i.appendChild(s),this.replaceChildren(i),this._root=i}};customElements.get(`mint-bottom-nav-item`)||e.t(`mint-bottom-nav-item`,n);var r=t;exports.MintBottomNavItem=n,exports.MintBottomNavigation=t,exports.default=r;

package/dist/components/bottom-navigation/index.d.ts

@@ -1,5 +1,2 @@
-import MintBottomNavigation from './BottomNavigation';
-import MintBottomNavItem from './BottomNavItem';
-export default MintBottomNavigation;
-export { MintBottomNavigation, MintBottomNavItem };
-//# sourceMappingURL=index.d.ts.map
+export { default, MintBottomNavigation } from './BottomNavigation'
+export { MintBottomNavItem } from '../../mintui-elements'