monobill-mintui 0.6.612 → 0.6.613

package/dist/components/chunks/input-8bbXzpa5.js

@@ -0,0 +1,334 @@
+import "./icon-gQAtsERy.js";
+import { t as e } from "./register-element-BFYmIynH.js";
+import "./icon-C0OLmjDY.js";
+import "./caret-up-D_6oa7o1.js";
+import "./caret-down-Ch6IfR7r.js";
+//#region src/components/input/Input.ts
+var t = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"type",
+			"placeholder",
+			"value",
+			"disabled",
+			"id",
+			"name",
+			"required",
+			"readonly",
+			"rows",
+			"icon",
+			"label",
+			"info",
+			"error",
+			"error-message",
+			"loading",
+			"aria-label",
+			"aria-labelledby",
+			"aria-describedby"
+		];
+	}
+	constructor() {
+		super(), this._input = null, this._textarea = null, this._element = null, this._wrapper = null, this._icon = null, this._prependSlotContainer = null, this._appendSlotContainer = null, this._colorPicker = null, this._colorTextInput = null, this._colorContainer = null, this._colorPickerWrapper = null, this._numberSpinnerContainer = null, this._numberIncrementButton = null, this._numberDecrementButton = null, this._contentObserver = null, this._focusHandler = null, this._a11yId = "", this._blurHandler = null, this._clickHandler = null, this._clickOutsideHandler = null, this._renderFrame = null;
+	}
+	connectedCallback() {
+		this.classList.add("mint-input-host"), this.render(), this._observeContentMutations();
+	}
+	disconnectedCallback() {
+		this.removeEventListeners(), this._contentObserver &&= (this._contentObserver.disconnect(), null), this._renderFrame !== null && (cancelAnimationFrame(this._renderFrame), this._renderFrame = null);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			if (e === "error" || e === "error-message") {
+				this._renderErrorState(), this._syncControlAccessibility(), this._element && (this._element.className = this.getInputClasses()), this._colorTextInput && (this._colorTextInput.className = this.getInputClasses());
+				return;
+			}
+			if (e === "loading") {
+				this.render();
+				return;
+			}
+			this.render();
+		}
+	}
+	_scheduleRender() {
+		this._renderFrame === null && (this._renderFrame = requestAnimationFrame(() => {
+			this._renderFrame = null, this.render();
+		}));
+	}
+	_observeContentMutations() {
+		this._contentObserver ||= new MutationObserver(() => {
+			this._scheduleRender();
+		}), this._contentObserver.disconnect(), this._contentObserver.observe(this, {
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["slot"]
+		});
+	}
+	getType() {
+		return this.getAttribute("type") || "text";
+	}
+	getRows() {
+		let e = this.getAttribute("rows");
+		return e ? parseInt(e, 10) : 3;
+	}
+	_getNormalizedType() {
+		let e = this.getType();
+		return e === "datetime" ? "datetime-local" : e === "money" ? "text" : e === "textarea" ? "textarea" : e;
+	}
+	_isTextarea() {
+		return this.getType() === "textarea";
+	}
+	_isMoney() {
+		return this.getType() === "money";
+	}
+	_isColor() {
+		return this.getType() === "color";
+	}
+	_isNumber() {
+		return this.getType() === "number";
+	}
+	getPlaceholder() {
+		return this.getAttribute("placeholder") || "";
+	}
+	getValue() {
+		return this._isColor() ? this._colorTextInput ? this._colorTextInput.value : this._colorPicker ? this._colorPicker.value : this.getAttribute("value") || "#000000" : this._element ? this._element.value : this.getAttribute("value") || "";
+	}
+	set value(e) {
+		try {
+			this._isColor() ? (this._colorPicker && (this._colorPicker.value = e || "#000000"), this._colorTextInput && (this._colorTextInput.value = e || "#000000")) : this._element && (this._element.value = e), e ? this.setAttribute("value", e) : this.removeAttribute("value");
+		} catch {}
+	}
+	get value() {
+		try {
+			return this.getValue() || "";
+		} catch {
+			return "";
+		}
+	}
+	isDisabled() {
+		return this.getAttribute("disabled") === "true";
+	}
+	isReadonly() {
+		return this.getAttribute("readonly") === "true";
+	}
+	isRequired() {
+		return this.getAttribute("required") === "true";
+	}
+	hasError() {
+		return this.getAttribute("error") === "true";
+	}
+	getErrorMessage() {
+		return this.getAttribute("error-message") || "";
+	}
+	getId() {
+		return this.getAttribute("id") || "";
+	}
+	getName() {
+		return this.getAttribute("name") || "";
+	}
+	getIcon() {
+		return this.getAttribute("icon") || "";
+	}
+	getLabel() {
+		return this.getAttribute("label") || "";
+	}
+	getInfo() {
+		return this.getAttribute("info") || "";
+	}
+	getInputClasses() {
+		let e = this._isTextarea(), t = !!this.getIcon(), n = this.querySelector("[slot=\"prepend\"]") !== null, r = this.querySelector("[slot=\"append\"]") !== null, i = this._isColor(), a = this._isNumber(), o = this.hasError();
+		return [
+			"mint-input-control",
+			e && "is-textarea",
+			t && "has-icon",
+			i && "is-color",
+			n && "has-prepend",
+			r && "has-append",
+			a && "is-number",
+			o && "has-error"
+		].filter(Boolean).join(" ");
+	}
+	_syncSlotAdornments(e, t) {
+		if (!this._wrapper || e || this._isColor()) {
+			this._prependSlotContainer &&= (this._prependSlotContainer.remove(), null), this._appendSlotContainer &&= (this._appendSlotContainer.remove(), null);
+			return;
+		}
+		this._prependSlotContainer || (this._prependSlotContainer = document.createElement("div"), this._prependSlotContainer.className = "mint-input-adornment mint-input-prepend-slot", this._wrapper.appendChild(this._prependSlotContainer)), this._appendSlotContainer || (this._appendSlotContainer = document.createElement("div"), this._appendSlotContainer.className = "mint-input-adornment mint-input-append-slot", this._wrapper.appendChild(this._appendSlotContainer)), this._prependSlotContainer.classList.toggle("has-icon-offset", t);
+		let n = Array.from(this.querySelectorAll("[slot=\"prepend\"]")), r = Array.from(this.querySelectorAll("[slot=\"append\"]"));
+		this._prependSlotContainer.replaceChildren(), this._appendSlotContainer.replaceChildren(), n.forEach((e) => this._prependSlotContainer.appendChild(e)), r.forEach((e) => this._appendSlotContainer.appendChild(e)), this._prependSlotContainer.classList.toggle("is-hidden", n.length === 0), this._appendSlotContainer.classList.toggle("is-hidden", r.length === 0);
+	}
+	isLoading() {
+		return this.getAttribute("loading") === "true";
+	}
+	render() {
+		this.getType();
+		let e = this._getNormalizedType(), t = this._isTextarea(), n = this._isMoney(), r = this._isColor(), i = this.getPlaceholder(), a = this.isDisabled(), o = this.isReadonly(), s = this.isRequired(), c = this.getId(), l = this.getName(), u = this.getAttribute("value") || (r ? "#000000" : ""), d = this.getRows(), f = this.getIcon(), p = this.getLabel(), m = this.getInfo(), h = this.isLoading();
+		if (r && this._renderSkeleton(h), r) {
+			this._input &&= (this._input.remove(), null), this._textarea &&= (this._textarea.remove(), null), this._wrapper || (this._wrapper = document.createElement("div"), this._wrapper.className = "mint-input-wrapper", this.appendChild(this._wrapper)), this._colorContainer &&= (this._colorContainer.remove(), null), this._colorPickerWrapper && !r && (this._colorPickerWrapper.remove(), this._colorPickerWrapper = null), this._colorPickerWrapper || (this._colorPickerWrapper = document.createElement("div"), this._colorPickerWrapper.className = "mint-color-picker-wrapper", this._wrapper.appendChild(this._colorPickerWrapper), this._colorPicker = document.createElement("input"), this._colorPicker.type = "color", this._colorPicker.className = "mint-color-picker", this._colorPickerWrapper.appendChild(this._colorPicker), this._focusHandler = (e) => {
+				this._colorPickerWrapper && this._colorPicker && this._colorPicker.matches(":focus-visible") && requestAnimationFrame(() => {
+					this._colorPicker && this._colorPicker.matches(":focus-visible") && this._colorPickerWrapper?.classList.add("is-focused");
+				});
+			}, this._blurHandler = () => {
+				this._colorPickerWrapper && this._colorPickerWrapper.classList.remove("is-focused");
+			}, this._colorPicker.addEventListener("focus", this._focusHandler), this._colorPicker.addEventListener("blur", this._blurHandler), this._colorPicker.addEventListener("input", () => {
+				let e = this._colorPicker?.value || "#000000";
+				this._colorTextInput && (this._colorTextInput.value = e), this.setAttribute("value", e), this.dispatchEvent(new CustomEvent("input", {
+					detail: { value: e },
+					bubbles: !0,
+					cancelable: !0
+				}));
+			}), this._colorPicker.addEventListener("change", () => {
+				let e = this._colorPicker?.value || "#000000";
+				this.setAttribute("value", e), this.dispatchEvent(new CustomEvent("change", {
+					detail: { value: e },
+					bubbles: !0,
+					cancelable: !0
+				}));
+			})), this._colorTextInput || (this._colorTextInput = document.createElement("input"), this._colorTextInput.type = "text", this._colorTextInput.className = this.getInputClasses(), this._colorTextInput.placeholder = i || "#000000", this._colorTextInput.pattern = "^#[0-9A-Fa-f]{6}$", this._wrapper.appendChild(this._colorTextInput), this._colorTextInput.addEventListener("input", () => {
+				let e = this._colorTextInput?.value || "";
+				/^#[0-9A-Fa-f]{6}$/.test(e) && (this._colorPicker && (this._colorPicker.value = e), this.setAttribute("value", e), this.dispatchEvent(new CustomEvent("input", {
+					detail: { value: e },
+					bubbles: !0,
+					cancelable: !0
+				})));
+			}), this._colorTextInput.addEventListener("blur", () => {
+				let e = this._colorTextInput?.value || "";
+				/^#[0-9A-Fa-f]{6}$/.test(e) ? (this._colorPicker && (this._colorPicker.value = e), this.setAttribute("value", e)) : this._colorPicker && this._colorTextInput && (this._colorTextInput.value = this._colorPicker.value), this.dispatchEvent(new CustomEvent("change", {
+					detail: { value: this._colorPicker?.value || "#000000" },
+					bubbles: !0,
+					cancelable: !0
+				}));
+			}));
+			let e = u || "#000000";
+			if (this._colorPicker && this._colorPicker.value !== e && (this._colorPicker.value = e), this._colorTextInput && this._colorTextInput.value !== e && (this._colorTextInput.value = e), this._colorPicker && (this._colorPicker.disabled = a), this._colorPickerWrapper && (a ? this._colorPickerWrapper.classList.add("is-disabled") : this._colorPickerWrapper.classList.remove("is-disabled")), this._colorTextInput && (this._colorTextInput.disabled = a, this._colorTextInput.readOnly = o, this._colorTextInput.required = s), this._colorTextInput) {
+				let e = this._colorTextInput;
+				c ? e.id = c : e.removeAttribute("id"), l ? e.name = l : e.removeAttribute("name"), e.setAttribute("aria-invalid", this.hasError() ? "true" : "false"), this._element = e;
+			}
+			this._renderErrorState();
+			let t = this.querySelector(".mint-input-label-container");
+			if (p || m) {
+				t || (t = document.createElement("div"), t.className = "mint-input-label-container", this._wrapper && this._wrapper.parentElement === this ? this.insertBefore(t, this._wrapper) : this.insertBefore(t, this.firstChild));
+				let e = t.querySelector(".mint-input-label");
+				if (p) {
+					e || (e = document.createElement("label"), e.className = "mint-input-label", t.insertBefore(e, t.firstChild)), e.textContent = p;
+					let n = c || this._colorTextInput?.id;
+					if (n) e.setAttribute("for", n);
+					else {
+						let t = `mint-input-${Math.random().toString(36).substr(2, 9)}`;
+						this._colorTextInput && (this._colorTextInput.id = t), e.setAttribute("for", t);
+					}
+					a ? e.classList.add("is-disabled") : e.classList.remove("is-disabled");
+				} else e && e.remove();
+				let n = t.querySelector(".mint-input-info");
+				m ? (n || (n = document.createElement("span"), n.className = "mint-input-info", t.appendChild(n)), n.textContent = m, a ? n.classList.add("is-disabled") : n.classList.remove("is-disabled")) : n && n.remove();
+			} else t && t.remove();
+			return;
+		}
+		if (this._wrapper || (this._wrapper = document.createElement("div"), this._wrapper.className = "mint-input-wrapper", this.appendChild(this._wrapper)), this._colorContainer && (this._colorContainer.remove(), this._colorContainer = null, this._colorPicker = null, this._colorTextInput = null), this._colorPickerWrapper && !r && (this._colorPickerWrapper.remove(), this._colorPickerWrapper = null, this._colorPicker = null, this._colorTextInput = null), f && !t ? this._icon ? this._icon.setAttribute("name", f) : (this._icon = document.createElement("mint-icon"), this._icon.setAttribute("name", f), this._icon.className = "mint-input-icon", this._wrapper.appendChild(this._icon)) : this._icon &&= (this._icon.remove(), null), this._syncSlotAdornments(t, !!f), this._isNumber() && !t) {
+			if (!this._numberSpinnerContainer) {
+				this._numberSpinnerContainer = document.createElement("div"), this._numberSpinnerContainer.className = "mint-input-spinner", this._wrapper.appendChild(this._numberSpinnerContainer), this._numberIncrementButton = document.createElement("button"), this._numberIncrementButton.type = "button", this._numberIncrementButton.className = "mint-input-spinner-button";
+				let e = document.createElement("mint-icon");
+				e.setAttribute("name", "caret-up"), e.className = "mint-input-spinner-icon", this._numberIncrementButton.appendChild(e), this._numberSpinnerContainer.appendChild(this._numberIncrementButton), this._numberDecrementButton = document.createElement("button"), this._numberDecrementButton.type = "button", this._numberDecrementButton.className = "mint-input-spinner-button";
+				let t = document.createElement("mint-icon");
+				t.setAttribute("name", "caret-down"), t.className = "mint-input-spinner-icon", this._numberDecrementButton.appendChild(t), this._numberSpinnerContainer.appendChild(this._numberDecrementButton), this._numberIncrementButton.addEventListener("click", (e) => {
+					if (e.preventDefault(), e.stopPropagation(), this._input && !this._input.disabled && !this._input.readOnly) {
+						let e = parseFloat(this._input.value) || 0, t = parseFloat(this._input.step) || 1, n = this._input.min ? parseFloat(this._input.min) : void 0, r = this._input.max ? parseFloat(this._input.max) : void 0, i = e + t;
+						r !== void 0 && i > r && (i = r), n !== void 0 && i < n && (i = n), this._input.value = i.toString(), this.setAttribute("value", i.toString()), this._input.dispatchEvent(new Event("input", { bubbles: !0 })), this._input.dispatchEvent(new Event("change", { bubbles: !0 }));
+					}
+				}), this._numberDecrementButton.addEventListener("click", (e) => {
+					if (e.preventDefault(), e.stopPropagation(), this._input && !this._input.disabled && !this._input.readOnly) {
+						let e = parseFloat(this._input.value) || 0, t = parseFloat(this._input.step) || 1, n = this._input.min ? parseFloat(this._input.min) : void 0, r = this._input.max ? parseFloat(this._input.max) : void 0, i = e - t;
+						n !== void 0 && i < n && (i = n), r !== void 0 && i > r && (i = r), this._input.value = i.toString(), this.setAttribute("value", i.toString()), this._input.dispatchEvent(new Event("input", { bubbles: !0 })), this._input.dispatchEvent(new Event("change", { bubbles: !0 }));
+					}
+				});
+			}
+			this._numberIncrementButton && (this._numberIncrementButton.disabled = a || o), this._numberDecrementButton && (this._numberDecrementButton.disabled = a || o);
+		} else this._numberSpinnerContainer && (this._numberSpinnerContainer.remove(), this._numberSpinnerContainer = null, this._numberIncrementButton = null, this._numberDecrementButton = null);
+		if (t) {
+			if (this._input &&= (this._input.remove(), null), this._textarea || (this._textarea = document.createElement("textarea"), this._element = this._textarea, this._wrapper.appendChild(this._textarea), this.setupEventListeners()), this._element = this._textarea, this._textarea.placeholder = i, this._textarea.disabled = a, this._textarea.readOnly = o, this._textarea.required = s, this._textarea.rows = d, this._textarea.setAttribute("aria-invalid", this.hasError() ? "true" : "false"), u !== this._textarea.value && (this._textarea.value = u), c ? this._textarea.id = c : this._textarea.removeAttribute("id"), l ? this._textarea.name = l : this._textarea.removeAttribute("name"), this._textarea.className = this.getInputClasses(), this.firstChild && this.firstChild !== this._wrapper && this.firstChild.nodeType === Node.TEXT_NODE) {
+				let e = this.firstChild.textContent;
+				e && !this._textarea.value && (this._textarea.value = e.trim()), this.removeChild(this.firstChild);
+			}
+		} else if (this._textarea &&= (this._textarea.remove(), null), this._input || (this._input = document.createElement("input"), this._element = this._input, this._wrapper.appendChild(this._input), this.setupEventListeners()), this._element = this._input, this._input.type = e, this._input.placeholder = i, this._input.disabled = a, this._input.readOnly = o, this._input.required = s, this._input.setAttribute("aria-invalid", this.hasError() ? "true" : "false"), n ? (this._input.inputMode = "decimal", this._input.pattern = "[0-9]*\\.?[0-9]*") : (this._input.removeAttribute("inputmode"), this._input.removeAttribute("pattern")), u !== this._input.value && (this._input.value = u), c ? this._input.id = c : this._input.removeAttribute("id"), l ? this._input.name = l : this._input.removeAttribute("name"), this._input.className = this.getInputClasses(), this.firstChild && this.firstChild !== this._wrapper && this.firstChild.nodeType === Node.TEXT_NODE) {
+			let e = this.firstChild.textContent;
+			e && !this._input.value && (this._input.value = e.trim()), this.removeChild(this.firstChild);
+		}
+		let g = this.querySelector(".mint-input-label-container");
+		if (p || m) {
+			g || (g = document.createElement("div"), g.className = "mint-input-label-container", this._wrapper && this._wrapper.parentElement === this ? this.insertBefore(g, this._wrapper) : this.insertBefore(g, this.firstChild));
+			let e = g.querySelector(".mint-input-label");
+			if (p) {
+				e || (e = document.createElement("label"), e.className = "mint-input-label", g.insertBefore(e, g.firstChild)), e.textContent = p;
+				let t = c || this._element?.id || this._colorTextInput?.id || this._input?.id || this._textarea?.id;
+				if (t) e.setAttribute("for", t);
+				else {
+					let t = `mint-input-${Math.random().toString(36).substr(2, 9)}`;
+					this._element ? this._element.id = t : this._colorTextInput ? this._colorTextInput.id = t : this._input ? this._input.id = t : this._textarea && (this._textarea.id = t), e.setAttribute("for", t);
+				}
+				a ? e.classList.add("is-disabled") : e.classList.remove("is-disabled");
+			} else e && e.remove();
+			let t = g.querySelector(".mint-input-info");
+			m ? (t || (t = document.createElement("span"), t.className = "mint-input-info", g.appendChild(t)), t.textContent = m, a ? t.classList.add("is-disabled") : t.classList.remove("is-disabled")) : t && t.remove();
+		} else g && g.remove();
+		this._syncSlotAdornments(t, !!f), this._renderErrorState(), this._syncControlAccessibility(), this._renderSkeleton(h);
+	}
+	_renderErrorState() {
+		let e = this.hasError(), t = this.getErrorMessage(), n = this.querySelector(".mint-input-error");
+		e && t ? (n || (n = document.createElement("div"), n.className = "mint-input-error", this.appendChild(n)), n.textContent = t) : n && n.remove();
+	}
+	_syncControlAccessibility() {
+		let e = this._element;
+		if (!e) return;
+		this._a11yId ||= this.getId() || `mint-input-${Math.random().toString(36).slice(2, 10)}`;
+		let t = this.getAttribute("aria-label")?.trim(), n = !!this.querySelector(".mint-input-label");
+		t ? e.setAttribute("aria-label", t) : !n && this.getAttribute("placeholder")?.trim() ? e.setAttribute("aria-label", this.getAttribute("placeholder").trim()) : e.removeAttribute("aria-label");
+		let r = this.querySelector(".mint-input-info"), i = this.querySelector(".mint-input-error"), a = (this.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean);
+		r && (r.id = `${this._a11yId}-info`, a.push(r.id)), i && (i.id = `${this._a11yId}-error`, a.push(i.id)), e.setAttribute("aria-invalid", String(this.hasError())), a.length ? e.setAttribute("aria-describedby", Array.from(new Set(a)).join(" ")) : e.removeAttribute("aria-describedby");
+		let o = this.getAttribute("aria-labelledby")?.trim();
+		o ? e.setAttribute("aria-labelledby", o) : e.removeAttribute("aria-labelledby");
+	}
+	setupEventListeners() {
+		this._element && (this._element.addEventListener("input", () => {
+			let e = this._element?.value || "";
+			e ? this.setAttribute("value", e) : this.removeAttribute("value");
+			let t = new Event("input", {
+				bubbles: !0,
+				cancelable: !0,
+				composed: !0
+			});
+			this.dispatchEvent(t), this.dispatchEvent(new CustomEvent("input", {
+				detail: { value: e },
+				bubbles: !0,
+				cancelable: !0,
+				composed: !0
+			}));
+		}), this._element.addEventListener("blur", () => {
+			let e = this._element?.value || "";
+			e ? this.setAttribute("value", e) : this.removeAttribute("value"), this.dispatchEvent(new CustomEvent("change", {
+				detail: { value: e },
+				bubbles: !0,
+				cancelable: !0
+			}));
+		}));
+	}
+	removeEventListeners() {
+		this._colorPicker && (this._focusHandler &&= (this._colorPicker.removeEventListener("focus", this._focusHandler), null), this._blurHandler &&= (this._colorPicker.removeEventListener("blur", this._blurHandler), null));
+	}
+	focus() {
+		this._isColor() && this._colorTextInput ? this._colorTextInput.focus() : this._element?.focus();
+	}
+	blur() {
+		this._isColor() && this._colorTextInput ? this._colorTextInput.blur() : this._element?.blur();
+	}
+	_renderSkeleton(e) {
+		this.classList.toggle("is-loading", e);
+		let t = this.querySelector(".mint-input-skeleton-container"), n = this._wrapper || this.querySelector(".mint-input-wrapper");
+		if (e) {
+			t || (t = document.createElement("div"), t.className = "mint-input-skeleton-container", n ? (n.classList.add("mint-input-positioned"), n.appendChild(t)) : (this.classList.add("mint-input-positioned"), this.appendChild(t)));
+			let e = t.querySelector(".mint-input-skeleton");
+			e || (e = document.createElement("div"), e.className = "mint-input-skeleton", t.appendChild(e)), e.parentElement || t.appendChild(e);
+		}
+	}
+};
+customElements.get("mint-input") || e("mint-input", t);
+//#endregion
+export { t };

