courthive-components 6.8.2 → 6.9.1

package/dist/courts.mjs

@@ -0,0 +1,375 @@
+//#region src/components/courts/courts.ts
+var e = "court-line";
+function t(e, t) {
+	let n = document.createElementNS("http://www.w3.org/2000/svg", e);
+	for (let [e, r] of Object.entries(t)) n.setAttribute(e, r);
+	return n;
+}
+function n(e, t) {
+	let n = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+	return n.setAttribute("viewBox", e), n.setAttribute("class", t), n.setAttribute("fill", "none"), n.style.width = "100%", n.style.height = "auto", n.style.display = "block", n;
+}
+function r(r) {
+	let i = n("0 0 360 780", r);
+	for (let n of [
+		"M 0 0 L 360 0 L 360 780 L 0 780 Z",
+		"M 45 0 L 45 780",
+		"M 315 0 L 315 780",
+		"M 0 390 L 360 390",
+		"M 45 210 L 315 210",
+		"M 45 570 L 315 570",
+		"M 180 210 L 180 570",
+		"M 180 0 L 180 20",
+		"M 180 760 L 180 780"
+	]) i.appendChild(t("path", {
+		d: n,
+		class: e
+	}));
+	return i;
+}
+function i(r) {
+	let i = n("0 0 500 470", r), a = [
+		t("rect", {
+			x: "0",
+			y: "0",
+			width: "500",
+			height: "470",
+			class: e
+		}),
+		t("circle", {
+			cx: "250",
+			cy: "470",
+			r: "60",
+			class: e
+		}),
+		t("line", {
+			x1: "0",
+			y1: "470",
+			x2: "500",
+			y2: "470",
+			class: e
+		}),
+		t("rect", {
+			x: "170",
+			y: "0",
+			width: "160",
+			height: "190",
+			class: e
+		}),
+		t("circle", {
+			cx: "250",
+			cy: "190",
+			r: "60",
+			class: e
+		}),
+		t("line", {
+			x1: "220",
+			y1: "40",
+			x2: "280",
+			y2: "40",
+			class: e
+		}),
+		t("circle", {
+			cx: "250",
+			cy: "52",
+			r: "12",
+			class: e
+		}),
+		t("path", {
+			d: "M 30 0 L 30 90 A 220 220 0 0 0 470 90 L 470 0",
+			class: e
+		})
+	];
+	for (let e of a) i.appendChild(e);
+	return i;
+}
+function a(r) {
+	let i = n("0 0 500 440", r), a = [
+		t("path", {
+			d: "M 20 170 A 350 400 0 0 1 480 170",
+			class: e
+		}),
+		t("line", {
+			x1: "250",
+			y1: "400",
+			x2: "20",
+			y2: "170",
+			class: e
+		}),
+		t("line", {
+			x1: "250",
+			y1: "400",
+			x2: "480",
+			y2: "170",
+			class: e
+		}),
+		t("path", {
+			d: "M 250 400 L 314 336 L 250 273 L 186 336 Z",
+			class: e
+		}),
+		t("path", {
+			d: "M 340 355 A 100 100 0 0 1 160 355",
+			class: e
+		}),
+		t("line", {
+			x1: "340",
+			y1: "355",
+			x2: "265",
+			y2: "405",
+			class: e
+		}),
+		t("line", {
+			x1: "160",
+			y1: "355",
+			x2: "235",
+			y2: "405",
+			class: e
+		}),
+		t("path", {
+			d: "M 235 405 A 18 18 0 0 1 265 405",
+			class: e
+		}),
+		t("circle", {
+			cx: "250",
+			cy: "340",
+			r: "9",
+			class: e
+		}),
+		t("line", {
+			x1: "247",
+			y1: "339",
+			x2: "253",
+			y2: "339",
+			class: e
+		}),
+		t("path", {
+			d: "M 244 398 L 244 404 L 250 408 L 256 404 L 256 398 Z",
+			class: e
+		}),
+		t("rect", {
+			x: "310",
+			y: "332",
+			width: "8",
+			height: "8",
+			transform: "rotate(45 314 336)",
+			class: e
+		}),
+		t("rect", {
+			x: "246",
+			y: "269",
+			width: "8",
+			height: "8",
+			transform: "rotate(45 250 273)",
+			class: e
+		}),
+		t("rect", {
+			x: "182",
+			y: "332",
+			width: "8",
+			height: "8",
+			transform: "rotate(45 186 336)",
+			class: e
+		}),
+		t("rect", {
+			x: "230",
+			y: "393",
+			width: "8",
+			height: "18",
+			class: e
+		}),
+		t("rect", {
+			x: "262",
+			y: "393",
+			width: "8",
+			height: "18",
+			class: e
+		})
+	];
+	for (let e of a) i.appendChild(e);
+	return i;
+}
+function o(r) {
+	let i = n("0 0 850 2000", r), a = [
+		t("rect", {
+			x: "0",
+			y: "0",
+			width: "850",
+			height: "2000",
+			rx: "280",
+			ry: "280",
+			class: e
+		}),
+		t("line", {
+			x1: "0",
+			y1: "1000",
+			x2: "850",
+			y2: "1000",
+			class: e
+		}),
+		t("circle", {
+			cx: "425",
+			cy: "1000",
+			r: "60",
+			class: e
+		}),
+		t("line", {
+			x1: "0",
+			y1: "650",
+			x2: "850",
+			y2: "650",
+			class: e
+		}),
+		t("line", {
+			x1: "0",
+			y1: "1350",
+			x2: "850",
+			y2: "1350",
+			class: e
+		}),
+		t("line", {
+			x1: "140",
+			y1: "300",
+			x2: "710",
+			y2: "300",
+			class: e
+		}),
+		t("line", {
+			x1: "140",
+			y1: "1700",
+			x2: "710",
+			y2: "1700",
+			class: e
+		}),
+		t("path", {
+			d: "M 395 300 A 40 40 0 0 1 455 300",
+			class: e
+		}),
+		t("path", {
+			d: "M 395 1700 A 40 40 0 0 0 455 1700",
+			class: e
+		}),
+		t("circle", {
+			cx: "270",
+			cy: "650",
+			r: "50",
+			class: e
+		}),
+		t("circle", {
+			cx: "580",
+			cy: "650",
+			r: "50",
+			class: e
+		}),
+		t("circle", {
+			cx: "270",
+			cy: "1350",
+			r: "50",
+			class: e
+		}),
+		t("circle", {
+			cx: "580",
+			cy: "1350",
+			r: "50",
+			class: e
+		})
+	];
+	for (let e of a) i.appendChild(e);
+	return i;
+}
+function s(r) {
+	let i = n("0 0 200 440", r);
+	for (let n of [
+		"M 0 0 L 200 0 L 200 440 L 0 440 Z",
+		"M 0 220 L 200 220",
+		"M 0 150 L 200 150",
+		"M 0 290 L 200 290",
+		"M 100 0 L 100 150",
+		"M 100 290 L 100 440"
+	]) i.appendChild(t("path", {
+		d: n,
+		class: e
+	}));
+	return i;
+}
+function c(r) {
+	let i = n("0 0 200 440", r);
+	for (let n of [
+		"M 0 0 L 200 0 L 200 440 L 0 440 Z",
+		"M 18 0 L 18 440",
+		"M 182 0 L 182 440",
+		"M 0 220 L 200 220",
+		"M 0 146 L 200 146",
+		"M 0 294 L 200 294",
+		"M 0 30 L 200 30",
+		"M 0 410 L 200 410",
+		"M 100 146 L 100 220",
+		"M 100 220 L 100 294"
+	]) i.appendChild(t("path", {
+		d: n,
+		class: e
+	}));
+	return i;
+}
+function l(r) {
+	let i = n("0 0 100 200", r);
+	for (let n of [
+		"M 0 0 L 100 0 L 100 200 L 0 200 Z",
+		"M 0 100 L 100 100",
+		"M 0 69.5 L 100 69.5",
+		"M 0 130.5 L 100 130.5",
+		"M 50 69.5 L 50 67.5",
+		"M 50 130.5 L 50 132.5"
+	]) i.appendChild(t("path", {
+		d: n,
+		class: e
+	}));
+	return i;
+}
+//#endregion
+//#region src/components/courts/courtSvgUtil.ts
+var u = "COURT_SVG", d = {
+	tennis: r,
+	basketball: i,
+	baseball: a,
+	hockey: o,
+	pickleball: s,
+	badminton: c,
+	padel: l
+}, f = {
+	TENNIS: "tennis",
+	PADEL: "padel",
+	PICKLEBALL: "pickleball",
+	BADMINTON: "badminton"
+}, p = {
+	HAL: "basketball",
+	INN: "baseball",
+	PER: "hockey"
+};
+function m(e) {
+	if (e) {
+		for (let [t, n] of Object.entries(p)) if (e.startsWith(t)) return n;
+		if (e.startsWith("SET") || e.startsWith("T")) return e.includes("@RALLY") ? "pickleball" : "tennis";
+	}
+}
+function h(e) {
+	let t = e?.competitionFormat?.sport;
+	return t && f[t] ? f[t] : m(e?.matchUpFormat);
+}
+function g(e) {
+	let t = e.getAttribute("viewBox");
+	if (!t) return e;
+	let n = t.split(/\s+/).map(Number);
+	if (n.length !== 4) return e;
+	let [r, i, a, o] = n;
+	if (o <= a) return e;
+	e.setAttribute("viewBox", `${r} ${i} ${o} ${a}`);
+	let s = document.createElementNS("http://www.w3.org/2000/svg", "g");
+	for (s.setAttribute("transform", `translate(${o}, 0) rotate(90)`); e.firstChild;) s.appendChild(e.firstChild);
+	return e.appendChild(s), e;
+}
+function _(e, t = "") {
+	let n = e ? d[e] : void 0;
+	if (n) return g(n(t ? `court--${e} ${t}` : `court--${e}`));
+}
+//#endregion
+export { u as COURT_SVG_RESOURCE_SUB_TYPE, c as badmintonCourt, a as baseballDiamond, i as basketballCourt, _ as createCourtSvg, o as hockeyRink, l as padelCourt, s as pickleballCourt, h as resolveCourtSport, m as sportFromMatchUpFormat, r as tennisCourt };

