@progress/kendo-angular-layout 16.0.0-develop.9 → 16.0.1-develop.1

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 (97) hide show
  1. package/esm2020/avatar/avatar.component.mjs +3 -3
  2. package/esm2020/avatar/l10n/custom-messages.component.mjs +3 -3
  3. package/esm2020/avatar/l10n/localized-messages.directive.mjs +3 -3
  4. package/esm2020/avatar/l10n/messages.mjs +3 -3
  5. package/esm2020/avatar.module.mjs +4 -4
  6. package/esm2020/card/card-actions.component.mjs +3 -3
  7. package/esm2020/card/card-body.component.mjs +3 -3
  8. package/esm2020/card/card-footer.component.mjs +3 -3
  9. package/esm2020/card/card-header.component.mjs +3 -3
  10. package/esm2020/card/card.component.mjs +3 -3
  11. package/esm2020/card/directives/card-media.directive.mjs +3 -3
  12. package/esm2020/card/directives/card-separator.directive.mjs +3 -3
  13. package/esm2020/card/directives/card-subtitle.directive.mjs +3 -3
  14. package/esm2020/card/directives/card-title.directive.mjs +3 -3
  15. package/esm2020/card.module.mjs +4 -4
  16. package/esm2020/drawer/drawer-container.component.mjs +3 -3
  17. package/esm2020/drawer/drawer-content.component.mjs +3 -3
  18. package/esm2020/drawer/drawer.component.mjs +3 -3
  19. package/esm2020/drawer/drawer.service.mjs +3 -3
  20. package/esm2020/drawer/item.component.mjs +3 -3
  21. package/esm2020/drawer/list.component.mjs +3 -3
  22. package/esm2020/drawer/template-directives/drawer-template.directive.mjs +3 -3
  23. package/esm2020/drawer/template-directives/footer-template.directive.mjs +3 -3
  24. package/esm2020/drawer/template-directives/header-template.directive.mjs +3 -3
  25. package/esm2020/drawer/template-directives/item-template.directive.mjs +3 -3
  26. package/esm2020/drawer.module.mjs +4 -4
  27. package/esm2020/expansionpanel/expansionpanel-title.directive.mjs +3 -3
  28. package/esm2020/expansionpanel/expansionpanel.component.mjs +3 -3
  29. package/esm2020/expansionpanel.module.mjs +4 -4
  30. package/esm2020/gridlayout.module.mjs +4 -4
  31. package/esm2020/layout.module.mjs +4 -4
  32. package/esm2020/layouts/grid-layout.component.mjs +3 -3
  33. package/esm2020/layouts/gridlayout-item.component.mjs +3 -3
  34. package/esm2020/layouts/stack-layout.component.mjs +3 -3
  35. package/esm2020/package-metadata.mjs +2 -2
  36. package/esm2020/panelbar/panelbar-content.directive.mjs +3 -3
  37. package/esm2020/panelbar/panelbar-item-template.directive.mjs +3 -3
  38. package/esm2020/panelbar/panelbar-item-title.directive.mjs +3 -3
  39. package/esm2020/panelbar/panelbar-item.component.mjs +3 -3
  40. package/esm2020/panelbar/panelbar.component.mjs +3 -3
  41. package/esm2020/panelbar/panelbar.service.mjs +3 -3
  42. package/esm2020/panelbar.module.mjs +4 -4
  43. package/esm2020/splitter/splitter-bar.component.mjs +3 -3
  44. package/esm2020/splitter/splitter-pane.component.mjs +3 -3
  45. package/esm2020/splitter/splitter.component.mjs +3 -3
  46. package/esm2020/splitter/splitter.service.mjs +3 -3
  47. package/esm2020/splitter.module.mjs +4 -4
  48. package/esm2020/stacklayout.module.mjs +4 -4
  49. package/esm2020/stepper/list.component.mjs +3 -3
  50. package/esm2020/stepper/localization/custom-messages.component.mjs +3 -3
  51. package/esm2020/stepper/localization/localized-messages.directive.mjs +3 -3
  52. package/esm2020/stepper/localization/messages.mjs +3 -3
  53. package/esm2020/stepper/step.component.mjs +3 -3
  54. package/esm2020/stepper/stepper.component.mjs +3 -3
  55. package/esm2020/stepper/stepper.service.mjs +3 -3
  56. package/esm2020/stepper/template-directives/indicator-template.directive.mjs +3 -3
  57. package/esm2020/stepper/template-directives/label-template.directive.mjs +3 -3
  58. package/esm2020/stepper/template-directives/step-template.directive.mjs +3 -3
  59. package/esm2020/stepper.module.mjs +4 -4
  60. package/esm2020/tabstrip/directives/tab-content.directive.mjs +3 -3
  61. package/esm2020/tabstrip/directives/tab-title.directive.mjs +3 -3
  62. package/esm2020/tabstrip/directives/tab.directive.mjs +3 -3
  63. package/esm2020/tabstrip/localization/custom-messages.component.mjs +3 -3
  64. package/esm2020/tabstrip/localization/localized-messages.directive.mjs +3 -3
  65. package/esm2020/tabstrip/localization/messages.mjs +3 -3
  66. package/esm2020/tabstrip/models/tabstrip-tab.component.mjs +3 -3
  67. package/esm2020/tabstrip/rendering/tab.component.mjs +3 -3
  68. package/esm2020/tabstrip/scrollable-button.component.mjs +3 -3
  69. package/esm2020/tabstrip/tabstrip-scroll.service.mjs +3 -3
  70. package/esm2020/tabstrip/tabstrip.component.mjs +7 -7
  71. package/esm2020/tabstrip/tabstrip.service.mjs +3 -3
  72. package/esm2020/tabstrip.module.mjs +4 -4
  73. package/esm2020/tilelayout/dragging-service.mjs +3 -3
  74. package/esm2020/tilelayout/keyboard-navigation.service.mjs +3 -3
  75. package/esm2020/tilelayout/tilelayout-item-body.component.mjs +3 -3
  76. package/esm2020/tilelayout/tilelayout-item-header.component.mjs +3 -3
  77. package/esm2020/tilelayout/tilelayout-item.component.mjs +3 -3
  78. package/esm2020/tilelayout/tilelayout-resize-handle.directive.mjs +3 -3
  79. package/esm2020/tilelayout/tilelayout.component.mjs +3 -3
  80. package/esm2020/tilelayout.module.mjs +4 -4
  81. package/esm2020/timeline/localization/custom-messages.component.mjs +3 -3
  82. package/esm2020/timeline/localization/localized-messages.directive.mjs +3 -3
  83. package/esm2020/timeline/localization/messages.mjs +3 -3
  84. package/esm2020/timeline/templates/timeline-card-actions.directive.mjs +3 -3
  85. package/esm2020/timeline/templates/timeline-card-body.directive.mjs +3 -3
  86. package/esm2020/timeline/templates/timeline-card-header.directive.mjs +3 -3
  87. package/esm2020/timeline/timeline-card.component.mjs +3 -5
  88. package/esm2020/timeline/timeline-horizontal.component.mjs +28 -6
  89. package/esm2020/timeline/timeline-vertical.component.mjs +3 -3
  90. package/esm2020/timeline/timeline.component.mjs +15 -15
  91. package/esm2020/timeline/timeline.service.mjs +3 -3
  92. package/esm2020/timeline.module.mjs +4 -4
  93. package/fesm2015/progress-kendo-angular-layout.mjs +328 -308
  94. package/fesm2020/progress-kendo-angular-layout.mjs +328 -308
  95. package/package.json +8 -7
  96. package/schematics/ngAdd/index.js +1 -1
  97. package/timeline/timeline.component.d.ts +12 -13
