monobill-mintui 0.6.612 → 0.6.613

package/dist/components/form/index.js

@@ -0,0 +1,990 @@
+import '../../theme.css'
+import '../../form.css'
+import { t as e } from "../chunks/register-element-BFYmIynH.js";
+//#region src/components/form/Form.ts
+var t = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"action",
+			"method",
+			"enctype",
+			"data-form-data",
+			"loading",
+			"headers",
+			"submitting"
+		];
+	}
+	constructor() {
+		super(), this._form = null, this._submitHandler = null, this._hostSubmitHandler = null, this._errors = {}, this._fieldBlurHandlers = /* @__PURE__ */ new Map(), this._fieldChangeHandlers = /* @__PURE__ */ new Map(), this._observer = null, this._formData = null, this._headers = null, this._buttonStates = /* @__PURE__ */ new Map(), this._attrSubmittingMintFields = /* @__PURE__ */ new Map(), this._attrSubmittingNativeFields = /* @__PURE__ */ new Map(), this._attrSubmittingMintButtons = /* @__PURE__ */ new Map(), this._attrSubmittingNativeButtons = /* @__PURE__ */ new Map(), this._reactiveDataProxy = null, this._reactiveDataObserver = null, this._lastDataSnapshot = null, this._lastAppliedDataSnapshot = null;
+	}
+	connectedCallback() {
+		this._render(), this._ensureSubmitHandler(), this._setupBlurValidation();
+		let e = this.getAttribute("headers");
+		e && this._parseHeaders(e), requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				if (this._formData) this._isReactiveObject(this._formData) ? this._setupObjectDataObserver(this._formData) : this._lastDataSnapshot ||= this._createDataSnapshot(this._formData), this._applyFormData();
+				else {
+					let e = this.getAttribute("data-form-data");
+					e && (this._parseFormData(e), this._applyFormData());
+				}
+				this._propagateLoadingState(), this._applySubmittingAttributeState();
+			});
+		});
+	}
+	disconnectedCallback() {
+		this._form && this._submitHandler && this._form.removeEventListener("submit", this._submitHandler, !0), this._hostSubmitHandler && this.removeEventListener("submit", this._hostSubmitHandler), this._restoreSubmittingAttributeState(), this._cleanupBlurValidation(), this._stopReactiveDataObserver();
+	}
+	reset() {
+		this._clearErrors(), this._formData ? (this._lastAppliedDataSnapshot = null, this._applyFormData()) : this.clear();
+	}
+	clear() {
+		this._clearErrors(), this._form && this._form.reset(), this._resetCustomFields();
+	}
+	submit() {
+		if (this._form) {
+			if (typeof this._form.requestSubmit == "function") {
+				this._form.requestSubmit();
+				return;
+			}
+			this._handleSubmit(new Event("submit", {
+				bubbles: !0,
+				cancelable: !0
+			}));
+		}
+	}
+	attributeChangedCallback(e, t, n) {
+		e === "form-data" ? (this._parseFormData(n), this.isConnected && this._form && requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				this._applyFormData();
+			});
+		})) : e === "headers" ? this._parseHeaders(n) : e === "loading" ? this.isConnected && this._form ? requestAnimationFrame(() => {
+			this._propagateLoadingState();
+		}) : this._propagateLoadingState() : e === "submitting" ? this.isConnected && this._form ? requestAnimationFrame(() => {
+			this._applySubmittingAttributeState();
+		}) : this._applySubmittingAttributeState() : this._applyFormAttributes();
+	}
+	get data() {
+		return this._formData;
+	}
+	set data(e) {
+		this._stopReactiveDataObserver(), this._reactiveDataProxy = null, this._lastDataSnapshot = null, this._lastAppliedDataSnapshot = null, e && typeof e == "object" && !Array.isArray(e) ? (this._formData = e, this._isReactiveObject(e) ? this._setupObjectDataObserver(e) : this._lastDataSnapshot = this._createDataSnapshot(e)) : e == null ? this._formData = null : this._parseFormData(e), this.isConnected && this._form && requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					this._applyFormData();
+				});
+			});
+		});
+	}
+	get headers() {
+		return this._headers;
+	}
+	set headers(e) {
+		if (e && typeof e == "object" && !Array.isArray(e)) this._headers = e;
+		else if (e == null) this._headers = null;
+		else if (typeof e == "string") try {
+			this._headers = JSON.parse(e);
+		} catch {
+			this._headers = null;
+		}
+		else this._headers = null;
+	}
+	_render() {
+		if (this.classList.add("mint-form-host"), !this._form) {
+			for (this._form = document.createElement("form"), this._form.classList.add("mint-form-content"), this._form.noValidate = !0; this.firstChild;) this._form.appendChild(this.firstChild);
+			this.appendChild(this._form);
+		}
+		this._ensureSubmitHandler(), this._applyFormAttributes();
+	}
+	_ensureSubmitHandler() {
+		this._form && (this._submitHandler && this._form.removeEventListener("submit", this._submitHandler, !0), this._submitHandler = (e) => {
+			e.preventDefault(), e.stopImmediatePropagation(), this._handleSubmit(e);
+		}, this._form.addEventListener("submit", this._submitHandler, !0));
+	}
+	_applyFormAttributes() {
+		if (!this._form) return;
+		let e = this.getAttribute("action") || "", t = this.getAttribute("method") || "", n = this.getAttribute("enctype") || "application/x-www-form-urlencoded";
+		e && (this._form.action = e), t && (this._form.method = t), this._form.enctype = n;
+	}
+	async _handleSubmit(e) {
+		if (e.preventDefault(), !this._form) return;
+		this._clearErrors(), this._syncDropzoneFiles();
+		let t = this._collectValidationRules(), n = new FormData(this._form), r = this._formDataToValues(n);
+		if (this._formData) {
+			let e = this._getObjectValue(this._formData);
+			e && typeof e == "object" && !Array.isArray(e) && (r = {
+				...this._extractReactiveData(e),
+				...r
+			});
+		}
+		let i = this._collectLiveControlValues();
+		if (r = {
+			...r,
+			...i
+		}, !this._validate(r, t)) {
+			this.dispatchEvent(new CustomEvent("invalid", {
+				detail: { errors: this._errors },
+				bubbles: !0,
+				cancelable: !0,
+				composed: !0
+			}));
+			return;
+		}
+		let a = new CustomEvent("submit", {
+			detail: {
+				formData: n,
+				values: r,
+				form: this
+			},
+			bubbles: !0,
+			cancelable: !0,
+			composed: !0
+		});
+		this.dispatchEvent(a), a.form = this;
+		let o = new CustomEvent("mintFormSubmit", {
+			detail: {
+				formData: n,
+				values: r,
+				form: this
+			},
+			bubbles: !0,
+			cancelable: !0,
+			composed: !0
+		});
+		if (o.form = this, this.dispatchEvent(o), a.defaultPrevented || o.defaultPrevented) return;
+		let s = this.getAttribute("action"), c = this.getAttribute("method");
+		if (!(!s || !c)) {
+			this._setButtonsSubmitting();
+			try {
+				let e = await this._submitData(n, r);
+				this.dispatchEvent(new CustomEvent("submitsuccess", {
+					detail: e,
+					bubbles: !0,
+					cancelable: !0
+				}));
+			} catch (e) {
+				e?.status === 422 && e?.data?.errors && this._applyServerErrors(e.data.errors), this.dispatchEvent(new CustomEvent("submiterror", {
+					detail: { error: e },
+					bubbles: !0,
+					cancelable: !0
+				}));
+			} finally {
+				this._restoreButtonsState();
+			}
+		}
+	}
+	async _submitData(e, t) {
+		let n = this.getAttribute("action"), r = this.getAttribute("method"), i = this.getAttribute("enctype") || "application/x-www-form-urlencoded";
+		if (!n) return {
+			status: 0,
+			ok: !0,
+			data: { values: t }
+		};
+		let a = Array.from(e.values()).some((e) => e instanceof File), o = null, s = {}, c = n;
+		if (typeof window < "u" && window.mintForm?.defaults?.headers?.common && Object.assign(s, window.mintForm.defaults.headers.common), this._headers && Object.assign(s, this._headers), r === "GET") {
+			let t = new URLSearchParams();
+			e.forEach((e, n) => {
+				e instanceof File || t.append(n, String(e));
+			}), c += (n.includes("?") ? "&" : "?") + t.toString();
+		} else if (i === "multipart/form-data" || a) o = e;
+		else if (i === "application/json") o = JSON.stringify(t), s["Content-Type"] = "application/json";
+		else {
+			let t = new URLSearchParams();
+			e.forEach((e, n) => {
+				e instanceof File || t.append(n, String(e));
+			}), o = t, s["Content-Type"] = "application/x-www-form-urlencoded";
+		}
+		if (typeof fetch == "function") try {
+			let e = await fetch(c, {
+				method: r || "POST",
+				body: r === "GET" ? null : o,
+				headers: s
+			}), t = await e.text().catch(() => ""), n = t;
+			try {
+				n = JSON.parse(t);
+			} catch {}
+			if (!e.ok) {
+				let t = {
+					status: e.status,
+					data: n,
+					response: {
+						status: e.status,
+						data: n
+					}
+				};
+				throw await this._applyErrorInterceptors(t);
+			}
+			let i = {
+				status: e.status,
+				ok: e.ok,
+				data: n
+			};
+			return await this._applySuccessInterceptors(i);
+		} catch (e) {
+			if (e.response) throw e;
+			let t = {
+				status: e.status || 0,
+				data: e.data || e.message || "Network error",
+				response: {
+					status: e.status || 0,
+					data: e.data || e.message || "Network error"
+				}
+			};
+			throw await this._applyErrorInterceptors(t);
+		}
+		let l = this;
+		return await new Promise(async (e, t) => {
+			let n = new XMLHttpRequest();
+			n.open(r || "POST", c, !0), Object.entries(s).forEach(([e, t]) => n.setRequestHeader(e, t)), n.onload = async function() {
+				let { status: r, responseText: i } = n;
+				if (r >= 200 && r < 300) {
+					let n = i;
+					try {
+						n = JSON.parse(i);
+					} catch {}
+					try {
+						let t = {
+							status: r,
+							ok: !0,
+							data: n
+						};
+						e(await l._applySuccessInterceptors(t));
+					} catch (e) {
+						t(e);
+					}
+				} else {
+					let e = i;
+					try {
+						e = JSON.parse(i);
+					} catch {}
+					try {
+						let n = {
+							status: r,
+							data: e,
+							response: {
+								status: r,
+								data: e
+							}
+						};
+						t(await l._applyErrorInterceptors(n));
+					} catch (e) {
+						t(e);
+					}
+				}
+			}, n.onerror = async function() {
+				try {
+					let e = {
+						status: n.status || 0,
+						data: n.responseText || "Network error",
+						response: {
+							status: n.status || 0,
+							data: n.responseText || "Network error"
+						}
+					};
+					t(await l._applyErrorInterceptors(e));
+				} catch (e) {
+					t(e);
+				}
+			}, n.send(r === "GET" ? null : o);
+		});
+	}
+	async _applySuccessInterceptors(e) {
+		if (typeof window > "u" || !window.mintForm?.interceptors?.response?.handlers) return e;
+		let t = e, n = window.mintForm.interceptors.response.handlers;
+		for (let e of n) e.fulfilled && (t = await e.fulfilled(t));
+		return t;
+	}
+	async _applyErrorInterceptors(e) {
+		if (typeof window > "u" || !window.mintForm?.interceptors?.response?.handlers) return Promise.reject(e);
+		let t = e, n = window.mintForm.interceptors.response.handlers;
+		for (let e = n.length - 1; e >= 0; e--) {
+			let r = n[e];
+			if (r.rejected) try {
+				if (t = await r.rejected(t), t !== void 0) return t;
+			} catch (e) {
+				t = e;
+			}
+		}
+		return Promise.reject(t);
+	}
+	_formDataToValues(e) {
+		let t = {};
+		return e.forEach((e, n) => {
+			e instanceof File ? (t[n] || (t[n] = []), t[n].push(e)) : n in t ? Array.isArray(t[n]) ? (t[n].length > 0 && t[n][0] instanceof File, t[n].push(e)) : t[n] = [t[n], e] : t[n] = e;
+		}), this._form && (Array.from(this._form.querySelectorAll("mint-dropzone[name]")).forEach((e) => {
+			let n = e.getAttribute("name");
+			if (n && e.files !== void 0 && e.files) {
+				let r = e.files;
+				if (r.length > 0) {
+					let e = Array.from(r);
+					t[n] && Array.isArray(t[n]) ? e.forEach((e) => {
+						t[n].some((t) => t.name === e.name && t.size === e.size && t.lastModified === e.lastModified) || t[n].push(e);
+					}) : t[n] = e;
+				}
+			}
+		}), Array.from(this._form.querySelectorAll("input[type=\"file\"][name]")).forEach((e) => {
+			let n = e.name;
+			if (n && e.files && e.files.length > 0) {
+				let r = Array.from(e.files);
+				t[n] && Array.isArray(t[n]) ? r.forEach((e) => {
+					t[n].some((t) => t.name === e.name && t.size === e.size && t.lastModified === e.lastModified) || t[n].push(e);
+				}) : t[n] = r;
+			}
+		}), Array.from(this._form.querySelectorAll("mint-tags[name]")).forEach((e) => {
+			let n = e.getAttribute("name");
+			if (n) {
+				let r = [];
+				e.tags === void 0 ? typeof e.getTags == "function" && (r = e.getTags()) : r = e.tags, Array.isArray(r) && r.length > 0 ? t[n] = r.map((e) => typeof e == "string" ? e : e?.value || e?.label || "").filter((e) => e.trim() !== "") : t[n] = [];
+			}
+		})), t;
+	}
+	_isControlDisabledForSubmit(e) {
+		let t = e;
+		for (; t && t !== this._form;) {
+			if ((t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement || t instanceof HTMLButtonElement) && t.disabled) return !0;
+			let e = t.getAttribute("disabled");
+			if (e !== null && e !== "false") return !0;
+			t = t.parentElement;
+		}
+		return !1;
+	}
+	_collectLiveControlValues() {
+		let e = {};
+		if (!this._form) return e;
+		let t = /* @__PURE__ */ new Set(), n = Array.from(this._form.querySelectorAll([
+			"input[name]",
+			"textarea[name]",
+			"select[name]",
+			"mint-input[name]",
+			"mint-select[name]",
+			"mint-date-picker[name]",
+			"mint-time-picker[name]",
+			"mint-dropzone[name]",
+			"mint-checkbox[name]",
+			"mint-choice[name]",
+			"mint-switch[name]",
+			"mint-tags[name]"
+		].join(",")));
+		for (let e of n) {
+			let n = e.getAttribute("name");
+			!n || this._isControlDisabledForSubmit(e) || t.add(n);
+		}
+		for (let n of t) {
+			let t = this._getFieldElements(n).filter((e) => !this._isControlDisabledForSubmit(e));
+			if (t.length !== 0) try {
+				let r = this._extractFieldValue(t), i = r instanceof FileList ? Array.from(r) : r;
+				if (t.every((e) => e instanceof HTMLInputElement ? e.type === "checkbox" || e.type === "radio" : [
+					"MINT-CHECKBOX",
+					"MINT-CHOICE",
+					"MINT-SWITCH"
+				].includes(e.tagName)) && (i === "" || i == null || Array.isArray(i) && i.length === 0)) continue;
+				e[n] = i;
+			} catch {}
+		}
+		return e;
+	}
+	_collectValidationRules() {
+		let e = {};
+		return this._form && Array.from(this._form.querySelectorAll("[name][validation]")).forEach((t) => {
+			let n = t.getAttribute("name") || "", r = t.getAttribute("validation");
+			if (!n || !r) return;
+			let i = this._parseRules(r);
+			i.length && (e[n] = i);
+		}), e;
+	}
+	_parseRules(e) {
+		if (!e) return [];
+		try {
+			let t = e.replace(/'/g, "\""), n = JSON.parse(t);
+			if (Array.isArray(n)) return n.map((e) => String(e));
+		} catch {}
+		return e.split(",").map((e) => e.trim()).filter(Boolean);
+	}
+	_validate(e, t) {
+		let n = !0;
+		return this._errors = {}, Object.entries(t || {}).forEach(([e, t]) => {
+			let r = Array.isArray(t) ? t : [t], i = this._getFieldElements(e), a = this._extractFieldValue(i), o = this._validateRules(a, r);
+			o ? (n = !1, this._errors[e] = o, this._flagFieldError(i, o)) : this._clearFieldError(i);
+		}), n;
+	}
+	_validateField(e) {
+		let t = this._collectValidationRules();
+		if (!t[e]) return;
+		let n = t[e], r = Array.isArray(n) ? n : [n], i = this._getFieldElements(e), a = this._extractFieldValue(i), o = this._validateRules(a, r);
+		o ? (this._errors[e] = o, this._flagFieldError(i, o)) : (this._clearFieldError(i), delete this._errors[e]);
+	}
+	_validateRules(e, t) {
+		for (let n of t) {
+			let [t, r] = n.split(":");
+			switch (t) {
+				case "required":
+					if (e == null || typeof e == "string" && e.trim() === "" || e instanceof FileList && e.length === 0 || Array.isArray(e) && e.length === 0) return "This field is required.";
+					break;
+				case "string":
+					if (typeof e != "string") return "Must be a string.";
+					break;
+				case "email":
+					if (typeof e == "string" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim())) return "Enter a valid email.";
+					break;
+				case "number": {
+					let t = Number(e);
+					if (Number.isNaN(t)) return "Must be a number.";
+					break;
+				}
+				case "min": {
+					let t = Number(r);
+					if (Number.isNaN(t)) break;
+					if (typeof e == "string" && e.trim().length < t) return `Must be at least ${t} characters.`;
+					if (Array.isArray(e) && e.length < t) return `Select at least ${t}.`;
+					if (e instanceof FileList && e.length < t) return `Upload at least ${t} files.`;
+					if (e != null && !Number.isNaN(Number(e)) && Number(e) < t) return `Must be at least ${t}.`;
+					break;
+				}
+				case "max": {
+					let t = Number(r);
+					if (Number.isNaN(t)) break;
+					if (typeof e == "string" && e.trim().length > t) return `Must be at most ${t} characters.`;
+					if (Array.isArray(e) && e.length > t) return `Select no more than ${t}.`;
+					if (e instanceof FileList && e.length > t) return `Upload no more than ${t} files.`;
+					if (e != null && !Number.isNaN(Number(e)) && Number(e) > t) return `Must be at most ${t}.`;
+					break;
+				}
+				default: break;
+			}
+		}
+		return null;
+	}
+	_getFieldElements(e) {
+		if (!this._form) return [];
+		let t = Array.from(this._form.querySelectorAll(`[name="${e}"]`)), n = t.filter((e) => e.tagName === "MINT-SELECT");
+		if (n.length > 0) {
+			let r = [];
+			return n.forEach((t) => {
+				let n = t.querySelector("select[name=\"" + e + "\"]");
+				n && r.push(n);
+			}), t.filter((e) => e.tagName !== "MINT-SELECT").concat(r);
+		}
+		if (t.filter((e) => e.tagName === "MINT-TAGS").length > 0) return t.filter((e) => e.tagName !== "INPUT" || !e.closest("mint-tags"));
+		let r = t.filter((e) => e.tagName === "INPUT" && e.closest("mint-tags"));
+		if (r.length > 0) {
+			let e = [];
+			return r.forEach((t) => {
+				let n = t.closest("mint-tags");
+				n && !e.includes(n) && e.push(n);
+			}), t.filter((e) => e.tagName !== "INPUT" || !e.closest("mint-tags")).concat(e);
+		}
+		return t;
+	}
+	_extractFieldValue(e) {
+		if (e.length === 0) return "";
+		let t = e.find((e) => e instanceof HTMLSelectElement);
+		if (t) return t.multiple ? Array.from(t.selectedOptions).map((e) => e.value) : t.value;
+		if (e.length > 1) {
+			let t = e.filter((e) => e instanceof HTMLInputElement);
+			if (t.length > 0 && t.length === e.length) {
+				let e = t.filter((e) => e.checked);
+				if (t.every((e) => e.type === "radio")) return e.length > 0 ? e[0].value || "on" : "";
+				if (t.every((e) => e.type === "checkbox")) return e.map((e) => e.value || "on");
+			}
+			let n = e.filter((e) => e.tagName === "MINT-CHOICE");
+			if (n.length > 0 && n.length === e.length) {
+				let e = n.find((e) => typeof e.getValue == "function" ? e.getValue() !== "" : e.querySelector("mint-choice-option[checked]") !== null);
+				if (e) {
+					if (typeof e.getValue == "function") return e.getValue();
+					let t = e.querySelector("mint-choice-option[checked]");
+					if (t) return t.getAttribute("value") || "";
+				}
+				return "";
+			}
+			let r = e.filter((e) => e.tagName === "MINT-CHECKBOX");
+			if (r.length > 0 && r.length === e.length) return r.filter((e) => e.checked === void 0 ? e.hasAttribute("checked") : e.checked).map((e) => e.getAttribute("value") || "on");
+		}
+		let n = e[0];
+		if (n instanceof HTMLInputElement) return n.type === "file" ? n.files : n.type === "checkbox" || n.type === "radio" ? n.checked ? n.value || "on" : "" : n.value;
+		if (n instanceof HTMLTextAreaElement) return n.value;
+		if (n.tagName === "MINT-SELECT") {
+			let e = n.querySelector("select");
+			if (e) return e.multiple ? Array.from(e.selectedOptions).map((e) => e.value) : e.value;
+			if (typeof n.getValue == "function") {
+				let e = n.getValue();
+				if (e != null && e !== "") return e;
+			}
+			return n.getAttribute("value") || "";
+		}
+		if (n.tagName === "MINT-DROPZONE" && n.files !== void 0) return n.files;
+		if (n.tagName === "MINT-TAGS") {
+			let e = null;
+			return n.tags === void 0 ? typeof n.getTags == "function" && (e = n.getTags()) : e = n.tags, Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : e?.value || e?.label || "").filter((e) => e.trim() !== "") : [];
+		}
+		return n.tagName === "MINT-CHECKBOX" || n.tagName === "MINT-SWITCH" ? (n.checked === void 0 ? n.hasAttribute("checked") : n.checked) ? n.getAttribute("value") || "on" : "" : n.tagName === "MINT-CHOICE" ? (typeof n.getValue == "function" ? n.getValue() : "") || "" : n.value === void 0 ? n.getAttribute("value") || "" : n.value;
+	}
+	_flagFieldError(e, t) {
+		e.length !== 0 && e.forEach((e) => {
+			(e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) && e.setAttribute("aria-invalid", "true");
+			let n = this._resolveHost(e);
+			n && (n.setAttribute("error", "true"), n.setAttribute("error-message", t), n.setAttribute("data-mint-form-error", "true"));
+		});
+	}
+	_clearFieldError(e) {
+		e.length !== 0 && e.forEach((e) => {
+			(e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) && e.removeAttribute("aria-invalid");
+			let t = this._resolveHost(e);
+			t && (t.removeAttribute("error"), t.removeAttribute("error-message"), t.removeAttribute("data-mint-form-error"));
+		});
+	}
+	_clearErrors() {
+		this.querySelectorAll("[data-mint-form-error]").forEach((e) => {
+			let t = e;
+			t.removeAttribute("error"), t.removeAttribute("error-message"), t.removeAttribute("data-mint-form-error");
+		}), this._form && this._form.querySelectorAll("[aria-invalid=\"true\"]").forEach((e) => {
+			e.removeAttribute("aria-invalid");
+		}), this._errors = {};
+	}
+	setFormErrors(e) {
+		this._applyServerErrors(e);
+	}
+	_applyServerErrors(e) {
+		this._clearErrors(), Object.entries(e).forEach(([e, t]) => {
+			let n = Array.isArray(t) ? t[0] || "Validation error" : t || "Validation error", r = this._getFieldElements(e);
+			r.length > 0 && (this._errors[e] = n, this._flagFieldError(r, n));
+		});
+	}
+	_parseFormData(e) {
+		if (!e) {
+			this._formData = null;
+			return;
+		}
+		if (typeof e == "object" && !Array.isArray(e)) {
+			this._formData = e;
+			return;
+		}
+		if (typeof e == "string") try {
+			this._formData = JSON.parse(e);
+		} catch {
+			this._formData = null;
+		}
+		else this._formData = null;
+	}
+	_parseHeaders(e) {
+		if (!e) {
+			this._headers = null;
+			return;
+		}
+		if (typeof e == "string") try {
+			this._headers = JSON.parse(e);
+		} catch {
+			this._headers = null;
+		}
+		else this._headers = null;
+	}
+	_applyFormData() {
+		if (!this._formData || !this._form) return;
+		let e = this._getObjectValue(this._formData);
+		if (!e || typeof e != "object" || Array.isArray(e)) return;
+		let t = this._extractReactiveData(e), n = this._createDataSnapshot(t), r = this._lastAppliedDataSnapshot, i = /* @__PURE__ */ new Set();
+		if (r ? (Object.keys(n).forEach((e) => {
+			let t = r[e], a = n[e];
+			JSON.stringify(t) !== JSON.stringify(a) && i.add(e);
+		}), Object.keys(r).forEach((e) => {
+			e in n || i.add(e);
+		})) : Object.keys(n).forEach((e) => i.add(e)), i.size === 0) return;
+		let a = () => {
+			i.forEach((e) => {
+				let t = n[e], r = this._getFieldElements(e);
+				if (r.length === 0) {
+					setTimeout(() => {
+						let t = this._getFieldElements(e);
+						if (t.length === 0) return;
+						let n = this._formData ? this._getObjectValue(this._formData) : null;
+						if (!n || typeof n != "object" || Array.isArray(n)) return;
+						let r = n[e];
+						this._applyValueToField(t, e, r);
+					}, 300);
+					return;
+				}
+				this._applyValueToField(r, e, t);
+			}), this._lastAppliedDataSnapshot = n;
+		};
+		requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				a();
+			});
+		});
+	}
+	_applyValueToField(e, t, n) {
+		e.forEach((e) => {
+			let r = e.tagName;
+			try {
+				if (r === "MINT-INPUT") e.value !== void 0 && (e.value = n || "");
+				else if (r === "MINT-DATE-PICKER") typeof e.setValue == "function" && e.setValue(n || "");
+				else if (r === "MINT-TIME-PICKER") typeof e.setValue == "function" ? e.setValue(n == null ? "" : String(n)) : e.value !== void 0 && (e.value = n == null ? "" : String(n));
+				else if (r === "MINT-SELECT" || r === "SELECT") if (r === "SELECT") {
+					let t = e, r = t.closest("mint-select");
+					if (r && typeof r.setValue == "function") r.setValue(n);
+					else if (t.multiple) {
+						let e = Array.isArray(n) ? n.map((e) => String(e)) : n == null || n === "" ? [] : [String(n)];
+						Array.from(t.options).forEach((t) => {
+							t.selected = e.includes(t.value);
+						});
+					} else t.value = n == null ? "" : String(n);
+				} else typeof e.setValue == "function" && e.setValue(n);
+				else if (r === "MINT-CHOICE") typeof e.setValue == "function" ? e.setValue(n == null ? "" : String(n)) : e.querySelectorAll("mint-choice-option").forEach((e) => {
+					e.checked = e.getAttribute("value") === n;
+				});
+				else if (r === "MINT-CHECKBOX" || r === "MINT-SWITCH") {
+					let t = n === !0 || n === "true" || n === "on" || n === 1 || n === "1";
+					e.checked === void 0 ? t ? e.setAttribute("checked", "true") : e.removeAttribute("checked") : e.checked = t;
+				} else if (r === "MINT-TAGS") if (Array.isArray(n)) {
+					let t = /* @__PURE__ */ new Map();
+					try {
+						let n = e.getAttribute("predefined-tags");
+						if (n) {
+							let e = JSON.parse(n);
+							Array.isArray(e) && (t = new Map(e.map((e) => {
+								if (typeof e == "string") {
+									let t = e.trim();
+									return t ? [t.toLowerCase(), t] : null;
+								}
+								if (!e || typeof e != "object") return null;
+								let t = String(e.value ?? "").trim();
+								if (!t) return null;
+								let n = String(e.label ?? t);
+								return [t.toLowerCase(), n];
+							}).filter((e) => e !== null)));
+						}
+					} catch {}
+					e.tags !== void 0 && (e.tags = n.map((e) => {
+						if (typeof e == "string") {
+							let n = e.trim();
+							return {
+								value: n,
+								label: t.get(n.toLowerCase()) || n,
+								dismissable: !0
+							};
+						}
+						if (e && typeof e == "object") {
+							let n = String(e.value ?? "").trim(), r = t.get(n.toLowerCase()) || String(e.label ?? n);
+							return {
+								...e,
+								value: n,
+								label: r,
+								dismissable: e.dismissable !== !1
+							};
+						}
+						return e;
+					}));
+				} else e.tags !== void 0 && (e.tags = []);
+				else if (e instanceof HTMLInputElement) {
+					if (e.type === "file") return;
+					e.type === "checkbox" || e.type === "radio" ? e.checked = n === !0 || n === "true" || n === "on" || n === 1 || n === "1" : e.value = n || "";
+				} else (e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) && (e.value = n || "");
+			} catch (e) {
+				console.warn(`Failed to set value for field ${t}:`, e);
+			}
+		});
+	}
+	_resetCustomFields() {
+		this.querySelectorAll("mint-input, mint-date-picker, mint-select, mint-dropzone, mint-checkbox, mint-choice, mint-switch, mint-tags").forEach((e) => {
+			e.removeAttribute("error"), e.removeAttribute("error-message");
+			let t = e.tagName;
+			if (t === "MINT-INPUT") try {
+				e.value = "";
+			} catch {}
+			else if (t === "MINT-DATE-PICKER") try {
+				e.setValue?.("");
+			} catch {}
+			else if (t === "MINT-SELECT") try {
+				e.setValue?.("");
+			} catch {}
+			else if (t === "MINT-DROPZONE") {
+				let t = e.querySelector("input[type=\"file\"]");
+				t && (t.value = "");
+			} else if (t === "MINT-CHECKBOX" || t === "MINT-SWITCH") try {
+				if (e.checked !== void 0) e.checked = !1;
+				else {
+					e.removeAttribute("checked");
+					let t = e.querySelector("input[type=\"checkbox\"], input[type=\"radio\"]");
+					t && (t.checked = !1);
+				}
+			} catch {}
+			else if (t === "MINT-CHOICE") try {
+				typeof e.setValue == "function" ? e.setValue("") : e.querySelectorAll("mint-choice-option").forEach((e) => {
+					e.checked = !1;
+				});
+			} catch {}
+			else if (t === "MINT-TAGS") try {
+				e.tags = [];
+			} catch {}
+		});
+	}
+	_resolveHost(e) {
+		if (e.tagName === "MINT-CHOICE-OPTION") {
+			let t = e.closest("mint-choice");
+			if (t) return t;
+		}
+		return e.closest("mint-input, mint-date-picker, mint-select, mint-dropzone, mint-checkbox, mint-choice, mint-switch, mint-tags") || e;
+	}
+	_setupBlurValidation() {
+		if (!this._form) return;
+		let e = (e) => {
+			let t = e.target;
+			if (!t) return;
+			let n = this._findFieldElement(t);
+			if (!n) return;
+			let r = this._getFieldName(n);
+			if (!r || !this._collectValidationRules()[r]) return;
+			let i = this._extractFieldValue([n]), a = i != null && (typeof i == "string" ? i.trim() !== "" : i instanceof FileList || Array.isArray(i) ? i.length > 0 : !0), o = n.hasAttribute("data-mint-form-error") || t instanceof HTMLElement && (t.hasAttribute("aria-invalid") || t.closest("[data-mint-form-error]")), s = !!n.closest("mint-tags"), c = n.tagName === "MINT-CHECKBOX" || n.tagName === "MINT-SWITCH" || n.tagName === "MINT-CHOICE" || t instanceof HTMLElement && (t.closest("mint-checkbox, mint-switch, mint-choice") || t.closest("mint-choice-option")), l = n.tagName === "MINT-DATE-PICKER" || t instanceof HTMLElement && t.closest("mint-date-picker");
+			(a || o || s || c || l) && setTimeout(() => {
+				this._validateField(r);
+			}, 0);
+		};
+		this._form.addEventListener("blur", e, !0), this._fieldBlurHandlers.set(this._form, e);
+		let t = (e) => {
+			let t = e.target;
+			if (!t) return;
+			if (!(t instanceof HTMLInputElement && t.type === "file")) {
+				let e = this._findFieldElement(t), n = e ? this._getFieldName(e) : null;
+				e && n && this._syncFieldToReactiveData(e, n);
+			}
+			if (e.type === "tags-change" && t.tagName === "MINT-TAGS") {
+				let e = t, n = this._getFieldName(e);
+				if (!n || !this._collectValidationRules()[n]) return;
+				setTimeout(() => {
+					this._validateField(n);
+				}, 0);
+				return;
+			}
+			if (t instanceof HTMLSelectElement || t.tagName === "MINT-SELECT" || t.closest("mint-select")) {
+				let e = this._findFieldElement(t);
+				if (!e) return;
+				let n = this._getFieldName(e);
+				if (!n || !this._collectValidationRules()[n]) return;
+				setTimeout(() => {
+					this._validateField(n);
+				}, 0);
+				return;
+			}
+			if (e.type === "choice-change" && t.tagName === "MINT-CHOICE") {
+				let e = t, n = this._getFieldName(e);
+				if (!n || !this._collectValidationRules()[n]) return;
+				setTimeout(() => {
+					this._validateField(n);
+				}, 0);
+				return;
+			}
+			if (t instanceof HTMLInputElement && t.type === "checkbox" || t.tagName === "MINT-CHECKBOX" || t.tagName === "MINT-SWITCH" || t.closest("mint-checkbox, mint-switch")) {
+				let e = this._findFieldElement(t);
+				if (!e) return;
+				let n = this._getFieldName(e);
+				if (!n || !this._collectValidationRules()[n]) return;
+				setTimeout(() => {
+					this._validateField(n);
+				}, 0);
+				return;
+			}
+			let n = this._findFieldElement(t);
+			if (!n) return;
+			let r = this._getFieldName(n);
+			r && this._collectValidationRules()[r] && (n.hasAttribute("data-mint-form-error") || t instanceof HTMLElement && t.hasAttribute("aria-invalid")) && setTimeout(() => {
+				this._validateField(r);
+			}, 0);
+		};
+		this._form.addEventListener("change", t, !0), this._form.addEventListener("input", t, !0), this._form.addEventListener("tags-change", t, !0), this._form.addEventListener("choice-change", t, !0), this._fieldChangeHandlers.set(this._form, t);
+	}
+	_findFieldElement(e) {
+		let t = e.closest("mint-input, mint-date-picker, mint-select, mint-dropzone, mint-checkbox, mint-choice, mint-switch, mint-tags");
+		if (t && t.hasAttribute("name")) return t;
+		if (e.hasAttribute("name") && (e.tagName.startsWith("MINT-") || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) || (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) && e.hasAttribute("name")) return e;
+		let n = e;
+		for (; n && n !== this._form;) {
+			if (n.hasAttribute("name")) return n;
+			n = n.parentElement;
+		}
+		return null;
+	}
+	_getFieldName(e) {
+		return e.hasAttribute("name") || e.tagName.startsWith("MINT-") ? e.getAttribute("name") : (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) && e.name || null;
+	}
+	_syncFieldToReactiveData(e, t) {
+		if (!this._formData || !t) return;
+		let n = this._getObjectValue(this._formData);
+		if (!n || typeof n != "object" || Array.isArray(n)) return;
+		let r = this._getFieldElements(t), i = this._extractFieldValue(r.length ? r : [e]);
+		n[t] = this._normalizeReactiveValue(r, i), this._lastDataSnapshot = this._createDataSnapshot(n);
+	}
+	_normalizeReactiveValue(e, t) {
+		if (t instanceof FileList) return Array.from(t);
+		if (Array.isArray(t)) return t;
+		let n = e[0];
+		return e.length === 1 && (n instanceof HTMLInputElement && n.type === "checkbox" || n?.tagName === "MINT-CHECKBOX" || n?.tagName === "MINT-SWITCH") ? !!t : t ?? "";
+	}
+	_cleanupBlurValidation() {
+		if (this._form && this._fieldBlurHandlers.has(this._form)) {
+			let e = this._fieldBlurHandlers.get(this._form);
+			e && this._form.removeEventListener("blur", e, !0), this._fieldBlurHandlers.delete(this._form);
+		}
+		if (this._form && this._fieldChangeHandlers.has(this._form)) {
+			let e = this._fieldChangeHandlers.get(this._form);
+			e && (this._form.removeEventListener("change", e, !0), this._form.removeEventListener("input", e, !0), this._form.removeEventListener("tags-change", e, !0), this._form.removeEventListener("choice-change", e, !0)), this._fieldChangeHandlers.delete(this._form);
+		}
+		this._observer &&= (this._observer.disconnect(), null);
+	}
+	_syncDropzoneFiles() {
+		this._form && Array.from(this._form.querySelectorAll("mint-dropzone[name]")).forEach((e) => {
+			typeof e.syncFiles == "function" && e.syncFiles();
+		});
+	}
+	_isSubmittingAttrActive() {
+		let e = this.getAttribute("submitting");
+		return e !== null && e !== "false";
+	}
+	_applySubmittingAttributeState() {
+		if (this._form) {
+			if (!this._isSubmittingAttrActive()) {
+				this._restoreSubmittingAttributeState();
+				return;
+			}
+			this._attrSubmittingMintFields.size > 0 || this._attrSubmittingNativeFields.size > 0 || this._attrSubmittingMintButtons.size > 0 || this._attrSubmittingNativeButtons.size > 0 || (this._form.querySelectorAll("mint-input, mint-select, mint-date-picker, mint-dropzone, mint-checkbox, mint-choice, mint-switch, mint-tags").forEach((e) => {
+				let t = e.getAttribute("disabled") === "true";
+				this._attrSubmittingMintFields.set(e, t), t || e.setAttribute("disabled", "true"), typeof e.render == "function" && e.render();
+			}), this._form.querySelectorAll("input, textarea, select").forEach((e) => {
+				if (e.closest("mint-input, mint-select, mint-date-picker, mint-dropzone, mint-checkbox, mint-choice, mint-switch, mint-tags, mint-button") || e instanceof HTMLInputElement && e.type === "hidden") return;
+				let t = e.disabled;
+				this._attrSubmittingNativeFields.set(e, t), t || (e.disabled = !0);
+			}), Array.from(this.querySelectorAll("mint-button")).forEach((e) => {
+				let t = e.getAttribute("disabled") === "true", n = e.getAttribute("loading") === "true";
+				this._attrSubmittingMintButtons.set(e, {
+					disabled: t,
+					loading: n
+				});
+				let r = (e.getAttribute("type") || e.getAttribute("button-type") || "default") === "submit";
+				t || e.setAttribute("disabled", "true"), r && !n && e.setAttribute("loading", "true"), typeof e.render == "function" && e.render();
+			}), Array.from(this.querySelectorAll("button")).forEach((e) => {
+				if (e.closest("mint-button, mint-input, mint-select, mint-date-picker, mint-dropzone, mint-checkbox, mint-choice, mint-switch, mint-tags")) return;
+				let t = e.disabled;
+				this._attrSubmittingNativeButtons.set(e, t), t || (e.disabled = !0);
+			}));
+		}
+	}
+	_restoreSubmittingAttributeState() {
+		this._attrSubmittingMintFields.forEach((e, t) => {
+			e ? t.setAttribute("disabled", "true") : t.removeAttribute("disabled"), typeof t.render == "function" && t.render();
+		}), this._attrSubmittingMintFields.clear(), this._attrSubmittingNativeFields.forEach((e, t) => {
+			t.disabled = e;
+		}), this._attrSubmittingNativeFields.clear(), this._attrSubmittingMintButtons.forEach((e, t) => {
+			e.disabled ? t.setAttribute("disabled", "true") : t.removeAttribute("disabled"), e.loading ? t.setAttribute("loading", "true") : t.removeAttribute("loading"), typeof t.render == "function" && t.render();
+		}), this._attrSubmittingMintButtons.clear(), this._attrSubmittingNativeButtons.forEach((e, t) => {
+			t.disabled = e;
+		}), this._attrSubmittingNativeButtons.clear();
+	}
+	_propagateLoadingState() {
+		if (!this._form) return;
+		let e = this.getAttribute("loading"), t = e !== null && e !== "false";
+		Array.from(this._form.querySelectorAll("mint-input, mint-select, mint-date-picker, mint-dropzone, mint-checkbox, mint-choice, mint-switch, mint-tags")).forEach((e) => {
+			t ? e.setAttribute("loading", "true") : e.removeAttribute("loading"), typeof e.render == "function" && e.render();
+		});
+	}
+	_setButtonsSubmitting() {
+		if (!this._form) return;
+		this._buttonStates.clear();
+		let e = Array.from(this.querySelectorAll("mint-button")), t = Array.from(this.querySelectorAll("button"));
+		e.forEach((e) => {
+			let t = e.getAttribute("disabled") === "true", n = e.getAttribute("loading") === "true";
+			this._buttonStates.set(e, {
+				disabled: t,
+				loading: n
+			});
+			let r = (e.getAttribute("type") || e.getAttribute("button-type") || "default") === "submit";
+			t || e.setAttribute("disabled", "true"), r && e.setAttribute("loading", "true"), typeof e.render == "function" && e.render();
+		}), t.forEach((e) => {
+			if (e.closest("mint-button")) return;
+			let t = e.disabled;
+			this._buttonStates.set(e, {
+				disabled: t,
+				loading: !1
+			}), t || (e.disabled = !0);
+		});
+	}
+	_restoreButtonsState() {
+		if (!this._form) return;
+		let e = this._isSubmittingAttrActive() && (this._attrSubmittingMintButtons.size > 0 || this._attrSubmittingNativeButtons.size > 0), t = Array.from(this.querySelectorAll("mint-button")), n = Array.from(this.querySelectorAll("button"));
+		t.forEach((t) => {
+			if (e && this._attrSubmittingMintButtons.has(t)) return;
+			let n = this._buttonStates.get(t);
+			n && (n.disabled ? t.setAttribute("disabled", "true") : t.removeAttribute("disabled"), n.loading ? t.setAttribute("loading", "true") : t.removeAttribute("loading"), typeof t.render == "function" && t.render());
+		}), n.forEach((t) => {
+			if (t.closest("mint-button") || e && this._attrSubmittingNativeButtons.has(t)) return;
+			let n = this._buttonStates.get(t);
+			n && (t.disabled = n.disabled);
+		}), this._buttonStates.clear();
+	}
+	_isReactiveObject(e) {
+		return !!(e && typeof e == "object" && !Array.isArray(e));
+	}
+	_createDataSnapshot(e) {
+		try {
+			let t = this._extractReactiveData(e);
+			return JSON.parse(JSON.stringify(t));
+		} catch {
+			return { ...this._extractReactiveData(e) };
+		}
+	}
+	_extractReactiveData(e) {
+		if (!e || typeof e != "object") return e;
+		if (Array.isArray(e)) return e.map((e) => this._extractReactiveData(e));
+		let t = this._getObjectValue(e);
+		if (t && typeof t == "object" && !Array.isArray(t)) {
+			let e = {};
+			for (let n in t) Object.prototype.hasOwnProperty.call(t, n) && (e[n] = this._extractReactiveData(t[n]));
+			return e;
+		}
+		return t;
+	}
+	_hasDataChanged(e, t) {
+		try {
+			return JSON.stringify(e) !== JSON.stringify(t);
+		} catch {
+			return !0;
+		}
+	}
+	_getObjectValue(e) {
+		return e;
+	}
+	_setupObjectDataObserver(e) {
+		if (this._stopReactiveDataObserver(), !this.isConnected) return;
+		let t = this._getObjectValue(e);
+		if (t && typeof t == "object" && !Array.isArray(t)) this._lastDataSnapshot = this._createDataSnapshot(t);
+		else {
+			this._lastDataSnapshot = null;
+			return;
+		}
+		let n = () => {
+			if (!this._formData || !this._lastDataSnapshot) {
+				this._stopReactiveDataObserver();
+				return;
+			}
+			let e = this._getObjectValue(this._formData);
+			if (e && typeof e == "object" && !Array.isArray(e)) {
+				let t = this._createDataSnapshot(e);
+				this._hasDataChanged(t, this._lastDataSnapshot) && (this._lastDataSnapshot = t, requestAnimationFrame(() => {
+					this._applyFormData();
+				}));
+			}
+			this.isConnected && this._formData ? this._reactiveDataObserver = requestAnimationFrame(n) : this._stopReactiveDataObserver();
+		};
+		this._reactiveDataObserver = requestAnimationFrame(n);
+	}
+	_stopReactiveDataObserver() {
+		this._reactiveDataObserver !== null && (cancelAnimationFrame(this._reactiveDataObserver), this._reactiveDataObserver = null), this._reactiveDataProxy = null, this._lastDataSnapshot = null, this._lastAppliedDataSnapshot = null;
+	}
+};
+customElements.get("mint-form") || e("mint-form", t), typeof window < "u" && (window.mintForm = window.mintForm || {
+	defaults: { headers: { common: {} } },
+	interceptors: { response: { handlers: [] } }
+}, window.mintForm.interceptors.response.use || (window.mintForm.interceptors.response.use = function(e, t) {
+	return window.mintForm.interceptors.response.handlers.push({
+		fulfilled: e,
+		rejected: t
+	}), window.mintForm.interceptors.response.handlers.length - 1;
+}));
+//#endregion
+export { t as default };