stimulus_plumbers 0.4.8 → 0.4.10

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

@@ -66,9 +66,14 @@ function c(e) {
 function l(e) {
 	e.preventDefault(), e.stopPropagation();
 }
-var u = class {
+var u = {
+	Alt: "altKey",
+	Control: "ctrlKey",
+	Shift: "shiftKey",
+	Meta: "metaKey"
+}, d = class {
 	constructor(e, t = {}) {
-		this.items = Array.from(e), this.currentIndex = t.initialIndex ?? 0, this.orientation = t.orientation ?? "both", this.wrap = t.wrap ?? !0, this._handleKeyDown = this._handleKeyDown.bind(this), this._handleClick = this._handleClick.bind(this);
+		this.items = Array.from(e), this.currentIndex = t.initialIndex ?? 0, this.orientation = t.orientation ?? "both", this.wrap = t.wrap ?? !0, this.ignoreModifierKeys = t.ignoreModifierKeys ?? Object.keys(u), this._handleKeyDown = this._handleKeyDown.bind(this), this._handleClick = this._handleClick.bind(this);
 	}
 	activate() {
 		return this.updateTabIndex(), this.items.forEach((e) => {
@@ -96,6 +101,7 @@ var u = class {
 		t !== -1 && (this.currentIndex = t, this.updateTabIndex());
 	}
 	_handleKeyDown(e) {
+		if (this.ignoreModifierKeys.some((t) => e[u[t]])) return;
 		let t = this.items.indexOf(e.currentTarget);
 		t !== -1 && t !== this.currentIndex && (this.currentIndex = t, this.updateTabIndex());
 		let n = this.orientation === "horizontal" ? [] : ["ArrowUp", "ArrowDown"], r = this.orientation === "vertical" ? [] : ["ArrowLeft", "ArrowRight"];
@@ -125,7 +131,7 @@ var u = class {
 		}
 		this.setCurrentIndex(a);
 	}
-}, d = class {
+}, f = class {
 	constructor(e, t = {}) {
 		this.listbox = e, this.itemSelector = t.itemSelector ?? "[role=\"option\"]:not([aria-disabled=\"true\"]):not([hidden])", this.wrap = t.wrap ?? !1, this.orientation = t.orientation ?? "vertical";
 	}
@@ -177,61 +183,61 @@ var u = class {
 				break;
 		}
 	}
-}, ee = (e, t, n) => {
+}, p = (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 f(e, t = {}) {
-	let { politeness: n = "polite", atomic: r = !0, relevant: i = "additions text" } = t, a = ee(n, r, i);
+function m(e, t = {}) {
+	let { politeness: n = "polite", atomic: r = !0, relevant: i = "additions text" } = t, a = p(n, r, i);
 	a.textContent = "", setTimeout(() => {
 		a.textContent = e;
 	}, 100);
 }
-var p = (e = "a11y") => `${e}-${Math.random().toString(36).substr(2, 9)}`, m = (e, t = "element") => e.id ||= p(t), h = (e, t, n) => {
+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());
-}, g = (e, t) => h(e, "aria-expanded", t), _ = (e, t) => h(e, "aria-pressed", t), te = (e, t) => h(e, "aria-checked", t), v = (e, t) => t ? e.setAttribute("hidden", "") : e.removeAttribute("hidden");
-function ne(e, t) {
-	h(e, "aria-disabled", t), t ? e.setAttribute("tabindex", "-1") : e.removeAttribute("tabindex");
+}, _ = (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 y = {
+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"
-}, b = (e, t, n) => {
+}, ie = (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 }) {
+}, 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 && 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";
+	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 b(t, o, i.target), b(e, a, i.trigger), i;
+	return ie(t, o, i.target), ie(e, a, i.trigger), i;
 }
-var C = (e, t) => {
+var oe = (e, t) => {
 	t.forEach((t) => {
 		e.hasAttribute(t) && e.removeAttribute(t);
 	});
 };
-function re({ trigger: e, target: t, attributes: n = null }) {
-	!e || !t || (C(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")) && C(t, ["role"]));
+	]), (!n || n.includes("role")) && oe(t, ["role"]));
 }
 //#endregion
 //#region src/requestor.js
-var w = class {
+var A = class {
 	constructor() {
 		this._abortController = null, this._timer = null;
 	}
@@ -253,33 +259,33 @@ var w = class {
 };
 //#endregion
 //#region src/researcher.js
-function T(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;
 }
-function ie(e, t) {
+function le(e, t) {
 	return t.includes(e);
 }
-function ae(e, t) {
+function ue(e, t) {
 	return t.startsWith(e);
 }
-function oe(e) {
-	return e === "contains" ? ie : e === "prefix" ? ae : T;
+function de(e) {
+	return e === "contains" ? le : e === "prefix" ? ue : ce;
 }
-function se(e, t) {
+function fe(e, t) {
 	return t === "textContent" ? e.textContent?.trim().toLowerCase() ?? "" : (e.getAttribute(t) ?? "").toLowerCase();
 }
-function E(e, t, n = {}) {
-	let { strategy: r = "fuzzy", matcher: i, fields: a = ["textContent"] } = n, o = typeof i == "function" ? i : oe(r), s = t.toLowerCase(), c = 0;
+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, se(e, t)));
+		let t = a.some((t) => o(s, fe(e, t)));
 		e.hidden = !t, t && c++;
 	}), c;
 }
 //#endregion
 //#region src/plumbers/plumber/geometry.js
-var ce = {
+var me = {
 	get top() {
 		return "bottom";
 	},
@@ -293,7 +299,7 @@ var ce = {
 		return "left";
 	}
 };
-function D({ x: e, y: t, width: n, height: r }) {
+function j({ x: e, y: t, width: n, height: r }) {
 	return {
 		x: e,
 		y: t,
@@ -305,46 +311,49 @@ function D({ x: e, y: t, width: n, height: r }) {
 		bottom: t + r
 	};
 }
-function O() {
-	return D({
+function he(e, t = "vertical") {
+	return t === "horizontal" ? e.left + e.width / 2 : e.top + e.height / 2;
+}
+function M() {
+	return j({
 		x: 0,
 		y: 0,
 		width: window.innerWidth || document.documentElement.clientWidth,
 		height: window.innerHeight || document.documentElement.clientHeight
 	});
 }
-function le(e) {
+function ge(e) {
 	if (!(e instanceof HTMLElement)) return !1;
-	let t = O(), 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 k = {
+var N = {
 	get visibleOnly() {
 		return !0;
 	},
 	hiddenClass: null
-}, ue = {
+}, _e = {
 	element: null,
 	visible: null,
 	dispatch: !0,
 	prefix: ""
-}, A = class {
+}, P = class {
 	constructor(e, t = {}) {
 		this.controller = e;
-		let { element: n, visible: r, dispatch: i, prefix: a } = Object.assign({}, ue, t);
-		this.element = n || e.element, this.visibleOnly = typeof r == "boolean" ? r : k.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 ? le(this.element) && this.isVisible(this.element) : !0 : !1;
+		return this.element instanceof HTMLElement ? !this.visibleOnly || ge(this.element) && this.isVisible(this.element) : !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;
+		return e instanceof HTMLElement && !e.hasAttribute("hidden");
 	}
 	dispatch(e, { target: t = null, prefix: n = null, detail: r = null } = {}) {
 		if (this.notify) return this.controller.dispatch(e, {
@@ -366,7 +375,7 @@ var k = {
 			return n instanceof Promise ? await n : n;
 		}
 	}
-}, de = {
+}, ve = {
 	normalize(e) {
 		return typeof e == "string" ? e : "";
 	},
@@ -376,7 +385,7 @@ var k = {
 };
 //#endregion
 //#region src/plumbers/formatters/credit_card.js
-function fe(e) {
+function ye(e) {
 	let t = 0, n = !1;
 	for (let r = e.length - 1; r >= 0; r--) {
 		let i = parseInt(e[r], 10);
@@ -384,32 +393,43 @@ function fe(e) {
 	}
 	return t % 10 == 0;
 }
-var pe = /\D/g, me = /^\d{13,19}$/, he = /(.{4})(?=.)/g, ge = {
+var be = /\D/g, xe = /^\d{13,19}$/, Se = /(.{4})(?=.)/g, Ce = {
 	normalize(e) {
-		return typeof e == "string" ? e.replace(pe, "") : "";
+		return typeof e == "string" ? e.replace(be, "") : "";
 	},
 	validate(e) {
-		return typeof e != "string" || !me.test(e) ? !1 : fe(e);
+		return typeof e != "string" || !xe.test(e) ? !1 : ye(e);
 	},
 	format(e) {
-		return typeof e == "string" ? e.replace(he, "$1 ") : "";
+		return typeof e == "string" ? e.replace(Se, "$1 ") : "";
+	},
+	cells() {
+		return {
+			groups: [
+				4,
+				4,
+				4,
+				4
+			],
+			length: 0
+		};
 	}
-}, j = { 1: 10 }, M = /\D/g, _e = /^\+\d{7,15}$/, ve = {
+}, 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(M, "");
+		let t = e.trimStart().startsWith("+"), n = e.replace(I, "");
 		return t ? `+${n}` : n;
 	},
 	validate(e) {
 		if (typeof e != "string") return !1;
-		if (_e.test(e)) return !0;
-		let t = e.replace(M, "");
-		return Object.values(j).includes(t.length);
+		if (we.test(e)) return !0;
+		let t = e.replace(I, "");
+		return Object.values(F).includes(t.length);
 	},
 	format(e) {
 		if (typeof e != "string") return "";
-		let t = e.replace(M, "");
-		for (let [e, n] of Object.entries(j)) {
+		let t = e.replace(I, "");
+		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)) {
@@ -419,16 +439,16 @@ var pe = /\D/g, me = /^\d{13,19}$/, he = /(.{4})(?=.)/g, ge = {
 		}
 		return e;
 	}
-}, ye = /[^\d.,-]/g, be = /^-?\d+(\.\d+)?$/, xe = {
+}, Ee = /[^\d.,-]/g, De = /^-?\d+(\.\d+)?$/, Oe = {
 	normalize(e) {
 		if (typeof e != "string") return "";
-		let t = e.replace(ye, "");
+		let t = e.replace(Ee, "");
 		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" ? be.test(e) : !1;
+		return typeof e == "string" && De.test(e);
 	},
 	format(e, t = {}) {
 		if (typeof e != "string") return "";
@@ -448,18 +468,18 @@ var pe = /\D/g, me = /^\d{13,19}$/, he = /(.{4})(?=.)/g, ge = {
 			return e;
 		}
 	}
-}, N = /^\d{4}-\d{2}-\d{2}$/, Se = /^(\d{1,4})[/\-.](\d{1,2})[/\-.](\d{1,4})$/, Ce = /\D/g, P = {
+}, L = /^\d{4}-\d{2}-\d{2}$/, ke = /^(\d{1,4})[/\-.](\d{1,2})[/\-.](\d{1,4})$/, Ae = /\D/g, R = {
 	normalize(e) {
 		if (typeof e != "string") return "";
 		let t = e.trim();
-		if (N.test(t)) return t;
-		let n = t.match(Se);
+		if (L.test(t)) return t;
+		let n = t.match(ke);
 		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(Ce, "");
+		let r = t.replace(Ae, "");
 		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)}`;
@@ -468,8 +488,8 @@ var pe = /\D/g, me = /^\d{13,19}$/, he = /(.{4})(?=.)/g, ge = {
 	},
 	validate(e) {
 		if (typeof e != "string") return !1;
-		let t = P.normalize(e);
-		if (!N.test(t)) return !1;
+		let t = R.normalize(e);
+		if (!L.test(t)) return !1;
 		let n = /* @__PURE__ */ new Date(`${t}T00:00:00Z`);
 		return !isNaN(n.getTime()) && n.toISOString().startsWith(t);
 	},
@@ -489,11 +509,11 @@ var pe = /\D/g, me = /^\d{13,19}$/, he = /(.{4})(?=.)/g, ge = {
 			return e;
 		}
 	}
-}, we = /^([01]?\d|2[0-3]):([0-5]\d)$/, F = {
+}, je = /^([01]?\d|2[0-3]):([0-5]\d)$/, z = {
 	normalize(e) {
 		if (typeof e != "string") return "";
 		let t = e.trim();
-		if (we.test(t)) {
+		if (je.test(t)) {
 			let [e, n] = t.split(":");
 			return `${String(parseInt(e, 10)).padStart(2, "0")}:${n}`;
 		}
@@ -505,7 +525,7 @@ var pe = /\D/g, me = /^\d{13,19}$/, he = /(.{4})(?=.)/g, ge = {
 		return "";
 	},
 	validate(e) {
-		return F.normalize(e) !== "";
+		return z.normalize(e) !== "";
 	},
 	format(e, t = {}) {
 		if (typeof e != "string") return "";
@@ -516,37 +536,64 @@ var pe = /\D/g, me = /^\d{13,19}$/, he = /(.{4})(?=.)/g, ge = {
 		let a = r < 12 ? "AM" : "PM";
 		return `${r % 12 || 12}:${i} ${a}`;
 	}
-}, I = {
+}, 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"
-}, L = new Map([
-	[I.PLAIN, de],
-	[I.CREDIT_CARD, ge],
-	[I.PHONE, ve],
-	[I.CURRENCY, xe],
-	[I.DATE, P],
-	[I.TIME, F]
-]), R = {
-	type: I.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: {}
-}, z = class extends A {
+}, Pe = class extends P {
 	static register(e, t) {
-		L.set(e, t);
+		H.set(e, t);
 	}
 	constructor(e, t = {}) {
-		super(e, t), this.type = t.type ?? R.type, this.options = t.options ?? R.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 = L.get(e.type) ?? L.get(I.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() {
@@ -555,30 +602,112 @@ var pe = /\D/g, me = /^\d{13,19}$/, he = /(.{4})(?=.)/g, ge = {
 			configurable: !0
 		});
 	}
-}, B = (e, t) => new z(e, t), Te = /^\d{4}-\d{2}-\d{2}$/;
-function V(e) {
+}, 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);
 }
-function H(...e) {
+function K(...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" && Te.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 (V(i)) return i;
+			if (G(i)) return i;
 		} else {
 			let e = new Date(t);
-			if (V(e)) return e;
+			if (G(e)) return e;
 		}
 	} else {
 		let t = new Date(...e);
-		if (V(t)) return t;
+		if (G(t)) return t;
 	}
 }
 //#endregion
 //#region src/plumbers/calendar.js
-var U = 7, Ee = 12, W = 10, G = {
+var ze = 7, Be = 12, q = 10, Ve = {
 	locales: ["default"],
 	today: "",
 	day: null,
@@ -593,15 +722,15 @@ var U = 7, Ee = 12, W = 10, G = {
 	disabledYears: [],
 	firstDayOfWeek: 0,
 	onNavigated: "navigated"
-}, De = class extends A {
+}, He = class extends P {
 	constructor(e, t = {}) {
 		super(e, t);
-		let n = Object.assign({}, G, t), { onNavigated: r, since: i, till: a, firstDayOfWeek: o } = n;
-		this.onNavigated = r, this.since = H(i), this.till = H(a), this.firstDayOfWeek = 0 <= o && o < 7 ? o : G.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: ee, day: f, month: p, year: m } = n;
-		this.now = H(ee) || /* @__PURE__ */ new Date(), typeof m == "number" && typeof p == "number" && typeof f == "number" ? this.current = H(m, p, f) : this.current = this.now, this.build(), this.enhance();
+		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(), this.yearsOfDecade = this.buildYearsOfDecade();
@@ -637,7 +766,7 @@ var U = 7, Ee = 12, W = 10, G = {
 			let a = new Date(t, e, i);
 			n.push(r(a));
 		}
-		let s = n.length % U, c = s === 0 ? 0 : U - 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));
@@ -646,7 +775,7 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	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 < Ee; 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,
@@ -660,9 +789,9 @@ var U = 7, Ee = 12, W = 10, G = {
 		return r;
 	}
 	buildYearsOfDecade() {
-		let e = Math.floor(this.year / W) * W, t = [];
-		for (let n = e - 1; n <= e + W; n++) {
-			let r = n < e || n > e + W - 1, i = this.since && n < this.since.getFullYear() || this.till && n > this.till.getFullYear(), a = this.disabledYears.some((e) => n == e);
+		let e = Math.floor(this.year / q) * q, t = [];
+		for (let n = e - 1; n <= e + q; n++) {
+			let r = n < e || n > e + q - 1, i = this.since && n < this.since.getFullYear() || this.till && n > this.till.getFullYear(), a = this.disabledYears.some((e) => n == e);
 			t.push({
 				value: n,
 				current: n === this.year,
@@ -675,18 +804,18 @@ var U = 7, Ee = 12, W = 10, G = {
 		return this.now;
 	}
 	set today(e) {
-		if (!V(e)) return;
+		if (!G(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" ? H(this.year, this.month, this.day) : null;
+		return typeof this.year == "number" && typeof this.month == "number" && typeof this.day == "number" ? K(this.year, this.month, this.day) : null;
 	}
 	set current(e) {
-		V(e) && (this.day = e.getDate(), this.month = e.getMonth(), this.year = e.getFullYear());
+		G(e) && (this.day = e.getDate(), this.month = e.getMonth(), this.year = e.getFullYear());
 	}
 	navigate = async (e) => {
-		if (!V(e)) return;
+		if (!G(e)) return;
 		let t = this.current, n = e.toISOString(), r = t.toISOString();
 		this.dispatch("navigate", { detail: {
 			from: r,
@@ -717,7 +846,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		await this.navigate(n);
 	};
 	isDisabled = (e) => {
-		if (!V(e)) return !1;
+		if (!G(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;
@@ -747,7 +876,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		return !1;
 	};
 	isWithinRange = (e) => {
-		if (!V(e)) return !1;
+		if (!G(e)) return !1;
 		let t = !0;
 		return this.since && (t &&= e >= this.since), this.till && (t &&= e <= this.till), t;
 	};
@@ -813,7 +942,7 @@ var U = 7, Ee = 12, W = 10, G = {
 			};
 		} });
 	}
-}, K = (e, t) => new De(e, t), Oe = class extends A {
+}, 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;
 	}
@@ -830,7 +959,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		if (t.disabled || t.getAttribute("aria-disabled") === "true") return;
 		let n = e.target instanceof HTMLTimeElement ? e.target : e.target.querySelector("time");
 		if (!n) return;
-		let r = H(n.dateTime);
+		let r = K(n.dateTime);
 		if (!r) return;
 		this.dispatch("selecting", { target: t });
 		let i = r.toISOString();
@@ -839,7 +968,7 @@ var U = 7, Ee = 12, W = 10, G = {
 			iso: i
 		} });
 	}
-}, ke = class extends A {
+}, We = class extends P {
 	constructor(e, t = {}) {
 		super(e, t), this.handle = this.handle.bind(this);
 	}
@@ -856,7 +985,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		let n = parseInt(t.dataset.month, 10);
 		isNaN(n) || this.dispatch("selected", { detail: { month: n } });
 	}
-}, Ae = class extends A {
+}, Ge = class extends P {
 	constructor(e, t = {}) {
 		super(e, t), this.handle = this.handle.bind(this);
 	}
@@ -873,27 +1002,27 @@ var U = 7, Ee = 12, W = 10, G = {
 		let n = parseInt(t.dataset.year, 10);
 		isNaN(n) || this.dispatch("selected", { detail: { year: n } });
 	}
-}, q = (e, t) => new Oe(e, t), J = (e, t) => new ke(e, t), Y = (e, t) => new Ae(e, t), X = {
+}, 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"
-}, je = class extends A {
+}, Ye = class extends P {
 	constructor(e, t = {}) {
 		super(e, t);
-		let n = Object.assign({}, X, t), { content: r, url: i, reload: a, stale: o } = n;
-		this.content = r, this.url = i, this.reload = typeof a == "string" ? a : X.reload, this.stale = typeof o == "number" ? o : X.stale;
+		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 w(), this.enhance();
+		this.onLoad = s, this.onLoaded = c, this._requestor = new A(), this.enhance();
 	}
 	get reloadable() {
 		switch (this.reload) {
 			case "never": return !1;
 			case "always": return !0;
 			default: {
-				let e = H(this.loadedAt);
+				let e = K(this.loadedAt);
 				return e && /* @__PURE__ */ new Date() - e > this.stale * 1e3;
 			}
 		}
@@ -919,7 +1048,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		let e = this;
 		Object.assign(this.controller, { load: e.load.bind(e) });
 	}
-}, Me = (e, t) => new je(e, t), Z = class extends A {
+}, 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));
 	}
@@ -932,21 +1061,21 @@ var U = 7, Ee = 12, W = 10, G = {
 			e.unobserve(), t();
 		};
 	}
-}, Ne = {
+}, Ze = {
 	trigger: null,
 	events: ["click"],
 	onDismissed: "dismissed"
-}, Pe = class extends Z {
+}, Qe = class extends X {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { trigger: n, events: r, onDismissed: i } = Object.assign({}, Ne, 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")));
 	};
-}, Q = (e, t) => new Pe(e, t), Fe = {
+}, Z = (e, t) => new Qe(e, t), $e = {
 	anchor: null,
 	events: ["click"],
 	placement: "bottom",
@@ -954,11 +1083,11 @@ var U = 7, Ee = 12, W = 10, G = {
 	onFlipped: "flipped",
 	ariaRole: null,
 	respectMotion: !0
-}, Ie = class extends Z {
+}, 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({}, Fe, 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({
+		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
@@ -976,7 +1105,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		}), this.dispatch("flipped", { detail: { placement: e } });
 	};
 	flippedRect(e, t) {
-		let n = this.quadrumRect(e, O()), r = [this.placement, ce[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;
@@ -987,25 +1116,25 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	quadrumRect(e, t) {
 		return {
-			left: D({
+			left: j({
 				x: t.x,
 				y: t.y,
 				width: e.x - t.x,
 				height: t.height
 			}),
-			right: D({
+			right: j({
 				x: e.x + e.width,
 				y: t.y,
 				width: t.width - (e.x + e.width),
 				height: t.height
 			}),
-			top: D({
+			top: j({
 				x: t.x,
 				y: t.y,
 				width: t.width,
 				height: e.y - t.y
 			}),
-			bottom: D({
+			bottom: j({
 				x: t.x,
 				y: e.y + e.height,
 				width: t.width,
@@ -1015,25 +1144,25 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	quadrumPlacement(e, t, n) {
 		switch (t) {
-			case "top": return D({
+			case "top": return j({
 				x: n.x,
 				y: e.y - n.height,
 				width: n.width,
 				height: n.height
 			});
-			case "bottom": return D({
+			case "bottom": return j({
 				x: n.x,
 				y: e.y + e.height,
 				width: n.width,
 				height: n.height
 			});
-			case "left": return D({
+			case "left": return j({
 				x: e.x - n.width,
 				y: n.y,
 				width: n.width,
 				height: n.height
 			});
-			case "right": return D({
+			case "right": return j({
 				x: e.x + e.width,
 				y: n.y,
 				width: n.width,
@@ -1047,7 +1176,7 @@ var U = 7, Ee = 12, W = 10, G = {
 			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), D({
+				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,
@@ -1057,7 +1186,7 @@ var U = 7, Ee = 12, W = 10, G = {
 			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), D({
+				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,
@@ -1073,7 +1202,83 @@ var U = 7, Ee = 12, W = 10, G = {
 	enhance() {
 		super.enhance(), this.controller.flip = this.flip;
 	}
-}, Le = (e, t) => new Ie(e, t), Re = {
+}, tt = (e, t) => new et(e, t), nt = {
+	moveKey: "Alt",
+	onMoved: null,
+	orientation: "vertical"
+}, rt = {
+	vertical: {
+		back: "ArrowUp",
+		forward: "ArrowDown"
+	},
+	horizontal: {
+		back: "ArrowLeft",
+		forward: "ArrowRight"
+	}
+}, it = class extends P {
+	constructor(e, t = {}) {
+		super(e, t);
+		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;
+	}
+	attachItem(e) {
+		e.addEventListener("keydown", this.onKeydown);
+	}
+	detachItem(e) {
+		e.removeEventListener("keydown", this.onKeydown);
+	}
+	attachItems(e) {
+		e.forEach((e) => this.attachItem(e));
+	}
+	detachItems(e) {
+		e.forEach((e) => this.detachItem(e));
+	}
+	resolveMoveKeys(e) {
+		let { back: t, forward: n } = rt[this.orientation];
+		return this.orientation === "horizontal" && getComputedStyle(e).direction === "rtl" ? {
+			back: n,
+			forward: t
+		} : {
+			back: t,
+			forward: n
+		};
+	}
+	onKeydown(e) {
+		if (!this.controller.editingValue || e.repeat) return;
+		let t = e.currentTarget, { back: n, forward: r } = this.resolveMoveKeys(t);
+		if (e.key !== n && e.key !== r || !e[u[this.moveKey]]) return;
+		let i = this.items, a = i.indexOf(t), o = e.key === n ? a - 1 : a + 1;
+		o < 0 || o >= i.length || (e.preventDefault(), e.key === n ? i[o].before(t) : i[o].after(t), this.dispatch("reordered", { detail: { itemIds: this.orderedIds() } }), this.awaitCallback(this.onMoved, t), m(`Moved to position ${this.items.indexOf(t) + 1} of ${this.items.length}`));
+	}
+	orderedIds() {
+		return this.items.filter((e) => e.id).map((e) => e.id);
+	}
+	startDrag(e, t, n) {
+		this.draggingItem = e, t.setPointerCapture(n);
+	}
+	drag(e) {
+		if (!this.draggingItem) return;
+		let t = this.orientation === "horizontal" ? e.clientX : e.clientY, n = this.items, r = n.indexOf(this.draggingItem), i = n[r - 1];
+		if (i && t < this.midpointOf(i)) {
+			i.before(this.draggingItem);
+			return;
+		}
+		let a = n[r + 1];
+		a && t > this.midpointOf(a) && a.after(this.draggingItem);
+	}
+	endDrag(e, t) {
+		if (!this.draggingItem) return null;
+		e.releasePointerCapture(t);
+		let n = this.draggingItem;
+		return this.draggingItem = null, this.dispatch("reordered", { detail: { itemIds: this.orderedIds() } }), n;
+	}
+	midpointOf(e) {
+		return he(e.getBoundingClientRect(), this.orientation);
+	}
+}, at = (e, t) => new it(e, t), ot = {
 	events: ["resize"],
 	boundaries: [
 		"top",
@@ -1082,10 +1287,10 @@ var U = 7, Ee = 12, W = 10, G = {
 	],
 	onShifted: "shifted",
 	respectMotion: !0
-}, ze = class extends Z {
+}, st = class extends X {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { onShifted: n, events: r, boundaries: i, respectMotion: a } = Object.assign({}, Re, 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 () => {
@@ -1095,14 +1300,14 @@ var U = 7, Ee = 12, W = 10, G = {
 		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 = O(), i = D({
+		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 = ce[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;
@@ -1134,27 +1339,27 @@ var U = 7, Ee = 12, W = 10, G = {
 	enhance() {
 		super.enhance(), this.controller.shift = this.shift;
 	}
-}, Be = (e, t) => new ze(e, t), Ve = {
+}, ct = (e, t) => new st(e, t), lt = {
 	visibility: "visibility",
 	onShown: "shown",
 	onHidden: "hidden"
-}, He = class extends A {
+}, ut = class extends P {
 	constructor(e, t = {}) {
-		let { visibility: n, onShown: r, onHidden: i, activator: a } = Object.assign({}, Ve, t), o = typeof n == "string" ? n : Ve.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 = k.hiddenClass;
+		let t = N.hiddenClass;
 		return t ? !e.classList.contains(t) : !e.hasAttribute("hidden");
 	}
 	toggle(e, t) {
 		if (!(e instanceof HTMLElement)) return;
-		let n = k.hiddenClass;
-		n ? t ? e.classList.remove(n) : e.classList.add(n) : v(e, !t);
+		let n = N.hiddenClass;
+		n ? t ? e.classList.remove(n) : e.classList.add(n) : b(e, !t);
 	}
 	activate(e) {
-		this.activator && g(this.activator, e);
+		this.activator && _(this.activator, e);
 	}
 	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"));
@@ -1173,7 +1378,7 @@ var U = 7, Ee = 12, W = 10, G = {
 			return t;
 		} });
 	}
-}, Ue = (e, t) => new He(e, t), We = 4, Ge = class extends e {
+}, Q = (e, t) => new ut(e, t), dt = 4, ft = class extends e {
 	static targets = ["grid"];
 	static values = {
 		current: Number,
@@ -1195,7 +1400,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		}
 	};
 	initialize() {
-		this.selector = Y(this), K(this, {
+		this.selector = Je(this), J(this, {
 			today: this.todayValue,
 			year: this.currentValue || void 0,
 			since: this.sinceValue || null,
@@ -1213,10 +1418,9 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	selectedValueChanged() {
 		if (!this.hasGridTarget) return;
-		let e = H(this.selectedValue), t = e ? e.getFullYear() : null;
+		let e = K(this.selectedValue), t = e ? e.getFullYear() : null;
 		this.gridTarget.querySelectorAll("button[data-year]").forEach((e) => {
-			let n = parseInt(e.dataset.year, 10);
-			e.setAttribute("aria-selected", n === t ? "true" : "false");
+			v(e, parseInt(e.dataset.year, 10) === t);
 		});
 	}
 	navigate(e) {
@@ -1233,24 +1437,24 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	drawGrid() {
 		if (!this.hasGridTarget) return;
-		let { yearsOfDecade: e } = this.calendar, t = this.calendar.today.getFullYear(), n = H(this.selectedValue), r = n ? n.getFullYear() : null, i = [];
+		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"), e.setAttribute("aria-selected", n.value === r ? "true" : "false"), n.value === t && e.setAttribute("aria-current", "year"), n.disabled && e.setAttribute("aria-disabled", "true"), 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 += We) {
+		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 + We)) t.appendChild(n);
+			for (let n of i.slice(e, e + dt)) t.appendChild(n);
 			a.appendChild(t);
 		}
 		this.gridTarget.replaceChildren(a);
 	}
-}, Ke = class extends e {
+}, pt = class extends e {
 	initialize() {
-		this.selector = Y(this);
+		this.selector = Je(this);
 	}
 	connect() {
 		this.selector.attach();
@@ -1258,7 +1462,7 @@ var U = 7, Ee = 12, W = 10, G = {
 	disconnect() {
 		this.selector.detach();
 	}
-}, qe = class extends e {
+}, mt = class extends e {
 	static targets = ["daysOfWeek", "daysOfMonth"];
 	static classes = [
 		"dayOfWeek",
@@ -1303,7 +1507,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		}
 	};
 	initialize() {
-		this.selector = q(this, { onSelect: "select" }), K(this, {
+		this.selector = Ke(this, { onSelect: "select" }), J(this, {
 			today: this.todayValue,
 			since: this.sinceValue || null,
 			till: this.tillValue || null
@@ -1328,12 +1532,15 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	selectedValueChanged() {
 		if (!this.hasDaysOfMonthTarget || (this.daysOfMonthTarget.querySelectorAll("[aria-selected]").forEach((e) => {
-			e.setAttribute("aria-selected", "false");
+			v(e, !1);
 		}), !this.selectedValue)) return;
-		let e = H(this.selectedValue);
+		let e = K(this.selectedValue);
 		if (!e) return;
 		let t = this.daysOfMonthTarget.querySelector(`time[datetime="${e.toISOString()}"]`);
-		t && t.closest("[aria-selected]")?.setAttribute("aria-selected", "true");
+		if (t) {
+			let e = t.closest("[aria-selected]");
+			e && v(e, !0);
+		}
 	}
 	navigate(e) {
 		this.yearValue = e.getFullYear(), this.monthValue = e.getMonth();
@@ -1342,7 +1549,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		return this.calendar.step(e, t);
 	}
 	select(e) {
-		let t = H(e);
+		let t = K(e);
 		t && (this.selectedValue = e, (t.getMonth() !== this.calendar.month || t.getFullYear() !== this.calendar.year) && this.calendar.navigate(t), this.dispatch("selected", { detail: {
 			epoch: t.getTime(),
 			iso: e
@@ -1356,7 +1563,7 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	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;
+		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;
@@ -1376,7 +1583,7 @@ var U = 7, Ee = 12, W = 10, G = {
 				selectable: e.current || i,
 				disabled: e.current ? r : !i
 			});
-			t === e.date.getTime() && o.setAttribute("aria-current", "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);
 		}
@@ -1389,9 +1596,9 @@ var U = 7, Ee = 12, W = 10, G = {
 		}
 		this.daysOfMonthTarget.replaceChildren(...r);
 	}
-}, Je = class extends e {
+}, ht = class extends e {
 	initialize() {
-		this.selector = q(this);
+		this.selector = Ke(this);
 	}
 	connect() {
 		this.selector.attach();
@@ -1399,7 +1606,7 @@ var U = 7, Ee = 12, W = 10, G = {
 	disconnect() {
 		this.selector.detach();
 	}
-}, Ye = 4, Xe = class extends e {
+}, gt = 4, _t = class extends e {
 	static targets = ["grid"];
 	static values = {
 		current: Number,
@@ -1429,7 +1636,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		}
 	};
 	initialize() {
-		this.selector = J(this), K(this, {
+		this.selector = qe(this), J(this, {
 			today: this.todayValue,
 			year: this.currentValue || void 0,
 			since: this.sinceValue || null,
@@ -1447,10 +1654,10 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	selectedValueChanged() {
 		if (!this.hasGridTarget) return;
-		let e = H(this.selectedValue);
+		let e = K(this.selectedValue);
 		this.gridTarget.querySelectorAll("button[data-month]").forEach((t) => {
 			let n = parseInt(t.dataset.month, 10) - 1;
-			t.setAttribute("aria-selected", e && e.getMonth() === n ? "true" : "false");
+			v(t, !!e && e.getMonth() === n);
 		});
 	}
 	navigate(e) {
@@ -1467,26 +1674,24 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	drawGrid() {
 		if (!this.hasGridTarget) return;
-		let { year: e, monthsOfYear: t } = this.calendar, n = this.calendar.today, r = H(this.selectedValue), i = [], a = new Intl.DateTimeFormat(this.localesValue, { month: this.monthFormatValue });
+		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");
-			let s = r && r.getMonth() === o.value;
-			t.setAttribute("aria-selected", s ? "true" : "false"), o.value === n.getMonth() && e === n.getFullYear() && t.setAttribute("aria-current", "month"), o.disabled && t.setAttribute("aria-disabled", "true"), 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 += Ye) {
+		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 + Ye)) t.appendChild(n);
+			for (let n of i.slice(e, e + gt)) t.appendChild(n);
 			o.appendChild(t);
 		}
 		this.gridTarget.replaceChildren(o);
 	}
-}, Ze = class extends e {
+}, vt = class extends e {
 	initialize() {
-		this.selector = J(this);
+		this.selector = qe(this);
 	}
 	connect() {
 		this.selector.attach();
@@ -1494,7 +1699,27 @@ var U = 7, Ee = 12, W = 10, G = {
 	disconnect() {
 		this.selector.detach();
 	}
-}, Qe = class extends e {
+}, yt = class extends e {
+	static targets = ["master", "item"];
+	connect() {
+		this.recompute();
+	}
+	onChange(e) {
+		e.target === this.masterTarget && this.toggleAll(this.masterTarget.checked), this.recompute();
+	}
+	toggleAll(e) {
+		this.enabledItems().forEach((t) => {
+			t.checked = e;
+		});
+	}
+	recompute() {
+		let e = this.enabledItems(), t = e.filter((e) => e.checked).length;
+		this.masterTarget.checked = e.length > 0 && t === e.length, this.masterTarget.indeterminate = t > 0 && t < e.length;
+	}
+	enabledItems() {
+		return this.itemTargets.filter((e) => !e.disabled);
+	}
+}, bt = class extends e {
 	static targets = ["source"];
 	static values = { contentType: {
 		type: String,
@@ -1528,7 +1753,7 @@ var U = 7, Ee = 12, W = 10, G = {
 	"month",
 	"year",
 	"decade"
-], $e = class extends e {
+], xt = class extends e {
 	static targets = [
 		"previous",
 		"next",
@@ -1570,7 +1795,7 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	async calendarMonthOutletConnected() {
 		if (this.dateValue) {
-			let e = H(this.dateValue);
+			let e = K(this.dateValue);
 			e && await this.calendarMonthOutlet.calendar.navigate(e);
 		}
 		this.draw();
@@ -1665,7 +1890,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		}
 		this.hasCalendarYearOutlet && (this.calendarYearOutletElement.hidden = !t), this.hasCalendarDecadeOutlet && (this.calendarDecadeOutletElement.hidden = !n);
 	}
-}, et = class extends e {
+}, St = class extends e {
 	static targets = [
 		"listbox",
 		"loading",
@@ -1686,23 +1911,23 @@ var U = 7, Ee = 12, W = 10, G = {
 		}
 	};
 	initialize() {
-		this._requestor = new w();
+		this._requestor = new A();
 	}
 	connect() {
-		this.hasListboxTarget && (this.listboxNav = new d(this.listboxTarget));
+		this.hasListboxTarget && (this.listboxNav = new f(this.listboxTarget));
 	}
 	disconnect() {
 		this._requestor.cancel();
 	}
 	onSelect(e) {
 		let t = e.target.closest("[role=\"option\"]");
-		!t || t.getAttribute("aria-disabled") === "true" || 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) => e.setAttribute("aria-selected", "false"));
+		t.forEach((e) => v(e, !1));
 		let n = [...t].find((t) => t.dataset.value === e);
-		n && n.setAttribute("aria-selected", "true"), this.dispatch("selected", {
+		n && v(n, !0), this.dispatch("selected", {
 			detail: { value: e },
 			bubbles: !0
 		});
@@ -1719,7 +1944,7 @@ var U = 7, Ee = 12, W = 10, G = {
 				e.name !== "AbortError" && console.error("[combobox-dropdown] fetch failed", e);
 			}).finally(() => this.setLoading(!1)), this.delayValue);
 		} else {
-			let t = E(this.listboxTarget, e);
+			let t = pe(this.listboxTarget, e);
 			this.setEmpty(t === 0);
 		}
 	}
@@ -1732,7 +1957,7 @@ var U = 7, Ee = 12, W = 10, G = {
 	setEmpty(e) {
 		this.hasEmptyTarget && (this.emptyTarget.hidden = !e);
 	}
-}, tt = class extends e {
+}, Ct = class extends e {
 	static targets = [
 		"hour",
 		"minute",
@@ -1743,7 +1968,7 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	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()));
+		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", {
@@ -1756,7 +1981,7 @@ var U = 7, Ee = 12, W = 10, G = {
 	}
 	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()));
+		!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);
@@ -1768,12 +1993,12 @@ var U = 7, Ee = 12, W = 10, G = {
 	selectedValue(e) {
 		return e?.querySelector("[aria-selected=\"true\"]")?.dataset.value ?? null;
 	}
-}, nt = class extends e {
+}, wt = class extends e {
 	static targets = ["trigger"];
 	connect() {
-		Q(this, { trigger: this.hasTriggerTarget ? this.triggerTarget : null });
+		Z(this, { trigger: this.hasTriggerTarget ? this.triggerTarget : null });
 	}
-}, rt = class extends e {
+}, Tt = class extends e {
 	static targets = ["anchor", "reference"];
 	static values = {
 		placement: {
@@ -1798,7 +2023,7 @@ var U = 7, Ee = 12, W = 10, G = {
 			console.error("FlipperController requires an anchor target. Add data-flipper-target=\"anchor\" to your element.");
 			return;
 		}
-		Le(this, {
+		tt(this, {
 			element: this.referenceTarget,
 			anchor: this.anchorTarget,
 			placement: this.placementValue,
@@ -1806,7 +2031,7 @@ var U = 7, Ee = 12, W = 10, G = {
 			ariaRole: this.roleValue
 		});
 	}
-}, it = class extends e {
+}, Et = class extends e {
 	static targets = ["trigger", "input"];
 	static values = {
 		value: String,
@@ -1831,8 +2056,12 @@ var U = 7, Ee = 12, W = 10, G = {
 	valueValueChanged(e) {
 		this.hasInputTarget && (this.inputTarget.value = e), this.dispatch("changed", { detail: { value: e } });
 	}
-}, at = class extends e {
-	static targets = ["input", "toggle"];
+}, Dt = class extends e {
+	static targets = [
+		"input",
+		"toggle",
+		"cell"
+	];
 	static values = {
 		format: {
 			type: String,
@@ -1845,32 +2074,42 @@ var U = 7, Ee = 12, W = 10, G = {
 		revealed: {
 			type: Boolean,
 			default: !1
+		},
+		groups: {
+			type: Array,
+			default: []
 		}
 	};
 	connect() {
-		B(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 && (B(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 && (B(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);
 	}
@@ -1883,10 +2122,45 @@ var U = 7, Ee = 12, W = 10, G = {
 		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 && _(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 : "";
@@ -1898,9 +2172,18 @@ var U = 7, Ee = 12, W = 10, G = {
 			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;
+	}
+	isFull(e) {
+		let t = this.characterCells?.active() ?? this.formatter?.cells()?.length ?? 0;
+		return t > 0 && e.length === t && this.formatter.validate(e);
 	}
-}, ot = class extends 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);
@@ -1923,7 +2206,7 @@ var U = 7, Ee = 12, W = 10, G = {
 	handleEscape(e) {
 		e.key === "Escape" && this.inputTarget.value !== "" && (e.preventDefault(), this.clear());
 	}
-}, st = class extends e {
+}, kt = class extends e {
 	static targets = ["modal", "overlay"];
 	initialize() {
 		this.onCancel = this.close.bind(this);
@@ -1935,7 +2218,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		this.isNativeDialog = e instanceof HTMLDialogElement, this.isNativeDialog ? (e.addEventListener("cancel", this.onCancel), e.addEventListener("click", this.onBackdropClick)) : (this.focusTrap = new a(e, {
 			escapeDeactivates: !0,
 			onDeactivate: () => this.close()
-		}), Q(this, { element: e }));
+		}), Z(this, { element: e }));
 	}
 	modalTargetDisconnected(e) {
 		this.isNativeDialog && (e.removeEventListener("cancel", this.onCancel), e.removeEventListener("click", this.onBackdropClick));
@@ -1950,7 +2233,7 @@ var U = 7, Ee = 12, W = 10, G = {
 				let e = this.hasOverlayTarget ? this.overlayTarget : this.modalTarget;
 				e.hidden = !1, document.body.style.overflow = "hidden", this.focusTrap && this.focusTrap.activate();
 			}
-			f("Modal opened");
+			m("Modal opened");
 		}
 	}
 	close(e) {
@@ -1962,26 +2245,25 @@ var U = 7, Ee = 12, W = 10, G = {
 				let e = this.hasOverlayTarget ? this.overlayTarget : this.modalTarget;
 				e.hidden = !0, document.body.style.overflow = "", this.focusTrap && this.focusTrap.deactivate();
 			}
-			f("Modal closed");
+			m("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();
 	};
-}, ct = class extends e {
+}, At = class extends e {
 	static targets = ["content"];
 	connect() {
-		Be(this, { element: this.hasContentTarget ? this.contentTarget : null });
+		ct(this, { element: this.hasContentTarget ? this.contentTarget : null });
 	}
-}, lt = class extends e {
+}, jt = class extends e {
 	static targets = [
 		"trigger",
 		"panel",
 		"template",
 		"loader"
 	];
-	static classes = ["hidden"];
 	static values = {
 		url: String,
 		loadedAt: String,
@@ -2007,13 +2289,13 @@ var U = 7, Ee = 12, W = 10, G = {
 		}
 	};
 	connect() {
-		Me(this, {
+		Xe(this, {
 			element: this.hasPanelTarget ? this.panelTarget : null,
 			url: this.hasUrlValue ? this.urlValue : null
-		}), this.hasPanelTarget && (Ue(this, {
+		}), this.hasPanelTarget && (Q(this, {
 			element: this.panelTarget,
 			activator: this.hasTriggerTarget ? this.triggerTarget : null
-		}), Q(this)), this.hasLoaderTarget && Ue(this, {
+		}), Z(this)), this.hasLoaderTarget && Q(this, {
 			element: this.loaderTarget,
 			visibility: "contentLoaderVisibility"
 		});
@@ -2034,10 +2316,10 @@ var U = 7, Ee = 12, W = 10, G = {
 		this.closeOnSelectValue && await this.close();
 	}
 	async shown() {
-		await this.load(), this.hasPanelTarget && i(this.panelTarget), f(this.announceOpenValue);
+		await this.load(), this.hasPanelTarget && i(this.panelTarget), m(this.announceOpenValue);
 	}
 	async hidden() {
-		this.hasTriggerTarget && this.triggerTarget.focus(), f(this.announceCloseValue);
+		this.hasTriggerTarget && this.triggerTarget.focus(), m(this.announceCloseValue);
 	}
 	canLoad() {
 		return this.hasPanelTarget && this.panelTarget.tagName.toLowerCase() === "turbo-frame" ? (this.hasUrlValue && this.panelTarget.setAttribute("src", this.urlValue), !1) : !0;
@@ -2058,7 +2340,156 @@ var U = 7, Ee = 12, W = 10, G = {
 	contentLoader() {
 		if (this.hasTemplateTarget) return this.templateTarget instanceof HTMLTemplateElement ? this.templateTarget.content : this.templateTarget.innerHTML;
 	}
-}, ut = class extends e {
+}, Mt = class extends e {
+	static targets = ["fill", "meter"];
+	static values = {
+		variant: {
+			type: String,
+			default: "bar"
+		},
+		current: {
+			type: Number,
+			default: 0
+		},
+		min: {
+			type: Number,
+			default: 0
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		optimum: Number,
+		low: Number,
+		high: Number,
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		indeterminateFraction: {
+			type: Number,
+			default: .25
+		}
+	};
+	connect() {
+		this.variantValue === "ring" && this.hasFillTarget && this.setCircumference(this.fillTarget), this.render();
+	}
+	setValue(e) {
+		this.currentValue = this.clamp(e), this.render(), this.dispatch("changed", { detail: {
+			value: this.currentValue,
+			min: this.minValue,
+			max: this.maxValue
+		} });
+	}
+	currentValueChanged() {
+		this.render();
+	}
+	clamp(e) {
+		return Math.min(this.maxValue, Math.max(this.minValue, e));
+	}
+	render() {
+		switch (this.variantValue) {
+			case "meter": return this.renderMeter();
+			case "ring":
+			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;
+		}
+	}
+	percent() {
+		let e = this.maxValue - this.minValue;
+		return e <= 0 ? 0 : (this.currentValue - this.minValue) / e * 100;
+	}
+	renderBar() {
+		if (this.hasFillTarget) {
+			if (this.indeterminateValue) {
+				this.fillTarget.style.width = `${this.indeterminateFractionValue * 100}%`;
+				return;
+			}
+			this.fillTarget.style.width = `${this.percent()}%`;
+		}
+	}
+	renderRing() {
+		if (this.hasFillTarget) {
+			if (this.circumference ?? this.setCircumference(this.fillTarget), this.indeterminateValue) {
+				let e = this.circumference * this.indeterminateFractionValue;
+				this.fillTarget.style.strokeDasharray = `${e} ${this.circumference - e}`;
+				return;
+			}
+			this.fillTarget.style.strokeDasharray = `${this.circumference}`, this.fillTarget.style.strokeDashoffset = `${this.circumference * (1 - this.percent() / 100)}`;
+		}
+	}
+	setCircumference(e) {
+		let t = parseFloat(e.getAttribute("r"));
+		this.circumference = 2 * Math.PI * t;
+	}
+	renderMeter() {
+		if (!this.hasMeterTarget || !(this.meterTarget instanceof HTMLMeterElement)) return;
+		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);
+	}
+}, Nt = class extends e {
+	static targets = [
+		"item",
+		"handle",
+		"trigger"
+	];
+	static values = {
+		moveKey: {
+			type: String,
+			default: "Alt"
+		},
+		editing: {
+			type: Boolean,
+			default: !1
+		},
+		orientation: {
+			type: String,
+			default: "vertical"
+		}
+	};
+	connect() {
+		this.reorderable = at(this, {
+			moveKey: this.moveKeyValue,
+			orientation: this.orientationValue,
+			onMoved: "moved"
+		}), this.reorderable.attachItems(this.itemTargets), this.rovingTabIndex = new d(this.itemTargets, { orientation: this.orientationValue }), this.rovingTabIndex.activate();
+	}
+	disconnect() {
+		this.reorderable.detachItems(this.itemTargets), this.rovingTabIndex?.deactivate(), this.rovingTabIndex = null;
+	}
+	itemTargetConnected(e) {
+		this.reorderable?.attachItem(e), this.rovingTabIndex?.updateItems(this.itemTargets);
+	}
+	itemTargetDisconnected(e) {
+		this.reorderable?.detachItem(e), this.rovingTabIndex?.updateItems(this.itemTargets);
+	}
+	editingValueChanged(e) {
+		this.triggerTargets.forEach((t) => w(t, e));
+	}
+	toggleEditing() {
+		this.editingValue = !this.editingValue;
+	}
+	enterEditing() {
+		this.editingValue = !0;
+	}
+	exitEditing() {
+		this.editingValue = !1;
+	}
+	onPointerDown(e) {
+		if (!this.editingValue) return;
+		let t = e.currentTarget.closest("[data-reorderable-target~=\"item\"]");
+		t && this.reorderable.startDrag(t, e.currentTarget, e.pointerId);
+	}
+	onPointerMove(e) {
+		this.editingValue && this.reorderable.drag(e);
+	}
+	onPointerUp(e) {
+		this.editingValue && (this.reorderable.endDrag(e.currentTarget, e.pointerId), this.rovingTabIndex?.updateItems(this.itemTargets));
+	}
+	moved(e) {
+		this.rovingTabIndex?.updateItems(this.itemTargets), this.rovingTabIndex.setCurrentIndex(this.itemTargets.indexOf(e));
+	}
+}, Pt = class extends e {
 	static targets = [
 		"trigger",
 		"detail",
@@ -2069,14 +2500,14 @@ var U = 7, Ee = 12, W = 10, G = {
 		default: {}
 	} };
 	connect() {
-		this.rovingTabIndex = new u(this.triggerTargets, { orientation: "vertical" }), this.rovingTabIndex.activate();
+		this.rovingTabIndex = new d(this.triggerTargets, { orientation: "vertical" }), this.rovingTabIndex.activate();
 	}
 	disconnect() {
 		this.rovingTabIndex?.deactivate(), this.rovingTabIndex = null;
 	}
 	toggle(e) {
 		let t = e.currentTarget;
-		t.getAttribute("aria-expanded") === "true" ? this.collapseItem(t) : this.expandItem(t);
+		te(t) ? this.collapseItem(t) : this.expandItem(t);
 	}
 	expand(e) {
 		this.expandItem(e.currentTarget);
@@ -2089,7 +2520,7 @@ var U = 7, Ee = 12, W = 10, G = {
 		this.dispatch("expand", { detail: {
 			trigger: e,
 			detail: t
-		} }), g(e, !0), t && (v(t, !1), f(`${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
 		} });
@@ -2099,24 +2530,38 @@ var U = 7, Ee = 12, W = 10, G = {
 		this.dispatch("collapse", { detail: {
 			trigger: e,
 			detail: t
-		} }), g(e, !1), t && (v(t, !0), f(`${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
 		} });
 	}
 	triggerTargetConnected(e) {
-		e.hasAttribute("aria-expanded") || e.setAttribute("aria-expanded", "false"), this.rovingTabIndex?.updateItems(this.triggerTargets);
+		e.hasAttribute("aria-expanded") || _(e, !1), this.rovingTabIndex?.updateItems(this.triggerTargets);
 	}
 	triggerTargetDisconnected() {
 		this.rovingTabIndex?.updateItems(this.triggerTargets);
 	}
 	timeTargetConnected(e) {
 		if (!Object.keys(this.dateFormatValue).length || e.textContent.trim()) return;
-		let t = P.format(e.getAttribute("datetime"), this.dateFormatValue);
+		let t = R.format(e.getAttribute("datetime"), this.dateFormatValue);
 		t && (e.textContent = t);
 	}
+}, Ft = class extends e {
+	static targets = ["content"];
+	connect() {
+		Z(this);
+	}
+	contentTargetConnected(e) {
+		ct(this, { element: e }), Q(this, { element: e });
+	}
+	async dismissed() {
+		this.hasContentTarget && await this.visibility.hide();
+	}
+	async toggle() {
+		this.hasContentTarget && (this.visibility.visible ? await this.visibility.hide() : (await this.visibility.show(), this.shift(this.contentTarget)));
+	}
 };
 //#endregion
-export { y as ARIA_HASPOPUP_VALUES, Ge as CalendarDecadeController, Ke as CalendarDecadeSelectorController, qe as CalendarMonthController, Je as CalendarMonthSelectorController, Xe as CalendarYearController, Ze as CalendarYearSelectorController, Qe as ClipboardController, $e as ComboboxDateController, et as ComboboxDropdownController, tt as ComboboxTimeController, nt as DismisserController, t as FOCUSABLE_SELECTOR, I as FORMATTER_TYPES, rt as FlipperController, a as FocusTrap, z as Formatter, ot as InputClearableController, it as InputComboboxController, at as InputFormatterController, d as ListboxNavigation, st as ModalController, ct as PannerController, lt as PopoverController, w as Requestor, u as RovingTabIndex, ut as TimelineController, f as announce, S as connectTriggerToTarget, re as disconnectTriggerFromTarget, m as ensureId, E as filterOptions, i as focusFirst, T as fuzzyMatcher, p as generateId, n as getFocusableElements, s as isActivationKey, c as isArrowKey, o as isKey, r as isVisible, l as preventDefault, h as setAriaState, te as setChecked, ne as setDisabled, g as setExpanded, v as setHidden, _ as setPressed };
+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