@progress/kendo-angular-layout 16.0.0-develop.4 → 16.0.0-develop.5

package/index.d.ts

@@ -78,6 +78,7 @@ export { ExpansionPanelModule } from './expansionpanel.module';
 export { TileLayoutModule } from './tilelayout.module';
 export { StackLayoutModule } from './stacklayout.module';
 export { GridLayoutModule } from './gridlayout.module';
+export { TimelineModule } from './timeline.module';
 export { StackLayoutComponent } from './layouts/stack-layout.component';
 export { AlignSettings, HorizontalAlign, VerticalAlign } from './layouts/models';
 export { GridLayoutComponent } from './layouts/grid-layout.component';
@@ -85,3 +86,12 @@ export { GridLayoutItemComponent } from './layouts/gridlayout-item.component';
 export { GridLayoutRowSize, GridLayoutColSize, GridLayoutGapSettings } from './layouts/models';
 export { TabComponent } from './tabstrip/rendering/tab.component';
 export { TileLayoutResizeHandleDirective } from './tilelayout/tilelayout-resize-handle.directive';
+export { TimelineComponent } from './timeline/timeline.component';
+export { TimelineModelFields } from './timeline/models/model-fields';
+export { TimelineEvent } from './timeline/models/timeline-event';
+export { AnchorTarget } from './timeline/models/anchor-target';
+export { NavigationDirection } from './timeline/events/navigation-direction';
+export { TimelineCardHeaderTemplateDirective } from "./timeline/templates/timeline-card-header.directive";
+export { TimelineCardBodyTemplateDirective } from "./timeline/templates/timeline-card-body.directive";
+export { TimelineCardActionsTemplateDirective } from "./timeline/templates/timeline-card-actions.directive";
+export { TimelineCustomMessagesComponent } from './timeline/localization/custom-messages.component';

package/layout.module.d.ts

@@ -14,6 +14,7 @@ import * as i8 from "./tabstrip.module";
 import * as i9 from "./tilelayout.module";
 import * as i10 from "./stacklayout.module";
 import * as i11 from "./gridlayout.module";
