@ethlete/cdk 4.46.1 → 4.48.0

package/lib/components/bracket/components/new-bracket/bracket-new.d.ts

@@ -14,6 +14,9 @@ export type BracketMatchPosition = number & {
 export type MatchParticipantId = string & {
     __brand: 'MatchParticipantId';
 };
+export type MatchParticipantShortId = string & {
+    __brand: 'MatchParticipantShortId';
+};
 export type BracketRoundSwissGroupId = string & {
     __brand: 'BracketRoundSwissGroupId';
 };
@@ -51,6 +54,17 @@ export type DoubleEliminationBracketRoundType = CommonBracketRoundType | (typeof
 export type SwissBracketRoundType = (typeof SWISS_BRACKET_ROUND_TYPE)[keyof typeof SWISS_BRACKET_ROUND_TYPE];
 export type GroupBracketRoundType = (typeof GROUP_BRACKET_ROUND_TYPE)[keyof typeof GROUP_BRACKET_ROUND_TYPE];
 export type BracketRoundType = SingleEliminationBracketRoundType | DoubleEliminationBracketRoundType | SwissBracketRoundType | GroupBracketRoundType;
+export type BracketRoundSource<TRoundData> = {
+    type: BracketRoundType;
+    id: string;
+    data: TRoundData;
+    name: string;
+};
+export declare const BRACKET_ROUND_MIRROR_TYPE: {
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+};
+export type BracketRoundMirrorType = (typeof BRACKET_ROUND_MIRROR_TYPE)[keyof typeof BRACKET_ROUND_MIRROR_TYPE];
 export type BracketRound<TRoundData, TMatchData> = {
     index: number;
     type: BracketRoundType;
@@ -60,6 +74,8 @@ export type BracketRound<TRoundData, TMatchData> = {
     name: string;
     matchCount: number;
     matches: BracketMatchMap<TRoundData, TMatchData>;
+    mirrorRoundType: BracketRoundMirrorType | null;
+    isFirstRound: boolean;
 };
 export type BracketMatchStatus = 'completed' | 'pending';
 export type BracketMatch<TRoundData, TMatchData> = {
@@ -68,8 +84,18 @@ export type BracketMatch<TRoundData, TMatchData> = {
     id: BracketMatchId;
     round: BracketRound<TRoundData, TMatchData>;
     position: BracketMatchPosition;
-    home: MatchParticipantId | null;
-    away: MatchParticipantId | null;
+    home: BracketParticipant<TRoundData, TMatchData> | null;
+    away: BracketParticipant<TRoundData, TMatchData> | null;
+    winnerSide: OpponentSide | null;
+    winner: BracketParticipant<TRoundData, TMatchData> | null;
+    status: BracketMatchStatus;
+};
+export type BracketMatchSource<TMatchData> = {
+    data: TMatchData;
+    id: string;
+    roundId: string;
+    home: string | null;
+    away: string | null;
     winner: OpponentSide | null;
     status: BracketMatchStatus;
 };
@@ -77,10 +103,17 @@ export type BracketRoundMap<TRoundData, TMatchData> = Map<BracketRoundId, Bracke
 export type BracketMatchMap<TRoundData, TMatchData> = Map<BracketMatchId, BracketMatch<TRoundData, TMatchData>>;
 export type BracketData<TRoundData, TMatchData> = {
     rounds: BracketRoundMap<TRoundData, TMatchData>;
+    roundIds: BracketRoundId[];
     matches: BracketMatchMap<TRoundData, TMatchData>;
+    matchIds: BracketMatchId[];
     participants: BracketParticipantMap<TRoundData, TMatchData>;
     mode: TournamentMode;
 };
+export type BracketDataSource<TRoundData, TMatchData> = {
+    rounds: BracketRoundSource<TRoundData>[];
+    matches: BracketMatchSource<TMatchData>[];
+    mode: TournamentMode;
+};
 export type AnyBracketData = BracketData<unknown, unknown>;
 export type BracketMatchRelationOneToOne<TRoundData, TMatchData> = {
     type: 'one-to-one';
@@ -198,6 +231,7 @@ export type BracketParticipantMatch<TRoundData, TMatchData> = {
 };
 export type BracketParticipant<TRoundData, TMatchData> = {
     id: MatchParticipantId;
+    shortId: MatchParticipantShortId;
     name: string;
     matches: Map<BracketMatchId, BracketParticipantMatch<TRoundData, TMatchData>>;
 };
@@ -215,9 +249,30 @@ export type BracketRoundSwissData<TRoundData, TMatchData> = {
 };
 export type BracketRoundMapWithSwissData<TRoundData, TMatchData> = Map<BracketRoundId, BracketRoundSwissData<TRoundData, TMatchData>>;
 export type BracketRoundTypeMap<TRoundData, TMatchData> = Map<BracketRoundType, BracketRoundMap<TRoundData, TMatchData>>;
-export declare const generateRoundTypeFromEthleteRoundType: (type: RoundType, tournamentMode: TournamentMode) => BracketRoundType;
+export declare const generateRoundTypeFromEthleteRoundType: (type: RoundType, tournamentMode: TournamentMode, roundMatchCount: number) => BracketRoundType;
 export declare const generateTournamentModeFormEthleteRounds: (source: RoundStageStructureWithMatchesView[]) => TournamentMode;
-export declare const generateBracketDataForEthlete: (source: RoundStageStructureWithMatchesView[]) => BracketData<RoundStageStructureView, MatchListViewUnion>;
+export declare const canRenderLayoutInTournamentMode: (layout: BracketDataLayout, mode: TournamentMode) => boolean;
+export declare const BRACKET_DATA_LAYOUT: {
+    readonly LEFT_TO_RIGHT: "left-to-right";
+    readonly MIRRORED: "mirrored";
+};
+export type BracketDataLayout = (typeof BRACKET_DATA_LAYOUT)[keyof typeof BRACKET_DATA_LAYOUT];
+export declare const FIRST_ROUNDS_TYPE: {
+    readonly SINGLE: "single";
+    readonly DOUBLE: "double";
+};
+export type FirstRoundsType = (typeof FIRST_ROUNDS_TYPE)[keyof typeof FIRST_ROUNDS_TYPE];
+export type FirstSingleRounds<TRoundData, TMatchData> = {
+    type: typeof FIRST_ROUNDS_TYPE.SINGLE;
+    first: BracketRound<TRoundData, TMatchData>;
+};
+export type FirstDoubleRounds<TRoundData, TMatchData> = {
+    type: typeof FIRST_ROUNDS_TYPE.DOUBLE;
+    upper: BracketRound<TRoundData, TMatchData>;
+    lower: BracketRound<TRoundData, TMatchData>;
+};
+export type FirstRounds<TRoundData, TMatchData> = FirstSingleRounds<TRoundData, TMatchData> | FirstDoubleRounds<TRoundData, TMatchData>;
+export declare const getFirstRounds: <TRoundData, TMatchData>(bracketData: BracketData<TRoundData, TMatchData>, roundTypeMap: BracketRoundTypeMap<TRoundData, TMatchData>) => FirstRounds<TRoundData, TMatchData>;
 export declare const generateMatchPositionMaps: <TRoundData, TMatchData>(bracketData: BracketData<TRoundData, TMatchData>) => MatchPositionMaps<TRoundData, TMatchData>;
 export declare const generateBracketRoundTypeMap: <TRoundData, TMatchData>(bracketData: BracketData<TRoundData, TMatchData>) => BracketRoundTypeMap<TRoundData, TMatchData>;
 export declare const generateRoundRelations: <TRoundData, TMatchData>(bracketData: BracketData<TRoundData, TMatchData>) => BracketRoundRelations<TRoundData, TMatchData>;
@@ -236,3 +291,8 @@ export declare const getAvailableSwissGroupsForRound: (roundNumber: number, tota
     matchesInGroup: number;
 }[];
 export declare const generateBracketRoundSwissGroupMaps: <TRoundData, TMatchData>(bracketData: BracketData<TRoundData, TMatchData>, matchParticipantMap: MatchParticipantMap<TRoundData, TMatchData>) => BracketRoundMapWithSwissData<TRoundData, TMatchData> | null;
+export declare const generateBracketDataForEthlete: (source: RoundStageStructureWithMatchesView[]) => BracketDataSource<RoundStageStructureView, MatchListViewUnion>;
+export type GenerateBracketDataOptions = {
+    layout: BracketDataLayout;
+};
+export declare const generateBracketData: <TRoundData, TMatchData>(source: BracketDataSource<TRoundData, TMatchData>, options: GenerateBracketDataOptions) => BracketData<TRoundData, TMatchData>;

package/lib/components/bracket/components/new-bracket/draw-man.d.ts

@@ -1,4 +1,4 @@
-import { BracketRoundId, BracketRoundRelations } from './bracket-new';
+import { BracketRoundId, FirstRounds } from './bracket-new';
 import { BracketGridDefinitions } from './grid-definitions';
 import { BracketGridRoundItem } from './grid-placements';
 export type DrawManDimensions = {
@@ -8,5 +8,19 @@ export type DrawManDimensions = {
     columnGap: number;
     rowGap: number;
     gridDefinitions: BracketGridDefinitions;
+    path: Omit<PathOptions, 'className'>;
+    curve: Omit<CurveOptions, 'path' | 'inverted'>;
 };
-export declare const drawMan: <TRoundData, TMatchData>(items: Map<BracketRoundId, BracketGridRoundItem<TRoundData, TMatchData>>, roundRelations: BracketRoundRelations<TRoundData, TMatchData>, dimensions: DrawManDimensions) => string;
+type PathOptions = {
+    width: number;
+    dashArray: number;
+    dashOffset: number;
+    className: string;
+};
+type CurveOptions = {
+    lineStartingCurveAmount: number;
+    lineEndingCurveAmount: number;
+    path: PathOptions;
+};
+export declare const drawMan: <TRoundData, TMatchData>(items: Map<BracketRoundId, BracketGridRoundItem<TRoundData, TMatchData>>, firstRounds: FirstRounds<TRoundData, TMatchData>, dimensions: DrawManDimensions) => string;
+export {};

package/lib/components/bracket/components/new-bracket/grid-placements.d.ts

@@ -13,6 +13,7 @@ export type BracketMatchComponent<TRoundData, TMatchData> = ComponentType<{
 }>;
 export type BracketGridRoundItem<TRoundData, TMatchData> = {
     id: string;
+    layoutId: string;
     columnStart: number;
     columnEnd: number;
     roundRelation: BracketRoundRelation<TRoundData, TMatchData>;
@@ -21,8 +22,10 @@ export type BracketGridRoundItem<TRoundData, TMatchData> = {
 export type BracketGridRoundHeaderItem<TRoundData, TMatchData> = {
     type: 'round';
     id: string;
+    layoutId: string;
     rowStart: number;
     rowEnd: number;
+    className: string;
     component: BracketRoundHeaderComponent<TRoundData, TMatchData>;
     roundRelation: BracketRoundRelation<TRoundData, TMatchData>;
     data: {
@@ -32,8 +35,10 @@ export type BracketGridRoundHeaderItem<TRoundData, TMatchData> = {
 export type BracketGridMatchItem<TRoundData, TMatchData> = {
     type: 'match';
     id: string;
+    layoutId: string;
     rowStart: number;
     rowEnd: number;
+    className: string;
     component: BracketMatchComponent<TRoundData, TMatchData>;
     matchRelation: BracketMatchRelation<TRoundData, TMatchData>;
     roundRelation: BracketRoundRelation<TRoundData, TMatchData>;
@@ -47,10 +52,12 @@ export type GenerateBracketGridItemsOptions<TRoundData, TMatchData> = {
     includeRoundHeaders: boolean;
     headerComponent?: BracketRoundHeaderComponent<TRoundData, TMatchData>;
     matchComponent?: BracketMatchComponent<TRoundData, TMatchData>;
+    finalMatchComponent?: BracketMatchComponent<TRoundData, TMatchData>;
 };
 export type GenerateBracketGridItemsOptionsWithDefaults<TRoundData, TMatchData> = {
     includeRoundHeaders: boolean;
     headerComponent: BracketRoundHeaderComponent<TRoundData, TMatchData>;
     matchComponent: BracketMatchComponent<TRoundData, TMatchData>;
+    finalMatchComponent: BracketMatchComponent<TRoundData, TMatchData>;
 };
 export declare const generateBracketGridItems: <TRoundData, TMatchData>(bracketData: BracketData<TRoundData, TMatchData>, roundTypeMap: BracketRoundTypeMap<TRoundData, TMatchData>, swissGroups: BracketRoundMapWithSwissData<TRoundData, TMatchData> | null, roundRelations: BracketRoundRelations<TRoundData, TMatchData>, matchRelations: BracketMatchRelationsMap<TRoundData, TMatchData>, options: GenerateBracketGridItemsOptions<TRoundData, TMatchData>) => Map<BracketRoundId, BracketGridRoundItem<TRoundData, TMatchData>>;

package/lib/components/bracket/components/new-bracket/journey-highlight.d.ts

@@ -0,0 +1,2 @@
+import { BracketData } from './bracket-new';
+export declare const createJourneyHighlight: <TRoundData, TMatchData>(bracketData: BracketData<TRoundData, TMatchData>) => string;

package/lib/components/bracket/components/new-bracket/new-bracket.component.d.ts

@@ -1,17 +1,26 @@
-import { BracketData } from './bracket-new';
+import { BracketDataLayout, BracketDataSource } from './bracket-new';
 import { BracketMatchComponent, BracketRoundHeaderComponent } from './grid-placements';
 import * as i0 from "@angular/core";
 export declare class NewBracketComponent<TRoundData = unknown, TMatchData = unknown> {
     #private;
-    bracketData: import("@angular/core").InputSignal<BracketData<TRoundData, TMatchData>>;
+    source: import("@angular/core").InputSignal<BracketDataSource<TRoundData, TMatchData>>;
     columnWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
     matchHeight: import("@angular/core").InputSignalWithTransform<number, unknown>;
     roundHeaderHeight: import("@angular/core").InputSignalWithTransform<number, unknown>;
     columnGap: import("@angular/core").InputSignalWithTransform<number, unknown>;
     rowGap: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    lineStartingCurveAmount: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    lineEndingCurveAmount: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    lineWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    lineDashArray: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    lineDashOffset: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    disableJourneyHighlight: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    layout: import("@angular/core").InputSignal<BracketDataLayout>;
     hideRoundHeaders: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     roundHeaderComponent: import("@angular/core").InputSignal<BracketRoundHeaderComponent<TRoundData, TMatchData> | undefined>;
     matchComponent: import("@angular/core").InputSignal<BracketMatchComponent<TRoundData, TMatchData> | undefined>;
+    finalMatchComponent: import("@angular/core").InputSignal<BracketMatchComponent<TRoundData, TMatchData> | undefined>;
+    bracketData: import("@angular/core").Signal<import("./bracket-new").BracketData<TRoundData, TMatchData>>;
     roundTypeMap: import("@angular/core").Signal<import("./bracket-new").BracketRoundTypeMap<TRoundData, TMatchData>>;
     matchParticipantMap: import("@angular/core").Signal<import("./bracket-new").MatchParticipantMap<TRoundData, TMatchData>>;
     matchPositionsMap: import("@angular/core").Signal<import("./bracket-new").MatchPositionMaps<TRoundData, TMatchData>>;
@@ -20,7 +29,10 @@ export declare class NewBracketComponent<TRoundData = unknown, TMatchData = unkn
     swissGroups: import("@angular/core").Signal<import("./bracket-new").BracketRoundMapWithSwissData<TRoundData, TMatchData> | null>;
     items: import("@angular/core").Signal<Map<import("./bracket-new").BracketRoundId, import("./grid-placements").BracketGridRoundItem<TRoundData, TMatchData>>>;
     definitions: import("@angular/core").Signal<import("./grid-definitions").BracketGridDefinitions>;
+    firstRounds: import("@angular/core").Signal<import("./bracket-new").FirstRounds<TRoundData, TMatchData>>;
     drawManData: import("@angular/core").Signal<import("@angular/platform-browser").SafeHtml>;
+    journeyHighlight: import("@angular/core").Signal<string | null>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NewBracketComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NewBracketComponent<any, any>, "et-new-bracket", never, { "bracketData": { "alias": "bracketData"; "required": true; "isSignal": true; }; "columnWidth": { "alias": "columnWidth"; "required": false; "isSignal": true; }; "matchHeight": { "alias": "matchHeight"; "required": false; "isSignal": true; }; "roundHeaderHeight": { "alias": "roundHeaderHeight"; "required": false; "isSignal": true; }; "columnGap": { "alias": "columnGap"; "required": false; "isSignal": true; }; "rowGap": { "alias": "rowGap"; "required": false; "isSignal": true; }; "hideRoundHeaders": { "alias": "hideRoundHeaders"; "required": false; "isSignal": true; }; "roundHeaderComponent": { "alias": "roundHeaderComponent"; "required": false; "isSignal": true; }; "matchComponent": { "alias": "matchComponent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewBracketComponent<any, any>, "et-new-bracket", never, { "source": { "alias": "source"; "required": true; "isSignal": true; }; "columnWidth": { "alias": "columnWidth"; "required": false; "isSignal": true; }; "matchHeight": { "alias": "matchHeight"; "required": false; "isSignal": true; }; "roundHeaderHeight": { "alias": "roundHeaderHeight"; "required": false; "isSignal": true; }; "columnGap": { "alias": "columnGap"; "required": false; "isSignal": true; }; "rowGap": { "alias": "rowGap"; "required": false; "isSignal": true; }; "lineStartingCurveAmount": { "alias": "lineStartingCurveAmount"; "required": false; "isSignal": true; }; "lineEndingCurveAmount": { "alias": "lineEndingCurveAmount"; "required": false; "isSignal": true; }; "lineWidth": { "alias": "lineWidth"; "required": false; "isSignal": true; }; "lineDashArray": { "alias": "lineDashArray"; "required": false; "isSignal": true; }; "lineDashOffset": { "alias": "lineDashOffset"; "required": false; "isSignal": true; }; "disableJourneyHighlight": { "alias": "disableJourneyHighlight"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "hideRoundHeaders": { "alias": "hideRoundHeaders"; "required": false; "isSignal": true; }; "roundHeaderComponent": { "alias": "roundHeaderComponent"; "required": false; "isSignal": true; }; "matchComponent": { "alias": "matchComponent"; "required": false; "isSignal": true; }; "finalMatchComponent": { "alias": "finalMatchComponent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "4.46.1",
+  "version": "4.48.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",