@progress/kendo-angular-scheduler 21.1.1-develop.1 → 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.
Files changed (37) 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/package-metadata.mjs +2 -2
  11. package/esm2022/pdf/pdf-command.directive.mjs +27 -17
  12. package/esm2022/scheduler.component.mjs +631 -625
  13. package/esm2022/toolbar/toolbar.component.mjs +37 -37
  14. package/esm2022/toolbar/view-selector.component.mjs +42 -33
  15. package/esm2022/views/agenda/agenda-header-item.component.mjs +23 -19
  16. package/esm2022/views/agenda/agenda-header.component.mjs +28 -26
  17. package/esm2022/views/agenda/agenda-task-item.component.mjs +49 -29
  18. package/esm2022/views/agenda/agenda-view-list.component.mjs +117 -95
  19. package/esm2022/views/common/resize-hint.component.mjs +16 -9
  20. package/esm2022/views/common/view-footer.component.mjs +27 -25
  21. package/esm2022/views/day-time/day-time-view-item.component.mjs +125 -85
  22. package/esm2022/views/month/month-slot.component.mjs +39 -29
  23. package/esm2022/views/month/month-view-item.component.mjs +81 -61
  24. package/esm2022/views/month/month-view-renderer.component.mjs +349 -281
  25. package/esm2022/views/multi-day/day-view.component.mjs +72 -69
  26. package/esm2022/views/multi-day/multi-day-view-renderer.component.mjs +665 -515
  27. package/esm2022/views/multi-day/multi-day-view.component.mjs +76 -73
  28. package/esm2022/views/multi-day/week-view.component.mjs +78 -75
  29. package/esm2022/views/multi-day/work-week-view.component.mjs +80 -77
  30. package/esm2022/views/timeline/timeline-month-view.component.mjs +74 -71
  31. package/esm2022/views/timeline/timeline-multi-day-view.component.mjs +449 -359
  32. package/esm2022/views/timeline/timeline-view.component.mjs +68 -65
  33. package/esm2022/views/timeline/timeline-week-view.component.mjs +74 -71
  34. package/esm2022/views/year/year-view-internal.component.mjs +151 -131
  35. package/fesm2022/progress-kendo-angular-scheduler.mjs +4448 -3889
  36. package/package.json +15 -15
  37. package/schematics/ngAdd/index.js +7 -3
package/esm2022/editing/date-time-picker.component.mjs CHANGED
@@ -7,7 +7,6 @@ import { NG_VALUE_ACCESSOR, NgControl, ReactiveFormsModule } from '@angular/form
7
7
  import { Component, forwardRef, Input, Output, EventEmitter } from '@angular/core';
8
8
  import { DatePickerComponent, DateTimePickerComponent, DateTimePickerCustomMessagesComponent, DatePickerCustomMessagesComponent } from '@progress/kendo-angular-dateinputs';
9
9
  import { SchedulerLocalizationService } from '../localization/scheduler-localization.service';
10
- import { NgIf } from '@angular/common';
11
10
  import * as i0 from "@angular/core";
12
11
  import * as i1 from "../localization/scheduler-localization.service";
13
12
  import * as i2 from "@angular/forms";
@@ -77,50 +76,52 @@ export class SchedulerDateTimePickerComponent {
77
76
  this.onTouchedCallback = fn;
78
77
  }
