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

package/timeline/timeline.component.d.ts

@@ -0,0 +1,186 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterContentInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { Orientation } from '../common/orientation';
+import { TimelineModelFields } from './models/model-fields';
+import { TimelineHorizontalComponent } from './timeline-horizontal.component';
+import { TimelineVerticalComponent } from './timeline-vertical.component';
+import { TimelineService } from './timeline.service';
+import { NavigationDirection } from './events/navigation-direction';
+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";
+/**
+ * Represents the [Kendo UI Timeline component for Angular]({% slug overview_timeline %}).
+ */
+export declare class TimelineComponent implements AfterContentInit, OnDestroy {
+    private timelineService;
+    /**
+     * An array of event instances which will be shown by the Timeline.
+     */
+    set events(events: any[]);
+    get events(): any[];
+    /**
+     * The names of the model fields from which the Timeline will read its data.
+     */
+    set modelFields(value: TimelineModelFields);
+    get modelFields(): TimelineModelFields;
+    /**
+     * Specifies the orientation of the axis.
+     *
+     * @default 'vertical'
+     */
+    orientation: Orientation;
+    /**
+     * Specifies whether to render events alternatingly on both sides of the axis.
+     * Applicable when `orientation` is set to `vertical`.
+     *
+     * @default true
+     */
+    alterMode: boolean;
+    /**
+     * Specifies whether the event cards can be collapsed.
+     *
+     * @default true
+     */
+    collapsibleEvents: boolean;
+    /**
+     * Specifies whether the user can use dedicated shortcuts to interact with the Timeline.
+     *
+     * @default true
+     */
+    navigable: boolean;
+    /**
+     * Specifies whether an event's date label will be visible.
+     *
+     * @default true
+     */
+    showDateLabels: boolean;
+    /**
+     * Specifies the time for sliding to the next event in horizontal mode and the time for collapsing the event in vertical mode. The default value are:
+     * > 300ms for horizontal
+     * > 400ms for vertical
+     *
+     * @default true
+     */
+    animation: boolean | number;
+    /**
+     * Sets a specific width for the event.
+     * This setting is supported only in vertical mode.
+     *
+     * @default 400
+     */
+    get eventWidth(): number;
+    set eventWidth(value: number);
+    /**
+     * Sets a specific height for the event.
+     * > This setting is supported only in horizontal mode.
+     *
+     * @default 600
+     */
+    get eventHeight(): number;
+    set eventHeight(value: number);
+    /**
+     * @hidden
+     */
+    get animationDuration(): number;
+    /**
+     * Specifies the date format for displaying the event date.
+     *
+     * @default 'MMMM dd, yyyy'
+     */
+    set dateFormat(value: string);
+    get dateFormat(): string;
+    hostClass: boolean;
+    get verticalClass(): boolean;
+    get horizontalClass(): boolean;
+    get alternatingClass(): boolean;
+    get collapsibleClass(): boolean;
+    /**
+     * @hidden
+     */
+    timelineHorizontal: TimelineHorizontalComponent;
+    /**
+     * @hidden
+     */
+    timelineVertical: TimelineVerticalComponent;
+    /**
+     * @hidden
+     */
+    cardHeaderTemplate: QueryList<TimelineCardHeaderTemplateDirective>;
+    /**
+     * @hidden
+     */
+    cardBodyTemplate: QueryList<TimelineCardBodyTemplateDirective>;
+    /**
+     * @hidden
+     */
+    cardActionsTemplate: QueryList<TimelineCardActionsTemplateDirective>;
+    /**
+     * Fires when a card is toggled.
+     * > This event is emitted in vertical mode only.
+     */
+    onToggle: EventEmitter<number>;
+    /**
+     * Fires when a card's action is clicked.
+     */
+    onActionClick: EventEmitter<number>;
+    /**
+     * Fires when the left or right arrow is clicked.
+     * > This event is emitted in horizontal mode only.
+     */
+    onNavigate: EventEmitter<NavigationDirection>;
+    /**
+     * @hidden
+     */
+    headerTemplate: TimelineCardHeaderTemplateDirective;
+    /**
+     * @hidden
+     */
+    bodyTemplate: TimelineCardBodyTemplateDirective;
+    /**
+     * @hidden
+     */
+    actionsTemplate: TimelineCardActionsTemplateDirective;
+    private _events;
+    private _modelFields;
+    private _eventWidth;
+    private _eventHeight;
+    private _dateFormat;
+    private originalData;
+    private subscriptions;
+    constructor(timelineService: TimelineService);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Switches to the previous portion of events.
+     * > This method is supported only in horizontal mode.
+     */
+    previous(): void;
+    /**
+     * Switches to the next portion of events.
+     * > This method is supported only in horizontal mode.
+     */
+    next(): void;
+    /**
+     * Open event details.
+     * > This method is supported only in horizontal mode.
+     */
+    open(index: number): void;
+    /**
+     * Expands an event.
+     * > This method is supported only in vertical mode.
+     */
+    expand(index: number): void;
+    /**
+     * Collapses an event.
+     * > This method is supported only in vertical mode.
+     */
+    collapse(index: number): void;
+    private initTemplates;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "kendo-timeline", ["kendoTimeline"], { "events": "events"; "modelFields": "modelFields"; "orientation": "orientation"; "alterMode": "alterMode"; "collapsibleEvents": "collapsibleEvents"; "navigable": "navigable"; "showDateLabels": "showDateLabels"; "animation": "animation"; "eventWidth": "eventWidth"; "eventHeight": "eventHeight"; "dateFormat": "dateFormat"; }, { "onToggle": "onToggle"; "onActionClick": "onActionClick"; "onNavigate": "onNavigate"; }, ["cardHeaderTemplate", "cardBodyTemplate", "cardActionsTemplate"], never, false, never>;
+}