+import * as i12 from "./timeline.module";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Layout components.
@@ -47,6 +48,6 @@ import * as i11 from "./gridlayout.module";
  */
 export declare class LayoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutModule, never, never, [typeof i1.AvatarModule, typeof i2.CardModule, typeof i3.DrawerModule, typeof i4.PanelBarModule, typeof i5.ExpansionPanelModule, typeof i6.SplitterModule, typeof i7.StepperModule, typeof i8.TabStripModule, typeof i9.TileLayoutModule, typeof i10.StackLayoutModule, typeof i11.GridLayoutModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutModule, never, never, [typeof i1.AvatarModule, typeof i2.CardModule, typeof i3.DrawerModule, typeof i4.PanelBarModule, typeof i5.ExpansionPanelModule, typeof i6.SplitterModule, typeof i7.StepperModule, typeof i8.TabStripModule, typeof i9.TileLayoutModule, typeof i10.StackLayoutModule, typeof i11.GridLayoutModule, typeof i12.TimelineModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LayoutModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "16.0.0-develop.4",
+  "version": "16.0.0-develop.5",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -39,16 +39,16 @@
     "@angular/core": "15 - 17",
     "@angular/platform-browser": "15 - 17",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "16.0.0-develop.4",
-    "@progress/kendo-angular-l10n": "16.0.0-develop.4",
-    "@progress/kendo-angular-progressbar": "16.0.0-develop.4",
-    "@progress/kendo-angular-icons": "16.0.0-develop.4",
-    "@progress/kendo-angular-buttons": "16.0.0-develop.4",
+    "@progress/kendo-angular-common": "16.0.0-develop.5",
+    "@progress/kendo-angular-l10n": "16.0.0-develop.5",
+    "@progress/kendo-angular-progressbar": "16.0.0-develop.5",
+    "@progress/kendo-angular-icons": "16.0.0-develop.5",
+    "@progress/kendo-angular-buttons": "16.0.0-develop.5",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.0.0-develop.4",
+    "@progress/kendo-angular-schematics": "16.0.0-develop.5",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/timeline/events/navigation-direction.d.ts

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export declare type NavigationDirection = 'previous' | 'next';

package/timeline/localization/custom-messages.component.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { TimelineMessages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * Custom component messages override default component messages.
+ */
+export declare class TimelineCustomMessagesComponent extends TimelineMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineCustomMessagesComponent, "kendo-timeline-messages", never, {}, {}, never, never, false, never>;
+}

package/timeline/localization/localized-messages.directive.d.ts

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { TimelineMessages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class LocalizedTimelineMessagesDirective extends TimelineMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedTimelineMessagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedTimelineMessagesDirective, "[kendoTimelineLocalizedMessages]", never, {}, {}, never, never, false, never>;
+}

package/timeline/localization/messages.d.ts

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class TimelineMessages extends ComponentMessages {
+    /**
+     * The title of the previous button in horizontal orientation.
+     */
+    previous: string;
+    /**
+     * The title of the next button in horizontal orientation.
+     */
+    next: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineMessages, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineMessages, "kendo-timeline-messages-base", never, { "previous": "previous"; "next": "next"; }, {}, never, never, false, never>;
+}

package/timeline/models/anchor-target.d.ts

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export declare type AnchorTarget = 'self' | 'blank';

package/timeline/models/default-model-fields.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TimelineModelFields } from "./model-fields";
+/**
+ * @hidden
+ */
+export declare const defaultModelFields: TimelineModelFields;

package/timeline/models/model-fields.d.ts

@@ -0,0 +1,51 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Defines the model fields that will be used for creating `TimelineEvent` instances.
+ */
+export interface TimelineModelFields {
+    /**
+     * The name of the `title` model field.
+     *
+     * @default "title"
+     */
+    title: string;
+    /**
+     * The name of the `subtitle` model field.
+     *
+     * @default "subtitle"
+     */
+    subtitle?: string;
+    /**
+     * The name of the `description` model field.
+     *
+     * @default "description"
+     */
+    description?: string;
+    /**
+     * The name of the `date` model field.
+     *
+     * @default "date"
+     */
+    date: string;
+    /**
+     * The name of the `expanded` model field.
+     *
+     * @default "expanded"
+     */
+    expanded?: string;
+    /**
+     * The name of the `images` model field.
+     *
+     * @default "images"
+     */
+    images?: string;
+    /**
+     * The name of the `actions` model field.
+     *
+     * @default "actions"
+     */
+    actions?: string;
+}

package/timeline/models/timeline-event.d.ts

@@ -0,0 +1,49 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AnchorTarget } from "./anchor-target";
+/**
+ * Represents the event model of the Timeline. These are the interface fields that the Timeline events use.
+ */
+export interface TimelineEvent {
+    /**
+     * Specifies the text that is rendered as title.
+     */
+    title: string;
+    /**
+     * Specifies the text that is rendered under the title.
+     */
+    subtitle?: string;
+    /**
+     * Specifies the text that is rendered as body of the event card.
+     */
+    description?: string;
+    /**
+     * Represents an event point on the axis.
+     */
+    date: Date;
+    /**
+     * Specifies if the event card is expanded or collapsed by default.
+     */
+    expanded?: boolean;
+    /**
+     * Specifies the images that are rendered under the description.
+     */
+    images?: Array<{
+        src: string;
+        alt?: string;
+    }>;
+    /**
+     * Specifies the corresponding links that are rendered under the images.
+     */
+    actions?: Array<{
+        text: string;
+        url: string;
+        target?: AnchorTarget;
+    }>;
+    /**
+     * @hidden
+     */
+    flag?: number;
+}

package/timeline/templates/timeline-card-actions.directive.d.ts

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the actions of each timeline card. To define an actions template, nest an `<ng-template>` tag
+ * with the `kendoTimelineCardActionsTemplate` directive inside the `<kendo-timeline>` tag.
+ *
+ * The following values are available as context variables:
+ * - `let-event="event"` (`TimelineEvent`) - The current card's event. Also available as implicit context variable.
+ * - `let-index="index"` (`number`) - The current event index.
+ */
+export declare class TimelineCardActionsTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardActionsTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineCardActionsTemplateDirective, "[kendoTimelineCardActionsTemplate]", never, {}, {}, never, never, false, never>;
+}

package/timeline/templates/timeline-card-body.directive.d.ts

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the body of each timeline card. To define a body template, nest an `<ng-template>` tag
+ * with the `kendoTimelineCardBodyTemplate` directive inside the `<kendo-timeline>` tag.
+ *
+ * The following values are available as context variables:
+ * - `let-event="event"` (`TimelineEvent`) - The current card's event. Also available as implicit context variable.
+ * - `let-index="index"` (`number`) - The current event index.
+ */
+export declare class TimelineCardBodyTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardBodyTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineCardBodyTemplateDirective, "[kendoTimelineCardBodyTemplate]", never, {}, {}, never, never, false, never>;
+}

