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