@progress/kendo-angular-scheduler 14.2.0-develop.8 → 14.2.0

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 (21) hide show
  1. package/esm2020/package-metadata.mjs +2 -2
  2. package/esm2020/views/day-time/day-time-view-base.mjs +8 -2
  3. package/esm2020/views/day-time/day-time-view.component.mjs +13 -1
  4. package/esm2020/views/multi-day/day-view.component.mjs +3 -9
  5. package/esm2020/views/multi-day/multi-day-view-renderer.component.mjs +1 -13
  6. package/esm2020/views/multi-day/multi-day-view.component.mjs +1 -1
  7. package/esm2020/views/multi-day/week-view.component.mjs +3 -9
  8. package/esm2020/views/multi-day/work-week-view.component.mjs +1 -1
  9. package/esm2020/views/timeline/timeline-month-view.component.mjs +4 -0
  10. package/esm2020/views/timeline/timeline-multi-day-view.component.mjs +40 -23
  11. package/esm2020/views/timeline/timeline-view.component.mjs +4 -0
  12. package/esm2020/views/timeline/timeline-week-view.component.mjs +4 -0
  13. package/fesm2015/progress-kendo-angular-scheduler.mjs +81 -58
  14. package/fesm2020/progress-kendo-angular-scheduler.mjs +81 -58
  15. package/package.json +12 -12
  16. package/schematics/ngAdd/index.js +2 -2
  17. package/views/day-time/day-time-view-base.d.ts +10 -2
  18. package/views/day-time/day-time-view.component.d.ts +7 -1
  19. package/views/multi-day/day-view.component.d.ts +2 -10
  20. package/views/multi-day/multi-day-view-renderer.component.d.ts +1 -7
  21. package/views/multi-day/week-view.component.d.ts +2 -10
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-scheduler',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1701245759,
13
- version: '14.2.0-develop.8',
12
+ publishDate: 1701270752,
13
+ version: '14.2.0',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2020/views/day-time/day-time-view-base.mjs CHANGED
@@ -4,7 +4,7 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Input, ContentChild, ChangeDetectorRef, Directive } from '@angular/core';
6
6
  import { ConfigurationViewBase } from '../common/configuration-view-base';
7
- import { TimeSlotTemplateDirective, DateHeaderTemplateDirective } from '../templates';
7
+ import { TimeSlotTemplateDirective, DateHeaderTemplateDirective, MajorTimeHeaderTemplateDirective, MinorTimeHeaderTemplateDirective } from '../templates';
8
8
  import { ViewContextService } from '../view-context.service';
9
9
  import { ViewStateService } from '../view-state.service';
10
10
  import { DEFAULT_EVENT_HEIGHT } from '../constants';
@@ -117,7 +117,7 @@ export class DayTimeViewBase extends ConfigurationViewBase {
117
117
  }
118
118
  }
119
119
  DayTimeViewBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DayTimeViewBase, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Directive });