@@ -124,8 +124,8 @@ export class TimelineCardComponent {
124
124
  }
125
125
  }
126
126
  }
127
- TimelineCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineCardComponent, deps: [{ token: i0.ElementRef }, { token: i1.TimelineService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
128
- TimelineCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TimelineCardComponent, selector: "kendo-timeline-card", inputs: { 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" }, host: { listeners: { "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-timeline-card": "this.hostClass", "class.k-collapsed": "this.collapsedClass" } }, providers: [], viewQueries: [{ propertyName: "calloutElementRef", first: true, predicate: ["callout"], descendants: true }], exportAs: ["kendoTimelineCard"], usesOnChanges: true, ngImport: i0, template: `
127
+ TimelineCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineCardComponent, deps: [{ token: i0.ElementRef }, { token: i1.TimelineService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
128
+ TimelineCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineCardComponent, selector: "kendo-timeline-card", inputs: { 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" }, host: { listeners: { "keydown": "onComponentKeyDown($event)" }, properties: { "class.k-timeline-card": "this.hostClass", "class.k-collapsed": "this.collapsedClass" } }, providers: [], viewQueries: [{ propertyName: "calloutElementRef", first: true, predicate: ["callout"], descendants: true }], exportAs: ["kendoTimelineCard"], usesOnChanges: true, ngImport: i0, template: `
129
129
  <kendo-card
130
130
  [ngStyle]="{ 'height': orientation === 'horizontal' ? eventHeight + 'px' : null }"
131
131
  [width]="orientation === 'horizontal' ? 'auto' : eventWidth + 'px'"
@@ -138,7 +138,6 @@ TimelineCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
138
138
  >
139
139
  <span
140
140
  #callout
141
- *ngIf="event"
142
141
  class="k-timeline-card-callout k-card-callout"
143
142
  [ngClass]="{
144
143
  'k-callout-n': orientation === 'horizontal',
@@ -237,7 +236,7 @@ TimelineCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
237
236
  ], { params: { animationDuration: '400' } }),
238
237
  ])
239
238
  ] });
