@progress/kendo-angular-scheduler 13.0.0-develop.2 → 13.0.0-develop.21

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 (32) hide show
  1. package/editing/date-time-picker.component.d.ts +6 -1
  2. package/editing/edit-dialog.component.d.ts +3 -0
  3. package/editing/recurrence/recurrence-end-rule-editor.component.d.ts +1 -0
  4. package/editing/recurrence/recurrence-interval-editor.component.d.ts +1 -0
  5. package/editing/timezone-editor.component.d.ts +4 -0
  6. package/esm2020/editing/date-time-picker.component.mjs +24 -13
  7. package/esm2020/editing/edit-dialog.component.mjs +351 -240
  8. package/esm2020/editing/recurrence/recurrence-editor.component.mjs +40 -36
  9. package/esm2020/editing/recurrence/recurrence-end-rule-editor.component.mjs +156 -130
  10. package/esm2020/editing/recurrence/recurrence-frequency-editor.component.mjs +26 -13
  11. package/esm2020/editing/recurrence/recurrence-interval-editor.component.mjs +26 -14
  12. package/esm2020/editing/recurrence/recurrence-monthly-yearly-editor.component.mjs +157 -149
  13. package/esm2020/editing/recurrence/recurrence-weekday-rule-editor.component.mjs +40 -23
  14. package/esm2020/editing/timezone-editor.component.mjs +6 -0
  15. package/esm2020/package-metadata.mjs +2 -2
  16. package/esm2020/pdf/pdf-command.directive.mjs +1 -1
  17. package/esm2020/scheduler.module.mjs +5 -3
  18. package/esm2020/toolbar/navigation.component.mjs +14 -8
  19. package/esm2020/views/agenda/agenda-task-item.component.mjs +1 -1
  20. package/esm2020/views/agenda/agenda-view-list.component.mjs +16 -10
  21. package/esm2020/views/day-time/day-time-view-item.component.mjs +9 -9
  22. package/esm2020/views/month/month-slot.component.mjs +1 -1
  23. package/esm2020/views/month/month-view-item.component.mjs +9 -9
  24. package/esm2020/views/view-items/base-view-item.mjs +9 -0
  25. package/fesm2015/progress-kendo-angular-scheduler.mjs +878 -650
  26. package/fesm2020/progress-kendo-angular-scheduler.mjs +877 -650
  27. package/package.json +12 -12
  28. package/scheduler.module.d.ts +1 -1
  29. package/schematics/ngAdd/index.js +2 -2
  30. package/toolbar/navigation.component.d.ts +2 -0
  31. package/views/agenda/agenda-view-list.component.d.ts +4 -2
  32. package/views/view-items/base-view-item.d.ts +5 -0
package/esm2020/views/agenda/agenda-view-list.component.mjs CHANGED
@@ -23,9 +23,9 @@ export class AgendaListComponent {
23
23
  constructor(intlService, localization) {
24
24
  this.intlService = intlService;
25
25
  this.localization = localization;
26
+ this.classes = true;
26
27
  this.caretAltLeftIcon = caretAltLeftIcon;
27
28
  this.caretAltRightIcon = caretAltRightIcon;
28
- this.classes = true;
29
29
  }
30
30
  extractDataItem(item) {
31
31
  return item.type === "group" ? item.dataItem.items[0] : item.dataItem;
@@ -74,6 +74,12 @@ export class AgendaListComponent {
74
74
  });
75
75
  }
76
76
  }
77
+ get arrowIcons() {
78
+ return !this.localization.rtl ? ['caret-alt-left', 'caret-alt-right'] : ['caret-alt-right', 'caret-alt-left'];
79
+ }
80
+ get arrowSVGIcons() {
81
+ return !this.localization.rtl ? [this.caretAltLeftIcon, this.caretAltRightIcon] : [this.caretAltRightIcon, this.caretAltLeftIcon];
82
+ }
77
83
  }
78
84
  AgendaListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AgendaListComponent, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