79
78
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SchedulerDateTimePickerComponent, deps: [{ token: i0.Injector }, { token: i1.SchedulerLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
80
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SchedulerDateTimePickerComponent, isStandalone: true, selector: "kendo-scheduler-datetime-picker", inputs: { isAllDay: "isAllDay" }, outputs: { valueChange: "valueChange" }, providers: [
79
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SchedulerDateTimePickerComponent, isStandalone: true, selector: "kendo-scheduler-datetime-picker", inputs: { isAllDay: "isAllDay" }, outputs: { valueChange: "valueChange" }, providers: [
81
80
  SCHEDULER_DATETIMEPICKER_VALUE_ACCESSOR
82
81
  ], viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datepicker"], descendants: true }, { propertyName: "dateTimePicker", first: true, predicate: ["datetimepicker"], descendants: true }], ngImport: i0, template: `
83
- <kendo-datepicker
84
- *ngIf='isAllDay'
82
+ @if (isAllDay) {
83
+ <kendo-datepicker
85
84
  #datepicker
86
85
  [(value)]='date'
87
86
  (valueChange)='onValueChange($event)'
88
87
  [formControl]="formControl"
89
88
  [clearButton]="true"
90
- >
91
- <kendo-datepicker-messages
92
- [today]="textFor('editorDateInputsToday')"
93
- [toggle]="textFor('editorDateInputsToggle')"
94
- [parentViewButtonTitle]="textFor('editorDateInputsParentViewButton')"
95
89
  >
90
+ <kendo-datepicker-messages
91
+ [today]="textFor('editorDateInputsToday')"
92
+ [toggle]="textFor('editorDateInputsToggle')"
93
+ [parentViewButtonTitle]="textFor('editorDateInputsParentViewButton')"
94
+ >
96
95
  </kendo-datepicker-messages>
97
- </kendo-datepicker>
98
- <kendo-datetimepicker
99
- *ngIf='!isAllDay'
96
+ </kendo-datepicker>
97
+ }
98
+ @if (!isAllDay) {
99
+ <kendo-datetimepicker
100
100
  #datetimepicker
101
101
  [(value)]='date'
102
102
  (valueChange)='onValueChange($event)'
103
103
  [formControl]="formControl"
104
104
  [clearButton]="true"
105
- >
106
- <kendo-datetimepicker-messages
107
- [toggle]="textFor('editorDateInputsToggle')"
108
- [today]="textFor('editorDateInputsToday')"
109
- [accept]="textFor('editorDateInputsAccept')"
110
- [acceptLabel]="textFor('editorDateInputsAcceptLabel')"
111
- [cancelLabel]="textFor('editorDateInputsCancelLabel')"
112
- [cancel]="textFor('editorDateInputsCancel')"
113
- [now]="textFor('editorDateInputsNow')"
114
- [nowLabel]="textFor('editorDateInputsNowLabel')"
115
- [dateTab]="textFor('editorDateInputsDateTab')"
116
- [dateTabLabel]="textFor('editorDateInputsDateTabLabel')"
117
- [timeTab]="textFor('editorDateInputsTimeTab')"
118
- [timeTabLabel]="textFor('editorDateInputsTimeTabLabel')"
119
- [parentViewButtonTitle]="textFor('editorDateInputsParentViewButton')"
120
105
  >
106
+ <kendo-datetimepicker-messages
107
+ [toggle]="textFor('editorDateInputsToggle')"
108
+ [today]="textFor('editorDateInputsToday')"
109
+ [accept]="textFor('editorDateInputsAccept')"
110
+ [acceptLabel]="textFor('editorDateInputsAcceptLabel')"
111
+ [cancelLabel]="textFor('editorDateInputsCancelLabel')"
112
+ [cancel]="textFor('editorDateInputsCancel')"
113
+ [now]="textFor('editorDateInputsNow')"
114
+ [nowLabel]="textFor('editorDateInputsNowLabel')"
115
+ [dateTab]="textFor('editorDateInputsDateTab')"
116
+ [dateTabLabel]="textFor('editorDateInputsDateTabLabel')"
117
+ [timeTab]="textFor('editorDateInputsTimeTab')"
118
+ [timeTabLabel]="textFor('editorDateInputsTimeTabLabel')"
119
+ [parentViewButtonTitle]="textFor('editorDateInputsParentViewButton')"
120
+ >
121
121
  </kendo-datetimepicker-messages>
122
- </kendo-datetimepicker>
123
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }, { kind: "component", type: DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: DateTimePickerCustomMessagesComponent, selector: "kendo-datetimepicker-messages" }] });
122
+ </kendo-datetimepicker>
123
+ }
124
+ `, isInline: true, dependencies: [{ kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }, { kind: "component", type: DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: DateTimePickerCustomMessagesComponent, selector: "kendo-datetimepicker-messages" }] });
124
125
  }
125
126
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SchedulerDateTimePickerComponent, decorators: [{
126
127
  type: Component,
@@ -130,49 +131,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
130
131
  ],
131
132
  selector: 'kendo-scheduler-datetime-picker',
132
133
  template: `