package/dist/components/chunks/input-BoiREc6Y.js

@@ -0,0 +1 @@
+require(`./icon-dG8sLTBn.js`);const e=require(`./register-element-tCL_F1YI.js`);require(`./icon-CyzR9aVl.js`),require(`./caret-up-3XCuTXSE.js`),require(`./caret-down-BN9cl4o4.js`);var t=class extends HTMLElement{static get observedAttributes(){return[`type`,`placeholder`,`value`,`disabled`,`id`,`name`,`required`,`readonly`,`rows`,`icon`,`label`,`info`,`error`,`error-message`,`loading`,`aria-label`,`aria-labelledby`,`aria-describedby`]}constructor(){super(),this._input=null,this._textarea=null,this._element=null,this._wrapper=null,this._icon=null,this._prependSlotContainer=null,this._appendSlotContainer=null,this._colorPicker=null,this._colorTextInput=null,this._colorContainer=null,this._colorPickerWrapper=null,this._numberSpinnerContainer=null,this._numberIncrementButton=null,this._numberDecrementButton=null,this._contentObserver=null,this._focusHandler=null,this._a11yId=``,this._blurHandler=null,this._clickHandler=null,this._clickOutsideHandler=null,this._renderFrame=null}connectedCallback(){this.classList.add(`mint-input-host`),this.render(),this._observeContentMutations()}disconnectedCallback(){this.removeEventListeners(),this._contentObserver&&=(this._contentObserver.disconnect(),null),this._renderFrame!==null&&(cancelAnimationFrame(this._renderFrame),this._renderFrame=null)}attributeChangedCallback(e,t,n){if(t!==n){if(e===`error`||e===`error-message`){this._renderErrorState(),this._syncControlAccessibility(),this._element&&(this._element.className=this.getInputClasses()),this._colorTextInput&&(this._colorTextInput.className=this.getInputClasses());return}if(e===`loading`){this.render();return}this.render()}}_scheduleRender(){this._renderFrame===null&&(this._renderFrame=requestAnimationFrame(()=>{this._renderFrame=null,this.render()}))}_observeContentMutations(){this._contentObserver||=new MutationObserver(()=>{this._scheduleRender()}),this._contentObserver.disconnect(),this._contentObserver.observe(this,{childList:!0,attributes:!0,attributeFilter:[`slot`]})}getType(){return this.getAttribute(`type`)||`text`}getRows(){let e=this.getAttribute(`rows`);return e?parseInt(e,10):3}_getNormalizedType(){let e=this.getType();return e===`datetime`?`datetime-local`:e===`money`?`text`:e===`textarea`?`textarea`:e}_isTextarea(){return this.getType()===`textarea`}_isMoney(){return this.getType()===`money`}_isColor(){return this.getType()===`color`}_isNumber(){return this.getType()===`number`}getPlaceholder(){return this.getAttribute(`placeholder`)||``}getValue(){return this._isColor()?this._colorTextInput?this._colorTextInput.value:this._colorPicker?this._colorPicker.value:this.getAttribute(`value`)||`#000000`:this._element?this._element.value:this.getAttribute(`value`)||``}set value(e){try{this._isColor()?(this._colorPicker&&(this._colorPicker.value=e||`#000000`),this._colorTextInput&&(this._colorTextInput.value=e||`#000000`)):this._element&&(this._element.value=e),e?this.setAttribute(`value`,e):this.removeAttribute(`value`)}catch{}}get value(){try{return this.getValue()||``}catch{return``}}isDisabled(){return this.getAttribute(`disabled`)===`true`}isReadonly(){return this.getAttribute(`readonly`)===`true`}isRequired(){return this.getAttribute(`required`)===`true`}hasError(){return this.getAttribute(`error`)===`true`}getErrorMessage(){return this.getAttribute(`error-message`)||``}getId(){return this.getAttribute(`id`)||``}getName(){return this.getAttribute(`name`)||``}getIcon(){return this.getAttribute(`icon`)||``}getLabel(){return this.getAttribute(`label`)||``}getInfo(){return this.getAttribute(`info`)||``}getInputClasses(){let e=this._isTextarea(),t=!!this.getIcon(),n=this.querySelector(`[slot="prepend"]`)!==null,r=this.querySelector(`[slot="append"]`)!==null,i=this._isColor(),a=this._isNumber(),o=this.hasError();return[`mint-input-control`,e&&`is-textarea`,t&&`has-icon`,i&&`is-color`,n&&`has-prepend`,r&&`has-append`,a&&`is-number`,o&&`has-error`].filter(Boolean).join(` `)}_syncSlotAdornments(e,t){if(!this._wrapper||e||this._isColor()){this._prependSlotContainer&&=(this._prependSlotContainer.remove(),null),this._appendSlotContainer&&=(this._appendSlotContainer.remove(),null);return}this._prependSlotContainer||(this._prependSlotContainer=document.createElement(`div`),this._prependSlotContainer.className=`mint-input-adornment mint-input-prepend-slot`,this._wrapper.appendChild(this._prependSlotContainer)),this._appendSlotContainer||(this._appendSlotContainer=document.createElement(`div`),this._appendSlotContainer.className=`mint-input-adornment mint-input-append-slot`,this._wrapper.appendChild(this._appendSlotContainer)),this._prependSlotContainer.classList.toggle(`has-icon-offset`,t);let n=Array.from(this.querySelectorAll(`[slot="prepend"]`)),r=Array.from(this.querySelectorAll(`[slot="append"]`));this._prependSlotContainer.replaceChildren(),this._appendSlotContainer.replaceChildren(),n.forEach(e=>this._prependSlotContainer.appendChild(e)),r.forEach(e=>this._appendSlotContainer.appendChild(e)),this._prependSlotContainer.classList.toggle(`is-hidden`,n.length===0),this._appendSlotContainer.classList.toggle(`is-hidden`,r.length===0)}isLoading(){return this.getAttribute(`loading`)===`true`}render(){this.getType();let e=this._getNormalizedType(),t=this._isTextarea(),n=this._isMoney(),r=this._isColor(),i=this.getPlaceholder(),a=this.isDisabled(),o=this.isReadonly(),s=this.isRequired(),c=this.getId(),l=this.getName(),u=this.getAttribute(`value`)||(r?`#000000`:``),d=this.getRows(),f=this.getIcon(),p=this.getLabel(),m=this.getInfo(),h=this.isLoading();if(r&&this._renderSkeleton(h),r){this._input&&=(this._input.remove(),null),this._textarea&&=(this._textarea.remove(),null),this._wrapper||(this._wrapper=document.createElement(`div`),this._wrapper.className=`mint-input-wrapper`,this.appendChild(this._wrapper)),this._colorContainer&&=(this._colorContainer.remove(),null),this._colorPickerWrapper&&!r&&(this._colorPickerWrapper.remove(),this._colorPickerWrapper=null),this._colorPickerWrapper||(this._colorPickerWrapper=document.createElement(`div`),this._colorPickerWrapper.className=`mint-color-picker-wrapper`,this._wrapper.appendChild(this._colorPickerWrapper),this._colorPicker=document.createElement(`input`),this._colorPicker.type=`color`,this._colorPicker.className=`mint-color-picker`,this._colorPickerWrapper.appendChild(this._colorPicker),this._focusHandler=e=>{this._colorPickerWrapper&&this._colorPicker&&this._colorPicker.matches(`:focus-visible`)&&requestAnimationFrame(()=>{this._colorPicker&&this._colorPicker.matches(`:focus-visible`)&&this._colorPickerWrapper?.classList.add(`is-focused`)})},this._blurHandler=()=>{this._colorPickerWrapper&&this._colorPickerWrapper.classList.remove(`is-focused`)},this._colorPicker.addEventListener(`focus`,this._focusHandler),this._colorPicker.addEventListener(`blur`,this._blurHandler),this._colorPicker.addEventListener(`input`,()=>{let e=this._colorPicker?.value||`#000000`;this._colorTextInput&&(this._colorTextInput.value=e),this.setAttribute(`value`,e),this.dispatchEvent(new CustomEvent(`input`,{detail:{value:e},bubbles:!0,cancelable:!0}))}),this._colorPicker.addEventListener(`change`,()=>{let e=this._colorPicker?.value||`#000000`;this.setAttribute(`value`,e),this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,cancelable:!0}))})),this._colorTextInput||(this._colorTextInput=document.createElement(`input`),this._colorTextInput.type=`text`,this._colorTextInput.className=this.getInputClasses(),this._colorTextInput.placeholder=i||`#000000`,this._colorTextInput.pattern=`^#[0-9A-Fa-f]{6}$`,this._wrapper.appendChild(this._colorTextInput),this._colorTextInput.addEventListener(`input`,()=>{let e=this._colorTextInput?.value||``;/^#[0-9A-Fa-f]{6}$/.test(e)&&(this._colorPicker&&(this._colorPicker.value=e),this.setAttribute(`value`,e),this.dispatchEvent(new CustomEvent(`input`,{detail:{value:e},bubbles:!0,cancelable:!0})))}),this._colorTextInput.addEventListener(`blur`,()=>{let e=this._colorTextInput?.value||``;/^#[0-9A-Fa-f]{6}$/.test(e)?(this._colorPicker&&(this._colorPicker.value=e),this.setAttribute(`value`,e)):this._colorPicker&&this._colorTextInput&&(this._colorTextInput.value=this._colorPicker.value),this.dispatchEvent(new CustomEvent(`change`,{detail:{value:this._colorPicker?.value||`#000000`},bubbles:!0,cancelable:!0}))}));let e=u||`#000000`;if(this._colorPicker&&this._colorPicker.value!==e&&(this._colorPicker.value=e),this._colorTextInput&&this._colorTextInput.value!==e&&(this._colorTextInput.value=e),this._colorPicker&&(this._colorPicker.disabled=a),this._colorPickerWrapper&&(a?this._colorPickerWrapper.classList.add(`is-disabled`):this._colorPickerWrapper.classList.remove(`is-disabled`)),this._colorTextInput&&(this._colorTextInput.disabled=a,this._colorTextInput.readOnly=o,this._colorTextInput.required=s),this._colorTextInput){let e=this._colorTextInput;c?e.id=c:e.removeAttribute(`id`),l?e.name=l:e.removeAttribute(`name`),e.setAttribute(`aria-invalid`,this.hasError()?`true`:`false`),this._element=e}this._renderErrorState();let t=this.querySelector(`.mint-input-label-container`);if(p||m){t||(t=document.createElement(`div`),t.className=`mint-input-label-container`,this._wrapper&&this._wrapper.parentElement===this?this.insertBefore(t,this._wrapper):this.insertBefore(t,this.firstChild));let e=t.querySelector(`.mint-input-label`);if(p){e||(e=document.createElement(`label`),e.className=`mint-input-label`,t.insertBefore(e,t.firstChild)),e.textContent=p;let n=c||this._colorTextInput?.id;if(n)e.setAttribute(`for`,n);else{let t=`mint-input-${Math.random().toString(36).substr(2,9)}`;this._colorTextInput&&(this._colorTextInput.id=t),e.setAttribute(`for`,t)}a?e.classList.add(`is-disabled`):e.classList.remove(`is-disabled`)}else e&&e.remove();let n=t.querySelector(`.mint-input-info`);m?(n||(n=document.createElement(`span`),n.className=`mint-input-info`,t.appendChild(n)),n.textContent=m,a?n.classList.add(`is-disabled`):n.classList.remove(`is-disabled`)):n&&n.remove()}else t&&t.remove();return}if(this._wrapper||(this._wrapper=document.createElement(`div`),this._wrapper.className=`mint-input-wrapper`,this.appendChild(this._wrapper)),this._colorContainer&&(this._colorContainer.remove(),this._colorContainer=null,this._colorPicker=null,this._colorTextInput=null),this._colorPickerWrapper&&!r&&(this._colorPickerWrapper.remove(),this._colorPickerWrapper=null,this._colorPicker=null,this._colorTextInput=null),f&&!t?this._icon?this._icon.setAttribute(`name`,f):(this._icon=document.createElement(`mint-icon`),this._icon.setAttribute(`name`,f),this._icon.className=`mint-input-icon`,this._wrapper.appendChild(this._icon)):this._icon&&=(this._icon.remove(),null),this._syncSlotAdornments(t,!!f),this._isNumber()&&!t){if(!this._numberSpinnerContainer){this._numberSpinnerContainer=document.createElement(`div`),this._numberSpinnerContainer.className=`mint-input-spinner`,this._wrapper.appendChild(this._numberSpinnerContainer),this._numberIncrementButton=document.createElement(`button`),this._numberIncrementButton.type=`button`,this._numberIncrementButton.className=`mint-input-spinner-button`;let e=document.createElement(`mint-icon`);e.setAttribute(`name`,`caret-up`),e.className=`mint-input-spinner-icon`,this._numberIncrementButton.appendChild(e),this._numberSpinnerContainer.appendChild(this._numberIncrementButton),this._numberDecrementButton=document.createElement(`button`),this._numberDecrementButton.type=`button`,this._numberDecrementButton.className=`mint-input-spinner-button`;let t=document.createElement(`mint-icon`);t.setAttribute(`name`,`caret-down`),t.className=`mint-input-spinner-icon`,this._numberDecrementButton.appendChild(t),this._numberSpinnerContainer.appendChild(this._numberDecrementButton),this._numberIncrementButton.addEventListener(`click`,e=>{if(e.preventDefault(),e.stopPropagation(),this._input&&!this._input.disabled&&!this._input.readOnly){let e=parseFloat(this._input.value)||0,t=parseFloat(this._input.step)||1,n=this._input.min?parseFloat(this._input.min):void 0,r=this._input.max?parseFloat(this._input.max):void 0,i=e+t;r!==void 0&&i>r&&(i=r),n!==void 0&&i<n&&(i=n),this._input.value=i.toString(),this.setAttribute(`value`,i.toString()),this._input.dispatchEvent(new Event(`input`,{bubbles:!0})),this._input.dispatchEvent(new Event(`change`,{bubbles:!0}))}}),this._numberDecrementButton.addEventListener(`click`,e=>{if(e.preventDefault(),e.stopPropagation(),this._input&&!this._input.disabled&&!this._input.readOnly){let e=parseFloat(this._input.value)||0,t=parseFloat(this._input.step)||1,n=this._input.min?parseFloat(this._input.min):void 0,r=this._input.max?parseFloat(this._input.max):void 0,i=e-t;n!==void 0&&i<n&&(i=n),r!==void 0&&i>r&&(i=r),this._input.value=i.toString(),this.setAttribute(`value`,i.toString()),this._input.dispatchEvent(new Event(`input`,{bubbles:!0})),this._input.dispatchEvent(new Event(`change`,{bubbles:!0}))}})}this._numberIncrementButton&&(this._numberIncrementButton.disabled=a||o),this._numberDecrementButton&&(this._numberDecrementButton.disabled=a||o)}else this._numberSpinnerContainer&&(this._numberSpinnerContainer.remove(),this._numberSpinnerContainer=null,this._numberIncrementButton=null,this._numberDecrementButton=null);if(t){if(this._input&&=(this._input.remove(),null),this._textarea||(this._textarea=document.createElement(`textarea`),this._element=this._textarea,this._wrapper.appendChild(this._textarea),this.setupEventListeners()),this._element=this._textarea,this._textarea.placeholder=i,this._textarea.disabled=a,this._textarea.readOnly=o,this._textarea.required=s,this._textarea.rows=d,this._textarea.setAttribute(`aria-invalid`,this.hasError()?`true`:`false`),u!==this._textarea.value&&(this._textarea.value=u),c?this._textarea.id=c:this._textarea.removeAttribute(`id`),l?this._textarea.name=l:this._textarea.removeAttribute(`name`),this._textarea.className=this.getInputClasses(),this.firstChild&&this.firstChild!==this._wrapper&&this.firstChild.nodeType===Node.TEXT_NODE){let e=this.firstChild.textContent;e&&!this._textarea.value&&(this._textarea.value=e.trim()),this.removeChild(this.firstChild)}}else if(this._textarea&&=(this._textarea.remove(),null),this._input||(this._input=document.createElement(`input`),this._element=this._input,this._wrapper.appendChild(this._input),this.setupEventListeners()),this._element=this._input,this._input.type=e,this._input.placeholder=i,this._input.disabled=a,this._input.readOnly=o,this._input.required=s,this._input.setAttribute(`aria-invalid`,this.hasError()?`true`:`false`),n?(this._input.inputMode=`decimal`,this._input.pattern=`[0-9]*\\.?[0-9]*`):(this._input.removeAttribute(`inputmode`),this._input.removeAttribute(`pattern`)),u!==this._input.value&&(this._input.value=u),c?this._input.id=c:this._input.removeAttribute(`id`),l?this._input.name=l:this._input.removeAttribute(`name`),this._input.className=this.getInputClasses(),this.firstChild&&this.firstChild!==this._wrapper&&this.firstChild.nodeType===Node.TEXT_NODE){let e=this.firstChild.textContent;e&&!this._input.value&&(this._input.value=e.trim()),this.removeChild(this.firstChild)}let g=this.querySelector(`.mint-input-label-container`);if(p||m){g||(g=document.createElement(`div`),g.className=`mint-input-label-container`,this._wrapper&&this._wrapper.parentElement===this?this.insertBefore(g,this._wrapper):this.insertBefore(g,this.firstChild));let e=g.querySelector(`.mint-input-label`);if(p){e||(e=document.createElement(`label`),e.className=`mint-input-label`,g.insertBefore(e,g.firstChild)),e.textContent=p;let t=c||this._element?.id||this._colorTextInput?.id||this._input?.id||this._textarea?.id;if(t)e.setAttribute(`for`,t);else{let t=`mint-input-${Math.random().toString(36).substr(2,9)}`;this._element?this._element.id=t:this._colorTextInput?this._colorTextInput.id=t:this._input?this._input.id=t:this._textarea&&(this._textarea.id=t),e.setAttribute(`for`,t)}a?e.classList.add(`is-disabled`):e.classList.remove(`is-disabled`)}else e&&e.remove();let t=g.querySelector(`.mint-input-info`);m?(t||(t=document.createElement(`span`),t.className=`mint-input-info`,g.appendChild(t)),t.textContent=m,a?t.classList.add(`is-disabled`):t.classList.remove(`is-disabled`)):t&&t.remove()}else g&&g.remove();this._syncSlotAdornments(t,!!f),this._renderErrorState(),this._syncControlAccessibility(),this._renderSkeleton(h)}_renderErrorState(){let e=this.hasError(),t=this.getErrorMessage(),n=this.querySelector(`.mint-input-error`);e&&t?(n||(n=document.createElement(`div`),n.className=`mint-input-error`,this.appendChild(n)),n.textContent=t):n&&n.remove()}_syncControlAccessibility(){let e=this._element;if(!e)return;this._a11yId||=this.getId()||`mint-input-${Math.random().toString(36).slice(2,10)}`;let t=this.getAttribute(`aria-label`)?.trim(),n=!!this.querySelector(`.mint-input-label`);t?e.setAttribute(`aria-label`,t):!n&&this.getAttribute(`placeholder`)?.trim()?e.setAttribute(`aria-label`,this.getAttribute(`placeholder`).trim()):e.removeAttribute(`aria-label`);let r=this.querySelector(`.mint-input-info`),i=this.querySelector(`.mint-input-error`),a=(this.getAttribute(`aria-describedby`)||``).split(/\s+/).filter(Boolean);r&&(r.id=`${this._a11yId}-info`,a.push(r.id)),i&&(i.id=`${this._a11yId}-error`,a.push(i.id)),e.setAttribute(`aria-invalid`,String(this.hasError())),a.length?e.setAttribute(`aria-describedby`,Array.from(new Set(a)).join(` `)):e.removeAttribute(`aria-describedby`);let o=this.getAttribute(`aria-labelledby`)?.trim();o?e.setAttribute(`aria-labelledby`,o):e.removeAttribute(`aria-labelledby`)}setupEventListeners(){this._element&&(this._element.addEventListener(`input`,()=>{let e=this._element?.value||``;e?this.setAttribute(`value`,e):this.removeAttribute(`value`);let t=new Event(`input`,{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(t),this.dispatchEvent(new CustomEvent(`input`,{detail:{value:e},bubbles:!0,cancelable:!0,composed:!0}))}),this._element.addEventListener(`blur`,()=>{let e=this._element?.value||``;e?this.setAttribute(`value`,e):this.removeAttribute(`value`),this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,cancelable:!0}))}))}removeEventListeners(){this._colorPicker&&(this._focusHandler&&=(this._colorPicker.removeEventListener(`focus`,this._focusHandler),null),this._blurHandler&&=(this._colorPicker.removeEventListener(`blur`,this._blurHandler),null))}focus(){this._isColor()&&this._colorTextInput?this._colorTextInput.focus():this._element?.focus()}blur(){this._isColor()&&this._colorTextInput?this._colorTextInput.blur():this._element?.blur()}_renderSkeleton(e){this.classList.toggle(`is-loading`,e);let t=this.querySelector(`.mint-input-skeleton-container`),n=this._wrapper||this.querySelector(`.mint-input-wrapper`);if(e){t||(t=document.createElement(`div`),t.className=`mint-input-skeleton-container`,n?(n.classList.add(`mint-input-positioned`),n.appendChild(t)):(this.classList.add(`mint-input-positioned`),this.appendChild(t)));let e=t.querySelector(`.mint-input-skeleton`);e||(e=document.createElement(`div`),e.className=`mint-input-skeleton`,t.appendChild(e)),e.parentElement||t.appendChild(e)}}};customElements.get(`mint-input`)||e.t(`mint-input`,t),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/components/chunks/link-BxhPnVaz.js

@@ -0,0 +1 @@
+const e=require(`./register-element-tCL_F1YI.js`);var t=class extends HTMLElement{static get observedAttributes(){return[`href`,`target`]}constructor(){super(),this._link=null}connectedCallback(){this.render()}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=[`mint-link-anchor`,this.hasIcon()?`mint-link-with-icon`:``];this._link.className=n.filter(Boolean).join(` `)}};typeof customElements<`u`&&!customElements.get(`mint-link`)&&e.t(`mint-link`,t),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/components/chunks/link-DKgtBYK6.js

@@ -0,0 +1,38 @@
+import { t as e } from "./register-element-BFYmIynH.js";
+//#region src/components/link/Link.js
+var t = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["href", "target"];
+	}
+	constructor() {
+		super(), this._link = null;
+	}
+	connectedCallback() {
+		this.render();
+	}
+	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 = ["mint-link-anchor", this.hasIcon() ? "mint-link-with-icon" : ""];
+		this._link.className = n.filter(Boolean).join(" ");
+	}
+};
+typeof customElements < "u" && !customElements.get("mint-link") && e("mint-link", t);
+//#endregion
+export { t };

