stimulus_plumbers 0.4.9 → 0.4.11

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

@@ -195,49 +195,49 @@ function m(e, t = {}) {
 }
 var h = (e = "a11y") => `${e}-${Math.random().toString(36).substr(2, 9)}`, ee = (e, t = "element") => e.id ||= h(t), g = (e, t, n) => {
 	e.setAttribute(t, n.toString());
-}, _ = (e, t) => g(e, "aria-expanded", t), v = (e) => e.getAttribute("aria-expanded") === "true", te = (e, t) => g(e, "aria-pressed", t), ne = (e, t) => g(e, "aria-checked", t), y = (e, t) => g(e, "aria-selected", t), b = (e, t) => t ? e.setAttribute("aria-current", t) : e.removeAttribute("aria-current"), x = (e, t) => t ? e.setAttribute("hidden", "") : e.removeAttribute("hidden"), S = (e, t) => g(e, "aria-hidden", t), C = (e, t) => g(e, "aria-disabled", t), re = (e) => e.getAttribute("aria-disabled") === "true";
-function ie(e, t) {
+}, _ = (e, t) => g(e, "aria-expanded", t), te = (e) => e.getAttribute("aria-expanded") === "true", ne = (e, t) => g(e, "aria-pressed", t), re = (e, t) => g(e, "aria-checked", t), v = (e, t) => g(e, "aria-selected", t), y = (e, t) => t ? e.setAttribute("aria-current", t) : e.removeAttribute("aria-current"), b = (e, t) => t ? e.setAttribute("hidden", "") : e.removeAttribute("hidden"), x = (e, t) => g(e, "aria-hidden", t), S = (e, t) => g(e, "aria-disabled", t), C = (e) => e.getAttribute("aria-disabled") === "true";
+function w(e, t) {
 	g(e, "aria-disabled", t), t ? e.setAttribute("tabindex", "-1") : e.removeAttribute("tabindex");
 }
