stimulus_plumbers 0.4.15 → 0.4.17

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

@@ -20,7 +20,7 @@ function r(e) {
 }
 function i(e) {
 	let t = n(e);
-	return t.length > 0 ? (t[0].focus(), !0) : !1;
+	return t.length > 0 && (t[0].focus(), !0);
 }
 var a = class {
 	constructor(e, t = {}) {
@@ -125,9 +125,7 @@ var u = {
 			case "Home":
 				a = 0;
 				break;
-			case "End":
-				a = this.items.length - 1;
-				break;
+			case "End": a = this.items.length - 1;
 		}
 		this.setCurrentIndex(a);
 	}
@@ -178,9 +176,7 @@ var u = {
 				r.length && this._selectItem(r[r.length - 1]);
 				break;
 			case "Enter":
-			case " ":
-				this.listbox.querySelector(`${this.itemSelector}[aria-selected="true"]`)?.click();
-				break;
+			case " ": this.listbox.querySelector(`${this.itemSelector}[aria-selected="true"]`)?.click();
 		}
 	}
 }, p = (e, t, n) => {
@@ -195,45 +191,45 @@ 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), 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) {
+}, _ = (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), ie = (e) => e.getAttribute("aria-disabled") === "true";
+function ae(e, t) {
 	g(e, "aria-disabled", t), t ? e.setAttribute("tabindex", "-1") : e.removeAttribute("tabindex");
 }
