stimulus_plumbers 0.2.8 → 0.3.0

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

@@ -1,5 +1,5 @@
 import { Controller as e } from "@hotwired/stimulus";
-//#region src/focus.js
+//#region src/accessibility/focus.js
 var t = [
 	"a[href]",
 	"area[href]",
@@ -58,7 +58,7 @@ var a = class {
 	}
 };
 //#endregion
-//#region src/keyboard.js
+//#region src/accessibility/keyboard.js
 function s(e, t) {
 	return e.key === t;
 }
@@ -124,7 +124,7 @@ 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), ee = (e, t) => g(e, "aria-checked", t);
+}, ee = (e, t) => g(e, "aria-expanded", t), _ = (e, t) => g(e, "aria-pressed", t), v = (e, t) => g(e, "aria-checked", t);
 function te(e, t) {
 	g(e, "aria-disabled", t), t ? e.setAttribute("tabindex", "-1") : e.removeAttribute("tabindex");
 }
@@ -165,13 +165,56 @@ function ne({ trigger: e, target: t, attributes: n = null }) {
 	]), (!n || n.includes("role")) && C(t, ["role"]));
 }
 //#endregion
-//#region src/plumbers/plumber/support.js
-var w = {
-	get visibleOnly() {
-		return !0;
-	},
-	hiddenClass: null
-}, T = {
+//#region src/requestor.js
+var w = class {
+	constructor() {
+		this._abortController = null, this._timer = null;
+	}
+	schedule(e, t) {
+		clearTimeout(this._timer), this._timer = setTimeout(e, t);
+	}
+	async request(e, t = {}) {
+		this._abortController?.abort(), this._abortController = new AbortController();
+		let n = await fetch(e, {
+			...t,
+			signal: this._abortController.signal
+		});
+		if (!n.ok) throw Error(`${n.status}`);
+		return n;
+	}
+	cancel() {
+		clearTimeout(this._timer), this._abortController?.abort();
+	}
+};
+//#endregion
+//#region src/researcher.js
+function T(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;
+}
+function re(e, t) {
+	return t.includes(e);
+}
+function ie(e, t) {
+	return t.startsWith(e);
+}
+function ae(e) {
+	return e === "contains" ? re : e === "prefix" ? ie : T;
+}
+function oe(e, t) {
+	return t === "textContent" ? e.textContent?.trim().toLowerCase() ?? "" : (e.getAttribute(t) ?? "").toLowerCase();
+}
+function E(e, t, n = {}) {
+	let { strategy: r = "fuzzy", matcher: i, fields: a = ["textContent"] } = n, o = typeof i == "function" ? i : ae(r), s = t.toLowerCase(), c = 0;
+	return e.querySelectorAll("[role=\"option\"]").forEach((e) => {
+		let t = a.some((t) => o(s, oe(e, t)));
+		e.hidden = !t, t && c++;
+	}), c;
+}
+//#endregion
+//#region src/plumbers/plumber/geometry.js
+var D = {
 	get top() {
 		return "bottom";
 	},
@@ -185,7 +228,7 @@ var w = {
 		return "left";
 	}
 };
-function E({ x: e, y: t, width: n, height: r }) {
+function O({ x: e, y: t, width: n, height: r }) {
 	return {
 		x: e,
 		y: t,
@@ -197,47 +240,39 @@ function E({ x: e, y: t, width: n, height: r }) {
 		bottom: t + r
 	};
 }
-function D() {
-	return E({
+function k() {
+	return O({
 		x: 0,
 		y: 0,
 		width: window.innerWidth || document.documentElement.clientWidth,
 		height: window.innerHeight || document.documentElement.clientHeight
 	});
 }
-function re(e) {
+function se(e) {
 	if (!(e instanceof HTMLElement)) return !1;
-	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;
+	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;
 	return r && i;
 }
-function O(e) {
-	return e instanceof Date && !isNaN(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] && O(t)) return t;
-	} else {
-		let t = new Date(...e);
-		if (O(t)) return t;
-	}
-}
 //#endregion
-//#region src/plumbers/plumber/index.js
-var ie = {
+//#region src/plumbers/plumber/config.js
+var A = {
+	get visibleOnly() {
+		return !0;
+	},
+	hiddenClass: null
+}, ce = {
 	element: null,
 	visible: null,
 	dispatch: !0,
 	prefix: ""
-}, A = class {
+}, j = class {
 	constructor(e, t = {}) {
 		this.controller = e;
-		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;
+		let { element: n, visible: r, dispatch: i, prefix: a } = Object.assign({}, ce, t);
+		this.element = n || e.element, this.visibleOnly = typeof r == "boolean" ? r : A.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 ? re(this.element) && this.isVisible(this.element) : !0 : !1;
+		return this.element instanceof HTMLElement ? this.visibleOnly ? se(this.element) && this.isVisible(this.element) : !0 : !1;
 	}
 	isVisible(e) {
 		if (this.visibleCallback) {
@@ -266,7 +301,214 @@ var ie = {
 			return n instanceof Promise ? await n : n;
 		}
 	}
-}, j = 7, M = {
+}, le = {
+	normalize(e) {
+		return typeof e == "string" ? e : "";
+	},
+	validate() {
+		return !0;
+	}
+};
+//#endregion
+//#region src/plumbers/formatters/credit_card.js
+function ue(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 de = /\D/g, fe = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
+	normalize(e) {
+		return typeof e == "string" ? e.replace(de, "") : "";
+	},
+	validate(e) {
+		return typeof e != "string" || !fe.test(e) ? !1 : ue(e);
+	},
+	format(e) {
+		return typeof e == "string" ? e.replace(pe, "$1 ") : "";
+	}
+}, M = { 1: 10 }, N = /\D/g, he = /^\+\d{7,15}$/, ge = {
+	normalize(e) {
+		if (typeof e != "string") return "";
+		let t = e.trimStart().startsWith("+"), n = e.replace(N, "");
+		return t ? `+${n}` : n;
+	},
+	validate(e) {
+		if (typeof e != "string") return !1;
+		if (he.test(e)) return !0;
+		let t = e.replace(N, "");
+		return Object.values(M).includes(t.length);
+	},
+	format(e) {
+		if (typeof e != "string") return "";
+		let t = e.replace(N, "");
+		for (let [e, n] of Object.entries(M)) {
+			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, P = /^-?\d+(\.\d+)?$/, F = {
+	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" ? P.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;
+		}
+	}
+}, I = /^\d{4}-\d{2}-\d{2}$/, ve = /^(\d{1,4})[/\-.](\d{1,2})[/\-.](\d{1,4})$/, ye = /\D/g, L = {
+	normalize(e) {
+		if (typeof e != "string") return "";
+		let t = e.trim();
+		if (I.test(t)) return t;
+		let n = t.match(ve);
+		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(ye, "");
+		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 = L.normalize(e);
+		if (!I.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;
+		}
+	}
+}, be = /^([01]?\d|2[0-3]):([0-5]\d)$/, R = {
+	normalize(e) {
+		if (typeof e != "string") return "";
+		let t = e.trim();
+		if (be.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 R.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}`;
+	}
+}, z = {
+	PLAIN: "plain",
+	CREDIT_CARD: "creditCard",
+	PHONE: "phone",
+	CURRENCY: "currency",
+	DATE: "date",
+	TIME: "time"
+}, B = new Map([
+	[z.PLAIN, le],
+	[z.CREDIT_CARD, me],
+	[z.PHONE, ge],
+	[z.CURRENCY, F],
+	[z.DATE, L],
+	[z.TIME, R]
+]), V = {
+	type: z.PLAIN,
+	options: {}
+}, H = class extends j {
+	static register(e, t) {
+		B.set(e, t);
+	}
+	constructor(e, t = {}) {
+		super(e, t), this.type = t.type ?? V.type, this.options = t.options ?? V.options, this.enhance();
+	}
+	enhance() {
+		let e = this, t = B.get(e.type) ?? B.get(z.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, "formatter", {
+			get() {
+				return n;
+			},
+			configurable: !0
+		});
+	}
+}, U = (e, t) => new H(e, t);
+//#endregion
+//#region src/plumbers/plumber/date.js
+function W(e) {
+	return e instanceof Date && !isNaN(e);
+}
+function G(...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] && W(t)) return t;
+	} else {
+		let t = new Date(...e);
+		if (W(t)) return t;
+	}
+}
+//#endregion
+//#region src/plumbers/calendar.js
+var K = 7, q = {
 	locales: ["default"],
 	today: "",
 	day: null,
@@ -281,15 +523,15 @@ var ie = {
 	disabledYears: [],
 	firstDayOfWeek: 0,
 	onNavigated: "navigated"
-}, ae = class extends A {
+}, xe = class extends j {
 	constructor(e, t = {}) {
 		super(e, t);
-		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 n = Object.assign({}, q, t), { onNavigated: r, since: i, till: a, firstDayOfWeek: o } = n;
+		this.onNavigated = r, this.since = G(i), this.till = G(a), this.firstDayOfWeek = 0 <= o && o < 7 ? o : q.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 = 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();
+		this.now = G(f) || /* @__PURE__ */ new Date(), typeof h == "number" && typeof m == "number" && typeof p == "number" ? this.current = G(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 +567,7 @@ var ie = {
 			let a = new Date(t, e, i);
 			n.push(r(a));
 		}
-		let s = n.length % j, c = s === 0 ? 0 : j - s;
+		let s = n.length % K, c = s === 0 ? 0 : K - s;
 		for (let i = 1; i <= c; i++) {
 			let a = new Date(t, e + 1, i);
 			n.push(r(a));
@@ -350,18 +592,18 @@ var ie = {
 		return this.now;
 	}
 	set today(e) {
-		if (!O(e)) return;
+		if (!W(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" ? k(this.year, this.month, this.day) : null;
+		return typeof this.year == "number" && typeof this.month == "number" && typeof this.day == "number" ? G(this.year, this.month, this.day) : null;
 	}
 	set current(e) {
-		O(e) && (this.day = e.getDate(), this.month = e.getMonth(), this.year = e.getFullYear());
+		W(e) && (this.day = e.getDate(), this.month = e.getMonth(), this.year = e.getFullYear());
 	}
 	navigate = async (e) => {
-		if (!O(e)) return;
+		if (!W(e)) return;
 		let t = this.current, n = e.toISOString(), r = t.toISOString();
 		this.dispatch("navigate", { detail: {
 			from: r,
@@ -392,7 +634,7 @@ var ie = {
 		await this.navigate(n);
 	};
 	isDisabled = (e) => {
-		if (!O(e)) return !1;
+		if (!W(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 +664,7 @@ var ie = {
 		return !1;
 	};
 	isWithinRange = (e) => {
-		if (!O(e)) return !1;
+		if (!W(e)) return !1;
 		let t = !0;
 		return this.since && (t &&= e >= this.since), this.till && (t &&= e <= this.till), t;
 	};
@@ -485,84 +727,41 @@ var ie = {
 			};
 		} });
 	}
-}, 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 = {
+}, Se = (e, t) => new xe(e, t), J = {
 	content: null,
 	url: "",
 	reload: "never",
 	stale: 3600,
 	onLoad: "canLoad",
-	onLoading: "contentLoading",
 	onLoaded: "contentLoaded"
-}, le = class extends A {
+}, Ce = class extends j {
 	constructor(e, t = {}) {
 		super(e, t);
-		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();
+		let n = Object.assign({}, J, t), { content: r, url: i, reload: a, stale: o } = n;
+		this.content = r, this.url = i, this.reload = typeof a == "string" ? a : J.reload, this.stale = typeof o == "number" ? o : J.stale;
+		let { onLoad: s, onLoaded: c } = n;
+		this.onLoad = s, this.onLoaded = c, this._requestor = new w(), this.enhance();
 	}
 	get reloadable() {
 		switch (this.reload) {
 			case "never": return !1;
 			case "always": return !0;
 			default: {
-				let e = k(this.loadedAt);
+				let e = G(this.loadedAt);
 				return e && /* @__PURE__ */ new Date() - e > this.stale * 1e3;
 			}
 		}
 	}
 	contentLoadable = ({ url: e }) => !!e;
-	contentLoading = async ({ url: e }) => e ? await this.remoteContentLoader(e) : await this.contentLoader();
 	contentLoader = async () => "";
-	remoteContentLoader = async (e) => (await fetch(e)).text();
+	remoteContentLoader = async (e) => (await this._requestor.request(e)).text();
 	load = async () => {
 		if (this.loadedAt && !this.reloadable) return;
 		let e = this.findCallback(this.onLoad), t = await this.awaitCallback(e || this.contentLoadable, { url: this.url });
 		if (this.dispatch("load", { detail: { url: this.url } }), !t) return;
+		this.dispatch("loading", { detail: { url: this.url } });
 		let n = this.url ? await this.remoteContentLoader(this.url) : await this.contentLoader();
-		this.dispatch("loading", { detail: { url: this.url } }), n && (await this.awaitCallback(this.onLoaded, {
+		n && (await this.awaitCallback(this.onLoaded, {
 			url: this.url,
 			content: n
 		}), this.loadedAt = (/* @__PURE__ */ new Date()).getTime(), this.dispatch("loaded", { detail: {
@@ -574,37 +773,34 @@ var ie = {
 		let e = this;
 		Object.assign(this.controller, { load: e.load.bind(e) });
 	}
-}, ue = (e, t) => new le(e, t), de = {
+}, we = (e, t) => new Ce(e, t), Y = class extends j {
+	observe(e) {
+		this._handler = e, this.events.forEach((t) => window.addEventListener(t, e, !0));
+	}
+	unobserve() {
+		this._handler && this.events.forEach((e) => window.removeEventListener(e, this._handler, !0));
+	}
+	enhance() {
+		let e = this, t = this.controller.disconnect?.bind(this.controller) || (() => {});
+		this.controller.disconnect = () => {
+			e.unobserve(), t();
+		};
+	}
+}, Te = {
 	trigger: null,
 	events: ["click"],
 	onDismissed: "dismissed"
-}, fe = class extends A {
+}, Ee = class extends Y {
 	constructor(e, t = {}) {
 		super(e, 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();
+		let { trigger: n, events: r, onDismissed: i } = Object.assign({}, Te, t);
+		this.onDismissed = i, this.trigger = n || this.element, this.events = r, this.enhance(), this.observe(this.dismiss);
 	}
 	dismiss = async (e) => {
 		let { target: t } = e;
 		t instanceof HTMLElement && (this.element.contains(t) || this.visible && (this.dispatch("dismiss"), await this.awaitCallback(this.onDismissed, { target: this.trigger }), this.dispatch("dismissed")));
 	};
-	observe() {
-		this.events.forEach((e) => {
-			window.addEventListener(e, this.dismiss, !0);
-		});
-	}
-	unobserve() {
-		this.events.forEach((e) => {
-			window.removeEventListener(e, this.dismiss, !0);
-		});
-	}
-	enhance() {
-		let e = this, t = e.controller.disconnect.bind(e.controller);
-		Object.assign(this.controller, { disconnect: () => {
-			e.unobserve(), t();
-		} });
-	}
-}, P = (e, t) => new fe(e, t), F = {
+}, X = (e, t) => new Ee(e, t), De = {
 	anchor: null,
 	events: ["click"],
 	placement: "bottom",
@@ -612,15 +808,15 @@ var ie = {
 	onFlipped: "flipped",
 	ariaRole: null,
 	respectMotion: !0
-}, I = class extends A {
+}, Oe = class extends Y {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { anchor: n, events: r, placement: i, alignment: a, onFlipped: o, ariaRole: s, respectMotion: c } = Object.assign({}, F, t);
+		let { anchor: n, events: r, placement: i, alignment: a, onFlipped: o, ariaRole: s, respectMotion: c } = Object.assign({}, De, 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
-		}), this.enhance(), this.observe();
+		}), this.enhance(), this.observe(this.flip);
 	}
 	flip = async () => {
 		if (!this.visible) return;
@@ -634,7 +830,7 @@ var ie = {
 		}), this.dispatch("flipped", { detail: { placement: e } });
 	};
 	flippedRect(e, t) {
-		let n = this.quadrumRect(e, D()), r = [this.placement, T[this.placement]], i = {};
+		let n = this.quadrumRect(e, k()), r = [this.placement, D[this.placement]], i = {};
 		for (; !Object.keys(i).length && r.length > 0;) {
 			let a = r.shift();
 			if (!this.biggerRectThan(n[a], t)) continue;
@@ -645,25 +841,25 @@ var ie = {
 	}
 	quadrumRect(e, t) {
 		return {
-			left: E({
+			left: O({
 				x: t.x,
 				y: t.y,
 				width: e.x - t.x,
 				height: t.height
 			}),
-			right: E({
+			right: O({
 				x: e.x + e.width,
 				y: t.y,
 				width: t.width - (e.x + e.width),
 				height: t.height
 			}),
-			top: E({
+			top: O({
 				x: t.x,
 				y: t.y,
 				width: t.width,
 				height: e.y - t.y
 			}),
-			bottom: E({
+			bottom: O({
 				x: t.x,
 				y: e.y + e.height,
 				width: t.width,
@@ -673,25 +869,25 @@ var ie = {
 	}
 	quadrumPlacement(e, t, n) {
 		switch (t) {
-			case "top": return E({
+			case "top": return O({
 				x: n.x,
 				y: e.y - n.height,
 				width: n.width,
 				height: n.height
 			});
-			case "bottom": return E({
+			case "bottom": return O({
 				x: n.x,
 				y: e.y + e.height,
 				width: n.width,
 				height: n.height
 			});
-			case "left": return E({
+			case "left": return O({
 				x: e.x - n.width,
 				y: n.y,
 				width: n.width,
 				height: n.height
 			});
-			case "right": return E({
+			case "right": return O({
 				x: e.x + e.width,
 				y: n.y,
 				width: n.width,
@@ -705,7 +901,7 @@ var ie = {
 			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), E({
+				return this.alignment === "center" ? t = e.x + e.width / 2 - n.width / 2 : this.alignment === "end" && (t = e.x + e.width - n.width), O({
 					x: t,
 					y: n.y,
 					width: n.width,
@@ -715,7 +911,7 @@ var ie = {
 			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), E({
+				return this.alignment === "center" ? t = e.y + e.height / 2 - n.height / 2 : this.alignment === "end" && (t = e.y + e.height - n.height), O({
 					x: n.x,
 					y: t,
 					width: n.width,
@@ -728,215 +924,10 @@ var ie = {
 	biggerRectThan(e, t) {
 		return e.height >= t.height && e.width >= t.width;
 	}
-	observe() {
-		this.events.forEach((e) => {
-			window.addEventListener(e, this.flip, !0);
-		});
-	}
-	unobserve() {
-		this.events.forEach((e) => {
-			window.removeEventListener(e, this.flip, !0);
-		});
-	}
 	enhance() {
-		let e = this, t = e.controller.disconnect.bind(e.controller);
-		Object.assign(this.controller, {
-			disconnect: () => {
-				e.unobserve(), t();
-			},
-			flip: e.flip.bind(e)
-		});
-	}
-}, 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;
+		super.enhance(), this.controller.flip = this.flip;
 	}
-}, _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 = {
+}, ke = (e, t) => new Oe(e, t), Ae = {
 	events: ["resize"],
 	boundaries: [
 		"top",
@@ -945,11 +936,11 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 	],
 	onShifted: "shifted",
 	respectMotion: !0
-}, Te = class extends A {
+}, je = class extends Y {
 	constructor(e, t = {}) {
 		super(e, 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();
+		let { onShifted: n, events: r, boundaries: i, respectMotion: a } = Object.assign({}, Ae, 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(this.shift);
 	}
 	shift = async () => {
 		if (!this.visible) return;
@@ -958,14 +949,14 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		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 = D(), i = E({
+		let n = {}, r = k(), i = O({
 			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 = T[e];
+			let t = this.directionDistance(i, e, r), a = D[e];
 			t < 0 ? i[a] + t >= r[a] && !n[a] && (n[e] = t) : n[e] = "";
 		}
 		return n;
@@ -994,42 +985,26 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 			y: 0
 		};
 	}
-	observe() {
-		this.events.forEach((e) => {
-			window.addEventListener(e, this.shift, !0);
-		});
-	}
-	unobserve() {
-		this.events.forEach((e) => {
-			window.removeEventListener(e, this.shift, !0);
-		});
-	}
 	enhance() {
-		let e = this, t = e.controller.disconnect.bind(e.controller);
-		Object.assign(this.controller, {
-			disconnect: () => {
-				e.unobserve(), t();
-			},
-			shift: e.shift.bind(e)
-		});
+		super.enhance(), this.controller.shift = this.shift;
 	}
-}, Ee = (e, t) => new Te(e, t), Z = {
+}, Me = (e, t) => new je(e, t), Z = {
 	visibility: "visibility",
 	onShown: "shown",
 	onHidden: "hidden"
-}, De = class extends A {
+}, Ne = class extends j {
 	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 = w.hiddenClass;
+		let t = A.hiddenClass;
 		return t ? !e.classList.contains(t) : !e.hasAttribute("hidden");
 	}
 	toggle(e, t) {
 		if (!(e instanceof HTMLElement)) return;
-		let n = w.hiddenClass;
+		let n = A.hiddenClass;
 		n ? t ? e.classList.remove(n) : e.classList.add(n) : t ? e.removeAttribute("hidden") : e.setAttribute("hidden", !0);
 	}
 	activate(e) {
@@ -1052,9 +1027,13 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 			return t;
 		} });
 	}
-}, Q = (e, t) => new De(e, t), $ = class extends e {
+}, Q = (e, t) => new Ne(e, t), Pe = class extends e {
 	static targets = ["daysOfWeek", "daysOfMonth"];
-	static classes = ["dayOfWeek", "dayOfMonth"];
+	static classes = [
+		"dayOfWeek",
+		"dayOfMonth",
+		"week"
+	];
 	static values = {
 		locales: {
 			type: Array,
@@ -1074,7 +1053,7 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		}
 	};
 	initialize() {
-		oe(this);
+		Se(this);
 	}
 	connect() {
 		this.draw();
@@ -1097,7 +1076,7 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 			r.setAttribute("role", "columnheader"), r.title = n.long, this.hasDayOfWeekClass && r.classList.add(...this.dayOfWeekClasses), t.push(r);
 		}
 		let n = document.createElement("div");
-		n.setAttribute("role", "row"), n.replaceChildren(...t), this.daysOfWeekTarget.replaceChildren(n);
+		n.setAttribute("role", "row"), this.hasWeekClass && n.classList.add(...this.weekClasses), n.replaceChildren(...t), this.daysOfWeekTarget.replaceChildren(n);
 	}
 	drawDaysOfMonth() {
 		if (!this.hasDaysOfMonthTarget) return;
@@ -1114,13 +1093,13 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		let r = [];
 		for (let e = 0; e < n.length; e += 7) {
 			let t = document.createElement("div");
-			t.setAttribute("role", "row");
+			t.setAttribute("role", "row"), this.hasWeekClass && t.classList.add(...this.weekClasses);
 			for (let r of n.slice(e, e + 7)) r.setAttribute("role", "gridcell"), t.appendChild(r);
 			r.push(t);
 		}
 		this.daysOfMonthTarget.replaceChildren(...r);
 	}
-}, Oe = class extends e {
+}, Fe = class extends e {
 	onSelect(e) {
 		if (!(e.target instanceof HTMLElement)) return;
 		e.preventDefault();
@@ -1129,18 +1108,18 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		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 = k(n.dateTime);
+		let r = G(n.dateTime);
 		if (!r) return console.error(`unable to parse ${n.dateTime} found within the time element`);
 		this.select(r.toISOString());
 	}
 	select(e) {
-		let t = k(e);
+		let t = G(e);
 		t && this.dispatch("selected", { detail: {
 			epoch: t.getTime(),
 			iso: e
 		} });
 	}
-}, ke = class extends e {
+}, Ie = class extends e {
 	static targets = ["source"];
 	static values = { type: {
 		type: String,
@@ -1170,7 +1149,7 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 			});
 		}
 	}
-}, Ae = class extends e {
+}, Le = class extends e {
 	static targets = [
 		"previous",
 		"next",
@@ -1203,7 +1182,7 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 	}
 	async calendarMonthOutletConnected() {
 		if (this.dateValue) {
-			let e = k(this.dateValue);
+			let e = G(this.dateValue);
 			e && await this.calendarMonthOutlet.calendar.navigate(e);
 		}
 		this.draw();
@@ -1250,7 +1229,7 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		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 {
+}, $ = class extends e {
 	static targets = [
 		"listbox",
 		"loading",
@@ -1271,7 +1250,7 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		}
 	};
 	initialize() {
-		this.comboboxDropdown = ce(this);
+		this._requestor = new w();
 	}
 	onSelect(e) {
 		let t = e.target.closest("[role=\"option\"]");
@@ -1307,17 +1286,15 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		!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) => {
+		if (this.urlValue) {
+			let t = new URL(this.urlValue, window.location.href);
+			t.searchParams.set(this.fieldValue, e), this.setLoading(!0), this._requestor.schedule(() => this._requestor.request(t).then((e) => e.text()).then((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);
+			}).catch((e) => {
+				e.name !== "AbortError" && console.error("[combobox-dropdown] fetch failed", e);
+			}).finally(() => this.setLoading(!1)), this.delayValue);
+		} else {
+			let t = E(this.listboxTarget, e);
 			this.setEmpty(t === 0);
 		}
 	}
@@ -1331,9 +1308,9 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		this.hasEmptyTarget && (this.emptyTarget.hidden = !e);
 	}
 	disconnect() {
-		this.comboboxDropdown.cancel();
+		this._requestor.cancel();
 	}
-}, Me = class extends e {
+}, Re = class extends e {
 	static targets = [
 		"hour",
 		"minute",
@@ -1369,12 +1346,12 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 	selectedValue(e) {
 		return e?.querySelector("[aria-selected=\"true\"]")?.dataset.value ?? null;
 	}
-}, Ne = class extends e {
+}, ze = class extends e {
 	static targets = ["trigger"];
 	connect() {
-		P(this, { trigger: this.hasTriggerTarget ? this.triggerTarget : null });
+		X(this, { trigger: this.hasTriggerTarget ? this.triggerTarget : null });
 	}
-}, Pe = class extends e {
+}, Be = class extends e {
 	static targets = ["anchor", "reference"];
 	static values = {
 		placement: {
@@ -1399,7 +1376,7 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 			console.error("FlipperController requires an anchor target. Add data-flipper-target=\"anchor\" to your element.");
 			return;
 		}
-		L(this, {
+		ke(this, {
 			element: this.referenceTarget,
 			anchor: this.anchorTarget,
 			placement: this.placementValue,
@@ -1407,7 +1384,7 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 			ariaRole: this.roleValue
 		});
 	}
-}, Fe = class extends e {
+}, Ve = class extends e {
 	static targets = [
 		"trigger",
 		"popover",
@@ -1421,17 +1398,32 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		}
 	};
 	static outlets = ["combobox-dropdown"];
-	open() {
-		this.hasPopoverTarget && (this.popoverTarget.hidden = !1, this.hasTriggerTarget && _(this.triggerTarget, !0), this.focusFirstInPopover());
+	connect() {
+		X(this), this.hasPopoverTarget && Q(this, {
+			element: this.popoverTarget,
+			activator: this.hasTriggerTarget ? this.triggerTarget : null
+		});
 	}
-	close() {
-		this.hasPopoverTarget && (this.popoverTarget.hidden = !0, this.hasTriggerTarget && (_(this.triggerTarget, !1), this.triggerTarget.focus()));
+	async dismissed() {
+		await this.close();
 	}
-	toggle() {
-		this.hasPopoverTarget && this.popoverTarget.hidden ? this.open() : this.close();
+	async open() {
+		this.hasPopoverTarget && await this.visibility.show();
 	}
-	onSelect(e) {
-		e.detail?.value !== void 0 && (this.valueValue = e.detail.value), this.close();
+	async close() {
+		this.hasPopoverTarget && await this.visibility.hide();
+	}
+	async toggle() {
+		this.visibility?.visible ? await this.close() : await this.open();
+	}
+	async shown() {
+		this.hasPopoverTarget && i(this.popoverTarget);
+	}
+	async hidden() {
+		this.hasTriggerTarget && this.triggerTarget.focus();
+	}
+	async onSelect(e) {
+		e.detail?.value !== void 0 && (this.valueValue = e.detail.value), await this.close();
 	}
 	onInput(e) {
 		if (e.target !== this.triggerTarget) return;
@@ -1445,10 +1437,7 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 	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 {
+}, He = class extends e {
 	static targets = ["input", "toggle"];
 	static values = {
 		type: {
@@ -1465,73 +1454,98 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		}
 	};
 	connect() {
-		X(this, {
+		U(this, {
 			type: this.typeValue,
 			options: this.optionsValue
 		}), this.format(this.readValue()), this.drawToggle();
 	}
 	typeValueChanged() {
-		this.inputFormat && (X(this, {
+		this.formatter && (U(this, {
 			type: this.typeValue,
 			options: this.optionsValue
 		}), this.format(this.readValue()), this.drawToggle());
 	}
 	optionsValueChanged() {
-		this.inputFormat && (X(this, {
+		this.formatter && (U(this, {
 			type: this.typeValue,
 			options: this.optionsValue
 		}), this.format(this.readValue()));
 	}
 	revealedValueChanged() {
-		this.inputFormat && (this.format(this.readValue()), this.drawToggle());
+		this.formatter && (this.format(this.readValue()), this.drawToggle());
 	}
 	onChange(e) {
 		this.format(e?.detail?.value ?? "");
 	}
 	format(e) {
-		this.inputFormat && this.onFormatting(e);
+		this.formatter && this.onFormatting(e);
 	}
 	toggle() {
-		!this.inputFormat.maskable() && this.typeValue !== "password" || (this.revealedValue = !this.revealedValue);
+		!this.formatter.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);
+		if (!this.formatter || !t) return;
+		let n = this.formatter.normalize(t);
+		this.formatter.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);
+		let e = this.formatter?.maskable() || this.typeValue === "password";
+		this.toggleTarget.hidden = !e, e && _(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.formatter) 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);
+		let t = this.formatter.normalize(e), n = this.revealedValue || !this.formatter.maskable() ? this.formatter.format(t) : this.formatter.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 {
+}, Ue = class extends e {
+	static targets = ["input", "clear"];
+	initialize() {
+		this.onInput = this.draw.bind(this), this.onEscape = this.handleEscape.bind(this);
+	}
+	connect() {
+		this.draw();
+	}
+	inputTargetConnected(e) {
+		e.addEventListener("input", this.onInput), e.addEventListener("keydown", this.onEscape);
+	}
+	inputTargetDisconnected(e) {
+		e.removeEventListener("input", this.onInput), e.removeEventListener("keydown", this.onEscape);
+	}
+	clear() {
+		this.hasInputTarget && (this.inputTarget.value = "", this.draw(), this.inputTarget.focus(), this.inputTarget.dispatchEvent(new Event("input", { bubbles: !0 })));
+	}
+	draw() {
+		!this.hasInputTarget || !this.hasClearTarget || (this.clearTarget.hidden = this.inputTarget.value.length === 0);
+	}
+	handleEscape(e) {
+		e.key === "Escape" && this.inputTarget.value !== "" && (e.preventDefault(), this.clear());
+	}
+}, We = class extends e {
 	static targets = ["modal", "overlay"];
+	initialize() {
+		this.onCancel = this.close.bind(this);
+	}
 	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 }));
+		this.hasModalTarget || console.error("ModalController requires a modal target. Add data-modal-target=\"modal\" to your element.");
+	}
+	modalTargetConnected(e) {
+		this.isNativeDialog = e instanceof HTMLDialogElement, this.isNativeDialog ? (e.addEventListener("cancel", this.onCancel), e.addEventListener("click", this.onBackdropClick)) : (this.focusTrap = new a(e, { escapeDeactivates: !0 }), X(this, { element: e }));
+	}
+	modalTargetDisconnected(e) {
+		this.isNativeDialog && (e.removeEventListener("cancel", this.onCancel), e.removeEventListener("click", this.onBackdropClick));
 	}
 	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();
@@ -1558,12 +1572,12 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		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 {
+}, Ge = class extends e {
 	static targets = ["content"];
 	connect() {
-		Ee(this, { element: this.hasContentTarget ? this.contentTarget : null });
+		Me(this, { element: this.hasContentTarget ? this.contentTarget : null });
 	}
-}, ze = class extends e {
+}, Ke = class extends e {
 	static targets = [
 		"content",
 		"template",
@@ -1584,7 +1598,7 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		}
 	};
 	connect() {
-		ue(this, {
+		we(this, {
 			element: this.hasContentTarget ? this.contentTarget : null,
 			url: this.hasUrlValue ? this.urlValue : null
 		}), this.hasContentTarget && Q(this, {
@@ -1625,4 +1639,4 @@ var B = /\D/g, V = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 	}
 };
 //#endregion
-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 };
+export { y as ARIA_HASPOPUP_VALUES, Pe as CalendarMonthController, Fe as CalendarMonthObserverController, Ie as ClipboardController, Le as ComboboxDateController, $ as ComboboxDropdownController, Re as ComboboxTimeController, ze as DismisserController, t as FOCUSABLE_SELECTOR, z as FORMATTER_TYPES, Be as FlipperController, o as FocusRestoration, a as FocusTrap, H as Formatter, Ve as InputComboboxController, He as InputFormatController, Ue as InputSearchController, We as ModalController, Ge as PannerController, Ke as PopoverController, w as Requestor, d as RovingTabIndex, p as announce, S as connectTriggerToTarget, ne as disconnectTriggerFromTarget, h as ensureId, E as filterOptions, i as focusFirst, T as fuzzyMatcher, m as generateId, n as getFocusableElements, c as isActivationKey, l as isArrowKey, s as isKey, r as isVisible, u as preventDefault, g as setAriaState, v as setChecked, te as setDisabled, ee as setExpanded, _ as setPressed };