@progress/kendo-angular-scheduler 13.4.1-develop.3 → 13.5.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/editing/recurrence/recurrence-editor.component.d.ts +1 -0
- package/editing/timezone-editor.component.d.ts +1 -0
- package/editing-directives/edit-service.interface.d.ts +1 -2
- package/esm2020/editing/recurrence/recurrence-editor.component.mjs +1 -0
- package/esm2020/editing/timezone-editor.component.mjs +1 -0
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/pdf/pdf.component.mjs +1 -1
- package/esm2020/scheduler.component.mjs +32 -43
- package/esm2020/scheduler.module.mjs +5 -2
- package/esm2020/toolbar/navigation.component.mjs +0 -8
- package/esm2020/toolbar/view-selector.component.mjs +0 -8
- package/esm2020/types/crud-operation.enum.mjs +6 -4
- package/esm2020/types/edit-mode.enum.mjs +9 -5
- package/esm2020/views/agenda/agenda-view.component.mjs +3 -1
- package/esm2020/views/month/month-view.component.mjs +4 -3
- package/esm2020/views/month/multi-week-view.component.mjs +3 -3
- package/esm2020/views/multi-day/day-view.component.mjs +4 -3
- package/esm2020/views/multi-day/multi-day-view.component.mjs +5 -2
- package/esm2020/views/multi-day/week-view.component.mjs +4 -1
- package/esm2020/views/multi-day/work-week-view.component.mjs +2 -1
- package/esm2020/views/timeline/timeline-month-view.component.mjs +4 -3
- package/esm2020/views/timeline/timeline-view.component.mjs +4 -3
- package/esm2020/views/timeline/timeline-week-view.component.mjs +4 -1
- package/fesm2015/progress-kendo-angular-scheduler.mjs +93 -93
- package/fesm2020/progress-kendo-angular-scheduler.mjs +93 -93
- package/localization/messages.d.ts +1 -1
- package/package.json +12 -12
- package/pdf/pdf.component.d.ts +5 -12
- package/scheduler.component.d.ts +24 -149
- package/scheduler.module.d.ts +1 -1
- package/schematics/ngAdd/index.js +2 -2
- package/toolbar/navigation.component.d.ts +0 -8
- package/toolbar/view-selector.component.d.ts +0 -8
- package/types/crud-operation.enum.d.ts +6 -4
- package/types/datepicker-options.interface.d.ts +26 -27
- package/types/edit-mode.enum.d.ts +9 -5
- package/types/editable-settings.interface.d.ts +2 -2
- package/types/view-item.interface.d.ts +12 -0
- package/views/agenda/agenda-view.component.d.ts +3 -1
- package/views/day-time/day-time-view-base.d.ts +1 -0
- package/views/month/month-view.component.d.ts +4 -3
- package/views/month/multi-week-view.component.d.ts +3 -3
- package/views/multi-day/day-view.component.d.ts +4 -3
- package/views/multi-day/multi-day-view-base.d.ts +1 -1
- package/views/multi-day/multi-day-view.component.d.ts +5 -2
- package/views/multi-day/week-view.component.d.ts +4 -1
- package/views/multi-day/work-week-view.component.d.ts +2 -1
- package/views/timeline/timeline-month-view.component.d.ts +4 -3
- package/views/timeline/timeline-view.component.d.ts +4 -3
- package/views/timeline/timeline-week-view.component.d.ts +4 -1
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* A service
|
|
7
|
-
* Used to persist the changes which are applied during editing.
|
|
6
|
+
* A service that is used by the reactive and template editing directives of the Scheduler to persist the changes that are applied during editing.
|
|
8
7
|
*
|
|
9
8
|
* * [Custom Service]({% slug editing_directives_scheduler %}#toc-custom-service)
|
|
10
9
|
* * [`BaseEditService`]({% slug api_scheduler_baseeditservice %})
|
|
@@ -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:
|
|
13
|
-
version: '13.
|
|
12
|
+
publishDate: 1694187135,
|
|
13
|
+
version: '13.5.0-develop.1',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -25,7 +25,7 @@ export class PDFComponent {
|
|
|
25
25
|
this.ngZone = ngZone;
|
|
26
26
|
/**
|
|
27
27
|
* The creator of the PDF document.
|
|
28
|
-
*
|
|
28
|
+
* @default 'Kendo UI PDF Generator'
|
|
29
29
|
*/
|
|
30
30
|
this.creator = 'Kendo UI PDF Generator';
|
|
31
31
|
this.subscriptions = this.pdfService.elementReady.subscribe(this.createElement.bind(this));
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Component, ContentChild, ContentChildren, EventEmitter, HostBinding, Input, isDevMode, NgZone, Output, QueryList, ViewChild, ViewContainerRef, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, Renderer2 } from '@angular/core';
|
|
6
6
|
import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { ResizeSensorComponent, isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
7
|
+
import { ResizeSensorComponent, isDocumentAvailable, shouldShowValidationUI } from '@progress/kendo-angular-common';
|
|
8
8
|
import { anyChanged, isChanged, hasObservers } from '@progress/kendo-angular-common';
|
|
9
9
|
import { getDate, ZonedDate, Day } from '@progress/kendo-date-math';
|
|
10
10
|
import { take } from 'rxjs/operators';
|
|
@@ -66,22 +66,6 @@ const todayDate = () => getDate(new Date());
|
|
|
66
66
|
const DAYS_IN_WEEK = 7;
|
|
67
67
|
/**
|
|
68
68
|
* Represents the [Kendo UI Scheduler component for Angular]({% slug overview_scheduler %}).
|
|
69
|
-
*
|
|
70
|
-
* @example
|
|
71
|
-
* ```ts-preview
|
|
72
|
-
* _@Component({
|
|
73
|
-
* selector: 'my-app',
|
|
74
|
-
* template: `
|
|
75
|
-
* <kendo-scheduler style="height: 600px">
|
|
76
|
-
* <kendo-scheduler-day-view>
|
|
77
|
-
* </kendo-scheduler-day-view>
|
|
78
|
-
* <kendo-scheduler-week-view>
|
|
79
|
-
* </kendo-scheduler-week-view>
|
|
80
|
-
* </kendo-scheduler>
|
|
81
|
-
* `
|
|
82
|
-
* })
|
|
83
|
-
* class AppComponent {}
|
|
84
|
-
* ```
|
|
85
69
|
*/
|
|
86
70
|
export class SchedulerComponent {
|
|
87
71
|
constructor(wrapper, viewContext, viewState, editService, dialogsService, intlService, changeDetector, zone, pdfService, localization, domEvents, renderer, focusService) {
|
|
@@ -113,62 +97,74 @@ export class SchedulerComponent {
|
|
|
113
97
|
this.selectable = false;
|
|
114
98
|
/**
|
|
115
99
|
* The height of the events in the **Month** and **Timeline** views, and the height of the **All day** events in the **Day** and **Week** views.
|
|
100
|
+
* @default 25
|
|
116
101
|
*/
|
|
117
102
|
this.eventHeight = 25;
|
|
118
103
|
/**
|
|
119
104
|
* Specifies the columns width. Applicable for the **Timeline** views.
|
|
105
|
+
* @default 100
|
|
120
106
|
*/
|
|
121
107
|
this.columnWidth = 100;
|
|
122
108
|
/**
|
|
123
109
|
* The start time of the view. The Scheduler displays events which start after the start time.
|
|
124
110
|
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
111
|
+
* @default '00:00'
|
|
125
112
|
*/
|
|
126
113
|
this.startTime = '00:00';
|
|
127
114
|
/**
|
|
128
115
|
* The end time of the view. The Scheduler displays events which end before the end time.
|
|
129
116
|
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
117
|
+
* @default '00:00'
|
|
130
118
|
*/
|
|
131
119
|
this.endTime = '00:00';
|
|
132
120
|
/**
|
|
133
121
|
* The start time of the view when `showWorkHours` is set to `true`.
|
|
134
122
|
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
123
|
+
* @default '08:00'
|
|
135
124
|
*/
|
|
136
125
|
this.workDayStart = '08:00';
|
|
137
126
|
/**
|
|
138
127
|
* The end time of the view when `showWorkHours` is set to `true`.
|
|
139
128
|
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
129
|
+
* @default '17:00'
|
|
140
130
|
*/
|
|
141
131
|
this.workDayEnd = '17:00';
|
|
142
132
|
/**
|
|
143
133
|
* The duration (in minutes) of the time slots. Applicable for the day, week and timeline views.
|
|
134
|
+
* @default 60
|
|
144
135
|
*/
|
|
145
136
|
this.slotDuration = 60;
|
|
146
137
|
/**
|
|
147
138
|
* The number of divisions of the time slots. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
139
|
+
* @default 2
|
|
148
140
|
*/
|
|
149
141
|
this.slotDivisions = 2;
|
|
150
142
|
/**
|
|
151
143
|
* A numeric value between 0 and 1 that specifies what percentage of the slot will be filled by the events.
|
|
152
144
|
* Applicable for the **Day** and **Week** views.
|
|
153
|
-
*
|
|
145
|
+
* @default 0.9
|
|
154
146
|
*/
|
|
155
147
|
this.slotFill = 0.9;
|
|
156
148
|
/**
|
|
157
149
|
* The time to which the view will initially be scrolled.
|
|
158
150
|
* Accepts string values in the `HH:mm` format or a JavaScript `Date`. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
151
|
+
* @default '08:00'
|
|
159
152
|
*/
|
|
160
153
|
this.scrollTime = this.workDayStart;
|
|
161
154
|
/**
|
|
162
155
|
* Specifies the Scheduler current time marker settings.
|
|
156
|
+
* @default true
|
|
163
157
|
*/
|
|
164
158
|
this.currentTimeMarker = true;
|
|
165
159
|
/**
|
|
166
160
|
* Specifies the settings for the ongoing events highlight of the Scheduler.
|
|
161
|
+
* @default true
|
|
167
162
|
*/
|
|
168
163
|
this.highlightOngoingEvents = true;
|
|
169
164
|
/**
|
|
170
165
|
* A callback that executes for each slot of the Scheduler view.
|
|
171
166
|
* If it returns `true`, the `k-selected` CSS class will be added to the cell, making it visibly selected.
|
|
167
|
+
* @default () => false
|
|
172
168
|
*/
|
|
173
169
|
this.isSlotSelected = alwaysFalse;
|
|
174
170
|
/**
|
|
@@ -277,10 +273,15 @@ export class SchedulerComponent {
|
|
|
277
273
|
* @hidden
|
|
278
274
|
*/
|
|
279
275
|
this.removeConfirmed = new EventEmitter();
|
|
276
|
+
/**
|
|
277
|
+
* @hidden
|
|
278
|
+
*/
|
|
279
|
+
this.showLicenseWatermark = false;
|
|
280
280
|
this.viewIndex = 0;
|
|
281
281
|
this._timezone = '';
|
|
282
282
|
this._modelFields = defaultModelFields;
|
|
283
|
-
validatePackage(packageMetadata);
|
|
283
|
+
const isValid = validatePackage(packageMetadata);
|
|
284
|
+
this.showLicenseWatermark = shouldShowValidationUI(isValid);
|
|
284
285
|
this.dateRangeStream = viewState.dateRange;
|
|
285
286
|
this.selectedDateStream = viewContext.selectedDate;
|
|
286
287
|
}
|
|
@@ -316,7 +317,7 @@ export class SchedulerComponent {
|
|
|
316
317
|
/**
|
|
317
318
|
* Specifies the id of the timezone that will be displayed in the Scheduler.
|
|
318
319
|
* For example, `Europe/Sofia`.
|
|
319
|
-
*
|
|
320
|
+
* @default 'Etc/UTC'
|
|
320
321
|
*/
|
|
321
322
|
set timezone(value) {
|
|
322
323
|
this._timezone = value;
|
|
@@ -644,11 +645,6 @@ export class SchedulerComponent {
|
|
|
644
645
|
* @param y - The y document position.
|
|
645
646
|
*
|
|
646
647
|
* @return {SchedulerSlot} - The slot.
|
|
647
|
-
*
|
|
648
|
-
* {% embed_file drag-and-drop/app.component.ts %}
|
|
649
|
-
* {% embed_file drag-and-drop/draggable.directive.ts %}
|
|
650
|
-
* {% embed_file drag-and-drop/app.module.ts %}
|
|
651
|
-
* {% embed_file shared/main.ts %}
|
|
652
648
|
*/
|
|
653
649
|
slotByPosition(x, y) {
|
|
654
650
|
return this.viewContext.executeMethod('slotByPosition', { x, y });
|
|
@@ -675,17 +671,9 @@ export class SchedulerComponent {
|
|
|
675
671
|
/**
|
|
676
672
|
* Focuses the next event or an event at a specified relative position.
|
|
677
673
|
* The `options` parameter can be used to set a positive or negative offset
|
|
678
|
-
* that is relative to the currently focused event.
|
|
674
|
+
* that is relative to the currently focused event ([see example](slug:keyboard_navigation_scheduler#toc-event-navigation-with-the-tab-key)).
|
|
679
675
|
* A `nowrap` flag toggles the wrapping to the first or to the last item.
|
|
680
676
|
*
|
|
681
|
-
* @example
|
|
682
|
-
* ```ts-no-run
|
|
683
|
-
* scheduler.focusNext(); // Focuses the next event.
|
|
684
|
-
* scheduler.focusNext({ offset: 1 }); // Focuses the next event.
|
|
685
|
-
* scheduler.focusNext({ offset: -1 }); // Focuses the previous event.
|
|
686
|
-
* scheduler.focusNext({ nowrap: true }); // If the focus is on the last event, does not move the focus to the first event.
|
|
687
|
-
* ```
|
|
688
|
-
*
|
|
689
677
|
* @param position The relative position of the event to focus.
|
|
690
678
|
* @returns `true` if the focused event changed. Otherwise, returns `false`.
|
|
691
679
|
*/
|
|
@@ -697,15 +685,9 @@ export class SchedulerComponent {
|
|
|
697
685
|
/**
|
|
698
686
|
* Focuses the previous event or an event at a specified relative position.
|
|
699
687
|
* The `options` parameter can be used to set a positive or negative offset
|
|
700
|
-
* that is relative to the currently focused event.
|
|
688
|
+
* that is relative to the currently focused event ([see example](slug:keyboard_navigation_scheduler#toc-event-navigation-with-the-tab-key)).
|
|
701
689
|
* A `nowrap` flag toggles the wrapping to the first or to the last item.
|
|
702
690
|
*
|
|
703
|
-
* @example
|
|
704
|
-
* ```ts-no-run
|
|
705
|
-
* scheduler.focusPrev(); // Focuses the previous event
|
|
706
|
-
* scheduler.focusPrev({ nowrap: true }); // Does not move the focus to the last event, if focus is on the first one.
|
|
707
|
-
* ```
|
|
708
|
-
*
|
|
709
691
|
* @param position The relative position of the event to focus.
|
|
710
692
|
* @returns `true` if the focused event changed. Otherwise, returns `false`.
|
|
711
693
|
*/
|
|
@@ -892,7 +874,7 @@ export class SchedulerComponent {
|
|
|
892
874
|
}
|
|
893
875
|
}
|
|
894
876
|
SchedulerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SchedulerComponent, deps: [{ token: i0.ElementRef }, { token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.EditService }, { token: i4.DialogsService }, { token: i5.IntlService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i6.PDFService }, { token: i7.LocalizationService }, { token: i8.DomEventsService }, { token: i0.Renderer2 }, { token: i9.FocusService }], target: i0.ɵɵFactoryTarget.Component });
|
|
895
|
-
SchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SchedulerComponent, selector: "kendo-scheduler", inputs: { selectedViewIndex: "selectedViewIndex", editable: "editable", selectable: "selectable", min: "min", max: "max", eventHeight: "eventHeight", columnWidth: "columnWidth", showWorkHours: "showWorkHours", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", weekStart: "weekStart", slotDuration: "slotDuration", slotDivisions: "slotDivisions", slotFill: "slotFill", scrollTime: "scrollTime", group: "group", resources: "resources", loading: "loading", timezone: "timezone", events: "events", selectedDate: "selectedDate", modelFields: "modelFields", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", isSlotSelected: "isSlotSelected" }, outputs: { selectedViewIndexChange: "selectedViewIndexChange", navigate: "navigate", dateChange: "dateChange", slotClick: "slotClick", slotDblClick: "slotDblClick", create: "create", eventClick: "eventClick", eventDblClick: "eventDblClick", eventKeydown: "eventKeydown", cancel: "cancel", save: "save", remove: "remove", resizeStart: "resizeStart", resize: "resize", resizeEnd: "resizeEnd", dragStart: "dragStart", drag: "drag", dragEnd: "dragEnd", slotDragStart: "slotDragStart", slotDrag: "slotDrag", slotDragEnd: "slotDragEnd", pdfExport: "pdfExport", schedulerResize: "schedulerResize" }, host: { properties: { "class.k-widget": "this.hostClasses", "class.k-scheduler": "this.hostClasses", "class.k-floatwrap": "this.hostClasses", "attr.role": "this.ariaRole", "class.k-rtl": "this.rtl", "attr.dir": "this.dir" } }, providers: [
|
|
877
|
+
SchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SchedulerComponent, selector: "kendo-scheduler", inputs: { selectedViewIndex: "selectedViewIndex", editable: "editable", selectable: "selectable", min: "min", max: "max", eventHeight: "eventHeight", columnWidth: "columnWidth", showWorkHours: "showWorkHours", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", weekStart: "weekStart", slotDuration: "slotDuration", slotDivisions: "slotDivisions", slotFill: "slotFill", scrollTime: "scrollTime", group: "group", resources: "resources", loading: "loading", timezone: "timezone", events: "events", selectedDate: "selectedDate", modelFields: "modelFields", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents", slotClass: "slotClass", eventClass: "eventClass", eventStyles: "eventStyles", isSlotSelected: "isSlotSelected" }, outputs: { selectedViewIndexChange: "selectedViewIndexChange", navigate: "navigate", dateChange: "dateChange", slotClick: "slotClick", slotDblClick: "slotDblClick", create: "create", eventClick: "eventClick", eventDblClick: "eventDblClick", eventKeydown: "eventKeydown", cancel: "cancel", save: "save", remove: "remove", resizeStart: "resizeStart", resize: "resize", resizeEnd: "resizeEnd", dragStart: "dragStart", drag: "drag", dragEnd: "dragEnd", slotDragStart: "slotDragStart", slotDrag: "slotDrag", slotDragEnd: "slotDragEnd", pdfExport: "pdfExport", schedulerResize: "schedulerResize" }, host: { properties: { "class.k-widget": "this.hostClasses", "class.k-scheduler": "this.hostClasses", "class.k-floatwrap": "this.hostClasses", "class.k-pos-relative": "this.hostClasses", "attr.role": "this.ariaRole", "class.k-rtl": "this.rtl", "attr.dir": "this.dir" } }, providers: [
|
|
896
878
|
EditService,
|
|
897
879
|
DialogsService,
|
|
898
880
|
DomEventsService,
|
|
@@ -1179,7 +1161,9 @@ SchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
1179
1161
|
|
|
1180
1162
|
<div [loading]="loading" kendoSchedulerLoading>
|
|
1181
1163
|
</div>
|
|
1182
|
-
|
|
1164
|
+
|
|
1165
|
+
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
1166
|
+
`, isInline: true, components: [{ type: i10.ToolbarComponent, selector: "kendo-scheduler-toolbar", inputs: ["selectedView", "views", "dateRange", "selectedDate", "template", "min", "max"], outputs: ["navigate", "toolbarWidthChange"] }, { type: i11.EditDialogComponent, selector: "kendo-scheduler-edit-dialog", inputs: ["resources", "timezone", "weekStart", "fields", "editTemplate"] }, { type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: i13.LoadingComponent, selector: "[kendoSchedulerLoading]", inputs: ["loading"] }, { type: i12.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: i14.LocalizedMessagesDirective, selector: "[kendoSchedulerLocalizedMessages]" }, { type: i15.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1183
1167
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SchedulerComponent, decorators: [{
|
|
1184
1168
|
type: Component,
|
|
1185
1169
|
args: [{
|
|
@@ -1473,6 +1457,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1473
1457
|
|
|
1474
1458
|
<div [loading]="loading" kendoSchedulerLoading>
|
|
1475
1459
|
</div>
|
|
1460
|
+
|
|
1461
|
+
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
1476
1462
|
`
|
|
1477
1463
|
}]
|
|
1478
1464
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.EditService }, { type: i4.DialogsService }, { type: i5.IntlService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i6.PDFService }, { type: i7.LocalizationService }, { type: i8.DomEventsService }, { type: i0.Renderer2 }, { type: i9.FocusService }]; }, propDecorators: { hostClasses: [{
|
|
@@ -1484,6 +1470,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1484
1470
|
}, {
|
|
1485
1471
|
type: HostBinding,
|
|
1486
1472
|
args: ['class.k-floatwrap']
|
|
1473
|
+
}, {
|
|
1474
|
+
type: HostBinding,
|
|
1475
|
+
args: ['class.k-pos-relative']
|
|
1487
1476
|
}], ariaRole: [{
|
|
1488
1477
|
type: HostBinding,
|
|
1489
1478
|
args: ['attr.role']
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
6
6
|
import { NgModule } from '@angular/core';
|
|
7
7
|
import { CldrIntlService, IntlService } from '@progress/kendo-angular-intl';
|
|
8
|
-
import { ResizeSensorModule } from '@progress/kendo-angular-common';
|
|
8
|
+
import { ResizeSensorModule, WatermarkModule } from '@progress/kendo-angular-common';
|
|
9
9
|
import { DataBindingDirective } from './data-binding.directive';
|
|
10
10
|
import { SchedulerCustomMessagesComponent } from './localization/custom-messages.component';
|
|
11
11
|
import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
|
|
@@ -189,7 +189,8 @@ SchedulerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
|
|
|
189
189
|
MultiDayViewModule,
|
|
190
190
|
ResizeSensorModule,
|
|
191
191
|
MonthViewModule,
|
|
192
|
-
TimelineViewModule,
|
|
192
|
+
TimelineViewModule,
|
|
193
|
+
WatermarkModule, ButtonsModule,
|
|
193
194
|
CheckBoxModule,
|
|
194
195
|
TextAreaModule,
|
|
195
196
|
DateInputsModule,
|
|
@@ -251,6 +252,7 @@ SchedulerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
|
|
|
251
252
|
ResizeSensorModule,
|
|
252
253
|
MonthViewModule,
|
|
253
254
|
TimelineViewModule,
|
|
255
|
+
WatermarkModule,
|
|
254
256
|
...importedKendoModules
|
|
255
257
|
], MonthViewModule,
|
|
256
258
|
MultiDayViewModule,
|
|
@@ -266,6 +268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
266
268
|
ResizeSensorModule,
|
|
267
269
|
MonthViewModule,
|
|
268
270
|
TimelineViewModule,
|
|
271
|
+
WatermarkModule,
|
|
269
272
|
...importedKendoModules
|
|
270
273
|
],
|
|
271
274
|
declarations: declarations,
|
|
@@ -27,14 +27,6 @@ const iconsMap = { caretAltLeftIcon, caretAltRightIcon, calendarIcon };
|
|
|
27
27
|
* To render the **Previous**, **Today**, **Next**, and **Date picker**
|
|
28
28
|
* buttons, include the component in the
|
|
29
29
|
* [toolbar template]({% slug api_scheduler_toolbartemplatedirective %}).
|
|
30
|
-
*
|
|
31
|
-
* {% meta height:700 %}
|
|
32
|
-
* {% embed_file toolbar/template/app.component.ts preview %}
|
|
33
|
-
* {% embed_file toolbar/template/my-navigation.component.ts %}
|
|
34
|
-
* {% embed_file toolbar/template/app.module.ts %}
|
|
35
|
-
* {% embed_file shared/events-utc.ts %}
|
|
36
|
-
* {% embed_file shared/main.ts %}
|
|
37
|
-
* {% endmeta %}
|
|
38
30
|
*/
|
|
39
31
|
export class ToolbarNavigationComponent {
|
|
40
32
|
constructor(popupService, toolbarService, localization, cd, viewContext) {
|
|
@@ -17,14 +17,6 @@ import * as i5 from "../navigation/focusable.directive";
|
|
|
17
17
|
*
|
|
18
18
|
* To render the view-selection buttons, include the component in the
|
|
19
19
|
* [toolbar template]({% slug api_scheduler_toolbartemplatedirective %}).
|
|
20
|
-
*
|
|
21
|
-
* {% meta height:700 %}
|
|
22
|
-
* {% embed_file toolbar/template/app.component.ts preview %}
|
|
23
|
-
* {% embed_file toolbar/template/my-navigation.component.ts %}
|
|
24
|
-
* {% embed_file toolbar/template/app.module.ts %}
|
|
25
|
-
* {% embed_file shared/events-utc.ts %}
|
|
26
|
-
* {% embed_file shared/main.ts %}
|
|
27
|
-
* {% endmeta %}
|
|
28
20
|
*/
|
|
29
21
|
export class ToolbarViewSelectorComponent {
|
|
30
22
|
constructor(service, localization) {
|
|
@@ -4,13 +4,15 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
6
|
* The selected CRUD operation when the user edits or removes recurring events.
|
|
7
|
-
*
|
|
8
|
-
* The supported values are:
|
|
9
|
-
* * `Edit`
|
|
10
|
-
* * `Remove`
|
|
11
7
|
*/
|
|
12
8
|
export var CrudOperation;
|
|
13
9
|
(function (CrudOperation) {
|
|
10
|
+
/**
|
|
11
|
+
* The user edits the selected recurring event.
|
|
12
|
+
*/
|
|
14
13
|
CrudOperation[CrudOperation["Edit"] = 0] = "Edit";
|
|
14
|
+
/**
|
|
15
|
+
* The user removes the selected recurring event.
|
|
16
|
+
*/
|
|
15
17
|
CrudOperation[CrudOperation["Remove"] = 1] = "Remove";
|
|
16
18
|
})(CrudOperation || (CrudOperation = {}));
|
|
@@ -5,15 +5,19 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* The selected edit mode during the update or removal of events.
|
|
7
7
|
* For non-recurring events, set to `Event`.
|
|
8
|
-
*
|
|
9
|
-
* The supported values are:
|
|
10
|
-
* * `Event`—Edits the selected event.
|
|
11
|
-
* * `Occurrence`—Edits the selected occurrence.
|
|
12
|
-
* * `Series`—Edits all events in the series.
|
|
13
8
|
*/
|
|
14
9
|
export var EditMode;
|
|
15
10
|
(function (EditMode) {
|
|
11
|
+
/**
|
|
12
|
+
* Edits the selected event.
|
|
13
|
+
*/
|
|
16
14
|
EditMode[EditMode["Event"] = 0] = "Event";
|
|
15
|
+
/**
|
|
16
|
+
* Edits the selected occurrence.
|
|
17
|
+
*/
|
|
17
18
|
EditMode[EditMode["Occurrence"] = 1] = "Occurrence";
|
|
19
|
+
/**
|
|
20
|
+
* Edits all events in the series.
|
|
21
|
+
*/
|
|
18
22
|
EditMode[EditMode["Series"] = 2] = "Series";
|
|
19
23
|
})(EditMode || (EditMode = {}));
|
|
@@ -34,15 +34,17 @@ export class AgendaViewComponent extends ConfigurationViewBase {
|
|
|
34
34
|
* Defaults to `{0:d} - {1:d}`,
|
|
35
35
|
* where `0` is the start and `1` is the end date
|
|
36
36
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
37
|
+
* @default '{0:d} - {1:d}'
|
|
37
38
|
*/
|
|
38
39
|
this.selectedShortDateFormat = '{0:d} - {1:d}';
|
|
39
40
|
/**
|
|
40
41
|
* Specifies the number of days that the view will render.
|
|
41
|
-
*
|
|
42
|
+
* @default 7
|
|
42
43
|
*/
|
|
43
44
|
this.numberOfDays = 7;
|
|
44
45
|
/**
|
|
45
46
|
* The invariant name for this view (`agenda`).
|
|
47
|
+
* @default 'agenda'
|
|
46
48
|
*/
|
|
47
49
|
this.name = 'agenda';
|
|
48
50
|
}
|
|
@@ -29,19 +29,20 @@ export class MonthViewComponent extends ConfigurationViewBase {
|
|
|
29
29
|
/**
|
|
30
30
|
* The long-date format for displaying the
|
|
31
31
|
* selected date in the Scheduler toolbar.
|
|
32
|
-
* Defaults to `{0:Y}`
|
|
33
32
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
33
|
+
* @default '{0:Y}'
|
|
34
34
|
*/
|
|
35
35
|
this.selectedDateFormat = '{0:Y}';
|
|
36
36
|
/**
|
|
37
37
|
* The short-date format for displaying the
|
|
38
38
|
* selected date in the Scheduler toolbar.
|
|
39
|
-
* Defaults to `{0:y}`
|
|
40
39
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting.
|
|
40
|
+
* @default '{0:y}'
|
|
41
41
|
*/
|
|
42
42
|
this.selectedShortDateFormat = '{0:y}';
|
|
43
43
|
/**
|
|
44
|
-
* The invariant name for this view
|
|
44
|
+
* The invariant name for this view.
|
|
45
|
+
* @default 'month'
|
|
45
46
|
*/
|
|
46
47
|
this.name = 'month';
|
|
47
48
|
}
|
|
@@ -28,21 +28,21 @@ export class MultiWeekViewComponent extends ConfigurationViewBase {
|
|
|
28
28
|
this.intl = intl;
|
|
29
29
|
/**
|
|
30
30
|
* The number of weeks to be rendered.
|
|
31
|
-
*
|
|
31
|
+
* @default 6
|
|
32
32
|
*/
|
|
33
33
|
this.numberOfWeeks = WEEKS_COUNT;
|
|
34
34
|
/**
|
|
35
35
|
* The long-date format for displaying the
|
|
36
36
|
* selected date in the Scheduler toolbar.
|
|
37
|
-
* Defaults to `{0:D} - {1:D}`
|
|
38
37
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
38
|
+
* @default '{0:D} - {1:D}'
|
|
39
39
|
*/
|
|
40
40
|
this.selectedDateFormat = '{0:D} - {1:D}';
|
|
41
41
|
/**
|
|
42
42
|
* The short-date format for displaying the
|
|
43
43
|
* selected date in the Scheduler toolbar.
|
|
44
|
-
* Defaults to `{0:d} - {1:d}`
|
|
45
44
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting.
|
|
45
|
+
* @default '{0:d} - {1:d}'
|
|
46
46
|
*/
|
|
47
47
|
this.selectedShortDateFormat = '{0:d} - {1:d}';
|
|
48
48
|
/**
|
|
@@ -23,7 +23,8 @@ export class DayViewComponent extends MultiDayViewBase {
|
|
|
23
23
|
constructor(localization, changeDetector, viewContext, viewState) {
|
|
24
24
|
super(localization, changeDetector, viewContext, viewState);
|
|
25
25
|
/**
|
|
26
|
-
* The invariant name for this view
|
|
26
|
+
* The invariant name for this view.
|
|
27
|
+
* @default 'day'
|
|
27
28
|
*/
|
|
28
29
|
this.name = 'day';
|
|
29
30
|
this._selectedDateFormat = '{0:D}';
|
|
@@ -38,8 +39,8 @@ export class DayViewComponent extends MultiDayViewBase {
|
|
|
38
39
|
/**
|
|
39
40
|
* The long-date format for displaying the
|
|
40
41
|
* selected date in the Scheduler toolbar.
|
|
41
|
-
* Defaults to `{0:D}`
|
|
42
42
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
43
|
+
* @default '{0:D}'
|
|
43
44
|
*/
|
|
44
45
|
set selectedDateFormat(value) {
|
|
45
46
|
this._selectedDateFormat = value;
|
|
@@ -51,8 +52,8 @@ export class DayViewComponent extends MultiDayViewBase {
|
|
|
51
52
|
/**
|
|
52
53
|
* The short-date format for displaying the
|
|
53
54
|
* selected date in the Scheduler toolbar.
|
|
54
|
-
* Defaults to `{0:D}`
|
|
55
55
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
56
|
+
* @default '{0:d}'
|
|
56
57
|
*/
|
|
57
58
|
set selectedShortDateFormat(value) {
|
|
58
59
|
this._selectedShortDateFormat = value;
|
|
@@ -23,11 +23,12 @@ export class MultiDayViewComponent extends DayViewComponent {
|
|
|
23
23
|
super(localization, changeDetector, viewContext, viewState);
|
|
24
24
|
/**
|
|
25
25
|
* Specifies the number of days that the view will render.
|
|
26
|
-
*
|
|
26
|
+
* @default 1
|
|
27
27
|
*/
|
|
28
28
|
this.numberOfDays = 1;
|
|
29
29
|
/**
|
|
30
|
-
* The invariant name for this view
|
|
30
|
+
* The invariant name for this view.
|
|
31
|
+
* @default 'multi-day'
|
|
31
32
|
*/
|
|
32
33
|
this.name = 'multiDay';
|
|
33
34
|
}
|
|
@@ -36,6 +37,7 @@ export class MultiDayViewComponent extends DayViewComponent {
|
|
|
36
37
|
* selected date in the Scheduler toolbar.
|
|
37
38
|
* Defaults to `{0:D} - {1:D}` for multiple days and `{0:D}` for a single day
|
|
38
39
|
* ([more information](slug:parsingandformatting_intl#toc-date-formatting)).
|
|
40
|
+
* @default '{0:D} - {1:D}'
|
|
39
41
|
*/
|
|
40
42
|
set selectedDateFormat(value) {
|
|
41
43
|
this.dateFormat = value;
|
|
@@ -48,6 +50,7 @@ export class MultiDayViewComponent extends DayViewComponent {
|
|
|
48
50
|
* selected date in the Scheduler toolbar.
|
|
49
51
|
* Defaults to `{0:d} - {1:d}` for multiple days and `{0:d}` for a single day
|
|
50
52
|
* ([more information](slug:parsingandformatting_intl#toc-date-formatting)).
|
|
53
|
+
* @default '{0:d} - {1:d}'
|
|
51
54
|
*/
|
|
52
55
|
set selectedShortDateFormat(value) {
|
|
53
56
|
this.shortDateFormat = value;
|
|
@@ -32,6 +32,7 @@ export class WeekViewComponent extends MultiDayViewBase {
|
|
|
32
32
|
* Defaults to `{0:D} - {1:D}`,
|
|
33
33
|
* where `0` is the start and `1` is the end date
|
|
34
34
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting).
|
|
35
|
+
* @default '{0:D} - {1:D}'
|
|
35
36
|
*/
|
|
36
37
|
this.selectedDateFormat = '{0:D} - {1:D}';
|
|
37
38
|
/**
|
|
@@ -40,10 +41,12 @@ export class WeekViewComponent extends MultiDayViewBase {
|
|
|
40
41
|
* Defaults to `{0:d} - {1:d}`,
|
|
41
42
|
* where `0` is the start and `1` is the end date
|
|
42
43
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting).
|
|
44
|
+
* @default '{0:d} - {1:d}'
|
|
43
45
|
*/
|
|
44
46
|
this.selectedShortDateFormat = '{0:d} - {1:d}';
|
|
45
47
|
/**
|
|
46
|
-
* The invariant name for this view
|
|
48
|
+
* The invariant name for this view.
|
|
49
|
+
* @default 'week'
|
|
47
50
|
*/
|
|
48
51
|
this.name = 'week';
|
|
49
52
|
this.getStartDate = this.getStartDate.bind(this);
|
|
@@ -26,7 +26,8 @@ export class WorkWeekViewComponent extends WeekViewComponent {
|
|
|
26
26
|
constructor(intl, localization, changeDetector, viewContext, viewState) {
|
|
27
27
|
super(intl, localization, changeDetector, viewContext, viewState);
|
|
28
28
|
/**
|
|
29
|
-
* The invariant name for this view
|
|
29
|
+
* The invariant name for this view.
|
|
30
|
+
* @default 'workWeek'
|
|
30
31
|
*/
|
|
31
32
|
this.name = 'workWeek';
|
|
32
33
|
this.getNextDate = this.getNextDate.bind(this);
|
|
@@ -25,19 +25,20 @@ export class TimelineMonthViewComponent extends TimelineBase {
|
|
|
25
25
|
/**
|
|
26
26
|
* The long-date format for displaying the
|
|
27
27
|
* selected date in the Scheduler toolbar.
|
|
28
|
-
* Defaults to `{0:Y}`
|
|
29
28
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
29
|
+
* @default '{0:Y}'
|
|
30
30
|
*/
|
|
31
31
|
this.selectedDateFormat = '{0:Y}';
|
|
32
32
|
/**
|
|
33
33
|
* The short-date format for displaying the
|
|
34
34
|
* selected date in the Scheduler toolbar.
|
|
35
|
-
* Defaults to `{0:y}`
|
|
36
35
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
36
|
+
* @default '{0:y}'
|
|
37
37
|
*/
|
|
38
38
|
this.selectedShortDateFormat = '{0:y}';
|
|
39
39
|
/**
|
|
40
|
-
* The invariant name for this view
|
|
40
|
+
* The invariant name for this view.
|
|
41
|
+
* @default 'timelineMonth'
|
|
41
42
|
*/
|
|
42
43
|
this.name = 'timelineMonth';
|
|
43
44
|
/**
|
|
@@ -24,19 +24,20 @@ export class TimelineViewComponent extends TimelineBase {
|
|
|
24
24
|
/**
|
|
25
25
|
* The long-date format for displaying the
|
|
26
26
|
* selected date in the Scheduler toolbar.
|
|
27
|
-
* Defaults to `{0:D}`
|
|
28
27
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
28
|
+
* @default '{0:D}'
|
|
29
29
|
*/
|
|
30
30
|
this.selectedDateFormat = '{0:D}';
|
|
31
31
|
/**
|
|
32
32
|
* The short-date format for displaying the
|
|
33
33
|
* selected date in the Scheduler toolbar.
|
|
34
|
-
* Defaults to `{0:D}`
|
|
35
34
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
35
|
+
* @default '{0:d}'
|
|
36
36
|
*/
|
|
37
37
|
this.selectedShortDateFormat = '{0:d}';
|
|
38
38
|
/**
|
|
39
|
-
* The invariant name for this view
|
|
39
|
+
* The invariant name for this view.
|
|
40
|
+
* @default 'timeline'
|
|
40
41
|
*/
|
|
41
42
|
this.name = 'timeline';
|
|
42
43
|
}
|
|
@@ -30,6 +30,7 @@ export class TimelineWeekViewComponent extends TimelineBase {
|
|
|
30
30
|
* Defaults to `{0:D} - {1:D}`
|
|
31
31
|
* where `0` is the start and `1` is the end date
|
|
32
32
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
33
|
+
* @default '{0:D} - {1:D}'
|
|
33
34
|
*/
|
|
34
35
|
this.selectedDateFormat = '{0:D} - {1:D}';
|
|
35
36
|
/**
|
|
@@ -38,10 +39,12 @@ export class TimelineWeekViewComponent extends TimelineBase {
|
|
|
38
39
|
* Defaults to `{0:d} - {1:d}`
|
|
39
40
|
* where `0` is the start and `1` is the end date
|
|
40
41
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
42
|
+
* @default '{0:d} - {1:d}'
|
|
41
43
|
*/
|
|
42
44
|
this.selectedShortDateFormat = '{0:d} - {1:d}';
|
|
43
45
|
/**
|
|
44
|
-
* The invariant name for this view
|
|
46
|
+
* The invariant name for this view.
|
|
47
|
+
* @default 'timelineWeek'
|
|
45
48
|
*/
|
|
46
49
|
this.name = 'timelineWeek';
|
|
47
50
|
/**
|