package/dist/features-types/courts/courtSvgUtil.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Maps sport identifiers to court SVG factories and resolves a sport from
+ * factory event / matchUpFormat shapes. Shared by TMX, courthive-public, and
+ * any other consumer that wants to render a court SVG image.
+ */
+export type CourtSport = 'tennis' | 'basketball' | 'baseball' | 'hockey' | 'pickleball' | 'badminton' | 'padel';
+export declare const COURT_SVG_RESOURCE_SUB_TYPE = "COURT_SVG";
+export declare function sportFromMatchUpFormat(matchUpFormat?: string): CourtSport | undefined;
+export declare function resolveCourtSport(event?: any): CourtSport | undefined;
+export declare function createCourtSvg(sport: string | undefined, className?: string): SVGSVGElement | undefined;

package/dist/features-types/courts/courts.d.ts

@@ -0,0 +1,7 @@
+export declare function tennisCourt(className: string): SVGSVGElement;
+export declare function basketballCourt(className: string): SVGSVGElement;
+export declare function baseballDiamond(className: string): SVGSVGElement;
+export declare function hockeyRink(className: string): SVGSVGElement;
+export declare function pickleballCourt(className: string): SVGSVGElement;
+export declare function badmintonCourt(className: string): SVGSVGElement;
+export declare function padelCourt(className: string): SVGSVGElement;