-var ae = (e, t) => g(e, "aria-valuemin", t), w = (e, t) => g(e, "aria-valuemax", t), T = (e, t) => t == null ? e.removeAttribute("aria-valuenow") : g(e, "aria-valuenow", t), E = {
+var T = (e, t) => g(e, "aria-valuemin", t), E = (e, t) => g(e, "aria-valuemax", t), D = (e, t) => t == null ? e.removeAttribute("aria-valuenow") : g(e, "aria-valuenow", t), O = {
 	menu: "menu",
 	listbox: "listbox",
 	tree: "tree",
 	grid: "grid",
 	dialog: "dialog"
-}, oe = (e, t, n) => {
+}, ie = (e, t, n) => {
 	Object.entries(t).forEach(([t, r]) => {
 		e.setAttribute(t, r), n[t] = r;
 	});
-}, D = (e, t, n) => n || !e.hasAttribute(t);
-function se({ trigger: e, target: t, role: n = null, override: r = !1 }) {
+}, k = (e, t, n) => n || !e.hasAttribute(t);
+function ae({ trigger: e, target: t, role: n = null, override: r = !1 }) {
 	let i = {
 		trigger: {},
 		target: {}
 	};
 	if (!e || !t) return i;
 	let a = {}, o = {};
-	if (n && D(t, "role", r) && (o.role = n), t.id && (D(e, "aria-controls", r) && (a["aria-controls"] = t.id), n === "tooltip" && D(e, "aria-describedby", r) && (a["aria-describedby"] = t.id)), n && D(e, "aria-haspopup", r)) {
-		let e = E[n] || "true";
+	if (n && k(t, "role", r) && (o.role = n), t.id && (k(e, "aria-controls", r) && (a["aria-controls"] = t.id), n === "tooltip" && k(e, "aria-describedby", r) && (a["aria-describedby"] = t.id)), n && k(e, "aria-haspopup", r)) {
+		let e = O[n] || "true";
 		e && (a["aria-haspopup"] = e);
 	}
-	return oe(t, o, i.target), oe(e, a, i.trigger), i;
+	return ie(t, o, i.target), ie(e, a, i.trigger), i;
 }
-var O = (e, t) => {
+var oe = (e, t) => {
 	t.forEach((t) => {
 		e.hasAttribute(t) && e.removeAttribute(t);
 	});
 };
-function ce({ trigger: e, target: t, attributes: n = null }) {
-	!e || !t || (O(e, n || [
+function se({ trigger: e, target: t, attributes: n = null }) {
+	!e || !t || (oe(e, n || [
 		"aria-controls",
 		"aria-haspopup",
 		"aria-describedby"
-	]), (!n || n.includes("role")) && O(t, ["role"]));
+	]), (!n || n.includes("role")) && oe(t, ["role"]));
 }
 //#endregion
 //#region src/requestor.js
-var k = class {
+var A = class {
 	constructor() {
 		this._abortController = null, this._timer = null;
 	}
@@ -259,7 +259,7 @@ var k = class {
 };
 //#endregion
 //#region src/researcher.js
-function A(e, t) {
+function ce(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;
@@ -271,12 +271,12 @@ function ue(e, t) {
 	return t.startsWith(e);
 }
 function de(e) {
-	return e === "contains" ? le : e === "prefix" ? ue : A;
+	return e === "contains" ? le : e === "prefix" ? ue : ce;
 }
 function fe(e, t) {
 	return t === "textContent" ? e.textContent?.trim().toLowerCase() ?? "" : (e.getAttribute(t) ?? "").toLowerCase();
 }
-function j(e, t, n = {}) {
+function pe(e, t, n = {}) {
 	let { strategy: r = "fuzzy", matcher: i, fields: a = ["textContent"] } = n, o = typeof i == "function" ? i : de(r), s = t.toLowerCase(), c = 0;
 	return e.querySelectorAll("[role=\"option\"]").forEach((e) => {
 		let t = a.some((t) => o(s, fe(e, t)));
@@ -285,7 +285,7 @@ function j(e, t, n = {}) {
 }
 //#endregion
 //#region src/plumbers/plumber/geometry.js
-var pe = {
+var me = {
 	get top() {
 		return "bottom";
 	},
@@ -299,7 +299,7 @@ var pe = {
 		return "left";
 	}
 };
-function M({ x: e, y: t, width: n, height: r }) {
+function j({ x: e, y: t, width: n, height: r }) {
 	return {
 		x: e,
 		y: t,
@@ -311,42 +311,42 @@ function M({ x: e, y: t, width: n, height: r }) {
 		bottom: t + r
 	};
 }
-function me(e, t = "vertical") {
+function he(e, t = "vertical") {
 	return t === "horizontal" ? e.left + e.width / 2 : e.top + e.height / 2;
 }
-function N() {
-	return M({
+function M() {
+	return j({
 		x: 0,
 		y: 0,
 		width: window.innerWidth || document.documentElement.clientWidth,
 		height: window.innerHeight || document.documentElement.clientHeight
 	});
 }
-function he(e) {
+function ge(e) {
 	if (!(e instanceof HTMLElement)) return !1;
-	let t = N(), 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 = M(), 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;
 }
 //#endregion
 //#region src/plumbers/plumber/config.js
-var P = {
+var N = {
 	get visibleOnly() {
 		return !0;
 	},
 	hiddenClass: null
-}, ge = {
+}, _e = {
 	element: null,
 	visible: null,
 	dispatch: !0,
 	prefix: ""
-}, F = class {
+}, P = class {
 	constructor(e, t = {}) {
 		this.controller = e;
-		let { element: n, visible: r, dispatch: i, prefix: a } = Object.assign({}, ge, t);
-		this.element = n || e.element, this.visibleOnly = typeof r == "boolean" ? r : P.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({}, _e, t);
+		this.element = n || e.element, this.visibleOnly = typeof r == "boolean" ? r : N.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 || he(this.element) && this.isVisible(this.element) : !1;
+		return this.element instanceof HTMLElement ? !this.visibleOnly || ge(this.element) && this.isVisible(this.element) : !1;
 	}
 	isVisible(e) {
 		if (this.visibleCallback) {
@@ -375,7 +375,7 @@ var P = {
 			return n instanceof Promise ? await n : n;
 		}
 	}
-}, _e = {
+}, ve = {
 	normalize(e) {
 		return typeof e == "string" ? e : "";
 	},
@@ -385,7 +385,7 @@ var P = {
 };
 //#endregion
 //#region src/plumbers/formatters/credit_card.js
-function ve(e) {
+function ye(e) {
 	let t = 0, n = !1;
 	for (let r = e.length - 1; r >= 0; r--) {
 		let i = parseInt(e[r], 10);
@@ -393,17 +393,28 @@ function ve(e) {
 	}
 	return t % 10 == 0;
 }
-var ye = /\D/g, be = /^\d{13,19}$/, xe = /(.{4})(?=.)/g, Se = {
+var be = /\D/g, xe = /^\d{13,19}$/, Se = /(.{4})(?=.)/g, Ce = {
 	normalize(e) {
-		return typeof e == "string" ? e.replace(ye, "") : "";
+		return typeof e == "string" ? e.replace(be, "") : "";
 	},
 	validate(e) {
-		return typeof e != "string" || !be.test(e) ? !1 : ve(e);
+		return typeof e != "string" || !xe.test(e) ? !1 : ye(e);
 	},
 	format(e) {
-		return typeof e == "string" ? e.replace(xe, "$1 ") : "";
+		return typeof e == "string" ? e.replace(Se, "$1 ") : "";
+	},
+	cells() {
+		return {
+			groups: [
+				4,
+				4,
+				4,
+				4
+			],
+			length: 0
+		};
 	}
-}, Ce = { 1: 10 }, I = /\D/g, we = /^\+\d{7,15}$/, Te = {
+}, F = { 1: 10 }, I = /\D/g, we = /^\+\d{7,15}$/, Te = {
 	normalize(e) {
 		if (typeof e != "string") return "";
 		let t = e.trimStart().startsWith("+"), n = e.replace(I, "");
@@ -413,12 +424,12 @@ var ye = /\D/g, be = /^\d{13,19}$/, xe = /(.{4})(?=.)/g, Se = {
 		if (typeof e != "string") return !1;
 		if (we.test(e)) return !0;
 		let t = e.replace(I, "");
-		return Object.values(Ce).includes(t.length);
+		return Object.values(F).includes(t.length);
 	},
 	format(e) {
 		if (typeof e != "string") return "";
 		let t = e.replace(I, "");
-		for (let [e, n] of Object.entries(Ce)) {
+		for (let [e, n] of Object.entries(F)) {
 			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)) {
@@ -526,36 +537,63 @@ var ye = /\D/g, be = /^\d{13,19}$/, xe = /(.{4})(?=.)/g, Se = {
 		return `${r % 12 || 12}:${i} ${a}`;
 	}
 }, B = {
+	digits: /[^0-9]/g,
+	letters: /[^a-zA-Z]/g,
+	alphanumeric: /[^0-9a-zA-Z]/g
+}, Me = {
+	normalize(e, t = {}) {
+		if (typeof e != "string") return "";
+		let n = B[t.charset] ?? B.alphanumeric, r = e.replace(n, "").toUpperCase(), i = t.length ?? 0;
+		return i > 0 ? r.slice(0, i) : r;
+	},
+	validate(e, t = {}) {
+		if (typeof e != "string") return !1;
+		let n = t.length ?? 0;
+		return n > 0 ? e.length === n : !0;
+	},
+	format(e) {
+		return typeof e == "string" ? e : "";
+	},
+	cells(e = {}) {
+		return {
+			groups: [],
+			length: e.length ?? 0
+		};
+	}
+}, V = {
 	PLAIN: "plain",
 	CREDIT_CARD: "creditCard",
 	PHONE: "phone",
 	CURRENCY: "currency",
 	DATE: "date",
-	TIME: "time"
-}, V = /* @__PURE__ */ new Map([
-	[B.PLAIN, _e],
-	[B.CREDIT_CARD, Se],
-	[B.PHONE, Te],
-	[B.CURRENCY, Oe],
-	[B.DATE, R],
-	[B.TIME, z]
-]), H = {
-	type: B.PLAIN,
+	TIME: "time",
+	CODE: "code"
+}, H = /* @__PURE__ */ new Map([
+	[V.PLAIN, ve],
+	[V.CREDIT_CARD, Ce],
+	[V.PHONE, Te],
+	[V.CURRENCY, Oe],
+	[V.DATE, R],
+	[V.TIME, z],
+	[V.CODE, Me]
+]), Ne = {
+	type: V.PLAIN,
 	options: {}
-}, U = class extends F {
+}, Pe = class extends P {
 	static register(e, t) {
-		V.set(e, t);
+		H.set(e, t);
 	}
 	constructor(e, t = {}) {
-		super(e, t), this.type = t.type ?? H.type, this.options = t.options ?? H.options, this.enhance();
+		super(e, t), this.type = t.type ?? Ne.type, this.options = t.options ?? Ne.options, this.enhance();
 	}
 	enhance() {
-		let e = this, t = V.get(e.type) ?? V.get(B.PLAIN), n = {
+		let e = this, t = H.get(e.type) ?? H.get(V.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"
+			maskable: () => typeof t.mask == "function",
+			cells: () => typeof t.cells == "function" ? t.cells(e.options) : null
 		};
 		Object.defineProperty(this.controller, "formatter", {
 			get() {
@@ -564,7 +602,89 @@ var ye = /\D/g, be = /^\d{13,19}$/, xe = /(.{4})(?=.)/g, Se = {
 			configurable: !0
 		});
 	}
-}, W = (e, t) => new U(e, t), Me = /^\d{4}-\d{2}-\d{2}$/;
+}, U = (e, t) => new Pe(e, t), Fe = {
+	groups: [],
+	length: 0
+}, W = (e) => {
+	let t = [], n = 0;
+	for (let r of e) n += r, t.push(n);
+	return t;
+}, Ie = class extends P {
+	constructor(e, t = {}) {
+		super(e, t), this.groups = Array.isArray(t.groups) ? t.groups : Fe.groups, this.length = t.length ?? Fe.length, this.adopt(), this.enhance();
+	}
+	get cells() {
+		return this.controller.cellTargets ?? [];
+	}
+	expected() {
+		if (this.length > 0) return this.length;
+		let e = this.groups.reduce((e, t) => e + t, 0);
+		return e > 0 ? e : this.cells.length;
+	}
+	active() {
+		return this.grouped ? this.expected() : Math.min(this.cells.length, this.expected());
+	}
+	get grouped() {
+		return this.groups.length > 0 && this.cells.length === this.groups.length;
+	}
+	adopt() {
+		let e = this.expected();
+		this.cells.length < e && console.warn(`[CharacterCells] expected ${e} cells, found ${this.cells.length}`);
+		let t = W(this.groups);
+		if (this.grouped) {
+			this.cells.forEach((n, r) => {
+				x(n, !0);
+				let i = (r === 0 ? 0 : t[r - 1]) >= e;
+				n.toggleAttribute("data-inactive", i), i && (n.textContent = "", n.removeAttribute("data-filled"), n.removeAttribute("data-caret")), n.setAttribute("data-group-index", r), n.removeAttribute("data-group-end");
+			});
+			return;
+		}
+		this.cells.forEach((n, r) => {
+			x(n, !0);
+			let i = r >= e;
+			n.toggleAttribute("data-inactive", i), i && (n.textContent = "", n.removeAttribute("data-filled"), n.removeAttribute("data-caret"));
+			let a = t.findIndex((e) => r < e);
+			a >= 0 ? (n.setAttribute("data-group-index", a), n.toggleAttribute("data-group-end", r === t[a] - 1)) : (n.removeAttribute("data-group-index"), n.removeAttribute("data-group-end"));
+		});
+	}
+	enhance() {
+		let e = this, t = {
+			draw: (t, n) => e.draw(t, n),
+			clear: () => e.draw(""),
+			active: () => e.active()
+		};
+		Object.defineProperty(this.controller, "characterCells", {
+			get() {
+				return t;
+			},
+			configurable: !0
+		});
+	}
+	draw(e = "", { focused: t = !1 } = {}) {
+		let n = typeof e == "string" ? e : "";
+		if (this.grouped) {
+			let e = W(this.groups);
+			this.cells.forEach((r, i) => {
+				let a = i === 0 ? 0 : e[i - 1], o = e[i];
+				if (a >= this.expected()) {
+					r.textContent = "", r.removeAttribute("data-filled"), r.removeAttribute("data-caret");
+					return;
+				}
+				let s = n.slice(a, o);
+				r.textContent = s, r.toggleAttribute("data-filled", s.length > 0), r.toggleAttribute("data-caret", t && n.length >= a && n.length < o);
+			});
+			return;
+		}
+		let r = n.split(""), i = this.active();
+		this.cells.forEach((e, n) => {
+			if (n >= i) {
+				e.textContent = "", e.removeAttribute("data-filled"), e.removeAttribute("data-caret");
+				return;
+			}
+			e.textContent = r[n] ?? "", e.toggleAttribute("data-filled", r[n] != null), e.toggleAttribute("data-caret", t && n === r.length);
+		});
+	}
+}, Le = (e, t) => new Ie(e, t), Re = /^\d{4}-\d{2}-\d{2}$/;
 function G(e) {
 	return e instanceof Date && !isNaN(e);
 }
@@ -573,7 +693,7 @@ function K(...e) {
 	if (e.length === 1) {
 		let t = e[0];
 		if (!t) return;
-		if (typeof t == "string" && Me.test(t)) {
+		if (typeof t == "string" && Re.test(t)) {
 			let [e, n, r] = t.split("-").map(Number), i = new Date(e, n - 1, r);
 			if (G(i)) return i;
 		} else {
@@ -587,7 +707,7 @@ function K(...e) {
 }
 //#endregion
 //#region src/plumbers/calendar.js
-var Ne = 7, Pe = 12, q = 10, Fe = {
+var ze = 7, Be = 12, q = 10, Ve = {
 	locales: ["default"],
 	today: "",
 	day: null,
@@ -602,11 +722,11 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	disabledYears: [],
 	firstDayOfWeek: 0,
 	onNavigated: "navigated"
-}, Ie = class extends F {
+}, He = class extends P {
 	constructor(e, t = {}) {
 		super(e, t);
-		let n = Object.assign({}, Fe, 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 : Fe.firstDayOfWeek;
+		let n = Object.assign({}, Ve, 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 : Ve.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;
@@ -646,7 +766,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 			let a = new Date(t, e, i);
 			n.push(r(a));
 		}
-		let s = n.length % Ne, c = s === 0 ? 0 : Ne - s;
+		let s = n.length % ze, c = s === 0 ? 0 : ze - s;
 		for (let i = 1; i <= c; i++) {
 			let a = new Date(t, e + 1, i);
 			n.push(r(a));
@@ -655,7 +775,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	}
 	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 < Pe; i++) {
+		for (let i = 0; i < Be; i++) {
 			let a = new Date(this.year, i), o = new Date(this.year, i, 1), s = new Date(this.year, i + 1, 0), c = t.format(a), l = e.format(a), u = this.since && s < this.since || this.till && o > this.till, d = this.disabledMonths.some((e) => i == e || c === e || l === e);
 			r.push({
 				date: a,
@@ -822,7 +942,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 			};
 		} });
 	}
-}, J = (e, t) => new Ie(e, t), Le = class extends F {
+}, J = (e, t) => new He(e, t), Ue = class extends P {
 	constructor(e, t = {}) {
 		super(e, t), this.handle = this.handle.bind(this), this.onSelect = t.onSelect || null;
 	}
@@ -848,7 +968,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 			iso: i
 		} });
 	}
-}, Re = class extends F {
+}, We = class extends P {
 	constructor(e, t = {}) {
 		super(e, t), this.handle = this.handle.bind(this);
 	}
@@ -865,7 +985,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		let n = parseInt(t.dataset.month, 10);
 		isNaN(n) || this.dispatch("selected", { detail: { month: n } });
 	}
-}, ze = class extends F {
+}, Ge = class extends P {
 	constructor(e, t = {}) {
 		super(e, t), this.handle = this.handle.bind(this);
 	}
@@ -882,20 +1002,20 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		let n = parseInt(t.dataset.year, 10);
 		isNaN(n) || this.dispatch("selected", { detail: { year: n } });
 	}
-}, Be = (e, t) => new Le(e, t), Ve = (e, t) => new Re(e, t), He = (e, t) => new ze(e, t), Y = {
+}, Ke = (e, t) => new Ue(e, t), qe = (e, t) => new We(e, t), Je = (e, t) => new Ge(e, t), Y = {
 	content: null,
 	url: "",
 	reload: "never",
 	stale: 3600,
 	onLoad: "canLoad",
 	onLoaded: "contentLoaded"
-}, Ue = class extends F {
+}, Ye = class extends P {
 	constructor(e, t = {}) {
 		super(e, t);
 		let n = Object.assign({}, Y, t), { content: r, url: i, reload: a, stale: o } = n;
 		this.content = r, this.url = i, this.reload = typeof a == "string" ? a : Y.reload, this.stale = typeof o == "number" ? o : Y.stale;
 		let { onLoad: s, onLoaded: c } = n;
-		this.onLoad = s, this.onLoaded = c, this._requestor = new k(), this.enhance();
+		this.onLoad = s, this.onLoaded = c, this._requestor = new A(), this.enhance();
 	}
 	get reloadable() {
 		switch (this.reload) {
@@ -928,7 +1048,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		let e = this;
 		Object.assign(this.controller, { load: e.load.bind(e) });
 	}
-}, We = (e, t) => new Ue(e, t), X = class extends F {
+}, Xe = (e, t) => new Ye(e, t), X = class extends P {
 	observe(e) {
 		this._handler = e, this.events.forEach((t) => window.addEventListener(t, e, !0));
 	}
@@ -941,21 +1061,21 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 			e.unobserve(), t();
 		};
 	}
-}, Ge = {
+}, Ze = {
 	trigger: null,
 	events: ["click"],
 	onDismissed: "dismissed"
-}, Ke = class extends X {
+}, Qe = class extends X {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { trigger: n, events: r, onDismissed: i } = Object.assign({}, Ge, t);
+		let { trigger: n, events: r, onDismissed: i } = Object.assign({}, Ze, 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")));
 	};
-}, Z = (e, t) => new Ke(e, t), qe = {
+}, Z = (e, t) => new Qe(e, t), $e = {
 	anchor: null,
 	events: ["click"],
 	placement: "bottom",
@@ -963,11 +1083,11 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	onFlipped: "flipped",
 	ariaRole: null,
 	respectMotion: !0
-}, Je = class extends X {
+}, et = class extends X {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { anchor: n, events: r, placement: i, alignment: a, onFlipped: o, ariaRole: s, respectMotion: c } = Object.assign({}, qe, 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 && se({
+		let { anchor: n, events: r, placement: i, alignment: a, onFlipped: o, ariaRole: s, respectMotion: c } = Object.assign({}, $e, 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 && ae({
 			trigger: this.anchor,
 			target: this.element,
 			role: this.ariaRole
@@ -985,7 +1105,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		}), this.dispatch("flipped", { detail: { placement: e } });
 	};
 	flippedRect(e, t) {
-		let n = this.quadrumRect(e, N()), r = [this.placement, pe[this.placement]], i = {};
+		let n = this.quadrumRect(e, M()), r = [this.placement, me[this.placement]], i = {};
 		for (; !Object.keys(i).length && r.length > 0;) {
 			let a = r.shift();
 			if (!this.biggerRectThan(n[a], t)) continue;
@@ -996,25 +1116,25 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	}
 	quadrumRect(e, t) {
 		return {
-			left: M({
+			left: j({
 				x: t.x,
 				y: t.y,
 				width: e.x - t.x,
 				height: t.height
 			}),
-			right: M({
+			right: j({
 				x: e.x + e.width,
 				y: t.y,
 				width: t.width - (e.x + e.width),
 				height: t.height
 			}),
-			top: M({
+			top: j({
 				x: t.x,
 				y: t.y,
 				width: t.width,
 				height: e.y - t.y
 			}),
-			bottom: M({
+			bottom: j({
 				x: t.x,
 				y: e.y + e.height,
 				width: t.width,
@@ -1024,25 +1144,25 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	}
 	quadrumPlacement(e, t, n) {
 		switch (t) {
-			case "top": return M({
+			case "top": return j({
 				x: n.x,
 				y: e.y - n.height,
 				width: n.width,
 				height: n.height
 			});
-			case "bottom": return M({
+			case "bottom": return j({
 				x: n.x,
 				y: e.y + e.height,
 				width: n.width,
 				height: n.height
 			});
-			case "left": return M({
+			case "left": return j({
 				x: e.x - n.width,
 				y: n.y,
 				width: n.width,
 				height: n.height
 			});
-			case "right": return M({
+			case "right": return j({
 				x: e.x + e.width,
 				y: n.y,
 				width: n.width,
@@ -1056,7 +1176,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 			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), M({
+				return this.alignment === "center" ? t = e.x + e.width / 2 - n.width / 2 : this.alignment === "end" && (t = e.x + e.width - n.width), j({
 					x: t,
 					y: n.y,
 					width: n.width,
@@ -1066,7 +1186,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 			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), M({
+				return this.alignment === "center" ? t = e.y + e.height / 2 - n.height / 2 : this.alignment === "end" && (t = e.y + e.height - n.height), j({
 					x: n.x,
 					y: t,
 					width: n.width,
@@ -1082,11 +1202,11 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	enhance() {
 		super.enhance(), this.controller.flip = this.flip;
 	}
-}, Ye = (e, t) => new Je(e, t), Xe = {
+}, tt = (e, t) => new et(e, t), nt = {
 	moveKey: "Alt",
 	onMoved: null,
 	orientation: "vertical"
-}, Ze = {
+}, rt = {
 	vertical: {
 		back: "ArrowUp",
 		forward: "ArrowDown"
@@ -1095,11 +1215,11 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		back: "ArrowLeft",
 		forward: "ArrowRight"
 	}
-}, Qe = class extends F {
+}, it = class extends P {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { moveKey: n, onMoved: r, orientation: i } = Object.assign({}, Xe, t);
-		this.moveKey = u[n] ? n : Xe.moveKey, this.onMoved = r, this.orientation = i, this.draggingItem = null, this.onKeydown = this.onKeydown.bind(this);
+		let { moveKey: n, onMoved: r, orientation: i } = Object.assign({}, nt, t);
+		this.moveKey = u[n] ? n : nt.moveKey, this.onMoved = r, this.orientation = i, this.draggingItem = null, this.onKeydown = this.onKeydown.bind(this);
 	}
 	get items() {
 		return this.controller.itemTargets;
@@ -1117,7 +1237,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		e.forEach((e) => this.detachItem(e));
 	}
 	resolveMoveKeys(e) {
-		let { back: t, forward: n } = Ze[this.orientation];
+		let { back: t, forward: n } = rt[this.orientation];
 		return this.orientation === "horizontal" && getComputedStyle(e).direction === "rtl" ? {
 			back: n,
 			forward: t
@@ -1156,9 +1276,9 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		return this.draggingItem = null, this.dispatch("reordered", { detail: { itemIds: this.orderedIds() } }), n;
 	}
 	midpointOf(e) {
-		return me(e.getBoundingClientRect(), this.orientation);
+		return he(e.getBoundingClientRect(), this.orientation);
 	}
-}, $e = (e, t) => new Qe(e, t), et = {
+}, at = (e, t) => new it(e, t), ot = {
 	events: ["resize"],
 	boundaries: [
 		"top",
@@ -1167,10 +1287,10 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	],
 	onShifted: "shifted",
 	respectMotion: !0
-}, tt = class extends X {
+}, st = class extends X {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { onShifted: n, events: r, boundaries: i, respectMotion: a } = Object.assign({}, et, t);
+		let { onShifted: n, events: r, boundaries: i, respectMotion: a } = Object.assign({}, ot, 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 () => {
@@ -1180,14 +1300,14 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		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 = N(), i = M({
+		let n = {}, r = M(), i = j({
 			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 = pe[e];
+			let t = this.directionDistance(i, e, r), a = me[e];
 			t < 0 ? i[a] + t >= r[a] && !n[a] && (n[e] = t) : n[e] = "";
 		}
 		return n;
@@ -1219,24 +1339,24 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	enhance() {
 		super.enhance(), this.controller.shift = this.shift;
 	}
-}, nt = (e, t) => new tt(e, t), rt = {
+}, ct = (e, t) => new st(e, t), lt = {
 	visibility: "visibility",
 	onShown: "shown",
 	onHidden: "hidden"
-}, it = class extends F {
+}, ut = class extends P {
 	constructor(e, t = {}) {
-		let { visibility: n, onShown: r, onHidden: i, activator: a } = Object.assign({}, rt, t), o = typeof n == "string" ? n : rt.namespace, s = typeof t.visible == "string" ? t.visible : "isVisible";
+		let { visibility: n, onShown: r, onHidden: i, activator: a } = Object.assign({}, lt, t), o = typeof n == "string" ? n : lt.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 = P.hiddenClass;
+		let t = N.hiddenClass;
 		return t ? !e.classList.contains(t) : !e.hasAttribute("hidden");
 	}
 	toggle(e, t) {
 		if (!(e instanceof HTMLElement)) return;
-		let n = P.hiddenClass;
-		n ? t ? e.classList.remove(n) : e.classList.add(n) : x(e, !t);
+		let n = N.hiddenClass;
+		n ? t ? e.classList.remove(n) : e.classList.add(n) : b(e, !t);
 	}
 	activate(e) {
 		this.activator && _(this.activator, e);
@@ -1258,7 +1378,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 			return t;
 		} });
 	}
-}, Q = (e, t) => new it(e, t), at = 4, ot = class extends e {
+}, Q = (e, t) => new ut(e, t), dt = 4, ft = class extends e {
 	static targets = ["grid"];
 	static values = {
 		current: Number,
@@ -1280,7 +1400,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		}
 	};
 	initialize() {
-		this.selector = He(this), J(this, {
+		this.selector = Je(this), J(this, {
 			today: this.todayValue,
 			year: this.currentValue || void 0,
 			since: this.sinceValue || null,
@@ -1300,7 +1420,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		if (!this.hasGridTarget) return;
 		let e = K(this.selectedValue), t = e ? e.getFullYear() : null;
 		this.gridTarget.querySelectorAll("button[data-year]").forEach((e) => {
-			y(e, parseInt(e.dataset.year, 10) === t);
+			v(e, parseInt(e.dataset.year, 10) === t);
 		});
 	}
 	navigate(e) {
@@ -1320,21 +1440,21 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		let { yearsOfDecade: e } = this.calendar, t = this.calendar.today.getFullYear(), n = K(this.selectedValue), r = n ? n.getFullYear() : null, i = [];
 		for (let n of e) {
 			let e = document.createElement("button");
-			e.type = "button", e.textContent = n.value, e.dataset.year = n.value, e.setAttribute("role", "gridcell"), y(e, n.value === r), n.value === t && b(e, "year"), n.disabled && C(e, !0), i.push(e);
+			e.type = "button", e.textContent = n.value, e.dataset.year = n.value, e.setAttribute("role", "gridcell"), v(e, n.value === r), n.value === t && y(e, "year"), n.disabled && S(e, !0), i.push(e);
 		}
 		let a = document.createElement("div");
 		a.setAttribute("role", "rowgroup");
-		for (let e = 0; e < i.length; e += at) {
+		for (let e = 0; e < i.length; e += dt) {
 			let t = document.createElement("div");
 			t.setAttribute("role", "row");
-			for (let n of i.slice(e, e + at)) t.appendChild(n);
+			for (let n of i.slice(e, e + dt)) t.appendChild(n);
 			a.appendChild(t);
 		}
 		this.gridTarget.replaceChildren(a);
 	}
-}, st = class extends e {
+}, pt = class extends e {
 	initialize() {
-		this.selector = He(this);
+		this.selector = Je(this);
 	}
 	connect() {
 		this.selector.attach();
@@ -1342,7 +1462,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	disconnect() {
 		this.selector.detach();
 	}
-}, ct = class extends e {
+}, mt = class extends e {
 	static targets = ["daysOfWeek", "daysOfMonth"];
 	static classes = [
 		"dayOfWeek",
@@ -1387,7 +1507,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		}
 	};
 	initialize() {
-		this.selector = Be(this, { onSelect: "select" }), J(this, {
+		this.selector = Ke(this, { onSelect: "select" }), J(this, {
 			today: this.todayValue,
 			since: this.sinceValue || null,
 			till: this.tillValue || null
@@ -1412,14 +1532,14 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	}
 	selectedValueChanged() {
 		if (!this.hasDaysOfMonthTarget || (this.daysOfMonthTarget.querySelectorAll("[aria-selected]").forEach((e) => {
-			y(e, !1);
+			v(e, !1);
 		}), !this.selectedValue)) return;
 		let e = K(this.selectedValue);
 		if (!e) return;
 		let t = this.daysOfMonthTarget.querySelector(`time[datetime="${e.toISOString()}"]`);
 		if (t) {
 			let e = t.closest("[aria-selected]");
-			e && y(e, !0);
+			e && v(e, !0);
 		}
 	}
 	navigate(e) {
@@ -1443,7 +1563,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	}
 	createDayElement(e, { selectable: t = !1, disabled: n = !1 } = {}) {
 		let r = document.createElement(t ? "button" : "div");
-		return r.tabIndex = -1, e ? r.textContent = e : S(r, !0), n && (r instanceof HTMLButtonElement ? r.disabled = !0 : C(r, !0)), r;
+		return r.tabIndex = -1, e ? r.textContent = e : x(r, !0), n && (r instanceof HTMLButtonElement ? r.disabled = !0 : S(r, !0)), r;
 	}
 	drawDaysOfWeek() {
 		if (!this.hasDaysOfWeekTarget) return;
@@ -1463,7 +1583,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 				selectable: e.current || i,
 				disabled: e.current ? r : !i
 			});
-			t === e.date.getTime() && b(o, "date"), (e.current || this.daysOfOtherMonthValue) && o.setAttribute("aria-selected", ""), !e.current && this.daysOfOtherMonthValue && this.hasDayOfOtherMonthClass ? o.classList.add(...this.dayOfOtherMonthClasses) : this.hasDayOfMonthClass && o.classList.add(...this.dayOfMonthClasses);
+			t === e.date.getTime() && y(o, "date"), (e.current || this.daysOfOtherMonthValue) && o.setAttribute("aria-selected", ""), !e.current && this.daysOfOtherMonthValue && this.hasDayOfOtherMonthClass ? o.classList.add(...this.dayOfOtherMonthClasses) : this.hasDayOfMonthClass && o.classList.add(...this.dayOfMonthClasses);
 			let s = document.createElement("time");
 			s.dateTime = e.iso, o.appendChild(s), n.push(o);
 		}
@@ -1476,9 +1596,9 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		}
 		this.daysOfMonthTarget.replaceChildren(...r);
 	}
-}, lt = class extends e {
+}, ht = class extends e {
 	initialize() {
-		this.selector = Be(this);
+		this.selector = Ke(this);
 	}
 	connect() {
 		this.selector.attach();
@@ -1486,7 +1606,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	disconnect() {
 		this.selector.detach();
 	}
-}, ut = 4, dt = class extends e {
+}, gt = 4, _t = class extends e {
 	static targets = ["grid"];
 	static values = {
 		current: Number,
@@ -1516,7 +1636,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		}
 	};
 	initialize() {
-		this.selector = Ve(this), J(this, {
+		this.selector = qe(this), J(this, {
 			today: this.todayValue,
 			year: this.currentValue || void 0,
 			since: this.sinceValue || null,
@@ -1537,7 +1657,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		let e = K(this.selectedValue);
 		this.gridTarget.querySelectorAll("button[data-month]").forEach((t) => {
 			let n = parseInt(t.dataset.month, 10) - 1;
-			y(t, !!e && e.getMonth() === n);
+			v(t, !!e && e.getMonth() === n);
 		});
 	}
 	navigate(e) {
@@ -1557,21 +1677,21 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		let { year: e, monthsOfYear: t } = this.calendar, n = this.calendar.today, r = K(this.selectedValue), i = [], a = new Intl.DateTimeFormat(this.localesValue, { month: this.monthFormatValue });
 		for (let o of t) {
 			let t = document.createElement("button");
-			t.type = "button", t.textContent = a.format(o.date), t.dataset.month = o.value + 1, t.setAttribute("role", "gridcell"), y(t, !!r && r.getMonth() === o.value), o.value === n.getMonth() && e === n.getFullYear() && b(t, "month"), o.disabled && C(t, !0), i.push(t);
+			t.type = "button", t.textContent = a.format(o.date), t.dataset.month = o.value + 1, t.setAttribute("role", "gridcell"), v(t, !!r && r.getMonth() === o.value), o.value === n.getMonth() && e === n.getFullYear() && y(t, "month"), o.disabled && S(t, !0), i.push(t);
 		}
 		let o = document.createElement("div");
 		o.setAttribute("role", "rowgroup");
-		for (let e = 0; e < i.length; e += ut) {
+		for (let e = 0; e < i.length; e += gt) {
 			let t = document.createElement("div");
 			t.setAttribute("role", "row");
-			for (let n of i.slice(e, e + ut)) t.appendChild(n);
+			for (let n of i.slice(e, e + gt)) t.appendChild(n);
 			o.appendChild(t);
 		}
 		this.gridTarget.replaceChildren(o);
 	}
-}, ft = class extends e {
+}, vt = class extends e {
 	initialize() {
-		this.selector = Ve(this);
+		this.selector = qe(this);
 	}
 	connect() {
 		this.selector.attach();
@@ -1579,7 +1699,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	disconnect() {
 		this.selector.detach();
 	}
-}, pt = class extends e {
+}, yt = class extends e {
 	static targets = ["master", "item"];
 	connect() {
 		this.recompute();
@@ -1599,7 +1719,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	enabledItems() {
 		return this.itemTargets.filter((e) => !e.disabled);
 	}
-}, mt = class extends e {
+}, bt = class extends e {
 	static targets = ["source"];
 	static values = { contentType: {
 		type: String,
@@ -1633,7 +1753,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	"month",
 	"year",
 	"decade"
-], ht = class extends e {
+], xt = class extends e {
 	static targets = [
 		"previous",
 		"next",
@@ -1770,7 +1890,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		}
 		this.hasCalendarYearOutlet && (this.calendarYearOutletElement.hidden = !t), this.hasCalendarDecadeOutlet && (this.calendarDecadeOutletElement.hidden = !n);
 	}
-}, gt = class extends e {
+}, St = class extends e {
 	static targets = [
 		"listbox",
 		"loading",
@@ -1791,7 +1911,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		}
 	};
 	initialize() {
-		this._requestor = new k();
+		this._requestor = new A();
 	}
 	connect() {
 		this.hasListboxTarget && (this.listboxNav = new f(this.listboxTarget));
@@ -1801,13 +1921,13 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	}
 	onSelect(e) {
 		let t = e.target.closest("[role=\"option\"]");
-		!t || re(t) || this.select(t.dataset.value ?? "");
+		!t || C(t) || this.select(t.dataset.value ?? "");
 	}
 	select(e) {
 		let t = this.listboxTarget.querySelectorAll("[role=\"option\"]");
-		t.forEach((e) => y(e, !1));
+		t.forEach((e) => v(e, !1));
 		let n = [...t].find((t) => t.dataset.value === e);
-		n && y(n, !0), this.dispatch("selected", {
+		n && v(n, !0), this.dispatch("selected", {
 			detail: { value: e },
 			bubbles: !0
 		});
@@ -1824,7 +1944,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 				e.name !== "AbortError" && console.error("[combobox-dropdown] fetch failed", e);
 			}).finally(() => this.setLoading(!1)), this.delayValue);
 		} else {
-			let t = j(this.listboxTarget, e);
+			let t = pe(this.listboxTarget, e);
 			this.setEmpty(t === 0);
 		}
 	}
@@ -1837,7 +1957,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	setEmpty(e) {
 		this.hasEmptyTarget && (this.emptyTarget.hidden = !e);
 	}
-}, _t = class extends e {
+}, Ct = class extends e {
 	static targets = [
 		"hour",
 		"minute",
@@ -1848,7 +1968,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	}
 	onSelect(e) {
 		let t = e.target.closest("[role=\"option\"]");
-		t && (t.closest("[role=\"listbox\"]").querySelectorAll("[role=\"option\"]").forEach((e) => y(e, !1)), y(t, !0), this.select(this.toH24()));
+		t && (t.closest("[role=\"listbox\"]").querySelectorAll("[role=\"option\"]").forEach((e) => v(e, !1)), v(t, !0), this.select(this.toH24()));
 	}
 	select(e) {
 		e && this.dispatch("selected", {
@@ -1861,7 +1981,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	}
 	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) => y(e, !1)), y(a, !0), a.scrollIntoView({ block: "nearest" }), this.select(this.toH24()));
+		!a || a === r || (n.forEach((e) => v(e, !1)), v(a, !0), a.scrollIntoView({ block: "nearest" }), this.select(this.toH24()));
 	}
 	toH24() {
 		let e = this.selectedValue(this.hourTarget), t = this.selectedValue(this.minuteTarget);
@@ -1873,12 +1993,12 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	selectedValue(e) {
 		return e?.querySelector("[aria-selected=\"true\"]")?.dataset.value ?? null;
 	}
-}, vt = class extends e {
+}, wt = class extends e {
 	static targets = ["trigger"];
 	connect() {
 		Z(this, { trigger: this.hasTriggerTarget ? this.triggerTarget : null });
 	}
-}, yt = class extends e {
+}, Tt = class extends e {
 	static targets = ["anchor", "reference"];
 	static values = {
 		placement: {
@@ -1903,7 +2023,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 			console.error("FlipperController requires an anchor target. Add data-flipper-target=\"anchor\" to your element.");
 			return;
 		}
-		Ye(this, {
+		tt(this, {
 			element: this.referenceTarget,
 			anchor: this.anchorTarget,
 			placement: this.placementValue,
@@ -1911,7 +2031,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 			ariaRole: this.roleValue
 		});
 	}
-}, bt = class extends e {
+}, Et = class extends e {
 	static targets = ["trigger", "input"];
 	static values = {
 		value: String,
@@ -1936,8 +2056,12 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	valueValueChanged(e) {
 		this.hasInputTarget && (this.inputTarget.value = e), this.dispatch("changed", { detail: { value: e } });
 	}
-}, xt = class extends e {
-	static targets = ["input", "toggle"];
+}, Dt = class extends e {
+	static targets = [
+		"input",
+		"toggle",
+		"cell"
+	];
 	static values = {
 		format: {
 			type: String,
@@ -1950,32 +2074,42 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		revealed: {
 			type: Boolean,
 			default: !1
+		},
+		groups: {
+			type: Array,
+			default: []
 		}
 	};
 	connect() {
-		W(this, {
+		U(this, {
 			type: this.formatValue,
 			options: this.optionsValue
-		}), this.format(this.readValue()), this.drawToggle();
+		}), this.attachCells(), this.primeFilledState(), this.format(this.readValue()), this.drawToggle();
 	}
 	formatValueChanged() {
-		this.formatter && (W(this, {
+		this.formatter && (U(this, {
 			type: this.formatValue,
 			options: this.optionsValue
-		}), this.format(this.readValue()), this.drawToggle());
+		}), this.attachCells(), this.primeFilledState(), this.format(this.readValue()), this.drawToggle());
 	}
 	optionsValueChanged() {
-		this.formatter && (W(this, {
+		this.formatter && (U(this, {
 			type: this.formatValue,
 			options: this.optionsValue
-		}), this.format(this.readValue()));
+		}), this.attachCells(), this.primeFilledState(), this.format(this.readValue()));
 	}
 	revealedValueChanged() {
 		this.formatter && (this.format(this.readValue()), this.drawToggle());
 	}
+	groupsValueChanged() {
+		this.formatter && (this.attachCells(), this.format(this.readValue()));
+	}
 	onChange(e) {
 		this.format(e?.detail?.value ?? "");
 	}
+	cellTargetConnected() {
+		this.formatter && (this.attachCells(), this.drawCells(this.cellsValue(this.formatter.normalize(this.readValue()))));
+	}
 	format(e) {
 		this.formatter && this.onFormatting(e);
 	}
@@ -1988,10 +2122,45 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		let n = this.formatter.normalize(t);
 		this.formatter.validate(n) && this.format(n);
 	}
+	attachCells() {
+		if (!this.hasCellTarget) return;
+		let e = this.formatter.cells();
+		if (!e) {
+			this.detachCells();
+			return;
+		}
+		let t = this.groupsValue.length > 0;
+		Le(this, {
+			groups: t ? this.groupsValue : e.groups ?? [],
+			length: t ? 0 : e.length ?? 0
+		});
+	}
+	detachCells() {
+		this.hasCellTarget && (this.cellTargets.forEach((e) => {
+			e.textContent = "", e.removeAttribute("data-filled"), e.removeAttribute("data-caret");
+		}), delete this.characterCells);
+	}
+	onInput() {
+		this.format(this.readValue());
+	}
+	onFocus() {
+		this.drawCells(this.cellsValue(this.formatter?.normalize(this.readValue()) ?? ""));
+	}
+	onBlur() {
+		this.drawCells(this.cellsValue(this.formatter?.normalize(this.readValue()) ?? ""));
+	}
+	cellsValue(e) {
+		return !this.formatter || this.revealedValue || !this.formatter.maskable() ? e : this.formatter.mask(e);
+	}
+	drawCells(e) {
+		if (!this.hasCellTarget) return;
+		let t = this.hasInputTarget && document.activeElement === this.inputTarget;
+		this.characterCells?.draw(e, { focused: t });
+	}
 	drawToggle() {
 		if (!this.hasToggleTarget) return;
 		let e = this.formatter?.maskable() || this.formatValue === "password";
-		this.toggleTarget.hidden = !e, e && te(this.toggleTarget, this.revealedValue);
+		this.toggleTarget.hidden = !e, e && ne(this.toggleTarget, this.revealedValue);
 	}
 	readValue() {
 		return this.hasInputTarget ? this.inputTarget instanceof HTMLInputElement ? this.inputTarget.value : this.inputTarget.textContent : "";
@@ -2003,9 +2172,18 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 			return;
 		}
 		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 } });
+		this.hasInputTarget && (this.inputTarget instanceof HTMLInputElement ? this.inputTarget.value = n : this.inputTarget.textContent = n), this.dispatch("formatted", { detail: { value: n } }), this.drawCells(this.cellsValue(t));
+		let r = this.isFull(t);
+		r && !this.wasFull && this.dispatch("filled", { detail: { value: t } }), this.wasFull = r;
 	}
-}, St = class extends e {
+	isFull(e) {
+		let t = this.characterCells?.active() ?? this.formatter?.cells()?.length ?? 0;
+		return t > 0 && e.length === t && this.formatter.validate(e);
+	}
+	primeFilledState() {
+		this.wasFull = this.isFull(this.formatter.normalize(this.readValue()));
+	}
+}, Ot = class extends e {
 	static targets = ["input", "clear"];
 	initialize() {
 		this.onInput = this.draw.bind(this), this.onEscape = this.handleEscape.bind(this);
@@ -2028,7 +2206,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	handleEscape(e) {
 		e.key === "Escape" && this.inputTarget.value !== "" && (e.preventDefault(), this.clear());
 	}
-}, Ct = class extends e {
+}, kt = class extends e {
 	static targets = ["modal", "overlay"];
 	initialize() {
 		this.onCancel = this.close.bind(this);
@@ -2074,12 +2252,12 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		let t = this.modalTarget.getBoundingClientRect();
 		(e.clientY < t.top || e.clientY > t.bottom || e.clientX < t.left || e.clientX > t.right) && this.close();
 	};
-}, wt = class extends e {
+}, At = class extends e {
 	static targets = ["content"];
 	connect() {
-		nt(this, { element: this.hasContentTarget ? this.contentTarget : null });
+		ct(this, { element: this.hasContentTarget ? this.contentTarget : null });
 	}
-}, Tt = class extends e {
+}, jt = class extends e {
 	static targets = [
 		"trigger",
 		"panel",
@@ -2111,7 +2289,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		}
 	};
 	connect() {
-		We(this, {
+		Xe(this, {
 			element: this.hasPanelTarget ? this.panelTarget : null,
 			url: this.hasUrlValue ? this.urlValue : null
 		}), this.hasPanelTarget && (Q(this, {
@@ -2162,7 +2340,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	contentLoader() {
 		if (this.hasTemplateTarget) return this.templateTarget instanceof HTMLTemplateElement ? this.templateTarget.content : this.templateTarget.innerHTML;
 	}
-}, Et = class extends e {
+}, Mt = class extends e {
 	static targets = ["fill", "meter"];
 	static values = {
 		variant: {
@@ -2213,7 +2391,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		switch (this.variantValue) {
 			case "meter": return this.renderMeter();
 			case "ring":
-			case "bar": return ae(this.element, this.minValue), w(this.element, this.maxValue), T(this.element, this.indeterminateValue ? null : this.currentValue), this.element.classList.toggle("sp-progress-indeterminate", this.indeterminateValue), this.variantValue === "ring" ? this.renderRing() : this.renderBar();
+			case "bar": return T(this.element, this.minValue), E(this.element, this.maxValue), D(this.element, this.indeterminateValue ? null : this.currentValue), this.element.classList.toggle("sp-progress-indeterminate", this.indeterminateValue), this.variantValue === "ring" ? this.renderRing() : this.renderBar();
 			default: return;
 		}
 	}
@@ -2249,7 +2427,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		let e = this.meterTarget;
 		e.value = this.currentValue, e.min = this.minValue, e.max = this.maxValue, this.hasLowValue && (e.low = this.lowValue), this.hasHighValue && (e.high = this.highValue), this.hasOptimumValue && (e.optimum = this.optimumValue);
 	}
-}, Dt = class extends e {
+}, Nt = class extends e {
 	static targets = [
 		"item",
 		"handle",
@@ -2270,7 +2448,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		}
 	};
 	connect() {
-		this.reorderable = $e(this, {
+		this.reorderable = at(this, {
 			moveKey: this.moveKeyValue,
 			orientation: this.orientationValue,
 			onMoved: "moved"
@@ -2286,7 +2464,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		this.reorderable?.detachItem(e), this.rovingTabIndex?.updateItems(this.itemTargets);
 	}
 	editingValueChanged(e) {
-		this.triggerTargets.forEach((t) => ie(t, e));
+		this.triggerTargets.forEach((t) => w(t, e));
 	}
 	toggleEditing() {
 		this.editingValue = !this.editingValue;
@@ -2311,7 +2489,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	moved(e) {
 		this.rovingTabIndex?.updateItems(this.itemTargets), this.rovingTabIndex.setCurrentIndex(this.itemTargets.indexOf(e));
 	}
-}, Ot = class extends e {
+}, Pt = class extends e {
 	static targets = [
 		"trigger",
 		"detail",
@@ -2329,7 +2507,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	}
 	toggle(e) {
 		let t = e.currentTarget;
-		v(t) ? this.collapseItem(t) : this.expandItem(t);
+		te(t) ? this.collapseItem(t) : this.expandItem(t);
 	}
 	expand(e) {
 		this.expandItem(e.currentTarget);
@@ -2342,7 +2520,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		this.dispatch("expand", { detail: {
 			trigger: e,
 			detail: t
-		} }), _(e, !0), t && (x(t, !1), m(`${e.textContent.trim()} expanded`)), this.dispatch("expanded", { detail: {
+		} }), _(e, !0), t && (b(t, !1), m(`${e.textContent.trim()} expanded`)), this.dispatch("expanded", { detail: {
 			trigger: e,
 			detail: t
 		} });
@@ -2352,7 +2530,7 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		this.dispatch("collapse", { detail: {
 			trigger: e,
 			detail: t
-		} }), _(e, !1), t && (x(t, !0), m(`${e.textContent.trim()} collapsed`)), this.dispatch("collapsed", { detail: {
+		} }), _(e, !1), t && (b(t, !0), m(`${e.textContent.trim()} collapsed`)), this.dispatch("collapsed", { detail: {
 			trigger: e,
 			detail: t
 		} });
@@ -2368,13 +2546,13 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 		let t = R.format(e.getAttribute("datetime"), this.dateFormatValue);
 		t && (e.textContent = t);
 	}
-}, kt = class extends e {
+}, Ft = class extends e {
 	static targets = ["content"];
 	connect() {
 		Z(this);
 	}
 	contentTargetConnected(e) {
-		nt(this, { element: e }), Q(this, { element: e });
+		ct(this, { element: e }), Q(this, { element: e });
 	}
 	async dismissed() {
 		this.hasContentTarget && await this.visibility.hide();
@@ -2384,6 +2562,6 @@ var Ne = 7, Pe = 12, q = 10, Fe = {
 	}
 };
 //#endregion
-export { E as ARIA_HASPOPUP_VALUES, ot as CalendarDecadeController, st as CalendarDecadeSelectorController, ct as CalendarMonthController, lt as CalendarMonthSelectorController, dt as CalendarYearController, ft as CalendarYearSelectorController, pt as ChecklistController, mt as ClipboardController, ht as ComboboxDateController, gt as ComboboxDropdownController, _t as ComboboxTimeController, vt as DismisserController, t as FOCUSABLE_SELECTOR, B as FORMATTER_TYPES, yt as FlipperController, a as FocusTrap, U as Formatter, St as InputClearableController, bt as InputComboboxController, xt as InputFormatterController, f as ListboxNavigation, u as MODIFIER_KEYS, Ct as ModalController, wt as PannerController, Tt as PopoverController, Et as ProgressController, Dt as ReorderableController, k as Requestor, d as RovingTabIndex, Ot as TimelineController, kt as VisibilityController, m as announce, se as connectTriggerToTarget, ce as disconnectTriggerFromTarget, ee as ensureId, j as filterOptions, i as focusFirst, A as fuzzyMatcher, h as generateId, n as getFocusableElements, s as isActivationKey, re as isAriaDisabled, c as isArrowKey, v as isExpanded, o as isKey, r as isVisible, l as preventDefault, C as setAriaDisabled, S as setAriaHidden, g as setAriaState, ne as setChecked, b as setCurrent, ie as setDisabled, _ as setExpanded, x as setHidden, te as setPressed, y as setSelected, w as setValueMax, ae as setValueMin, T as setValueNow };
+export { O as ARIA_HASPOPUP_VALUES, ft as CalendarDecadeController, pt as CalendarDecadeSelectorController, mt as CalendarMonthController, ht as CalendarMonthSelectorController, _t as CalendarYearController, vt as CalendarYearSelectorController, Ie as CharacterCells, yt as ChecklistController, bt as ClipboardController, xt as ComboboxDateController, St as ComboboxDropdownController, Ct as ComboboxTimeController, wt as DismisserController, t as FOCUSABLE_SELECTOR, V as FORMATTER_TYPES, Tt as FlipperController, a as FocusTrap, Pe as Formatter, Ot as InputClearableController, Et as InputComboboxController, Dt as InputFormatterController, f as ListboxNavigation, u as MODIFIER_KEYS, kt as ModalController, At as PannerController, jt as PopoverController, Mt as ProgressController, Nt as ReorderableController, A as Requestor, d as RovingTabIndex, Pt as TimelineController, Ft as VisibilityController, m as announce, Le as attachCharacterCells, ae as connectTriggerToTarget, se as disconnectTriggerFromTarget, ee as ensureId, pe as filterOptions, i as focusFirst, ce as fuzzyMatcher, h as generateId, n as getFocusableElements, s as isActivationKey, C as isAriaDisabled, c as isArrowKey, te as isExpanded, o as isKey, r as isVisible, l as preventDefault, S as setAriaDisabled, x as setAriaHidden, g as setAriaState, re as setChecked, y as setCurrent, w as setDisabled, _ as setExpanded, b as setHidden, ne as setPressed, v as setSelected, E as setValueMax, T as setValueMin, D as setValueNow };
 
 //# sourceMappingURL=index.es.js.map