-var T = (e, t) => g(e, "aria-valuemin", t), E = (e, t) => g(e, "aria-valuemax", t), ie = (e, t) => t == null ? e.removeAttribute("aria-valuenow") : g(e, "aria-valuenow", t), ae = {
+var oe = (e, t) => g(e, "aria-valuemin", t), se = (e, t) => g(e, "aria-valuemax", t), ce = (e, t) => t == null ? e.removeAttribute("aria-valuenow") : g(e, "aria-valuenow", t), C = (e, t) => t == null ? e.removeAttribute("aria-valuetext") : g(e, "aria-valuetext", t), le = {
 	menu: "menu",
 	listbox: "listbox",
 	tree: "tree",
 	grid: "grid",
 	dialog: "dialog"
-}, oe = (e, t, n) => {
+}, w = (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 }) {
+}, T = (e, t, n) => n || !e.hasAttribute(t);
+function E({ 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 = ae[n] || "true";
+	if (n && T(t, "role", r) && (o.role = n), t.id && (T(e, "aria-controls", r) && (a["aria-controls"] = t.id), n === "tooltip" && T(e, "aria-describedby", r) && (a["aria-describedby"] = t.id)), n && T(e, "aria-haspopup", r)) {
+		let e = le[n] || "true";
 		e && (a["aria-haspopup"] = e);
 	}
-	return oe(t, o, i.target), oe(e, a, i.trigger), i;
+	return w(t, o, i.target), w(e, a, i.trigger), i;
 }
-var ce = (e, t) => {
+var D = (e, t) => {
 	t.forEach((t) => {
 		e.hasAttribute(t) && e.removeAttribute(t);
 	});
 };
-function le({ trigger: e, target: t, attributes: n = null }) {
-	!e || !t || (ce(e, n || [
+function ue({ trigger: e, target: t, attributes: n = null }) {
+	!e || !t || (D(e, n || [
 		"aria-controls",
 		"aria-haspopup",
 		"aria-describedby"
-	]), (!n || n.includes("role")) && ce(t, ["role"]));
+	]), (!n || n.includes("role")) && D(t, ["role"]));
 }
 //#endregion
 //#region src/requestor.js
@@ -259,33 +255,33 @@ var O = class {
 };
 //#endregion
 //#region src/researcher.js
-function ue(e, t) {
+function de(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 de(e, t) {
+function fe(e, t) {
 	return t.includes(e);
 }
-function fe(e, t) {
+function pe(e, t) {
 	return t.startsWith(e);
 }
-function pe(e) {
-	return e === "contains" ? de : e === "prefix" ? fe : ue;
+function me(e) {
+	return e === "contains" ? fe : e === "prefix" ? pe : de;
 }
-function me(e, t) {
+function he(e, t) {
 	return t === "textContent" ? e.textContent?.trim().toLowerCase() ?? "" : (e.getAttribute(t) ?? "").toLowerCase();
 }
-function he(e, t, n = {}) {
-	let { strategy: r = "fuzzy", matcher: i, fields: a = ["textContent"] } = n, o = typeof i == "function" ? i : pe(r), s = t.toLowerCase(), c = 0;
+function ge(e, t, n = {}) {
+	let { strategy: r = "fuzzy", matcher: i, fields: a = ["textContent"] } = n, o = typeof i == "function" ? i : me(r), s = t.toLowerCase(), c = 0;
 	return e.querySelectorAll("[role=\"option\"]").forEach((e) => {
-		let t = a.some((t) => o(s, me(e, t)));
+		let t = a.some((t) => o(s, he(e, t)));
 		b(e, !t), t && c++;
 	}), c;
 }
 //#endregion
 //#region src/plumbers/plumber/geometry.js
-var ge = {
+var _e = {
 	get top() {
 		return "bottom";
 	},
@@ -311,7 +307,7 @@ function k({ x: e, y: t, width: n, height: r }) {
 		bottom: t + r
 	};
 }
-function _e(e, t = "vertical") {
+function ve(e, t = "vertical") {
 	return t === "horizontal" ? e.left + e.width / 2 : e.top + e.height / 2;
 }
 function A() {
@@ -322,7 +318,7 @@ function A() {
 		height: window.innerHeight || document.documentElement.clientHeight
 	});
 }
-function ve(e) {
+function ye(e) {
 	if (!(e instanceof HTMLElement)) return !1;
 	let t = A(), 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;
@@ -334,7 +330,7 @@ var j = {
 		return !0;
 	},
 	hiddenClass: null
-}, ye = {
+}, be = {
 	element: null,
 	visible: null,
 	dispatch: !0,
@@ -342,11 +338,11 @@ var j = {
 }, M = class {
 	constructor(e, t = {}) {
 		this.controller = e;
-		let { element: n, visible: r, dispatch: i, prefix: a } = Object.assign({}, ye, t);
+		let { element: n, visible: r, dispatch: i, prefix: a } = Object.assign({}, be, t);
 		this.element = n || e.element, this.visibleOnly = typeof r == "boolean" ? r : j.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 || ve(this.element) && this.isVisible(this.element) : !1;
+		return this.element instanceof HTMLElement ? !this.visibleOnly || ye(this.element) && this.isVisible(this.element) : !1;
 	}
 	isVisible(e) {
 		if (this.visibleCallback) {
@@ -375,7 +371,7 @@ var j = {
 			return n instanceof Promise ? await n : n;
 		}
 	}
-}, be = {
+}, xe = {
 	normalize(e) {
 		return typeof e == "string" ? e : "";
 	},
@@ -385,7 +381,7 @@ var j = {
 };
 //#endregion
 //#region src/plumbers/formatters/credit_card.js
-function xe(e) {
+function Se(e) {
 	let t = 0, n = !1;
 	for (let r = e.length - 1; r >= 0; r--) {
 		let i = parseInt(e[r], 10);
@@ -393,15 +389,15 @@ function xe(e) {
 	}
 	return t % 10 == 0;
 }
-var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
+var Ce = /\D/g, we = /^\d{13,19}$/, Te = /(.{4})(?=.)/g, Ee = {
 	normalize(e) {
-		return typeof e == "string" ? e.replace(Se, "") : "";
+		return typeof e == "string" ? e.replace(Ce, "") : "";
 	},
 	validate(e) {
-		return typeof e != "string" || !Ce.test(e) ? !1 : xe(e);
+		return typeof e != "string" || !we.test(e) ? !1 : Se(e);
 	},
 	format(e) {
-		return typeof e == "string" ? e.replace(we, "$1 ") : "";
+		return typeof e == "string" ? e.replace(Te, "$1 ") : "";
 	},
 	cells() {
 		return {
@@ -414,7 +410,7 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 			length: 0
 		};
 	}
-}, N = { 1: 10 }, P = /\D/g, Ee = /^\+\d{7,15}$/, De = {
+}, N = { 1: 10 }, P = /\D/g, De = /^\+\d{7,15}$/, Oe = {
 	normalize(e) {
 		if (typeof e != "string") return "";
 		let t = e.trimStart().startsWith("+"), n = e.replace(P, "");
@@ -422,7 +418,7 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 	},
 	validate(e) {
 		if (typeof e != "string") return !1;
-		if (Ee.test(e)) return !0;
+		if (De.test(e)) return !0;
 		let t = e.replace(P, "");
 		return Object.values(N).includes(t.length);
 	},
@@ -439,16 +435,16 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 		}
 		return e;
 	}
-}, Oe = /[^\d.,-]/g, ke = /^-?\d+(\.\d+)?$/, Ae = {
+}, ke = /[^\d.,-]/g, Ae = /^-?\d+(\.\d+)?$/, je = {
 	normalize(e) {
 		if (typeof e != "string") return "";
-		let t = e.replace(Oe, "");
+		let t = e.replace(ke, "");
 		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" && ke.test(e);
+		return typeof e == "string" && Ae.test(e);
 	},
 	format(e, t = {}) {
 		if (typeof e != "string") return "";
@@ -468,18 +464,18 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 			return e;
 		}
 	}
-}, F = /^\d{4}-\d{2}-\d{2}$/, je = /^(\d{1,4})[/\-.](\d{1,2})[/\-.](\d{1,4})$/, Me = /\D/g, I = {
+}, F = /^\d{4}-\d{2}-\d{2}$/, Me = /^(\d{1,4})[/\-.](\d{1,2})[/\-.](\d{1,4})$/, Ne = /\D/g, I = {
 	normalize(e) {
 		if (typeof e != "string") return "";
 		let t = e.trim();
 		if (F.test(t)) return t;
-		let n = t.match(je);
+		let n = t.match(Me);
 		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(Me, "");
+		let r = t.replace(Ne, "");
 		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)}`;
@@ -509,11 +505,11 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 			return e;
 		}
 	}
-}, Ne = /^([01]?\d|2[0-3]):([0-5]\d)$/, L = {
+}, Pe = /^([01]?\d|2[0-3]):([0-5]\d)$/, L = {
 	normalize(e) {
 		if (typeof e != "string") return "";
 		let t = e.trim();
-		if (Ne.test(t)) {
+		if (Pe.test(t)) {
 			let [e, n] = t.split(":");
 			return `${String(parseInt(e, 10)).padStart(2, "0")}:${n}`;
 		}
@@ -536,14 +532,14 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 		let a = r < 12 ? "AM" : "PM";
 		return `${r % 12 || 12}:${i} ${a}`;
 	}
-}, Pe = {
+}, R = {
 	digits: /[^0-9]/g,
 	letters: /[^a-zA-Z]/g,
 	alphanumeric: /[^0-9a-zA-Z]/g
 }, Fe = {
 	normalize(e, t = {}) {
 		if (typeof e != "string") return "";
-		let n = Pe[t.charset] ?? Pe.alphanumeric, r = e.replace(n, "").toUpperCase(), i = t.length ?? 0;
+		let n = R[t.charset] ?? R.alphanumeric, r = e.replace(n, "").toUpperCase(), i = t.length ?? 0;
 		return i > 0 ? r.slice(0, i) : r;
 	},
 	validate(e, t = {}) {
@@ -560,7 +556,7 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 			length: e.length ?? 0
 		};
 	}
-}, R = {
+}, z = {
 	PLAIN: "plain",
 	CREDIT_CARD: "creditCard",
 	PHONE: "phone",
@@ -568,26 +564,26 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 	DATE: "date",
 	TIME: "time",
 	CODE: "code"
-}, z = /* @__PURE__ */ new Map([
-	[R.PLAIN, be],
-	[R.CREDIT_CARD, Te],
-	[R.PHONE, De],
-	[R.CURRENCY, Ae],
-	[R.DATE, I],
-	[R.TIME, L],
-	[R.CODE, Fe]
+}, B = /* @__PURE__ */ new Map([
+	[z.PLAIN, xe],
+	[z.CREDIT_CARD, Ee],
+	[z.PHONE, Oe],
+	[z.CURRENCY, je],
+	[z.DATE, I],
+	[z.TIME, L],
+	[z.CODE, Fe]
 ]), Ie = {
-	type: R.PLAIN,
+	type: z.PLAIN,
 	options: {}
 }, Le = class extends M {
 	static register(e, t) {
-		z.set(e, t);
+		B.set(e, t);
 	}
 	constructor(e, t = {}) {
 		super(e, t), this.type = t.type ?? Ie.type, this.options = t.options ?? Ie.options, this.enhance();
 	}
 	enhance() {
-		let e = this, t = z.get(e.type) ?? z.get(R.PLAIN), n = {
+		let e = this, t = B.get(e.type) ?? B.get(z.PLAIN), n = {
 			normalize: (n) => t.normalize?.(n, e.options) ?? (typeof n == "string" ? n : ""),
 			validate: (n) => t.validate?.(n, e.options) ?? !0,
 			format: (n) => t.format?.(n, e.options) ?? (typeof n == "string" ? n : ""),
@@ -600,7 +596,7 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 			configurable: !0
 		});
 	}
-}, B = (e, t) => new Le(e, t), Re = {
+}, V = (e, t) => new Le(e, t), Re = {
 	groups: [],
 	length: 0
 }, ze = (e) => {
@@ -682,7 +678,7 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 			e.textContent = r[n] ?? "", e.toggleAttribute("data-filled", r[n] != null), e.toggleAttribute("data-caret", t && n === r.length);
 		});
 	}
-}, Ve = (e, t) => new Be(e, t), V = { RULES: "rules" }, H = {
+}, Ve = (e, t) => new Be(e, t), H = { RULES: "rules" }, U = {
 	WEAK: "weak",
 	FINE: "fine",
 	STRONG: "strong"
@@ -692,22 +688,22 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 }, We = (e, t) => {
 	let n = e.pattern == null ? t.length : Ue(e.pattern, t), r = e.min ?? 0, i = e.max ?? Infinity;
 	return n >= r && n <= i;
-}, Ge = (e, t, n) => t > 0 && e === t ? H.STRONG : (t === 0 ? 0 : Math.round(e / t * 100)) < (n.low ?? He.low) ? H.WEAK : H.FINE, U = /* @__PURE__ */ new Map([[V.RULES, { score(e, t = [], n = {}) {
+}, Ge = (e, t, n) => t > 0 && e === t ? U.STRONG : (t === 0 ? 0 : Math.round(e / t * 100)) < (n.low ?? He.low) ? U.WEAK : U.FINE, W = /* @__PURE__ */ new Map([[H.RULES, { score(e, t = [], n = {}) {
 	let r = typeof e == "string" ? e : "", i = t.reduce((e, t) => (e[t.key] = We(t, r), e), {}), a = t.filter((e) => i[e.key]).length;
 	return {
 		value: t.length === 0 ? 0 : Math.round(a / t.length * 100),
 		level: Ge(a, t.length, n),
 		rules: i
 	};
-} }]]), W = class extends M {
+} }]]), Ke = class extends M {
 	static register(e, t) {
-		U.set(e, t);
+		W.set(e, t);
 	}
 	constructor(e, t = {}) {
-		super(e, t), this.type = t.type ?? V.RULES, this.enhance();
+		super(e, t), this.type = t.type ?? H.RULES, this.enhance();
 	}
 	enhance() {
-		let e = U.get(this.type) ?? U.get(V.RULES), t = { score: (t, n, r) => e.score(t, n ?? [], r ?? {}) };
+		let e = W.get(this.type) ?? W.get(H.RULES), t = { score: (t, n, r) => e.score(t, n ?? [], r ?? {}) };
 		Object.defineProperty(this.controller, "strength", {
 			get() {
 				return t;
@@ -715,7 +711,7 @@ var Se = /\D/g, Ce = /^\d{13,19}$/, we = /(.{4})(?=.)/g, Te = {
 			configurable: !0
 		});
 	}
-}, Ke = (e, t) => new W(e, t), qe = /^\d{4}-\d{2}-\d{2}$/;
+}, qe = (e, t) => new Ke(e, t), Je = /^\d{4}-\d{2}-\d{2}$/;
 function G(e) {
 	return e instanceof Date && !isNaN(e);
 }
@@ -724,7 +720,7 @@ function K(...e) {
 	if (e.length === 1) {
 		let t = e[0];
 		if (!t) return;
-		if (typeof t == "string" && qe.test(t)) {
+		if (typeof t == "string" && Je.test(t)) {
 			let [e, n, r] = t.split("-").map(Number), i = new Date(e, n - 1, r);
 			if (G(i)) return i;
 		} else {
@@ -738,7 +734,7 @@ function K(...e) {
 }
 //#endregion
 //#region src/plumbers/calendar.js
-var Je = 7, Ye = 12, q = 10, Xe = {
+var Ye = 7, Xe = 12, q = 10, Ze = {
 	locales: ["default"],
 	today: "",
 	day: null,
@@ -753,15 +749,15 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	disabledYears: [],
 	firstDayOfWeek: 0,
 	onNavigated: "navigated"
-}, Ze = class extends M {
+}, Qe = class extends M {
 	constructor(e, t = {}) {
 		super(e, t);
-		let n = Object.assign({}, Xe, 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 : Xe.firstDayOfWeek;
+		let n = Object.assign({}, Ze, 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 : Ze.firstDayOfWeek;
 		let { disabledDates: s, disabledWeekdays: c, disabledDays: l, disabledMonths: u, disabledYears: d } = n;
 		this.disabledDates = Array.isArray(s) ? s : [], this.disabledWeekdays = Array.isArray(c) ? c : [], this.disabledDays = Array.isArray(l) ? l : [], this.disabledMonths = Array.isArray(u) ? u : [], this.disabledYears = Array.isArray(d) ? d : [];
 		let { today: f, day: p, month: m, year: h } = n;
-		this.now = K(f) || /* @__PURE__ */ new Date(), typeof h == "number" && typeof m == "number" && typeof p == "number" ? this.current = K(h, m, p) : this.current = this.now, this.build(), this.enhance();
+		this.now = K(f) || /* @__PURE__ */ new Date(), this.current = typeof h == "number" && typeof m == "number" && typeof p == "number" ? K(h, m, p) : this.now, this.build(), this.enhance();
 	}
 	build() {
 		this.daysOfWeek = this.buildDaysOfWeek(), this.daysOfMonth = this.buildDaysOfMonth(), this.monthsOfYear = this.buildMonthsOfYear(), this.yearsOfDecade = this.buildYearsOfDecade();
@@ -797,7 +793,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 			let a = new Date(t, e, i);
 			n.push(r(a));
 		}
-		let s = n.length % Je, c = s === 0 ? 0 : Je - s;
+		let s = n.length % Ye, c = s === 0 ? 0 : Ye - s;
 		for (let i = 1; i <= c; i++) {
 			let a = new Date(t, e + 1, i);
 			n.push(r(a));
@@ -806,7 +802,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	}
 	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 < Ye; i++) {
+		for (let i = 0; i < Xe; 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,
@@ -973,7 +969,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 			};
 		} });
 	}
-}, J = (e, t) => new Ze(e, t), Qe = class extends M {
+}, J = (e, t) => new Qe(e, t), $e = class extends M {
 	constructor(e, t = {}) {
 		super(e, t), this.handle = this.handle.bind(this), this.onSelect = t.onSelect || null;
 	}
@@ -999,7 +995,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 			iso: i
 		} });
 	}
-}, $e = class extends M {
+}, et = class extends M {
 	constructor(e, t = {}) {
 		super(e, t), this.handle = this.handle.bind(this);
 	}
@@ -1016,7 +1012,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		let n = parseInt(t.dataset.month, 10);
 		isNaN(n) || this.dispatch("selected", { detail: { month: n } });
 	}
-}, et = class extends M {
+}, tt = class extends M {
 	constructor(e, t = {}) {
 		super(e, t), this.handle = this.handle.bind(this);
 	}
@@ -1033,14 +1029,14 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		let n = parseInt(t.dataset.year, 10);
 		isNaN(n) || this.dispatch("selected", { detail: { year: n } });
 	}
-}, tt = (e, t) => new Qe(e, t), nt = (e, t) => new $e(e, t), rt = (e, t) => new et(e, t), Y = {
+}, nt = (e, t) => new $e(e, t), rt = (e, t) => new et(e, t), it = (e, t) => new tt(e, t), Y = {
 	content: null,
 	url: "",
 	reload: "never",
 	stale: 3600,
 	onLoad: "canLoad",
 	onLoaded: "contentLoaded"
-}, it = class extends M {
+}, at = class extends M {
 	constructor(e, t = {}) {
 		super(e, t);
 		let n = Object.assign({}, Y, t), { content: r, url: i, reload: a, stale: o } = n;
@@ -1079,7 +1075,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		let e = this;
 		Object.assign(this.controller, { load: e.load.bind(e) });
 	}
-}, at = (e, t) => new it(e, t), X = class extends M {
+}, ot = (e, t) => new at(e, t), X = class extends M {
 	observe(e) {
 		this._handler = e, this.events.forEach((t) => window.addEventListener(t, e, !0));
 	}
@@ -1092,21 +1088,21 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 			e.unobserve(), t();
 		};
 	}
-}, ot = {
+}, st = {
 	trigger: null,
 	events: ["click"],
 	onDismissed: "dismissed"
-}, st = class extends X {
+}, ct = class extends X {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { trigger: n, events: r, onDismissed: i } = Object.assign({}, ot, t);
+		let { trigger: n, events: r, onDismissed: i } = Object.assign({}, st, 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 st(e, t), ct = {
+}, Z = (e, t) => new ct(e, t), lt = {
 	anchor: null,
 	events: ["click"],
 	placement: "bottom",
@@ -1114,11 +1110,11 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	onFlipped: "flipped",
 	ariaRole: null,
 	respectMotion: !0
-}, lt = class extends X {
+}, ut = 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({}, ct, 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({}, lt, 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 && E({
 			trigger: this.anchor,
 			target: this.element,
 			role: this.ariaRole
@@ -1136,7 +1132,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}), this.dispatch("flipped", { detail: { placement: e } });
 	};
 	flippedRect(e, t) {
-		let n = this.quadrumRect(e, A()), r = [this.placement, ge[this.placement]], i = {};
+		let n = this.quadrumRect(e, A()), r = [this.placement, _e[this.placement]], i = {};
 		for (; !Object.keys(i).length && r.length > 0;) {
 			let a = r.shift();
 			if (!this.biggerRectThan(n[a], t)) continue;
@@ -1233,11 +1229,11 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	enhance() {
 		super.enhance(), this.controller.flip = this.flip;
 	}
-}, ut = (e, t) => new lt(e, t), dt = {
+}, dt = (e, t) => new ut(e, t), ft = {
 	moveKey: "Alt",
 	onMoved: null,
 	orientation: "vertical"
-}, ft = {
+}, pt = {
 	vertical: {
 		back: "ArrowUp",
 		forward: "ArrowDown"
@@ -1246,11 +1242,11 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		back: "ArrowLeft",
 		forward: "ArrowRight"
 	}
-}, pt = class extends M {
+}, mt = class extends M {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { moveKey: n, onMoved: r, orientation: i } = Object.assign({}, dt, t);
-		this.moveKey = u[n] ? n : dt.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({}, ft, t);
+		this.moveKey = u[n] ? n : ft.moveKey, this.onMoved = r, this.orientation = i, this.draggingItem = null, this.onKeydown = this.onKeydown.bind(this);
 	}
 	get items() {
 		return this.controller.itemTargets;
@@ -1268,7 +1264,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		e.forEach((e) => this.detachItem(e));
 	}
 	resolveMoveKeys(e) {
-		let { back: t, forward: n } = ft[this.orientation];
+		let { back: t, forward: n } = pt[this.orientation];
 		return this.orientation === "horizontal" && getComputedStyle(e).direction === "rtl" ? {
 			back: n,
 			forward: t
@@ -1307,9 +1303,9 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		return this.draggingItem = null, this.dispatch("reordered", { detail: { itemIds: this.orderedIds() } }), n;
 	}
 	midpointOf(e) {
-		return _e(e.getBoundingClientRect(), this.orientation);
+		return ve(e.getBoundingClientRect(), this.orientation);
 	}
-}, mt = (e, t) => new pt(e, t), ht = {
+}, ht = (e, t) => new mt(e, t), gt = {
 	events: ["resize"],
 	boundaries: [
 		"top",
@@ -1318,10 +1314,10 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	],
 	onShifted: "shifted",
 	respectMotion: !0
-}, gt = class extends X {
+}, _t = class extends X {
 	constructor(e, t = {}) {
 		super(e, t);
-		let { onShifted: n, events: r, boundaries: i, respectMotion: a } = Object.assign({}, ht, t);
+		let { onShifted: n, events: r, boundaries: i, respectMotion: a } = Object.assign({}, gt, 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 () => {
@@ -1338,7 +1334,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 			height: e.height
 		});
 		for (let e of this.boundaries) {
-			let t = this.directionDistance(i, e, r), a = ge[e];
+			let t = this.directionDistance(i, e, r), a = _e[e];
 			t < 0 ? i[a] + t >= r[a] && !n[a] && (n[e] = t) : n[e] = "";
 		}
 		return n;
@@ -1370,13 +1366,13 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	enhance() {
 		super.enhance(), this.controller.shift = this.shift;
 	}
-}, _t = (e, t) => new gt(e, t), vt = {
+}, vt = (e, t) => new _t(e, t), yt = {
 	visibility: "visibility",
 	onShown: "shown",
 	onHidden: "hidden"
-}, yt = class extends M {
+}, bt = class extends M {
 	constructor(e, t = {}) {
-		let { visibility: n, onShown: r, onHidden: i, activator: a } = Object.assign({}, vt, t), o = typeof n == "string" ? n : vt.namespace, s = typeof t.visible == "string" ? t.visible : "isVisible";
+		let { visibility: n, onShown: r, onHidden: i, activator: a } = Object.assign({}, yt, t), o = typeof n == "string" ? n : yt.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) {
@@ -1409,7 +1405,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 			return t;
 		} });
 	}
-}, Q = (e, t) => new yt(e, t), bt = 4, xt = class extends e {
+}, Q = (e, t) => new bt(e, t), xt = 4, St = class extends e {
 	static targets = ["grid"];
 	static values = {
 		current: Number,
@@ -1431,7 +1427,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}
 	};
 	initialize() {
-		this.selector = rt(this), J(this, {
+		this.selector = it(this), J(this, {
 			today: this.todayValue,
 			year: this.currentValue || void 0,
 			since: this.sinceValue || null,
@@ -1475,17 +1471,17 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}
 		let a = document.createElement("div");
 		a.setAttribute("role", "rowgroup");
-		for (let e = 0; e < i.length; e += bt) {
+		for (let e = 0; e < i.length; e += xt) {
 			let t = document.createElement("div");
 			t.setAttribute("role", "row");
-			for (let n of i.slice(e, e + bt)) t.appendChild(n);
+			for (let n of i.slice(e, e + xt)) t.appendChild(n);
 			a.appendChild(t);
 		}
 		this.gridTarget.replaceChildren(a);
 	}
-}, St = class extends e {
+}, Ct = class extends e {
 	initialize() {
-		this.selector = rt(this);
+		this.selector = it(this);
 	}
 	connect() {
 		this.selector.attach();
@@ -1493,7 +1489,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	disconnect() {
 		this.selector.detach();
 	}
-}, Ct = class extends e {
+}, wt = class extends e {
 	static targets = ["daysOfWeek", "daysOfMonth"];
 	static classes = [
 		"dayOfWeek",
@@ -1538,7 +1534,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}
 	};
 	initialize() {
-		this.selector = tt(this, { onSelect: "select" }), J(this, {
+		this.selector = nt(this, { onSelect: "select" }), J(this, {
 			today: this.todayValue,
 			since: this.sinceValue || null,
 			till: this.tillValue || null
@@ -1627,9 +1623,9 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}
 		this.daysOfMonthTarget.replaceChildren(...r);
 	}
-}, wt = class extends e {
+}, Tt = class extends e {
 	initialize() {
-		this.selector = tt(this);
+		this.selector = nt(this);
 	}
 	connect() {
 		this.selector.attach();
@@ -1637,7 +1633,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	disconnect() {
 		this.selector.detach();
 	}
-}, Tt = 4, Et = class extends e {
+}, Et = 4, Dt = class extends e {
 	static targets = ["grid"];
 	static values = {
 		current: Number,
@@ -1667,7 +1663,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}
 	};
 	initialize() {
-		this.selector = nt(this), J(this, {
+		this.selector = rt(this), J(this, {
 			today: this.todayValue,
 			year: this.currentValue || void 0,
 			since: this.sinceValue || null,
@@ -1712,17 +1708,17 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}
 		let o = document.createElement("div");
 		o.setAttribute("role", "rowgroup");
-		for (let e = 0; e < i.length; e += Tt) {
+		for (let e = 0; e < i.length; e += Et) {
 			let t = document.createElement("div");
 			t.setAttribute("role", "row");
-			for (let n of i.slice(e, e + Tt)) t.appendChild(n);
+			for (let n of i.slice(e, e + Et)) t.appendChild(n);
 			o.appendChild(t);
 		}
 		this.gridTarget.replaceChildren(o);
 	}
-}, Dt = class extends e {
+}, Ot = class extends e {
 	initialize() {
-		this.selector = nt(this);
+		this.selector = rt(this);
 	}
 	connect() {
 		this.selector.attach();
@@ -1730,7 +1726,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	disconnect() {
 		this.selector.detach();
 	}
-}, Ot = class extends e {
+}, kt = class extends e {
 	static targets = ["master", "item"];
 	connect() {
 		this.recompute();
@@ -1750,7 +1746,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	enabledItems() {
 		return this.itemTargets.filter((e) => !e.disabled);
 	}
-}, kt = class extends e {
+}, At = class extends e {
 	static targets = ["source"];
 	static values = { contentType: {
 		type: String,
@@ -1784,7 +1780,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	"month",
 	"year",
 	"decade"
-], At = class extends e {
+], jt = class extends e {
 	static targets = [
 		"previous",
 		"next",
@@ -1921,7 +1917,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}
 		this.hasCalendarYearOutlet && b(this.calendarYearOutletElement, !t), this.hasCalendarDecadeOutlet && b(this.calendarDecadeOutletElement, !n);
 	}
-}, jt = class extends e {
+}, Mt = class extends e {
 	static targets = [
 		"listbox",
 		"loading",
@@ -1952,7 +1948,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	}
 	onSelect(e) {
 		let t = e.target.closest("[role=\"option\"]");
-		!t || C(t) || this.select(t.dataset.value ?? "");
+		!t || ie(t) || this.select(t.dataset.value ?? "");
 	}
 	select(e) {
 		let t = this.listboxTarget.querySelectorAll("[role=\"option\"]");
@@ -1975,7 +1971,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 				e.name !== "AbortError" && console.error("[combobox-dropdown] fetch failed", e);
 			}).finally(() => this.setLoading(!1)), this.delayValue);
 		} else {
-			let t = he(this.listboxTarget, e);
+			let t = ge(this.listboxTarget, e);
 			this.setEmpty(t === 0);
 		}
 	}
@@ -1988,7 +1984,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	setEmpty(e) {
 		this.hasEmptyTarget && b(this.emptyTarget, !e);
 	}
-}, Mt = class extends e {
+}, Nt = class extends e {
 	static targets = [
 		"hour",
 		"minute",
@@ -2024,12 +2020,12 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	selectedValue(e) {
 		return e?.querySelector("[aria-selected=\"true\"]")?.dataset.value ?? null;
 	}
-}, Nt = class extends e {
+}, Pt = class extends e {
 	static targets = ["trigger"];
 	connect() {
 		Z(this, { trigger: this.hasTriggerTarget ? this.triggerTarget : null });
 	}
-}, Pt = class extends e {
+}, Ft = class extends e {
 	static targets = ["anchor", "reference"];
 	static values = {
 		placement: {
@@ -2054,7 +2050,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 			console.error("FlipperController requires an anchor target. Add data-flipper-target=\"anchor\" to your element.");
 			return;
 		}
-		ut(this, {
+		dt(this, {
 			element: this.referenceTarget,
 			anchor: this.anchorTarget,
 			placement: this.placementValue,
@@ -2062,7 +2058,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 			ariaRole: this.roleValue
 		});
 	}
-}, Ft = class extends e {
+}, It = class extends e {
 	static targets = ["trigger", "input"];
 	static values = {
 		value: String,
@@ -2087,7 +2083,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	valueValueChanged(e) {
 		this.hasInputTarget && (this.inputTarget.value = e), this.dispatch("changed", { detail: { value: e } });
 	}
-}, It = class extends e {
+}, Lt = class extends e {
 	static targets = ["input", "cell"];
 	static values = {
 		format: {
@@ -2104,19 +2100,19 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}
 	};
 	connect() {
-		B(this, {
+		V(this, {
 			type: this.formatValue,
 			options: this.optionsValue
 		}), this.attachCells(), this.primeFilledState(), this.format(this.readValue());
 	}
 	formatValueChanged() {
-		this.formatter && (B(this, {
+		this.formatter && (V(this, {
 			type: this.formatValue,
 			options: this.optionsValue
 		}), this.attachCells(), this.primeFilledState(), this.format(this.readValue()));
 	}
 	optionsValueChanged() {
-		this.formatter && (B(this, {
+		this.formatter && (V(this, {
 			type: this.formatValue,
 			options: this.optionsValue
 		}), this.attachCells(), this.primeFilledState(), this.format(this.readValue()));
@@ -2188,7 +2184,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	primeFilledState() {
 		this.wasFull = this.isFull(this.formatter.normalize(this.readValue()));
 	}
-}, Lt = class extends e {
+}, Rt = class extends e {
 	static targets = ["input", "clear"];
 	initialize() {
 		this.onInput = this.draw.bind(this), this.onEscape = this.handleEscape.bind(this);
@@ -2211,7 +2207,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	handleEscape(e) {
 		e.key === "Escape" && this.inputTarget.value !== "" && (e.preventDefault(), this.clear());
 	}
-}, Rt = class extends e {
+}, zt = class extends e {
 	static targets = [
 		"input",
 		"toggle",
@@ -2244,7 +2240,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		let e = this.revealedValue ? this.concealLabelValue : this.revealLabelValue;
 		e && this.toggleTarget.setAttribute("aria-label", e);
 	}
-}, zt = class extends e {
+}, Bt = class extends e {
 	static targets = ["modal", "overlay"];
 	initialize() {
 		this.onCancel = this.close.bind(this);
@@ -2276,12 +2272,12 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		let t = this.modalTarget.getBoundingClientRect();
 		(e.clientY < t.top || e.clientY > t.bottom || e.clientX < t.left || e.clientX > t.right) && this.close();
 	};
-}, Bt = class extends e {
+}, Vt = class extends e {
 	static targets = ["content"];
 	connect() {
-		_t(this, { element: this.hasContentTarget ? this.contentTarget : null });
+		vt(this, { element: this.hasContentTarget ? this.contentTarget : null });
 	}
-}, Vt = class extends e {
+}, Ht = class extends e {
 	static targets = [
 		"input",
 		"rule",
@@ -2313,7 +2309,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}
 	};
 	connect() {
-		this._requestor = new O(), this._level = null, Ke(this, { type: this.scorerValue }), this.score();
+		this._requestor = new O(), this._level = null, qe(this, { type: this.scorerValue }), this.score();
 	}
 	disconnect() {
 		this._requestor?.cancel();
@@ -2342,7 +2338,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 			this.levelTarget.textContent = t;
 		}, this.announceDelayValue);
 	}
-}, Ht = class extends e {
+}, Ut = class extends e {
 	static targets = [
 		"trigger",
 		"panel",
@@ -2374,7 +2370,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}
 	};
 	connect() {
-		at(this, {
+		ot(this, {
 			element: this.hasPanelTarget ? this.panelTarget : null,
 			url: this.hasUrlValue ? this.urlValue : null
 		}), this.hasPanelTarget && (Q(this, {
@@ -2425,8 +2421,17 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	contentLoader() {
 		if (this.hasTemplateTarget) return this.templateTarget instanceof HTMLTemplateElement ? this.templateTarget.content : this.templateTarget.innerHTML;
 	}
-}, Ut = class extends e {
-	static targets = ["fill", "meter"];
+}, Wt = [
+	"percent",
+	"value",
+	"value_max"
+], Gt = class extends e {
+	static targets = [
+		"fill",
+		"input",
+		"meter",
+		"value"
+	];
 	static values = {
 		variant: {
 			type: String,
@@ -2458,13 +2463,17 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		segmentMode: {
 			type: String,
 			default: "discrete"
+		},
+		format: {
+			type: String,
+			default: ""
 		}
 	};
 	connect() {
-		this.variantValue === "ring" && this.hasFillTarget && this.setCircumference(this.fillTarget), this.render();
+		this.variantValue === "ring" && this.hasFillTarget && this.setCircumference(this.fillTarget), this.variantValue === "range" && (this.currentValue = Number(this.rangeInput.value)), this.render();
 	}
 	setValue(e) {
-		this.currentValue = this.clamp(e), this.render(), this.dispatch("changed", { detail: {
+		this.currentValue = this.clamp(e), this.variantValue === "range" && (this.rangeInput.value = `${this.currentValue}`), this.render(), this.dispatch("changed", { detail: {
 			value: this.currentValue,
 			min: this.minValue,
 			max: this.maxValue
@@ -2479,15 +2488,39 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	render() {
 		switch (this.variantValue) {
 			case "meter": return this.renderMeter();
+			case "range": return this.renderRange();
 			case "ring":
 			case "bar":
-			case "segmented": return T(this.element, this.minValue), E(this.element, this.maxValue), ie(this.element, this.indeterminateValue ? null : this.currentValue), this.element.classList.toggle("sp-progress-indeterminate", this.indeterminateValue), this.variantValue === "ring" ? this.renderRing() : this.variantValue === "segmented" ? this.renderSegmented() : this.renderBar();
+			case "segmented": return oe(this.element, this.minValue), se(this.element, this.maxValue), ce(this.element, this.indeterminateValue ? null : this.clamp(this.currentValue)), this.element.classList.toggle("sp-progress-indeterminate", this.indeterminateValue), this.renderValueText(), this.variantValue === "ring" ? this.renderRing() : this.variantValue === "segmented" ? this.renderSegmented() : this.renderBar();
 			default: return;
 		}
 	}
 	percent() {
 		let e = this.maxValue - this.minValue;
-		return e <= 0 ? 0 : (this.currentValue - this.minValue) / e * 100;
+		return e <= 0 ? 0 : (this.clamp(this.currentValue) - this.minValue) / e * 100;
+	}
+	formattedValue() {
+		let e = this.clamp(this.currentValue);
+		switch (this.formatValue) {
+			case "percent": return `${Math.round(this.percent())}%`;
+			case "value": return `${e}`;
+			case "value_max": return `${e} / ${this.maxValue}`;
+			default: return "";
+		}
+	}
+	renderValueText() {
+		if (!this.hasValueTarget || !Wt.includes(this.formatValue)) return;
+		let e = this.indeterminateValue ? "" : this.formattedValue();
+		this.valueTarget.textContent = e, this.formatValue !== "percent" && this.variantValue !== "range" && C(this.element, e || null);
+	}
+	get rangeInput() {
+		return this.hasInputTarget ? this.inputTarget : this.element;
+	}
+	refresh() {
+		this.setValue(Number(this.rangeInput.value));
+	}
+	renderRange() {
+		this.rangeInput.style.setProperty("--sp-progress-percent", `${this.percent()}`), this.renderValueText();
 	}
 	renderBar() {
 		if (this.hasFillTarget) {
@@ -2495,7 +2528,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 				this.fillTarget.style.width = `${this.indeterminateFractionValue * 100}%`;
 				return;
 			}
-			this.fillTarget.style.width = `${this.percent()}%`;
+			this.fillTarget.style.width = `${this.percent()}%`, this.element.style.setProperty("--sp-progress-percent", `${this.percent()}`);
 		}
 	}
 	renderSegmented() {
@@ -2532,7 +2565,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		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);
 	}
-}, Wt = class extends e {
+}, Kt = class extends e {
 	static targets = [
 		"item",
 		"handle",
@@ -2553,7 +2586,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		}
 	};
 	connect() {
-		this.reorderable = mt(this, {
+		this.reorderable = ht(this, {
 			moveKey: this.moveKeyValue,
 			orientation: this.orientationValue,
 			onMoved: "moved"
@@ -2569,7 +2602,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		this.reorderable?.detachItem(e), this.rovingTabIndex?.updateItems(this.itemTargets);
 	}
 	editingValueChanged(e) {
-		this.triggerTargets.forEach((t) => w(t, e));
+		this.triggerTargets.forEach((t) => ae(t, e));
 	}
 	toggleEditing() {
 		this.editingValue = !this.editingValue;
@@ -2594,7 +2627,7 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	moved(e) {
 		this.rovingTabIndex?.updateItems(this.itemTargets), this.rovingTabIndex.setCurrentIndex(this.itemTargets.indexOf(e));
 	}
-}, Gt = class extends e {
+}, qt = class extends e {
 	static targets = [
 		"trigger",
 		"detail",
@@ -2651,13 +2684,13 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 		let t = I.format(e.getAttribute("datetime"), this.dateFormatValue);
 		t && (e.textContent = t);
 	}
-}, Kt = class extends e {
+}, Jt = class extends e {
 	static targets = ["content"];
 	connect() {
 		Z(this);
 	}
 	contentTargetConnected(e) {
-		_t(this, { element: e }), Q(this, { element: e });
+		vt(this, { element: e }), Q(this, { element: e });
 	}
 	async dismissed() {
 		this.hasContentTarget && await this.visibility.hide();
@@ -2667,6 +2700,6 @@ var Je = 7, Ye = 12, q = 10, Xe = {
 	}
 };
 //#endregion
-export { ae as ARIA_HASPOPUP_VALUES, xt as CalendarDecadeController, St as CalendarDecadeSelectorController, Ct as CalendarMonthController, wt as CalendarMonthSelectorController, Et as CalendarYearController, Dt as CalendarYearSelectorController, Be as CharacterCells, Ot as ChecklistController, kt as ClipboardController, At as ComboboxDateController, jt as ComboboxDropdownController, Mt as ComboboxTimeController, Nt as DismisserController, t as FOCUSABLE_SELECTOR, R as FORMATTER_TYPES, Pt as FlipperController, a as FocusTrap, Le as Formatter, Lt as InputClearableController, Ft as InputComboboxController, It as InputFormatterController, Rt as InputRevealableController, f as ListboxNavigation, u as MODIFIER_KEYS, zt as ModalController, Bt as PannerController, W as PasswordStrength, Vt as PasswordStrengthController, Ht as PopoverController, Ut as ProgressController, Wt as ReorderableController, O as Requestor, d as RovingTabIndex, V as STRENGTH_TYPES, Gt as TimelineController, Kt as VisibilityController, m as announce, Ve as attachCharacterCells, Ke as attachPasswordStrength, se as connectTriggerToTarget, le as disconnectTriggerFromTarget, ee as ensureId, he as filterOptions, i as focusFirst, ue 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, ie as setValueNow };
+export { le as ARIA_HASPOPUP_VALUES, St as CalendarDecadeController, Ct as CalendarDecadeSelectorController, wt as CalendarMonthController, Tt as CalendarMonthSelectorController, Dt as CalendarYearController, Ot as CalendarYearSelectorController, Be as CharacterCells, kt as ChecklistController, At as ClipboardController, jt as ComboboxDateController, Mt as ComboboxDropdownController, Nt as ComboboxTimeController, Pt as DismisserController, t as FOCUSABLE_SELECTOR, z as FORMATTER_TYPES, Ft as FlipperController, a as FocusTrap, Le as Formatter, Rt as InputClearableController, It as InputComboboxController, Lt as InputFormatterController, zt as InputRevealableController, f as ListboxNavigation, u as MODIFIER_KEYS, Bt as ModalController, Vt as PannerController, Ke as PasswordStrength, Ht as PasswordStrengthController, Ut as PopoverController, Gt as ProgressController, Kt as ReorderableController, O as Requestor, d as RovingTabIndex, H as STRENGTH_TYPES, qt as TimelineController, Jt as VisibilityController, m as announce, Ve as attachCharacterCells, qe as attachPasswordStrength, E as connectTriggerToTarget, ue as disconnectTriggerFromTarget, ee as ensureId, ge as filterOptions, i as focusFirst, de as fuzzyMatcher, h as generateId, n as getFocusableElements, s as isActivationKey, ie 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, ae as setDisabled, _ as setExpanded, b as setHidden, ne as setPressed, v as setSelected, se as setValueMax, oe as setValueMin, ce as setValueNow, C as setValueText };
 
 //# sourceMappingURL=index.es.js.map