package/dist/features-types/courts/index.d.ts

@@ -0,0 +1,3 @@
+export { tennisCourt, basketballCourt, baseballDiamond, hockeyRink, pickleballCourt, badmintonCourt, padelCourt } from './courts';
+export { createCourtSvg, resolveCourtSport, sportFromMatchUpFormat, COURT_SVG_RESOURCE_SUB_TYPE } from './courtSvgUtil';
+export type { CourtSport } from './courtSvgUtil';

package/dist/features-types/segmentedBar/buildSegmentedBar.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Segmented Bar — generic DOM factory.
+ *
+ * A configurable sibling of the competitiveness bar: given a list of segment
+ * definitions (key + label + color), it returns an element plus an
+ * `update(counts)` callback. Each non-zero segment renders as a flex-grow
+ * band whose count appears centered. When `onSegmentClick` is supplied the
+ * segments become clickable filter drivers and `setActive(key)` highlights
+ * the selected segment (dimming the rest).
+ *
+ * The element is hidden (display:none) until the first update with total > 0.
+ */
+export interface SegmentDef {
+    key: string;
+    label: string;
+    color: string;
+}
+export interface BuildSegmentedBarOptions {
+    segments: SegmentDef[];
+    onSegmentClick?: (key: string) => void;
+}
+export interface BuildSegmentedBarResult {
+    element: HTMLElement;
+    update: (counts: Record<string, number>) => void;
+    setActive: (key: string | null) => void;
+}
+export declare function buildSegmentedBar(options: BuildSegmentedBarOptions): BuildSegmentedBarResult;

