stimulus_plumbers 0.2.2 → 0.2.8

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

@@ -0,0 +1,1628 @@
+import { Controller as e } from "@hotwired/stimulus";
+//#region src/focus.js
+var t = [
+	"a[href]",
+	"area[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])",
+	"audio[controls]",
+	"video[controls]",
+	"[contenteditable]:not([contenteditable=\"false\"])"
+].join(",");
+function n(e) {
+	return Array.from(e.querySelectorAll(t)).filter((e) => r(e));
+}
+function r(e) {
+	return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
+}
+function i(e) {
+	let t = n(e);
+	return t.length > 0 ? (t[0].focus(), !0) : !1;
+}
+var a = class {
+	constructor(e, t = {}) {
+		this.container = e, this.previouslyFocused = null, this.options = t, this.isActive = !1;
+	}
+	activate() {
+		this.isActive || (this.previouslyFocused = document.activeElement, this.isActive = !0, this.options.initialFocus ? this.options.initialFocus.focus() : i(this.container), this.container.addEventListener("keydown", this.handleKeyDown));
+	}
+	deactivate() {
+		if (!this.isActive) return;
+		this.isActive = !1, this.container.removeEventListener("keydown", this.handleKeyDown);
+		let e = this.options.returnFocus || this.previouslyFocused;
+		e && r(e) && e.focus();
+	}
+	handleKeyDown = (e) => {
+		if (e.key === "Escape" && this.options.escapeDeactivates) {
+			e.preventDefault(), this.deactivate();
+			return;
+		}
+		if (e.key !== "Tab") return;
+		let t = n(this.container);
+		if (t.length === 0) return;
+		let r = t[0], i = t[t.length - 1];
+		e.shiftKey && document.activeElement === r ? (e.preventDefault(), i.focus()) : !e.shiftKey && document.activeElement === i && (e.preventDefault(), r.focus());
+	};
+}, o = class {
+	constructor() {
+		this.savedElement = null;
+	}
+	save() {
+		this.savedElement = document.activeElement;
+	}
+	restore() {
+		this.savedElement && r(this.savedElement) && (this.savedElement.focus(), this.savedElement = null);
+	}
+};
+//#endregion
+//#region src/keyboard.js
+function s(e, t) {
+	return e.key === t;
+}
+function c(e) {
+	return e.key === "Enter" || e.key === " ";
+}
+function l(e) {
+	return [
+		"ArrowUp",
+		"ArrowDown",
+		"ArrowLeft",
+		"ArrowRight"
+	].includes(e.key);
+}
+function u(e) {
+	e.preventDefault(), e.stopPropagation();
+}
+var d = class {
+	constructor(e, t = 0) {
+		this.items = e, this.currentIndex = t, this.updateTabIndex();
+	}
+	handleKeyDown(e) {
+		let t;
+		switch (e.key) {
+			case "ArrowDown":
+			case "ArrowRight":
+				e.preventDefault(), t = (this.currentIndex + 1) % this.items.length;
+				break;
+			case "ArrowUp":
+			case "ArrowLeft":
+				e.preventDefault(), t = this.currentIndex === 0 ? this.items.length - 1 : this.currentIndex - 1;
+				break;
+			case "Home":
+				e.preventDefault(), t = 0;
+				break;
+			case "End":
+				e.preventDefault(), t = this.items.length - 1;
+				break;
+			default: return;
+		}
+		this.setCurrentIndex(t);
+	}
+	setCurrentIndex(e) {
+		e >= 0 && e < this.items.length && (this.currentIndex = e, this.updateTabIndex(), this.items[e].focus());
+	}
+	updateTabIndex() {
+		this.items.forEach((e, t) => {
+			e.tabIndex = t === this.currentIndex ? 0 : -1;
+		});
+	}
+	updateItems(e) {
+		this.items = e, this.currentIndex = Math.min(this.currentIndex, e.length - 1), this.updateTabIndex();
+	}
+}, f = (e, t, n) => {
+	let r = document.querySelector(`[data-live-region="${e}"]`);
+	return r || (r = document.createElement("div"), r.className = "sr-only", r.dataset.liveRegion = e, r.setAttribute("aria-live", e), r.setAttribute("aria-atomic", t.toString()), r.setAttribute("aria-relevant", n), document.body.appendChild(r)), r;
+};
+function p(e, t = {}) {
+	let { politeness: n = "polite", atomic: r = !0, relevant: i = "additions text" } = t, a = f(n, r, i);
+	a.textContent = "", setTimeout(() => {
+		a.textContent = e;
+	}, 100);
+}
+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);
+function te(e, t) {
+	g(e, "aria-disabled", t), t ? e.setAttribute("tabindex", "-1") : e.removeAttribute("tabindex");
+}
+var y = {
+	menu: "menu",
+	listbox: "listbox",
+	tree: "tree",
+	grid: "grid",
+	dialog: "dialog"
+}, b = (e, t, n) => {
+	Object.entries(t).forEach(([t, r]) => {
+		e.setAttribute(t, r), n[t] = r;
+	});
+}, 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 && 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 b(t, o, i.target), b(e, a, i.trigger), i;
+}
+var C = (e, t) => {
+	t.forEach((t) => {
+		e.hasAttribute(t) && e.removeAttribute(t);
+	});
+};
+function ne({ trigger: e, target: t, attributes: n = null }) {
+	!e || !t || (C(e, n || [
+		"aria-controls",
+		"aria-haspopup",
+		"aria-describedby"
+	]), (!n || n.includes("role")) && C(t, ["role"]));
+}
+//#endregion
+//#region src/plumbers/plumber/support.js
+var w = {
+	get visibleOnly() {
+		return !0;
+	},
+	hiddenClass: null
+}, T = {
+	get top() {
+		return "bottom";
+	},
+	get bottom() {
+		return "top";
+	},
+	get left() {
+		return "right";
+	},
+	get right() {
+		return "left";
+	}
+};
+function E({ x: e, y: t, width: n, height: r }) {
+	return {
+		x: e,
+		y: t,
+		width: n,
+		height: r,
+		left: e,
+		right: e + n,
+		top: t,
+		bottom: t + r
+	};
+}
+function D() {
+	return E({
+		x: 0,
+		y: 0,
+		width: window.innerWidth || document.documentElement.clientWidth,
+		height: window.innerHeight || document.documentElement.clientHeight
+	});
+}
+function re(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;
+	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 = {
+	element: null,
+	visible: null,
+	dispatch: !0,
+	prefix: ""
+}, A = 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;
+	}
+	get visible() {
+		return this.element instanceof HTMLElement ? this.visibleOnly ? re(this.element) && this.isVisible(this.element) : !0 : !1;
+	}
+	isVisible(e) {
+		if (this.visibleCallback) {
+			let t = this.findCallback(this.visibleCallback);
+			if (typeof t == "function") return t(e);
+		}
+		return e instanceof HTMLElement ? !e.hasAttribute("hidden") : !1;
+	}
+	dispatch(e, { target: t = null, prefix: n = null, detail: r = null } = {}) {
+		if (this.notify) return this.controller.dispatch(e, {
+			target: t || this.element,
+			prefix: n || this.prefix,
+			detail: r
+		});
+	}
+	findCallback(e) {
+		if (typeof e != "string") return;
+		let t = this, n = e.split(".").reduce((e, t) => e && e[t], t.controller);
+		if (typeof n == "function") return n.bind(t.controller);
+		let r = e.split(".").reduce((e, t) => e && e[t], t);
+		if (typeof r == "function") return r.bind(t);
+	}
+	async awaitCallback(e, ...t) {
+		if (typeof e == "string" && (e = this.findCallback(e)), typeof e == "function") {
+			let n = e(...t);
+			return n instanceof Promise ? await n : n;
+		}
+	}
+}, j = 7, M = {
+	locales: ["default"],
+	today: "",
+	day: null,
+	month: null,
+	year: null,
+	since: null,
+	till: null,
+	disabledDates: [],
+	disabledWeekdays: [],
+	disabledDays: [],
+	disabledMonths: [],
+	disabledYears: [],
+	firstDayOfWeek: 0,
+	onNavigated: "navigated"
+}, ae = class extends A {
+	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 { 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();
+	}
+	build() {
+		this.daysOfWeek = this.buildDaysOfWeek(), this.daysOfMonth = this.buildDaysOfMonth(), this.monthsOfYear = this.buildMonthsOfYear();
+	}
+	buildDaysOfWeek() {
+		let e = new Intl.DateTimeFormat(this.localesValue, { weekday: "long" }), t = new Intl.DateTimeFormat(this.localesValue, { weekday: "short" }), n = /* @__PURE__ */ new Date("2024-10-06"), r = [];
+		for (let i = this.firstDayOfWeek, a = i + 7; i < a; i++) {
+			let a = new Date(n);
+			a.setDate(n.getDate() + i), r.push({
+				date: a,
+				value: a.getDay(),
+				long: e.format(a),
+				short: t.format(a)
+			});
+		}
+		return r;
+	}
+	buildDaysOfMonth() {
+		let e = this.month, t = this.year, n = [], r = (e) => ({
+			current: this.month === e.getMonth() && this.year === e.getFullYear(),
+			date: e,
+			value: e.getDate(),
+			month: e.getMonth(),
+			year: e.getFullYear(),
+			iso: e.toISOString()
+		}), i = new Date(t, e).getDay(), a = this.firstDayOfWeek - i;
+		for (let i = a > 0 ? a - 7 : a; i < 0; i++) {
+			let a = new Date(t, e, i + 1);
+			n.push(r(a));
+		}
+		let o = new Date(t, e + 1, 0).getDate();
+		for (let i = 1; i <= o; i++) {
+			let a = new Date(t, e, i);
+			n.push(r(a));
+		}
+		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));
+		}
+		return n;
+	}
+	buildMonthsOfYear() {
+		let e = new Intl.DateTimeFormat(this.localesValue, { month: "long" }), t = new Intl.DateTimeFormat(this.localesValue, { month: "short" }), n = new Intl.DateTimeFormat(this.localesValue, { month: "numeric" }), r = [];
+		for (let i = 0; i < 12; i++) {
+			let a = new Date(this.year, i);
+			r.push({
+				date: a,
+				value: a.getMonth(),
+				long: e.format(a),
+				short: t.format(a),
+				numeric: n.format(a)
+			});
+		}
+		return r;
+	}
+	get today() {
+		return this.now;
+	}
+	set today(e) {
+		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" ? k(this.year, this.month, this.day) : null;
+	}
+	set current(e) {
+		O(e) && (this.day = e.getDate(), this.month = e.getMonth(), this.year = e.getFullYear());
+	}
+	navigate = async (e) => {
+		if (!O(e)) return;
+		let t = this.current, n = e.toISOString(), r = t.toISOString();
+		this.dispatch("navigate", { detail: {
+			from: r,
+			to: n
+		} }), this.current = e, this.build(), await this.awaitCallback(this.onNavigated, {
+			from: r,
+			to: n
+		}), this.dispatch("navigated", { detail: {
+			from: r,
+			to: n
+		} });
+	};
+	step = async (e, t) => {
+		if (t === 0) return;
+		let n = this.current;
+		switch (e) {
+			case "year":
+				n.setFullYear(n.getFullYear() + t);
+				break;
+			case "month":
+				n.setMonth(n.getMonth() + t);
+				break;
+			case "day":
+				n.setDate(n.getDate() + t);
+				break;
+			default: return;
+		}
+		await this.navigate(n);
+	};
+	isDisabled = (e) => {
+		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;
+		}
+		if (this.disabledWeekdays.length) {
+			let t = e.getDay(), n = this.daysOfWeek, r = n.findIndex((e) => e.value === t);
+			if (r >= 0) {
+				let e = n[r];
+				for (let t of this.disabledWeekdays) if (e.value == t || e.short === t || e.long === t) return !0;
+			}
+		}
+		if (this.disabledDays.length) {
+			let t = e.getDate();
+			for (let e of this.disabledDays) if (t == e) return !0;
+		}
+		if (this.disabledMonths.length) {
+			let t = e.getMonth(), n = this.monthsOfYear, r = n.findIndex((e) => e.value === t);
+			if (r >= 0) {
+				let e = n[r];
+				for (let t of this.disabledMonths) if (e.value == t || e.short === t || e.long === t) return !0;
+			}
+		}
+		if (this.disabledYears.length) {
+			let t = e.getFullYear();
+			for (let e of this.disabledYears) if (t == e) return !0;
+		}
+		return !1;
+	};
+	isWithinRange = (e) => {
+		if (!O(e)) return !1;
+		let t = !0;
+		return this.since && (t &&= e >= this.since), this.till && (t &&= e <= this.till), t;
+	};
+	enhance() {
+		let e = this;
+		Object.assign(this.controller, { get calendar() {
+			return {
+				get today() {
+					return e.today;
+				},
+				get current() {
+					return e.current;
+				},
+				get day() {
+					return e.day;
+				},
+				get month() {
+					return e.month;
+				},
+				get year() {
+					return e.year;
+				},
+				get since() {
+					return e.since;
+				},
+				get till() {
+					return e.till;
+				},
+				get firstDayOfWeek() {
+					return e.firstDayOfWeek;
+				},
+				get disabledDates() {
+					return e.disabledDates;
+				},
+				get disabledWeekdays() {
+					return e.disabledWeekdays;
+				},
+				get disabledDays() {
+					return e.disabledDays;
+				},
+				get disabledMonths() {
+					return e.disabledMonths;
+				},
+				get disabledYears() {
+					return e.disabledYears;
+				},
+				get daysOfWeek() {
+					return e.daysOfWeek;
+				},
+				get daysOfMonth() {
+					return e.daysOfMonth;
+				},
+				get monthsOfYear() {
+					return e.monthsOfYear;
+				},
+				navigate: async (t) => await e.navigate(t),
+				step: async (t, n) => await e.step(t, n),
+				isDisabled: (t) => e.isDisabled(t),
+				isWithinRange: (t) => e.isWithinRange(t)
+			};
+		} });
+	}
+}, 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: "canLoad",
+	onLoading: "contentLoading",
+	onLoaded: "contentLoaded"
+}, le = class extends A {
+	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();
+	}
+	get reloadable() {
+		switch (this.reload) {
+			case "never": return !1;
+			case "always": return !0;
+			default: {
+				let e = k(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();
+	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;
+		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, {
+			url: this.url,
+			content: n
+		}), this.loadedAt = (/* @__PURE__ */ new Date()).getTime(), this.dispatch("loaded", { detail: {
+			url: this.url,
+			content: n
+		} }));
+	};
+	enhance() {
+		let e = this;
+		Object.assign(this.controller, { load: e.load.bind(e) });
+	}
+}, ue = (e, t) => new le(e, t), de = {
+	trigger: null,
+	events: ["click"],
+	onDismissed: "dismissed"
+}, fe = class extends A {
+	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();
+	}
+	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 = {
+	anchor: null,
+	events: ["click"],
+	placement: "bottom",
+	alignment: "start",
+	onFlipped: "flipped",
+	ariaRole: null,
+	respectMotion: !0
+}, 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({}, 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
+		}), this.enhance(), this.observe();
+	}
+	flip = async () => {
+		if (!this.visible) return;
+		this.dispatch("flip"), window.getComputedStyle(this.element).position != "absolute" && (this.element.style.position = "absolute");
+		let e = this.flippedRect(this.anchor.getBoundingClientRect(), this.element.getBoundingClientRect());
+		this.element.style.transition = this.respectMotion && this.prefersReducedMotion ? "none" : "";
+		for (let [t, n] of Object.entries(e)) this.element.style[t] = n;
+		await this.awaitCallback(this.onFlipped, {
+			target: this.element,
+			placement: e
+		}), this.dispatch("flipped", { detail: { placement: e } });
+	};
+	flippedRect(e, t) {
+		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;
+			let o = this.quadrumPlacement(e, a, t), s = this.quadrumAlignment(e, a, o);
+			i.top = `${s.top + window.scrollY}px`, i.left = `${s.left + window.scrollX}px`;
+		}
+		return Object.keys(i).length || (i.top = "", i.left = ""), i;
+	}
+	quadrumRect(e, t) {
+		return {
+			left: E({
+				x: t.x,
+				y: t.y,
+				width: e.x - t.x,
+				height: t.height
+			}),
+			right: E({
+				x: e.x + e.width,
+				y: t.y,
+				width: t.width - (e.x + e.width),
+				height: t.height
+			}),
+			top: E({
+				x: t.x,
+				y: t.y,
+				width: t.width,
+				height: e.y - t.y
+			}),
+			bottom: E({
+				x: t.x,
+				y: e.y + e.height,
+				width: t.width,
+				height: t.height - (e.y + e.height)
+			})
+		};
+	}
+	quadrumPlacement(e, t, n) {
+		switch (t) {
+			case "top": return E({
+				x: n.x,
+				y: e.y - n.height,
+				width: n.width,
+				height: n.height
+			});
+			case "bottom": return E({
+				x: n.x,
+				y: e.y + e.height,
+				width: n.width,
+				height: n.height
+			});
+			case "left": return E({
+				x: e.x - n.width,
+				y: n.y,
+				width: n.width,
+				height: n.height
+			});
+			case "right": return E({
+				x: e.x + e.width,
+				y: n.y,
+				width: n.width,
+				height: n.height
+			});
+			default: throw `Unable place at the quadrum, ${t}`;
+		}
+	}
+	quadrumAlignment(e, t, n) {
+		switch (t) {
+			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({
+					x: t,
+					y: n.y,
+					width: n.width,
+					height: n.height
+				});
+			}
+			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({
+					x: n.x,
+					y: t,
+					width: n.width,
+					height: n.height
+				});
+			}
+			default: throw `Unable align at the quadrum, ${t}`;
+		}
+	}
+	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;
+	}
+}, _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",
+		"left",
+		"right"
+	],
+	onShifted: "shifted",
+	respectMotion: !0
+}, Te = class extends A {
+	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();
+	}
+	shift = async () => {
+		if (!this.visible) return;
+		this.dispatch("shift");
+		let e = this.overflowRect(this.element.getBoundingClientRect(), this.elementTranslations(this.element)), t = e.left || e.right || 0, n = e.top || e.bottom || 0;
+		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({
+			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];
+			t < 0 ? i[a] + t >= r[a] && !n[a] && (n[e] = t) : n[e] = "";
+		}
+		return n;
+	}
+	directionDistance(e, t, n) {
+		switch (t) {
+			case "top":
+			case "left": return e[t] - n[t];
+			case "bottom":
+			case "right": return n[t] - e[t];
+			default: throw `Invalid direction to calcuate distance, ${t}`;
+		}
+	}
+	elementTranslations(e) {
+		let t = window.getComputedStyle(e), n = t.transform || t.webkitTransform || t.mozTransform;
+		if (n === "none" || n === void 0) return {
+			x: 0,
+			y: 0
+		};
+		let r = n.includes("3d") ? "3d" : "2d", i = n.match(/matrix.*\((.+)\)/)[1].split(", ");
+		return r === "2d" ? {
+			x: Number(i[4]),
+			y: Number(i[5])
+		} : {
+			x: 0,
+			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)
+		});
+	}
+}, Ee = (e, t) => new Te(e, t), Z = {
+	visibility: "visibility",
+	onShown: "shown",
+	onHidden: "hidden"
+}, 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 = w.hiddenClass;
+		return t ? !e.classList.contains(t) : !e.hasAttribute("hidden");
+	}
+	toggle(e, t) {
+		if (!(e instanceof HTMLElement)) return;
+		let n = w.hiddenClass;
+		n ? t ? e.classList.remove(n) : e.classList.add(n) : t ? e.removeAttribute("hidden") : e.setAttribute("hidden", !0);
+	}
+	activate(e) {
+		this.activator && this.activator.setAttribute("aria-expanded", e ? "true" : "false");
+	}
+	async show() {
+		!(this.element instanceof HTMLElement) || this.isVisible(this.element) || (this.dispatch("show"), this.toggle(this.element, !0), this.activate(!0), await this.awaitCallback(this.onShown, { target: this.element }), this.dispatch("shown"));
+	}
+	async hide() {
+		!(this.element instanceof HTMLElement) || !this.isVisible(this.element) || (this.dispatch("hide"), this.toggle(this.element, !1), this.activate(!1), await this.awaitCallback(this.onHidden, { target: this.element }), this.dispatch("hidden"));
+	}
+	enhance() {
+		let e = this, t = {
+			show: e.show.bind(e),
+			hide: e.hide.bind(e)
+		};
+		Object.defineProperty(t, "visible", { get() {
+			return e.isVisible(e.element);
+		} }), Object.defineProperty(t, this.visibilityResolver, { value: e.isVisible.bind(e) }), Object.defineProperty(this.controller, this.visibility, { get() {
+			return t;
+		} });
+	}
+}, Q = (e, t) => new De(e, t), $ = class extends e {
+	static targets = ["daysOfWeek", "daysOfMonth"];
+	static classes = ["dayOfWeek", "dayOfMonth"];
+	static values = {
+		locales: {
+			type: Array,
+			default: ["default"]
+		},
+		weekdayFormat: {
+			type: String,
+			default: "short"
+		},
+		dayFormat: {
+			type: String,
+			default: "numeric"
+		},
+		daysOfOtherMonth: {
+			type: Boolean,
+			default: !1
+		}
+	};
+	initialize() {
+		oe(this);
+	}
+	connect() {
+		this.draw();
+	}
+	navigated() {
+		this.draw();
+	}
+	draw() {
+		this.drawDaysOfWeek(), this.drawDaysOfMonth();
+	}
+	createDayElement(e, { selectable: t = !1, disabled: n = !1 } = {}) {
+		let r = document.createElement(t ? "button" : "div");
+		return r.tabIndex = -1, e ? r.textContent = e : r.setAttribute("aria-hidden", "true"), n && (r instanceof HTMLButtonElement ? r.disabled = !0 : r.setAttribute("aria-disabled", "true")), r;
+	}
+	drawDaysOfWeek() {
+		if (!this.hasDaysOfWeekTarget) return;
+		let e = new Intl.DateTimeFormat(this.localesValue, { weekday: this.weekdayFormatValue }), t = [];
+		for (let n of this.calendar.daysOfWeek) {
+			let r = this.createDayElement(e.format(n.date));
+			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);
+	}
+	drawDaysOfMonth() {
+		if (!this.hasDaysOfMonthTarget) return;
+		let e = this.calendar.today, t = new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime(), n = [];
+		for (let e of this.calendar.daysOfMonth) {
+			let r = !e.current || this.calendar.isDisabled(e.date) || !this.calendar.isWithinRange(e.date), i = e.current || this.daysOfOtherMonthValue ? e.value : "", a = this.createDayElement(i, {
+				selectable: e.current,
+				disabled: r
+			});
+			t === e.date.getTime() && a.setAttribute("aria-current", "date"), this.hasDayOfMonthClass && a.classList.add(...this.dayOfMonthClasses);
+			let o = document.createElement("time");
+			o.dateTime = e.iso, a.appendChild(o), n.push(a);
+		}
+		let r = [];
+		for (let e = 0; e < n.length; e += 7) {
+			let t = document.createElement("div");
+			t.setAttribute("role", "row");
+			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 {
+	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("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);
+		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);
+		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: {
+				text: t,
+				types: n
+			},
+			bubbles: !0
+		});
+	}
+	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"
+	];
+	static outlets = ["calendar-month"];
+	static values = {
+		date: String,
+		locales: {
+			type: Array,
+			default: ["default"]
+		},
+		dayFormat: {
+			type: String,
+			default: "numeric"
+		},
+		monthFormat: {
+			type: String,
+			default: "long"
+		},
+		yearFormat: {
+			type: String,
+			default: "numeric"
+		}
+	};
+	initialize() {
+		this.previous = this.previous.bind(this), this.next = this.next.bind(this);
+	}
+	async calendarMonthOutletConnected() {
+		if (this.dateValue) {
+			let e = k(this.dateValue);
+			e && await this.calendarMonthOutlet.calendar.navigate(e);
+		}
+		this.draw();
+	}
+	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);
+	}
+	previousTargetDisconnected(e) {
+		e.removeEventListener("click", this.previous);
+	}
+	async previous() {
+		await this.calendarMonthOutlet.calendar.step("month", -1), this.draw();
+	}
+	nextTargetConnected(e) {
+		e.addEventListener("click", this.next);
+	}
+	nextTargetDisconnected(e) {
+		e.removeEventListener("click", this.next);
+	}
+	async next() {
+		await this.calendarMonthOutlet.calendar.step("month", 1), this.draw();
+	}
+	draw() {
+		this.drawDay(), this.drawMonth(), this.drawYear();
+	}
+	drawDay() {
+		if (!this.hasDayTarget || !this.hasCalendarMonthOutlet) return;
+		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;
+		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;
+		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");
+		}
+	}
+	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() {
+		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 { 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 };