240
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineCardComponent, decorators: [{
239
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineCardComponent, decorators: [{
241
240
  type: Component,
242
241
  args: [{
243
242
  animations: [
@@ -273,7 +272,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
273
272
  >
274
273
  <span
275
274
  #callout
276
- *ngIf="event"
277
275
  class="k-timeline-card-callout k-card-callout"
278
276
  [ngClass]="{
279
277
  'k-callout-n': orientation === 'horizontal',
@@ -6,7 +6,7 @@ import { ChangeDetectorRef, Component, ElementRef, Input, NgZone, QueryList, Ren
6
6
  import { caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
7
7
  import { Subscription, fromEvent } from 'rxjs';
8
8
  import { TimelineCardComponent } from './timeline-card.component';
9
- import { Keys, guid, isChanged, isPresent } from '@progress/kendo-angular-common';
9
+ import { Keys, guid, isChanged, isDocumentAvailable, isPresent } from '@progress/kendo-angular-common';
10
10
  import { animate, state, style, transition, trigger } from '@angular/animations';
11
11
  import { TimelineService } from './timeline.service';
12
12
  import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -64,7 +64,7 @@ export class TimelineHorizontalComponent {
64
64
  this.calloutStyle = this.calloutOffset;
65
65
  }
66
66
  ngOnInit() {
67
- this._zone.runOutsideAngular(() => this.subscriptions.add(fromEvent(window, 'resize').subscribe(this.handleWindowResize.bind(this))));
67
+ this._zone.runOutsideAngular(() => isDocumentAvailable() && this.subscriptions.add(fromEvent(window, 'resize').subscribe(this.handleWindowResize.bind(this))));
68
68
  this.l10nChange();
69
69
  this.subscriptions.add(this.localization.changes.subscribe(this.l10nChange.bind(this)));
70
70
  if (this.events.length > 0) {
@@ -78,6 +78,9 @@ export class TimelineHorizontalComponent {
78
78
  });
79
79
  }
80
80
  ngAfterViewInit() {
81
+ if (!isDocumentAvailable()) {
82
+ return;
83
+ }
81
84
  this.subscriptions.add(this.renderer.listen(this.trackElementRef.nativeElement, 'keydown', this.onKeyDown.bind(this)));
82
85
  this.trackWrapWidth = this.trackElementRef.nativeElement.getBoundingClientRect().width;
83
86
  this.scrollableTrackWidth = this.scrollableTrackElementRef.nativeElement.getBoundingClientRect().width;
@@ -124,6 +127,9 @@ export class TimelineHorizontalComponent {
124
127
  this.subscriptions.unsubscribe();
125
128
  }
126
129
  handleWindowResize() {
130
+ if (!isDocumentAvailable()) {
131
+ return;
132
+ }
127
133
  if (this.trackWrapWidth === this.trackElementRef.nativeElement.getBoundingClientRect().width) {
128
134
  return;
129
135
  }
@@ -225,6 +231,9 @@ export class TimelineHorizontalComponent {
225
231
  return 'right';
226
232
  }
227
233
  get calloutOffset() {
234
+ if (!isDocumentAvailable()) {
235
+ return;
236
+ }
228
237
  if (!this.circleElementRefs?.first || !this.trackElementRef || !isPresent(this.selectedEventIndex)) {
229
238
  return {};
230
239
  }
@@ -273,6 +282,7 @@ export class TimelineHorizontalComponent {
273
282
  if (!this.navigable) {
274
283
  return;
275
284
  }
285
+ event.preventDefault();
276
286
  if (event.keyCode === Keys.Home) {
277
287
  this.onHomeKey();
278
288
  }
@@ -287,6 +297,9 @@ export class TimelineHorizontalComponent {
287
297
  }
288
298
  }
289
299
  focusTrackItem(index) {
300
+ if (!isDocumentAvailable()) {
301
+ return;
302
+ }
290
303
  if (!this.circleElementRefs || index < 0 || index >= this.circleElementRefs.length) {
291
304
  return;
292
305
  }
@@ -300,6 +313,9 @@ export class TimelineHorizontalComponent {
300
313
  this.setTrackItemAttributes(newTrackItem, index);
301
314
  }
302
315
  setTrackItemAttributes(element, index) {
316
+ if (!isDocumentAvailable()) {
317
+ return;
318
+ }
303
319
  const innerCard = this.cardComponents.get(this.selectedCardIndex).element.nativeElement.querySelector('.k-card');
304
320
  const selectedCircle = this.circleElementRefs.get(index).nativeElement;
305
321
  this.renderer.addClass(element, 'k-focus');
@@ -337,9 +353,15 @@ export class TimelineHorizontalComponent {
337
353
  this.navigateToInterval(start, 0, forward, !forward);
338
354
  }
339
355
  onHomeKey() {
356
+ if (this.selectedEvent === this.events[0]) {
357
+ return;
358
+ }
340
359
  this.navigateToFirstInterval();
341
360
  }
342
361
  onEndKey() {
362
+ if (this.selectedEvent === this.events[this.events.length - 1]) {
363
+ return;
364
+ }
343
365
  this.navigateToLastInterval();
344
366
  }
345
367
  onArrowRightKey() {
@@ -352,7 +374,7 @@ export class TimelineHorizontalComponent {
352
374
  this.navigateToInterval(0);
353
375
  }
354
376
  navigateToLastInterval() {
355
- const start = Math.floor(this.trackItems.length / this.visibleTabsCount) * this.visibleTabsCount;
377
+ const start = Math.floor((this.trackItems.length - 1) / this.visibleTabsCount) * this.visibleTabsCount;
356
378
  this.navigateToInterval(start, this.events.length - 1);
357
379
  }
358
380
  navigateToOtherEvent(direction) {
@@ -434,8 +456,8 @@ export class TimelineHorizontalComponent {
434
456
  this.cdr.markForCheck();
435
457
  }
436
458
  }
437
- TimelineHorizontalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineHorizontalComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.TimelineService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
438
- TimelineHorizontalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TimelineHorizontalComponent, selector: "kendo-timeline-horizontal", inputs: { events: "events", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animationDuration: "animationDuration", eventHeight: "eventHeight", dateFormat: "dateFormat", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", actionsTemplate: "actionsTemplate" }, providers: [], viewQueries: [{ propertyName: "trackElementRef", first: true, predicate: ["track"], descendants: true }, { propertyName: "scrollableTrackElementRef", first: true, predicate: ["scrollableTrack"], descendants: true }, { propertyName: "cardElementRefs", predicate: ["card"], descendants: true, read: ElementRef }, { propertyName: "circleElementRefs", predicate: ["trackCircle"], descendants: true }, { propertyName: "flagElementRefs", predicate: ["trackFlag"], descendants: true }, { propertyName: "cardComponents", predicate: TimelineCardComponent, descendants: true }], exportAs: ["kendoTimelineHorizontal"], usesOnChanges: true, ngImport: i0, template: `
459
+ TimelineHorizontalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineHorizontalComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.TimelineService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
460
+ TimelineHorizontalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineHorizontalComponent, selector: "kendo-timeline-horizontal", inputs: { events: "events", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animationDuration: "animationDuration", eventHeight: "eventHeight", dateFormat: "dateFormat", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", actionsTemplate: "actionsTemplate" }, providers: [], viewQueries: [{ propertyName: "trackElementRef", first: true, predicate: ["track"], descendants: true }, { propertyName: "scrollableTrackElementRef", first: true, predicate: ["scrollableTrack"], descendants: true }, { propertyName: "cardElementRefs", predicate: ["card"], descendants: true, read: ElementRef }, { propertyName: "circleElementRefs", predicate: ["trackCircle"], descendants: true }, { propertyName: "flagElementRefs", predicate: ["trackFlag"], descendants: true }, { propertyName: "cardComponents", predicate: TimelineCardComponent, descendants: true }], exportAs: ["kendoTimelineHorizontal"], usesOnChanges: true, ngImport: i0, template: `
439
461
  <div class="k-timeline-track-wrap" #track>
440
462
  <button
441
463
  kendoButton
@@ -553,7 +575,7 @@ TimelineHorizontalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
553
575
  ], { params: { animationDuration: '400' } })
554
576
  ])
555
577
  ] });
556
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineHorizontalComponent, decorators: [{
578
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineHorizontalComponent, decorators: [{
557
579
  type: Component,
558
580
  args: [{
559
581
  animations: [
@@ -65,8 +65,8 @@ export class TimelineVerticalComponent {
65
65
  this.renderer.setAttribute(cardElement, 'aria-describedby', dateLabelId);
66
66
  }
67
67
  }
68
- TimelineVerticalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineVerticalComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
69
- TimelineVerticalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TimelineVerticalComponent, selector: "kendo-timeline-vertical", inputs: { events: "events", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animationDuration: "animationDuration", eventWidth: "eventWidth", dateFormat: "dateFormat", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", actionsTemplate: "actionsTemplate" }, providers: [], viewQueries: [{ propertyName: "cards", predicate: ["card"], descendants: true }, { propertyName: "dateElementRefs", predicate: ["dateWrap"], descendants: true }, { propertyName: "innerDateElementRefs", predicate: ["innerDate"], descendants: true }], exportAs: ["kendoTimelineVertical"], ngImport: i0, template: `
68
+ TimelineVerticalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineVerticalComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
69
+ TimelineVerticalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineVerticalComponent, selector: "kendo-timeline-vertical", inputs: { events: "events", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animationDuration: "animationDuration", eventWidth: "eventWidth", dateFormat: "dateFormat", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", actionsTemplate: "actionsTemplate" }, providers: [], viewQueries: [{ propertyName: "cards", predicate: ["card"], descendants: true }, { propertyName: "dateElementRefs", predicate: ["dateWrap"], descendants: true }, { propertyName: "innerDateElementRefs", predicate: ["innerDate"], descendants: true }], exportAs: ["kendoTimelineVertical"], ngImport: i0, template: `
70
70
  <ul *ngIf="events && events.length > 0">
71
71
  <ng-container *ngFor="let event of events; let i = index">
72
72
  <li class="k-timeline-flag-wrap" *ngIf="event.flag">
@@ -100,7 +100,7 @@ TimelineVerticalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
100
100
  </ng-container>
101
101
  </ul>
102
102
  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TimelineCardComponent, selector: "kendo-timeline-card", inputs: ["event", "expanded", "collapsible", "reversed", "orientation", "navigable", "tabIndex", "animationDuration", "index", "eventWidth", "eventHeight", "headerTemplate", "bodyTemplate", "actionsTemplate", "calloutStyle"], exportAs: ["kendoTimelineCard"] }, { kind: "pipe", type: i3.DatePipe, name: "kendoDate" }] });
103
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineVerticalComponent, decorators: [{
103
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineVerticalComponent, decorators: [{
104
104
  type: Component,
105
105
  args: [{
106
106
  providers: [],
@@ -41,9 +41,9 @@ export class TimelineComponent {
41
41
  * Specifies whether to render events alternatingly on both sides of the axis.
42
42
  * Applicable when `orientation` is set to `vertical`.
43
43
  *
44
- * @default true
44
+ * @default false
45
45
  */
46
- this.alterMode = true;
46
+ this.alterMode = false;
47
47
  /**
48
48
  * Specifies whether the event cards can be collapsed.
49
49
  *
@@ -65,7 +65,7 @@ export class TimelineComponent {
65
65
  this.hostClass = true;
66
66
  /**
67
67
  * Fires when a card is toggled.
68
- * > This event is emitted in vertical mode only.
68
+ * This event is supported only in `vertical` mode.
69
69
  */
70
70
  this.onToggle = new EventEmitter();
71
71
  /**
@@ -74,7 +74,7 @@ export class TimelineComponent {
74
74
  this.onActionClick = new EventEmitter();
75
75
  /**
76
76
  * Fires when the left or right arrow is clicked.
77
- * > This event is emitted in horizontal mode only.
77
+ * This event is supported only in `horizontal` mode.
78
78
  */
79
79
  this.onNavigate = new EventEmitter();
80
80
  this._events = [];
@@ -125,7 +125,7 @@ export class TimelineComponent {
125
125
  }
126
126
  /**
127
127
  * Sets a specific width for the event.
128
- * This setting is supported only in vertical mode.
128
+ * This setting is supported only in `vertical` mode.
129
129
  *
130
130
  * @default 400
131
131
  */
@@ -142,7 +142,7 @@ export class TimelineComponent {
142
142
  }
143
143
  /**
144
144
  * Sets a specific height for the event.
145
- * > This setting is supported only in horizontal mode.
145
+ * This setting is supported only in `horizontal` mode.
146
146
  *
147
147
  * @default 600
148
148
  */
@@ -164,7 +164,7 @@ export class TimelineComponent {
164
164
  if (typeof this.animation === 'number') {
165
165
  return this.animation;
166
166
  }
167
- if (typeof this.animation === 'boolean' && this.animation) {
167
+ if ((typeof this.animation === 'boolean' && this.animation) || !isPresent(this.animation)) {
168
168
  return this.orientation === 'horizontal' ? DEFAULT_HORIZONTAL_ANIMATION_DURATION : DEFAULT_VERTICAL_ANIMATION_DURATION;
169
169
  }
170
170
  return 0;
@@ -205,35 +205,35 @@ export class TimelineComponent {
205
205
  }
206
206
  /**
207
207
  * Switches to the previous portion of events.
208
- * > This method is supported only in horizontal mode.
208
+ * This method is supported only in `horizontal` mode.
209
209
  */
210
210
  previous() {
211
211
  this.timelineHorizontal?.previous();
212
212
  }
213
213
  /**
214
214
  * Switches to the next portion of events.
215
- * > This method is supported only in horizontal mode.
215
+ * This method is supported only in `horizontal` mode.
216
216
  */
217
217
  next() {
218
218
  this.timelineHorizontal?.next();
219
219
  }
220
220
  /**
221
221
  * Open event details.
222
- * > This method is supported only in horizontal mode.
222
+ * This method is supported only in `horizontal` mode.
223
223
  */
224
224
  open(index) {
225
225
  this.timelineHorizontal?.open(index);
226
226
  }
227
227
  /**
228
228
  * Expands an event.
229
- * > This method is supported only in vertical mode.
229
+ * This method is supported only in `vertical` mode.
230
230
  */
231
231
  expand(index) {
232
232
  this.timelineVertical?.expand(index);
233
233
  }
234
234
  /**
235
235
  * Collapses an event.
236
- * > This method is supported only in vertical mode.
236
+ * This method is supported only in `vertical` mode.
237
237
  */
238
238
  collapse(index) {
239
239
  this.timelineVertical?.collapse(index);
@@ -253,8 +253,8 @@ export class TimelineComponent {
253
253
  }));
254
254
  }
255
255
  }
256
- TimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineComponent, deps: [{ token: i1.TimelineService }], target: i0.ɵɵFactoryTarget.Component });
257
- TimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TimelineComponent, selector: "kendo-timeline", inputs: { events: "events", modelFields: "modelFields", orientation: "orientation", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animation: "animation", eventWidth: "eventWidth", eventHeight: "eventHeight", dateFormat: "dateFormat" }, outputs: { onToggle: "onToggle", onActionClick: "onActionClick", onNavigate: "onNavigate" }, host: { properties: { "class.k-timeline": "this.hostClass", "class.k-timeline-vertical": "this.verticalClass", "class.k-timeline-horizontal": "this.horizontalClass", "class.k-timeline-alternating": "this.alternatingClass", "class.k-timeline-collapsible": "this.collapsibleClass" } }, providers: [
256
+ TimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineComponent, deps: [{ token: i1.TimelineService }], target: i0.ɵɵFactoryTarget.Component });
257
+ TimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimelineComponent, selector: "kendo-timeline", inputs: { events: "events", modelFields: "modelFields", orientation: "orientation", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animation: "animation", eventWidth: "eventWidth", eventHeight: "eventHeight", dateFormat: "dateFormat" }, outputs: { onToggle: "onToggle", onActionClick: "onActionClick", onNavigate: "onNavigate" }, host: { properties: { "class.k-timeline": "this.hostClass", "class.k-timeline-vertical": "this.verticalClass", "class.k-timeline-horizontal": "this.horizontalClass", "class.k-timeline-alternating": "this.alternatingClass", "class.k-timeline-collapsible": "this.collapsibleClass" } }, providers: [
258
258
  TimelineService,
259
259
  LocalizationService,
260
260
  {
@@ -302,7 +302,7 @@ TimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
302
302
  >
303
303
  </kendo-timeline-horizontal>
304
304
  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TimelineVerticalComponent, selector: "kendo-timeline-vertical", inputs: ["events", "alterMode", "collapsibleEvents", "navigable", "showDateLabels", "animationDuration", "eventWidth", "dateFormat", "headerTemplate", "bodyTemplate", "actionsTemplate"], exportAs: ["kendoTimelineVertical"] }, { kind: "component", type: i4.TimelineHorizontalComponent, selector: "kendo-timeline-horizontal", inputs: ["events", "alterMode", "collapsibleEvents", "navigable", "showDateLabels", "animationDuration", "eventHeight", "dateFormat", "headerTemplate", "bodyTemplate", "actionsTemplate"], exportAs: ["kendoTimelineHorizontal"] }, { kind: "directive", type: i5.LocalizedTimelineMessagesDirective, selector: "[kendoTimelineLocalizedMessages]" }] });
305
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineComponent, decorators: [{
305
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineComponent, decorators: [{
306
306
  type: Component,
307
307
  args: [{
308
308
  providers: [
@@ -24,8 +24,8 @@ export class TimelineService {
24
24
  }
25
25
  }
26
26
  }
27
- TimelineService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
28
- TimelineService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineService });
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineService, decorators: [{
27
+ TimelineService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
28
+ TimelineService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineService });
29
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineService, decorators: [{
30
30
  type: Injectable
31
31
  }] });
@@ -41,8 +41,8 @@ const declarations = [
41
41
  */
42
42
  export class TimelineModule {
43
43
  }
44
- TimelineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
45
- TimelineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: TimelineModule, declarations: [TimelineComponent,
44
+ TimelineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
45
+ TimelineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TimelineModule, declarations: [TimelineComponent,
46
46
  TimelineCustomMessagesComponent,
47
47
  TimelineCardHeaderTemplateDirective,
48
48
  TimelineCardBodyTemplateDirective,
@@ -54,8 +54,8 @@ TimelineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
54
54
  TimelineCardHeaderTemplateDirective,
55
55
  TimelineCardBodyTemplateDirective,
56
56
  TimelineCardActionsTemplateDirective] });
57
- TimelineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineModule, imports: [CommonModule, CardModule, ButtonModule, IconsModule, IntlModule] });
58
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TimelineModule, decorators: [{
57
+ TimelineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineModule, imports: [CommonModule, CardModule, ButtonModule, IconsModule, IntlModule] });
58
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineModule, decorators: [{
59
59
  type: NgModule,
60
60
  args: [{
61
61
  declarations: [declarations],