package/dist/features-types/segmentedBar/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Segmented Bar — Public API.
+ */
+export { buildSegmentedBar } from './buildSegmentedBar';
+export type { SegmentDef, BuildSegmentedBarOptions, BuildSegmentedBarResult } from './buildSegmentedBar';

package/dist/features.css

@@ -0,0 +1,2 @@
+.court-line{stroke:#505ab4b3;stroke-width:1.5px;fill:none;vector-effect:non-scaling-stroke}.court--tennis .court-line{stroke:#3c50c8cc}.court--basketball .court-line{stroke:#b450c8b3}.court--baseball .court-line{stroke:#c83246b3}.court--hockey .court-line{stroke:#1e78d2bf}.court--pickleball .court-line{stroke:#14a046b3}.court--badminton .court-line{stroke:#00b4a0b3}.court--padel .court-line{stroke:#c88214bf}@media (prefers-color-scheme:dark){:root:not([data-theme]) .court-line{stroke:#7882ff80}:root:not([data-theme]) .court--tennis .court-line{stroke:#667eea99}:root:not([data-theme]) .court--basketball .court-line{stroke:#f093fb80}:root:not([data-theme]) .court--baseball .court-line{stroke:#f5576c80}:root:not([data-theme]) .court--hockey .court-line{stroke:#4facfe8c}:root:not([data-theme]) .court--pickleball .court-line{stroke:#43e97b80}:root:not([data-theme]) .court--badminton .court-line{stroke:#38f9d780}:root:not([data-theme]) .court--padel .court-line{stroke:#ffb74d8c}}[data-theme=dark] .court-line{stroke:#7882ff80}[data-theme=dark] .court--tennis .court-line{stroke:#667eea99}[data-theme=dark] .court--basketball .court-line{stroke:#f093fb80}[data-theme=dark] .court--baseball .court-line{stroke:#f5576c80}[data-theme=dark] .court--hockey .court-line{stroke:#4facfe8c}[data-theme=dark] .court--pickleball .court-line{stroke:#43e97b80}[data-theme=dark] .court--badminton .court-line{stroke:#38f9d780}[data-theme=dark] .court--padel .court-line{stroke:#ffb74d8c}.chc-sb{flex-direction:row;align-items:stretch;gap:2px;min-width:0;height:1.5em;display:none;overflow:hidden}.chc-sb__seg{background:var(--seg-bg,var(--chc-text-muted,#6b7280));color:#fff;border-radius:2px;flex:0 0 0;justify-content:center;align-items:center;min-width:0;padding:0;font-size:.85em;font-weight:600;line-height:1;transition:opacity .15s;display:flex;overflow:hidden}.chc-sb__seg.is-clickable{cursor:pointer}.chc-sb__seg.is-clickable:hover{filter:brightness(1.1)}.chc-sb.has-active .chc-sb__seg:not(.is-active){opacity:.35}
+/*$vite$:1*/

package/dist/helpers/createTypeAhead.d.ts

@@ -35,6 +35,14 @@ type CreateTypeAheadParams = {
  * Exported for unit testing; the wiring below is the only production caller.
  */
 export declare function resolveCurrentLabel(list: any[], code?: string): string | undefined;
+/**
+ * Awesomplete's default item renderer builds each suggestion with innerHTML (to wrap matches in
+ * <mark>), so a suggestion label holding markup — a participant name, say — would run as script.
+ * This renders the same structure from text nodes. Awesomplete calls it with itself as `this`.
+ */
+export declare function typeAheadItem(this: {
+    count?: number;
+} | undefined, text: unknown, input: string, itemId: number): HTMLLIElement;
 export declare function createTypeAhead({ list, element, callback, currentCode, currentValue, warnUnresolved, withCatchTab, onChange, onSelectComplete, listProvider }: CreateTypeAheadParams): {
     typeAhead: any;
 };

package/dist/helpers/drawStateManager.d.ts

@@ -1,89 +1,64 @@
+import { Tournament } from 'tods-competition-factory';
 import { Participant } from '../types';
 export type RenderCallback = () => void;
+export type DrawAssignmentMethod = 'assignDrawPosition' | 'assignDrawPositionBye' | 'removeDrawPositionAssignment';
+export interface DrawAssignmentParams {
+    drawId: string;
+    structureId: string;
+    drawPosition: number;
+    participantId?: string;
+    qualifier?: boolean;
+}
+export interface DrawAssignmentResult {
+    success?: boolean;
+    error?: unknown;
+    /** The host accepted an asynchronous request; no assignment has been acknowledged yet. */
+    pending?: boolean;
+}
+export interface DrawStateAdapter {
+    /** Query current state on every use; never reinstall an opening snapshot. */
+    getTournamentRecord: () => Tournament | undefined;
+    /** Apply once, then acknowledge. Only a successful acknowledgement changes focus/renders. */
+    mutate: (method: DrawAssignmentMethod, params: DrawAssignmentParams, callback: (result: DrawAssignmentResult) => void) => void;
+}
 export declare class DrawStateManager {
-    private tournamentRecord;
+    private readonly adapter;
     private readonly drawId;
     private readonly structureId;
-    private readonly eventId;
+    private readonly eventId?;
     private renderCallback?;
     private focusDrawPosition?;
-    constructor({ tournamentRecord, drawId, structureId, eventId }: {
-        tournamentRecord: any;
+    constructor({ tournamentRecord, adapter, drawId, structureId, eventId }: {
+        tournamentRecord?: Tournament;
+        adapter?: DrawStateAdapter;
         drawId: string;
         structureId: string;
         eventId?: string;
     });
-    /**
-     * Set callback to trigger re-render when state changes
-     */
     setRenderCallback(callback: RenderCallback): void;
-    /**
-     * Get participant IDs from draw entries (via flight profile or drawDefinition.entries)
-     */
-    private getDrawEntryParticipantIds;
-    /**
-     * Get participants entered in the draw (including qualifiers)
-     */
+    private context;
     getAllParticipants(): Participant[];
-    /**
-     * Get participants that haven't been assigned to draw positions yet
-     */
     getAvailableParticipants(): Participant[];
-    /**
-     * Remove participant assignment from a draw position
-     */
-    removeAssignment({ drawPosition }: {
-        drawPosition: number;
-    }): {
-        success: boolean;
-        error?: any;
-    };
-    /**
-     * Assign a participant to a specific draw position
-     * Note: Direct assignment replaces existing assignment (even with scores)
-     */
-    assignParticipant({ drawPosition, participantId }: {
+    /** A request is pending until the host acknowledges it. Refusals do not advance focus or render. */
+    private request;
+    /** Factory validation controls replacement, including assignments with recorded scores. */
+    assignParticipant(params: {
         drawPosition: number;
         participantId: string;
-    }): {
-        success: boolean;
-        error?: any;
-    };
-    /**
-     * Get and clear the drawPosition that should receive focus
-     */
-    getAndClearFocusDrawPosition(): number | undefined;
-    /**
-     * Assign a BYE to a specific draw position
-     * Note: Direct assignment replaces existing assignment (even with scores)
-     */
-    assignBye({ drawPosition }: {
+    }): DrawAssignmentResult;
+    assignBye(params: {
         drawPosition: number;
-    }): {
-        success: boolean;
-        error?: any;
-    };
-    /**
-     * Assign a QUALIFIER placeholder to a specific draw position
-     * Note: Used when structure has qualifying stage feeding into it
-     */
-    assignQualifier({ drawPosition }: {
+    }): DrawAssignmentResult;
+    assignQualifier(params: {
         drawPosition: number;
-    }): {
-        success: boolean;
-        error?: any;
-    };
-    /**
-     * Get all matchUps for the draw with properly populated drawPosition data
-     */
+    }): DrawAssignmentResult;
+    removeAssignment(params: {
+        drawPosition: number;
+    }): DrawAssignmentResult;
+    getAndClearFocusDrawPosition(): number | undefined;
     getMatchUps(): any[];
-    /**
-     * Get current tournament state
-     */
-    getState(): any;
-    /**
-     * Get draw context information
-     */
+    /** A copy of the current record. Asynchronous hosts are queried at call time. */
+    getState(): Tournament | undefined;
     getContext(): {
         drawId: string;
         structureId: string;

package/dist/helpers/escapeHtml.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Escapes a value for interpolation into HTML text or a quoted attribute. Record data (names,
+ * notes, addresses) comes from servers, integrators and imported files, so it must never be
+ * parsed as markup. Prefer `textContent` where an element holds only the value; use this where
+ * the value sits inside a larger HTML template.
+ */
+export declare function escapeHtml(value: unknown): string;

package/dist/index.d.ts

@@ -83,6 +83,8 @@ export { renderMenu } from './components/forms/renderMenu';
 export { validator } from './components/forms/renderValidator';
 export * as validators from './validators';
 export { DrawStateManager } from './helpers/drawStateManager';
+export { escapeHtml } from './helpers/escapeHtml';
+export type { DrawStateAdapter, DrawAssignmentMethod, DrawAssignmentParams, DrawAssignmentResult } from './helpers/drawStateManager';
 export type { RenderCallback } from './helpers/drawStateManager';
 export { wrapSearchWithClear, syncClearVisibility } from './helpers/searchClearButton';
 export { burstChart } from './components/burstChart/burstChart';

package/dist/segmented-bar.mjs

@@ -0,0 +1,27 @@
+//#region src/components/segmentedBar/buildSegmentedBar.ts
+function e(e) {
+	let { segments: t, onSegmentClick: n } = e, r = document.createElement("div");
+	r.className = "chc-sb";
+	let i = {}, a = {};
+	for (let { key: e, label: o, color: s } of t) {
+		i[e] = o;
+		let t = document.createElement("div");
+		t.className = "chc-sb__seg", t.dataset.key = e, t.style.setProperty("--seg-bg", s), n && (t.classList.add("is-clickable"), t.setAttribute("role", "button"), t.addEventListener("click", () => n(e))), a[e] = t, r.appendChild(t);
+	}
+	return {
+		element: r,
+		update: (e) => {
+			let n = t.reduce((t, n) => t + (e[n.key] || 0), 0);
+			if (r.style.display = n > 0 ? "flex" : "none", n) for (let { key: n } of t) {
+				let t = a[n], r = e[n] || 0;
+				r === 0 ? (t.style.flex = "0 0 0", t.style.padding = "0", t.textContent = "", t.removeAttribute("title")) : (t.style.flex = `${r} 1 0`, t.style.padding = "0 4px", t.textContent = String(r), t.title = `${i[n]}: ${r}`);
+			}
+		},
+		setActive: (e) => {
+			r.classList.toggle("has-active", !!e);
+			for (let { key: n } of t) a[n].classList.toggle("is-active", n === e);
+		}
+	};
+}
+//#endregion
+export { e as buildSegmentedBar };