courthive-components 6.14.0 → 7.1.0

package/dist/courts.mjs

@@ -1,4 +1,4 @@
-//#region src/components/courts/courts.ts
+// src/components/courts/courts.ts
 var e = "court-line";
 function t(e, t) {
 	let n = document.createElementNS("http://www.w3.org/2000/svg", e);
@@ -325,8 +325,7 @@ function l(r) {
 	}));
 	return i;
 }
-//#endregion
-//#region src/components/courts/courtSvgUtil.ts
+// src/components/courts/courtSvgUtil.ts
 var u = "COURT_SVG", d = {
 	tennis: r,
 	basketball: i,
@@ -371,5 +370,4 @@ 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/{dist-DPnSc4eG.mjs → dist-BuZ2aY07.mjs}

@@ -1,4 +1,4 @@
-//#region node_modules/.pnpm/timepicker-ui@4.6.0/node_modules/timepicker-ui/dist/index.js
+// node_modules/.pnpm/timepicker-ui@4.6.0/node_modules/timepicker-ui/dist/index.js
 var e = () => typeof window > "u", t = () => typeof document < "u", n = () => new Intl.DateTimeFormat(void 0, { hour: "numeric" }).resolvedOptions().hour12 ? "12h" : "24h", r = [
 	[
 		"ui",
@@ -1293,11 +1293,7 @@ var St = (e, t) => t === "hour" ? e.options.clock.type === "12h" ? [1, 12] : [0,
 		"second"
 	]
 ], Pt = (e) => {
-	if (typeof requestAnimationFrame > "u") {
-		e();
-		return;
-	}
-	requestAnimationFrame(() => e());
+	typeof requestAnimationFrame > "u" ? e() : requestAnimationFrame(() => e());
 }, G = (e) => {
 	e?.classList.remove("mobile"), e?.classList.add("expanded");
 }, Ft = class {
@@ -1336,13 +1332,9 @@ var St = (e, t) => t === "hour" ? e.options.clock.type === "12h" ? [1, 12] : [0,
 	}
 	switchLandscape(e, t) {
 		let { modal: n, wrapper: r, clockWrapper: i, clockFace: a } = e, o = this.core.options.ui.animation && !T();
-		if (o && n.classList.add(jt), t ? (a?.classList.remove("scale-in"), i?.classList.add("mobile"), this.finishCollapse(e)) : (this.showClockView(e), G(r), G(i), a?.classList.add("scale-in")), !o) {
-			this.release(e);
-			return;
-		}
-		setTimeout(() => {
+		o && n.classList.add(jt), t ? (a?.classList.remove("scale-in"), i?.classList.add("mobile"), this.finishCollapse(e)) : (this.showClockView(e), G(r), G(i), a?.classList.add("scale-in")), o ? setTimeout(() => {
 			n.classList.remove(jt), this.release(e);
-		}, m.WRAPPER_TRANSITION);
+		}, m.WRAPPER_TRANSITION) : this.release(e);
 	}
 	collapsePortrait(e) {
 		e.clockFace?.classList.toggle("scale-in", !e.isOriginallyMobile), e.clockWrapper?.classList.remove("expanded"), e.isOriginallyMobile && e.clockWrapper?.classList.add("mobile"), Pt(() => {
@@ -1479,14 +1471,10 @@ var Jt = class {
 	}
 	getDisableTime() {
 		let e = Bt(this.core.options) || null, t = this.buildPredicate();
-		if (this.core.setTimePredicate(t), !t) {
-			this.core.setDisabledTime(e);
-			return;
-		}
-		this.core.setDisabledTime({ value: {
+		this.core.setTimePredicate(t), t ? this.core.setDisabledTime({ value: {
 			...e?.value,
 			predicate: t
-		} });
+		} }) : this.core.setDisabledTime(e);
 	}
 	clearPredicateCache() {
 		this.core.timePredicate?.clear();
@@ -2053,17 +2041,13 @@ var nn = class {
 		let t = this.getClockSystem();
 		if (!t) return;
 		let n = this.convertDisabledTime();
-		if (!e) {
-			t.updateDisabledTime(n);
-			return;
-		}
-		t.updateDisabledTime({
+		e ? t.updateDisabledTime({
 			...n,
 			rangeFromType: e.fromType,
 			rangeFromHour: e.fromHour,
 			rangeFromMinute: e.fromMinute ?? _n(e.minutes),
 			rangeFromSecond: _n(e.seconds)
-		});
+		}) : t.updateDisabledTime(n);
 	}
 }, yn = /* @__PURE__ */ new WeakMap(), bn = (e, t) => {
 	let n = e.clockType ?? t, r = yn.get(e);
@@ -2213,13 +2197,9 @@ var nn = class {
 	}
 	animateToAngle(e) {
 		let t = Z.calculateShortestPath(this.currentAngle, e);
-		if (this.currentAngle = t, T()) {
-			this.config.clockHand.style.transform = `rotateZ(${t}deg)`;
-			return;
-		}
-		this.clearSnapTimeout(), this.config.clockHand.classList.add("tp-ui-tips-animation"), this.config.clockHand.style.transform = `rotateZ(${t}deg)`, this.snapTimeout = setTimeout(() => {
+		this.currentAngle = t, T() ? this.config.clockHand.style.transform = `rotateZ(${t}deg)` : (this.clearSnapTimeout(), this.config.clockHand.classList.add("tp-ui-tips-animation"), this.config.clockHand.style.transform = `rotateZ(${t}deg)`, this.snapTimeout = setTimeout(() => {
 			this.snapTimeout = null, this.config.clockHand.classList.remove("tp-ui-tips-animation");
-		}, m.TIPS_ANIMATION);
+		}, m.TIPS_ANIMATION));
 	}
 	clearSnapTimeout() {
 		this.snapTimeout !== null && (clearTimeout(this.snapTimeout), this.snapTimeout = null);
@@ -3060,11 +3040,7 @@ var er = class {
 		this.core.setIsOpen(!1), this.releaseOpenView(), this.core.setIsModalRemove(!0), this.eventsBundle(!0), e !== null && this.managers.modal.restoreFocus(e);
 	}
 	discardSelection() {
-		if (j(this.core.options)) {
-			this.rerender(), this.core.getCancelButton()?.focus();
-			return;
-		}
-		this.unmount();
+		j(this.core.options) ? (this.rerender(), this.core.getCancelButton()?.focus()) : this.unmount();
 	}
 	closeUnlessInline() {
 		j(this.core.options) || this.unmount();
@@ -3124,11 +3100,7 @@ var er = class {
 		this.managers.modal.setScrollbarOrNot(), this.managers.modal.setModalTemplate(), this.managers.modal.setNormalizeClass(), this.managers.modal.removeBackdrop();
 	}
 	applyExpandedState() {
-		if (this.core.isMobileView) {
-			this.managers.config.updateClockFaceAccessibility(!0);
-			return;
-		}
-		this.core.getModalElement()?.querySelectorAll("*").forEach((e) => {
+		this.core.isMobileView ? this.managers.config.updateClockFaceAccessibility(!0) : this.core.getModalElement()?.querySelectorAll("*").forEach((e) => {
 			e.classList.contains("tp-ui-select-time") || e.classList.add("expanded");
 		});
 	}
@@ -3316,11 +3288,7 @@ var $ = /* @__PURE__ */ new Map(), pr = class {
 		this.lifecycle.mount(), e && e();
 	}
 	close(e, t) {
-		if (e) {
-			this.lifecycle.unmount(t, !0);
-			return;
-		}
-		this.lifecycle.unmount(), t && t();
+		e ? this.lifecycle.unmount(t, !0) : (this.lifecycle.unmount(), t && t());
 	}
 	destroy(e) {
 		$.delete(this.core.instanceId), this.lifecycle.destroy(e);
@@ -3469,5 +3437,4 @@ var $ = /* @__PURE__ */ new Map(), pr = class {
 		Array.from($.values()).forEach((e) => e.destroy()), $.clear();
 	}
 };
-//#endregion
 export { E as PluginRegistry, pr as TimepickerUI };

package/dist/features.css

@@ -1,2 +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}
+.court-line{stroke:color-mix(in srgb, var(--chc-accent-indigo,#667eea) 70%, transparent);stroke-width:1.5px;fill:none;vector-effect:non-scaling-stroke}.court--tennis .court-line{stroke:color-mix(in srgb, var(--chc-accent-indigo,#667eea) 80%, transparent)}.court--basketball .court-line{stroke:color-mix(in srgb, var(--chc-accent-purple,#f093fb) 70%, transparent)}.court--baseball .court-line{stroke:color-mix(in srgb, var(--chc-accent-red,#f5576c) 70%, transparent)}.court--hockey .court-line{stroke:color-mix(in srgb, var(--chc-accent-blue,#4facfe) 75%, transparent)}.court--pickleball .court-line{stroke:color-mix(in srgb, var(--chc-accent-green,#43e97b) 70%, transparent)}.court--badminton .court-line{stroke:color-mix(in srgb, var(--chc-accent-teal,#38f9d7) 70%, transparent)}.court--padel .court-line{stroke:color-mix(in srgb, var(--chc-accent-orange,#ffb74d) 75%, transparent)}.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));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/index.d.ts

@@ -1,8 +1,10 @@
 export { renderParticipant } from './components/renderStructure/renderParticipant';
 export { renderParticipantInput } from './components/renderStructure/renderParticipantInput';
 export { renderRoundHeader } from './components/renderStructure/renderRoundHeader';
-export { renderStructure } from './components/renderStructure/renderStructure';
+export { renderStructure, applyFavourites } from './components/renderStructure/renderStructure';
 export { renderContainer } from './components/renderStructure/renderContainer';
+export { renderMatchUpInPlace } from './components/renderStructure/renderMatchUpInPlace';
+export { renderRoundPager } from './components/renderStructure/renderRoundPager';
 export { renderMatchUp } from './components/renderStructure/renderMatchUp';
 export { compositions } from './compositions/compositions';
 export { resolvePublishedComposition } from './compositions/resolvePublishedComposition';
@@ -11,7 +13,7 @@ export { renderRound } from './components/renderStructure/renderRound';
 export { buildStructureMinimap } from './components/renderStructure/renderStructureMinimap';
 export type { StructureMinimapOptions } from './components/renderStructure/renderStructureMinimap';
 export { renderSchematicStructure, renderSchematicRound, renderSchematicMatchUp } from './components/renderSchematicStructure';
-export type { SchematicMatchUp } from './components/renderSchematicStructure';
+export type { SchematicMatchUp, SchematicOptions } from './components/renderSchematicStructure';
 export { cModal } from './components/modal/cmodal';
 export { getMockParticipantsModal } from './components/modal/mockParticipants';
 export type { MockParticipantsConfig } from './components/modal/mockParticipants';
@@ -28,14 +30,14 @@ export { getCategoryModal } from './components/categories/category/category';
 export type { CategoryConfig, Category } from './components/categories/category/category';
 export { getFlightProfileModal } from './components/flightProfile/flightProfileNew';
 export type { FlightProfileConfig } from './components/flightProfile/flightProfileNew';
-export { scoringModal } from './components/scoring/scoringModal';
-export { setScoringConfig, getScoringConfig, resetScoringConfig } from './components/scoring/config';
-export type { ScoringModalParams, ScoringModalLabels, ScoreOutcome, SetScore } from './components/scoring/types';
 export type { StatusCodeGroups, StatusCodeEntry } from './components/scoring/logic/statusCodes';
+export type { SetScore } from './components/scoring/types';
 export { openScoreEntryDialog } from './components/scoring/scoreEntryDialog';
 export type { ScoreEntryDialogParams, ScoreEntryApproach, ScoreEntryDialog } from './components/scoring/scoreEntryDialog';
 export type { ScoreEntryOutcome, ScoreEntryCard } from './components/scoring/scoreEntryCard';
 export { toEngineOutcome } from './components/scoring/logic/engineOutcome';
+export { SCORE_ENTRY_TEXT, scoreEntryText } from './components/scoring/logic/scoreEntryText';
+export type { ScoreEntryTextKey, ScoreEntryLabels } from './components/scoring/logic/scoreEntryText';
 export type { EngineOutcome as ScoreEntryEngineOutcome } from './components/scoring/logic/engineOutcome';
 export { getSetFormatForIndex, isSetTiebreakOnly, isSetTimed, getMaxAllowedScore, isSetComplete, getSetWinner, isMatchComplete, getMatchWinner, calculateComplement, shouldApplySmartComplement, shouldShowTiebreak, shouldCreateNextSet, buildSetScore } from './components/scoring/logic/dynamicSetsLogic';
 export type { SetFormat, MatchUpConfig, SmartComplementResult } from './components/scoring/logic/dynamicSetsLogic';

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

@@ -1,4 +1,4 @@
-//#region node_modules/.pnpm/timepicker-ui@4.6.0/node_modules/timepicker-ui/dist/plugins/range.js
+// 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);
@@ -627,5 +627,4 @@ var G = class {
 	name: "range",
 	factory: (e, t) => new G(e, t)
 };
-//#endregion
 export { K as RangePlugin };

package/dist/segmented-bar.mjs

@@ -1,4 +1,4 @@
-//#region src/components/segmentedBar/buildSegmentedBar.ts
+// src/components/segmentedBar/buildSegmentedBar.ts
 function e(e) {
 	let { segments: t, onSegmentClick: n } = e, r = document.createElement("div");
 	r.className = "chc-sb";
@@ -23,5 +23,4 @@ function e(e) {
 		}
 	};
 }
-//#endregion
 export { e as buildSegmentedBar };

package/dist/styles/themes/createTheme.d.ts

@@ -2,4 +2,10 @@
  * Theme system — plain CSS class names.
  * Replaces Stitches createTheme(). Theme classes are defined in themes.css.
  */
+/**
+ * @deprecated `overrides` is ignored: the theme is the CSS class this returns, styled in themes.css.
+ * Change a composition's look with its `colors` (`CompositionColors`) or the `--chc-*` CSS tokens.
+ *
+ * Still returns the class name; kept until a later major decides its removal.
+ */
 export declare function createTheme(name: string, _overrides: Record<string, any>): string;

package/dist/types.d.ts

@@ -1,5 +1,11 @@
-import { SideExitProvenance } from 'tods-competition-factory';
-export type { SideExitProvenance, SideExitProvenanceEntry } from 'tods-competition-factory';
+import { OnlineResource, SideExitProvenance } from 'tods-competition-factory';
+export type { OnlineResource, SideExitProvenance, SideExitProvenanceEntry } from 'tods-competition-factory';
+/**
+ * The `resourceSubType`s the structure renders an icon for, on a matchUp's `onlineResources` entry
+ * with `resourceType: 'URL'`. A CODES convention (CA, 2026-10-25), documented in the factory docs
+ * (CODES › Online resources): a recording, a live stream, a statistics page of THAT matchUp.
+ */
+export type OnlineResourceSubType = 'VIDEO' | 'STREAM' | 'STATS';
 export interface MatchUp {
     matchUpId: string;
     matchUpType?: 'SINGLES' | 'DOUBLES' | 'TEAM' | 'HYBRID';
@@ -38,6 +44,13 @@ export interface MatchUp {
     schedule?: Schedule;
     readyToScore?: boolean;
     sideExitProvenance?: SideExitProvenance;
+    /** A recording, stream or stats page of this matchUp; see `OnlineResourceSubType`. */
+    onlineResources?: OnlineResource[];
+    /** The side serving the next point, the factory's own name for it (ScoringEngine `getNextServer() + 1`). */
+    serverSideNumber?: 1 | 2;
+    /** On a hydrated (inContext) matchUp; `configuration.scheduleInfo.eventRound` shows it. */
+    eventName?: string;
+    roundName?: string;
     [key: string]: any;
 }
 export interface Side {
@@ -150,6 +163,12 @@ export interface SideScore {
 export interface Schedule {
     scheduledDate?: string;
     scheduledTime?: string;
+    /**
+     * Playing time so far, from the factory's `getMatchUpScheduleDetails` (`matchUpDuration`): suspensions are
+     * excluded, and a live matchUp is counted to the moment it was hydrated. `configuration.scheduleInfo.elapsed`
+     * reads it before `startTime` / `endTime`.
+     */
+    milliseconds?: number;
     startTime?: string;
     endTime?: string;
     courtId?: string;
@@ -157,9 +176,46 @@ export interface Schedule {
     venueId?: string;
     venueAbbreviation?: string;
 }
+export interface ScheduleInfoOptions {
+    /** Playing time (`h:mm`) in place of the date, once the matchUp has started. */
+    elapsed?: boolean;
+    /** The event and round: `Men's Singles - R32` (split layout) or two more `·` parts (inline layout). */
+    eventRound?: boolean;
+    /**
+     * `split` (default): time on the left, location on the right — or, with `eventRound`, icons, time and location
+     * left and the event and round right. `inline`: one line of `·`-separated parts led by `Live` while in progress:
+     * `Live · 0:16 · RMTA Court 8 · Men's Singles · R32`.
+     */
+    layout?: 'split' | 'inline';
+}
+/** Actions under the card, each rendered only when it can do something. */
+export interface MatchUpActions {
+    /** A `Watch` button when the matchUp has a STREAM or VIDEO resource; it opens it as the header icons do. */
+    watch?: boolean;
+    /** A share button, when the host supplies `eventHandlers.matchUpShare`. */
+    share?: boolean;
+}
+export type SideColors = {
+    1?: string;
+    2?: string;
+} | ((params: {
+    matchUp: MatchUp;
+    sideNumber: 1 | 2;
+}) => string | undefined);
 export interface Configuration {
     flags?: boolean;
+    /**
+     * @deprecated Declared but never read. Use `flags`.
+     *
+     * Kept, inert, until a later major decides its removal (structure rendering vNext, CA 2026-10-25).
+     */
     flag?: boolean;
+    /**
+     * @deprecated Renders a demo logo hashed from the participantId, not the participant's own data.
+     * A participant slot renderer is the planned replacement (structure rendering vNext, item 6).
+     *
+     * Still works as before; kept until a later major decides its removal.
+     */
     teamLogo?: boolean;
     roundHeader?: boolean;
     winnerChevron?: boolean;
@@ -175,7 +231,27 @@ export interface Configuration {
     allDrawPositions?: boolean;
     drawPositionColor?: string;
     bracketedSeeds?: boolean | 'square';
-    scheduleInfo?: boolean;
+    /** The header above the card: date and time, then location. The object form adds to it (all off by default). */
+    scheduleInfo?: boolean | ScheduleInfoOptions;
+    /**
+     * A colour per side: `{ 1: '#0047d4', 2: '#dd5d13' }`, or a function the host answers per matchUp (a team's
+     * colour, say). Sets `--chc-side-color` on each side, which colours the winner's or server's name, the sets a
+     * side won, the point score, the tick, and tints the winner's row. Off by default.
+     */
+    sideColors?: SideColors;
+    /**
+     * A serve indicator from `matchUp.serverSideNumber`, while the matchUp is unfinished. Off by default.
+     * `true` / `'column'`: a column on both sides, so the scores stay aligned, filled on the server's.
+     * `'name'`: a dot just after the serving side's name.
+     */
+    serverIndicator?: boolean | 'column' | 'name';
+    /** Watch and share actions under the card. Off by default. */
+    matchUpActions?: MatchUpActions;
+    /**
+     * The `LIVE` pill on each side of an in-progress matchUp. On unless set `false`: a scoreboard whose header and
+     * point score already say the matchUp is live turns it off. Inline scoring's own live chip is not affected.
+     */
+    liveStatusPill?: boolean;
     matchUpFooter?: boolean;
     showAddress?: boolean;
     seedingElement?: 'sup' | 'span';
@@ -187,6 +263,37 @@ export interface Configuration {
      * Set `false` where a consumer renders its own explanation elsewhere.
      */
     seedingBasisMarker?: boolean;
+    /**
+     * The side's entry status beside its seed: `[1, WC]` inside the seed's brackets when `bracketedSeeds` is
+     * set, otherwise a small tag. `true` shows every status but direct acceptance; `'all'` shows that too.
+     * Off by default. Lucky losers keep their own `LL` badge.
+     */
+    entryStatus?: boolean | 'all';
+    /**
+     * A ▲ before the winner's tick when a seed was beaten in a fully scored result (COMPLETED, every set finished;
+     * not a retirement, walkover or default) by an unseeded
+     * side or a lower seed. Off by default. `.tmx-m` carries `data-upset` either way.
+     */
+    upsetMarker?: boolean;
+    /**
+     * Hovering a participant also marks their path through the structure: every matchUp they appear in
+     * (`.chc-path`), the connectors out of the matchUps they won, and, while they are still alive, the
+     * matchUps ahead of them by draw position (`.chc-path--projected`, dashed). Nothing is projected in
+     * round robin, ad hoc or lucky draws. Off by default; the hovered sides highlight either way.
+     */
+    pathHighlight?: boolean;
+    /**
+     * Host renderers for named slots in the structure. Each returns an element, or nothing to leave the slot
+     * empty; the element is wrapped in `.chc-slot.chc-slot--<name>` and never modified. Runtime functions,
+     * so they are set by the host, not stored in a published composition. See `StructureRenderers`.
+     */
+    renderers?: StructureRenderers;
+    /**
+     * @deprecated Adds the class `chc-matchup--custom-hover`, which no CSS rule styles, so it changes
+     * nothing on screen. Use `colors.borderHover` on the composition.
+     *
+     * Still adds the class; kept until a later major decides its removal.
+     */
     matchUpHover?: boolean | string;
     participantDetail?: string;
     inlineAssignment?: boolean;
@@ -204,6 +311,12 @@ export interface Configuration {
         isDirty?: boolean;
         situationText?: string;
     };
+    /**
+     * @deprecated Declared but never read. Which name renders is decided by the participant's own
+     * `useOtherName`.
+     *
+     * Kept, inert, until a later major decides its removal.
+     */
     useParticipantName?: boolean;
     genderColor?: boolean | string;
     winnerColor?: boolean | string;
@@ -212,6 +325,36 @@ export interface Configuration {
         bye?: string;
         qualifier?: string;
     };
+    /**
+     * Length in px of the connector line between rounds. Default 16. Sets `--chc-connector-w`, which the
+     * connector pseudo-elements and the round gap read.
+     */
+    connectorWidth?: number;
+    /**
+     * `'compact'` tightens the structure: less space between matchUps and rounds, shorter and narrower sides,
+     * smaller names and scores. `'comfortable'` (the default) is the existing token set. Both are `--chc-*`
+     * tokens (`--chc-space-matchup`, `--chc-round-gap`, `--chc-participant-min-height`,
+     * `--chc-participant-min-width`, `--chc-participant-name-size`, `--chc-font-size-1`), so a host can set
+     * any one of them instead.
+     */
+    density?: 'compact' | 'comfortable';
+    /**
+     * Rounded corners: the matchUp card, the connector elbows, the status pills and boxed scores. Off by
+     * default. Backed by the tokens `--chc-radius-matchup`, `--chc-radius-connector`, `--chc-radius-pill`
+     * and `--chc-radius-score`; set them on `.chc-rounded` to change the radii.
+     */
+    rounded?: boolean;
+    /**
+     * An icon for each of the matchUp's online resources: play for a VIDEO, a live dot for a STREAM, a
+     * chart for STATS. Off by default. `true` shows all three; `{ subTypes }` narrows it. In the schedule
+     * header's right-hand group when `scheduleInfo` is on, otherwise a badge on the card's top corner.
+     *
+     * A click calls `eventHandlers.onlineResourceClick` when given, otherwise opens the resource's
+     * `identifier` in a new tab (http and https only).
+     */
+    onlineResources?: boolean | {
+        subTypes?: OnlineResourceSubType[];
+    };
     scaleAttributes?: {
         scaleColor?: string;
         scaleType?: string;
@@ -222,6 +365,77 @@ export interface Configuration {
         scalePosition?: 'left' | 'right';
         rawValue?: any;
     };
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    clickAway?: ModalConfiguration['clickAway'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    backdrop?: ModalConfiguration['backdrop'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    maxWidth?: ModalConfiguration['maxWidth'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    fontSize?: ModalConfiguration['fontSize'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    padding?: ModalConfiguration['padding'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    className?: ModalConfiguration['className'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    style?: ModalConfiguration['style'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    info?: ModalConfiguration['info'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    menu?: ModalConfiguration['menu'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    title?: ModalConfiguration['title'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    content?: ModalConfiguration['content'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    footer?: ModalConfiguration['footer'];
+    /**
+     * @deprecated A modal key, read only by `cModal`; it has no effect on a structure. Use
+     * `ModalConfiguration`.
+     */
+    dictionary?: ModalConfiguration['dictionary'];
+}
+/**
+ * The modal's own options (`cModal.open({ config })`). They used to be declared on the structure's
+ * `Configuration`, which they have nothing to do with; their copies there are deprecated.
+ */
+export interface ModalConfiguration {
     clickAway?: boolean;
     backdrop?: boolean;
     maxWidth?: number;
@@ -251,6 +465,41 @@ export interface Configuration {
         close?: string;
     };
 }
+/**
+ * The structure's slots. `matchUpHeader` and `matchUpFooter` add height to the card: until the connector
+ * rework (structure rendering vNext item 10), give every matchUp the same header/footer height or the
+ * connectors drift by the difference.
+ */
+export interface StructureRenderers {
+    /** Top of the card, above the schedule header. */
+    matchUpHeader?: (ctx: {
+        matchUp: MatchUp;
+    }) => HTMLElement | undefined | null;
+    /**
+     * Small status badges: first in the schedule header's right-hand group when `scheduleInfo` is on, else a
+     * badge on the card's top end corner.
+     */
+    matchUpBadges?: (ctx: {
+        matchUp: MatchUp;
+    }) => HTMLElement | undefined | null;
+    /** After the participant's name and seed: a rating, a club, an avatar. */
+    participantSuffix?: (ctx: {
+        individualParticipant?: IndividualParticipant;
+        sideNumber?: number;
+        matchUp?: MatchUp;
+        side?: Side;
+    }) => HTMLElement | undefined | null;
+    /** The card's footer. Replaces the round label when `configuration.matchUpFooter` is on; shows on its own otherwise. */
+    matchUpFooter?: (ctx: {
+        matchUp: MatchUp;
+    }) => HTMLElement | undefined | null;
+    /** Inside the round header, after the round's name. Needs `configuration.roundHeader`. */
+    roundHeader?: (ctx: {
+        roundNumber: number;
+        roundProfile?: any;
+        roundMatchUps?: MatchUp[];
+    }) => HTMLElement | undefined | null;
+}
 export interface CompositionColors {
     /** matchUp border color — sets `--chc-color-border` on the draw container */
     border?: string;
@@ -355,8 +604,47 @@ export interface EventHandlers {
     inlineSubmit?: (params: {
         matchUpId: string;
     }) => void;
+    /** `configuration.matchUpActions.share`: the host shares the matchUp (a link, a native share sheet, …). */
+    matchUpShare?: (params: {
+        pointerEvent: MouseEvent;
+        matchUp: MatchUp;
+    }) => void;
+    onlineResourceClick?: (params: {
+        pointerEvent: MouseEvent;
+        matchUp: MatchUp;
+        onlineResource: OnlineResource;
+    }) => void;
+    centerInfoClick?: (params: {
+        pointerEvent: MouseEvent;
+        matchUp: MatchUp;
+        sideNumber: number;
+    }) => void;
+    scheduleClick?: (params: {
+        pointerEvent: MouseEvent;
+        matchUp?: MatchUp;
+    }) => void;
+    venueClick?: (params: {
+        pointerEvent: MouseEvent;
+        matchUp?: MatchUp;
+    }) => void;
+    roundHeaderClick?: (params: RoundHeaderEventParams) => void;
+    roundVisibilityClick?: (params: RoundHeaderEventParams) => void;
+    groupHeaderClick?: (params: {
+        pointerEvent: MouseEvent;
+        structureId: string;
+        containerStructureId?: string;
+        drawId?: string;
+    }) => void;
+    /** Every key the renderers read is declared above; this admits a host's own keys. */
     [key: string]: any;
 }
+export interface RoundHeaderEventParams {
+    pointerEvent: MouseEvent;
+    roundNumber: number;
+    roundProfile?: any;
+    roundMatchUps?: MatchUp[];
+    context?: any;
+}
 export interface ModalButton {
     label?: string;
     text?: string;
@@ -373,7 +661,12 @@ export interface ModalButton {
         className?: string;
     };
 }
-export interface ModalConfig extends Configuration {
+/**
+ * Accepts exactly the keys it always has: the modal's own, plus the structure keys it used to inherit,
+ * which the modal ignores. The modal keys come from `ModalConfiguration`, so they are not deprecated
+ * here.
+ */
+export interface ModalConfig extends ModalConfiguration, Omit<Configuration, keyof ModalConfiguration> {
     onClose?: (params: {
         content?: any;
     }) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "courthive-components",
-  "packageManager": "pnpm@12.14.0",
-  "version": "6.14.0",
+  "packageManager": "pnpm@12.15.0",
+  "version": "7.1.0",
   "engines": {
     "node": ">=24"
   },
@@ -81,8 +81,8 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.0.0",
-    "@commitlint/cli": "21.2.3",
-    "@commitlint/config-conventional": "21.2.3",
+    "@commitlint/cli": "21.2.4",
+    "@commitlint/config-conventional": "21.2.4",
     "@eslint/js": "^10.0.1",
     "@fortawesome/fontawesome-free": "^7.2.0",
     "@storybook/addon-docs": "^10.2.17",
@@ -91,8 +91,8 @@
     "@types/d3": "^7.4.3",
     "@types/leaflet": "^1.9.12",
     "@types/vanillajs-datepicker": "^1.3.5",
-    "@typescript-eslint/eslint-plugin": "8.71.2",
-    "@typescript-eslint/parser": "8.71.2",
+    "@typescript-eslint/eslint-plugin": "8.72.0",
+    "@typescript-eslint/parser": "8.72.0",
     "@vitest/browser": "^5.0.3",
     "@vitest/browser-playwright": "^5.0.3",
     "@vitest/coverage-v8": "^5.0.0",
@@ -110,10 +110,10 @@
     "prettier": "^3.8.1",
     "semver": "7.8.5",
     "storybook": "^10.2.17",
-    "tabulator-tables": "6.6.1",
-    "tods-competition-factory": "7.21.0",
+    "tabulator-tables": "6.7.1",
+    "tods-competition-factory": "7.23.0",
     "typescript": "^6.0.2",
-    "vite": "8.3.4",
+    "vite": "8.3.5",
     "vite-plugin-dts": "^5.0.0",
     "vitest": "^5.0.0"
   },