@progress/kendo-angular-layout 24.2.2 → 25.0.0-develop.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/fesm2022/progress-kendo-angular-layout.mjs +289 -289
  2. package/index.d.ts +4926 -97
  3. package/package-metadata.mjs +2 -2
  4. package/package.json +13 -13
  5. package/avatar/avatar.component.d.ts +0 -152
  6. package/avatar/l10n/custom-messages.component.d.ts +0 -26
  7. package/avatar/l10n/localized-messages.directive.d.ts +0 -16
  8. package/avatar/l10n/messages.d.ts +0 -17
  9. package/avatar/models/fill.d.ts +0 -8
  10. package/avatar/models/models.d.ts +0 -9
  11. package/avatar/models/rounded.d.ts +0 -8
  12. package/avatar/models/shape.d.ts +0 -15
  13. package/avatar/models/size.d.ts +0 -8
  14. package/avatar/models/theme-color.d.ts +0 -14
  15. package/avatar.module.d.ts +0 -28
  16. package/card/card-actions.component.d.ts +0 -65
  17. package/card/card-body.component.d.ts +0 -21
  18. package/card/card-footer.component.d.ts +0 -21
  19. package/card/card-header.component.d.ts +0 -22
  20. package/card/card.component.d.ts +0 -55
  21. package/card/directives/card-media.directive.d.ts +0 -22
  22. package/card/directives/card-separator.directive.d.ts +0 -34
  23. package/card/directives/card-subtitle.directive.d.ts +0 -20
  24. package/card/directives/card-title.directive.d.ts +0 -20
  25. package/card/models/actions-layout.d.ts +0 -8
  26. package/card/models/card-action.d.ts +0 -21
  27. package/card.module.d.ts +0 -35
  28. package/common/direction.d.ts +0 -8
  29. package/common/dom-queries.d.ts +0 -24
  30. package/common/orientation.d.ts +0 -8
  31. package/common/preventable-event.d.ts +0 -25
  32. package/common/styling-classes.d.ts +0 -11
  33. package/common/util.d.ts +0 -44
  34. package/directives.d.ts +0 -100
  35. package/drawer/drawer-container.component.d.ts +0 -52
  36. package/drawer/drawer-content.component.d.ts +0 -22
  37. package/drawer/drawer.component.d.ts +0 -204
  38. package/drawer/drawer.service.d.ts +0 -34
  39. package/drawer/events/drawer-list-select.event.d.ts +0 -26
  40. package/drawer/events/select-event.d.ts +0 -31
  41. package/drawer/item.component.d.ts +0 -38
  42. package/drawer/list.component.d.ts +0 -37
  43. package/drawer/models/constants.d.ts +0 -8
  44. package/drawer/models/drawer-animation.interface.d.ts +0 -18
  45. package/drawer/models/drawer-item-expand.interface.d.ts +0 -8
  46. package/drawer/models/drawer-item.interface.d.ts +0 -63
  47. package/drawer/models/drawer-view-item.interface.d.ts +0 -29
  48. package/drawer/models/mode.d.ts +0 -11
  49. package/drawer/models/position.d.ts +0 -8
  50. package/drawer/template-directives/drawer-template.directive.d.ts +0 -32
  51. package/drawer/template-directives/footer-template.directive.d.ts +0 -25
  52. package/drawer/template-directives/header-template.directive.d.ts +0 -25
  53. package/drawer/template-directives/item-template.directive.d.ts +0 -33
  54. package/drawer/template-directives.d.ts +0 -8
  55. package/drawer/types.d.ts +0 -8
  56. package/drawer/util.d.ts +0 -16
  57. package/drawer.module.d.ts +0 -33
  58. package/expansionpanel/animations.d.ts +0 -13
  59. package/expansionpanel/events/action-event.d.ts +0 -22
  60. package/expansionpanel/expansionpanel-title.directive.d.ts +0 -27
  61. package/expansionpanel/expansionpanel.component.d.ts +0 -179
  62. package/expansionpanel.module.d.ts +0 -28
  63. package/gridlayout.module.d.ts +0 -28
  64. package/layout.module.d.ts +0 -79
  65. package/layouts/grid-layout.component.d.ts +0 -74
  66. package/layouts/gridlayout-item.component.d.ts +0 -48
  67. package/layouts/models/gridlayout-gap-settings.d.ts +0 -17
  68. package/layouts/models/gridlayout-row-col-size.d.ts +0 -22
  69. package/layouts/models/layout-align-settings.d.ts +0 -18
  70. package/layouts/models/layout-horizontal-align.d.ts +0 -8
  71. package/layouts/models/layout-vertical-align.d.ts +0 -8
  72. package/layouts/models.d.ts +0 -10
  73. package/layouts/stack-layout.component.d.ts +0 -60
  74. package/layouts/util.d.ts +0 -42
  75. package/package-metadata.d.ts +0 -9
  76. package/panelbar/events/collapse-event.d.ts +0 -15
  77. package/panelbar/events/expand-event.d.ts +0 -15
  78. package/panelbar/events/item-click-event.d.ts +0 -18
  79. package/panelbar/events/select-event.d.ts +0 -15
  80. package/panelbar/events/state-change-event.d.ts +0 -14
  81. package/panelbar/events.d.ts +0 -9
  82. package/panelbar/panelbar-content.directive.d.ts +0 -27
  83. package/panelbar/panelbar-expand-mode.d.ts +0 -28
  84. package/panelbar/panelbar-item-model.d.ts +0 -63
  85. package/panelbar/panelbar-item-template.directive.d.ts +0 -26
  86. package/panelbar/panelbar-item-title.directive.d.ts +0 -31
  87. package/panelbar/panelbar-item.component.d.ts +0 -187
  88. package/panelbar/panelbar.component.d.ts +0 -196
  89. package/panelbar/panelbar.service.d.ts +0 -31
  90. package/panelbar.module.d.ts +0 -31
  91. package/splitter/splitter-bar.component.d.ts +0 -61
  92. package/splitter/splitter-pane.component.d.ts +0 -158
  93. package/splitter/splitter.component.d.ts +0 -87
  94. package/splitter/splitter.service.d.ts +0 -68
  95. package/splitter/util.d.ts +0 -17
  96. package/splitter.module.d.ts +0 -28
  97. package/stacklayout.module.d.ts +0 -27
  98. package/stepper/events/activate-event.d.ts +0 -31
  99. package/stepper/list.component.d.ts +0 -48
  100. package/stepper/localization/custom-messages.component.d.ts +0 -26
  101. package/stepper/localization/localized-messages.directive.d.ts +0 -16
  102. package/stepper/localization/messages.d.ts +0 -17
  103. package/stepper/models/constants.d.ts +0 -8
  104. package/stepper/models/orientation.d.ts +0 -11
  105. package/stepper/models/step-predicate.d.ts +0 -18
  106. package/stepper/models/step-type.d.ts +0 -11
  107. package/stepper/models/stepper-step.interface.d.ts +0 -66
  108. package/stepper/step.component.d.ts +0 -64
  109. package/stepper/stepper.component.d.ts +0 -177
  110. package/stepper/stepper.service.d.ts +0 -41
  111. package/stepper/template-directives/indicator-template.directive.d.ts +0 -26
  112. package/stepper/template-directives/label-template.directive.d.ts +0 -26
  113. package/stepper/template-directives/step-template.directive.d.ts +0 -28
  114. package/stepper/template-directives.d.ts +0 -7
  115. package/stepper/types.d.ts +0 -8
  116. package/stepper.module.d.ts +0 -31
  117. package/tabstrip/constants.d.ts +0 -29
  118. package/tabstrip/directives/tab-content.directive.d.ts +0 -30
  119. package/tabstrip/directives/tab-title.directive.d.ts +0 -28
  120. package/tabstrip/directives/tab.directive.d.ts +0 -15
  121. package/tabstrip/events/select-event.d.ts +0 -21
  122. package/tabstrip/events/tabclose-event.d.ts +0 -21
  123. package/tabstrip/events/tabscroll-event.d.ts +0 -20
  124. package/tabstrip/events.d.ts +0 -7
  125. package/tabstrip/localization/custom-messages.component.d.ts +0 -27
  126. package/tabstrip/localization/localized-messages.directive.d.ts +0 -16
  127. package/tabstrip/localization/messages.d.ts +0 -25
  128. package/tabstrip/models/button-state-change.d.ts +0 -11
  129. package/tabstrip/models/scroll-button-type.d.ts +0 -8
  130. package/tabstrip/models/scroll-buttons-visibility.d.ts +0 -8
  131. package/tabstrip/models/scrollable-settings.d.ts +0 -65
  132. package/tabstrip/models/size.d.ts +0 -8
  133. package/tabstrip/models/tab-alignment.d.ts +0 -9
  134. package/tabstrip/models/tab-position.d.ts +0 -9
  135. package/tabstrip/models/tabstrip-tab.component.d.ts +0 -88
  136. package/tabstrip/rendering/tab.component.d.ts +0 -37
  137. package/tabstrip/scrollable-button.component.d.ts +0 -48
  138. package/tabstrip/tabstrip-scroll.service.d.ts +0 -36
  139. package/tabstrip/tabstrip.component.d.ts +0 -252
  140. package/tabstrip/tabstrip.service.d.ts +0 -35
  141. package/tabstrip/util.d.ts +0 -69
  142. package/tabstrip.module.d.ts +0 -31
  143. package/tilelayout/constants.d.ts +0 -48
  144. package/tilelayout/dragging-service.d.ts +0 -60
  145. package/tilelayout/keyboard-navigation.service.d.ts +0 -40
  146. package/tilelayout/models/dragging-config.interface.d.ts +0 -18
  147. package/tilelayout/models/flowmode.type.d.ts +0 -16
  148. package/tilelayout/models/gap.interface.d.ts +0 -17
  149. package/tilelayout/models/navigation.interface.d.ts +0 -17
  150. package/tilelayout/reorder-event.d.ts +0 -34
  151. package/tilelayout/resize-event.d.ts +0 -30
  152. package/tilelayout/tilelayout-item-body.component.d.ts +0 -23
  153. package/tilelayout/tilelayout-item-header.component.d.ts +0 -24
  154. package/tilelayout/tilelayout-item.component.d.ts +0 -119
  155. package/tilelayout/tilelayout-resize-handle.directive.d.ts +0 -22
  156. package/tilelayout/tilelayout.component.d.ts +0 -141
  157. package/tilelayout/util.d.ts +0 -68
  158. package/tilelayout.module.d.ts +0 -30
  159. package/timeline/events/navigation-direction.d.ts +0 -11
  160. package/timeline/localization/custom-messages.component.d.ts +0 -17
  161. package/timeline/localization/localized-messages.directive.d.ts +0 -16
  162. package/timeline/localization/messages.d.ts +0 -21
  163. package/timeline/models/anchor-target.d.ts +0 -11
  164. package/timeline/models/default-model-fields.d.ts +0 -9
  165. package/timeline/models/events-order.d.ts +0 -10
  166. package/timeline/models/model-fields.d.ts +0 -51
  167. package/timeline/models/timeline-event.d.ts +0 -49
  168. package/timeline/templates/timeline-card-actions.directive.d.ts +0 -29
  169. package/timeline/templates/timeline-card-body.directive.d.ts +0 -29
  170. package/timeline/templates/timeline-card-header.directive.d.ts +0 -30
  171. package/timeline/timeline-card.component.d.ts +0 -60
  172. package/timeline/timeline-horizontal.component.d.ts +0 -110
  173. package/timeline/timeline-vertical.component.d.ts +0 -41
  174. package/timeline/timeline.component.d.ts +0 -203
  175. package/timeline/timeline.service.d.ts +0 -17
  176. package/timeline/util.d.ts +0 -18
  177. package/timeline.module.d.ts +0 -31