package/timeline/timeline.service.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 { NavigationDirection } from "./events/navigation-direction";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class TimelineService {
+    timeline: any;
+    onToggle(event: number): void;
+    onActionClick(event: number): void;
+    onNavigate(event: NavigationDirection): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TimelineService>;
+}

package/timeline/util.d.ts

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* 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 './models/model-fields';
+import { TimelineEvent } from './models/timeline-event';
+/**
+ * @hidden
+ */
+export declare const processItems: (items: any[], fields: TimelineModelFields) => TimelineEvent[];
+/**
+ * @hidden
+ */
+export declare const parseItem: (item: any, fields: TimelineModelFields) => TimelineEvent;
+/**
+ * @hidden
+ */
+export declare const MAX_VISIBLE_EVENTS = 3;

package/timeline.module.d.ts

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./timeline/timeline.component";
+import * as i2 from "./timeline/localization/custom-messages.component";
+import * as i3 from "./timeline/templates/timeline-card-header.directive";
+import * as i4 from "./timeline/templates/timeline-card-body.directive";
+import * as i5 from "./timeline/templates/timeline-card-actions.directive";
+import * as i6 from "./timeline/timeline-vertical.component";
+import * as i7 from "./timeline/timeline-horizontal.component";
+import * as i8 from "./timeline/timeline-card.component";
+import * as i9 from "./timeline/localization/localized-messages.directive";
+import * as i10 from "@angular/common";
+import * as i11 from "./card.module";
+import * as i12 from "@progress/kendo-angular-buttons";
+import * as i13 from "@progress/kendo-angular-icons";
+import * as i14 from "@progress/kendo-angular-intl";
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the Timeline component.
+ *
+ * The module registers:
+ * - `TimelineComponent`—The `TimelineComponent` component class.
+ */
+export declare class TimelineModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TimelineModule, [typeof i1.TimelineComponent, typeof i2.TimelineCustomMessagesComponent, typeof i3.TimelineCardHeaderTemplateDirective, typeof i4.TimelineCardBodyTemplateDirective, typeof i5.TimelineCardActionsTemplateDirective, typeof i6.TimelineVerticalComponent, typeof i7.TimelineHorizontalComponent, typeof i8.TimelineCardComponent, typeof i9.LocalizedTimelineMessagesDirective], [typeof i10.CommonModule, typeof i11.CardModule, typeof i12.ButtonModule, typeof i13.IconsModule, typeof i14.IntlModule], [typeof i1.TimelineComponent, typeof i2.TimelineCustomMessagesComponent, typeof i3.TimelineCardHeaderTemplateDirective, typeof i4.TimelineCardBodyTemplateDirective, typeof i5.TimelineCardActionsTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TimelineModule>;
+}