@ethlete/cdk 4.46.1 → 4.47.0

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

@@ -51,6 +51,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 +71,7 @@ export type BracketRound<TRoundData, TMatchData> = {
     name: string;
     matchCount: number;
     matches: BracketMatchMap<TRoundData, TMatchData>;
+    mirrorRoundType: BracketRoundMirrorType | null;
 };
 export type BracketMatchStatus = 'completed' | 'pending';
 export type BracketMatch<TRoundData, TMatchData> = {
@@ -73,14 +85,30 @@ export type BracketMatch<TRoundData, TMatchData> = {
     winner: OpponentSide | null;
     status: BracketMatchStatus;
 };
+export type BracketMatchSource<TMatchData> = {
+    data: TMatchData;
+    id: string;
+    roundId: string;
+    home: string | null;
+    away: string | null;
+    winner: OpponentSide | null;
+    status: BracketMatchStatus;
+};
 export type BracketRoundMap<TRoundData, TMatchData> = Map<BracketRoundId, BracketRound<TRoundData, TMatchData>>;
 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';
@@ -116,6 +144,17 @@ export type BracketMatchRelationTwoToOne<TRoundData, TMatchData> = {
     nextMatch: BracketMatch<TRoundData, TMatchData>;
     nextRound: BracketRound<TRoundData, TMatchData>;
 };
+export type BracketMatchRelationOneToTwo<TRoundData, TMatchData> = {
+    type: 'one-to-two';
+    currentMatch: BracketMatch<TRoundData, TMatchData>;
+    currentRound: BracketRound<TRoundData, TMatchData>;
+    previousMatch: BracketMatch<TRoundData, TMatchData>;
+    previousRound: BracketRound<TRoundData, TMatchData>;
+    nextUpperMatch: BracketMatch<TRoundData, TMatchData>;
+    nextUpperRound: BracketRound<TRoundData, TMatchData>;
+    nextLowerMatch: BracketMatch<TRoundData, TMatchData>;
+    nextLowerRound: BracketRound<TRoundData, TMatchData>;
+};
 export type BracketMatchRelationTwoToNothing<TRoundData, TMatchData> = {
     type: 'two-to-nothing';
     currentMatch: BracketMatch<TRoundData, TMatchData>;
@@ -125,7 +164,7 @@ export type BracketMatchRelationTwoToNothing<TRoundData, TMatchData> = {
     previousLowerMatch: BracketMatch<TRoundData, TMatchData>;
     previousLowerRound: BracketRound<TRoundData, TMatchData>;
 };
-export type BracketMatchRelation<TRoundData, TMatchData> = BracketMatchRelationOneToOne<TRoundData, TMatchData> | BracketMatchRelationTwoToOne<TRoundData, TMatchData> | BracketMatchRelationNothingToOne<TRoundData, TMatchData> | BracketMatchRelationOneToNothing<TRoundData, TMatchData> | BracketMatchRelationTwoToNothing<TRoundData, TMatchData>;
+export type BracketMatchRelation<TRoundData, TMatchData> = BracketMatchRelationOneToOne<TRoundData, TMatchData> | BracketMatchRelationTwoToOne<TRoundData, TMatchData> | BracketMatchRelationOneToTwo<TRoundData, TMatchData> | BracketMatchRelationNothingToOne<TRoundData, TMatchData> | BracketMatchRelationOneToNothing<TRoundData, TMatchData> | BracketMatchRelationTwoToNothing<TRoundData, TMatchData>;
 export type BracketMatchRelationsMap<TRoundData, TMatchData> = Map<BracketMatchId, BracketMatchRelation<TRoundData, TMatchData>>;
 export type BracketRoundRelationNothingToOne<TRoundData, TMatchData> = {
     type: 'nothing-to-one';
@@ -217,13 +256,35 @@ export type BracketRoundMapWithSwissData<TRoundData, TMatchData> = Map<BracketRo
 export type BracketRoundTypeMap<TRoundData, TMatchData> = Map<BracketRoundType, BracketRoundMap<TRoundData, TMatchData>>;
 export declare const generateRoundTypeFromEthleteRoundType: (type: RoundType, tournamentMode: TournamentMode) => 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>;
 export declare const generateMatchRelations: <TRoundData, TMatchData>(bracketData: BracketData<TRoundData, TMatchData>, roundRelations: BracketRoundRelations<TRoundData, TMatchData>, matchPositionMaps: MatchPositionMaps<TRoundData, TMatchData>) => BracketMatchRelationsMap<TRoundData, TMatchData>;
 export declare const generateMatchRelationPositions: <TRoundData, TMatchData>(currentRelation: BracketRoundRelation<TRoundData, TMatchData>, match: BracketMatch<TRoundData, TMatchData>) => {
-    nextRoundMatchPosition: BracketMatchPosition;
+    nextUpperRoundMatchPosition: BracketMatchPosition;
+    nextLowerRoundMatchPosition: BracketMatchPosition;
     previousUpperRoundMatchPosition: BracketMatchPosition;
     previousLowerRoundMatchPosition: BracketMatchPosition;
 };
@@ -236,3 +297,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,17 @@ export type DrawManDimensions = {
     columnGap: number;
     rowGap: number;
     gridDefinitions: BracketGridDefinitions;
+    path: PathOptions;
+    curve: Omit<CurveOptions, 'path'>;
 };
-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;
+};
+type CurveOptions = {
+    curveAmount: 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,6 +22,7 @@ export type BracketGridRoundItem<TRoundData, TMatchData> = {
 export type BracketGridRoundHeaderItem<TRoundData, TMatchData> = {
     type: 'round';
     id: string;
+    layoutId: string;
     rowStart: number;
     rowEnd: number;
     component: BracketRoundHeaderComponent<TRoundData, TMatchData>;
@@ -32,6 +34,7 @@ export type BracketGridRoundHeaderItem<TRoundData, TMatchData> = {
 export type BracketGridMatchItem<TRoundData, TMatchData> = {
     type: 'match';
     id: string;
+    layoutId: string;
     rowStart: number;
     rowEnd: number;
     component: BracketMatchComponent<TRoundData, TMatchData>;

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

@@ -1,17 +1,23 @@
-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>;
+    curveAmount: 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>;
+    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>;
+    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 +26,8 @@ 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>;
     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; }; "curveAmount": { "alias": "curveAmount"; "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; }; "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; }; }, {}, never, never, true, never>;
 }

package/package.json

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