package/dist/components/chunks/modal-B8gNdwEl.js

@@ -0,0 +1,153 @@
+import "./icon-gQAtsERy.js";
+import { t as e } from "./register-element-BFYmIynH.js";
+import "./text-BHkEs8U5.js";
+import "./button-B0Yt0MX1.js";
+import "./stack-DyQfjPDh.js";
+//#region src/components/modal/Modal.js
+var t = 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._triggerElement = null, this._triggerPoint = null, this._renderedOpen = !1, this._lastPointerPoint = null, this._pointerDownHandler = null, this._darkModeObserver = null, this._exitTimer = null, this._backdropTimer = null;
+	}
+	connectedCallback() {
+		this.isOpen() || this.classList.add("mint-hidden"), this.render(), this._observeDarkMode(), this._pointerDownHandler = (e) => {
+			this._lastPointerPoint = {
+				x: e.clientX,
+				y: e.clientY,
+				target: e.target,
+				time: Date.now()
+			};
+		}, document.addEventListener("pointerdown", this._pointerDownHandler, !0);
+	}
+	disconnectedCallback() {
+		this._pointerDownHandler &&= (document.removeEventListener("pointerdown", this._pointerDownHandler, !0), null), this._exitTimer &&= (clearTimeout(this._exitTimer), null), this._backdropTimer &&= (clearTimeout(this._backdropTimer), null), this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (e === "open" && n !== null && !this._triggerElement && (this._triggerElement = this._findTriggerElement(), this._triggerPoint = this._findTriggerPoint(this._triggerElement)), this.render());
+	}
+	getId() {
+		return this.getAttribute("id") || "";
+	}
+	getHeading() {
+		return this.getAttribute("heading") || "";
+	}
+	isOpen() {
+		return this.hasAttribute("open");
+	}
+	open(e) {
+		this._triggerElement = this._findTriggerElement(e), this._triggerPoint = this._findTriggerPoint(this._triggerElement), 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 = "mint-modal-overlay", this._overlay.addEventListener("click", () => this.close()), this.appendChild(this._overlay)), this._modal || (this._modal = document.createElement("div"), this._modal.className = "mint-modal-shell", this.appendChild(this._modal)), n) {
+			let e = this._modal.querySelector(".modal-content");
+			e || (e = document.createElement("div"), e.className = "modal-content", this._modal.appendChild(e)), this._renderedOpen || (this._renderedOpen = !0, this._animateEnter());
+		} else this._renderedOpen && (this._renderedOpen = !1, this._animateExit());
+		let r = this._modal.querySelector(".modal-content");
+		r || (r = document.createElement("div"), r.className = "modal-content", this._modal.appendChild(r)), this._header || (this._header = document.createElement("div"), this._header.className = "mint-modal-header", r.appendChild(this._header)), this._headingSlot || (this._headingSlot = document.createElement("div"), this._headingSlot.className = "mint-modal-heading", 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 = "mint-modal-body", 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 = "mint-modal-actions", 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 = "mint-actions-stack", 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;
+		document.documentElement?.classList.contains("dark") || document.documentElement?.dataset.mintTheme;
+		let e = this._modal.querySelector(".modal-content");
+		e && (e.style.background = "var(--mint-color-surface-raised)");
+	}
+	_observeDarkMode() {
+		if (!this._darkModeObserver) {
+			if (this._darkModeObserver = new MutationObserver(() => {
+				this._updateBackgroundColor();
+			}), !document.documentElement) return;
+			this._darkModeObserver.observe(document.documentElement, {
+				attributes: !0,
+				attributeFilter: ["class", "data-mint-theme"]
+			});
+		}
+	}
+	_animateEnter() {
+		let e = this._modal?.querySelector(".modal-content");
+		e && (this._exitTimer &&= (clearTimeout(this._exitTimer), null), this._backdropTimer &&= (clearTimeout(this._backdropTimer), null), this.classList.remove("mint-modal-closing"), this.classList.remove("mint-modal-open"), this.classList.add("mint-modal-open"), this.classList.remove("mint-hidden"), e.style.transform = "none", e.style.opacity = "0", e.style.transition = "none", requestAnimationFrame(() => {
+			if (!this.isOpen()) return;
+			let t = window.getComputedStyle(e).borderRadius;
+			this._setTransformOrigin(e), e.style.borderRadius = "50%", e.style.transform = "scale(0.1, 0.2)", e.style.opacity = "0.9", e.getBoundingClientRect(), e.style.transition = "opacity 320ms ease-out, transform 360ms cubic-bezier(0.2, 0.8, 0.2, 1), border-radius 360ms cubic-bezier(0.2, 0.8, 0.2, 1)", requestAnimationFrame(() => {
+				this.isOpen() && (e.style.transform = "scale(1)", e.style.opacity = "1", e.style.borderRadius = t);
+			});
+		}));
+	}
+	_findTriggerElement(e) {
+		if (typeof e == "string") {
+			let t = document.getElementById(e);
+			return t && !this.contains(t) ? t : null;
+		}
+		if (e instanceof HTMLElement) return e.isConnected && !this.contains(e) ? e : null;
+		let t = this.getAttribute("trigger-id");
+		if (t) {
+			let e = document.getElementById(t);
+			if (e && !this.contains(e)) return e;
+		}
+		let n = document.activeElement;
+		return n instanceof HTMLElement && n.isConnected && n !== document.body && !this.contains(n) ? n : null;
+	}
+	_findTriggerPoint(e) {
+		if (!e) return null;
+		let t = this._lastPointerPoint;
+		if (!t || Date.now() - t.time > 1e3) return null;
+		let n = t.target instanceof Node ? t.target : null;
+		return n === e || n && e.contains(n) ? {
+			x: t.x,
+			y: t.y
+		} : null;
+	}
+	_setTransformOrigin(e) {
+		let t = this._findTriggerElement(this._triggerElement);
+		this._triggerElement = t;
+		let n = this._findTriggerPoint(t);
+		if (n) {
+			let t = e.getBoundingClientRect();
+			e.style.transformOrigin = `${n.x - t.left}px ${n.y - t.top}px`, this._triggerPoint = n;
+			return;
+		}
+		this._triggerPoint = {
+			x: window.innerWidth / 2,
+			y: 0
+		};
+		let r = e.getBoundingClientRect();
+		e.style.transformOrigin = `${this._triggerPoint.x - r.left}px ${this._triggerPoint.y - r.top}px`;
+	}
+	_animateExit() {
+		this.classList.remove("mint-modal-open"), this._backdropTimer &&= (clearTimeout(this._backdropTimer), null);
+		let e = this._modal?.querySelector(".modal-content");
+		if (!e) {
+			this.classList.add("mint-hidden"), this.classList.remove("mint-modal-closing");
+			return;
+		}
+		this._exitTimer && clearTimeout(this._exitTimer), this.classList.add("mint-modal-closing"), e.style.transition = "opacity 220ms ease-in, transform 260ms cubic-bezier(0.4, 0, 1, 1), border-radius 260ms cubic-bezier(0.4, 0, 1, 1)", e.style.borderRadius = "50%", e.style.transform = "scale(0.1, 0.2)", e.style.opacity = "0.9", this._exitTimer = setTimeout(() => {
+			this._exitTimer = null, !this.isOpen() && (this.classList.add("mint-hidden"), this.classList.remove("mint-modal-closing"), e.style.transform = "", e.style.opacity = "", e.style.borderRadius = "", e.style.transition = "");
+		}, 280);
+	}
+};
+typeof customElements < "u" && !customElements.get("mint-modal") && e("mint-modal", t);
+//#endregion
+export { t };

