@progress/kendo-angular-layout 16.0.0-develop.2 → 16.0.0-develop.20

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 (181) hide show
  1. package/avatar/avatar.component.d.ts +1 -1
  2. package/avatar/l10n/custom-messages.component.d.ts +1 -1
  3. package/avatar/l10n/localized-messages.directive.d.ts +1 -1
  4. package/avatar/l10n/messages.d.ts +1 -1
  5. package/card/card-actions.component.d.ts +1 -1
  6. package/card/card-body.component.d.ts +1 -1
  7. package/card/card-footer.component.d.ts +1 -1
  8. package/card/card-header.component.d.ts +1 -1
  9. package/card/card.component.d.ts +1 -1
  10. package/card/directives/card-media.directive.d.ts +1 -1
  11. package/card/directives/card-separator.directive.d.ts +1 -1
  12. package/card/directives/card-subtitle.directive.d.ts +1 -1
  13. package/card/directives/card-title.directive.d.ts +1 -1
  14. package/drawer/drawer-container.component.d.ts +1 -1
  15. package/drawer/drawer-content.component.d.ts +1 -1
  16. package/drawer/drawer.component.d.ts +1 -1
  17. package/drawer/item.component.d.ts +1 -1
  18. package/drawer/list.component.d.ts +1 -1
  19. package/drawer/template-directives/drawer-template.directive.d.ts +1 -1
  20. package/drawer/template-directives/footer-template.directive.d.ts +1 -1
  21. package/drawer/template-directives/header-template.directive.d.ts +1 -1
  22. package/drawer/template-directives/item-template.directive.d.ts +1 -1
  23. package/esm2020/avatar/avatar.component.mjs +7 -7
  24. package/esm2020/avatar/l10n/custom-messages.component.mjs +3 -3
  25. package/esm2020/avatar/l10n/localized-messages.directive.mjs +3 -3
  26. package/esm2020/avatar/l10n/messages.mjs +3 -3
  27. package/esm2020/avatar.module.mjs +4 -4
  28. package/esm2020/card/card-actions.component.mjs +4 -4
  29. package/esm2020/card/card-body.component.mjs +3 -3
  30. package/esm2020/card/card-footer.component.mjs +3 -3
  31. package/esm2020/card/card-header.component.mjs +3 -3
  32. package/esm2020/card/card.component.mjs +3 -3
  33. package/esm2020/card/directives/card-media.directive.mjs +3 -3
  34. package/esm2020/card/directives/card-separator.directive.mjs +3 -3
  35. package/esm2020/card/directives/card-subtitle.directive.mjs +3 -3
  36. package/esm2020/card/directives/card-title.directive.mjs +3 -3
  37. package/esm2020/card.module.mjs +4 -4
  38. package/esm2020/drawer/drawer-container.component.mjs +4 -4
  39. package/esm2020/drawer/drawer-content.component.mjs +3 -3
  40. package/esm2020/drawer/drawer.component.mjs +6 -6
  41. package/esm2020/drawer/drawer.service.mjs +3 -3
  42. package/esm2020/drawer/item.component.mjs +8 -6
  43. package/esm2020/drawer/list.component.mjs +5 -5
  44. package/esm2020/drawer/template-directives/drawer-template.directive.mjs +3 -3
  45. package/esm2020/drawer/template-directives/footer-template.directive.mjs +3 -3
  46. package/esm2020/drawer/template-directives/header-template.directive.mjs +3 -3
  47. package/esm2020/drawer/template-directives/item-template.directive.mjs +3 -3
  48. package/esm2020/drawer.module.mjs +4 -4
  49. package/esm2020/expansionpanel/expansionpanel-title.directive.mjs +3 -3
  50. package/esm2020/expansionpanel/expansionpanel.component.mjs +6 -6
  51. package/esm2020/expansionpanel.module.mjs +4 -4
  52. package/esm2020/gridlayout.module.mjs +4 -4
  53. package/esm2020/index.mjs +7 -0
  54. package/esm2020/layout.module.mjs +11 -7
  55. package/esm2020/layouts/grid-layout.component.mjs +3 -3
  56. package/esm2020/layouts/gridlayout-item.component.mjs +3 -3
  57. package/esm2020/layouts/stack-layout.component.mjs +3 -3
  58. package/esm2020/package-metadata.mjs +2 -2
  59. package/esm2020/panelbar/panelbar-content.directive.mjs +3 -3
  60. package/esm2020/panelbar/panelbar-item-template.directive.mjs +3 -3
  61. package/esm2020/panelbar/panelbar-item-title.directive.mjs +3 -3
  62. package/esm2020/panelbar/panelbar-item.component.mjs +14 -20
  63. package/esm2020/panelbar/panelbar.component.mjs +6 -9
  64. package/esm2020/panelbar/panelbar.service.mjs +3 -3
  65. package/esm2020/panelbar.module.mjs +4 -4
  66. package/esm2020/splitter/splitter-bar.component.mjs +6 -6
  67. package/esm2020/splitter/splitter-pane.component.mjs +4 -4
  68. package/esm2020/splitter/splitter.component.mjs +7 -7
  69. package/esm2020/splitter/splitter.service.mjs +3 -3
  70. package/esm2020/splitter.module.mjs +6 -8
  71. package/esm2020/stacklayout.module.mjs +4 -4
  72. package/esm2020/stepper/list.component.mjs +5 -5
  73. package/esm2020/stepper/localization/custom-messages.component.mjs +3 -3
  74. package/esm2020/stepper/localization/localized-messages.directive.mjs +3 -3
  75. package/esm2020/stepper/localization/messages.mjs +3 -3
  76. package/esm2020/stepper/step.component.mjs +6 -6
  77. package/esm2020/stepper/stepper.component.mjs +7 -7
  78. package/esm2020/stepper/stepper.service.mjs +3 -3
  79. package/esm2020/stepper/template-directives/indicator-template.directive.mjs +3 -3
  80. package/esm2020/stepper/template-directives/label-template.directive.mjs +3 -3
  81. package/esm2020/stepper/template-directives/step-template.directive.mjs +3 -3
  82. package/esm2020/stepper.module.mjs +4 -4
  83. package/esm2020/tabstrip/directives/tab-content.directive.mjs +3 -3
  84. package/esm2020/tabstrip/directives/tab-title.directive.mjs +3 -3
  85. package/esm2020/tabstrip/directives/tab.directive.mjs +3 -3
  86. package/esm2020/tabstrip/localization/custom-messages.component.mjs +3 -3
  87. package/esm2020/tabstrip/localization/localized-messages.directive.mjs +3 -3
  88. package/esm2020/tabstrip/localization/messages.mjs +3 -3
  89. package/esm2020/tabstrip/models/tabstrip-tab.component.mjs +3 -3
  90. package/esm2020/tabstrip/rendering/tab.component.mjs +6 -6
  91. package/esm2020/tabstrip/scrollable-button.component.mjs +4 -4
  92. package/esm2020/tabstrip/tabstrip-scroll.service.mjs +3 -3
  93. package/esm2020/tabstrip/tabstrip.component.mjs +8 -10
  94. package/esm2020/tabstrip/tabstrip.service.mjs +3 -3
  95. package/esm2020/tabstrip.module.mjs +4 -4
  96. package/esm2020/tilelayout/dragging-service.mjs +3 -3
  97. package/esm2020/tilelayout/keyboard-navigation.service.mjs +3 -5
  98. package/esm2020/tilelayout/tilelayout-item-body.component.mjs +3 -3
  99. package/esm2020/tilelayout/tilelayout-item-header.component.mjs +3 -3
  100. package/esm2020/tilelayout/tilelayout-item.component.mjs +6 -6
  101. package/esm2020/tilelayout/tilelayout-resize-handle.directive.mjs +3 -3
  102. package/esm2020/tilelayout/tilelayout.component.mjs +6 -6
  103. package/esm2020/tilelayout.module.mjs +4 -4
  104. package/esm2020/timeline/events/navigation-direction.mjs +5 -0
  105. package/esm2020/timeline/localization/custom-messages.component.mjs +41 -0
  106. package/esm2020/timeline/localization/localized-messages.directive.mjs +37 -0
  107. package/esm2020/timeline/localization/messages.mjs +25 -0
  108. package/esm2020/timeline/models/anchor-target.mjs +5 -0
  109. package/esm2020/timeline/models/default-model-fields.mjs +16 -0
  110. package/esm2020/timeline/models/model-fields.mjs +5 -0
  111. package/esm2020/timeline/models/timeline-event.mjs +5 -0
  112. package/esm2020/timeline/templates/timeline-card-actions.directive.mjs +29 -0
  113. package/esm2020/timeline/templates/timeline-card-body.directive.mjs +29 -0
  114. package/esm2020/timeline/templates/timeline-card-header.directive.mjs +29 -0
  115. package/esm2020/timeline/timeline-card.component.mjs +400 -0
  116. package/esm2020/timeline/timeline-horizontal.component.mjs +723 -0
  117. package/esm2020/timeline/timeline-vertical.component.mjs +175 -0
  118. package/esm2020/timeline/timeline.component.mjs +418 -0
  119. package/esm2020/timeline/timeline.service.mjs +31 -0
  120. package/esm2020/timeline/util.mjs +26 -0
  121. package/esm2020/timeline.module.mjs +65 -0
  122. package/expansionpanel/expansionpanel-title.directive.d.ts +1 -1
  123. package/expansionpanel/expansionpanel.component.d.ts +1 -1
  124. package/fesm2015/progress-kendo-angular-layout.mjs +2527 -608
  125. package/fesm2020/progress-kendo-angular-layout.mjs +2258 -366
  126. package/index.d.ts +10 -0
  127. package/layout.module.d.ts +2 -1
  128. package/layouts/grid-layout.component.d.ts +1 -1
  129. package/layouts/gridlayout-item.component.d.ts +1 -1
  130. package/layouts/stack-layout.component.d.ts +1 -1
  131. package/package.json +13 -13
  132. package/panelbar/panelbar-content.directive.d.ts +1 -1
  133. package/panelbar/panelbar-item-template.directive.d.ts +1 -1
  134. package/panelbar/panelbar-item-title.directive.d.ts +1 -1
  135. package/panelbar/panelbar-item.component.d.ts +1 -2
  136. package/panelbar/panelbar.component.d.ts +1 -1
  137. package/splitter/splitter-bar.component.d.ts +1 -1
  138. package/splitter/splitter-pane.component.d.ts +1 -1
  139. package/splitter/splitter.component.d.ts +1 -1
  140. package/stepper/list.component.d.ts +1 -1
  141. package/stepper/localization/custom-messages.component.d.ts +1 -1
  142. package/stepper/localization/localized-messages.directive.d.ts +1 -1
  143. package/stepper/localization/messages.d.ts +1 -1
  144. package/stepper/step.component.d.ts +1 -1
  145. package/stepper/stepper.component.d.ts +1 -1
  146. package/stepper/template-directives/indicator-template.directive.d.ts +1 -1
  147. package/stepper/template-directives/label-template.directive.d.ts +1 -1
  148. package/stepper/template-directives/step-template.directive.d.ts +1 -1
  149. package/tabstrip/directives/tab-content.directive.d.ts +1 -1
  150. package/tabstrip/directives/tab-title.directive.d.ts +1 -1
  151. package/tabstrip/directives/tab.directive.d.ts +1 -1
  152. package/tabstrip/localization/custom-messages.component.d.ts +1 -1
  153. package/tabstrip/localization/localized-messages.directive.d.ts +1 -1
  154. package/tabstrip/localization/messages.d.ts +1 -1
  155. package/tabstrip/models/tabstrip-tab.component.d.ts +1 -1
  156. package/tabstrip/rendering/tab.component.d.ts +1 -1
  157. package/tabstrip/scrollable-button.component.d.ts +1 -1
  158. package/tabstrip/tabstrip.component.d.ts +1 -1
  159. package/tilelayout/tilelayout-item-body.component.d.ts +1 -1
  160. package/tilelayout/tilelayout-item-header.component.d.ts +1 -1
  161. package/tilelayout/tilelayout-item.component.d.ts +1 -1
  162. package/tilelayout/tilelayout-resize-handle.directive.d.ts +1 -1
  163. package/tilelayout/tilelayout.component.d.ts +1 -1
  164. package/timeline/events/navigation-direction.d.ts +5 -0
  165. package/timeline/localization/custom-messages.component.d.ts +17 -0
  166. package/timeline/localization/localized-messages.directive.d.ts +16 -0
  167. package/timeline/localization/messages.d.ts +21 -0
  168. package/timeline/models/anchor-target.d.ts +5 -0
  169. package/{progress-kendo-angular-layout.d.ts → timeline/models/default-model-fields.d.ts} +3 -3
  170. package/timeline/models/model-fields.d.ts +51 -0
  171. package/timeline/models/timeline-event.d.ts +49 -0
  172. package/timeline/templates/timeline-card-actions.directive.d.ts +20 -0
  173. package/timeline/templates/timeline-card-body.directive.d.ts +20 -0
  174. package/timeline/templates/timeline-card-header.directive.d.ts +20 -0
  175. package/timeline/timeline-card.component.d.ts +59 -0
  176. package/timeline/timeline-horizontal.component.d.ts +110 -0
  177. package/timeline/timeline-vertical.component.d.ts +41 -0
  178. package/timeline/timeline.component.d.ts +185 -0
  179. package/timeline/timeline.service.d.ts +17 -0
  180. package/timeline/util.d.ts +18 -0
  181. package/timeline.module.d.ts +31 -0