79
85
  AgendaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AgendaListComponent, selector: "[kendoSchedulerAgendaList]", inputs: { tasks: "tasks", eventTemplate: "eventTemplate", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", agendaTimeTemplate: "agendaTimeTemplate", agendaDateTemplate: "agendaDateTemplate", editable: "editable" }, host: { properties: { "class.k-scheduler-content": "this.classes" } }, ngImport: i0, template: `
@@ -94,16 +100,16 @@ AgendaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
94
100
  <div *ngIf="!agendaTimeTemplate">
95
101
  <kendo-icon-wrapper
96
102
  *ngIf="extractDataItem(item).tail"
97
- name="caret-alt-left"
98
- [svgIcon]="caretAltLeftIcon"
103
+ [name]="arrowIcons[0]"
104
+ [svgIcon]="arrowSVGIcons[0]"
99
105
  >
100
106
  </kendo-icon-wrapper>
101
107
 
102
108
  {{ formatTime(extractDataItem(item)) }}
103
109
  <kendo-icon-wrapper
104
110
  *ngIf="extractDataItem(item).head"
105
- name="caret-alt-right"
106
- [svgIcon]="caretAltRightIcon"
111
+ [name]="arrowIcons[1]"
112
+ [svgIcon]="arrowSVGIcons[1]"
107
113
  >
108
114
  </kendo-icon-wrapper>
109
115
  </div>
@@ -123,7 +129,7 @@ AgendaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
123
129
  </ng-container>
124
130
  </tbody>
125
131
  </table>
126
- `, isInline: true, components: [{ type: i3.AgendaHeaderItemComponent, selector: "[kendoSchedulerAgendaHeaderItem]", inputs: ["kendoSchedulerAgendaHeaderItem", "agendaDateTemplate"] }, { type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i5.AgendaTaskItemComponent, selector: "[kendoSchedulerAgendaTaskItem]", inputs: ["kendoSchedulerAgendaTaskItem", "color", "eventTemplate", "editable"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i7.FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
132
+ `, isInline: true, components: [{ type: i3.AgendaHeaderItemComponent, selector: "[kendoSchedulerAgendaHeaderItem]", inputs: ["kendoSchedulerAgendaHeaderItem", "agendaDateTemplate"] }, { type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i5.AgendaTaskItemComponent, selector: "[kendoSchedulerAgendaTaskItem]", inputs: ["kendoSchedulerAgendaTaskItem", "color", "eventTemplate", "editable"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i7.FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex", "containerType"] }] });
127
133
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AgendaListComponent, decorators: [{
128
134
  type: Component,
129
135
  args: [{
@@ -147,16 +153,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
147
153
  <div *ngIf="!agendaTimeTemplate">
148
154
  <kendo-icon-wrapper
149
155
  *ngIf="extractDataItem(item).tail"
150
- name="caret-alt-left"
151
- [svgIcon]="caretAltLeftIcon"
156
+ [name]="arrowIcons[0]"
157
+ [svgIcon]="arrowSVGIcons[0]"
152
158
  >
153
159
  </kendo-icon-wrapper>
154
160
 
155
161
  {{ formatTime(extractDataItem(item)) }}
156
162
  <kendo-icon-wrapper
157
163
  *ngIf="extractDataItem(item).head"
158
- name="caret-alt-right"
159
- [svgIcon]="caretAltRightIcon"
164
+ [name]="arrowIcons[1]"
165
+ [svgIcon]="arrowSVGIcons[1]"
160
166
  >
161
167
  </kendo-icon-wrapper>
162
168
  </div>
package/esm2020/views/day-time/day-time-view-item.component.mjs CHANGED
@@ -42,8 +42,8 @@ DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
42
42
  <span class="k-event-actions">
43
43
  <kendo-icon-wrapper
44
44
  *ngIf="item.tail && !vertical"
45
- name="caret-alt-left"
46
- [svgIcon]="caretAltLeftIcon"
45
+ [name]="arrowIcons[0]"
46
+ [svgIcon]="arrowSVGIcons[0]"
47
47
  >
48
48
  </kendo-icon-wrapper>
49
49
  <kendo-icon-wrapper
@@ -73,8 +73,8 @@ DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
73
73
  </span>
74
74
  <kendo-icon-wrapper
75
75
  *ngIf="item.head && !vertical"
76
- name="caret-alt-right"
77
- [svgIcon]="caretAltRightIcon"
76
+ [name]="arrowIcons[1]"
77
+ [svgIcon]="arrowSVGIcons[1]"
78
78
  >
79
79
  </kendo-icon-wrapper>
80
80
  </span>
@@ -96,7 +96,7 @@ DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
96
96
  <span class="k-resize-handle k-resize-w"></span>
97
97
  <span class="k-resize-handle k-resize-e"></span>
98
98
  </ng-container>
99
- `, isInline: true, components: [{ type: i5.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
99
+ `, isInline: true, components: [{ type: i5.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
100
100
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DayTimeViewItemComponent, decorators: [{
101
101
  type: Component,
102
102
  args: [{
@@ -106,8 +106,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
106
106
  <span class="k-event-actions">
107
107
  <kendo-icon-wrapper
108
108
  *ngIf="item.tail && !vertical"
109
- name="caret-alt-left"
110
- [svgIcon]="caretAltLeftIcon"
109
+ [name]="arrowIcons[0]"
110
+ [svgIcon]="arrowSVGIcons[0]"
111
111
  >
112
112
  </kendo-icon-wrapper>
113
113
  <kendo-icon-wrapper
@@ -137,8 +137,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
137
137
  </span>
138
138
  <kendo-icon-wrapper
139
139
  *ngIf="item.head && !vertical"
140
- name="caret-alt-right"
141
- [svgIcon]="caretAltRightIcon"
140
+ [name]="arrowIcons[1]"
141
+ [svgIcon]="arrowSVGIcons[1]"
142
142
  >
143
143
  </kendo-icon-wrapper>
144
144
  </span>
package/esm2020/views/month/month-slot.component.mjs CHANGED
@@ -103,7 +103,7 @@ MonthSlotComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
103
103
  >
104
104
  </kendo-icon-wrapper>
105
105
  </div>
106
- `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "kendoDate": i5.DatePipe } });
106
+ `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "kendoDate": i5.DatePipe } });
107
107
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MonthSlotComponent, decorators: [{
108
108
  type: Component,
109
109
  args: [{
package/esm2020/views/month/month-view-item.component.mjs CHANGED
@@ -43,8 +43,8 @@ MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
43
43
  <span class="k-event-actions">
44
44
  <kendo-icon-wrapper
45
45
  *ngIf="item.tail"
46
- name="caret-alt-left"
47
- [svgIcon]="caretAltLeftIcon"
46
+ [name]="arrowIcons[0]"
47
+ [svgIcon]="arrowSVGIcons[0]"
48
48
  >
49
49
  </kendo-icon-wrapper>
50
50
  <kendo-icon-wrapper
@@ -73,8 +73,8 @@ MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
73
73
  </span>
74
74
  <kendo-icon-wrapper
75
75
  *ngIf="item.head"
76
- name="caret-alt-right"
77
- [svgIcon]="caretAltRightIcon"
76
+ [name]="arrowIcons[1]"
77
+ [svgIcon]="arrowSVGIcons[1]"
78
78
  >
79
79
  </kendo-icon-wrapper>
80
80
  </span>
@@ -83,7 +83,7 @@ MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
83
83
  <span class="k-resize-handle k-resize-w"></span>
84
84
  <span class="k-resize-handle k-resize-e"></span>
85
85
  </ng-container>
86
- `, isInline: true, components: [{ type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
86
+ `, isInline: true, components: [{ type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
87
87
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MonthViewItemComponent, decorators: [{
88
88
  type: Component,
89
89
  args: [{
@@ -93,8 +93,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
93
93
  <span class="k-event-actions">
94
94
  <kendo-icon-wrapper
95
95
  *ngIf="item.tail"
96
- name="caret-alt-left"
97
- [svgIcon]="caretAltLeftIcon"
96
+ [name]="arrowIcons[0]"
97
+ [svgIcon]="arrowSVGIcons[0]"
98
98
  >
99
99
  </kendo-icon-wrapper>
100
100
  <kendo-icon-wrapper
@@ -123,8 +123,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
123
123
  </span>
124
124
  <kendo-icon-wrapper
125
125
  *ngIf="item.head"
126
- name="caret-alt-right"
127
- [svgIcon]="caretAltRightIcon"
126
+ [name]="arrowIcons[1]"
127
+ [svgIcon]="arrowSVGIcons[1]"
128
128
  >
129
129
  </kendo-icon-wrapper>
130
130
  </span>
package/esm2020/views/view-items/base-view-item.mjs CHANGED
@@ -10,6 +10,7 @@ import { BaseSlotService } from './base-slot.service';
10
10
  import { isRecurrence, isRecurrenceException, formatEventTime } from '../utils';
11
11
  import { FocusService } from '../../navigation';
12
12
  import { toLocalDate } from '@progress/kendo-date-math';
13
+ import { caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
13
14
  import * as i0 from "@angular/core";
14
15
  import * as i1 from "./base-slot.service";
15
16
  import * as i2 from "@progress/kendo-angular-l10n";
@@ -26,6 +27,8 @@ export class BaseViewItem {
26
27
  this.renderer = renderer;
27
28
  this.localeId = localeId;
28
29
  this.className = true;
30
+ this.caretAltLeftIcon = caretAltLeftIcon;
31
+ this.caretAltRightIcon = caretAltRightIcon;
29
32
  this.subs = new Subscription();
30
33
  }
31
34
  get taskIndex() {
@@ -134,6 +137,12 @@ export class BaseViewItem {
134
137
  this.slotService.unregisterItem(this);
135
138
  this.subs.unsubscribe();
136
139
  }
140
+ get arrowIcons() {
141
+ return !this.localization.rtl ? ['caret-alt-left', 'caret-alt-right'] : ['caret-alt-right', 'caret-alt-left'];
142
+ }
143
+ get arrowSVGIcons() {
144
+ return !this.localization.rtl ? [this.caretAltLeftIcon, this.caretAltRightIcon] : [this.caretAltRightIcon, this.caretAltLeftIcon];
145
+ }
137
146
  }
138
147
  BaseViewItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseViewItem, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
139
148
  BaseViewItem.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: BaseViewItem, inputs: { item: "item", resourceIndex: "resourceIndex", rangeIndex: "rangeIndex", index: "index", eventTemplate: "eventTemplate", editable: "editable", dragHint: "dragHint", resources: "resources" }, host: { properties: { "class.k-event": "this.className", "attr.data-task-index": "this.taskIndex", "style.touch-action": "this.touchAction", "attr.aria-label": "this.eventTitle" } }, usesOnChanges: true, ngImport: i0 });