courthive-components 6.11.0 → 6.12.0

package/dist/{range-CbB5sPGX.mjs → range-C-KhEV-d.mjs}

@@ -1,66 +1,91 @@
-//#region node_modules/.pnpm/timepicker-ui@4.5.0/node_modules/timepicker-ui/dist/plugins/range.js
-var e = /^(0?[1-9]|1[0-2]):([0-5]?\d)(?::([0-5]?\d))?\s*(AM|PM)$/i, t = /^([01]?\d|2[0-3]):([0-5]?\d)(?::([0-5]?\d))?$/, n = (e) => String(e).padStart(2, "0");
-function r(r, i) {
-	let a = r.trim().match(i.clockType === "12h" ? e : t);
+//#region node_modules/.pnpm/timepicker-ui@4.6.0/node_modules/timepicker-ui/dist/plugins/range.js
+var e = /^(0?[1-9]|1[0-2]):([0-5]?\d)(?::([0-5]?\d))?\s*(AM|PM)$/i, t = /^([01]?\d|2[0-3]):([0-5]?\d)(?::([0-5]?\d))?$/, n = /^\s*\d{1,2}:\d{1,2}:\d{1,2}/, r = (e) => String(e).padStart(2, "0");
+function i(n, i) {
+	let a = n.trim().match(i.clockType === "12h" ? e : t);
 	if (!a) return null;
 	let o = {
-		hour: n(a[1]),
-		minutes: n(a[2])
+		hour: r(a[1]),
+		minutes: r(a[2])
 	};
-	return i.showSeconds && (o.seconds = n(a[3] ?? "0")), i.clockType === "12h" && (o.type = a[4].toUpperCase()), o;
+	return i.showSeconds && (o.seconds = r(a[3] ?? "0")), i.clockType === "12h" && (o.type = a[4].toUpperCase()), o;
 }
-var i = (e, t, n) => {
+function a(e) {
+	return n.test(e);
+}
+function o(e, t) {
+	let n = `${r(e.hour)}:${r(e.minutes)}`, i = t.showSeconds ? `${n}:${r(e.seconds ?? "0")}` : n;
+	return t.clockType === "12h" && e.type ? `${i} ${e.type}` : i;
+}
+var s = (e, t, n) => {
 	if (n !== "12h" || !t) return e;
 	let r = t.toUpperCase();
 	return r === "PM" && e !== 12 ? e + 12 : r === "AM" && e === 12 ? 0 : e;
 };
-function a(e, t) {
-	let n = parseInt(e.hour, 10), r = parseInt(e.minutes, 10), a = parseInt(e.seconds ?? "0", 10);
-	return Number.isNaN(n) || Number.isNaN(r) || Number.isNaN(a) ? 0 : i(n, e.type, t) * 3600 + r * 60 + a;
+function c(e, t, n) {
+	return n === "24h" ? {
+		hour: r(e),
+		...t,
+		type: void 0
+	} : {
+		hour: r(e % 12 || 12),
+		...t,
+		type: e >= 12 ? "PM" : "AM"
+	};
+}
+function l(e, t, n) {
+	let i = s(parseInt(e.hour, 10), e.type, t), a = n.showSeconds ? r(e.seconds ?? "0") : void 0;
+	return c(i, {
+		minutes: e.minutes,
+		seconds: a
+	}, n.clockType);
+}
+function u(e, t) {
+	let n = parseInt(e.hour, 10), r = parseInt(e.minutes, 10), i = parseInt(e.seconds ?? "0", 10);
+	return Number.isNaN(n) || Number.isNaN(r) || Number.isNaN(i) ? 0 : s(n, e.type, t) * 3600 + r * 60 + i;
 }
-var o = "--", s = (e) => e.startsWith(o);
-function c(e = !1) {
+var d = "--", f = (e) => e.startsWith(d);
+function p(e = !1) {
 	return e ? "--:--:--" : "--:--";
 }
-function l(e, t = !1) {
-	if (!e || s(e)) return null;
-	let n = (n) => r(e, {
+function m(e, t = !1) {
+	if (!e || f(e)) return null;
+	let n = (n) => i(e, {
 		clockType: n,
 		showSeconds: t
 	});
 	return n("12h") ?? n("24h");
 }
-function u(e, t = !1) {
-	let r = `${e.hour}:${n(e.minutes)}`, i = t ? `${r}:${n(e.seconds ?? "0")}` : r;
+function h(e, t = !1) {
+	let n = `${e.hour}:${r(e.minutes)}`, i = t ? `${n}:${r(e.seconds ?? "0")}` : n;
 	return e.type ? `${i} ${e.type}` : i;
 }
-function d(e, t = !1) {
-	return e ? u(e, t) : c(t);
+function g(e, t = !1) {
+	return e ? h(e, t) : p(t);
 }
-function f(e, t, n) {
-	return !e || !t ? 0 : a(t, n) - a(e, n);
+function _(e, t, n) {
+	return !e || !t ? 0 : u(t, n) - u(e, n);
 }
-function p(e, t, n) {
-	return Math.floor(f(e, t, n) / 60);
+function v(e, t, n) {
+	return Math.floor(_(e, t, n) / 60);
 }
-function m(e, t) {
+function y(e, t) {
 	return e ? t === "12h" ? !!(e.hour && e.minutes && e.type) : !!(e.hour && e.minutes) : !1;
 }
-function h(e, t = !1) {
+function b(e, t = !1) {
 	if (!e || !e.includes(" - ")) return {
 		from: null,
 		to: null
 	};
 	let n = e.split(" - ").map((e) => e.trim());
-	return n.length !== 2 || n.some(s) ? {
+	return n.length !== 2 || n.some(f) ? {
 		from: null,
 		to: null
 	} : {
-		from: l(n[0], t),
-		to: l(n[1], t)
+		from: m(n[0], t),
+		to: m(n[1], t)
 	};
 }
-var g = (e) => Array.from({ length: e }, (e, t) => n(t)), _ = class {
+var x = (e) => Array.from({ length: e }, (e, t) => r(t)), S = class {
 	activePart = "from";
 	fromValue = null;
 	toValue = null;
@@ -70,9 +95,10 @@ var g = (e) => Array.from({ length: e }, (e, t) => n(t)), _ = class {
 	maxDuration;
 	emitter;
 	showSeconds;
+	linked;
 	chosenFields = /* @__PURE__ */ new Set();
-	constructor(e, t, n, r, i = !1) {
-		this.clockType = e, this.minDuration = t, this.maxDuration = n, this.emitter = r, this.showSeconds = i;
+	constructor(e, t, n, r, i = !1, a = !0) {
+		this.clockType = e, this.minDuration = t, this.maxDuration = n, this.emitter = r, this.showSeconds = i, this.linked = a;
 	}
 	getActivePart() {
 		return this.activePart;
@@ -96,25 +122,27 @@ var g = (e) => Array.from({ length: e }, (e, t) => n(t)), _ = class {
 		this.previewValue = e;
 	}
 	isFromComplete() {
-		return m(this.fromValue, this.clockType);
+		return y(this.fromValue, this.clockType);
 	}
 	isToComplete() {
-		return m(this.toValue, this.clockType);
+		return y(this.toValue, this.clockType);
 	}
 	canSwitchToEnd() {
-		return this.isFromComplete();
+		return !this.linked || this.isFromComplete();
 	}
 	getCompletePreview(e) {
 		let t = this.previewValue;
 		if (!t || this.activePart !== e) return null;
-		let n = [t.minutes, t.seconds ?? ""].some(s);
-		return m(t, this.clockType) && !n ? t : null;
+		let n = [t.minutes, t.seconds ?? ""].some(f);
+		return y(t, this.clockType) && !n ? t : null;
 	}
 	getPendingFrom() {
 		return this.isFromComplete() ? null : this.getCompletePreview("from");
 	}
 	canConfirm() {
-		let e = this.chosenFields.size > 0 ? this.getCompletePreview("to") : null, t = this.isFromComplete() && this.isToComplete() ? this.toValue : null, n = f(this.fromValue, e ?? t, this.clockType);
+		let e = this.chosenFields.size > 0 ? this.getCompletePreview("to") : null, t = this.isFromComplete() && this.isToComplete() ? this.toValue : null;
+		if (!this.linked) return this.isFromComplete() && (e ?? t) !== null;
+		let n = _(this.fromValue, e ?? t, this.clockType);
 		return n > 0 && this.isWithinLimits(n);
 	}
 	isWithinLimits(e) {
@@ -133,17 +161,17 @@ var g = (e) => Array.from({ length: e }, (e, t) => n(t)), _ = class {
 		this.previewValue &&= (this.activePart === "from" ? this.fromValue = this.previewValue : this.toValue = this.previewValue, null);
 	}
 	getDurationSeconds() {
-		return f(this.fromValue, this.toValue, this.clockType);
+		return _(this.fromValue, this.toValue, this.clockType);
 	}
 	getDuration() {
-		return p(this.fromValue, this.toValue, this.clockType);
+		return v(this.fromValue, this.toValue, this.clockType);
 	}
 	validate() {
 		if (!this.fromValue || !this.toValue) return {
 			valid: !0,
 			duration: 0
 		};
-		let e = this.getDuration(), t = this.getDurationSeconds(), n = this.isWithinLimits(t), r = this.showSeconds ? {
+		let e = this.getDuration(), t = this.getDurationSeconds(), n = !this.linked || this.isWithinLimits(t), r = this.showSeconds ? {
 			valid: n,
 			duration: e,
 			durationSeconds: t
@@ -158,45 +186,88 @@ var g = (e) => Array.from({ length: e }, (e, t) => n(t)), _ = class {
 		}), r;
 	}
 	getDisabledTimeForEndPart() {
-		if (this.activePart === "from" || !this.fromValue || !this.isFromComplete()) return null;
+		if (!this.linked || this.activePart === "from" || !this.fromValue || !this.isFromComplete()) return null;
 		let e = parseInt(this.fromValue.hour, 10), t = parseInt(this.fromValue.minutes, 10), n = {
 			hours: [],
-			minutes: g(t),
+			minutes: x(t),
 			fromHour: e
 		};
-		return this.clockType === "24h" ? n.hours = g(e) : n.fromType = this.fromValue.type, this.showSeconds && (n.seconds = g(parseInt(this.fromValue.seconds ?? "0", 10)), n.fromMinute = t), n;
+		return this.clockType === "24h" ? n.hours = x(e) : n.fromType = this.fromValue.type, this.showSeconds && (n.seconds = x(parseInt(this.fromValue.seconds ?? "0", 10)), n.fromMinute = t), n;
 	}
 	reset() {
 		this.activePart = "from", this.fromValue = null, this.toValue = null, this.previewValue = null, this.chosenFields.clear();
 	}
-}, v = (e, t, n) => {
+}, C = (e, t, n) => {
 	e?.classList.toggle(t, n);
-}, y = (e, t, n) => {
+}, w = (e, t, n) => {
 	n ? e.getAttribute(t) !== n && e.setAttribute(t, n) : e.removeAttribute(t);
-}, b = (e, t) => {
-	e && y(e, "aria-pressed", String(t));
-}, x = (e, t) => {
-	v(e, "active", t), b(e, t);
-}, S = (e, t, n) => {
-	x(e, n === "AM"), x(t, n === "PM");
-}, C = [
+}, T = (e, t) => {
+	e && w(e, "aria-pressed", String(t));
+}, E = (e, t) => {
+	C(e, "active", t), T(e, t);
+}, D = (e, t, n) => {
+	E(e, n === "AM"), E(t, n === "PM");
+}, O = [
 	"aria-label",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-valuetext"
-], w = (e) => {
+], k = (e) => {
 	if (!e) return;
 	let t = e.querySelector(".tp-ui-clock-face");
 	if (!t) return;
 	let n = e.querySelector("input.active") ?? e.querySelector(".tp-ui-hour");
-	C.forEach((e) => y(t, e, n?.getAttribute(e)));
-}, T = (e, t) => {
+	O.forEach((e) => w(t, e, n?.getAttribute(e)));
+}, A = (e, t) => {
 	if (!e) return;
 	e.value = t;
 	let n = parseInt(t, 10), r = !Number.isNaN(n);
-	y(e, "aria-valuenow", r && String(n)), y(e, "aria-valuetext", r && t), w(e.closest(".tp-ui-modal"));
-}, E = class {
+	w(e, "aria-valuenow", r && String(n)), w(e, "aria-valuetext", r && t), k(e.closest(".tp-ui-modal"));
+};
+function j(e) {
+	return e.clock.type === "24h" ? "24h" : "12h";
+}
+function M(e) {
+	return {
+		clockType: j(e),
+		showSeconds: !!e.clock.showSeconds
+	};
+}
+var N = {
+	hour: {
+		input: "getHour",
+		event: "select:hour",
+		announce: "announceHour"
+	},
+	minutes: {
+		input: "getMinutes",
+		event: "select:minute",
+		announce: "announceMinute"
+	},
+	seconds: {
+		input: "getSeconds",
+		event: "select:second",
+		announce: "second"
+	}
+}, P = [
+	"hour",
+	"minutes",
+	"seconds"
+], F = (e, t) => e[N[t].input](), I = (e, t, n) => {
+	e.emit(N[t].event, { [t]: n });
+}, L = (e, t) => {
+	P.forEach((n) => C(F(e, n), "active", n === t)), k(e.getModalElement());
+};
+function R(e) {
+	let t = {
+		hour: e.getHour()?.value,
+		minutes: e.getMinutes()?.value,
+		type: e.getActiveType()
+	};
+	return e.options.clock.showSeconds && (t.seconds = e.getSeconds()?.value ?? "00"), t;
+}
+var z = class {
 	core;
 	state;
 	constructor(e, t) {
@@ -205,7 +276,7 @@ var g = (e) => Array.from({ length: e }, (e, t) => n(t)), _ = class {
 	updateTabs() {
 		let e = this.core.getModalElement();
 		if (!e) return;
-		let t = e.querySelector(".tp-ui-range-tab.tp-ui-range-from"), n = e.querySelector(".tp-ui-range-tab.tp-ui-range-to"), r = this.state.getActivePart() === "from", i = this.state.isFromComplete() || this.state.getPendingFrom() !== null;
+		let t = e.querySelector(".tp-ui-range-tab.tp-ui-range-from"), n = e.querySelector(".tp-ui-range-tab.tp-ui-range-to"), r = this.state.getActivePart() === "from", i = this.state.canSwitchToEnd() || this.state.getPendingFrom() !== null;
 		t?.classList.toggle("active", r), n?.classList.toggle("active", !r), n?.classList.toggle("disabled", !i), t?.setAttribute("aria-selected", String(r)), n?.setAttribute("aria-selected", String(!r)), n?.setAttribute("aria-disabled", String(!i)), t?.setAttribute("tabindex", r ? "0" : "-1"), n?.setAttribute("tabindex", r || !i ? "-1" : "0");
 	}
 	updateTimeDisplay() {
@@ -217,7 +288,7 @@ var g = (e) => Array.from({ length: e }, (e, t) => n(t)), _ = class {
 	renderTime(e, t) {
 		if (!e) return;
 		let { showSeconds: n } = this.state;
-		t ? (e.textContent = u(t, n), e.removeAttribute("aria-hidden")) : (e.textContent = c(n), e.setAttribute("aria-hidden", "true"));
+		t ? (e.textContent = h(t, n), e.removeAttribute("aria-hidden")) : (e.textContent = p(n), e.setAttribute("aria-hidden", "true"));
 	}
 	updateOkButton() {
 		let e = this.core.getOkButton();
@@ -229,52 +300,160 @@ var g = (e) => Array.from({ length: e }, (e, t) => n(t)), _ = class {
 		let e = this.core.getInput();
 		if (!e) return;
 		let { showSeconds: t } = this.state;
-		e.value = `${d(this.state.getFromValue(), t)} - ${d(this.state.getToValue(), t)}`;
+		e.value = `${g(this.state.getFromValue(), t)} - ${g(this.state.getToValue(), t)}`;
 	}
 	syncClockToActivePart() {
-		let e = this.state.getSavedValue(), t = this.core.getHour(), n = this.core.getMinutes(), r = this.state.showSeconds ? this.core.getSeconds() : null;
-		T(t, e?.hour ?? "12"), T(n, e?.minutes ?? "00"), T(r, e?.seconds ?? "00"), this.core.options.clock.type === "12h" && S(this.core.getAM(), this.core.getPM(), e?.type), [n, r].forEach((e) => {
+		let { hourInput: e, minutesInput: t, secondsInput: n } = this.writeActivePartValues();
+		[t, n].forEach((e) => {
 			e?.blur(), e?.classList.remove("active");
-		}), t && t.click();
+		}), e && e.click();
+	}
+	showActivePartHours() {
+		let { hourInput: e } = this.writeActivePartValues();
+		return e && L(this.core, "hour"), e;
+	}
+	writeActivePartValues() {
+		let e = this.state.getSavedValue(), t = this.core.getHour(), n = this.core.getMinutes(), r = this.state.showSeconds ? this.core.getSeconds() : null;
+		return A(t, e?.hour ?? "12"), A(n, e?.minutes ?? "00"), A(r, e?.seconds ?? "00"), this.core.options.clock.type === "12h" && D(this.core.getAM(), this.core.getPM(), e?.type), {
+			hourInput: t,
+			minutesInput: n,
+			secondsInput: r
+		};
 	}
 	updateAll() {
 		this.updateTabs(), this.updateTimeDisplay(), this.updateOkButton();
 	}
 };
-function D(e, t, n, r) {
+function B(e, t, n, r) {
 	e.on(n, r), t.push(() => e.off(n, r));
 }
-var O = class {
+var V = (e) => e.replace(/[^0-9:APMapm\s]/g, ""), H = {
+	"12h": "24h",
+	"24h": "12h"
+}, U = (e) => ({
+	...e,
+	type: e.type ?? "AM"
+});
+function W(e, t) {
+	let n = M(e.options), r = i(t, n);
+	if (r) {
+		let e = n.showSeconds || a(t) ? o(r, n) : t;
+		return {
+			parsed: U(r),
+			inputText: e
+		};
+	}
+	let s = H[n.clockType], c = i(t, {
+		...n,
+		clockType: s
+	});
+	if (!c) return null;
+	let u = l(c, s, n);
+	return {
+		parsed: U(u),
+		inputText: o(u, n)
+	};
+}
+var G = class {
 	core;
 	emitter;
 	state;
 	ui;
 	cleanupHandlers = [];
 	isSyncingAmPm = !1;
+	isBound = !1;
+	pendingRange = null;
+	pendingPart = null;
 	constructor(e, t) {
 		this.core = e, this.emitter = t, this.createState();
 	}
 	get isEnabled() {
 		return this.core.options.range?.enabled === !0;
 	}
+	get isLive() {
+		return this.isBound && this.core.isOpen;
+	}
 	createState() {
 		let { range: e, clock: t } = this.core.options;
-		this.state = new _(t.type, e?.minDuration, e?.maxDuration, this.emitter, t.showSeconds === !0), this.ui = new E(this.core, this.state);
+		this.state = new S(t.type, e?.minDuration, e?.maxDuration, this.emitter, t.showSeconds === !0, e?.linked !== !1), this.ui = new z(this.core, this.state);
 	}
 	init() {
 		if (this.releaseHandlers(), !this.isEnabled) return;
 		this.createState();
-		let { from: e, to: t } = h(this.core.getInput()?.value || "", this.state.showSeconds);
-		this.state.setFromValue(e), this.state.setToValue(t), this.bindEvents(), this.ui.syncClockToActivePart(), this.emitAmPmSyncEvent(), this.ui.updateAll();
+		let { from: e, to: t } = this.readInitialRange();
+		this.state.setFromValue(e), this.state.setToValue(t), this.bindEvents(), this.isBound = !0, this.applyPendingPart(), this.ui.syncClockToActivePart(), this.emitAmPmSyncEvent(), this.ui.updateAll();
+	}
+	readInitialRange() {
+		let e = this.core.getInput()?.value || "", t = this.pendingRange;
+		if (t && t.inputValue === e) {
+			let e = this.parseEnd(t.from), n = this.parseEnd(t.to);
+			if (e && n) return {
+				from: e,
+				to: n
+			};
+		}
+		return this.pendingRange = null, b(e, this.state.showSeconds);
+	}
+	applyPendingPart() {
+		let e = this.pendingPart;
+		this.pendingPart = null, e && this.state.setActivePart(e) && this.emitter.emit("range:switch", {
+			active: e,
+			disabledTime: this.state.getDisabledTimeForEndPart()
+		});
 	}
 	getActivePart() {
 		return this.state.getActivePart();
 	}
-	setActivePart(e) {
-		this.isEnabled && (this.state.setActivePart(e) && this.emitter.emit("range:switch", {
+	setActivePart(e, t = {}) {
+		if (!this.isEnabled) return !1;
+		if (t.focus === !1 && !this.isLive) {
+			this.state.setActivePart(e);
+			let t = this.state.getActivePart() === e;
+			return this.pendingPart = t ? e : null, t;
+		}
+		return this.state.setActivePart(e) && this.emitter.emit("range:switch", {
 			active: e,
 			disabledTime: this.state.getDisabledTimeForEndPart()
-		}), this.ui.syncClockToActivePart(), this.emitAmPmSyncEvent(), this.ui.updateAll());
+		}), t.focus === !1 ? this.syncClockWithoutFocus() : this.ui.syncClockToActivePart(), this.emitAmPmSyncEvent(), this.ui.updateAll(), this.state.getActivePart() === e;
+	}
+	setRange(e, t, n) {
+		if (!this.isEnabled) return !1;
+		let r = this.parseEnd(e), i = this.parseEnd(t);
+		return !r || !i ? !1 : (this.state.setFromValue(r), this.state.setToValue(i), this.state.setPreviewValue(null), this.state.chosenFields.clear(), n && this.ui.updateInputValue(), this.pendingRange = {
+			from: e,
+			to: t,
+			inputValue: this.core.getInput()?.value || ""
+		}, this.isLive && this.syncOpenRange(), this.state.validate(), this.ui.updateAll(), !0);
+	}
+	getRange() {
+		return {
+			from: this.state.isFromComplete() ? this.copyValue(this.state.getFromValue()) : null,
+			to: this.state.isToComplete() ? this.copyValue(this.state.getToValue()) : null
+		};
+	}
+	copyValue(e) {
+		return e ? { ...e } : null;
+	}
+	parseEnd(e) {
+		if (typeof e != "string" || !e.trim()) return null;
+		let t = W(this.core, V(e.trim()));
+		if (!t) return null;
+		let { hour: n, minutes: r, seconds: i, type: a } = t.parsed, o = {
+			hour: n,
+			minutes: r
+		};
+		return this.core.options.clock.showSeconds === !0 && (o.seconds = i ?? "00"), this.core.options.clock.type === "12h" && (o.type = a), o;
+	}
+	syncOpenRange() {
+		let e = this.state.getDisabledTimeForEndPart();
+		this.state.getActivePart() === "to" && e && this.emitter.emit("range:switch", {
+			active: "to",
+			disabledTime: e
+		}), this.syncClockWithoutFocus(), this.emitAmPmSyncEvent();
+	}
+	syncClockWithoutFocus() {
+		let e = this.ui.showActivePartHours();
+		e && (I(this.emitter, "hour", e.value), this.emitter.emit("update", R(this.core)));
 	}
 	getFromValue() {
 		return this.state.getFromValue();
@@ -302,15 +481,15 @@ var O = class {
 		if (!e || !t) return null;
 		let { showSeconds: n } = this.state;
 		return {
-			from: u(e, n),
-			to: u(t, n)
+			from: h(e, n),
+			to: h(t, n)
 		};
 	}
 	bindEvents() {
 		let e = this.core.getModalElement();
 		if (!e) return;
 		let t = e.querySelector(".tp-ui-range-tab.tp-ui-range-from"), n = e.querySelector(".tp-ui-range-tab.tp-ui-range-to");
-		this.listen(t, "click", () => this.activatePart("from", t)), this.listen(n, "click", () => this.activatePart("to", n)), this.bindTabKeyboard(t, n), this.bindFieldChoice("hour", this.core.getHour()), this.bindFieldChoice("minutes", this.core.getMinutes()), this.bindFieldChoice("seconds", this.state.showSeconds ? this.core.getSeconds() : null), D(this.emitter, this.cleanupHandlers, "update", (e) => this.handleUpdate(e?.hour)), D(this.emitter, this.cleanupHandlers, "range:minute:commit", (e) => this.handleMinuteCommit(e)), D(this.emitter, this.cleanupHandlers, "confirm", () => this.handleConfirm()), D(this.emitter, this.cleanupHandlers, "select:am", () => this.handleAmPm()), D(this.emitter, this.cleanupHandlers, "select:pm", () => this.handleAmPm()), D(this.emitter, this.cleanupHandlers, "clear", () => this.handleClear());
+		this.listen(t, "click", () => this.activatePart("from", t)), this.listen(n, "click", () => this.activatePart("to", n)), this.bindTabKeyboard(t, n), this.bindFieldChoice("hour", this.core.getHour()), this.bindFieldChoice("minutes", this.core.getMinutes()), this.bindFieldChoice("seconds", this.state.showSeconds ? this.core.getSeconds() : null), B(this.emitter, this.cleanupHandlers, "update", (e) => this.handleUpdate(e?.hour)), B(this.emitter, this.cleanupHandlers, "range:minute:commit", (e) => this.handleMinuteCommit(e)), B(this.emitter, this.cleanupHandlers, "confirm", () => this.handleConfirm()), B(this.emitter, this.cleanupHandlers, "select:am", () => this.handleAmPm()), B(this.emitter, this.cleanupHandlers, "select:pm", () => this.handleAmPm()), B(this.emitter, this.cleanupHandlers, "clear", () => this.handleClear());
 	}
 	listen(e, t, n) {
 		e && (e.addEventListener(t, n), this.cleanupHandlers.push(() => e.removeEventListener(t, n)));
@@ -366,7 +545,7 @@ var O = class {
 		this.isEnabled && (this.state.setPreviewValue(e === void 0 ? null : this.buildPreview(e)), this.ui.updateAll());
 	}
 	buildPreview(e) {
-		let t = this.state.getSavedValue()?.minutes, n = !!t && !s(t), r = (e, t) => (n || this.state.chosenFields.has(e)) && t?.value || o;
+		let t = this.state.getSavedValue()?.minutes, n = !!t && !f(t), r = (e, t) => (n || this.state.chosenFields.has(e)) && t?.value || d;
 		return {
 			hour: e,
 			minutes: r("minutes", this.core.getMinutes()),
@@ -427,26 +606,26 @@ var O = class {
 	}
 	handleConfirm() {
 		if (!this.isEnabled) return;
-		this.state.commitPreview();
+		this.state.commitPreview(), this.pendingRange = null;
 		let { showSeconds: e } = this.state, t = {
-			from: d(this.state.getFromValue(), e),
-			to: d(this.state.getToValue(), e),
+			from: g(this.state.getFromValue(), e),
+			to: g(this.state.getToValue(), e),
 			duration: this.state.getDuration()
 		};
 		e && (t.durationSeconds = this.state.getDurationSeconds()), this.ui.updateInputValue(), this.emitter.emit("range:confirm", t);
 	}
 	reset() {
-		this.state.reset();
+		this.state.reset(), this.pendingRange = null, this.pendingPart = null;
 	}
 	destroy() {
 		this.releaseHandlers(), this.reset();
 	}
 	releaseHandlers() {
-		this.cleanupHandlers.forEach((e) => e()), this.cleanupHandlers = [];
+		this.cleanupHandlers.forEach((e) => e()), this.cleanupHandlers = [], this.isBound = !1;
 	}
-}, k = {
+}, K = {
 	name: "range",
-	factory: (e, t) => new O(e, t)
+	factory: (e, t) => new G(e, t)
 };
 //#endregion
-export { k as RangePlugin };
+export { K as RangePlugin };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "courthive-components",
   "packageManager": "pnpm@12.14.0",
-  "version": "6.11.0",
+  "version": "6.12.0",
   "engines": {
     "node": ">=24"
   },
@@ -67,6 +67,7 @@
     "lint:fix": "eslint src --fix --cache",
     "lint:report": "eslint src & eslint --cache src -f json > eslint-report.json",
     "format": "prettier --write src",
+    "format:check": "prettier --check src",
     "release:major": "npm run commits && npm version $(semver $npm_package_version -i major) && git push && git push --tags",
     "release:minor": "npm run commits && npm version $(semver $npm_package_version -i minor) && git push && git push --tags",
     "release:patch": "npm run commits && npm version $(semver $npm_package_version -i patch) && git push && git push --tags",
@@ -110,7 +111,7 @@
     "semver": "7.8.5",
     "storybook": "^10.2.17",
     "tabulator-tables": "6.6.1",
-    "tods-competition-factory": "7.19.0",
+    "tods-competition-factory": "7.20.0",
     "typescript": "^6.0.2",
     "vite": "8.3.4",
     "vite-plugin-dts": "^5.0.0",