package/timeline/templates/timeline-card-header.directive.d.ts

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the header of each timeline card. To define a header template, nest an `<ng-template>` tag
+ * with the `kendoTimelineCardHeaderTemplate` directive inside the `<kendo-timeline>` tag.
+ *
+ * The following values are available as context variables:
+ * - `let-event="event"` (`TimelineEvent`) - The current card's event. Also available as implicit context variable.
+ * - `let-index="index"` (`number`) - The current event index.
+ */
+export declare class TimelineCardHeaderTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardHeaderTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineCardHeaderTemplateDirective, "[kendoTimelineCardHeaderTemplate]", never, {}, {}, never, never, false, never>;
+}

package/timeline/timeline-card.component.d.ts

@@ -0,0 +1,59 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterViewInit, ElementRef, OnChanges, Renderer2 } from '@angular/core';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { TimelineEvent } from './models/timeline-event';
+import { Orientation } from '../common/orientation';
+import { TimelineService } from './timeline.service';
+import { TimelineCardHeaderTemplateDirective } from './templates/timeline-card-header.directive';
+import { TimelineCardBodyTemplateDirective } from './templates/timeline-card-body.directive';
+import { TimelineCardActionsTemplateDirective } from './templates/timeline-card-actions.directive';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class TimelineCardComponent implements OnChanges, AfterViewInit {
+    element: ElementRef;
+    private timelineService;
+    private renderer;
+    event: TimelineEvent;
+    expanded: boolean;
+    collapsible: boolean;
+    reversed: boolean;
+    orientation: Orientation;
+    navigable: boolean;
+    tabIndex: string;
+    animationDuration: number;
+    index: number;
+    eventWidth: number;
+    eventHeight: number;
+    headerTemplate: TimelineCardHeaderTemplateDirective;
+    bodyTemplate: TimelineCardBodyTemplateDirective;
+    actionsTemplate: TimelineCardActionsTemplateDirective;
+    set calloutStyle(value: any);
+    calloutElementRef: ElementRef;
+    hostClass: boolean;
+    get collapsedClass(): boolean;
+    onComponentKeyDown(event: any): void;
+    get role(): string;
+    get ariaLive(): any;
+    get ariaExpanded(): any;
+    calloutSvgIcon: SVGIcon;
+    calloutFontIcon: string;
+    private animationState;
+    private animationInProgress;
+    constructor(element: ElementRef, timelineService: TimelineService, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: any): void;
+    toggle(): void;
+    expand(): void;
+    collapse(): void;
+    onActionClick(event: MouseEvent): void;
+    animationStart(): void;
+    animationDone(event: any): void;
+    private makeOverflowVisible;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineCardComponent, "kendo-timeline-card", ["kendoTimelineCard"], { "event": "event"; "expanded": "expanded"; "collapsible": "collapsible"; "reversed": "reversed"; "orientation": "orientation"; "navigable": "navigable"; "tabIndex": "tabIndex"; "animationDuration": "animationDuration"; "index": "index"; "eventWidth": "eventWidth"; "eventHeight": "eventHeight"; "headerTemplate": "headerTemplate"; "bodyTemplate": "bodyTemplate"; "actionsTemplate": "actionsTemplate"; "calloutStyle": "calloutStyle"; }, {}, never, never, false, never>;
+}

package/timeline/timeline-horizontal.component.d.ts