@@ -1,49 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { AnchorTarget } from "./anchor-target";
6
- /**
7
- * Represents the event model of the Timeline. These are the interface fields that the Timeline events use.
8
- */
9
- export interface TimelineEvent {
10
- /**
11
- * Specifies the text that is rendered as title.
12
- */
13
- title: string;
14
- /**
15
- * Specifies the text that is rendered under the title.
16
- */
17
- subtitle?: string;
18
- /**
19
- * Specifies the text that is rendered as body of the event card.
20
- */
21
- description?: string;
22
- /**
23
- * Represents an event point on the axis.
24
- */
25
- date: Date;
26
- /**
27
- * Specifies if the event card is expanded or collapsed by default.
28
- */
29
- expanded?: boolean;
30
- /**
31
- * Specifies the images that are rendered under the description.
32
- */
33
- images?: Array<{
34
- src: string;
35
- alt?: string;
36
- }>;
37
- /**
38
- * Specifies the corresponding links that are rendered under the images.
39
- */
40
- actions?: Array<{
41
- text: string;
42
- url: string;
43
- target?: AnchorTarget;
44
- }>;
45
- /**
46
- * @hidden
47
- */
48
- flag?: number;
49
- }
@@ -1,29 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Specifies the actions of each timeline card. To define an actions template, nest an `<ng-template>` tag
9
- * with the `kendoTimelineCardActionsTemplate` directive inside the `<kendo-timeline>` tag.
10
- *
11
- * The following values are available as context variables:
12
- * - `let-event="event"` (`TimelineEvent`)&mdash;The current card's event. Also available as implicit context variable.
13
- * - `let-index="index"` (`number`)&mdash;The current event index.
14
- *
15
- * @example
16
- * ```html
17
- * <kendo-timeline [events]="events">
18
- * <ng-template kendoTimelineCardActionsTemplate let-event let-index="index">
19
- * Content for the actions of the card with index {{ index }} and event {{ event.title }}.
20
- * </ng-template>
21
- * </kendo-timeline>
22
- * ```
23
- */
24
- export declare class TimelineCardActionsTemplateDirective {
25
- templateRef: TemplateRef<any>;
26
- constructor(templateRef: TemplateRef<any>);
27
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardActionsTemplateDirective, [{ optional: true; }]>;
28
- static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineCardActionsTemplateDirective, "[kendoTimelineCardActionsTemplate]", never, {}, {}, never, never, true, never>;
29
- }
@@ -1,29 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Specifies the body of each timeline card. To define a body template, nest an `<ng-template>` tag
9
- * with the `kendoTimelineCardBodyTemplate` directive inside the `<kendo-timeline>` tag.
10
- *
11
- * The following values are available as context variables:
12
- * - `let-event="event"` (`TimelineEvent`)&mdash;The current card's event. Also available as implicit context variable.
13
- * - `let-index="index"` (`number`)&mdash;The current event index.
14
- *
15
- * @example
16
- * ```html
17
- * <kendo-timeline [events]="events">
18
- * <ng-template kendoTimelineCardBodyTemplate let-event let-index="index">
19
- * Component for the body of the card with index {{ index }} and event {{ event.title }}.
20
- * </ng-template>
21
- * </kendo-timeline>
22
- * ```
23
- */
24
- export declare class TimelineCardBodyTemplateDirective {
25
- templateRef: TemplateRef<any>;
26
- constructor(templateRef: TemplateRef<any>);
27
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardBodyTemplateDirective, [{ optional: true; }]>;
28
- static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineCardBodyTemplateDirective, "[kendoTimelineCardBodyTemplate]", never, {}, {}, never, never, true, never>;
29
- }
@@ -1,30 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef } from '@angular/core';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Specifies the header of each timeline card. To define a header template, nest an `<ng-template>` tag
9
- * with the `kendoTimelineCardHeaderTemplate` directive inside the `<kendo-timeline>` tag.
10
- *
11
- * The following values are available as context variables:
12
- * - `let-event="event"` (`TimelineEvent`)&mdash;The current card's event. Also available as implicit context variable.
13
- * - `let-index="index"` (`number`)&mdash;The current event index.
14
- *
15
- * @example
16
- * ```html
17
- * <kendo-timeline [events]="events">
18
- * <ng-template kendoTimelineCardHeaderTemplate let-event let-index="index">
19
- * <span class="k-event-title">Title: {{ event.title }}</span>
20
- * <div kendoCardSubtitle>Event number {{ index }}</div>
21
- * </ng-template>
22
- * </kendo-timeline>
23
- * ```
24
- */
25
- export declare class TimelineCardHeaderTemplateDirective {
26
- templateRef: TemplateRef<any>;
27
- constructor(templateRef: TemplateRef<any>);
28
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardHeaderTemplateDirective, [{ optional: true; }]>;
29
- static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineCardHeaderTemplateDirective, "[kendoTimelineCardHeaderTemplate]", never, {}, {}, never, never, true, never>;
30
- }
@@ -1,60 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { AfterViewInit, ElementRef, OnChanges, Renderer2 } from '@angular/core';
6
- import { SVGIcon } from '@progress/kendo-svg-icons';
7
- import { TimelineEvent } from './models/timeline-event';
8
- import { Orientation } from '../common/orientation';
9
- import { TimelineService } from './timeline.service';
10
- import { TimelineCardHeaderTemplateDirective } from './templates/timeline-card-header.directive';
11
- import { TimelineCardBodyTemplateDirective } from './templates/timeline-card-body.directive';
12
- import { TimelineCardActionsTemplateDirective } from './templates/timeline-card-actions.directive';
13
- import * as i0 from "@angular/core";
14
- /**
15
- * @hidden
16
- */
17
- export declare class TimelineCardComponent implements OnChanges, AfterViewInit {
18
- element: ElementRef;
19
- private timelineService;
20
- private renderer;
21
- event: TimelineEvent;
22
- expanded: boolean;
23
- collapsible: boolean;
24
- reversed: boolean;
25
- orientation: Orientation;
26
- navigable: boolean;
27
- tabIndex: string;
28
- animationDuration: number;
29
- index: number;
30
- eventWidth: number;
31
- eventHeight: number;
32
- headerTemplate: TimelineCardHeaderTemplateDirective;
33
- bodyTemplate: TimelineCardBodyTemplateDirective;
34
- actionsTemplate: TimelineCardActionsTemplateDirective;
35
- set calloutStyle(value: any);
36
- calloutElementRef: ElementRef;
37
- hostClass: boolean;
38
- get collapsedClass(): boolean;
39
- onComponentKeyDown(event: any): void;
40
- get role(): string;
41
- get ariaCardLabel(): string;
42
- get ariaLive(): any;
43
- get ariaExpanded(): any;
44
- calloutSvgIcon: SVGIcon;
45
- calloutFontIcon: string;
46
- private animationState;
47
- private animationInProgress;
48
- constructor(element: ElementRef, timelineService: TimelineService, renderer: Renderer2);
49
- ngAfterViewInit(): void;
50
- ngOnChanges(changes: any): void;
51
- toggle(): void;
52
- expand(): void;
53
- collapse(): void;
54
- onActionClick(event: MouseEvent): void;
55
- animationStart(): void;
56
- animationDone(event: any): void;
57
- private makeOverflowVisible;
58
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardComponent, never>;
59
- static ɵcmp: i0.ɵɵComponentDeclaration<TimelineCardComponent, "kendo-timeline-card", ["kendoTimelineCard"], { "event": { "alias": "event"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "reversed": { "alias": "reversed"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "index": { "alias": "index"; "required": false; }; "eventWidth": { "alias": "eventWidth"; "required": false; }; "eventHeight": { "alias": "eventHeight"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "bodyTemplate": { "alias": "bodyTemplate"; "required": false; }; "actionsTemplate": { "alias": "actionsTemplate"; "required": false; }; "calloutStyle": { "alias": "calloutStyle"; "required": false; }; }, {}, never, never, true, never>;
60
- }
@@ -1,110 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges } from '@angular/core';
6
- import { TimelineEvent } from './models/timeline-event';
7
- import { SVGIcon } from '@progress/kendo-svg-icons';
8
- import { TimelineCardComponent } from './timeline-card.component';
9
- import { TimelineService } from './timeline.service';
10
- import { LocalizationService } from '@progress/kendo-angular-l10n';
11
- import { TimelineCardBodyTemplateDirective } from './templates/timeline-card-body.directive';
12
- import { TimelineCardHeaderTemplateDirective } from './templates/timeline-card-header.directive';
13
- import { TimelineCardActionsTemplateDirective } from './templates/timeline-card-actions.directive';
14
- import * as i0 from "@angular/core";
15
- /**
16
- * @hidden
17
- */
18
- export declare class TimelineHorizontalComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
19
- private cdr;
20
- private _zone;
21
- private renderer;
22
- private timelineService;
23
- private localization;
24
- events: Array<TimelineEvent>;
25
- alterMode: boolean;
26
- collapsibleEvents: boolean;
27
- navigable: boolean;
28
- showDateLabels: boolean;
29
- animationDuration: number;
30
- eventHeight: number;
31
- dateFormat: string;
32
- headerTemplate: TimelineCardHeaderTemplateDirective;
33
- bodyTemplate: TimelineCardBodyTemplateDirective;
34
- actionsTemplate: TimelineCardActionsTemplateDirective;
35
- cardElementRefs: QueryList<ElementRef>;
36
- circleElementRefs: QueryList<ElementRef>;
37
- flagElementRefs: QueryList<ElementRef>;
38
- trackElementRef: ElementRef;
39
- scrollableTrackElementRef: ElementRef;
40
- cardComponents: QueryList<TimelineCardComponent>;
41
- get selectedEvent(): TimelineEvent;
42
- set selectedEvent(value: TimelineEvent);
43
- trackWrapWidth: number;
44
- scrollableTrackWidth: number;
45
- cardWidth: number;
46
- svgLeftIcon: SVGIcon;
47
- svgRightIcon: SVGIcon;
48
- calloutStyle: any;
49
- animationState: string;
50
- translateValue: number;
51
- eventsInInterval: number[];
52
- selectedCardIndex: number;
53
- selectedEventIndex: number;
54
- tabFlex: number;
55
- tabWidth: number;
56
- visibleTabsCount: number;
57
- firstCircleInView: number;
58
- visibleEvents: any[];
59
- trackItems: any[];
60
- previousTitle: string;
61
- nextTitle: string;
62
- private _selectedEvent;
63
- private subscriptions;
64
- constructor(cdr: ChangeDetectorRef, _zone: NgZone, renderer: Renderer2, timelineService: TimelineService, localization: LocalizationService);
65
- ngOnInit(): void;
66
- ngAfterViewInit(): void;
67
- ngOnChanges(changes: SimpleChanges): void;
68
- ngOnDestroy(): void;
69
- onResize(): void;
70
- onTransitionEnd(): void;
71
- onTrackTransitionEnd(): void;
72
- onSlideDone(): void;
73
- previous(): void;
74
- previousClick(): void;
75
- next(): void;
76
- nextClick(): void;
77
- open(index: number): void;
78
- navigateToEvent(index: number): void;
79
- private getOtherSelectedCardIndex;
80
- tabStyle(): any;
81
- getTransformation(width: number, position: number): any;
82
- getState(position: number): string;
83
- get calloutOffset(): any;
84
- get isFirstRange(): boolean;
85
- get isLastRange(): boolean;
86
- private onCardsChange;
87
- private onCirclesChange;
88
- private onKeyDown;
89
- private focusTrackItem;
90
- private setTrackItemAttributes;
91
- private removeTrackItemAttributes;
92
- private removeCardsAttributes;
93
- private assignAriaLabel;
94
- private assignAriaDescribedBy;
95
- private updateInterval;
96
- private onHomeKey;
97
- private onEndKey;
98
- private onArrowRightKey;
99
- private onArrowLeftKey;
100
- private navigateToFirstInterval;
101
- private navigateToLastInterval;
102
- private navigateToOtherEvent;
103
- private navigateToInterval;
104
- private animateCards;
105
- private transformCards;
106
- private changeTabsCount;
107
- private l10nChange;
108
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineHorizontalComponent, never>;
109
- static ɵcmp: i0.ɵɵComponentDeclaration<TimelineHorizontalComponent, "kendo-timeline-horizontal", ["kendoTimelineHorizontal"], { "events": { "alias": "events"; "required": false; }; "alterMode": { "alias": "alterMode"; "required": false; }; "collapsibleEvents": { "alias": "collapsibleEvents"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "showDateLabels": { "alias": "showDateLabels"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "eventHeight": { "alias": "eventHeight"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "bodyTemplate": { "alias": "bodyTemplate"; "required": false; }; "actionsTemplate": { "alias": "actionsTemplate"; "required": false; }; }, {}, never, never, true, never>;
110
- }
@@ -1,41 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { ElementRef, QueryList, Renderer2 } from '@angular/core';
6
- import { TimelineEvent } from './models/timeline-event';
7
- import { TimelineCardComponent } from './timeline-card.component';
8
- import { TimelineCardBodyTemplateDirective } from './templates/timeline-card-body.directive';
9
- import { TimelineCardHeaderTemplateDirective } from './templates/timeline-card-header.directive';
10
- import { TimelineCardActionsTemplateDirective } from './templates/timeline-card-actions.directive';
11
- import * as i0 from "@angular/core";
12
- /**
13
- * @hidden
14
- */
15
- export declare class TimelineVerticalComponent {
16
- private renderer;
17
- events: Array<TimelineEvent>;
18
- alterMode: boolean;
19
- collapsibleEvents: boolean;
20
- navigable: boolean;
21
- showDateLabels: boolean;
22
- animationDuration: number;
23
- eventWidth: number;
24
- dateFormat: string;
25
- headerTemplate: TimelineCardHeaderTemplateDirective;
26
- bodyTemplate: TimelineCardBodyTemplateDirective;
27
- actionsTemplate: TimelineCardActionsTemplateDirective;
28
- cards: QueryList<TimelineCardComponent>;
29
- dateElementRefs: QueryList<ElementRef>;
30
- innerDateElementRefs: QueryList<ElementRef>;
31
- private subscriptions;
32
- constructor(renderer: Renderer2);
33
- ngAfterViewInit(): void;
34
- expand(index: number): void;
35
- collapse(index: number): void;
36
- private ariaDescribedByAllEvents;
37
- private removeAriaDescribedBy;
38
- private assignAriaDescribedBy;
39
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineVerticalComponent, never>;
40
- static ɵcmp: i0.ɵɵComponentDeclaration<TimelineVerticalComponent, "kendo-timeline-vertical", ["kendoTimelineVertical"], { "events": { "alias": "events"; "required": false; }; "alterMode": { "alias": "alterMode"; "required": false; }; "collapsibleEvents": { "alias": "collapsibleEvents"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "showDateLabels": { "alias": "showDateLabels"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "eventWidth": { "alias": "eventWidth"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "bodyTemplate": { "alias": "bodyTemplate"; "required": false; }; "actionsTemplate": { "alias": "actionsTemplate"; "required": false; }; }, {}, never, never, true, never>;
41
- }
@@ -1,203 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { AfterContentInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
6
- import { Orientation } from '../common/orientation';
7
- import { TimelineModelFields } from './models/model-fields';
8
- import { TimelineHorizontalComponent } from './timeline-horizontal.component';
9
- import { TimelineVerticalComponent } from './timeline-vertical.component';
10
- import { TimelineService } from './timeline.service';
11
- import { NavigationDirection } from './events/navigation-direction';
12
- import { TimelineCardBodyTemplateDirective } from './templates/timeline-card-body.directive';
13
- import { TimelineCardHeaderTemplateDirective } from './templates/timeline-card-header.directive';
14
- import { TimelineCardActionsTemplateDirective } from './templates/timeline-card-actions.directive';
15
- import { TimelineEventsOrder } from './models/events-order';
16
- import * as i0 from "@angular/core";
17
- /**
18
- * Represents the [Kendo UI Timeline component for Angular](https://www.telerik.com/kendo-angular-ui/components/layout/timeline).
19
- *
20
- * @remarks
21
- * Supported children components are: {@link TimelineCustomMessagesComponent}.
22
- */
23
- export declare class TimelineComponent implements AfterContentInit, OnDestroy {
24
- private timelineService;
25
- /**
26
- * An array of event instances which will be shown by the Timeline.
27
- */
28
- set events(events: any[]);
29
- get events(): any[];
30
- /**
31
- * The names of the model fields from which the Timeline will read its data.
32
- */
33
- set modelFields(value: TimelineModelFields);
34
- get modelFields(): TimelineModelFields;
35
- /**
36
- * Specifies the orientation of the axis.
37
- *
38
- * @default 'vertical'
39
- */
40
- orientation: Orientation;
41
- /**
42
- * Specifies whether to render events alternatingly on both sides of the axis.
43
- * Applicable when `orientation` is set to `vertical`.
44
- *
45
- * @default false
46
- */
47
- alterMode: boolean;
48
- /**
49
- * Specifies whether the event cards can be collapsed.
50
- *
51
- * @default true
52
- */
53
- collapsibleEvents: boolean;
54
- /**
55
- * Specifies whether the user can use dedicated shortcuts to interact with the Timeline.
56
- *
57
- * @default true
58
- *
59
- * @remarks
60
- * This property is related to accessibility.
61
- */
62
- navigable: boolean;
63
- /**
64
- * Specifies whether an event's date label will be visible.
65
- *
66
- * @default true
67
- */
68
- showDateLabels: boolean;
69
- /**
70
- * Specifies the time for sliding to the next event in `horizontal` mode and the time for collapsing the event in `vertical` mode.
71
- * The default animation duration values are `300ms` for `horizontal` mode and `400ms` for `vertical` mode.
72
- *
73
- * @default true
74
- */
75
- animation: boolean | number;
76
- /**
77
- * Specifies the order of the Timeline events.
78
- * `asc` - chronological order
79
- * `desc` - reverse-chronological order
80
- *
81
- * @default 'asc'
82
- */
83
- set eventsOrder(order: TimelineEventsOrder);
84
- get eventsOrder(): TimelineEventsOrder;
85
- /**
86
- * Sets a specific width for the event.
87
- * This setting is supported only in `vertical` mode.
88
- *
89
- * @default 400
90
- */
91
- get eventWidth(): number;
92
- set eventWidth(value: number);
93
- /**
94
- * Sets a specific height for the event.
95
- * This setting is supported only in `horizontal` mode.
96
- *
97
- * @default 600
98
- */
99
- get eventHeight(): number;
100
- set eventHeight(value: number);
101
- /**
102
- * @hidden
103
- */
104
- get animationDuration(): number;
105
- /**
106
- * Specifies the date format for displaying the event date.
107
- *
108
- * @default 'MMMM dd, yyyy'
109
- */
110
- set dateFormat(value: string);
111
- get dateFormat(): string;
112
- hostClass: boolean;
113
- get verticalClass(): boolean;
114
- get horizontalClass(): boolean;
115
- get alternatingClass(): boolean;
116
- get collapsibleClass(): boolean;
117
- /**
118
- * @hidden
119
- */
120
- timelineHorizontal: TimelineHorizontalComponent;
121
- /**
122
- * @hidden
123
- */
124
- timelineVertical: TimelineVerticalComponent;
125
- /**
126
- * @hidden
127
- */
128
- cardHeaderTemplate: QueryList<TimelineCardHeaderTemplateDirective>;
129
- /**
130
- * @hidden
131
- */
132
- cardBodyTemplate: QueryList<TimelineCardBodyTemplateDirective>;
133
- /**
134
- * @hidden
135
- */
136
- cardActionsTemplate: QueryList<TimelineCardActionsTemplateDirective>;
137
- /**
138
- * Fires when a card is toggled.
139
- * This event is supported only in `vertical` mode.
140
- */
141
- onToggle: EventEmitter<number>;
142
- /**
143
- * Fires when a card's action is clicked.
144
- */
145
- onActionClick: EventEmitter<number>;
146
- /**
147
- * Fires when the left or right arrow is clicked.
148
- * This event is supported only in `horizontal` mode.
149
- */
150
- onNavigate: EventEmitter<NavigationDirection>;
151
- /**
152
- * @hidden
153
- */
154
- headerTemplate: TimelineCardHeaderTemplateDirective;
155
- /**
156
- * @hidden
157
- */
158
- bodyTemplate: TimelineCardBodyTemplateDirective;
159
- /**
160
- * @hidden
161
- */
162
- actionsTemplate: TimelineCardActionsTemplateDirective;
163
- private _events;
164
- private _modelFields;
165
- private _eventWidth;
166
- private _eventHeight;
167
- private _dateFormat;
168
- private originalData;
169
- private _eventsOrder;
170
- private subscriptions;
171
- constructor(timelineService: TimelineService);
172
- ngAfterContentInit(): void;
173
- ngOnDestroy(): void;
174
- /**
175
- * Switches to the previous portion of events.
176
- * This method is supported only in `horizontal` mode.
177
- */
178
- previous(): void;
179
- /**
180
- * Switches to the next portion of events.
181
- * This method is supported only in `horizontal` mode.
182
- */
183
- next(): void;
184
- /**
185
- * Open event details.
186
- * This method is supported only in `horizontal` mode.
187
- */
188
- open(index: number): void;
189
- /**
190
- * Expands an event.
191
- * This method is supported only in `vertical` mode.
192
- */
193
- expand(index: number): void;
194
- /**
195
- * Collapses an event.
196
- * This method is supported only in `vertical` mode.
197
- */
198
- collapse(index: number): void;
199
- private updateEvents;
200
- private initTemplates;
201
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
202
- static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "kendo-timeline", ["kendoTimeline"], { "events": { "alias": "events"; "required": false; }; "modelFields": { "alias": "modelFields"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "alterMode": { "alias": "alterMode"; "required": false; }; "collapsibleEvents": { "alias": "collapsibleEvents"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "showDateLabels": { "alias": "showDateLabels"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "eventsOrder": { "alias": "eventsOrder"; "required": false; }; "eventWidth": { "alias": "eventWidth"; "required": false; }; "eventHeight": { "alias": "eventHeight"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; }, { "onToggle": "onToggle"; "onActionClick": "onActionClick"; "onNavigate": "onNavigate"; }, ["cardHeaderTemplate", "cardBodyTemplate", "cardActionsTemplate"], never, true, never>;
203
- }
@@ -1,17 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { NavigationDirection } from "./events/navigation-direction";
6
- import * as i0 from "@angular/core";
7
- /**
8
- * @hidden
9
- */
10
- export declare class TimelineService {
11
- timeline: any;
12
- onToggle(event: number): void;
13
- onActionClick(event: number): void;
14
- onNavigate(event: NavigationDirection): void;
15
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineService, never>;
16
- static ɵprov: i0.ɵɵInjectableDeclaration<TimelineService>;
17
- }
@@ -1,18 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { TimelineModelFields } from './models/model-fields';
6
- import { TimelineEvent } from './models/timeline-event';
7
- /**
8
- * @hidden
9
- */
10
- export declare const processItems: (items: any[], fields: TimelineModelFields) => TimelineEvent[];
11
- /**
12
- * @hidden
13
- */
14
- export declare const parseItem: (item: any, fields: TimelineModelFields) => TimelineEvent;
15
- /**
16
- * @hidden
17
- */
18
- export declare const MAX_VISIBLE_EVENTS = 3;
@@ -1,31 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "./timeline/timeline.component";
7
- import * as i2 from "./timeline/localization/custom-messages.component";
8
- import * as i3 from "./timeline/templates/timeline-card-actions.directive";
9
- import * as i4 from "./timeline/templates/timeline-card-body.directive";
10
- import * as i5 from "./timeline/templates/timeline-card-header.directive";
11
- /**
12
- * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Timeline component.
13
- *
14
- * Use this module to add the Timeline component to your NgModule-based Angular application.
15
- *
16
- * @example
17
- * ```typescript
18
- * import { TimelineModule } from '@progress/kendo-angular-layout';
19
- * import { NgModule } from '@angular/core';
20
- *
21
- * @NgModule({
22
- * imports: [TimelineModule]
23
- * })
24
- * export class AppModule { }
25
- * ```
26
- */
27
- export declare class TimelineModule {
28
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineModule, never>;
29
- static ɵmod: i0.ɵɵNgModuleDeclaration<TimelineModule, never, [typeof i1.TimelineComponent, typeof i2.TimelineCustomMessagesComponent, typeof i3.TimelineCardActionsTemplateDirective, typeof i4.TimelineCardBodyTemplateDirective, typeof i5.TimelineCardHeaderTemplateDirective], [typeof i1.TimelineComponent, typeof i2.TimelineCustomMessagesComponent, typeof i3.TimelineCardActionsTemplateDirective, typeof i4.TimelineCardBodyTemplateDirective, typeof i5.TimelineCardHeaderTemplateDirective]>;
30
- static ɵinj: i0.ɵɵInjectorDeclaration<TimelineModule>;
31
- }