@memberjunction/ng-timeline 2.122.1 → 2.123.0

package/dist/lib/component/timeline.component.d.ts

@@ -1,100 +1,444 @@
-import { AfterViewInit } from '@angular/core';
-import { BaseEntity, RunViewParams } from '@memberjunction/core';
-import { TimelineEvent } from "@progress/kendo-angular-layout";
+/**
+ * @fileoverview MJ Timeline Component - A flexible, responsive timeline for Angular.
+ *
+ * This component displays chronological data in a timeline format with support for:
+ * - Multiple data sources (MemberJunction entities or plain objects)
+ * - Virtual scrolling for large datasets
+ * - Collapsible time segments
+ * - Rich event system with BeforeX/AfterX pattern
+ * - Full keyboard navigation and accessibility
+ * - Responsive design for all screen sizes
+ *
+ * @module @memberjunction/ng-timeline
+ */
+import { EventEmitter, OnInit, OnDestroy, AfterViewInit, ElementRef, TemplateRef, ChangeDetectorRef, NgZone } from '@angular/core';
+import { TimelineOrientation, TimelineLayout, TimelineSortOrder, TimeSegmentGrouping, TimelineCardConfig, VirtualScrollConfig, VirtualScrollState, MJTimelineEvent, TimelineSegment, TimelineAction, TimelineDisplayField } from '../types';
+import { TimelineGroup } from '../timeline-group';
+import { BeforeEventClickArgs, AfterEventClickArgs, BeforeEventExpandArgs, AfterEventExpandArgs, BeforeEventCollapseArgs, AfterEventCollapseArgs, BeforeEventHoverArgs, AfterEventHoverArgs, BeforeActionClickArgs, AfterActionClickArgs, BeforeSegmentExpandArgs, AfterSegmentExpandArgs, BeforeSegmentCollapseArgs, AfterSegmentCollapseArgs, BeforeLoadArgs, AfterLoadArgs } from '../events';
 import * as i0 from "@angular/core";
 /**
+ * MJ Timeline Component - Displays chronological data in a rich, interactive timeline.
+ *
+ * The timeline component supports multiple data groups, virtual scrolling for large
+ * datasets, collapsible time segments, and a comprehensive event system that allows
+ * container components to intercept and modify behavior.
+ *
+ * @example Basic usage
+ * ```html
+ * <mj-timeline [groups]="myGroups"></mj-timeline>
+ * ```
+ *
+ * @example Full configuration
+ * ```html
+ * <mj-timeline
+ *   [groups]="groups"
+ *   orientation="vertical"
+ *   layout="alternating"
+ *   sortOrder="desc"
+ *   segmentGrouping="month"
+ *   [segmentsCollapsible]="true"
+ *   [virtualScroll]="{ enabled: true, batchSize: 25 }"
+ *   (beforeEventClick)="onBeforeClick($event)"
+ *   (afterActionClick)="onAction($event)">
  *
+ *   <ng-template #emptyTemplate>
+ *     <div class="custom-empty">No events found</div>
+ *   </ng-template>
+ *
+ * </mj-timeline>
+ * ```
  */