@@ -0,0 +1,49 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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
+ }
@@ -0,0 +1,20 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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`) - The current card's event. Also available as implicit context variable.
13
+ * - `let-index="index"` (`number`) - The current event index.
14
+ */
15
+ export declare class TimelineCardActionsTemplateDirective {
16
+ templateRef: TemplateRef<any>;
17
+ constructor(templateRef: TemplateRef<any>);
18
+ static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardActionsTemplateDirective, [{ optional: true; }]>;
19
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineCardActionsTemplateDirective, "[kendoTimelineCardActionsTemplate]", never, {}, {}, never, never, false, never>;
20
+ }
@@ -0,0 +1,20 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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`) - The current card's event. Also available as implicit context variable.
13
+ * - `let-index="index"` (`number`) - The current event index.
14
+ */
15
+ export declare class TimelineCardBodyTemplateDirective {
16
+ templateRef: TemplateRef<any>;
17
+ constructor(templateRef: TemplateRef<any>);
18
+ static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardBodyTemplateDirective, [{ optional: true; }]>;
19
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineCardBodyTemplateDirective, "[kendoTimelineCardBodyTemplate]", never, {}, {}, never, never, false, never>;
20
+ }
@@ -0,0 +1,20 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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`) - The current card's event. Also available as implicit context variable.
13
+ * - `let-index="index"` (`number`) - The current event index.
14
+ */
15
+ export declare class TimelineCardHeaderTemplateDirective {
16
+ templateRef: TemplateRef<any>;
17
+ constructor(templateRef: TemplateRef<any>);
18
+ static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardHeaderTemplateDirective, [{ optional: true; }]>;
19
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TimelineCardHeaderTemplateDirective, "[kendoTimelineCardHeaderTemplate]", never, {}, {}, never, never, false, never>;
20
+ }
@@ -0,0 +1,59 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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 ariaLive(): any;
42
+ get ariaExpanded(): any;
43
+ calloutSvgIcon: SVGIcon;
44
+ calloutFontIcon: string;
45
+ private animationState;
46
+ private animationInProgress;
47
+ constructor(element: ElementRef, timelineService: TimelineService, renderer: Renderer2);
48
+ ngAfterViewInit(): void;
49
+ ngOnChanges(changes: any): void;
50
+ toggle(): void;
51
+ expand(): void;
52
+ collapse(): void;
53
+ onActionClick(event: MouseEvent): void;
54
+ animationStart(): void;
55
+ animationDone(event: any): void;
56
+ private makeOverflowVisible;
57
+ static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCardComponent, never>;
58
+ 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>;
59
+ }
@@ -0,0 +1,110 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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
+ handleWindowResize(): 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": "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>;
110
+ }
@@ -0,0 +1,41 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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": "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>;
41
+ }
@@ -0,0 +1,185 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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 * as i0 from "@angular/core";
16
+ /**
17
+ * Represents the [Kendo UI Timeline component for Angular]({% slug overview_timeline %}).
18
+ */
19
+ export declare class TimelineComponent implements AfterContentInit, OnDestroy {
20
+ private timelineService;
21
+ /**
22
+ * An array of event instances which will be shown by the Timeline.
23
+ */
24
+ set events(events: any[]);
25
+ get events(): any[];
26
+ /**
27
+ * The names of the model fields from which the Timeline will read its data.
28
+ */
29
+ set modelFields(value: TimelineModelFields);
30
+ get modelFields(): TimelineModelFields;
31
+ /**
32
+ * Specifies the orientation of the axis.
33
+ *
34
+ * @default 'vertical'
35
+ */
36
+ orientation: Orientation;
37
+ /**
38
+ * Specifies whether to render events alternatingly on both sides of the axis.
39
+ * Applicable when `orientation` is set to `vertical`.
40
+ *
41
+ * @default false
42
+ */
43
+ alterMode: boolean;
44
+ /**
45
+ * Specifies whether the event cards can be collapsed.
46
+ *
47
+ * @default true
48
+ */
49
+ collapsibleEvents: boolean;
50
+ /**
51
+ * Specifies whether the user can use dedicated shortcuts to interact with the Timeline.
52
+ *
53
+ * @default true
54
+ */
55
+ navigable: boolean;
56
+ /**
57
+ * Specifies whether an event's date label will be visible.
58
+ *
59
+ * @default true
60
+ */
61
+ showDateLabels: boolean;
62
+ /**
63
+ * Specifies the time for sliding to the next event in `horizontal` mode and the time for collapsing the event in `vertical` mode.
64
+ * The default animation duration values are `300ms` for `horizontal` mode and `400ms` for `vertical` mode.
65
+ *
66
+ * @default true
67
+ */
68
+ animation: boolean | number;
69
+ /**
70
+ * Sets a specific width for the event.
71
+ * This setting is supported only in `vertical` mode.
72
+ *
73
+ * @default 400
74
+ */
75
+ get eventWidth(): number;
76
+ set eventWidth(value: number);
77
+ /**
78
+ * Sets a specific height for the event.
79
+ * This setting is supported only in `horizontal` mode.
80
+ *
81
+ * @default 600
82
+ */
83
+ get eventHeight(): number;
84
+ set eventHeight(value: number);
85
+ /**
86
+ * @hidden
87
+ */
88
+ get animationDuration(): number;
89
+ /**
90
+ * Specifies the date format for displaying the event date.
91
+ *
92
+ * @default 'MMMM dd, yyyy'
93
+ */
94
+ set dateFormat(value: string);
95
+ get dateFormat(): string;
96
+ hostClass: boolean;
97
+ get verticalClass(): boolean;
98
+ get horizontalClass(): boolean;
99
+ get alternatingClass(): boolean;
100
+ get collapsibleClass(): boolean;
101
+ /**
102
+ * @hidden
103
+ */
104
+ timelineHorizontal: TimelineHorizontalComponent;
105
+ /**
106
+ * @hidden
107
+ */
108
+ timelineVertical: TimelineVerticalComponent;
109
+ /**
110
+ * @hidden
111
+ */
112
+ cardHeaderTemplate: QueryList<TimelineCardHeaderTemplateDirective>;
113
+ /**
114
+ * @hidden
115
+ */
116
+ cardBodyTemplate: QueryList<TimelineCardBodyTemplateDirective>;
117
+ /**
118
+ * @hidden
119
+ */
120
+ cardActionsTemplate: QueryList<TimelineCardActionsTemplateDirective>;
121
+ /**
122
+ * Fires when a card is toggled.
123
+ * This event is supported only in `vertical` mode.
124
+ */
125
+ onToggle: EventEmitter<number>;
126
+ /**
127
+ * Fires when a card's action is clicked.
128
+ */
129
+ onActionClick: EventEmitter<number>;
130
+ /**
131
+ * Fires when the left or right arrow is clicked.
132
+ * This event is supported only in `horizontal` mode.
133
+ */
134
+ onNavigate: EventEmitter<NavigationDirection>;
135
+ /**
136
+ * @hidden
137
+ */
138
+ headerTemplate: TimelineCardHeaderTemplateDirective;
139
+ /**
140
+ * @hidden
141
+ */
142
+ bodyTemplate: TimelineCardBodyTemplateDirective;
143
+ /**
144
+ * @hidden
145
+ */
146
+ actionsTemplate: TimelineCardActionsTemplateDirective;
147
+ private _events;
148
+ private _modelFields;
149
+ private _eventWidth;
150
+ private _eventHeight;
151
+ private _dateFormat;
152
+ private originalData;
153
+ private subscriptions;
154
+ constructor(timelineService: TimelineService);
155
+ ngAfterContentInit(): void;
156
+ ngOnDestroy(): void;
157
+ /**
158
+ * Switches to the previous portion of events.
159
+ * This method is supported only in `horizontal` mode.
160
+ */
161
+ previous(): void;
162
+ /**
163
+ * Switches to the next portion of events.
164
+ * This method is supported only in `horizontal` mode.
165
+ */
166
+ next(): void;
167
+ /**
168
+ * Open event details.
169
+ * This method is supported only in `horizontal` mode.
170
+ */
171
+ open(index: number): void;
172
+ /**
173
+ * Expands an event.
174
+ * This method is supported only in `vertical` mode.
175
+ */
176
+ expand(index: number): void;
177
+ /**
178
+ * Collapses an event.
179
+ * This method is supported only in `vertical` mode.
180
+ */
181
+ collapse(index: number): void;
182
+ private initTemplates;
183
+ static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
184
+ 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>;
185
+ }
@@ -0,0 +1,17 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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
+ }
@@ -0,0 +1,18 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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;
@@ -0,0 +1,31 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 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-header.directive";
9
+ import * as i4 from "./timeline/templates/timeline-card-body.directive";
10
+ import * as i5 from "./timeline/templates/timeline-card-actions.directive";
11
+ import * as i6 from "./timeline/timeline-vertical.component";
12
+ import * as i7 from "./timeline/timeline-horizontal.component";
13
+ import * as i8 from "./timeline/timeline-card.component";
14
+ import * as i9 from "./timeline/localization/localized-messages.directive";
15
+ import * as i10 from "@angular/common";
16
+ import * as i11 from "./card.module";
17
+ import * as i12 from "@progress/kendo-angular-buttons";
18
+ import * as i13 from "@progress/kendo-angular-icons";
19
+ import * as i14 from "@progress/kendo-angular-intl";
20
+ /**
21
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
22
+ * definition for the Timeline component.
23
+ *
24
+ * The module registers:
25
+ * - `TimelineComponent`&mdash;The `TimelineComponent` component class.
26
+ */
27
+ export declare class TimelineModule {
28
+ static ɵfac: i0.ɵɵFactoryDeclaration<TimelineModule, never>;
29
+ 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]>;
30
+ static ɵinj: i0.ɵɵInjectorDeclaration<TimelineModule>;
31
+ }