package/dist/components/chunks/modal-WYWvk2lZ.js

@@ -0,0 +1 @@
+require(`./icon-dG8sLTBn.js`);const e=require(`./register-element-tCL_F1YI.js`);require(`./text-BmHZbBMo.js`),require(`./button-BlbLHMts.js`),require(`./stack-D1uh4L79.js`);var t=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._triggerElement=null,this._triggerPoint=null,this._renderedOpen=!1,this._lastPointerPoint=null,this._pointerDownHandler=null,this._darkModeObserver=null,this._exitTimer=null,this._backdropTimer=null}connectedCallback(){this.isOpen()||this.classList.add(`mint-hidden`),this.render(),this._observeDarkMode(),this._pointerDownHandler=e=>{this._lastPointerPoint={x:e.clientX,y:e.clientY,target:e.target,time:Date.now()}},document.addEventListener(`pointerdown`,this._pointerDownHandler,!0)}disconnectedCallback(){this._pointerDownHandler&&=(document.removeEventListener(`pointerdown`,this._pointerDownHandler,!0),null),this._exitTimer&&=(clearTimeout(this._exitTimer),null),this._backdropTimer&&=(clearTimeout(this._backdropTimer),null),this._darkModeObserver&&=(this._darkModeObserver.disconnect(),null)}attributeChangedCallback(e,t,n){t!==n&&(e===`open`&&n!==null&&!this._triggerElement&&(this._triggerElement=this._findTriggerElement(),this._triggerPoint=this._findTriggerPoint(this._triggerElement)),this.render())}getId(){return this.getAttribute(`id`)||``}getHeading(){return this.getAttribute(`heading`)||``}isOpen(){return this.hasAttribute(`open`)}open(e){this._triggerElement=this._findTriggerElement(e),this._triggerPoint=this._findTriggerPoint(this._triggerElement),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=`mint-modal-overlay`,this._overlay.addEventListener(`click`,()=>this.close()),this.appendChild(this._overlay)),this._modal||(this._modal=document.createElement(`div`),this._modal.className=`mint-modal-shell`,this.appendChild(this._modal)),n){let e=this._modal.querySelector(`.modal-content`);e||(e=document.createElement(`div`),e.className=`modal-content`,this._modal.appendChild(e)),this._renderedOpen||(this._renderedOpen=!0,this._animateEnter())}else this._renderedOpen&&(this._renderedOpen=!1,this._animateExit());let r=this._modal.querySelector(`.modal-content`);r||(r=document.createElement(`div`),r.className=`modal-content`,this._modal.appendChild(r)),this._header||(this._header=document.createElement(`div`),this._header.className=`mint-modal-header`,r.appendChild(this._header)),this._headingSlot||(this._headingSlot=document.createElement(`div`),this._headingSlot.className=`mint-modal-heading`,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=`mint-modal-body`,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=`mint-modal-actions`,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=`mint-actions-stack`,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;document.documentElement?.classList.contains(`dark`)||document.documentElement?.dataset.mintTheme;let e=this._modal.querySelector(`.modal-content`);e&&(e.style.background=`var(--mint-color-surface-raised)`)}_observeDarkMode(){if(!this._darkModeObserver){if(this._darkModeObserver=new MutationObserver(()=>{this._updateBackgroundColor()}),!document.documentElement)return;this._darkModeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`,`data-mint-theme`]})}}_animateEnter(){let e=this._modal?.querySelector(`.modal-content`);e&&(this._exitTimer&&=(clearTimeout(this._exitTimer),null),this._backdropTimer&&=(clearTimeout(this._backdropTimer),null),this.classList.remove(`mint-modal-closing`),this.classList.remove(`mint-modal-open`),this.classList.add(`mint-modal-open`),this.classList.remove(`mint-hidden`),e.style.transform=`none`,e.style.opacity=`0`,e.style.transition=`none`,requestAnimationFrame(()=>{if(!this.isOpen())return;let t=window.getComputedStyle(e).borderRadius;this._setTransformOrigin(e),e.style.borderRadius=`50%`,e.style.transform=`scale(0.1, 0.2)`,e.style.opacity=`0.9`,e.getBoundingClientRect(),e.style.transition=`opacity 320ms ease-out, transform 360ms cubic-bezier(0.2, 0.8, 0.2, 1), border-radius 360ms cubic-bezier(0.2, 0.8, 0.2, 1)`,requestAnimationFrame(()=>{this.isOpen()&&(e.style.transform=`scale(1)`,e.style.opacity=`1`,e.style.borderRadius=t)})}))}_findTriggerElement(e){if(typeof e==`string`){let t=document.getElementById(e);return t&&!this.contains(t)?t:null}if(e instanceof HTMLElement)return e.isConnected&&!this.contains(e)?e:null;let t=this.getAttribute(`trigger-id`);if(t){let e=document.getElementById(t);if(e&&!this.contains(e))return e}let n=document.activeElement;return n instanceof HTMLElement&&n.isConnected&&n!==document.body&&!this.contains(n)?n:null}_findTriggerPoint(e){if(!e)return null;let t=this._lastPointerPoint;if(!t||Date.now()-t.time>1e3)return null;let n=t.target instanceof Node?t.target:null;return n===e||n&&e.contains(n)?{x:t.x,y:t.y}:null}_setTransformOrigin(e){let t=this._findTriggerElement(this._triggerElement);this._triggerElement=t;let n=this._findTriggerPoint(t);if(n){let t=e.getBoundingClientRect();e.style.transformOrigin=`${n.x-t.left}px ${n.y-t.top}px`,this._triggerPoint=n;return}this._triggerPoint={x:window.innerWidth/2,y:0};let r=e.getBoundingClientRect();e.style.transformOrigin=`${this._triggerPoint.x-r.left}px ${this._triggerPoint.y-r.top}px`}_animateExit(){this.classList.remove(`mint-modal-open`),this._backdropTimer&&=(clearTimeout(this._backdropTimer),null);let e=this._modal?.querySelector(`.modal-content`);if(!e){this.classList.add(`mint-hidden`),this.classList.remove(`mint-modal-closing`);return}this._exitTimer&&clearTimeout(this._exitTimer),this.classList.add(`mint-modal-closing`),e.style.transition=`opacity 220ms ease-in, transform 260ms cubic-bezier(0.4, 0, 1, 1), border-radius 260ms cubic-bezier(0.4, 0, 1, 1)`,e.style.borderRadius=`50%`,e.style.transform=`scale(0.1, 0.2)`,e.style.opacity=`0.9`,this._exitTimer=setTimeout(()=>{this._exitTimer=null,!this.isOpen()&&(this.classList.add(`mint-hidden`),this.classList.remove(`mint-modal-closing`),e.style.transform=``,e.style.opacity=``,e.style.borderRadius=``,e.style.transition=``)},280)}};typeof customElements<`u`&&!customElements.get(`mint-modal`)&&e.t(`mint-modal`,t),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/components/chunks/popover-BeaGf_JC.js

@@ -0,0 +1 @@
+const e=require(`./register-element-tCL_F1YI.js`);var t=new Set([`up`,`down`,`left`,`right`]),n=class extends HTMLElement{static get observedAttributes(){return[`direction`,`open`,`trigger-id`,`trigger-toggle`,`trigger-align`,`padding`,`hover`,`distance`]}constructor(){super(),this._trigger=null,this._triggerLookupTimer=null,this._clickHandler=null,this._hoverEnterHandler=null,this._hoverLeaveHandler=null,this._outsideHandler=null,this._escapeHandler=null,this._positionHandler=null,this._scrollHandler=null,this._resizeObserver=null,this._hoverCloseTimer=null,this._closeAnimationTimer=null,this._blobAnimation=null}connectedCallback(){this.render(),this._setupTrigger()}disconnectedCallback(){this._removeTrigger(),this._removeOpenListeners(),clearTimeout(this._hoverCloseTimer),clearTimeout(this._closeAnimationTimer),this._blobAnimation?.cancel()}attributeChangedCallback(e,t,n){t===n||!this.isConnected||((e===`trigger-id`||e===`trigger-toggle`||e===`hover`)&&this._setupTrigger(),this.render())}getDirection(){let e=this.getAttribute(`direction`)||`down`;return t.has(e)?e:`down`}getTriggerId(){return this.getAttribute(`trigger-id`)||``}isOpen(){return this.hasAttribute(`open`)&&this.getAttribute(`open`)!==`false`}isHoverEnabled(){return this.hasAttribute(`hover`)&&this.getAttribute(`hover`)!==`false`}isTriggerToggleEnabled(){return this.getAttribute(`trigger-toggle`)!==`false`}open(){this.setAttribute(`open`,`true`)}close(){this.removeAttribute(`open`)}_removeTrigger(){clearTimeout(this._triggerLookupTimer),this._triggerLookupTimer=null,this._trigger&&(this._clickHandler&&this._trigger.removeEventListener(`click`,this._clickHandler),this._hoverEnterHandler&&this._trigger.removeEventListener(`mouseenter`,this._hoverEnterHandler),this._hoverLeaveHandler&&this._trigger.removeEventListener(`mouseleave`,this._hoverLeaveHandler),this._hoverEnterHandler&&this.removeEventListener(`mouseenter`,this._hoverEnterHandler),this._hoverLeaveHandler&&this.removeEventListener(`mouseleave`,this._hoverLeaveHandler),this._trigger.removeAttribute(`aria-haspopup`),this._trigger.removeAttribute(`aria-expanded`),this._trigger=null,this._clickHandler=this._hoverEnterHandler=this._hoverLeaveHandler=null)}_setupTrigger(){this._removeTrigger();let e=this.getTriggerId();if(e){if(this._trigger=document.getElementById(e),!this._trigger){this._triggerLookupTimer=setTimeout(()=>{this.isConnected&&this.getTriggerId()===e&&!this._trigger&&this._setupTrigger()},40);return}this._trigger.setAttribute(`aria-haspopup`,`true`),this._trigger.setAttribute(`aria-expanded`,String(this.isOpen())),this.isTriggerToggleEnabled()&&(this._clickHandler=e=>{this._trigger?.tagName===`A`&&e.preventDefault(),this.isOpen()?this.close():this.open()},this._trigger.addEventListener(`click`,this._clickHandler)),this.isHoverEnabled()&&(this._hoverEnterHandler=()=>{clearTimeout(this._hoverCloseTimer),this.open()},this._hoverLeaveHandler=()=>this._scheduleHoverClose(),this._trigger.addEventListener(`mouseenter`,this._hoverEnterHandler),this._trigger.addEventListener(`mouseleave`,this._hoverLeaveHandler),this.addEventListener(`mouseenter`,this._hoverEnterHandler),this.addEventListener(`mouseleave`,this._hoverLeaveHandler))}}_scheduleHoverClose(){clearTimeout(this._hoverCloseTimer),this._hoverCloseTimer=setTimeout(()=>{!this._trigger?.matches(`:hover`)&&!this.matches(`:hover`)&&this.close()},140)}_removeOpenListeners(){this._outsideHandler&&document.removeEventListener(`click`,this._outsideHandler),this._escapeHandler&&document.removeEventListener(`keydown`,this._escapeHandler),this._positionHandler&&window.removeEventListener(`resize`,this._positionHandler),this._scrollHandler&&window.removeEventListener(`scroll`,this._scrollHandler,!0),this._resizeObserver?.disconnect(),this._resizeObserver=null,this._outsideHandler=this._escapeHandler=this._positionHandler=this._scrollHandler=null}_setOpenListeners(){if(!this._outsideHandler){if(this._outsideHandler=e=>{let t=e.composedPath();t.includes(this)||t.includes(this._trigger)||(e.target instanceof Element?e.target:null)?.closest(`[data-keep-popover-open]`)||this.close()},this._escapeHandler=e=>{e.key===`Escape`&&(this.close(),this._trigger?.focus?.())},this._positionHandler=()=>{this.isOpen()&&this._position()},this._scrollHandler=()=>{this.isOpen()&&this._position({allowViewportFlip:!1,clampToViewport:!1})},typeof ResizeObserver<`u`&&this._trigger){this._resizeObserver=new ResizeObserver(()=>{this.isOpen()&&this._position()}),this._resizeObserver.observe(this);let e=this._trigger,t=0;for(;e&&e!==document.documentElement&&t<8;)this._resizeObserver.observe(e),e=e.parentElement,t+=1}setTimeout(()=>{this.isOpen()&&this._outsideHandler&&document.addEventListener(`click`,this._outsideHandler)},0),document.addEventListener(`keydown`,this._escapeHandler),window.addEventListener(`resize`,this._positionHandler),window.addEventListener(`scroll`,this._scrollHandler,!0)}}_position({allowViewportFlip:e=!0,clampToViewport:t=!0}={}){let n=document.getElementById(this.getTriggerId());n&&n!==this._trigger&&this._setupTrigger();let r=n||this._trigger;if(!r)return;let i=r.getBoundingClientRect(),a={width:this.offsetWidth,height:this.offsetHeight},o=this._distancePx(),s=e?this.getDirection():this.dataset.direction||this.getDirection(),c=0,l=0,u=this.getAttribute(`trigger-align`)||`center`;if(s===`down`||s===`up`){let t=i.bottom+o,n=i.top-a.height-o;e&&s===`down`&&t+a.height>innerHeight-12&&n>=12?s=`up`:e&&s===`up`&&n<12&&t+a.height<=innerHeight-12&&(s=`down`),c=s===`down`?t:n,l=u===`start`?i.left:u===`end`?i.right-a.width:i.left+(i.width-a.width)/2}else{let t=i.right+o,n=i.left-a.width-o;e&&s===`right`&&t+a.width>innerWidth-12&&n>=12?s=`left`:e&&s===`left`&&n<12&&t+a.width<=innerWidth-12&&(s=`right`),l=s===`right`?t:n,c=u===`start`?i.top:u===`end`?i.bottom-a.height:i.top+(i.height-a.height)/2}let d=t?Math.max(12,Math.min(c,innerHeight-a.height-12)):c,f=t?Math.max(12,Math.min(l,innerWidth-a.width-12)):l;this.style.top=`${d}px`,this.style.left=`${f}px`,this.dataset.direction=s,this.style.setProperty(`--mint-popover-origin-x`,`${i.left+i.width/2-f}px`),this.style.setProperty(`--mint-popover-origin-y`,`${i.top+i.height/2-d}px`)}_distancePx(){let e=(this.getAttribute(`distance`)||`8px`).trim(),t=Number.parseFloat(e);return Number.isFinite(t)?e.endsWith(`rem`)?t*(parseFloat(getComputedStyle(document.documentElement).fontSize)||16):Math.max(0,t):8}_animateBlob(e){if(this._blobAnimation?.cancel(),this._blobAnimation=null,typeof this.animate!=`function`)return 0;let t=getComputedStyle(this).borderRadius||`.75rem`;if(matchMedia(`(prefers-reduced-motion: reduce)`).matches)return 0;let n=e?380:280,r=[{transform:`scale(.035, .035)`,borderRadius:`50%`,opacity:.94,offset:0},{transform:`scale(.3, .42)`,borderRadius:`50%`,opacity:1,offset:.58},{transform:`scale(1.035, .96)`,borderRadius:`1rem`,offset:.9},{transform:`scale(1)`,borderRadius:t,offset:1}],i=e?r:[...r].reverse().map(({offset:e,...t})=>({...t,offset:1-e}));return this._blobAnimation=this.animate(i,{duration:n,easing:e?`cubic-bezier(.2, .8, .2, 1)`:`cubic-bezier(.4, 0, .8, .2)`,fill:`both`}),n}render(){let e=this.isOpen(),t=this.hasAttribute(`data-open`)||this.dataset.state===`closing`,n=this.hasAttribute(`data-open`);if(this.toggleAttribute(`data-open`,e),this.setAttribute(`aria-hidden`,String(!e)),this._trigger&&this._trigger.setAttribute(`aria-expanded`,String(e)),e){clearTimeout(this._closeAnimationTimer);let e=!n||this.dataset.state===`closing`;e&&(this._blobAnimation?.cancel(),this._blobAnimation=null),this.dataset.state=`open`,this._setOpenListeners(),this._position(),e&&this._animateBlob(!0),requestAnimationFrame(()=>requestAnimationFrame(()=>{this.isOpen()&&this._position()}))}else if(this._removeOpenListeners(),t){this.dataset.state=`closing`;let e=this._animateBlob(!1);e?this._closeAnimationTimer=setTimeout(()=>{this.dataset.state===`closing`&&(this._blobAnimation?.cancel(),this._blobAnimation=null,this.dataset.state=`closed`)},e):this.dataset.state=`closed`}else this.dataset.state=`closed`}};typeof customElements<`u`&&!customElements.get(`mint-popover`)&&e.t(`mint-popover`,n),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});