courthive-components 6.10.2 → 6.11.0

package/dist/range-CbB5sPGX.mjs

@@ -0,0 +1,452 @@
+//#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);
+	if (!a) return null;
+	let o = {
+		hour: n(a[1]),
+		minutes: n(a[2])
+	};
+	return i.showSeconds && (o.seconds = n(a[3] ?? "0")), i.clockType === "12h" && (o.type = a[4].toUpperCase()), o;
+}
+var i = (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;
+}
+var o = "--", s = (e) => e.startsWith(o);
+function c(e = !1) {
+	return e ? "--:--:--" : "--:--";
+}
+function l(e, t = !1) {
+	if (!e || s(e)) return null;
+	let n = (n) => r(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;
+	return e.type ? `${i} ${e.type}` : i;
+}
+function d(e, t = !1) {
+	return e ? u(e, t) : c(t);
+}
+function f(e, t, n) {
+	return !e || !t ? 0 : a(t, n) - a(e, n);
+}
+function p(e, t, n) {
+	return Math.floor(f(e, t, n) / 60);
+}
+function m(e, t) {
+	return e ? t === "12h" ? !!(e.hour && e.minutes && e.type) : !!(e.hour && e.minutes) : !1;
+}
+function h(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) ? {
+		from: null,
+		to: null
+	} : {
+		from: l(n[0], t),
+		to: l(n[1], t)
+	};
+}
+var g = (e) => Array.from({ length: e }, (e, t) => n(t)), _ = class {
+	activePart = "from";
+	fromValue = null;
+	toValue = null;
+	previewValue = null;
+	clockType;
+	minDuration;
+	maxDuration;
+	emitter;
+	showSeconds;
+	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;
+	}
+	getActivePart() {
+		return this.activePart;
+	}
+	getFromValue() {
+		return this.fromValue;
+	}
+	getToValue() {
+		return this.toValue;
+	}
+	getPreviewValue() {
+		return this.previewValue;
+	}
+	setFromValue(e) {
+		this.fromValue = e;
+	}
+	setToValue(e) {
+		this.toValue = e;
+	}
+	setPreviewValue(e) {
+		this.previewValue = e;
+	}
+	isFromComplete() {
+		return m(this.fromValue, this.clockType);
+	}
+	isToComplete() {
+		return m(this.toValue, this.clockType);
+	}
+	canSwitchToEnd() {
+		return 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;
+	}
+	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);
+		return n > 0 && this.isWithinLimits(n);
+	}
+	isWithinLimits(e) {
+		let t = this.minDuration !== void 0 && e < this.minDuration * 60, n = this.maxDuration !== void 0 && e > this.maxDuration * 60;
+		return !t && !n;
+	}
+	setActivePart(e) {
+		if (this.chosenFields.clear(), e === "to" && !this.canSwitchToEnd()) return !1;
+		let t = this.activePart !== e;
+		return this.activePart = e, t && (this.previewValue = null), t;
+	}
+	getSavedValue() {
+		return this.activePart === "from" ? this.fromValue : this.toValue;
+	}
+	commitPreview() {
+		this.previewValue &&= (this.activePart === "from" ? this.fromValue = this.previewValue : this.toValue = this.previewValue, null);
+	}
+	getDurationSeconds() {
+		return f(this.fromValue, this.toValue, this.clockType);
+	}
+	getDuration() {
+		return p(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 ? {
+			valid: n,
+			duration: e,
+			durationSeconds: t
+		} : {
+			valid: n,
+			duration: e
+		};
+		return this.emitter.emit("range:validation", {
+			...r,
+			minDuration: this.minDuration,
+			maxDuration: this.maxDuration
+		}), r;
+	}
+	getDisabledTimeForEndPart() {
+		if (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),
+			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;
+	}
+	reset() {
+		this.activePart = "from", this.fromValue = null, this.toValue = null, this.previewValue = null, this.chosenFields.clear();
+	}
+}, v = (e, t, n) => {
+	e?.classList.toggle(t, n);
+}, y = (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 = [
+	"aria-label",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext"
+], w = (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) => {
+	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 {
+	core;
+	state;
+	constructor(e, t) {
+		this.core = e, this.state = t;
+	}
+	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;
+		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() {
+		let e = this.core.getModalElement();
+		if (!e) return;
+		let t = e.querySelector(".tp-ui-range-from-time"), n = e.querySelector(".tp-ui-range-to-time"), r = this.state.getActivePart(), i = this.state.getPreviewValue(), a = (e, t) => r === e && i ? i : t;
+		this.renderTime(t, a("from", this.state.getFromValue())), this.renderTime(n, a("to", this.state.getToValue()));
+	}
+	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"));
+	}
+	updateOkButton() {
+		let e = this.core.getOkButton();
+		if (!e) return;
+		let t = this.state.canConfirm();
+		e.classList.toggle("disabled", !t), e.setAttribute("aria-disabled", String(!t));
+	}
+	updateInputValue() {
+		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)}`;
+	}
+	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) => {
+			e?.blur(), e?.classList.remove("active");
+		}), t && t.click();
+	}
+	updateAll() {
+		this.updateTabs(), this.updateTimeDisplay(), this.updateOkButton();
+	}
+};
+function D(e, t, n, r) {
+	e.on(n, r), t.push(() => e.off(n, r));
+}
+var O = class {
+	core;
+	emitter;
+	state;
+	ui;
+	cleanupHandlers = [];
+	isSyncingAmPm = !1;
+	constructor(e, t) {
+		this.core = e, this.emitter = t, this.createState();
+	}
+	get isEnabled() {
+		return this.core.options.range?.enabled === !0;
+	}
+	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);
+	}
+	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();
+	}
+	getActivePart() {
+		return this.state.getActivePart();
+	}
+	setActivePart(e) {
+		this.isEnabled && (this.state.setActivePart(e) && this.emitter.emit("range:switch", {
+			active: e,
+			disabledTime: this.state.getDisabledTimeForEndPart()
+		}), this.ui.syncClockToActivePart(), this.emitAmPmSyncEvent(), this.ui.updateAll());
+	}
+	getFromValue() {
+		return this.state.getFromValue();
+	}
+	getToValue() {
+		return this.state.getToValue();
+	}
+	getDisabledTimeForEndPart() {
+		return this.isEnabled ? this.state.getDisabledTimeForEndPart() : null;
+	}
+	getDuration() {
+		return this.state.getDuration();
+	}
+	validateRange() {
+		return this.isEnabled ? this.state.validate() : {
+			valid: !0,
+			duration: 0
+		};
+	}
+	canConfirm() {
+		return !this.isEnabled || this.state.canConfirm();
+	}
+	getFormattedRange() {
+		let e = this.state.getFromValue(), t = this.state.getToValue();
+		if (!e || !t) return null;
+		let { showSeconds: n } = this.state;
+		return {
+			from: u(e, n),
+			to: u(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());
+	}
+	listen(e, t, n) {
+		e && (e.addEventListener(t, n), this.cleanupHandlers.push(() => e.removeEventListener(t, n)));
+	}
+	bindFieldChoice(e, t) {
+		this.listen(t, "keydown", () => this.state.chosenFields.add(e)), this.listen(t, "blur", () => {
+			this.state.chosenFields.has(e) && this.handleUpdate(this.state.getPreviewValue()?.hour);
+		});
+	}
+	isTabDisabled(e) {
+		return !e || e.getAttribute("aria-disabled") === "true" || e.classList.contains("disabled");
+	}
+	activatePart(e, t) {
+		if (!this.core.isOpen || this.isTabDisabled(t)) return;
+		let n = e === "to" ? this.state.getPendingFrom() : null;
+		n ? this.handleMinuteCommit(n) : this.setActivePart(e);
+	}
+	bindTabKeyboard(e, t) {
+		let n = [e, t].filter((e) => e !== null);
+		n.length !== 0 && n.forEach((e, t) => {
+			let r = t === 0 ? "from" : "to";
+			this.listen(e, "keydown", (i) => {
+				switch (i.key) {
+					case "ArrowRight":
+					case "ArrowLeft": {
+						i.preventDefault();
+						let e = ((i.key === "ArrowRight" ? t + 1 : t - 1) + n.length) % n.length, r = n[e];
+						this.isTabDisabled(r) || r.focus();
+						break;
+					}
+					case "Home":
+						i.preventDefault(), n[0].focus();
+						break;
+					case "End":
+						i.preventDefault(), n[n.length - 1].focus();
+						break;
+					case "Enter":
+					case " ": i.preventDefault(), this.activatePart(r, e);
+				}
+			});
+		});
+	}
+	handleClear() {
+		this.isEnabled && (this.reset(), this.emitter.emit("range:switch", {
+			active: "from",
+			disabledTime: null
+		}), this.ui.updateAll(), this.focusHour());
+	}
+	focusHour() {
+		this.core.getHour()?.focus();
+	}
+	handleUpdate(e) {
+		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;
+		return {
+			hour: e,
+			minutes: r("minutes", this.core.getMinutes()),
+			seconds: this.state.showSeconds ? r("seconds", this.core.getSeconds()) : void 0,
+			type: this.core.options.clock.type === "12h" ? this.core.getActiveType() : void 0
+		};
+	}
+	handleMinuteCommit(e) {
+		if (!this.isEnabled) return;
+		let t = {
+			hour: e.hour,
+			minutes: e.minutes,
+			seconds: e.seconds,
+			type: e.type ?? void 0
+		};
+		this.state.getActivePart() === "from" ? (this.state.setFromValue(t), this.state.setPreviewValue(null), this.state.isFromComplete() && (this.state.setActivePart("to"), this.emitter.emit("range:switch", {
+			active: "to",
+			disabledTime: this.state.getDisabledTimeForEndPart()
+		}), this.ui.syncClockToActivePart(), this.emitAmPmSyncEvent(), this.focusHour())) : (this.state.setToValue(t), this.state.setPreviewValue(null)), this.state.validate(), this.ui.updateAll();
+	}
+	handleAmPm() {
+		if (!this.isEnabled || this.isSyncingAmPm || this.core.options.clock.type !== "12h") return;
+		let e = this.core.getActiveType();
+		if (e) {
+			if (this.state.getActivePart() === "from") {
+				let t = this.state.getFromValue();
+				t && (this.state.setFromValue({
+					...t,
+					type: e
+				}), this.state.isFromComplete() && (this.state.setActivePart("to"), this.state.setPreviewValue(null), this.emitter.emit("range:switch", {
+					active: "to",
+					disabledTime: this.state.getDisabledTimeForEndPart()
+				}), this.ui.syncClockToActivePart(), this.emitAmPmSyncEvent()));
+			} else {
+				let t = this.state.getToValue();
+				t && this.state.setToValue({
+					...t,
+					type: e
+				}), this.emitter.emit("range:switch", {
+					active: "to",
+					disabledTime: this.state.getDisabledTimeForEndPart()
+				});
+			}
+			this.state.validate(), this.ui.updateAll();
+		}
+	}
+	emitAmPmSyncEvent() {
+		if (this.core.options.clock.type !== "12h") return;
+		let e = this.state.getSavedValue();
+		if (e?.type) {
+			this.isSyncingAmPm = !0;
+			try {
+				e.type === "AM" ? this.emitter.emit("select:am", {}) : e.type === "PM" && this.emitter.emit("select:pm", {});
+			} finally {
+				this.isSyncingAmPm = !1;
+			}
+		}
+	}
+	handleConfirm() {
+		if (!this.isEnabled) return;
+		this.state.commitPreview();
+		let { showSeconds: e } = this.state, t = {
+			from: d(this.state.getFromValue(), e),
+			to: d(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();
+	}
+	destroy() {
+		this.releaseHandlers(), this.reset();
+	}
+	releaseHandlers() {
+		this.cleanupHandlers.forEach((e) => e()), this.cleanupHandlers = [];
+	}
+}, k = {
+	name: "range",
+	factory: (e, t) => new O(e, t)
+};
+//#endregion
+export { k as RangePlugin };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "courthive-components",
-  "packageManager": "pnpm@12.10.1",
-  "version": "6.10.2",
+  "packageManager": "pnpm@12.14.0",
+  "version": "6.11.0",
   "engines": {
-    "node": ">=22"
+    "node": ">=24"
   },
   "description": "Components for competitions projects",
   "files": [
@@ -90,13 +90,13 @@
     "@types/d3": "^7.4.3",
     "@types/leaflet": "^1.9.12",
     "@types/vanillajs-datepicker": "^1.3.5",
-    "@typescript-eslint/eslint-plugin": "8.71.1",
-    "@typescript-eslint/parser": "8.71.1",
+    "@typescript-eslint/eslint-plugin": "8.71.2",
+    "@typescript-eslint/parser": "8.71.2",
     "@vitest/browser": "^5.0.3",
     "@vitest/browser-playwright": "^5.0.3",
     "@vitest/coverage-v8": "^5.0.0",
     "@vitest/ui": "^5.0.0",
-    "eslint": "10.12.0",
+    "eslint": "10.13.0",
     "eslint-plugin-sonarjs": "4.2.2",
     "eslint-plugin-storybook": "^10.2.17",
     "gh-pages": "6.3.0",
@@ -110,7 +110,7 @@
     "semver": "7.8.5",
     "storybook": "^10.2.17",
     "tabulator-tables": "6.6.1",
-    "tods-competition-factory": "7.16.0",
+    "tods-competition-factory": "7.19.0",
     "typescript": "^6.0.2",
     "vite": "8.3.4",
     "vite-plugin-dts": "^5.0.0",