@@ -0,0 +1,110 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges } from '@angular/core';
+import { TimelineEvent } from './models/timeline-event';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { TimelineCardComponent } from './timeline-card.component';
+import { TimelineService } from './timeline.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { TimelineCardBodyTemplateDirective } from './templates/timeline-card-body.directive';
+import { TimelineCardHeaderTemplateDirective } from './templates/timeline-card-header.directive';
+import { TimelineCardActionsTemplateDirective } from './templates/timeline-card-actions.directive';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class TimelineHorizontalComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
+    private cdr;
+    private _zone;
+    private renderer;
+    private timelineService;
+    private localization;
+    events: Array<TimelineEvent>;
+    alterMode: boolean;
+    collapsibleEvents: boolean;
+    navigable: boolean;
+    showDateLabels: boolean;
+    animationDuration: number;
+    eventHeight: number;
+    dateFormat: string;
+    headerTemplate: TimelineCardHeaderTemplateDirective;
+    bodyTemplate: TimelineCardBodyTemplateDirective;
+    actionsTemplate: TimelineCardActionsTemplateDirective;
+    cardElementRefs: QueryList<ElementRef>;
+    circleElementRefs: QueryList<ElementRef>;
+    flagElementRefs: QueryList<ElementRef>;
+    trackElementRef: ElementRef;
+    scrollableTrackElementRef: ElementRef;
+    cardComponents: QueryList<TimelineCardComponent>;
+    get selectedEvent(): TimelineEvent;
+    set selectedEvent(value: TimelineEvent);
+    trackWrapWidth: number;
+    scrollableTrackWidth: number;
+    cardWidth: number;
+    svgLeftIcon: SVGIcon;
+    svgRightIcon: SVGIcon;
+    calloutStyle: any;
+    animationState: string;
+    translateValue: number;
+    eventsInInterval: number[];
+    selectedCardIndex: number;
+    selectedEventIndex: number;
+    tabFlex: number;
+    tabWidth: number;
+    visibleTabsCount: number;
+    firstCircleInView: number;
+    visibleEvents: any[];
+    trackItems: any[];
+    previousTitle: string;
+    nextTitle: string;
+    private _selectedEvent;
+    private subscriptions;
+    constructor(cdr: ChangeDetectorRef, _zone: NgZone, renderer: Renderer2, timelineService: TimelineService, localization: LocalizationService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    handleWindowResize(): void;
+    onTransitionEnd(): void;
+    onTrackTransitionEnd(): void;
+    onSlideDone(): void;
+    previous(): void;
+    previousClick(): void;
+    next(): void;
+    nextClick(): void;
+    open(index: number): void;
+    navigateToEvent(index: number): void;
+    private getOtherSelectedCardIndex;
+    tabStyle(): any;
+    getTransformation(width: number, position: number): any;
+    getState(position: number): string;
+    get calloutOffset(): any;
+    get isFirstRange(): boolean;
+    get isLastRange(): boolean;
+    private onCardsChange;
+    private onCirclesChange;
+    private onKeyDown;
+    private focusTrackItem;
+    private setTrackItemAttributes;
+    private removeTrackItemAttributes;
+    private removeCardsAttributes;
+    private assignAriaLabel;
+    private assignAriaDescribedBy;
+    private updateInterval;
+    private onHomeKey;
+    private onEndKey;
+    private onArrowRightKey;
+    private onArrowLeftKey;
+    private navigateToFirstInterval;
+    private navigateToLastInterval;
+    private navigateToOtherEvent;
+    private navigateToInterval;
+    private animateCards;
+    private transformCards;
+    private changeTabsCount;
+    private l10nChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineHorizontalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineHorizontalComponent, "kendo-timeline-horizontal", ["kendoTimelineHorizontal"], { "events": "events"; "alterMode": "alterMode"; "collapsibleEvents": "collapsibleEvents"; "navigable": "navigable"; "showDateLabels": "showDateLabels"; "animationDuration": "animationDuration"; "eventHeight": "eventHeight"; "dateFormat": "dateFormat"; "headerTemplate": "headerTemplate"; "bodyTemplate": "bodyTemplate"; "actionsTemplate": "actionsTemplate"; }, {}, never, never, false, never>;
+}

package/timeline/timeline-vertical.component.d.ts

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef, QueryList, Renderer2 } from '@angular/core';
+import { TimelineEvent } from './models/timeline-event';
+import { TimelineCardComponent } from './timeline-card.component';
+import { TimelineCardBodyTemplateDirective } from './templates/timeline-card-body.directive';
+import { TimelineCardHeaderTemplateDirective } from './templates/timeline-card-header.directive';
+import { TimelineCardActionsTemplateDirective } from './templates/timeline-card-actions.directive';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class TimelineVerticalComponent {
+    private renderer;
+    events: Array<TimelineEvent>;
+    alterMode: boolean;
+    collapsibleEvents: boolean;
+    navigable: boolean;
+    showDateLabels: boolean;
+    animationDuration: number;
+    eventWidth: number;
+    dateFormat: string;
+    headerTemplate: TimelineCardHeaderTemplateDirective;
+    bodyTemplate: TimelineCardBodyTemplateDirective;
+    actionsTemplate: TimelineCardActionsTemplateDirective;
+    cards: QueryList<TimelineCardComponent>;
+    dateElementRefs: QueryList<ElementRef>;
+    innerDateElementRefs: QueryList<ElementRef>;
+    private subscriptions;
+    constructor(renderer: Renderer2);
+    ngAfterViewInit(): void;
+    expand(index: number): void;
+    collapse(index: number): void;
+    private ariaDescribedByAllEvents;
+    private removeAriaDescribedBy;
+    private assignAriaDescribedBy;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineVerticalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineVerticalComponent, "kendo-timeline-vertical", ["kendoTimelineVertical"], { "events": "events"; "alterMode": "alterMode"; "collapsibleEvents": "collapsibleEvents"; "navigable": "navigable"; "showDateLabels": "showDateLabels"; "animationDuration": "animationDuration"; "eventWidth": "eventWidth"; "dateFormat": "dateFormat"; "headerTemplate": "headerTemplate"; "bodyTemplate": "bodyTemplate"; "actionsTemplate": "actionsTemplate"; }, {}, never, never, false, never>;
+}