-export declare class TimelineGroup {
+export declare class TimelineComponent<T = any> implements OnInit, OnDestroy, AfterViewInit {
+    private cdr;
+    private elementRef;
+    private ngZone;
     /**
-     * Entity name for the type of records to be displayed in this group
+     * Array of timeline groups to display.
+     * Each group defines a data source and display configuration.
      */
-    EntityName: string;
+    get groups(): TimelineGroup<T>[];
+    set groups(value: TimelineGroup<T>[]);
+    private _groups;
     /**
-     * Specifies if the data will come from a provided array of BaseEntity objects - the EntityObjects array, or alternatively, from this object running its own view against the provided EntityName, optionally with a provided Filter (or without).
+     * Check if timeline groups have meaningfully changed
      */
-    DataSourceType: 'array' | 'entity';
+    private didGroupsChange;
     /**
-     * An optional filter that will be applied to the entity specified to reduce the number of records displayed
+     * Controls whether data loading is allowed.
+     * Set to false to defer loading until ready.
+     * @default true
      */
-    Filter?: string;
+    get allowLoad(): boolean;
+    set allowLoad(value: boolean);
+    private _allowLoad;
     /**
-     * The actual data you want displayed in this group. This is an array of BaseEntity objects that will be displayed in the timeline. You can populate this array from a view or any other source.
+     * Timeline orientation.
+     * - `vertical`: Events displayed top-to-bottom
+     * - `horizontal`: Events displayed left-to-right
+     * @default 'vertical'
      */
-    EntityObjects?: BaseEntity[];
+    get orientation(): TimelineOrientation;
+    set orientation(value: TimelineOrientation);
+    private _orientation;
     /**
-     * The name of the field in the entity that contains the title of the record that will be displayed in the timeline
+     * Layout mode for vertical timeline.
+     * - `single`: All cards on one side
+     * - `alternating`: Cards alternate sides
+     * @default 'single'
      */
-    TitleFieldName: string;
+    get layout(): TimelineLayout;
+    set layout(value: TimelineLayout);
+    private _layout;
     /**
-     * The name of the field in the entity that contains the date that will be used for the ordering in the timeline
+     * Sort order for events.
+     * - `desc`: Newest first
+     * - `asc`: Oldest first
+     * @default 'desc'
      */
-    DateFieldName: string;
+    get sortOrder(): TimelineSortOrder;
+    set sortOrder(value: TimelineSortOrder);
+    private _sortOrder;
     /**
-     * Use standard or custom icons, if custom is specified, the DisplayIcon property must be set
+     * How to group events into time segments.
+     * @default 'month'
      */
-    DisplayIconMode?: 'standard' | 'custom';
+    get segmentGrouping(): TimeSegmentGrouping;
+    set segmentGrouping(value: TimeSegmentGrouping);
+    private _segmentGrouping;
     /**
-     * Only used if DisplayIconMode is set to custom, the CSS class name to use from Font Awesome (or any other library that has styles pre-loaded), for the span that will be shown
+     * Default card configuration applied to all groups.
+     * Individual groups can override these settings.
      */
-    DisplayIcon?: string;
+    defaultCardConfig: TimelineCardConfig;
     /**
-     * Color mode for items in this group, defaults to auto-selected in which case the color will be determined by the system automatically based on the # of groups
+     * Virtual scrolling configuration.
      */
-    DisplayColorMode?: 'auto' | 'manual';
+    virtualScroll: VirtualScrollConfig;
     /**
-     * Only used if DisplayColorMode is set to manual, the color to use for the items in this group. Any valid color string that can be set into the element style via CSS is valid here.
+     * Whether time segments can be collapsed.
+     * @default true
      */
-    DisplayColor?: string;
+    segmentsCollapsible: boolean;
     /**
-     * When set to field, the SummaryFieldName will be used to display detailed information about the record in the timeline. If set to custom, you need to provide
-     * a function for the SummaryFunction property. If set to none, no summary will be displayed.
+     * Whether segments start expanded.
+     * @default true
      */
-    SummaryMode?: 'field' | 'custom' | 'none';
+    segmentsDefaultExpanded: boolean;
     /**
-     * When SummaryMode is set to 'custom', this function will be used to generate the summary for the record. The function should take a single parameter, the BaseEntity object and will return a string.
-     * The string returned can be plain text or HTML and will be displayed in the timeline.
+     * Message shown when no events exist.
+     * @default 'No events to display'
      */
-    SummaryFunction?: ((record: any) => string) | undefined;
+    emptyMessage: string;
     /**
-     * Creates a new instance of the TimelineGroup class using the information from the RunViewParams provided.
-     * After receiving back the new object, you can set other properties of the new instance as appropriate.
-     * @param params
-     * @returns
+     * Icon shown with empty message.
+     * @default 'fa-regular fa-calendar-xmark'
      */
-    static FromView(params: RunViewParams): Promise<TimelineGroup>;
-}
-/**
- * Displays data on a timeline UI so that information can see a chronolgoical display of the provided data.
- */
-export declare class TimelineComponent implements AfterViewInit {
-    private _groups;
-    DisplayOrientation: 'horizontal' | 'vertical';
+    emptyIcon: string;
     /**
-     * Provide an array of one or more TimelineGroup objects to display the data in the timeline. Each group will be displayed in a different color and icon.
+     * Message shown while loading.
+     * @default 'Loading timeline...'
      */
-    get Groups(): TimelineGroup[];
-    set Groups(value: TimelineGroup[]);
-    private _deferLoadCount;
-    private _allowLoad;
+    loadingMessage: string;
+    /**
+     * ARIA label for the timeline container.
+     * @default 'Timeline'
+     */
+    ariaLabel: string;
+    /**
+     * Enable keyboard navigation.
+     * @default true
+     */
+    enableKeyboardNavigation: boolean;
+    /**
+     * ID of the currently selected event.
+     * When set, the corresponding event will be highlighted with the focused style.
+     */
+    get selectedEventId(): string | null;
+    set selectedEventId(value: string | null);
+    private _selectedEventId;
+    /** Emitted before an event card is clicked. Set `cancel = true` to prevent. */
+    beforeEventClick: EventEmitter<BeforeEventClickArgs<T>>;
+    /** Emitted before an event card expands. Set `cancel = true` to prevent. */
+    beforeEventExpand: EventEmitter<BeforeEventExpandArgs<T>>;
+    /** Emitted before an event card collapses. Set `cancel = true` to prevent. */
+    beforeEventCollapse: EventEmitter<BeforeEventCollapseArgs<T>>;
+    /** Emitted before hover state changes. Set `cancel = true` to prevent. */
+    beforeEventHover: EventEmitter<BeforeEventHoverArgs<T>>;
+    /** Emitted before an action button is clicked. Set `cancel = true` to prevent. */
+    beforeActionClick: EventEmitter<BeforeActionClickArgs<T>>;
+    /** Emitted before a time segment expands. Set `cancel = true` to prevent. */
+    beforeSegmentExpand: EventEmitter<BeforeSegmentExpandArgs>;
+    /** Emitted before a time segment collapses. Set `cancel = true` to prevent. */
+    beforeSegmentCollapse: EventEmitter<BeforeSegmentCollapseArgs>;
+    /** Emitted before data loading begins. Set `cancel = true` to prevent. */
+    beforeLoad: EventEmitter<BeforeLoadArgs>;
+    /** Emitted after an event card is clicked. */
+    afterEventClick: EventEmitter<AfterEventClickArgs<T>>;
+    /** Emitted after an event card expands. */
+    afterEventExpand: EventEmitter<AfterEventExpandArgs<T>>;
+    /** Emitted after an event card collapses. */
+    afterEventCollapse: EventEmitter<AfterEventCollapseArgs<T>>;
+    /** Emitted after hover state changes. */
+    afterEventHover: EventEmitter<AfterEventHoverArgs<T>>;
+    /** Emitted after an action button is clicked. */
+    afterActionClick: EventEmitter<AfterActionClickArgs<T>>;
+    /** Emitted after a time segment expands. */
+    afterSegmentExpand: EventEmitter<AfterSegmentExpandArgs>;
+    /** Emitted after a time segment collapses. */
+    afterSegmentCollapse: EventEmitter<AfterSegmentCollapseArgs>;
+    /** Emitted after data loading completes. */
+    afterLoad: EventEmitter<AfterLoadArgs>;
+    /** Custom template for entire card. Context: { event, group } */
+    cardTemplate?: TemplateRef<{
+        event: MJTimelineEvent<T>;
+        group: TimelineGroup<T>;
+    }>;
+    /** Custom template for card header. Context: { event } */
+    headerTemplate?: TemplateRef<{
+        event: MJTimelineEvent<T>;
+    }>;
+    /** Custom template for card body. Context: { event } */
+    bodyTemplate?: TemplateRef<{
+        event: MJTimelineEvent<T>;
+    }>;
+    /** Custom template for card actions. Context: { event, actions } */
+    actionsTemplate?: TemplateRef<{
+        event: MJTimelineEvent<T>;
+        actions: TimelineAction[];
+    }>;
+    /** Custom template for segment header. Context: { segment } */
+    segmentHeaderTemplate?: TemplateRef<{
+        segment: TimelineSegment;
+    }>;
+    /** Custom template for empty state. */
+    emptyTemplate?: TemplateRef<void>;
+    /** Custom template for loading state. */
+    loadingTemplate?: TemplateRef<void>;
+    scrollContainer?: ElementRef<HTMLElement>;
+    /** Current time segments with events. */
+    segments: TimelineSegment[];
+    /** All flattened events (for non-segmented display). */
+    allEvents: MJTimelineEvent<T>[];
+    /** Virtual scroll state. */
+    scrollState: VirtualScrollState;
+    /** Whether initial load is complete. */
+    isInitialized: boolean;
+    /** Whether currently loading data. */
+    isLoading: boolean;
+    /** Index of currently focused event (for keyboard navigation). */
+    focusedEventIndex: number;
+    private _initialized;
+    private _hasLoaded;
+    private _destroy$;
+    private _scroll$;
+    private _intersectionObserver?;
+    constructor(cdr: ChangeDetectorRef, elementRef: ElementRef, ngZone: NgZone);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Refreshes all data from the configured groups.
+     * Clears existing data and reloads from sources.
+     */
+    refresh(force?: boolean): Promise<void>;
+    /**
+     * Loads more events (for virtual scrolling).
+     */
+    loadMore(): Promise<void>;
+    /**
+     * Expands all event cards.
+     */
+    expandAllEvents(): void;
+    /**
+     * Collapses all event cards.
+     */
+    collapseAllEvents(): void;
+    /**
+     * Expands all time segments.
+     */
+    expandAllSegments(): void;
+    /**
+     * Collapses all time segments.
+     */
+    collapseAllSegments(): void;
+    /**
+     * Expands a specific event by ID.
+     */
+    expandEvent(eventId: string): void;
+    /**
+     * Collapses a specific event by ID.
+     */
+    collapseEvent(eventId: string): void;
+    /**
+     * Scrolls to a specific event.
+     */
+    scrollToEvent(eventId: string, behavior?: ScrollBehavior): void;
+    /**
+     * Scrolls to a specific date.
+     */
+    scrollToDate(date: Date, behavior?: ScrollBehavior): void;
+    /**
+     * Gets an event by ID.
+     */
+    getEvent(eventId: string): MJTimelineEvent<T> | undefined;
+    /**
+     * Gets all events (flattened).
+     */
+    getAllEvents(): MJTimelineEvent<T>[];
+    /**
+     * Handles click on an event card.
+     */
+    onEventClick(event: MJTimelineEvent<T>, index: number, domEvent: Event): void;
+    /**
+     * Handles expand/collapse toggle on an event.
+     */
+    onToggleExpand(event: MJTimelineEvent<T>, index: number, domEvent: Event): void;
+    /**
+     * Handles mouse enter on an event card.
+     */
+    onEventMouseEnter(event: MJTimelineEvent<T>, index: number, domEvent: Event): void;
+    /**
+     * Handles mouse leave on an event card.
+     */
+    onEventMouseLeave(event: MJTimelineEvent<T>, index: number, domEvent: Event): void;
+    /**
+     * Handles action button click.
+     */
+    onActionClick(event: MJTimelineEvent<T>, action: TimelineAction, index: number, domEvent: Event): void;
+    /**
+     * Handles segment header click.
+     */
+    onSegmentClick(segment: TimelineSegment): void;
+    /**
+     * Handles scroll events for virtual scrolling.
+     */
+    onScroll(event: Event): void;
+    /**
+     * Handles keyboard navigation.
+     */
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * Gets the effective card config for an event.
+     */
+    getEffectiveCardConfig(event: MJTimelineEvent<T>): TimelineCardConfig;
+    /**
+     * Gets the color for a group/event.
+     */
+    getColor(event: MJTimelineEvent<T>): string;
+    /**
+     * Gets the icon for a group/event.
+     */
+    getIcon(event: MJTimelineEvent<T>): string;
+    /**
+     * Gets the actions for an event.
+     */
+    getActions(event: MJTimelineEvent<T>): TimelineAction[];
+    /**
+     * Formats a date for display.
+     */
+    formatDate(date: Date, format?: string): string;
+    /**
+     * Gets the value of a display field from an event.
+     */
+    getFieldValue(event: MJTimelineEvent<T>, field: TimelineDisplayField): string;
+    /**
+     * Track by function for ngFor.
+     */
+    trackByEventId(_index: number, event: MJTimelineEvent<T>): string;
+    /**
+     * Track by function for segments.
+     */
+    trackBySegmentLabel(_index: number, segment: TimelineSegment): string;
+    /**
+     * Gets the global index of an event in the allEvents array.
+     */
+    getGlobalIndex(event: MJTimelineEvent<T>): number;
+    /**
+     * Checks if an event is currently selected/focused.
+     * An event is selected if either:
+     * - Its ID matches the selectedEventId input
+     * - Its global index matches the focusedEventIndex (keyboard navigation)
+     */
+    isEventSelected(event: MJTimelineEvent<T>, globalIndex: number): boolean;
+    /**
+     * Loads data from all groups.
+     */
+    private loadAllGroups;
+    /**
+     * Loads data from a single group.
+     */
+    private loadGroup;
+    /**
+     * Loads data from MemberJunction entity.
+     */
+    private loadFromEntity;
+    /**
+     * Loads the next batch for virtual scrolling.
+     */
+    private loadNextBatch;
+    /**
+     * Creates a timeline event from a source record.
+     */
+    private createTimelineEvent;
+    /**
+     * Sorts events by date according to sortOrder.
+     */
+    private sortEvents;
+    /**
+     * Builds time segments from events.
+     */
+    private buildSegments;
+    /**
+     * Gets segment information for a date.
+     */
+    private getSegmentInfo;
+    /**
+     * Toggles event expanded state.
+     */
+    private toggleEventExpanded;
+    /**
+     * Sets event expanded state.
+     */
+    private setEventExpanded;
+    /**
+     * Expands an event with events.
+     */
+    private expandEventInternal;
+    /**
+     * Collapses an event with events.
+     */
+    private collapseEventInternal;
+    /**
+     * Expands a segment.
+     */
+    private expandSegment;
+    /**
+     * Collapses a segment.
+     */
+    private collapseSegment;
     /**
-     * Set this property to false to prevent the timeline from loading the data. This is useful when you want to load the data yourself and then set this property to true to display the data.
+     * Sets segment expanded state without events.
      */
-    get AllowLoad(): boolean;
-    set AllowLoad(value: boolean);
-    events: TimelineEvent[];
-    ngAfterViewInit(): Promise<void>;
+    private setSegmentExpanded;
+    private focusNextEvent;
+    private focusPreviousEvent;
+    private focusFirstEvent;
+    private focusLastEvent;
+    private activateFocusedEvent;
+    private collapseFocusedEvent;
+    private scrollToFocusedEvent;
+    private setupIntersectionObserver;
+    private onScrollCheck;
     /**
-     * This method refreshes the timeline with the data from the provided parameters.
+     * Maps event config to card config properties.
      */
-    Refresh(): Promise<void>;
+    private mapEventConfigToCardConfig;
     /**
-     * This method loads the data for a single group and adds it to the timelineGroupEvents array.
-     * @param group
+     * Simple date formatter (replaces Angular DatePipe for standalone use).
+     * Uses placeholder tokens to avoid replacement conflicts.
      */
-    protected LoadSingleGroup(group: TimelineGroup): Promise<void>;
-    protected mapEntityObjectsToEvents(group: TimelineGroup, entityObjects: BaseEntity[]): TimelineEvent[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "mj-timeline", never, { "DisplayOrientation": { "alias": "DisplayOrientation"; "required": false; }; "Groups": { "alias": "Groups"; "required": false; }; "AllowLoad": { "alias": "AllowLoad"; "required": false; }; }, {}, never, never, false, never>;
+    private formatDateInternal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent<any>, "mj-timeline", never, { "groups": { "alias": "groups"; "required": false; }; "allowLoad": { "alias": "allowLoad"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "sortOrder": { "alias": "sortOrder"; "required": false; }; "segmentGrouping": { "alias": "segmentGrouping"; "required": false; }; "defaultCardConfig": { "alias": "defaultCardConfig"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "segmentsCollapsible": { "alias": "segmentsCollapsible"; "required": false; }; "segmentsDefaultExpanded": { "alias": "segmentsDefaultExpanded"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "emptyIcon": { "alias": "emptyIcon"; "required": false; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "enableKeyboardNavigation": { "alias": "enableKeyboardNavigation"; "required": false; }; "selectedEventId": { "alias": "selectedEventId"; "required": false; }; }, { "beforeEventClick": "beforeEventClick"; "beforeEventExpand": "beforeEventExpand"; "beforeEventCollapse": "beforeEventCollapse"; "beforeEventHover": "beforeEventHover"; "beforeActionClick": "beforeActionClick"; "beforeSegmentExpand": "beforeSegmentExpand"; "beforeSegmentCollapse": "beforeSegmentCollapse"; "beforeLoad": "beforeLoad"; "afterEventClick": "afterEventClick"; "afterEventExpand": "afterEventExpand"; "afterEventCollapse": "afterEventCollapse"; "afterEventHover": "afterEventHover"; "afterActionClick": "afterActionClick"; "afterSegmentExpand": "afterSegmentExpand"; "afterSegmentCollapse": "afterSegmentCollapse"; "afterLoad": "afterLoad"; }, ["cardTemplate", "headerTemplate", "bodyTemplate", "actionsTemplate", "segmentHeaderTemplate", "emptyTemplate", "loadingTemplate"], never, false, never>;
 }
 //# sourceMappingURL=timeline.component.d.ts.map

package/dist/lib/component/timeline.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.component.d.ts","sourceRoot":"","sources":["../../../src/lib/component/timeline.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,aAAa,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAW,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1E,OAAO,EAAe,aAAa,EAAE,MAAM,gCAAgC,CAAC;;AAE5E;;GAEG;AACH,qBAAa,aAAa;IACxB;;OAEG;IACH,UAAU,EAAG,MAAM,CAAC;IACpB;;OAEG;IACH,cAAc,EAAE,OAAO,GAAG,QAAQ,CAAY;IAC9C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,EAAE,CAAM;IAClC;;OAEG;IACH,cAAc,EAAG,MAAM,CAAC;IACxB;;OAEG;IACH,aAAa,EAAG,MAAM,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAc;IACrD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAU;IAC9C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAW;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAExD;;;;;OAKG;WACiB,QAAQ,CAAC,MAAM,EAAE,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;CAW5E;AAED;;GAEG;AACH,qBAKa,iBAAkB,YAAW,aAAa;IACrD,OAAO,CAAC,OAAO,CAAuB;IAE7B,kBAAkB,EAAE,YAAY,GAAG,UAAU,CAAc;IAEpE;;OAEG;IACH,IAAoB,MAAM,IAAI,aAAa,EAAE,CAE5C;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,EAIvC;IAED,OAAO,CAAC,eAAe,CAAa;IACpC,OAAO,CAAC,UAAU,CAAiB;IACnC;;OAEG;IACH,IAAoB,SAAS,IAAI,OAAO,CAEvC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,OAAO,EAMlC;IAMM,MAAM,EAAE,aAAa,EAAE,CAAM;IAE9B,eAAe;IAMrB;;OAEG;IACU,OAAO;IASpB;;;OAGG;cACa,eAAe,CAAC,KAAK,EAAE,aAAa;IA2BpD,SAAS,CAAC,wBAAwB,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE;yCAxF3F,iBAAiB;2CAAjB,iBAAiB;CA6G7B"}
+{"version":3,"file":"timeline.component.d.ts","sourceRoot":"","sources":["../../../src/lib/component/timeline.component.ts"],"names":[],"mappings":"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"}