stimulus_plumbers 0.3.3 → 0.4.0

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

@@ -354,7 +354,7 @@ var de = /\D/g, fe = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		}
 		return e;
 	}
-}, _e = /[^\d.,-]/g, P = /^-?\d+(\.\d+)?$/, F = {
+}, _e = /[^\d.,-]/g, ve = /^-?\d+(\.\d+)?$/, P = {
 	normalize(e) {
 		if (typeof e != "string") return "";
 		let t = e.replace(_e, "");
@@ -363,7 +363,7 @@ var de = /\D/g, fe = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		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;
+		return typeof e == "string" ? ve.test(e) : !1;
 	},
 	format(e, t = {}) {
 		if (typeof e != "string") return "";
@@ -383,18 +383,18 @@ var de = /\D/g, fe = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 			return e;
 		}
 	}
-}, I = /^\d{4}-\d{2}-\d{2}$/, ve = /^(\d{1,4})[/\-.](\d{1,2})[/\-.](\d{1,4})$/, ye = /\D/g, L = {
+}, F = /^\d{4}-\d{2}-\d{2}$/, ye = /^(\d{1,4})[/\-.](\d{1,2})[/\-.](\d{1,4})$/, be = /\D/g, I = {
 	normalize(e) {
 		if (typeof e != "string") return "";
 		let t = e.trim();
-		if (I.test(t)) return t;
-		let n = t.match(ve);
+		if (F.test(t)) return t;
+		let n = t.match(ye);
 		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, "");
+		let r = t.replace(be, "");
 		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)}`;
@@ -403,8 +403,8 @@ var de = /\D/g, fe = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 	},
 	validate(e) {
 		if (typeof e != "string") return !1;
-		let t = L.normalize(e);
-		if (!I.test(t)) return !1;
+		let t = I.normalize(e);
+		if (!F.test(t)) return !1;
 		let n = /* @__PURE__ */ new Date(`${t}T00:00:00Z`);
 		return !isNaN(n.getTime()) && n.toISOString().startsWith(t);
 	},
@@ -424,11 +424,11 @@ var de = /\D/g, fe = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 			return e;
 		}
 	}
-}, be = /^([01]?\d|2[0-3]):([0-5]\d)$/, R = {
+}, xe = /^([01]?\d|2[0-3]):([0-5]\d)$/, L = {
 	normalize(e) {
 		if (typeof e != "string") return "";
 		let t = e.trim();
-		if (be.test(t)) {
+		if (xe.test(t)) {
 			let [e, n] = t.split(":");
 			return `${String(parseInt(e, 10)).padStart(2, "0")}:${n}`;
 		}
@@ -440,7 +440,7 @@ var de = /\D/g, fe = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		return "";
 	},
 	validate(e) {
-		return R.normalize(e) !== "";
+		return L.normalize(e) !== "";
 	},
 	format(e, t = {}) {
 		if (typeof e != "string") return "";
@@ -451,32 +451,32 @@ var de = /\D/g, fe = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 		let a = r < 12 ? "AM" : "PM";
 		return `${r % 12 || 12}:${i} ${a}`;
 	}
-}, z = {
+}, R = {
 	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,
+}, z = new Map([
+	[R.PLAIN, le],
+	[R.CREDIT_CARD, me],
+	[R.PHONE, ge],
+	[R.CURRENCY, P],
+	[R.DATE, I],
+	[R.TIME, L]
+]), B = {
+	type: R.PLAIN,
 	options: {}
-}, H = class extends j {
+}, V = class extends j {
 	static register(e, t) {
-		B.set(e, t);
+		z.set(e, t);
 	}
 	constructor(e, t = {}) {
-		super(e, t), this.type = t.type ?? V.type, this.options = t.options ?? V.options, this.enhance();
+		super(e, t), this.type = t.type ?? B.type, this.options = t.options ?? B.options, this.enhance();
 	}
 	enhance() {
-		let e = this, t = B.get(e.type) ?? B.get(z.PLAIN), n = {
+		let e = this, t = z.get(e.type) ?? z.get(R.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 : ""),
@@ -490,30 +490,30 @@ var de = /\D/g, fe = /^\d{13,19}$/, pe = /(.{4})(?=.)/g, me = {
 			configurable: !0
 		});
 	}
-}, U = (e, t) => new H(e, t), xe = /^\d{4}-\d{2}-\d{2}$/;
-function W(e) {
+}, H = (e, t) => new V(e, t), Se = /^\d{4}-\d{2}-\d{2}$/;
+function U(e) {
 	return e instanceof Date && !isNaN(e);
 }
-function G(...e) {
+function W(...e) {
 	if (e.length === 0) throw "Missing values to parse as date";
 	if (e.length === 1) {
 		let t = e[0];
 		if (!t) return;
-		if (typeof t == "string" && xe.test(t)) {
+		if (typeof t == "string" && Se.test(t)) {
 			let [e, n, r] = t.split("-").map(Number), i = new Date(e, n - 1, r);
-			if (W(i)) return i;
+			if (U(i)) return i;
 		} else {
 			let e = new Date(t);
-			if (W(e)) return e;
+			if (U(e)) return e;
 		}
 	} else {
 		let t = new Date(...e);
-		if (W(t)) return t;
+		if (U(t)) return t;
 	}
 }
 //#endregion
 //#region src/plumbers/calendar.js
-var K = 7, q = {
+var G = 7, K = {
 	locales: ["default"],
 	today: "",
 	day: null,
@@ -528,18 +528,18 @@ var K = 7, q = {
 	disabledYears: [],
 	firstDayOfWeek: 0,
 	onNavigated: "navigated"
-}, Se = class extends j {
+}, Ce = class extends j {
 	constructor(e, t = {}) {
 		super(e, t);
-		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 n = Object.assign({}, K, t), { onNavigated: r, since: i, till: a, firstDayOfWeek: o } = n;
+		this.onNavigated = r, this.since = W(i), this.till = W(a), this.firstDayOfWeek = 0 <= o && o < 7 ? o : K.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 = 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();
+		this.now = W(f) || /* @__PURE__ */ new Date(), typeof h == "number" && typeof m == "number" && typeof p == "number" ? this.current = W(h, m, p) : this.current = this.now, this.build(), this.enhance();
 	}
 	build() {
-		this.daysOfWeek = this.buildDaysOfWeek(), this.daysOfMonth = this.buildDaysOfMonth(), this.monthsOfYear = this.buildMonthsOfYear();
+		this.daysOfWeek = this.buildDaysOfWeek(), this.daysOfMonth = this.buildDaysOfMonth(), this.monthsOfYear = this.buildMonthsOfYear(), this.yearsOfDecade = this.buildYearsOfDecade();
 	}
 	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 = [];
@@ -572,7 +572,7 @@ var K = 7, q = {
 			let a = new Date(t, e, i);
 			n.push(r(a));
 		}
-		let s = n.length % K, c = s === 0 ? 0 : K - s;
+		let s = n.length % G, c = s === 0 ? 0 : G - s;
 		for (let i = 1; i <= c; i++) {
 			let a = new Date(t, e + 1, i);
 			n.push(r(a));
@@ -593,22 +593,31 @@ var K = 7, q = {
 		}
 		return r;
 	}
+	buildYearsOfDecade() {
+		let e = Math.floor(this.year / 10) * 10, t = [];
+		for (let n = e - 1; n <= e + 10; n++) t.push({
+			value: n,
+			current: n === this.year,
+			outside: n < e || n > e + 9
+		});
+		return t;
+	}
 	get today() {
 		return this.now;
 	}
 	set today(e) {
-		if (!W(e)) return;
+		if (!U(e)) return;
 		let t = this.month ?? e.getMonth(), n = this.year ?? e.getFullYear(), r = t == e.getMonth() && n == e.getFullYear() ? e.getDate() : 1;
 		this.now = new Date(n, t, r);
 	}
 	get current() {
-		return typeof this.year == "number" && typeof this.month == "number" && typeof this.day == "number" ? G(this.year, this.month, this.day) : null;
+		return typeof this.year == "number" && typeof this.month == "number" && typeof this.day == "number" ? W(this.year, this.month, this.day) : null;
 	}
 	set current(e) {
-		W(e) && (this.day = e.getDate(), this.month = e.getMonth(), this.year = e.getFullYear());
+		U(e) && (this.day = e.getDate(), this.month = e.getMonth(), this.year = e.getFullYear());
 	}
 	navigate = async (e) => {
-		if (!W(e)) return;
+		if (!U(e)) return;
 		let t = this.current, n = e.toISOString(), r = t.toISOString();
 		this.dispatch("navigate", { detail: {
 			from: r,
@@ -639,7 +648,7 @@ var K = 7, q = {
 		await this.navigate(n);
 	};
 	isDisabled = (e) => {
-		if (!W(e)) return !1;
+		if (!U(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;
@@ -669,7 +678,7 @@ var K = 7, q = {
 		return !1;
 	};
 	isWithinRange = (e) => {
-		if (!W(e)) return !1;
+		if (!U(e)) return !1;
 		let t = !0;
 		return this.since && (t &&= e >= this.since), this.till && (t &&= e <= this.till), t;
 	};
@@ -725,6 +734,9 @@ var K = 7, q = {
 				get monthsOfYear() {
 					return e.monthsOfYear;
 				},
+				get yearsOfDecade() {
+					return e.yearsOfDecade;
+				},
 				navigate: async (t) => await e.navigate(t),
 				step: async (t, n) => await e.step(t, n),
 				isDisabled: (t) => e.isDisabled(t),
@@ -732,18 +744,18 @@ var K = 7, q = {
 			};
 		} });
 	}
-}, Ce = (e, t) => new Se(e, t), J = {
+}, we = (e, t) => new Ce(e, t), q = {
 	content: null,
 	url: "",
 	reload: "never",
 	stale: 3600,
 	onLoad: "canLoad",
 	onLoaded: "contentLoaded"
-}, we = class extends j {
+}, Te = class extends j {
 	constructor(e, t = {}) {
 		super(e, t);
-		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 n = Object.assign({}, q, t), { content: r, url: i, reload: a, stale: o } = n;
+		this.content = r, this.url = i, this.reload = typeof a == "string" ? a : q.reload, this.stale = typeof o == "number" ? o : q.stale;
 		let { onLoad: s, onLoaded: c } = n;
 		this.onLoad = s, this.onLoaded = c, this._requestor = new w(), this.enhance();
 	}
@@ -752,7 +764,7 @@ var K = 7, q = {
 			case "never": return !1;
 			case "always": return !0;
 			default: {
-				let e = G(this.loadedAt);
+				let e = W(this.loadedAt);
 				return e && /* @__PURE__ */ new Date() - e > this.stale * 1e3;
 			}
 		}
@@ -778,7 +790,7 @@ var K = 7, q = {
 		let e = this;
 		Object.assign(this.controller, { load: e.load.bind(e) });
 	}
-}, Te = (e, t) => new we(e, t), Y = class extends j {
+}, Ee = (e, t) => new Te(e, t), J = class extends j {
 	observe(e) {
 		this._handler = e, this.events.forEach((t) => window.addEventListener(t, e, !0));
 	}
@@ -791,21 +803,21 @@ var K = 7, q = {
 			e.unobserve(), t();
 		};
 	}
-}, Ee = {
+}, De = {
 	trigger: null,
 	events: ["click"],
 	onDismissed: "dismissed"
-}, De = class extends Y {
+}, Oe = class extends J {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { trigger: n, events: r, onDismissed: i } = Object.assign({}, Ee, 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(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")));
 	};
-}, X = (e, t) => new De(e, t), Oe = {
+}, Y = (e, t) => new Oe(e, t), ke = {
 	anchor: null,
 	events: ["click"],
 	placement: "bottom",
@@ -813,10 +825,10 @@ var K = 7, q = {
 	onFlipped: "flipped",
 	ariaRole: null,
 	respectMotion: !0
-}, ke = class extends Y {
+}, Ae = class extends J {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { anchor: n, events: r, placement: i, alignment: a, onFlipped: o, ariaRole: s, respectMotion: c } = Object.assign({}, Oe, t);
+		let { anchor: n, events: r, placement: i, alignment: a, onFlipped: o, ariaRole: s, respectMotion: c } = Object.assign({}, ke, 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,
@@ -932,7 +944,7 @@ var K = 7, q = {
 	enhance() {
 		super.enhance(), this.controller.flip = this.flip;
 	}
-}, Ae = (e, t) => new ke(e, t), je = {
+}, je = (e, t) => new Ae(e, t), Me = {
 	events: ["resize"],
 	boundaries: [
 		"top",
@@ -941,10 +953,10 @@ var K = 7, q = {
 	],
 	onShifted: "shifted",
 	respectMotion: !0
-}, Me = class extends Y {
+}, Ne = class extends J {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { onShifted: n, events: r, boundaries: i, respectMotion: a } = Object.assign({}, je, t);
+		let { onShifted: n, events: r, boundaries: i, respectMotion: a } = Object.assign({}, Me, 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 () => {
@@ -993,13 +1005,13 @@ var K = 7, q = {
 	enhance() {
 		super.enhance(), this.controller.shift = this.shift;
 	}
-}, Ne = (e, t) => new Me(e, t), Z = {
+}, Pe = (e, t) => new Ne(e, t), X = {
 	visibility: "visibility",
 	onShown: "shown",
 	onHidden: "hidden"
-}, Pe = class extends j {
+}, Fe = 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";
+		let { visibility: n, onShown: r, onHidden: i, activator: a } = Object.assign({}, X, t), o = typeof n == "string" ? n : X.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) {
@@ -1032,12 +1044,12 @@ var K = 7, q = {
 			return t;
 		} });
 	}
-}, Q = (e, t) => new Pe(e, t), $ = class extends e {
+}, Z = (e, t) => new Fe(e, t), Q = class extends e {
 	static targets = ["daysOfWeek", "daysOfMonth"];
 	static classes = [
 		"dayOfWeek",
 		"dayOfMonth",
-		"week"
+		"row"
 	];
 	static values = {
 		locales: {
@@ -1066,7 +1078,7 @@ var K = 7, q = {
 		}
 	};
 	initialize() {
-		Ce(this, { today: this.todayValue });
+		we(this, { today: this.todayValue });
 	}
 	connect() {
 		this.draw();
@@ -1078,7 +1090,7 @@ var K = 7, q = {
 		if (!this.hasDaysOfMonthTarget || (this.daysOfMonthTarget.querySelectorAll("[aria-selected]").forEach((e) => {
 			e.setAttribute("aria-selected", "false");
 		}), !this.selectedValue)) return;
-		let e = G(this.selectedValue);
+		let e = W(this.selectedValue);
 		if (!e) return;
 		let t = this.daysOfMonthTarget.querySelector(`time[datetime="${e.toISOString()}"]`);
 		t && t.closest("[aria-selected]").setAttribute("aria-selected", "true");
@@ -1102,7 +1114,7 @@ var K = 7, q = {
 			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"), this.hasWeekClass && n.classList.add(...this.weekClasses), n.replaceChildren(...t), this.daysOfWeekTarget.replaceChildren(n);
+		n.setAttribute("role", "row"), this.hasRowClass && n.classList.add(...this.rowClasses), n.replaceChildren(...t), this.daysOfWeekTarget.replaceChildren(n);
 	}
 	drawDaysOfMonth() {
 		if (!this.hasDaysOfMonthTarget) return;
@@ -1119,13 +1131,13 @@ var K = 7, q = {
 		let r = [];
 		for (let e = 0; e < n.length; e += 7) {
 			let t = document.createElement("div");
-			t.setAttribute("role", "row"), this.hasWeekClass && t.classList.add(...this.weekClasses);
+			t.setAttribute("role", "row"), this.hasRowClass && t.classList.add(...this.rowClasses);
 			for (let r of n.slice(e, e + 7)) r.setAttribute("role", "gridcell"), t.appendChild(r);
 			r.push(t);
 		}
 		this.daysOfMonthTarget.replaceChildren(...r);
 	}
-}, Fe = class extends e {
+}, Ie = class extends e {
 	onSelect(e) {
 		if (!(e.target instanceof HTMLElement)) return;
 		e.preventDefault();
@@ -1134,18 +1146,18 @@ var K = 7, q = {
 		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 = G(n.dateTime);
+		let r = W(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 = G(e);
+		let t = W(e);
 		t && this.dispatch("selected", { detail: {
 			epoch: t.getTime(),
 			iso: e
 		} });
 	}
-}, Ie = class extends e {
+}, Le = class extends e {
 	static targets = ["source"];
 	static values = { contentType: {
 		type: String,
@@ -1175,17 +1187,29 @@ var K = 7, q = {
 			});
 		}
 	}
-}, Le = class extends e {
+}, $ = [
+	"month",
+	"year",
+	"decade"
+], Re = class extends e {
 	static targets = [
 		"previous",
 		"next",
 		"day",
 		"month",
-		"year"
+		"year",
+		"viewTitle",
+		"monthView",
+		"yearView",
+		"decadeView"
 	];
 	static outlets = ["calendar-month"];
 	static values = {
 		date: String,
+		view: {
+			type: String,
+			default: "month"
+		},
 		locales: {
 			type: Array,
 			default: ["default"]
@@ -1204,11 +1228,11 @@ var K = 7, q = {
 		}
 	};
 	initialize() {
-		this.previous = this.previous.bind(this), this.next = this.next.bind(this);
+		this.previous = this.previous.bind(this), this.next = this.next.bind(this), this.selectMonth = this.selectMonth.bind(this), this.selectYear = this.selectYear.bind(this);
 	}
 	async calendarMonthOutletConnected() {
 		if (this.dateValue) {
-			let e = G(this.dateValue);
+			let e = W(this.dateValue);
 			e && await this.calendarMonthOutlet.calendar.navigate(e);
 		}
 		this.draw();
@@ -1219,6 +1243,22 @@ var K = 7, q = {
 			bubbles: !0
 		});
 	}
+	zoomOut() {
+		let e = $.indexOf(this.viewValue);
+		e < $.length - 1 && (this.viewValue = $[e + 1], this.draw());
+	}
+	async selectMonth(e) {
+		let t = e.target.closest("button[data-month]");
+		if (!t) return;
+		let n = parseInt(t.dataset.month, 10) - 1, { year: r } = this.calendarMonthOutlet.calendar;
+		await this.calendarMonthOutlet.calendar.navigate(new Date(r, n, 1)), this.viewValue = "month", this.draw();
+	}
+	async selectYear(e) {
+		let t = e.target.closest("button[data-year]");
+		if (!t || t.getAttribute("aria-disabled") === "true") return;
+		let n = parseInt(t.dataset.year, 10), { month: r } = this.calendarMonthOutlet.calendar;
+		await this.calendarMonthOutlet.calendar.navigate(new Date(n, r, 1)), this.viewValue = "year", this.draw();
+	}
 	previousTargetConnected(e) {
 		e.addEventListener("click", this.previous);
 	}
@@ -1226,7 +1266,7 @@ var K = 7, q = {
 		e.removeEventListener("click", this.previous);
 	}
 	async previous() {
-		await this.calendarMonthOutlet.calendar.step("month", -1), this.draw();
+		await this.calendarMonthOutlet.calendar.step(...this.stepArgs(-1)), this.draw();
 	}
 	nextTargetConnected(e) {
 		e.addEventListener("click", this.next);
@@ -1235,10 +1275,22 @@ var K = 7, q = {
 		e.removeEventListener("click", this.next);
 	}
 	async next() {
-		await this.calendarMonthOutlet.calendar.step("month", 1), this.draw();
+		await this.calendarMonthOutlet.calendar.step(...this.stepArgs(1)), this.draw();
+	}
+	yearViewTargetConnected(e) {
+		e.addEventListener("click", this.selectMonth);
+	}
+	yearViewTargetDisconnected(e) {
+		e.removeEventListener("click", this.selectMonth);
+	}
+	decadeViewTargetConnected(e) {
+		e.addEventListener("click", this.selectYear);
+	}
+	decadeViewTargetDisconnected(e) {
+		e.removeEventListener("click", this.selectYear);
 	}
 	draw() {
-		this.drawDay(), this.drawMonth(), this.drawYear();
+		this.drawDay(), this.drawMonth(), this.drawYear(), this.drawViewTitle(), this.drawYearView(), this.drawDecadeView(), this.drawView();
 	}
 	drawDay() {
 		if (!this.hasDayTarget || !this.hasCalendarMonthOutlet) return;
@@ -1255,7 +1307,50 @@ var K = 7, q = {
 		let { year: e } = this.calendarMonthOutlet.calendar;
 		this.yearTarget.textContent = new Intl.DateTimeFormat(this.localesValue, { year: this.yearFormatValue }).format(new Date(e, 0));
 	}
-}, Re = class extends e {
+	drawViewTitle() {
+		if (!this.hasViewTitleTarget || !this.hasCalendarMonthOutlet) return;
+		let { year: e, month: t } = this.calendarMonthOutlet.calendar;
+		this.viewTitleTarget.textContent = this.viewTitleLabel(e, t);
+	}
+	drawYearView() {
+		if (!this.hasYearViewTarget || !this.hasCalendarMonthOutlet) return;
+		let { year: e, month: t, monthsOfYear: n } = this.calendarMonthOutlet.calendar, r = this.calendarMonthOutlet.calendar.today, i = [];
+		for (let a of n) {
+			let n = document.createElement("button");
+			n.type = "button", n.textContent = a.short, n.dataset.month = a.value + 1, n.setAttribute("role", "gridcell"), n.setAttribute("aria-selected", a.value === t ? "true" : "false"), a.value === r.getMonth() && e === r.getFullYear() && n.setAttribute("aria-current", "month"), i.push(n);
+		}
+		this.yearViewTarget.replaceChildren(...i);
+	}
+	drawDecadeView() {
+		if (!this.hasDecadeViewTarget || !this.hasCalendarMonthOutlet) return;
+		let { year: e, yearsOfDecade: t } = this.calendarMonthOutlet.calendar, n = this.calendarMonthOutlet.calendar.today.getFullYear(), r = [];
+		for (let i of t) {
+			let t = document.createElement("button");
+			t.type = "button", t.textContent = i.value, t.dataset.year = i.value, t.setAttribute("role", "gridcell"), t.setAttribute("aria-selected", i.value === e ? "true" : "false"), i.value === n && t.setAttribute("aria-current", "year"), i.outside && t.setAttribute("aria-disabled", "true"), r.push(t);
+		}
+		this.decadeViewTarget.replaceChildren(...r);
+	}
+	viewTitleLabel(e, t) {
+		if (this.viewValue === "year") return String(e);
+		if (this.viewValue === "decade") {
+			let t = Math.floor(e / 10) * 10;
+			return `${t}–${t + 9}`;
+		}
+		return new Intl.DateTimeFormat(this.localesValue, {
+			month: "long",
+			year: "numeric"
+		}).format(new Date(e, t));
+	}
+	stepArgs(e) {
+		return this.viewValue === "year" ? ["year", e] : this.viewValue === "decade" ? ["year", e * 10] : ["month", e];
+	}
+	drawView() {
+		if (this.hasMonthViewTarget && (this.monthViewTarget.hidden = this.viewValue !== "month"), this.hasYearViewTarget && (this.yearViewTarget.hidden = this.viewValue !== "year"), this.hasDecadeViewTarget && (this.decadeViewTarget.hidden = this.viewValue !== "decade"), this.hasCalendarMonthOutlet) {
+			let e = this.calendarMonthOutlet, t = this.viewValue === "month";
+			e.hasDaysOfWeekTarget && (e.daysOfWeekTarget.hidden = !t), e.hasDaysOfMonthTarget && (e.daysOfMonthTarget.hidden = !t);
+		}
+	}
+}, ze = class extends e {
 	static targets = [
 		"listbox",
 		"loading",
@@ -1336,7 +1431,7 @@ var K = 7, q = {
 	disconnect() {
 		this._requestor.cancel();
 	}
-}, ze = class extends e {
+}, Be = class extends e {
 	static targets = [
 		"hour",
 		"minute",
@@ -1372,12 +1467,12 @@ var K = 7, q = {
 	selectedValue(e) {
 		return e?.querySelector("[aria-selected=\"true\"]")?.dataset.value ?? null;
 	}
-}, Be = class extends e {
+}, Ve = class extends e {
 	static targets = ["trigger"];
 	connect() {
-		X(this, { trigger: this.hasTriggerTarget ? this.triggerTarget : null });
+		Y(this, { trigger: this.hasTriggerTarget ? this.triggerTarget : null });
 	}
-}, Ve = class extends e {
+}, He = class extends e {
 	static targets = ["anchor", "reference"];
 	static values = {
 		placement: {
@@ -1402,7 +1497,7 @@ var K = 7, q = {
 			console.error("FlipperController requires an anchor target. Add data-flipper-target=\"anchor\" to your element.");
 			return;
 		}
-		Ae(this, {
+		je(this, {
 			element: this.referenceTarget,
 			anchor: this.anchorTarget,
 			placement: this.placementValue,
@@ -1410,12 +1505,8 @@ var K = 7, q = {
 			ariaRole: this.roleValue
 		});
 	}
-}, He = class extends e {
-	static targets = [
-		"trigger",
-		"popover",
-		"input"
-	];
+}, Ue = class extends e {
+	static targets = ["trigger", "input"];
 	static values = {
 		value: String,
 		minLength: {
@@ -1424,32 +1515,8 @@ var K = 7, q = {
 		}
 	};
 	static outlets = ["combobox-dropdown"];
-	connect() {
-		X(this), this.hasPopoverTarget && Q(this, {
-			element: this.popoverTarget,
-			activator: this.hasTriggerTarget ? this.triggerTarget : null
-		});
-	}
-	async dismissed() {
-		await this.close();
-	}
-	async open() {
-		this.hasPopoverTarget && await this.visibility.show();
-	}
-	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();
+	onSelect(e) {
+		e.detail?.value !== void 0 && (this.valueValue = e.detail.value);
 	}
 	onInput(e) {
 		if (e.target !== this.triggerTarget) return;
@@ -1463,7 +1530,7 @@ var K = 7, q = {
 	valueValueChanged(e) {
 		this.hasInputTarget && (this.inputTarget.value = e), this.dispatch("changed", { detail: { value: e } });
 	}
-}, Ue = class extends e {
+}, We = class extends e {
 	static targets = ["input", "toggle"];
 	static values = {
 		format: {
@@ -1480,19 +1547,19 @@ var K = 7, q = {
 		}
 	};
 	connect() {
-		U(this, {
+		H(this, {
 			type: this.formatValue,
 			options: this.optionsValue
 		}), this.format(this.readValue()), this.drawToggle();
 	}
 	formatValueChanged() {
-		this.formatter && (U(this, {
+		this.formatter && (H(this, {
 			type: this.formatValue,
 			options: this.optionsValue
 		}), this.format(this.readValue()), this.drawToggle());
 	}
 	optionsValueChanged() {
-		this.formatter && (U(this, {
+		this.formatter && (H(this, {
 			type: this.formatValue,
 			options: this.optionsValue
 		}), this.format(this.readValue()));
@@ -1532,7 +1599,7 @@ var K = 7, q = {
 		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 } });
 	}
-}, We = class extends e {
+}, Ge = class extends e {
 	static targets = ["input", "clear"];
 	initialize() {
 		this.onInput = this.draw.bind(this), this.onEscape = this.handleEscape.bind(this);
@@ -1555,7 +1622,7 @@ var K = 7, q = {
 	handleEscape(e) {
 		e.key === "Escape" && this.inputTarget.value !== "" && (e.preventDefault(), this.clear());
 	}
-}, Ge = class extends e {
+}, Ke = class extends e {
 	static targets = ["modal", "overlay"];
 	initialize() {
 		this.onCancel = this.close.bind(this);
@@ -1564,7 +1631,7 @@ var K = 7, q = {
 		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 }));
+		this.isNativeDialog = e instanceof HTMLDialogElement, this.isNativeDialog ? (e.addEventListener("cancel", this.onCancel), e.addEventListener("click", this.onBackdropClick)) : (this.focusTrap = new a(e, { escapeDeactivates: !0 }), Y(this, { element: e }));
 	}
 	modalTargetDisconnected(e) {
 		this.isNativeDialog && (e.removeEventListener("cancel", this.onCancel), e.removeEventListener("click", this.onBackdropClick));
@@ -1598,17 +1665,17 @@ var K = 7, q = {
 		let t = this.modalTarget.getBoundingClientRect();
 		(e.clientY < t.top || e.clientY > t.bottom || e.clientX < t.left || e.clientX > t.right) && this.close();
 	};
-}, Ke = class extends e {
+}, qe = class extends e {
 	static targets = ["content"];
 	connect() {
-		Ne(this, { element: this.hasContentTarget ? this.contentTarget : null });
+		Pe(this, { element: this.hasContentTarget ? this.contentTarget : null });
 	}
-}, qe = class extends e {
+}, Je = class extends e {
 	static targets = [
-		"content",
+		"trigger",
+		"panel",
 		"template",
-		"loader",
-		"activator"
+		"loader"
 	];
 	static classes = ["hidden"];
 	static values = {
@@ -1621,37 +1688,53 @@ var K = 7, q = {
 		staleAfter: {
 			type: Number,
 			default: 3600
+		},
+		closeOnSelect: {
+			type: Boolean,
+			default: !0
 		}
 	};
 	connect() {
-		Te(this, {
-			element: this.hasContentTarget ? this.contentTarget : null,
+		Ee(this, {
+			element: this.hasPanelTarget ? this.panelTarget : null,
 			url: this.hasUrlValue ? this.urlValue : null
-		}), this.hasContentTarget && Q(this, {
-			element: this.contentTarget,
-			activator: this.hasActivatorTarget ? this.activatorTarget : null
-		}), this.hasLoaderTarget && Q(this, {
+		}), this.hasPanelTarget && (Z(this, {
+			element: this.panelTarget,
+			activator: this.hasTriggerTarget ? this.triggerTarget : null
+		}), Y(this)), this.hasLoaderTarget && Z(this, {
 			element: this.loaderTarget,
 			visibility: "contentLoaderVisibility"
 		});
 	}
-	async show() {
-		await this.visibility.show();
+	async dismissed() {
+		await this.close();
 	}
-	async hide() {
-		await this.visibility.hide();
+	async open() {
+		this.hasPanelTarget && await this.visibility.show();
+	}
+	async close() {
+		this.hasPanelTarget && await this.visibility.hide();
+	}
+	async toggle() {
+		this.visibility?.visible ? await this.close() : await this.open();
+	}
+	async closeOnSelect() {
+		this.closeOnSelectValue && await this.close();
 	}
 	async shown() {
-		await this.load();
+		await this.load(), this.hasPanelTarget && i(this.panelTarget);
+	}
+	async hidden() {
+		this.hasTriggerTarget && this.triggerTarget.focus();
 	}
 	canLoad() {
-		return this.hasContentTarget && this.contentTarget.tagName.toLowerCase() === "turbo-frame" ? (this.hasUrlValue && this.contentTarget.setAttribute("src", this.urlValue), !1) : !0;
+		return this.hasPanelTarget && this.panelTarget.tagName.toLowerCase() === "turbo-frame" ? (this.hasUrlValue && this.panelTarget.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();
+		this.hasPanelTarget && this.panelTarget.replaceChildren(this.getContentNode(e)), this.hasLoaderTarget && await this.contentLoaderVisibility.hide();
 	}
 	getContentNode(e) {
 		if (typeof e == "string") {
@@ -1665,4 +1748,4 @@ var K = 7, q = {
 	}
 };
 //#endregion
-export { y as ARIA_HASPOPUP_VALUES, $ as CalendarMonthController, Fe as CalendarMonthObserverController, Ie as ClipboardController, Le as ComboboxDateController, Re as ComboboxDropdownController, ze as ComboboxTimeController, Be as DismisserController, t as FOCUSABLE_SELECTOR, z as FORMATTER_TYPES, Ve as FlipperController, o as FocusRestoration, a as FocusTrap, H as Formatter, We as InputClearableController, He as InputComboboxController, Ue as InputFormatterController, Ge as ModalController, Ke as PannerController, qe 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 };
+export { y as ARIA_HASPOPUP_VALUES, Q as CalendarMonthController, Ie as CalendarObserverController, Le as ClipboardController, Re as ComboboxDateController, ze as ComboboxDropdownController, Be as ComboboxTimeController, Ve as DismisserController, t as FOCUSABLE_SELECTOR, R as FORMATTER_TYPES, He as FlipperController, o as FocusRestoration, a as FocusTrap, V as Formatter, Ge as InputClearableController, Ue as InputComboboxController, We as InputFormatterController, Ke as ModalController, qe as PannerController, Je 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 };