133
- <kendo-datepicker
134
- *ngIf='isAllDay'
134
+ @if (isAllDay) {
135
+ <kendo-datepicker
135
136
  #datepicker
136
137
  [(value)]='date'
137
138
  (valueChange)='onValueChange($event)'
138
139
  [formControl]="formControl"
139
140
  [clearButton]="true"
140
- >
141
- <kendo-datepicker-messages
142
- [today]="textFor('editorDateInputsToday')"
143
- [toggle]="textFor('editorDateInputsToggle')"
144
- [parentViewButtonTitle]="textFor('editorDateInputsParentViewButton')"
145
141
  >
142
+ <kendo-datepicker-messages
143
+ [today]="textFor('editorDateInputsToday')"
144
+ [toggle]="textFor('editorDateInputsToggle')"
145
+ [parentViewButtonTitle]="textFor('editorDateInputsParentViewButton')"
146
+ >
146
147
  </kendo-datepicker-messages>
147
- </kendo-datepicker>
148
- <kendo-datetimepicker
149
- *ngIf='!isAllDay'
148
+ </kendo-datepicker>
149
+ }
150
+ @if (!isAllDay) {
151
+ <kendo-datetimepicker
150
152
  #datetimepicker
151
153
  [(value)]='date'
152
154
  (valueChange)='onValueChange($event)'
153
155
  [formControl]="formControl"
154
156
  [clearButton]="true"
155
- >
156
- <kendo-datetimepicker-messages
157
- [toggle]="textFor('editorDateInputsToggle')"
158
- [today]="textFor('editorDateInputsToday')"
159
- [accept]="textFor('editorDateInputsAccept')"
160
- [acceptLabel]="textFor('editorDateInputsAcceptLabel')"
161
- [cancelLabel]="textFor('editorDateInputsCancelLabel')"
162
- [cancel]="textFor('editorDateInputsCancel')"
163
- [now]="textFor('editorDateInputsNow')"
164
- [nowLabel]="textFor('editorDateInputsNowLabel')"
165
- [dateTab]="textFor('editorDateInputsDateTab')"
166
- [dateTabLabel]="textFor('editorDateInputsDateTabLabel')"
167
- [timeTab]="textFor('editorDateInputsTimeTab')"
168
- [timeTabLabel]="textFor('editorDateInputsTimeTabLabel')"
169
- [parentViewButtonTitle]="textFor('editorDateInputsParentViewButton')"
170
157
  >
158
+ <kendo-datetimepicker-messages
159
+ [toggle]="textFor('editorDateInputsToggle')"
160
+ [today]="textFor('editorDateInputsToday')"
161
+ [accept]="textFor('editorDateInputsAccept')"
162
+ [acceptLabel]="textFor('editorDateInputsAcceptLabel')"
163
+ [cancelLabel]="textFor('editorDateInputsCancelLabel')"
164
+ [cancel]="textFor('editorDateInputsCancel')"
165
+ [now]="textFor('editorDateInputsNow')"
166
+ [nowLabel]="textFor('editorDateInputsNowLabel')"
167
+ [dateTab]="textFor('editorDateInputsDateTab')"
168
+ [dateTabLabel]="textFor('editorDateInputsDateTabLabel')"
169
+ [timeTab]="textFor('editorDateInputsTimeTab')"
170
+ [timeTabLabel]="textFor('editorDateInputsTimeTabLabel')"
171
+ [parentViewButtonTitle]="textFor('editorDateInputsParentViewButton')"
172
+ >
171
173
  </kendo-datetimepicker-messages>
172
- </kendo-datetimepicker>
174
+ </kendo-datetimepicker>
175
+ }
173
176
  `,
174
177
  standalone: true,
175
- imports: [NgIf, DatePickerComponent, ReactiveFormsModule, DatePickerCustomMessagesComponent, DateTimePickerComponent, DateTimePickerCustomMessagesComponent]
178
+ imports: [DatePickerComponent, ReactiveFormsModule, DatePickerCustomMessagesComponent, DateTimePickerComponent, DateTimePickerCustomMessagesComponent]
176
179
  }]
177
180
  }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.SchedulerLocalizationService }], propDecorators: { datePicker: [{
178
181
  type: ViewChild,