@progress/kendo-angular-scheduler 21.1.1-develop.2 → 21.2.0-develop.10

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 (38) hide show
  1. package/esm2022/editing/date-time-picker.component.mjs +59 -56
  2. package/esm2022/editing/edit-dialog.component.mjs +373 -359
  3. package/esm2022/editing/recurrence/recurrence-editor.component.mjs +262 -253
  4. package/esm2022/editing/recurrence/recurrence-frequency-editor.component.mjs +44 -41
  5. package/esm2022/editing/recurrence/recurrence-monthly-yearly-editor.component.mjs +190 -193
  6. package/esm2022/editing/recurrence/recurrence-weekday-rule-editor.component.mjs +44 -43
  7. package/esm2022/editing/resource-multiple-editor.component.mjs +49 -41
  8. package/esm2022/editing/resource-single-editor.component.mjs +35 -31
  9. package/esm2022/editing/timezone-editor.component.mjs +20 -17
  10. package/esm2022/navigation/shortcuts.directive.mjs +12 -12
  11. package/esm2022/package-metadata.mjs +2 -2
  12. package/esm2022/pdf/pdf-command.directive.mjs +27 -17
  13. package/esm2022/scheduler.component.mjs +631 -625
  14. package/esm2022/toolbar/toolbar.component.mjs +37 -37
  15. package/esm2022/toolbar/view-selector.component.mjs +42 -33
  16. package/esm2022/views/agenda/agenda-header-item.component.mjs +23 -19
  17. package/esm2022/views/agenda/agenda-header.component.mjs +28 -26
  18. package/esm2022/views/agenda/agenda-task-item.component.mjs +49 -29
  19. package/esm2022/views/agenda/agenda-view-list.component.mjs +117 -95
  20. package/esm2022/views/common/resize-hint.component.mjs +16 -9
  21. package/esm2022/views/common/view-footer.component.mjs +27 -25
  22. package/esm2022/views/day-time/day-time-view-item.component.mjs +125 -85
  23. package/esm2022/views/month/month-slot.component.mjs +39 -29
  24. package/esm2022/views/month/month-view-item.component.mjs +81 -61
  25. package/esm2022/views/month/month-view-renderer.component.mjs +349 -281
  26. package/esm2022/views/multi-day/day-view.component.mjs +72 -69
  27. package/esm2022/views/multi-day/multi-day-view-renderer.component.mjs +665 -515
  28. package/esm2022/views/multi-day/multi-day-view.component.mjs +76 -73
  29. package/esm2022/views/multi-day/week-view.component.mjs +78 -75
  30. package/esm2022/views/multi-day/work-week-view.component.mjs +80 -77
  31. package/esm2022/views/timeline/timeline-month-view.component.mjs +74 -71
  32. package/esm2022/views/timeline/timeline-multi-day-view.component.mjs +449 -359
  33. package/esm2022/views/timeline/timeline-view.component.mjs +68 -65
  34. package/esm2022/views/timeline/timeline-week-view.component.mjs +74 -71
  35. package/esm2022/views/year/year-view-internal.component.mjs +151 -131
  36. package/fesm2022/progress-kendo-angular-scheduler.mjs +4460 -3901
  37. package/package.json +15 -15
  38. package/schematics/ngAdd/index.js +3 -3
package/esm2022/views/timeline/timeline-view.component.mjs CHANGED
@@ -11,7 +11,6 @@ import { ViewStateService } from '../view-state.service';
11
11
  import { WorkHoursFooterDirective } from '../common/work-hours-footer.directive';
12
12
  import { ViewFooterComponent } from '../common/view-footer.component';
13
13
  import { TimelineMultiDayViewComponent } from './timeline-multi-day-view.component';
14
- import { NgIf } from '@angular/common';
15
14
  import * as i0 from "@angular/core";
16
15
  import * as i1 from "@progress/kendo-angular-l10n";
17
16
  import * as i2 from "../view-context.service";
@@ -86,43 +85,45 @@ export class TimelineViewComponent extends TimelineBase {
86
85
  super(localization, changeDetector, viewContext, viewState);
87
86
  }