120
- DayTimeViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DayTimeViewBase, inputs: { showWorkHours: "showWorkHours", eventHeight: "eventHeight", startTime: "startTime", scrollTime: "scrollTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, queries: [{ propertyName: "timeSlotTemplate", first: true, predicate: TimeSlotTemplateDirective, descendants: true }, { propertyName: "dateHeaderTemplate", first: true, predicate: DateHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
120
+ DayTimeViewBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DayTimeViewBase, inputs: { showWorkHours: "showWorkHours", eventHeight: "eventHeight", startTime: "startTime", scrollTime: "scrollTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, queries: [{ propertyName: "timeSlotTemplate", first: true, predicate: TimeSlotTemplateDirective, descendants: true }, { propertyName: "dateHeaderTemplate", first: true, predicate: DateHeaderTemplateDirective, descendants: true }, { propertyName: "majorTimeHeaderTemplate", first: true, predicate: MajorTimeHeaderTemplateDirective, descendants: true }, { propertyName: "minorTimeHeaderTemplate", first: true, predicate: MinorTimeHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
121
121
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DayTimeViewBase, decorators: [{
122
122
  type: Directive
123
123
  }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }]; }, propDecorators: { timeSlotTemplate: [{
@@ -126,6 +126,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
126
126
  }], dateHeaderTemplate: [{
127
127
  type: ContentChild,
128
128
  args: [DateHeaderTemplateDirective, { static: false }]
129
+ }], majorTimeHeaderTemplate: [{
130
+ type: ContentChild,
131
+ args: [MajorTimeHeaderTemplateDirective, { static: false }]
132
+ }], minorTimeHeaderTemplate: [{
133
+ type: ContentChild,
134
+ args: [MinorTimeHeaderTemplateDirective, { static: false }]
129
135
  }], showWorkHours: [{
130
136
  type: Input
131
137
  }], eventHeight: [{
package/esm2020/views/day-time/day-time-view.component.mjs CHANGED
@@ -69,6 +69,12 @@ export class DayTimeViewComponent extends BaseView {
69
69
  get dateHeaderTemplateRef() {
70
70
  return this.dateHeaderTemplate || (this.schedulerDateHeaderTemplate || {}).templateRef;
71
71
  }
72
+ get majorTimeHeaderTemplateRef() {
73
+ return this.majorTimeHeaderTemplate || (this.schedulerMajorTimeHeaderTemplate || {}).templateRef;
74
+ }
75
+ get minorTimeHeaderTemplateRef() {
76
+ return this.minorTimeHeaderTemplate || (this.schedulerMinorTimeHeaderTemplate || {}).templateRef;
77
+ }
72
78
  ngOnChanges(changes) {
73
79
  if (changes.startTime || changes.endTime || changes.showWorkHours || changes.workDayStart || changes.workDayEnd ||
74
80
  changes.workWeekStart || changes.workWeekEnd || changes.slotDivisions || changes.slotDuration) {
@@ -138,6 +144,8 @@ export class DayTimeViewComponent extends BaseView {
138
144
  optionsChange(options) {
139
145
  this.schedulerTimeSlotTemplate = options.timeSlotTemplate;
140
146
  this.schedulerDateHeaderTemplate = options.dateHeaderTemplate;
147
+ this.schedulerMajorTimeHeaderTemplate = options.majorTimeHeaderTemplate;
148
+ this.schedulerMinorTimeHeaderTemplate = options.minorTimeHeaderTemplate;
141
149
  super.optionsChange(options);
142
150
  }
143
151
  updateView() {
@@ -339,7 +347,7 @@ export class DayTimeViewComponent extends BaseView {
339
347
  }
340
348
  }
341
349
  DayTimeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DayTimeViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
342
- DayTimeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DayTimeViewComponent, selector: "kendo-day-time-view", inputs: { timeSlotTemplate: "timeSlotTemplate", dateHeaderTemplate: "dateHeaderTemplate", numberOfDays: "numberOfDays", scrollTime: "scrollTime", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", showWorkHours: "showWorkHours", getStartDate: "getStartDate", getEndDate: "getEndDate", getNextDate: "getNextDate", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, viewQueries: [{ propertyName: "currentTimeElements", predicate: ["currentTimeMarker"], descendants: true }, { propertyName: "eventElements", predicate: DayTimeViewItemComponent, descendants: true }, { propertyName: "currentTimeArrows", predicate: ["currentTimeArrow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
350
+ DayTimeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DayTimeViewComponent, selector: "kendo-day-time-view", inputs: { timeSlotTemplate: "timeSlotTemplate", dateHeaderTemplate: "dateHeaderTemplate", majorTimeHeaderTemplate: "majorTimeHeaderTemplate", minorTimeHeaderTemplate: "minorTimeHeaderTemplate", numberOfDays: "numberOfDays", scrollTime: "scrollTime", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", showWorkHours: "showWorkHours", getStartDate: "getStartDate", getEndDate: "getEndDate", getNextDate: "getNextDate", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, viewQueries: [{ propertyName: "currentTimeElements", predicate: ["currentTimeMarker"], descendants: true }, { propertyName: "eventElements", predicate: DayTimeViewItemComponent, descendants: true }, { propertyName: "currentTimeArrows", predicate: ["currentTimeArrow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
343
351
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DayTimeViewComponent, decorators: [{
344
352
  type: Component,
345
353
  args: [{ selector: 'kendo-day-time-view', template: '' }]
@@ -347,6 +355,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
347
355
  type: Input
348
356
  }], dateHeaderTemplate: [{
349
357
  type: Input
358
+ }], majorTimeHeaderTemplate: [{
359
+ type: Input
360
+ }], minorTimeHeaderTemplate: [{
361
+ type: Input
350
362
  }], numberOfDays: [{
351
363
  type: Input
352
364
  }], scrollTime: [{
package/esm2020/views/multi-day/day-view.component.mjs CHANGED
@@ -8,7 +8,7 @@ import { SchedulerView } from '../../types';
8
8
  import { MultiDayViewBase } from './multi-day-view-base';
9
9
  import { ViewContextService } from '../view-context.service';
10
10
  import { ViewStateService } from '../view-state.service';
11
- import { AllDaySlotTemplateDirective, AllDayEventTemplateDirective, MinorTimeHeaderTemplateDirective, MajorTimeHeaderTemplateDirective } from '../templates';
11
+ import { AllDaySlotTemplateDirective, AllDayEventTemplateDirective } from '../templates';
12
12
  import * as i0 from "@angular/core";
13
13
  import * as i1 from "@progress/kendo-angular-l10n";
14
14
  import * as i2 from "../view-context.service";
@@ -67,7 +67,7 @@ DayViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version
67
67
  DayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DayViewComponent, selector: "kendo-scheduler-day-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
68
68
  provide: SchedulerView,
69
69
  useExisting: forwardRef(() => DayViewComponent)
70
- }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }, { propertyName: "minorTimeHeaderTemplate", first: true, predicate: MinorTimeHeaderTemplateDirective, descendants: true }, { propertyName: "majorTimeHeaderTemplate", first: true, predicate: MajorTimeHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
70
+ }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
71
71
  <ng-template #content>
72
72
  <multi-day-view
73
73
  [name]="name"
@@ -101,7 +101,7 @@ DayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
101
101
  </multi-day-view>
102
102
  <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
103
103
  </ng-template>
104
- `, isInline: true, components: [{ type: i4.MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate", "minorTimeHeaderTemplate", "majorTimeHeaderTemplate"] }, { type: i5.ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: i6.WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
104
+ `, isInline: true, components: [{ type: i4.MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { type: i5.ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: i6.WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
105
105
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DayViewComponent, decorators: [{
106
106
  type: Component,
107
107
  args: [{
@@ -157,10 +157,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
157
157
  }], allDayEventTemplate: [{
158
158
  type: ContentChild,
159
159
  args: [AllDayEventTemplateDirective, { static: false }]
160
- }], minorTimeHeaderTemplate: [{
161
- type: ContentChild,
162
- args: [MinorTimeHeaderTemplateDirective, { static: false }]
163
- }], majorTimeHeaderTemplate: [{
164
- type: ContentChild,
165
- args: [MajorTimeHeaderTemplateDirective, { static: false }]
166
160
  }] } });
package/esm2020/views/multi-day/multi-day-view-renderer.component.mjs CHANGED
@@ -47,12 +47,6 @@ export class MultiDayViewRendererComponent extends DayTimeViewComponent {
47
47
  get allDayEventTemplateRef() {
48
48
  return this.allDayEventTemplate || (this.schedulerAllDayEventTemplate || {}).templateRef;
49
49
  }
50
- get minorTimeHeaderTemplateRef() {
51
- return this.minorTimeHeaderTemplate || (this.schedulerMinorTimeHeaderTemplate || {}).templateRef;
52
- }
53
- get majorTimeHeaderTemplateRef() {
54
- return this.majorTimeHeaderTemplate || (this.schedulerMajorTimeHeaderTemplate || {}).templateRef;
55
- }
56
50
  get allDayMessage() {
57
51
  return this.localization.get('allDay');
58
52
  }
@@ -65,8 +59,6 @@ export class MultiDayViewRendererComponent extends DayTimeViewComponent {
65
59
  optionsChange(changes) {
66
60
  this.schedulerAllDaySlotTemplate = changes.allDaySlotTemplate;
67
61
  this.schedulerAllDayEventTemplate = changes.allDayEventTemplate;
68
- this.schedulerMinorTimeHeaderTemplate = changes.minorTimeHeaderTemplate;
69
- this.schedulerMajorTimeHeaderTemplate = changes.majorTimeHeaderTemplate;
70
62
  super.optionsChange(changes);
71
63
  }
72
64
  ngOnChanges(changes) {
@@ -250,7 +242,7 @@ export class MultiDayViewRendererComponent extends DayTimeViewComponent {
250
242
  }
251
243
  }
252
244
  MultiDayViewRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MultiDayViewRendererComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }, { token: i5.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i6.PDFService }, { token: i7.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
253
- MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: { name: "name", slotFill: "slotFill", allDaySlotTemplate: "allDaySlotTemplate", allDayEventTemplate: "allDayEventTemplate", minorTimeHeaderTemplate: "minorTimeHeaderTemplate", majorTimeHeaderTemplate: "majorTimeHeaderTemplate" }, providers: [
245
+ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: { name: "name", slotFill: "slotFill", allDaySlotTemplate: "allDaySlotTemplate", allDayEventTemplate: "allDayEventTemplate" }, providers: [
254
246
  DayTimeSlotService
255
247
  ], viewQueries: [{ propertyName: "headerHintContainer", first: true, predicate: ["headerHintContainer"], descendants: true }, { propertyName: "dayCells", predicate: ["allDayCell"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
256
248
  <div class="k-scheduler-layout k-scheduler-flex-layout" role="presentation" [ngClass]="classNames">
@@ -783,10 +775,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
783
775
  type: Input
784
776
  }], allDayEventTemplate: [{
785
777
  type: Input
786
- }], minorTimeHeaderTemplate: [{
787
- type: Input
788
- }], majorTimeHeaderTemplate: [{
789
- type: Input
790
778
  }], dayCells: [{
791
779
  type: ViewChildren,
792
780
  args: ['allDayCell']
package/esm2020/views/multi-day/multi-day-view.component.mjs CHANGED
@@ -111,7 +111,7 @@ MultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
111
111
  </multi-day-view>
112
112
  <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
113
113
  </ng-template>
114
- `, isInline: true, components: [{ type: i4.MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate", "minorTimeHeaderTemplate", "majorTimeHeaderTemplate"] }, { type: i5.ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: i6.WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
114
+ `, isInline: true, components: [{ type: i4.MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { type: i5.ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: i6.WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
115
115
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MultiDayViewComponent, decorators: [{
116
116
  type: Component,
117
117
  args: [{
package/esm2020/views/multi-day/week-view.component.mjs CHANGED
@@ -10,7 +10,7 @@ import { IntlService } from '@progress/kendo-angular-intl';
10
10
  import { ViewContextService } from '../view-context.service';
11
11
  import { ViewStateService } from '../view-state.service';
12
12
  import { firstDayInWeek, getDate } from '@progress/kendo-date-math';
13
- import { AllDaySlotTemplateDirective, AllDayEventTemplateDirective, MinorTimeHeaderTemplateDirective, MajorTimeHeaderTemplateDirective } from '../templates';
13
+ import { AllDaySlotTemplateDirective, AllDayEventTemplateDirective } from '../templates';
14
14
  import * as i0 from "@angular/core";
15
15
  import * as i1 from "@progress/kendo-angular-intl";
16
16
  import * as i2 from "@progress/kendo-angular-l10n";
@@ -68,7 +68,7 @@ WeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
68
68
  WeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: WeekViewComponent, selector: "kendo-scheduler-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
69
69
  provide: SchedulerView,
70
70
  useExisting: forwardRef(() => WeekViewComponent)
71
- }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }, { propertyName: "minorTimeHeaderTemplate", first: true, predicate: MinorTimeHeaderTemplateDirective, descendants: true }, { propertyName: "majorTimeHeaderTemplate", first: true, predicate: MajorTimeHeaderTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
71
+ }], queries: [{ propertyName: "allDaySlotTemplate", first: true, predicate: AllDaySlotTemplateDirective, descendants: true }, { propertyName: "allDayEventTemplate", first: true, predicate: AllDayEventTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
72
72
  <ng-template #content>
73
73
  <multi-day-view
74
74
  [name]="name"
@@ -105,7 +105,7 @@ WeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
105
105
  </multi-day-view>
106
106
  <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
107
107
  </ng-template>
108
- `, isInline: true, components: [{ type: i5.MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate", "minorTimeHeaderTemplate", "majorTimeHeaderTemplate"] }, { type: i6.ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: i7.WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
108
+ `, isInline: true, components: [{ type: i5.MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { type: i6.ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: i7.WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
109
109
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WeekViewComponent, decorators: [{
110
110
  type: Component,
111
111
  args: [{
@@ -164,10 +164,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
164
164
  }], allDayEventTemplate: [{
165
165
  type: ContentChild,
166
166
  args: [AllDayEventTemplateDirective, { static: false }]
167
- }], minorTimeHeaderTemplate: [{
168
- type: ContentChild,
169
- args: [MinorTimeHeaderTemplateDirective, { static: false }]
170
- }], majorTimeHeaderTemplate: [{
171
- type: ContentChild,
172
- args: [MajorTimeHeaderTemplateDirective, { static: false }]
173
167
  }] } });
package/esm2020/views/multi-day/work-week-view.component.mjs CHANGED
@@ -102,7 +102,7 @@ WorkWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
102
102
  </multi-day-view>
103
103
  <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
104
104
  </ng-template>
105
- `, isInline: true, components: [{ type: i5.MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate", "minorTimeHeaderTemplate", "majorTimeHeaderTemplate"] }, { type: i6.ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: i7.WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
105
+ `, isInline: true, components: [{ type: i5.MultiDayViewRendererComponent, selector: "multi-day-view", inputs: ["name", "slotFill", "allDaySlotTemplate", "allDayEventTemplate"] }, { type: i6.ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }], directives: [{ type: i7.WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
106
106
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: WorkWeekViewComponent, decorators: [{
107
107
  type: Component,
108
108
  args: [{
package/esm2020/views/timeline/timeline-month-view.component.mjs CHANGED
@@ -100,6 +100,8 @@ TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
100
100
  [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
101
101
  [timeSlotTemplate]="timeSlotTemplate?.templateRef"
102
102
  [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
103
+ [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
104
+ [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
103
105
  [selectedDateFormat]="selectedDateFormat"
104
106
  [selectedShortDateFormat]="selectedShortDateFormat">
105
107
  </timeline-multi-day-view>
@@ -144,6 +146,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
144
146
  [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
145
147
  [timeSlotTemplate]="timeSlotTemplate?.templateRef"
146
148
  [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
149
+ [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
150
+ [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
147
151
  [selectedDateFormat]="selectedDateFormat"
148
152
  [selectedShortDateFormat]="selectedShortDateFormat">
149
153
  </timeline-multi-day-view>
package/esm2020/views/timeline/timeline-multi-day-view.component.mjs CHANGED
@@ -75,6 +75,9 @@ export class TimelineMultiDayViewComponent extends DayTimeViewComponent {
75
75
  return result;
76
76
  }
77
77
  timeColspan(index) {
78
+ if (this.minorTimeHeaderTemplateRef) {
79
+ return 1;
80
+ }
78
81
  const timeSlots = this.timeSlots.length;
79
82
  const remainder = timeSlots % this.slotDivisions;
80
83
  return remainder === 0 || (index < timeSlots - remainder) ? this.slotDivisions : 1;
@@ -157,25 +160,32 @@ TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
157
160
  [ngTemplateOutletContext]="{ resource: item }"></ng-container>
158
161
  </th>
159
162
  </tr>
160
- <tr>
163
+ <tr>
161
164
  <ng-container *ngFor="let resource of horizontalResources | resourceIterator; trackBy: itemIndex;">
162
165
  <ng-container *ngFor="let daySlot of daySlots; let index = index; trackBy: itemIndex;">
163
- <th [attr.colspan]="timeSlots.length" class="k-slot-cell">
166
+ <th [attr.colspan]="timeSlots.length" class="k-slot-cell">
164
167
  <span *ngIf="!dateHeaderTemplateRef" class="k-link" [ngClass]="{ 'k-nav-day': numberOfDays > 1 }" [attr.data-dayslot-index]="index">{{ daySlot.start | kendoDate: 'm'}}</span>
165
168
  <ng-container *ngIf="dateHeaderTemplateRef" [ngTemplateOutlet]="dateHeaderTemplateRef" [ngTemplateOutletContext]="{ date: daySlot.start }"></ng-container>
166
- </th>
167
- </ng-container>
168
- </ng-container>
169
- </tr>
170
- <tr>
169
+ </th>
170
+ </ng-container>
171
+ </ng-container>
172
+ </tr>
173
+ <tr>
171
174
  <ng-container *ngFor="let resource of horizontalResources | resourceIterator; let resourceIndex = index; trackBy: itemIndex;">
172
175
  <ng-container *ngFor="let daySlot of daySlots; let rangeIndex = index; trackBy: itemIndex;">
173
176
  <ng-container *ngFor="let timeSlot of timeSlots; let index = index; trackBy: itemIndex;">
174
- <th *ngIf="timeSlot.isMajor" [attr.colspan]="timeColspan(index)" >{{ timeSlot.start | kendoDate: 't' }}</th>
177
+ <th *ngIf="timeSlot.isMajor" [attr.colspan]="timeColspan(index)">
178
+ <ng-container *ngIf="!majorTimeHeaderTemplateRef">{{ timeSlot.start | kendoDate: 't' }}</ng-container>
179
+ <ng-container *ngIf="majorTimeHeaderTemplateRef" [ngTemplateOutlet]="majorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: timeSlot.start }"></ng-container>
180
+ </th>
181
+ <th *ngIf="!timeSlot.isMajor && minorTimeHeaderTemplateRef" [ngStyle]="{'border-left-color': 'transparent', 'border-right-color': 'transparent'}">
182
+ <ng-container [ngTemplateOutlet]="minorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: timeSlot.start }">
183
+ </ng-container>
184
+ </th>
175
185
  </ng-container>
176
186
  </ng-container>
177
- </ng-container>
178
- </tr>
187
+ </ng-container>
188
+ </tr>
179
189
  </table>
180
190
  </div>
181
191
  </div>
@@ -210,7 +220,7 @@ TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
210
220
  #content
211
221
  role="group"
212
222
  tabindex="0"
213
- [attr.aria-owns]="matchOwned(items | async)">
223
+ [attr.aria-owns]="matchOwned(items | async | sort)">
214
224
  <ng-container *ngIf="showCurrentTime">
215
225
  <div *ngFor="let resource of horizontalResources | resourceIterator; trackBy: itemIndex;"
216
226
  class="k-current-time" #currentTimeMarker>
@@ -290,7 +300,7 @@ TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
290
300
  </div>
291
301
  </div>
292
302
  </div>
293
- `, isInline: true, components: [{ type: i8.DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: ["vertical", "isAllDay"] }, { type: i9.HintContainerComponent, selector: "kendo-hint-container" }, { type: i10.ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }], directives: [{ type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i12.TimeSlotDirective, selector: "[timeSlot]", inputs: ["invariantStart", "invariantEnd", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "date"], exportAs: ["timeSlot"] }, { type: i13.FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }], pipes: { "resourceIterator": i14.ResourceIteratorPipe, "repeat": i15.RepeatPipe, "kendoDate": i4.DatePipe, "async": i11.AsyncPipe, "sort": i16.SortPipe } });
303
+ `, isInline: true, components: [{ type: i8.DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: ["vertical", "isAllDay"] }, { type: i9.HintContainerComponent, selector: "kendo-hint-container" }, { type: i10.ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }], directives: [{ type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i12.TimeSlotDirective, selector: "[timeSlot]", inputs: ["invariantStart", "invariantEnd", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "date"], exportAs: ["timeSlot"] }, { type: i13.FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }], pipes: { "resourceIterator": i14.ResourceIteratorPipe, "repeat": i15.RepeatPipe, "kendoDate": i4.DatePipe, "sort": i16.SortPipe, "async": i11.AsyncPipe } });
294
304
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMultiDayViewComponent, decorators: [{
295
305
  type: Component,
296
306
  args: [{
@@ -330,25 +340,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
330
340
  [ngTemplateOutletContext]="{ resource: item }"></ng-container>
331
341
  </th>
332
342
  </tr>
333
- <tr>
343
+ <tr>
334
344
  <ng-container *ngFor="let resource of horizontalResources | resourceIterator; trackBy: itemIndex;">
335
345
  <ng-container *ngFor="let daySlot of daySlots; let index = index; trackBy: itemIndex;">
336
- <th [attr.colspan]="timeSlots.length" class="k-slot-cell">
346
+ <th [attr.colspan]="timeSlots.length" class="k-slot-cell">
337
347
  <span *ngIf="!dateHeaderTemplateRef" class="k-link" [ngClass]="{ 'k-nav-day': numberOfDays > 1 }" [attr.data-dayslot-index]="index">{{ daySlot.start | kendoDate: 'm'}}</span>
338
348
  <ng-container *ngIf="dateHeaderTemplateRef" [ngTemplateOutlet]="dateHeaderTemplateRef" [ngTemplateOutletContext]="{ date: daySlot.start }"></ng-container>
339
- </th>
340
- </ng-container>
341
- </ng-container>
342
- </tr>
343
- <tr>
349
+ </th>
350
+ </ng-container>
351
+ </ng-container>
352
+ </tr>
353
+ <tr>
344
354
  <ng-container *ngFor="let resource of horizontalResources | resourceIterator; let resourceIndex = index; trackBy: itemIndex;">
345
355
  <ng-container *ngFor="let daySlot of daySlots; let rangeIndex = index; trackBy: itemIndex;">
346
356
  <ng-container *ngFor="let timeSlot of timeSlots; let index = index; trackBy: itemIndex;">
347
- <th *ngIf="timeSlot.isMajor" [attr.colspan]="timeColspan(index)" >{{ timeSlot.start | kendoDate: 't' }}</th>
357
+ <th *ngIf="timeSlot.isMajor" [attr.colspan]="timeColspan(index)">
358
+ <ng-container *ngIf="!majorTimeHeaderTemplateRef">{{ timeSlot.start | kendoDate: 't' }}</ng-container>
359
+ <ng-container *ngIf="majorTimeHeaderTemplateRef" [ngTemplateOutlet]="majorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: timeSlot.start }"></ng-container>
360
+ </th>
361
+ <th *ngIf="!timeSlot.isMajor && minorTimeHeaderTemplateRef" [ngStyle]="{'border-left-color': 'transparent', 'border-right-color': 'transparent'}">
362
+ <ng-container [ngTemplateOutlet]="minorTimeHeaderTemplateRef" [ngTemplateOutletContext]="{ date: timeSlot.start }">
363
+ </ng-container>
364
+ </th>
348
365
  </ng-container>
349
366
  </ng-container>
350
- </ng-container>
351
- </tr>
367
+ </ng-container>
368
+ </tr>
352
369
  </table>
353
370
  </div>
354
371
  </div>
@@ -383,7 +400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
383
400
  #content
384
401
  role="group"
385
402
  tabindex="0"
386
- [attr.aria-owns]="matchOwned(items | async)">
403
+ [attr.aria-owns]="matchOwned(items | async | sort)">
387
404
  <ng-container *ngIf="showCurrentTime">
388
405
  <div *ngFor="let resource of horizontalResources | resourceIterator; trackBy: itemIndex;"
389
406
  class="k-current-time" #currentTimeMarker>
package/esm2020/views/timeline/timeline-view.component.mjs CHANGED
@@ -76,6 +76,8 @@ TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
76
76
  [eventTemplate]="eventTemplate?.templateRef"
77
77
  [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
78
78
  [timeSlotTemplate]="timeSlotTemplate?.templateRef"
79
+ [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
80
+ [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
79
81
  [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
80
82
  [selectedDateFormat]="selectedDateFormat"
81
83
  [selectedShortDateFormat]="selectedShortDateFormat">
@@ -116,6 +118,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
116
118
  [eventTemplate]="eventTemplate?.templateRef"
117
119
  [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
118
120
  [timeSlotTemplate]="timeSlotTemplate?.templateRef"
121
+ [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
122
+ [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
119
123
  [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
120
124
  [selectedDateFormat]="selectedDateFormat"
121
125
  [selectedShortDateFormat]="selectedShortDateFormat">
package/esm2020/views/timeline/timeline-week-view.component.mjs CHANGED
@@ -94,6 +94,8 @@ TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
94
94
  [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
95
95
  [timeSlotTemplate]="timeSlotTemplate?.templateRef"
96
96
  [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
97
+ [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
98
+ [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
97
99
  [selectedDateFormat]="selectedDateFormat"
98
100
  [selectedShortDateFormat]="selectedShortDateFormat">
99
101
  </timeline-multi-day-view>
@@ -138,6 +140,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
138
140
  [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
139
141
  [timeSlotTemplate]="timeSlotTemplate?.templateRef"
140
142
  [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
143
+ [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
144
+ [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
141
145
  [selectedDateFormat]="selectedDateFormat"
142
146
  [selectedShortDateFormat]="selectedShortDateFormat">
143
147
  </timeline-multi-day-view>