stimulus_plumbers 0.2.7 → 0.2.8

data/app/assets/javascripts/stimulus-plumbers/stimulus-plumbers-controllers.es.js

@@ -124,54 +124,54 @@ function p(e, t = {}) {
 }
 var m = (e = "a11y") => `${e}-${Math.random().toString(36).substr(2, 9)}`, h = (e, t = "element") => e.id ||= m(t), g = (e, t, n) => {
 	e.setAttribute(t, n.toString());
-}, _ = (e, t) => g(e, "aria-expanded", t), v = (e, t) => g(e, "aria-pressed", t), y = (e, t) => g(e, "aria-checked", t);
-function ee(e, t) {
+}, _ = (e, t) => g(e, "aria-expanded", t), v = (e, t) => g(e, "aria-pressed", t), ee = (e, t) => g(e, "aria-checked", t);
+function te(e, t) {
 	g(e, "aria-disabled", t), t ? e.setAttribute("tabindex", "-1") : e.removeAttribute("tabindex");
 }
-var b = {
+var y = {
 	menu: "menu",
 	listbox: "listbox",
 	tree: "tree",
 	grid: "grid",
 	dialog: "dialog"
-}, x = (e, t, n) => {
+}, b = (e, t, n) => {
 	Object.entries(t).forEach(([t, r]) => {
 		e.setAttribute(t, r), n[t] = r;
 	});
-}, S = (e, t, n) => n || !e.hasAttribute(t);
-function C({ trigger: e, target: t, role: n = null, override: r = !1 }) {
+}, x = (e, t, n) => n || !e.hasAttribute(t);
+function S({ trigger: e, target: t, role: n = null, override: r = !1 }) {
 	let i = {
 		trigger: {},
 		target: {}
 	};
 	if (!e || !t) return i;
 	let a = {}, o = {};
-	if (n && S(t, "role", r) && (o.role = n), t.id && (S(e, "aria-controls", r) && (a["aria-controls"] = t.id), n === "tooltip" && S(e, "aria-describedby", r) && (a["aria-describedby"] = t.id)), n && S(e, "aria-haspopup", r)) {
-		let e = b[n] || "true";
+	if (n && x(t, "role", r) && (o.role = n), t.id && (x(e, "aria-controls", r) && (a["aria-controls"] = t.id), n === "tooltip" && x(e, "aria-describedby", r) && (a["aria-describedby"] = t.id)), n && x(e, "aria-haspopup", r)) {
+		let e = y[n] || "true";
 		e && (a["aria-haspopup"] = e);
 	}
-	return x(t, o, i.target), x(e, a, i.trigger), i;
+	return b(t, o, i.target), b(e, a, i.trigger), i;
 }
-var w = (e, t) => {
+var C = (e, t) => {
 	t.forEach((t) => {
 		e.hasAttribute(t) && e.removeAttribute(t);
 	});
 };
-function T({ trigger: e, target: t, attributes: n = null }) {
-	!e || !t || (w(e, n || [
+function ne({ trigger: e, target: t, attributes: n = null }) {
+	!e || !t || (C(e, n || [
 		"aria-controls",
 		"aria-haspopup",
 		"aria-describedby"
-	]), (!n || n.includes("role")) && w(t, ["role"]));
+	]), (!n || n.includes("role")) && C(t, ["role"]));
 }
 //#endregion
 //#region src/plumbers/plumber/support.js
-var E = {
+var w = {
 	get visibleOnly() {
 		return !0;
 	},
 	hiddenClass: null
-}, D = {
+}, T = {
 	get top() {
 		return "bottom";
 	},
@@ -185,7 +185,7 @@ var E = {
 		return "left";
 	}
 };
-function O({ x: e, y: t, width: n, height: r }) {
+function E({ x: e, y: t, width: n, height: r }) {
 	return {
 		x: e,
 		y: t,
@@ -197,47 +197,47 @@ function O({ x: e, y: t, width: n, height: r }) {
 		bottom: t + r
 	};
 }
-function k() {
-	return O({
+function D() {
+	return E({
 		x: 0,
 		y: 0,
 		width: window.innerWidth || document.documentElement.clientWidth,
 		height: window.innerHeight || document.documentElement.clientHeight
 	});
 }
-function A(e) {
+function re(e) {
 	if (!(e instanceof HTMLElement)) return !1;
-	let t = k(), n = e.getBoundingClientRect(), r = n.top <= t.height && n.top + n.height > 0, i = n.left <= t.width && n.left + n.width > 0;
+	let t = D(), n = e.getBoundingClientRect(), r = n.top <= t.height && n.top + n.height > 0, i = n.left <= t.width && n.left + n.width > 0;
 	return r && i;
 }
-function j(e) {
+function O(e) {
 	return e instanceof Date && !isNaN(e);
 }
-function M(...e) {
+function k(...e) {
 	if (e.length === 0) throw "Missing values to parse as date";
 	if (e.length === 1) {
 		let t = new Date(e[0]);
-		if (e[0] && j(t)) return t;
+		if (e[0] && O(t)) return t;
 	} else {
 		let t = new Date(...e);
-		if (j(t)) return t;
+		if (O(t)) return t;
 	}
 }
 //#endregion
 //#region src/plumbers/plumber/index.js
-var N = {
+var ie = {
 	element: null,
 	visible: null,
 	dispatch: !0,
 	prefix: ""
-}, P = class {
+}, A = class {
 	constructor(e, t = {}) {
 		this.controller = e;
-		let { element: n, visible: r, dispatch: i, prefix: a } = Object.assign({}, N, t);
-		this.element = n || e.element, this.visibleOnly = typeof r == "boolean" ? r : E.visibleOnly, this.visibleCallback = typeof r == "string" ? r : null, this.notify = !!i, this.prefix = typeof a == "string" && a ? a : e.identifier;
+		let { element: n, visible: r, dispatch: i, prefix: a } = Object.assign({}, ie, t);
+		this.element = n || e.element, this.visibleOnly = typeof r == "boolean" ? r : w.visibleOnly, this.visibleCallback = typeof r == "string" ? r : null, this.notify = !!i, this.prefix = typeof a == "string" && a ? a : e.identifier;
 	}
 	get visible() {
-		return this.element instanceof HTMLElement ? this.visibleOnly ? A(this.element) && this.isVisible(this.element) : !0 : !1;
+		return this.element instanceof HTMLElement ? this.visibleOnly ? re(this.element) && this.isVisible(this.element) : !0 : !1;
 	}
 	isVisible(e) {
 		if (this.visibleCallback) {
@@ -266,7 +266,7 @@ var N = {
 			return n instanceof Promise ? await n : n;
 		}
 	}
-}, F = 7, I = {
+}, j = 7, M = {
 	locales: ["default"],
 	today: "",
 	day: null,
@@ -281,15 +281,15 @@ var N = {
 	disabledYears: [],
 	firstDayOfWeek: 0,
 	onNavigated: "navigated"
-}, L = class extends P {
+}, ae = class extends A {
 	constructor(e, t = {}) {
 		super(e, t);
-		let n = Object.assign({}, I, t), { onNavigated: r, since: i, till: a, firstDayOfWeek: o } = n;
-		this.onNavigated = r, this.since = M(i), this.till = M(a), this.firstDayOfWeek = 0 <= o && o < 7 ? o : I.firstDayOfWeek;
+		let n = Object.assign({}, M, t), { onNavigated: r, since: i, till: a, firstDayOfWeek: o } = n;
+		this.onNavigated = r, this.since = k(i), this.till = k(a), this.firstDayOfWeek = 0 <= o && o < 7 ? o : M.firstDayOfWeek;
 		let { disabledDates: s, disabledWeekdays: c, disabledDays: l, disabledMonths: u, disabledYears: d } = n;
 		this.disabledDates = Array.isArray(s) ? s : [], this.disabledWeekdays = Array.isArray(c) ? c : [], this.disabledDays = Array.isArray(l) ? l : [], this.disabledMonths = Array.isArray(u) ? u : [], this.disabledYears = Array.isArray(d) ? d : [];
 		let { today: f, day: p, month: m, year: h } = n;
-		this.now = M(f) || /* @__PURE__ */ new Date(), typeof h == "number" && typeof m == "number" && typeof p == "number" ? this.current = M(h, m, p) : this.current = this.now, this.build(), this.enhance();
+		this.now = k(f) || /* @__PURE__ */ new Date(), typeof h == "number" && typeof m == "number" && typeof p == "number" ? this.current = k(h, m, p) : this.current = this.now, this.build(), this.enhance();
 	}
 	build() {
 		this.daysOfWeek = this.buildDaysOfWeek(), this.daysOfMonth = this.buildDaysOfMonth(), this.monthsOfYear = this.buildMonthsOfYear();
@@ -325,7 +325,7 @@ var N = {
 			let a = new Date(t, e, i);
 			n.push(r(a));
 		}
-		let s = n.length % F, c = s === 0 ? 0 : F - s;
+		let s = n.length % j, c = s === 0 ? 0 : j - s;
 		for (let i = 1; i <= c; i++) {
 			let a = new Date(t, e + 1, i);
 			n.push(r(a));
@@ -350,18 +350,18 @@ var N = {
 		return this.now;
 	}
 	set today(e) {
-		if (!j(e)) return;
+		if (!O(e)) return;
 		let t = this.month ? this.month : e.getMonth(), n = this.year ? this.year : e.getFullYear(), r = t == e.getMonth() && n == e.getFullYear(), i = this.hasDayValue ? this.day : r ? e.getDate() : 1;
 		this.now = new Date(n, t, i).toISOString();
 	}
 	get current() {
-		return typeof this.year == "number" && typeof this.month == "number" && typeof this.day == "number" ? M(this.year, this.month, this.day) : null;
+		return typeof this.year == "number" && typeof this.month == "number" && typeof this.day == "number" ? k(this.year, this.month, this.day) : null;
 	}
 	set current(e) {
-		j(e) && (this.day = e.getDate(), this.month = e.getMonth(), this.year = e.getFullYear());
+		O(e) && (this.day = e.getDate(), this.month = e.getMonth(), this.year = e.getFullYear());
 	}
 	navigate = async (e) => {
-		if (!j(e)) return;
+		if (!O(e)) return;
 		let t = this.current, n = e.toISOString(), r = t.toISOString();
 		this.dispatch("navigate", { detail: {
 			from: r,
@@ -392,7 +392,7 @@ var N = {
 		await this.navigate(n);
 	};
 	isDisabled = (e) => {
-		if (!j(e)) return !1;
+		if (!O(e)) return !1;
 		if (this.disabledDates.length) {
 			let t = e.getTime();
 			for (let e of this.disabledDates) if (t === new Date(e).getTime()) return !0;
@@ -422,7 +422,7 @@ var N = {
 		return !1;
 	};
 	isWithinRange = (e) => {
-		if (!j(e)) return !1;
+		if (!O(e)) return !1;
 		let t = !0;
 		return this.since && (t &&= e >= this.since), this.till && (t &&= e <= this.till), t;
 	};
@@ -485,19 +485,61 @@ var N = {
 			};
 		} });
 	}
-}, R = (e, t) => new L(e, t), z = {
+}, oe = (e, t) => new ae(e, t), se = class extends A {
+	constructor(e, t = {}) {
+		super(e, t), this.debounceTimer = null, this.abortController = null;
+	}
+	fuzzyFilter(e, t) {
+		let n = t.toLowerCase(), r = 0;
+		return e.querySelectorAll("[role=\"option\"]").forEach((e) => {
+			let t = this.fuzzyMatch(n, e.textContent.trim().toLowerCase());
+			e.hidden = !t, t && r++;
+		}), r;
+	}
+	fuzzyMatch(e, t) {
+		let n = 0;
+		for (let r = 0; r < t.length && n < e.length; r++) t[r] === e[n] && n++;
+		return n === e.length;
+	}
+	scheduleFetch(e, t, n) {
+		clearTimeout(this.debounceTimer), this.debounceTimer = setTimeout(() => this.fetch(e, n), t);
+	}
+	async fetch(e, { url: t, field: n, onLoading: r, onLoaded: i, onError: a }) {
+		this.abortController?.abort(), this.abortController = new AbortController(), r?.(!0);
+		let o = new URL(t, window.location.href);
+		o.searchParams.set(n, e);
+		try {
+			let e = await fetch(o, {
+				signal: this.abortController.signal,
+				headers: {
+					Accept: "text/html",
+					"X-Requested-With": "XMLHttpRequest"
+				}
+			});
+			if (!e.ok) throw Error(`${e.status}`);
+			i?.(await e.text());
+		} catch (e) {
+			e.name !== "AbortError" && a?.(e);
+		} finally {
+			r?.(!1);
+		}
+	}
+	cancel() {
+		clearTimeout(this.debounceTimer), this.abortController?.abort();
+	}
+}, ce = (e, t) => new se(e, t), N = {
 	content: null,
 	url: "",
 	reload: "never",
 	stale: 3600,
-	onLoad: "contentLoad",
+	onLoad: "canLoad",
 	onLoading: "contentLoading",
 	onLoaded: "contentLoaded"
-}, B = class extends P {
+}, le = class extends A {
 	constructor(e, t = {}) {
 		super(e, t);
-		let n = Object.assign({}, z, t), { content: r, url: i, reload: a, stale: o } = n;
-		this.content = r, this.url = i, this.reload = typeof a == "string" ? a : z.reload, this.stale = typeof o == "number" ? o : z.stale;
+		let n = Object.assign({}, N, t), { content: r, url: i, reload: a, stale: o } = n;
+		this.content = r, this.url = i, this.reload = typeof a == "string" ? a : N.reload, this.stale = typeof o == "number" ? o : N.stale;
 		let { onLoad: s, onLoading: c, onLoaded: l } = n;
 		this.onLoad = s, this.onLoading = c, this.onLoaded = l, this.enhance();
 	}
@@ -506,7 +548,7 @@ var N = {
 			case "never": return !1;
 			case "always": return !0;
 			default: {
-				let e = M(this.loadedAt);
+				let e = k(this.loadedAt);
 				return e && /* @__PURE__ */ new Date() - e > this.stale * 1e3;
 			}
 		}
@@ -532,14 +574,14 @@ var N = {
 		let e = this;
 		Object.assign(this.controller, { load: e.load.bind(e) });
 	}
-}, V = (e, t) => new B(e, t), H = {
+}, ue = (e, t) => new le(e, t), de = {
 	trigger: null,
 	events: ["click"],
 	onDismissed: "dismissed"
-}, U = class extends P {
+}, fe = class extends A {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { trigger: n, events: r, onDismissed: i } = Object.assign({}, H, t);
+		let { trigger: n, events: r, onDismissed: i } = Object.assign({}, de, t);
 		this.onDismissed = i, this.trigger = n || this.element, this.events = r, this.enhance(), this.observe();
 	}
 	dismiss = async (e) => {
@@ -562,7 +604,7 @@ var N = {
 			e.unobserve(), t();
 		} });
 	}
-}, W = (e, t) => new U(e, t), G = {
+}, P = (e, t) => new fe(e, t), F = {
 	anchor: null,
 	events: ["click"],
 	placement: "bottom",
@@ -570,11 +612,11 @@ var N = {
 	onFlipped: "flipped",
 	ariaRole: null,
 	respectMotion: !0
-}, K = class extends P {
+}, I = class extends A {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { anchor: n, events: r, placement: i, alignment: a, onFlipped: o, ariaRole: s, respectMotion: c } = Object.assign({}, G, t);
-		this.anchor = n, this.events = r, this.placement = i, this.alignment = a, this.onFlipped = o, this.ariaRole = s, this.respectMotion = c, this.prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches, this.anchor && this.element && C({
+		let { anchor: n, events: r, placement: i, alignment: a, onFlipped: o, ariaRole: s, respectMotion: c } = Object.assign({}, F, t);
+		this.anchor = n, this.events = r, this.placement = i, this.alignment = a, this.onFlipped = o, this.ariaRole = s, this.respectMotion = c, this.prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches, this.anchor && this.element && S({
 			trigger: this.anchor,
 			target: this.element,
 			role: this.ariaRole
@@ -592,7 +634,7 @@ var N = {
 		}), this.dispatch("flipped", { detail: { placement: e } });
 	};
 	flippedRect(e, t) {
-		let n = this.quadrumRect(e, k()), r = [this.placement, D[this.placement]], i = {};
+		let n = this.quadrumRect(e, D()), r = [this.placement, T[this.placement]], i = {};
 		for (; !Object.keys(i).length && r.length > 0;) {
 			let a = r.shift();
 			if (!this.biggerRectThan(n[a], t)) continue;
@@ -603,25 +645,25 @@ var N = {
 	}
 	quadrumRect(e, t) {
 		return {
-			left: O({
+			left: E({
 				x: t.x,
 				y: t.y,
 				width: e.x - t.x,
 				height: t.height
 			}),
-			right: O({
+			right: E({
 				x: e.x + e.width,
 				y: t.y,
 				width: t.width - (e.x + e.width),
 				height: t.height
 			}),
-			top: O({
+			top: E({
 				x: t.x,
 				y: t.y,
 				width: t.width,
 				height: e.y - t.y
 			}),
-			bottom: O({
+			bottom: E({
 				x: t.x,
 				y: e.y + e.height,
 				width: t.width,
@@ -631,25 +673,25 @@ var N = {
 	}
 	quadrumPlacement(e, t, n) {
 		switch (t) {
-			case "top": return O({
+			case "top": return E({
 				x: n.x,
 				y: e.y - n.height,
 				width: n.width,
 				height: n.height
 			});
-			case "bottom": return O({
+			case "bottom": return E({
 				x: n.x,
 				y: e.y + e.height,
 				width: n.width,
 				height: n.height
 			});
-			case "left": return O({
+			case "left": return E({
 				x: e.x - n.width,
 				y: n.y,
 				width: n.width,
 				height: n.height
 			});
-			case "right": return O({
+			case "right": return E({
 				x: e.x + e.width,
 				y: n.y,
 				width: n.width,
@@ -663,7 +705,7 @@ var N = {
 			case "top":
 			case "bottom": {
 				let t = e.x;
-				return this.alignment === "center" ? t = e.x + e.width / 2 - n.width / 2 : this.alignment === "end" && (t = e.x + e.width - n.width), O({
+				return this.alignment === "center" ? t = e.x + e.width / 2 - n.width / 2 : this.alignment === "end" && (t = e.x + e.width - n.width), E({
 					x: t,
 					y: n.y,
 					width: n.width,
@@ -673,7 +715,7 @@ var N = {
 			case "left":
 			case "right": {
 				let t = e.y;
-				return this.alignment === "center" ? t = e.y + e.height / 2 - n.height / 2 : this.alignment === "end" && (t = e.y + e.height - n.height), O({
+				return this.alignment === "center" ? t = e.y + e.height / 2 - n.height / 2 : this.alignment === "end" && (t = e.y + e.height - n.height), E({
 					x: n.x,
 					y: t,
 					width: n.width,
@@ -705,7 +747,196 @@ var N = {
 			flip: e.flip.bind(e)
 		});
 	}
-}, q = (e, t) => new K(e, t), J = {
+}, L = (e, t) => new I(e, t), R = {
+	normalize(e) {
+		return typeof e == "string" ? e : "";
+	},
+	validate() {
+		return !0;
+	}
+};
+//#endregion
+//#region src/plumbers/input_format/formatters/credit_card.js
+function z(e) {
+	let t = 0, n = !1;
+	for (let r = e.length - 1; r >= 0; r--) {
+		let i = parseInt(e[r], 10);
+		n && (i *= 2, i > 9 && (i -= 9)), t += i, n = !n;
+	}
+	return t % 10 == 0;
+}
+var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
+	normalize(e) {
+		return typeof e == "string" ? e.replace(B, "") : "";
+	},
+	validate(e) {
+		return typeof e != "string" || !V.test(e) ? !1 : z(e);
+	},
+	format(e) {
+		return typeof e == "string" ? e.replace(pe, "$1 ") : "";
+	}
+}, H = { 1: 10 }, U = /\D/g, he = /^\+\d{7,15}$/, ge = {
+	normalize(e) {
+		if (typeof e != "string") return "";
+		let t = e.trimStart().startsWith("+"), n = e.replace(U, "");
+		return t ? `+${n}` : n;
+	},
+	validate(e) {
+		if (typeof e != "string") return !1;
+		if (he.test(e)) return !0;
+		let t = e.replace(U, "");
+		return Object.values(H).includes(t.length);
+	},
+	format(e) {
+		if (typeof e != "string") return "";
+		let t = e.replace(U, "");
+		for (let [e, n] of Object.entries(H)) {
+			if (t.length === n) return `(${t.slice(0, 3)}) ${t.slice(3, 6)}-${t.slice(6)}`;
+			let r = n + e.length;
+			if (t.length === r && t.startsWith(e)) {
+				let n = t.slice(e.length);
+				return `+${e} (${n.slice(0, 3)}) ${n.slice(3, 6)}-${n.slice(6)}`;
+			}
+		}
+		return e;
+	}
+}, _e = /[^\d.,-]/g, ve = /^-?\d+(\.\d+)?$/, ye = {
+	normalize(e) {
+		if (typeof e != "string") return "";
+		let t = e.replace(_e, "");
+		if (!t) return "";
+		let n = t.lastIndexOf(","), r = t.lastIndexOf(".");
+		return n > -1 && r > -1 ? n > r ? t.replace(/\./g, "").replace(",", ".") : t.replace(/,/g, "") : n > -1 ? t.slice(n + 1).length <= 2 ? t.replace(",", ".") : t.replace(/,/g, "") : t;
+	},
+	validate(e) {
+		return typeof e == "string" ? ve.test(e) : !1;
+	},
+	format(e, t = {}) {
+		if (typeof e != "string") return "";
+		let n = parseFloat(e);
+		if (isNaN(n)) return e;
+		let r = t.locale || "en-US", i = t.currency || "USD", a = t.fractionDigits === void 0 ? {} : {
+			minimumFractionDigits: t.fractionDigits,
+			maximumFractionDigits: t.fractionDigits
+		};
+		try {
+			return new Intl.NumberFormat(r, {
+				style: "currency",
+				currency: i,
+				...a
+			}).format(n);
+		} catch {
+			return e;
+		}
+	}
+}, W = /^\d{4}-\d{2}-\d{2}$/, be = /^(\d{1,4})[/\-.](\d{1,2})[/\-.](\d{1,4})$/, xe = /\D/g, G = {
+	normalize(e) {
+		if (typeof e != "string") return "";
+		let t = e.trim();
+		if (W.test(t)) return t;
+		let n = t.match(be);
+		if (n) {
+			let [, e, t, r] = n;
+			if (e.length === 4) return `${e}-${t.padStart(2, "0")}-${r.padStart(2, "0")}`;
+			if (r.length === 4) return `${r}-${e.padStart(2, "0")}-${t.padStart(2, "0")}`;
+		}
+		let r = t.replace(xe, "");
+		if (r.length === 8) {
+			let e = parseInt(r.slice(0, 4), 10);
+			return e >= 1e3 && e <= 9999 ? `${r.slice(0, 4)}-${r.slice(4, 6)}-${r.slice(6, 8)}` : `${r.slice(4, 8)}-${r.slice(0, 2)}-${r.slice(2, 4)}`;
+		}
+		return t;
+	},
+	validate(e) {
+		if (typeof e != "string") return !1;
+		let t = G.normalize(e);
+		if (!W.test(t)) return !1;
+		let n = /* @__PURE__ */ new Date(`${t}T00:00:00Z`);
+		return !isNaN(n.getTime()) && n.toISOString().startsWith(t);
+	},
+	format(e, t = {}) {
+		if (typeof e != "string") return "";
+		let n = /* @__PURE__ */ new Date(`${e}T00:00:00Z`);
+		if (isNaN(n.getTime())) return e;
+		let r = t.locale || "en-US";
+		try {
+			return new Intl.DateTimeFormat(r, {
+				year: t.year || "numeric",
+				month: t.month || "2-digit",
+				day: t.day || "2-digit",
+				timeZone: t.timeZone || "UTC"
+			}).format(n);
+		} catch {
+			return e;
+		}
+	}
+}, Se = /^([01]?\d|2[0-3]):([0-5]\d)$/, K = {
+	normalize(e) {
+		if (typeof e != "string") return "";
+		let t = e.trim();
+		if (Se.test(t)) {
+			let [e, n] = t.split(":");
+			return `${String(parseInt(e, 10)).padStart(2, "0")}:${n}`;
+		}
+		let n = t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);
+		if (n) {
+			let e = parseInt(n[1], 10), t = n[2];
+			return e = n[3].toUpperCase() === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12, e > 23 || parseInt(t, 10) > 59 ? "" : `${String(e).padStart(2, "0")}:${t}`;
+		}
+		return "";
+	},
+	validate(e) {
+		return K.normalize(e) !== "";
+	},
+	format(e, t = {}) {
+		if (typeof e != "string") return "";
+		let n = e.match(/^(\d{2}):(\d{2})$/);
+		if (!n) return e;
+		let r = parseInt(n[1], 10), i = n[2];
+		if (t.format === "h24") return `${String(r).padStart(2, "0")}:${i}`;
+		let a = r < 12 ? "AM" : "PM";
+		return `${r % 12 || 12}:${i} ${a}`;
+	}
+}, q = {
+	PLAIN: "plain",
+	CREDIT_CARD: "creditCard",
+	PHONE: "phone",
+	CURRENCY: "currency",
+	DATE: "date",
+	TIME: "time"
+}, J = new Map([
+	[q.PLAIN, R],
+	[q.CREDIT_CARD, me],
+	[q.PHONE, ge],
+	[q.CURRENCY, ye],
+	[q.DATE, G],
+	[q.TIME, K]
+]), Y = {
+	type: q.PLAIN,
+	options: {}
+}, Ce = class extends A {
+	static register(e, t) {
+		J.set(e, t);
+	}
+	constructor(e, t = {}) {
+		super(e, t), this.type = t.type ?? Y.type, this.options = t.options ?? Y.options, this.enhance();
+	}
+	enhance() {
+		let e = this, t = J.get(e.type) ?? J.get(q.PLAIN), n = {
+			normalize: (n) => t.normalize?.(n, e.options) ?? (typeof n == "string" ? n : ""),
+			validate: (n) => t.validate?.(n, e.options) ?? !0,
+			format: (n) => t.format?.(n, e.options) ?? (typeof n == "string" ? n : ""),
+			mask: (n) => t.mask?.(n, e.options) ?? null,
+			maskable: () => typeof t.mask == "function"
+		};
+		Object.defineProperty(this.controller, "inputFormat", {
+			get() {
+				return n;
+			},
+			configurable: !0
+		});
+	}
+}, X = (e, t) => new Ce(e, t), we = {
 	events: ["resize"],
 	boundaries: [
 		"top",
@@ -714,10 +945,10 @@ var N = {
 	],
 	onShifted: "shifted",
 	respectMotion: !0
-}, Y = class extends P {
+}, Te = class extends A {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { onShifted: n, events: r, boundaries: i, respectMotion: a } = Object.assign({}, J, t);
+		let { onShifted: n, events: r, boundaries: i, respectMotion: a } = Object.assign({}, we, t);
 		this.onShifted = n, this.events = r, this.boundaries = i, this.respectMotion = a, this.prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches, this.enhance(), this.observe();
 	}
 	shift = async () => {
@@ -727,14 +958,14 @@ var N = {
 		this.element.style.transition = this.respectMotion && this.prefersReducedMotion ? "none" : "", this.element.style.transform = `translate(${t}px, ${n}px)`, await this.awaitCallback(this.onShifted, e), this.dispatch("shifted", { detail: e });
 	};
 	overflowRect(e, t) {
-		let n = {}, r = k(), i = O({
+		let n = {}, r = D(), i = E({
 			x: e.x - t.x,
 			y: e.y - t.y,
 			width: e.width,
 			height: e.height
 		});
 		for (let e of this.boundaries) {
-			let t = this.directionDistance(i, e, r), a = D[e];
+			let t = this.directionDistance(i, e, r), a = T[e];
 			t < 0 ? i[a] + t >= r[a] && !n[a] && (n[e] = t) : n[e] = "";
 		}
 		return n;
@@ -782,23 +1013,23 @@ var N = {
 			shift: e.shift.bind(e)
 		});
 	}
-}, X = (e, t) => new Y(e, t), Z = {
+}, Ee = (e, t) => new Te(e, t), Z = {
 	visibility: "visibility",
 	onShown: "shown",
 	onHidden: "hidden"
-}, Q = class extends P {
+}, De = class extends A {
 	constructor(e, t = {}) {
 		let { visibility: n, onShown: r, onHidden: i, activator: a } = Object.assign({}, Z, t), o = typeof n == "string" ? n : Z.namespace, s = typeof t.visible == "string" ? t.visible : "isVisible";
 		(typeof t.visible != "boolean" || t.visible) && (t.visible = `${o}.${s}`), super(e, t), this.visibility = o, this.visibilityResolver = s, this.onShown = r, this.onHidden = i, this.activator = a instanceof HTMLElement ? a : null, this.enhance(), this.element instanceof HTMLElement && this.activate(this.isVisible(this.element));
 	}
 	isVisible(e) {
 		if (!(e instanceof HTMLElement)) return !1;
-		let t = E.hiddenClass;
+		let t = w.hiddenClass;
 		return t ? !e.classList.contains(t) : !e.hasAttribute("hidden");
 	}
 	toggle(e, t) {
 		if (!(e instanceof HTMLElement)) return;
-		let n = E.hiddenClass;
+		let n = w.hiddenClass;
 		n ? t ? e.classList.remove(n) : e.classList.add(n) : t ? e.removeAttribute("hidden") : e.setAttribute("hidden", !0);
 	}
 	activate(e) {
@@ -821,146 +1052,7 @@ var N = {
 			return t;
 		} });
 	}
-}, $ = (e, t) => new Q(e, t), te = class extends e {
-	static targets = ["modal", "overlay"];
-	connect() {
-		if (!this.hasModalTarget) {
-			console.error("ModalController requires a modal target. Add data-modal-target=\"modal\" to your element.");
-			return;
-		}
-		this.isNativeDialog = this.modalTarget instanceof HTMLDialogElement, this.isNativeDialog ? (this.modalTarget.addEventListener("cancel", this.close), this.modalTarget.addEventListener("click", this.handleBackdropClick)) : (this.focusTrap = new a(this.modalTarget, { escapeDeactivates: !0 }), W(this, { element: this.modalTarget }));
-	}
-	dismissed = () => {
-		this.close();
-	};
-	disconnect() {
-		this.isNativeDialog && (this.modalTarget.removeEventListener("cancel", this.close), this.modalTarget.removeEventListener("click", this.handleBackdropClick));
-	}
-	open(e) {
-		if (e && e.preventDefault(), this.hasModalTarget) {
-			if (this.isNativeDialog) this.previouslyFocused = document.activeElement, this.modalTarget.showModal();
-			else {
-				let e = this.hasOverlayTarget ? this.overlayTarget : this.modalTarget;
-				e.hidden = !1, document.body.style.overflow = "hidden", this.focusTrap && this.focusTrap.activate();
-			}
-			p("Modal opened");
-		}
-	}
-	close(e) {
-		if (e && e.preventDefault(), this.hasModalTarget) {
-			if (this.isNativeDialog) this.modalTarget.close(), this.previouslyFocused && this.previouslyFocused.isConnected && setTimeout(() => {
-				this.previouslyFocused.focus();
-			}, 0);
-			else {
-				let e = this.hasOverlayTarget ? this.overlayTarget : this.modalTarget;
-				e.hidden = !0, document.body.style.overflow = "", this.focusTrap && this.focusTrap.deactivate();
-			}
-			p("Modal closed");
-		}
-	}
-	handleBackdropClick = (e) => {
-		let t = this.modalTarget.getBoundingClientRect();
-		(e.clientY < t.top || e.clientY > t.bottom || e.clientX < t.left || e.clientX > t.right) && this.close();
-	};
-}, ne = class extends e {
-	static targets = ["trigger"];
-	connect() {
-		W(this, { trigger: this.hasTriggerTarget ? this.triggerTarget : null });
-	}
-}, re = class extends e {
-	static targets = ["anchor", "reference"];
-	static values = {
-		placement: {
-			type: String,
-			default: "bottom"
-		},
-		alignment: {
-			type: String,
-			default: "start"
-		},
-		role: {
-			type: String,
-			default: "tooltip"
-		}
-	};
-	connect() {
-		if (!this.hasReferenceTarget) {
-			console.error("FlipperController requires a reference target. Add data-flipper-target=\"reference\" to your element.");
-			return;
-		}
-		if (!this.hasAnchorTarget) {
-			console.error("FlipperController requires an anchor target. Add data-flipper-target=\"anchor\" to your element.");
-			return;
-		}
-		q(this, {
-			element: this.referenceTarget,
-			anchor: this.anchorTarget,
-			placement: this.placementValue,
-			alignment: this.alignmentValue,
-			ariaRole: this.roleValue
-		});
-	}
-}, ie = class extends e {
-	static targets = [
-		"content",
-		"template",
-		"loader",
-		"activator"
-	];
-	static classes = ["hidden"];
-	static values = {
-		url: String,
-		loadedAt: String,
-		reload: {
-			type: String,
-			default: "never"
-		},
-		staleAfter: {
-			type: Number,
-			default: 3600
-		}
-	};
-	connect() {
-		V(this, {
-			element: this.hasContentTarget ? this.contentTarget : null,
-			url: this.hasUrlValue ? this.urlValue : null
-		}), this.hasContentTarget && $(this, {
-			element: this.contentTarget,
-			activator: this.hasActivatorTarget ? this.activatorTarget : null
-		}), this.hasLoaderTarget && $(this, {
-			element: this.loaderTarget,
-			visibility: "contentLoaderVisibility"
-		});
-	}
-	async show() {
-		await this.visibility.show();
-	}
-	async hide() {
-		await this.visibility.hide();
-	}
-	async shown() {
-		await this.load();
-	}
-	contentLoad() {
-		return this.hasContentTarget && this.contentTarget.tagName.toLowerCase() === "turbo-frame" ? (this.hasUrlValue && this.contentTarget.setAttribute("src", this.urlValue), !1) : !0;
-	}
-	async contentLoading() {
-		this.hasLoaderTarget && await this.contentLoaderVisibility.show();
-	}
-	async contentLoaded({ content: e }) {
-		this.hasContentTarget && this.contentTarget.replaceChildren(this.getContentNode(e)), this.hasLoaderTarget && await this.contentLoaderVisibility.hide();
-	}
-	getContentNode(e) {
-		if (typeof e == "string") {
-			let t = document.createElement("template");
-			return t.innerHTML = e, document.importNode(t.content, !0);
-		}
-		return document.importNode(e, !0);
-	}
-	contentLoader() {
-		if (this.hasTemplateTarget) return this.templateTarget instanceof HTMLTemplateElement ? this.templateTarget.content : this.templateTarget.innerHTML;
-	}
-}, ae = class extends e {
+}, Q = (e, t) => new De(e, t), $ = class extends e {
 	static targets = ["daysOfWeek", "daysOfMonth"];
 	static classes = ["dayOfWeek", "dayOfMonth"];
 	static values = {
@@ -982,7 +1074,7 @@ var N = {
 		}
 	};
 	initialize() {
-		R(this);
+		oe(this);
 	}
 	connect() {
 		this.draw();
@@ -1028,37 +1120,67 @@ var N = {
 		}
 		this.daysOfMonthTarget.replaceChildren(...r);
 	}
-}, oe = class extends e {
-	select(e) {
+}, Oe = class extends e {
+	onSelect(e) {
 		if (!(e.target instanceof HTMLElement)) return;
 		e.preventDefault();
 		let t = e.target instanceof HTMLTimeElement ? e.target.parentElement : e.target;
 		if (t.disabled || t.getAttribute("aria-disabled") === "true") return;
-		this.dispatch("select", { target: t });
+		this.dispatch("selecting", { target: t });
 		let n = e.target instanceof HTMLTimeElement ? e.target : e.target.querySelector("time");
 		if (!n) return console.error(`unable to locate time element within ${t}`);
-		let r = M(n.dateTime);
+		let r = k(n.dateTime);
 		if (!r) return console.error(`unable to parse ${n.dateTime} found within the time element`);
-		this.dispatch("selected", {
-			target: t,
+		this.select(r.toISOString());
+	}
+	select(e) {
+		let t = k(e);
+		t && this.dispatch("selected", { detail: {
+			epoch: t.getTime(),
+			iso: e
+		} });
+	}
+}, ke = class extends e {
+	static targets = ["source"];
+	static values = { type: {
+		type: String,
+		default: "text/plain"
+	} };
+	onPaste(e) {
+		let t = e.clipboardData?.getData(this.typeValue) ?? "", n = Array.from(e.clipboardData?.types ?? []);
+		e.preventDefault(), this.dispatch("pasted", {
 			detail: {
-				epoch: r.getTime(),
-				iso: r.toISOString()
-			}
+				text: t,
+				types: n
+			},
+			bubbles: !0
 		});
 	}
-}, se = class extends e {
+	async copy(e) {
+		let t = e.params?.text ?? (this.hasSourceTarget ? this.sourceTarget.value ?? this.sourceTarget.textContent ?? "" : "");
+		try {
+			await navigator.clipboard.writeText(t), this.dispatch("copied", {
+				detail: { text: t },
+				bubbles: !0
+			});
+		} catch (e) {
+			this.dispatch("copy-failed", {
+				detail: { error: e },
+				bubbles: !0
+			});
+		}
+	}
+}, Ae = class extends e {
 	static targets = [
 		"previous",
 		"next",
 		"day",
 		"month",
-		"year",
-		"input",
-		"display"
+		"year"
 	];
 	static outlets = ["calendar-month"];
 	static values = {
+		date: String,
 		locales: {
 			type: Array,
 			default: ["default"]
@@ -1080,21 +1202,17 @@ var N = {
 		this.previous = this.previous.bind(this), this.next = this.next.bind(this);
 	}
 	async calendarMonthOutletConnected() {
-		if (this.hasInputTarget && this.inputTarget.value) {
-			let e = M(this.inputTarget.value);
+		if (this.dateValue) {
+			let e = k(this.dateValue);
 			e && await this.calendarMonthOutlet.calendar.navigate(e);
 		}
 		this.draw();
 	}
-	selected(e) {
-		this.hasInputTarget && (this.inputTarget.value = e.detail.iso), this.hasDisplayTarget && (this.displayTarget.value = this.formatDate(new Date(e.detail.iso)));
-	}
-	formatDate(e) {
-		return new Intl.DateTimeFormat(this.localesValue, {
-			day: this.dayFormatValue,
-			month: this.monthFormatValue,
-			year: this.yearFormatValue
-		}).format(e);
+	onSelect(e) {
+		this.dateValue = e.detail.iso, this.draw(), this.dispatch("selected", {
+			detail: { value: e.detail.iso },
+			bubbles: !0
+		});
 	}
 	previousTargetConnected(e) {
 		e.addEventListener("click", this.previous);
@@ -1119,24 +1237,392 @@ var N = {
 	}
 	drawDay() {
 		if (!this.hasDayTarget || !this.hasCalendarMonthOutlet) return;
-		let { year: e, month: t, day: n } = this.calendarMonthOutlet.calendar, r = new Intl.DateTimeFormat(this.localesValue, { day: this.dayFormatValue });
-		this.dayTarget.textContent = r.format(new Date(e, t, n));
+		let { year: e, month: t, day: n } = this.calendarMonthOutlet.calendar;
+		this.dayTarget.textContent = new Intl.DateTimeFormat(this.localesValue, { day: this.dayFormatValue }).format(new Date(e, t, n));
 	}
 	drawMonth() {
 		if (!this.hasMonthTarget || !this.hasCalendarMonthOutlet) return;
-		let { year: e, month: t } = this.calendarMonthOutlet.calendar, n = new Intl.DateTimeFormat(this.localesValue, { month: this.monthFormatValue });
-		this.monthTarget.textContent = n.format(new Date(e, t));
+		let { year: e, month: t } = this.calendarMonthOutlet.calendar;
+		this.monthTarget.textContent = new Intl.DateTimeFormat(this.localesValue, { month: this.monthFormatValue }).format(new Date(e, t));
 	}
 	drawYear() {
 		if (!this.hasYearTarget || !this.hasCalendarMonthOutlet) return;
-		let { year: e } = this.calendarMonthOutlet.calendar, t = new Intl.DateTimeFormat(this.localesValue, { year: this.yearFormatValue });
-		this.yearTarget.textContent = t.format(new Date(e, 0));
+		let { year: e } = this.calendarMonthOutlet.calendar;
+		this.yearTarget.textContent = new Intl.DateTimeFormat(this.localesValue, { year: this.yearFormatValue }).format(new Date(e, 0));
+	}
+}, je = class extends e {
+	static targets = [
+		"listbox",
+		"loading",
+		"empty"
+	];
+	static values = {
+		url: {
+			type: String,
+			default: ""
+		},
+		field: {
+			type: String,
+			default: "q"
+		},
+		delay: {
+			type: Number,
+			default: 300
+		}
+	};
+	initialize() {
+		this.comboboxDropdown = ce(this);
+	}
+	onSelect(e) {
+		let t = e.target.closest("[role=\"option\"]");
+		!t || t.getAttribute("aria-disabled") === "true" || this.select(t.dataset.value ?? "");
+	}
+	select(e) {
+		let t = this.listboxTarget.querySelectorAll("[role=\"option\"]");
+		t.forEach((e) => e.setAttribute("aria-selected", "false"));
+		let n = [...t].find((t) => t.dataset.value === e);
+		n && n.setAttribute("aria-selected", "true"), this.dispatch("selected", {
+			detail: { value: e },
+			bubbles: !0
+		});
+	}
+	onNavigate(e) {
+		if ([
+			"ArrowUp",
+			"ArrowDown",
+			"Enter",
+			" "
+		].includes(e.key)) {
+			if (e.preventDefault(), e.key === "Enter" || e.key === " ") {
+				this.listboxTarget.querySelector("[aria-selected=\"true\"]")?.click();
+				return;
+			}
+			this.step(e.key === "ArrowDown" ? 1 : -1);
+		}
+	}
+	step(e) {
+		let t = [...this.listboxTarget.querySelectorAll("[role=\"option\"]:not([aria-disabled=\"true\"]):not([hidden])")];
+		if (!t.length) return;
+		let n = this.listboxTarget.querySelector("[aria-selected=\"true\"]"), r = t.indexOf(n), i = e > 0 ? t[Math.min(r + 1, t.length - 1)] : t[Math.max(r - 1, 0)];
+		!i || i === n || (t.forEach((e) => e.setAttribute("aria-selected", "false")), i.setAttribute("aria-selected", "true"), i.scrollIntoView({ block: "nearest" }));
+	}
+	filter(e) {
+		if (this.urlValue) this.comboboxDropdown.scheduleFetch(e, this.delayValue, {
+			url: this.urlValue,
+			field: this.fieldValue,
+			onLoading: (e) => this.setLoading(e),
+			onLoaded: (e) => {
+				this.listboxTarget.innerHTML = e, this.setEmpty(this.listboxTarget.querySelectorAll("[role=\"option\"]").length === 0);
+			},
+			onError: (e) => console.error("[combobox-dropdown] fetch failed", e)
+		});
+		else {
+			let t = this.comboboxDropdown.fuzzyFilter(this.listboxTarget, e);
+			this.setEmpty(t === 0);
+		}
+	}
+	showAll() {
+		this.listboxTarget.querySelectorAll("[role=\"option\"]").forEach((e) => e.hidden = !1), this.setEmpty(!1);
+	}
+	setLoading(e) {
+		this.hasLoadingTarget && (this.loadingTarget.hidden = !e);
+	}
+	setEmpty(e) {
+		this.hasEmptyTarget && (this.emptyTarget.hidden = !e);
+	}
+	disconnect() {
+		this.comboboxDropdown.cancel();
+	}
+}, Me = class extends e {
+	static targets = [
+		"hour",
+		"minute",
+		"period"
+	];
+	connect() {
+		this.select(this.toH24());
+	}
+	onSelect(e) {
+		let t = e.target.closest("[role=\"option\"]");
+		t && (t.closest("[role=\"listbox\"]").querySelectorAll("[role=\"option\"]").forEach((e) => e.setAttribute("aria-selected", "false")), t.setAttribute("aria-selected", "true"), this.select(this.toH24()));
+	}
+	select(e) {
+		e && this.dispatch("selected", {
+			detail: { value: e },
+			bubbles: !0
+		});
+	}
+	onNavigate(e) {
+		["ArrowUp", "ArrowDown"].includes(e.key) && (e.preventDefault(), this.step(e.currentTarget, e.key === "ArrowDown" ? 1 : -1));
+	}
+	step(e, t) {
+		let n = [...e.querySelectorAll("[role=\"option\"]")], r = e.querySelector("[aria-selected=\"true\"]"), i = n.indexOf(r), a = t > 0 ? n[Math.min(i + 1, n.length - 1)] : n[Math.max(i - 1, 0)];
+		!a || a === r || (n.forEach((e) => e.setAttribute("aria-selected", "false")), a.setAttribute("aria-selected", "true"), a.scrollIntoView({ block: "nearest" }), this.select(this.toH24()));
+	}
+	toH24() {
+		let e = this.selectedValue(this.hourTarget), t = this.selectedValue(this.minuteTarget);
+		if (!e || !t) return null;
+		if (!this.hasPeriodTarget) return `${e}:${t}`;
+		let n = this.selectedValue(this.periodTarget), r = parseInt(e, 10);
+		return r = n === "AM" ? r === 12 ? 0 : r : r === 12 ? 12 : r + 12, `${String(r).padStart(2, "0")}:${t}`;
+	}
+	selectedValue(e) {
+		return e?.querySelector("[aria-selected=\"true\"]")?.dataset.value ?? null;
+	}
+}, Ne = class extends e {
+	static targets = ["trigger"];
+	connect() {
+		P(this, { trigger: this.hasTriggerTarget ? this.triggerTarget : null });
+	}
+}, Pe = class extends e {
+	static targets = ["anchor", "reference"];
+	static values = {
+		placement: {
+			type: String,
+			default: "bottom"
+		},
+		alignment: {
+			type: String,
+			default: "start"
+		},
+		role: {
+			type: String,
+			default: "tooltip"
+		}
+	};
+	connect() {
+		if (!this.hasReferenceTarget) {
+			console.error("FlipperController requires a reference target. Add data-flipper-target=\"reference\" to your element.");
+			return;
+		}
+		if (!this.hasAnchorTarget) {
+			console.error("FlipperController requires an anchor target. Add data-flipper-target=\"anchor\" to your element.");
+			return;
+		}
+		L(this, {
+			element: this.referenceTarget,
+			anchor: this.anchorTarget,
+			placement: this.placementValue,
+			alignment: this.alignmentValue,
+			ariaRole: this.roleValue
+		});
+	}
+}, Fe = class extends e {
+	static targets = [
+		"trigger",
+		"popover",
+		"value"
+	];
+	static values = {
+		value: String,
+		minLength: {
+			type: Number,
+			default: 1
+		}
+	};
+	static outlets = ["combobox-dropdown"];
+	open() {
+		this.hasPopoverTarget && (this.popoverTarget.hidden = !1, this.hasTriggerTarget && _(this.triggerTarget, !0), this.focusFirstInPopover());
+	}
+	close() {
+		this.hasPopoverTarget && (this.popoverTarget.hidden = !0, this.hasTriggerTarget && (_(this.triggerTarget, !1), this.triggerTarget.focus()));
+	}
+	toggle() {
+		this.hasPopoverTarget && this.popoverTarget.hidden ? this.open() : this.close();
+	}
+	onSelect(e) {
+		e.detail?.value !== void 0 && (this.valueValue = e.detail.value), this.close();
+	}
+	onInput(e) {
+		if (e.target !== this.triggerTarget) return;
+		let t = e.target.value.trim();
+		if (t.length < this.minLengthValue) {
+			this.hasComboboxDropdownOutlet && this.comboboxDropdownOutlet.showAll();
+			return;
+		}
+		this.hasComboboxDropdownOutlet && this.comboboxDropdownOutlet.filter(t);
+	}
+	valueValueChanged(e) {
+		this.hasValueTarget && (this.valueTarget.value = e), this.dispatch("changed", { detail: { value: e } });
+	}
+	focusFirstInPopover() {
+		this.hasPopoverTarget && this.popoverTarget.querySelector("button:not([disabled]), [href], input:not([type=\"hidden\"]):not([disabled]), [tabindex]:not([tabindex=\"-1\"])")?.focus();
+	}
+}, Ie = class extends e {
+	static targets = ["input", "toggle"];
+	static values = {
+		type: {
+			type: String,
+			default: "plain"
+		},
+		options: {
+			type: Object,
+			default: {}
+		},
+		revealed: {
+			type: Boolean,
+			default: !1
+		}
+	};
+	connect() {
+		X(this, {
+			type: this.typeValue,
+			options: this.optionsValue
+		}), this.format(this.readValue()), this.drawToggle();
+	}
+	typeValueChanged() {
+		this.inputFormat && (X(this, {
+			type: this.typeValue,
+			options: this.optionsValue
+		}), this.format(this.readValue()), this.drawToggle());
+	}
+	optionsValueChanged() {
+		this.inputFormat && (X(this, {
+			type: this.typeValue,
+			options: this.optionsValue
+		}), this.format(this.readValue()));
+	}
+	revealedValueChanged() {
+		this.inputFormat && (this.format(this.readValue()), this.drawToggle());
+	}
+	onChange(e) {
+		this.format(e?.detail?.value ?? "");
+	}
+	format(e) {
+		this.inputFormat && this.onFormatting(e);
+	}
+	toggle() {
+		!this.inputFormat.maskable() && this.typeValue !== "password" || (this.revealedValue = !this.revealedValue);
+	}
+	onPaste(e) {
+		let t = e.detail?.text ?? "";
+		if (!this.inputFormat || !t) return;
+		let n = this.inputFormat.normalize(t);
+		this.inputFormat.validate(n) && this.format(n);
+	}
+	drawToggle() {
+		if (!this.hasToggleTarget) return;
+		let e = this.inputFormat?.maskable() || this.typeValue === "password";
+		this.toggleTarget.hidden = !e, e && v(this.toggleTarget, this.revealedValue);
+	}
+	readValue() {
+		return this.hasInputTarget ? this.inputTarget instanceof HTMLInputElement ? this.inputTarget.value : this.inputTarget.textContent : "";
+	}
+	onFormatting(e) {
+		if (!this.inputFormat) return;
+		if (this.typeValue === "password") {
+			this.hasInputTarget && (this.inputTarget.type = this.revealedValue ? "text" : "password");
+			return;
+		}
+		let t = this.inputFormat.normalize(e), n = this.revealedValue || !this.inputFormat.maskable() ? this.inputFormat.format(t) : this.inputFormat.mask(t);
+		this.hasInputTarget && (this.inputTarget instanceof HTMLInputElement ? this.inputTarget.value = n : this.inputTarget.textContent = n), this.dispatch("formatted", { detail: { value: n } });
+	}
+}, Le = class extends e {
+	static targets = ["modal", "overlay"];
+	connect() {
+		if (!this.hasModalTarget) {
+			console.error("ModalController requires a modal target. Add data-modal-target=\"modal\" to your element.");
+			return;
+		}
+		this.isNativeDialog = this.modalTarget instanceof HTMLDialogElement, this.isNativeDialog ? (this.modalTarget.addEventListener("cancel", this.close), this.modalTarget.addEventListener("click", this.onBackdropClick)) : (this.focusTrap = new a(this.modalTarget, { escapeDeactivates: !0 }), P(this, { element: this.modalTarget }));
+	}
+	dismissed = () => {
+		this.close();
+	};
+	disconnect() {
+		this.isNativeDialog && (this.modalTarget.removeEventListener("cancel", this.close), this.modalTarget.removeEventListener("click", this.onBackdropClick));
+	}
+	open(e) {
+		if (e && e.preventDefault(), this.hasModalTarget) {
+			if (this.isNativeDialog) this.previouslyFocused = document.activeElement, this.modalTarget.showModal();
+			else {
+				let e = this.hasOverlayTarget ? this.overlayTarget : this.modalTarget;
+				e.hidden = !1, document.body.style.overflow = "hidden", this.focusTrap && this.focusTrap.activate();
+			}
+			p("Modal opened");
+		}
 	}
-}, ce = class extends e {
+	close(e) {
+		if (e && e.preventDefault(), this.hasModalTarget) {
+			if (this.isNativeDialog) this.modalTarget.close(), this.previouslyFocused && this.previouslyFocused.isConnected && setTimeout(() => {
+				this.previouslyFocused.focus();
+			}, 0);
+			else {
+				let e = this.hasOverlayTarget ? this.overlayTarget : this.modalTarget;
+				e.hidden = !0, document.body.style.overflow = "", this.focusTrap && this.focusTrap.deactivate();
+			}
+			p("Modal closed");
+		}
+	}
+	onBackdropClick = (e) => {
+		let t = this.modalTarget.getBoundingClientRect();
+		(e.clientY < t.top || e.clientY > t.bottom || e.clientX < t.left || e.clientX > t.right) && this.close();
+	};
+}, Re = class extends e {
 	static targets = ["content"];
 	connect() {
-		X(this, { element: this.hasContentTarget ? this.contentTarget : null });
+		Ee(this, { element: this.hasContentTarget ? this.contentTarget : null });
+	}
+}, ze = class extends e {
+	static targets = [
+		"content",
+		"template",
+		"loader",
+		"activator"
+	];
+	static classes = ["hidden"];
+	static values = {
+		url: String,
+		loadedAt: String,
+		reload: {
+			type: String,
+			default: "never"
+		},
+		staleAfter: {
+			type: Number,
+			default: 3600
+		}
+	};
+	connect() {
+		ue(this, {
+			element: this.hasContentTarget ? this.contentTarget : null,
+			url: this.hasUrlValue ? this.urlValue : null
+		}), this.hasContentTarget && Q(this, {
+			element: this.contentTarget,
+			activator: this.hasActivatorTarget ? this.activatorTarget : null
+		}), this.hasLoaderTarget && Q(this, {
+			element: this.loaderTarget,
+			visibility: "contentLoaderVisibility"
+		});
+	}
+	async show() {
+		await this.visibility.show();
+	}
+	async hide() {
+		await this.visibility.hide();
+	}
+	async shown() {
+		await this.load();
+	}
+	canLoad() {
+		return this.hasContentTarget && this.contentTarget.tagName.toLowerCase() === "turbo-frame" ? (this.hasUrlValue && this.contentTarget.setAttribute("src", this.urlValue), !1) : !0;
+	}
+	async contentLoading() {
+		this.hasLoaderTarget && await this.contentLoaderVisibility.show();
+	}
+	async contentLoaded({ content: e }) {
+		this.hasContentTarget && this.contentTarget.replaceChildren(this.getContentNode(e)), this.hasLoaderTarget && await this.contentLoaderVisibility.hide();
+	}
+	getContentNode(e) {
+		if (typeof e == "string") {
+			let t = document.createElement("template");
+			return t.innerHTML = e, document.importNode(t.content, !0);
+		}
+		return document.importNode(e, !0);
+	}
+	contentLoader() {
+		if (this.hasTemplateTarget) return this.templateTarget instanceof HTMLTemplateElement ? this.templateTarget.content : this.templateTarget.innerHTML;
 	}
 };
 //#endregion
-export { b as ARIA_HASPOPUP_VALUES, ae as CalendarMonthController, oe as CalendarMonthObserverController, se as DatepickerController, ne as DismisserController, t as FOCUSABLE_SELECTOR, re as FlipperController, o as FocusRestoration, a as FocusTrap, te as ModalController, ce as PannerController, ie as PopoverController, d as RovingTabIndex, p as announce, C as connectTriggerToTarget, T as disconnectTriggerFromTarget, h as ensureId, i as focusFirst, m as generateId, n as getFocusableElements, c as isActivationKey, l as isArrowKey, s as isKey, r as isVisible, u as preventDefault, g as setAriaState, y as setChecked, ee as setDisabled, _ as setExpanded, v as setPressed };
+export { y as ARIA_HASPOPUP_VALUES, $ as CalendarMonthController, Oe as CalendarMonthObserverController, ke as ClipboardController, Ae as ComboboxDateController, je as ComboboxDropdownController, Me as ComboboxTimeController, Ne as DismisserController, t as FOCUSABLE_SELECTOR, Pe as FlipperController, o as FocusRestoration, a as FocusTrap, Fe as InputComboboxController, Ie as InputFormatController, Le as ModalController, Re as PannerController, ze as PopoverController, d as RovingTabIndex, p as announce, S as connectTriggerToTarget, ne as disconnectTriggerFromTarget, h as ensureId, i as focusFirst, m as generateId, n as getFocusableElements, c as isActivationKey, l as isArrowKey, s as isKey, r as isVisible, u as preventDefault, g as setAriaState, ee as setChecked, te as setDisabled, _ as setExpanded, v as setPressed };