88
87
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
89
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TimelineViewComponent, isStandalone: true, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, providers: [{
88
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimelineViewComponent, isStandalone: true, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, providers: [{
90
89
  provide: SchedulerView,
91
90
  useExisting: forwardRef(() => TimelineViewComponent)
92
91
  }], usesInheritance: true, ngImport: i0, template: `
93
92
  <ng-template #content>
94
- <timeline-multi-day-view
95
- [name]="name"
96
- [numberOfDays]="numberOfDays"
97
- [eventHeight]="viewEventHeight"
98
- [columnWidth]="viewColumnWidth"
99
- [currentTimeMarker]="viewCurrentTimeMarker"
100
- [highlightOngoingEvents]="viewHighlightOngoingEvents"
101
- [showWorkHours]="shouldShowWorkHours"
102
- [scrollTime]="viewScrollTime"
103
- [startTime]="viewStartTime"
104
- [endTime]="viewEndTime"
105
- [workDayStart]="viewWorkDayStart"
106
- [workDayEnd]="viewWorkDayEnd"
107
- [workWeekStart]="viewWorkWeekStart"
108
- [workWeekEnd]="viewWorkWeekEnd"
109
- [slotDuration]="viewSlotDuration"
110
- [slotDivisions]="viewSlotDivisions"
111
- [slotClass]="viewSlotClass"
112
- [eventClass]="viewEventClass"
113
- [eventStyles]="viewEventStyles"
114
- [eventTemplate]="eventTemplate?.templateRef"
115
- [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
116
- [timeSlotTemplate]="timeSlotTemplate?.templateRef"
117
- [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
118
- [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
119
- [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
120
- [selectedDateFormat]="selectedDateFormat"
121
- [selectedShortDateFormat]="selectedShortDateFormat">
122
- </timeline-multi-day-view>
123
- <div *ngIf="viewShowFooter" viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
93
+ <timeline-multi-day-view
94
+ [name]="name"
95
+ [numberOfDays]="numberOfDays"
96
+ [eventHeight]="viewEventHeight"
97
+ [columnWidth]="viewColumnWidth"
98
+ [currentTimeMarker]="viewCurrentTimeMarker"
99
+ [highlightOngoingEvents]="viewHighlightOngoingEvents"
100
+ [showWorkHours]="shouldShowWorkHours"
101
+ [scrollTime]="viewScrollTime"
102
+ [startTime]="viewStartTime"
103
+ [endTime]="viewEndTime"
104
+ [workDayStart]="viewWorkDayStart"
105
+ [workDayEnd]="viewWorkDayEnd"
106
+ [workWeekStart]="viewWorkWeekStart"
107
+ [workWeekEnd]="viewWorkWeekEnd"
108
+ [slotDuration]="viewSlotDuration"
109
+ [slotDivisions]="viewSlotDivisions"
110
+ [slotClass]="viewSlotClass"
111
+ [eventClass]="viewEventClass"
112
+ [eventStyles]="viewEventStyles"
113
+ [eventTemplate]="eventTemplate?.templateRef"
114
+ [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
115
+ [timeSlotTemplate]="timeSlotTemplate?.templateRef"
116
+ [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
117
+ [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
118
+ [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
119
+ [selectedDateFormat]="selectedDateFormat"
120
+ [selectedShortDateFormat]="selectedShortDateFormat">
121
+ </timeline-multi-day-view>
122
+ @if (viewShowFooter) {
123
+ <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
124
+ }
124
125
  </ng-template>
125
- `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
126
+ `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
126
127
  }
127
128
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineViewComponent, decorators: [{
128
129
  type: Component,
@@ -135,40 +136,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
135
136
  }],
136
137
  template: `
137
138
  <ng-template #content>
138
- <timeline-multi-day-view
139
- [name]="name"
140
- [numberOfDays]="numberOfDays"
141
- [eventHeight]="viewEventHeight"
142
- [columnWidth]="viewColumnWidth"
143
- [currentTimeMarker]="viewCurrentTimeMarker"
144
- [highlightOngoingEvents]="viewHighlightOngoingEvents"
145
- [showWorkHours]="shouldShowWorkHours"
146
- [scrollTime]="viewScrollTime"
147
- [startTime]="viewStartTime"
148
- [endTime]="viewEndTime"
149
- [workDayStart]="viewWorkDayStart"
150
- [workDayEnd]="viewWorkDayEnd"
151
- [workWeekStart]="viewWorkWeekStart"
152
- [workWeekEnd]="viewWorkWeekEnd"
153
- [slotDuration]="viewSlotDuration"
154
- [slotDivisions]="viewSlotDivisions"
155
- [slotClass]="viewSlotClass"
156
- [eventClass]="viewEventClass"
157
- [eventStyles]="viewEventStyles"
158
- [eventTemplate]="eventTemplate?.templateRef"
159
- [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
160
- [timeSlotTemplate]="timeSlotTemplate?.templateRef"
161
- [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
162
- [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
163
- [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
164
- [selectedDateFormat]="selectedDateFormat"
165
- [selectedShortDateFormat]="selectedShortDateFormat">
166
- </timeline-multi-day-view>
167
- <div *ngIf="viewShowFooter" viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
139
+ <timeline-multi-day-view
140
+ [name]="name"
141
+ [numberOfDays]="numberOfDays"
142
+ [eventHeight]="viewEventHeight"
143
+ [columnWidth]="viewColumnWidth"
144
+ [currentTimeMarker]="viewCurrentTimeMarker"
145
+ [highlightOngoingEvents]="viewHighlightOngoingEvents"
146
+ [showWorkHours]="shouldShowWorkHours"
147
+ [scrollTime]="viewScrollTime"
148
+ [startTime]="viewStartTime"
149
+ [endTime]="viewEndTime"
150
+ [workDayStart]="viewWorkDayStart"
151
+ [workDayEnd]="viewWorkDayEnd"
152
+ [workWeekStart]="viewWorkWeekStart"
153
+ [workWeekEnd]="viewWorkWeekEnd"
154
+ [slotDuration]="viewSlotDuration"
155
+ [slotDivisions]="viewSlotDivisions"
156
+ [slotClass]="viewSlotClass"
157
+ [eventClass]="viewEventClass"
158
+ [eventStyles]="viewEventStyles"
159
+ [eventTemplate]="eventTemplate?.templateRef"
160
+ [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
161
+ [timeSlotTemplate]="timeSlotTemplate?.templateRef"
162
+ [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
163
+ [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
164
+ [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
165
+ [selectedDateFormat]="selectedDateFormat"
166
+ [selectedShortDateFormat]="selectedShortDateFormat">
167
+ </timeline-multi-day-view>
168
+ @if (viewShowFooter) {
169
+ <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
170
+ }
168
171
  </ng-template>
169
- `,
172
+ `,
170
173
  standalone: true,
171
- imports: [TimelineMultiDayViewComponent, ViewFooterComponent, WorkHoursFooterDirective, NgIf]
174
+ imports: [TimelineMultiDayViewComponent, ViewFooterComponent, WorkHoursFooterDirective]
172
175
  }]
173
176
  }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }], propDecorators: { selectedDateFormat: [{
174
177
  type: Input
package/esm2022/views/timeline/timeline-week-view.component.mjs CHANGED
@@ -13,7 +13,6 @@ import { ViewStateService } from '../view-state.service';
13
13
  import { WorkHoursFooterDirective } from '../common/work-hours-footer.directive';
14
14
  import { ViewFooterComponent } from '../common/view-footer.component';
15
15
  import { TimelineMultiDayViewComponent } from './timeline-multi-day-view.component';
16
- import { NgIf } from '@angular/common';
17
16
  import * as i0 from "@angular/core";
18
17
  import * as i1 from "@progress/kendo-angular-intl";
19
18
  import * as i2 from "@progress/kendo-angular-l10n";
@@ -77,46 +76,48 @@ export class TimelineWeekViewComponent extends TimelineBase {
77
76
  return firstDayInWeek(getDate(selectedDate), this.viewWeekStart);
78
77
  };
79
78
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.ViewContextService }, { token: i4.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
80
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TimelineWeekViewComponent, isStandalone: true, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfWeeks: "numberOfWeeks" }, providers: [{
79
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimelineWeekViewComponent, isStandalone: true, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfWeeks: "numberOfWeeks" }, providers: [{
81
80
  provide: SchedulerView,
82
81
  useExisting: forwardRef(() => TimelineWeekViewComponent)
83
82
  }], usesInheritance: true, ngImport: i0, template: `
84
83
  <ng-template #content>
85
- <timeline-multi-day-view
86
- viewName="timeline-week"
87
- [name]="name"
88
- [numberOfDays]="7 * numberOfWeeks"
89
- [getStartDate]="getStartDate"
90
- [eventHeight]="viewEventHeight"
91
- [columnWidth]="viewColumnWidth"
92
- [currentTimeMarker]="viewCurrentTimeMarker"
93
- [highlightOngoingEvents]="viewHighlightOngoingEvents"
94
- [showWorkHours]="shouldShowWorkHours"
95
- [scrollTime]="viewScrollTime"
96
- [startTime]="viewStartTime"
97
- [endTime]="viewEndTime"
98
- [workDayStart]="viewWorkDayStart"
99
- [workDayEnd]="viewWorkDayEnd"
100
- [workWeekStart]="viewWorkWeekStart"
101
- [workWeekEnd]="viewWorkWeekEnd"
102
- [weekStart]="viewWeekStart"
103
- [slotDuration]="viewSlotDuration"
104
- [slotDivisions]="viewSlotDivisions"
105
- [slotClass]="viewSlotClass"
106
- [eventClass]="viewEventClass"
107
- [eventStyles]="viewEventStyles"
108
- [eventTemplate]="eventTemplate?.templateRef"
109
- [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
110
- [timeSlotTemplate]="timeSlotTemplate?.templateRef"
111
- [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
112
- [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
113
- [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
114
- [selectedDateFormat]="selectedDateFormat"
115
- [selectedShortDateFormat]="selectedShortDateFormat">
116
- </timeline-multi-day-view>
117
- <div *ngIf="viewShowFooter" viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
84
+ <timeline-multi-day-view
85
+ viewName="timeline-week"
86
+ [name]="name"
87
+ [numberOfDays]="7 * numberOfWeeks"
88
+ [getStartDate]="getStartDate"
89
+ [eventHeight]="viewEventHeight"
90
+ [columnWidth]="viewColumnWidth"
91
+ [currentTimeMarker]="viewCurrentTimeMarker"
92
+ [highlightOngoingEvents]="viewHighlightOngoingEvents"
93
+ [showWorkHours]="shouldShowWorkHours"
94
+ [scrollTime]="viewScrollTime"
95
+ [startTime]="viewStartTime"
96
+ [endTime]="viewEndTime"
97
+ [workDayStart]="viewWorkDayStart"
98
+ [workDayEnd]="viewWorkDayEnd"
99
+ [workWeekStart]="viewWorkWeekStart"
100
+ [workWeekEnd]="viewWorkWeekEnd"
101
+ [weekStart]="viewWeekStart"
102
+ [slotDuration]="viewSlotDuration"
103
+ [slotDivisions]="viewSlotDivisions"
104
+ [slotClass]="viewSlotClass"
105
+ [eventClass]="viewEventClass"
106
+ [eventStyles]="viewEventStyles"
107
+ [eventTemplate]="eventTemplate?.templateRef"
108
+ [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
109
+ [timeSlotTemplate]="timeSlotTemplate?.templateRef"
110
+ [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
111
+ [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
112
+ [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
113
+ [selectedDateFormat]="selectedDateFormat"
114
+ [selectedShortDateFormat]="selectedShortDateFormat">
115
+ </timeline-multi-day-view>
116
+ @if (viewShowFooter) {
117
+ <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
118
+ }
118
119
  </ng-template>
119
- `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
120
+ `, isInline: true, dependencies: [{ kind: "component", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: ["name", "columnWidth", "viewName"] }, { kind: "component", type: ViewFooterComponent, selector: "[viewFooter]", inputs: ["items"], outputs: ["itemClick"] }, { kind: "directive", type: WorkHoursFooterDirective, selector: "[kendoWorkHoursFooter]", inputs: ["showWorkHours"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
120
121
  }
121
122
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineWeekViewComponent, decorators: [{
122
123
  type: Component,
@@ -129,43 +130,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
129
130
  }],
130
131
  template: `
131
132
  <ng-template #content>
132
- <timeline-multi-day-view
133
- viewName="timeline-week"
134
- [name]="name"
135
- [numberOfDays]="7 * numberOfWeeks"
136
- [getStartDate]="getStartDate"
137
- [eventHeight]="viewEventHeight"
138
- [columnWidth]="viewColumnWidth"
139
- [currentTimeMarker]="viewCurrentTimeMarker"
140
- [highlightOngoingEvents]="viewHighlightOngoingEvents"
141
- [showWorkHours]="shouldShowWorkHours"
142
- [scrollTime]="viewScrollTime"
143
- [startTime]="viewStartTime"
144
- [endTime]="viewEndTime"
145
- [workDayStart]="viewWorkDayStart"
146
- [workDayEnd]="viewWorkDayEnd"
147
- [workWeekStart]="viewWorkWeekStart"
148
- [workWeekEnd]="viewWorkWeekEnd"
149
- [weekStart]="viewWeekStart"
150
- [slotDuration]="viewSlotDuration"
151
- [slotDivisions]="viewSlotDivisions"
152
- [slotClass]="viewSlotClass"
153
- [eventClass]="viewEventClass"
154
- [eventStyles]="viewEventStyles"
155
- [eventTemplate]="eventTemplate?.templateRef"
156
- [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
157
- [timeSlotTemplate]="timeSlotTemplate?.templateRef"
158
- [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
159
- [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
160
- [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
161
- [selectedDateFormat]="selectedDateFormat"
162
- [selectedShortDateFormat]="selectedShortDateFormat">
163
- </timeline-multi-day-view>
164
- <div *ngIf="viewShowFooter" viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
133
+ <timeline-multi-day-view
134
+ viewName="timeline-week"
135
+ [name]="name"
136
+ [numberOfDays]="7 * numberOfWeeks"
137
+ [getStartDate]="getStartDate"
138
+ [eventHeight]="viewEventHeight"
139
+ [columnWidth]="viewColumnWidth"
140
+ [currentTimeMarker]="viewCurrentTimeMarker"
141
+ [highlightOngoingEvents]="viewHighlightOngoingEvents"
142
+ [showWorkHours]="shouldShowWorkHours"
143
+ [scrollTime]="viewScrollTime"
144
+ [startTime]="viewStartTime"
145
+ [endTime]="viewEndTime"
146
+ [workDayStart]="viewWorkDayStart"
147
+ [workDayEnd]="viewWorkDayEnd"
148
+ [workWeekStart]="viewWorkWeekStart"
149
+ [workWeekEnd]="viewWorkWeekEnd"
150
+ [weekStart]="viewWeekStart"
151
+ [slotDuration]="viewSlotDuration"
152
+ [slotDivisions]="viewSlotDivisions"
153
+ [slotClass]="viewSlotClass"
154
+ [eventClass]="viewEventClass"
155
+ [eventStyles]="viewEventStyles"
156
+ [eventTemplate]="eventTemplate?.templateRef"
157
+ [groupHeaderTemplate]="groupHeaderTemplate?.templateRef"
158
+ [timeSlotTemplate]="timeSlotTemplate?.templateRef"
159
+ [dateHeaderTemplate]="dateHeaderTemplate?.templateRef"
160
+ [majorTimeHeaderTemplate]="majorTimeHeaderTemplate?.templateRef"
161
+ [minorTimeHeaderTemplate]="minorTimeHeaderTemplate?.templateRef"
162
+ [selectedDateFormat]="selectedDateFormat"
163
+ [selectedShortDateFormat]="selectedShortDateFormat">
164
+ </timeline-multi-day-view>
165
+ @if (viewShowFooter) {
166
+ <div viewFooter kendoWorkHoursFooter [showWorkHours]="shouldShowWorkHours" (itemClick)="showWorkHours = !shouldShowWorkHours"></div>
167
+ }
165
168
  </ng-template>
166
- `,
169
+ `,
167
170
  standalone: true,
168
- imports: [TimelineMultiDayViewComponent, ViewFooterComponent, WorkHoursFooterDirective, NgIf]
171
+ imports: [TimelineMultiDayViewComponent, ViewFooterComponent, WorkHoursFooterDirective]
169
172
  }]
170
173
  }], ctorParameters: () => [{ type: i1.IntlService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i3.ViewContextService }, { type: i4.ViewStateService }], propDecorators: { selectedDateFormat: [{
171
174
  type: Input