\n
\n @for (item of eventsList; track $index) {\n
\n @for (child of item.children; track $index) {\n
\n }\n }\n
\n
\n}\n","import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, HostListener, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\n\nimport { EventDetailsColumnType } from '@frontend/sports/betting-offer/feature/model';\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { EventSwitcherEventItem, EventSwitcherItem, MediaEventSource } from '@frontend/sports/grid/media/feature/model';\nimport { IMediaRootState, MediaApiActions } from '@frontend/sports/grid/media/feature/state';\nimport { TrackingService, TrackingVideoSource, trackingConstants } from '@frontend/sports/tracking/feature';\nimport { Store } from '@ngrx/store';\n\nimport { AdaptiveLayoutService } from '../layout/adaptive-layout.service';\nimport { RightColumnSize } from '../layout/layout.model';\nimport { Actions } from './actions';\n\nconst containerHeightMap = {\n [RightColumnSize.ExtraLarge]: 'size-xl',\n [RightColumnSize.Large]: 'size-l',\n};\n\n@Component({\n selector: 'ms-event-selector',\n templateUrl: 'event-selector.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EventSelectorComponent implements OnInit, OnChanges {\n @Input() eventsList: EventSwitcherItem[];\n @Input() selectedEventId: string | null;\n @HostBinding('class') className = 'event-selector';\n\n collapsed = true;\n selectedEvent: { id: string; name: string; sportId: number } | null = null;\n containerHeight = '';\n selectorTitle: string;\n\n constructor(\n public sitecore: Sitecore,\n private elementRef: ElementRef,\n private trackingService: TrackingService,\n private adaptiveLayoutService: AdaptiveLayoutService,\n private store: Store