@progress/kendo-angular-scheduler 19.1.2-develop.3 → 19.1.2-develop.5
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/data-binding.directive.d.ts +12 -3
- package/directives.d.ts +42 -2
- package/editing/edit-dialog-template.directive.d.ts +15 -2
- package/editing/recurrence/recurrence-editor.component.d.ts +29 -10
- package/editing/timezone-editor.component.d.ts +13 -3
- package/editing-directives/base-edit.service.d.ts +8 -11
- package/editing-directives/edit-service.interface.d.ts +22 -24
- package/editing-directives/reactive-editing.directive.d.ts +15 -2
- package/esm2022/data-binding.directive.mjs +12 -3
- package/esm2022/directives.mjs +42 -2
- package/esm2022/editing/edit-dialog-template.directive.mjs +15 -2
- package/esm2022/editing/recurrence/recurrence-editor.component.mjs +29 -10
- package/esm2022/editing/timezone-editor.component.mjs +13 -3
- package/esm2022/editing-directives/base-edit.service.mjs +8 -11
- package/esm2022/editing-directives/reactive-editing.directive.mjs +15 -2
- package/esm2022/events/add-event.mjs +3 -3
- package/esm2022/events/cancel-event.mjs +2 -2
- package/esm2022/events/create-event.mjs +6 -6
- package/esm2022/events/date-change-event.mjs +4 -4
- package/esm2022/events/drag-end-event.mjs +8 -8
- package/esm2022/events/drag-event.mjs +8 -8
- package/esm2022/events/drag-start-event.mjs +4 -4
- package/esm2022/events/edit-event.mjs +4 -4
- package/esm2022/events/event-click-event.mjs +5 -5
- package/esm2022/events/event-keydown-event.mjs +4 -4
- package/esm2022/events/navigate-event.mjs +3 -3
- package/esm2022/events/remove-event.mjs +4 -4
- package/esm2022/events/resize-end-event.mjs +6 -6
- package/esm2022/events/resize-event.mjs +8 -8
- package/esm2022/events/resize-start-event.mjs +4 -4
- package/esm2022/events/save-event.mjs +3 -3
- package/esm2022/events/slot-click-event.mjs +7 -7
- package/esm2022/events/slot-drag-end-event.mjs +1 -1
- package/esm2022/events/slot-drag-event.mjs +7 -7
- package/esm2022/events/slot-drag-start-event.mjs +8 -7
- package/esm2022/localization/custom-messages.component.mjs +14 -1
- package/esm2022/localization/messages.mjs +98 -98
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/pdf/pdf-command.directive.mjs +11 -11
- package/esm2022/pdf/pdf-export-event.mjs +1 -1
- package/esm2022/pdf/pdf.component.mjs +19 -8
- package/esm2022/pdf/pdf.module.mjs +7 -8
- package/esm2022/scheduler.component.mjs +62 -62
- package/esm2022/scheduler.module.mjs +6 -7
- package/esm2022/toolbar/navigation.component.mjs +16 -7
- package/esm2022/toolbar/toolbar-template.directive.mjs +18 -10
- package/esm2022/toolbar/toolbar.service.mjs +3 -4
- package/esm2022/toolbar/view-selector.component.mjs +14 -8
- package/esm2022/types/crud-operation.enum.mjs +3 -3
- package/esm2022/types/edit-mode.enum.mjs +2 -2
- package/esm2022/types/scheduler-view.mjs +1 -1
- package/esm2022/views/agenda/agenda-view.component.mjs +15 -11
- package/esm2022/views/common/slot-selectable.directive.mjs +16 -4
- package/esm2022/views/month/month-view.component.mjs +17 -16
- package/esm2022/views/month/multi-week-view.component.mjs +20 -18
- package/esm2022/views/multi-day/day-view.component.mjs +12 -7
- package/esm2022/views/multi-day/multi-day-view.component.mjs +16 -11
- package/esm2022/views/multi-day/week-view.component.mjs +14 -11
- package/esm2022/views/multi-day/work-week-view.component.mjs +8 -1
- package/esm2022/views/scheduler-view.directive.mjs +13 -3
- package/esm2022/views/templates/agenda-date-template.directive.mjs +13 -3
- package/esm2022/views/templates/agenda-time-template.directive.mjs +13 -3
- package/esm2022/views/templates/all-day-event-template.directive.mjs +13 -3
- package/esm2022/views/templates/all-day-slot-template.directive.mjs +13 -3
- package/esm2022/views/templates/date-header-template.directive.mjs +14 -4
- package/esm2022/views/templates/event-template.directive.mjs +13 -3
- package/esm2022/views/templates/group-header-template.directive.mjs +14 -4
- package/esm2022/views/templates/major-time-header-template.directive.mjs +13 -3
- package/esm2022/views/templates/minor-time-header-template.directive.mjs +13 -3
- package/esm2022/views/templates/month-day-slot-template.directive.mjs +13 -3
- package/esm2022/views/templates/multi-week-day-slot-template.directive.mjs +12 -3
- package/esm2022/views/templates/time-slot-template.directive.mjs +14 -4
- package/esm2022/views/timeline/timeline-month-view.component.mjs +16 -11
- package/esm2022/views/timeline/timeline-view.component.mjs +16 -11
- package/esm2022/views/timeline/timeline-week-view.component.mjs +18 -14
- package/esm2022/views/view-context.service.mjs +6 -6
- package/esm2022/views/view-state.service.mjs +9 -9
- package/esm2022/views/year/year-view.component.mjs +12 -7
- package/events/add-event.d.ts +3 -3
- package/events/cancel-event.d.ts +2 -2
- package/events/create-event.d.ts +6 -6
- package/events/date-change-event.d.ts +4 -4
- package/events/drag-end-event.d.ts +8 -8
- package/events/drag-event.d.ts +8 -8
- package/events/drag-start-event.d.ts +4 -4
- package/events/edit-event.d.ts +4 -4
- package/events/event-click-event.d.ts +5 -5
- package/events/event-keydown-event.d.ts +4 -4
- package/events/navigate-event.d.ts +3 -3
- package/events/remove-event.d.ts +4 -4
- package/events/resize-end-event.d.ts +6 -6
- package/events/resize-event.d.ts +8 -8
- package/events/resize-start-event.d.ts +4 -4
- package/events/save-event.d.ts +3 -3
- package/events/slot-click-event.d.ts +7 -7
- package/events/slot-drag-end-event.d.ts +1 -1
- package/events/slot-drag-event.d.ts +7 -7
- package/events/slot-drag-start-event.d.ts +8 -7
- package/fesm2022/progress-kendo-angular-scheduler.mjs +876 -543
- package/localization/custom-messages.component.d.ts +14 -1
- package/localization/messages.d.ts +98 -98
- package/navigation/focus-position.interface.d.ts +2 -3
- package/package.json +15 -15
- package/pdf/pdf-command.directive.d.ts +11 -11
- package/pdf/pdf-export-event.d.ts +1 -1
- package/pdf/pdf.component.d.ts +19 -8
- package/pdf/pdf.module.d.ts +7 -8
- package/scheduler.component.d.ts +62 -62
- package/scheduler.module.d.ts +6 -7
- package/schematics/ngAdd/index.js +3 -3
- package/toolbar/navigation.component.d.ts +16 -7
- package/toolbar/toolbar-template.directive.d.ts +18 -10
- package/toolbar/toolbar.service.d.ts +3 -4
- package/toolbar/view-selector.component.d.ts +14 -8
- package/types/actions.d.ts +51 -45
- package/types/create-form-group-args.interface.d.ts +1 -1
- package/types/crud-operation.enum.d.ts +3 -3
- package/types/current-time-settings.interface.d.ts +10 -8
- package/types/date-range.interface.d.ts +7 -11
- package/types/datepicker-options.interface.d.ts +33 -38
- package/types/edit-event-args.interface.d.ts +3 -4
- package/types/edit-mode.enum.d.ts +2 -2
- package/types/editable-settings.interface.d.ts +6 -6
- package/types/event-style-args.interface.d.ts +4 -4
- package/types/group.interface.d.ts +2 -2
- package/types/numeric-options.interface.d.ts +20 -16
- package/types/ongoing-events-settings.interface.d.ts +8 -6
- package/types/resource.interface.d.ts +8 -8
- package/types/scheduler-event.d.ts +13 -15
- package/types/scheduler-model-fields.interface.d.ts +34 -23
- package/types/scheduler-slot.interface.d.ts +7 -7
- package/types/scheduler-view.d.ts +3 -5
- package/types/slot-class-args.interface.d.ts +6 -6
- package/types/view-item.interface.d.ts +1 -1
- package/views/agenda/agenda-view.component.d.ts +15 -11
- package/views/common/slot-selectable.directive.d.ts +16 -4
- package/views/month/month-view.component.d.ts +17 -16
- package/views/month/multi-week-view.component.d.ts +20 -18
- package/views/multi-day/day-view.component.d.ts +12 -7
- package/views/multi-day/multi-day-view.component.d.ts +16 -11
- package/views/multi-day/week-view.component.d.ts +14 -11
- package/views/multi-day/work-week-view.component.d.ts +8 -1
- package/views/scheduler-view.directive.d.ts +13 -3
- package/views/templates/agenda-date-template.directive.d.ts +13 -3
- package/views/templates/agenda-time-template.directive.d.ts +13 -3
- package/views/templates/all-day-event-template.directive.d.ts +13 -3
- package/views/templates/all-day-slot-template.directive.d.ts +13 -3
- package/views/templates/date-header-template.directive.d.ts +14 -4
- package/views/templates/event-template.directive.d.ts +13 -3
- package/views/templates/group-header-template.directive.d.ts +14 -4
- package/views/templates/major-time-header-template.directive.d.ts +13 -3
- package/views/templates/minor-time-header-template.directive.d.ts +13 -3
- package/views/templates/month-day-slot-template.directive.d.ts +13 -3
- package/views/templates/multi-week-day-slot-template.directive.d.ts +12 -3
- package/views/templates/time-slot-template.directive.d.ts +14 -4
- package/views/timeline/timeline-month-view.component.d.ts +16 -11
- package/views/timeline/timeline-view.component.d.ts +16 -11
- package/views/timeline/timeline-week-view.component.d.ts +18 -14
- package/views/view-context.service.d.ts +6 -6
- package/views/view-state.service.d.ts +9 -9
- package/views/year/year-view.component.d.ts +12 -7
package/pdf/pdf.component.d.ts
CHANGED
|
@@ -7,7 +7,15 @@ import { PDFService } from './pdf.service';
|
|
|
7
7
|
import { pdf } from '@progress/kendo-drawing';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
* Configures the settings for the
|
|
10
|
+
* Configures the settings for exporting the Scheduler to PDF
|
|
11
|
+
* ([see example](slug:pdfexport_scheduler)).
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```html
|
|
15
|
+
* <kendo-scheduler >
|
|
16
|
+
* <kendo-scheduler-pdf fileName="Scheduler.pdf"> </kendo-scheduler-pdf>
|
|
17
|
+
* </kendo-scheduler>
|
|
18
|
+
* ```
|
|
11
19
|
*/
|
|
12
20
|
export declare class PDFComponent implements OnDestroy {
|
|
13
21
|
protected pdfService: PDFService;
|
|
@@ -22,16 +30,19 @@ export declare class PDFComponent implements OnDestroy {
|
|
|
22
30
|
*/
|
|
23
31
|
avoidLinks: boolean | string;
|
|
24
32
|
/**
|
|
25
|
-
*
|
|
33
|
+
* Sets the creator of the PDF document.
|
|
34
|
+
*
|
|
26
35
|
* @default 'Kendo UI PDF Generator'
|
|
27
36
|
*/
|
|
28
37
|
creator: string;
|
|
29
38
|
/**
|
|
30
|
-
*
|
|
39
|
+
* Sets the date when the PDF document is created.
|
|
40
|
+
*
|
|
41
|
+
* @default 'new Date()'
|
|
31
42
|
*/
|
|
32
43
|
date: Date;
|
|
33
44
|
/**
|
|
34
|
-
*
|
|
45
|
+
* Sets the forced resolution of the images in the exported PDF document.
|
|
35
46
|
* By default, the images are exported at their full resolution.
|
|
36
47
|
*/
|
|
37
48
|
imageResolution: number;
|
|
@@ -54,8 +65,8 @@ export declare class PDFComponent implements OnDestroy {
|
|
|
54
65
|
*/
|
|
55
66
|
margin: string | number | pdf.PageMargin;
|
|
56
67
|
/**
|
|
57
|
-
*
|
|
58
|
-
*
|
|
68
|
+
* Sets the scale factor for the output in PDF. Use this option when the text size on the screen is too big for printing.
|
|
69
|
+
*
|
|
59
70
|
* @default 1
|
|
60
71
|
*/
|
|
61
72
|
scale: number;
|
|
@@ -80,11 +91,11 @@ export declare class PDFComponent implements OnDestroy {
|
|
|
80
91
|
*/
|
|
81
92
|
proxyURL: string;
|
|
82
93
|
/**
|
|
83
|
-
*
|
|
84
|
-
* returned from the proxy.
|
|
94
|
+
* Sets the name or keyword that indicates where to display the document returned from the proxy.
|
|
85
95
|
*
|
|
86
96
|
* To display the document in a new window or iframe, the proxy has to have the
|
|
87
97
|
* `"Content-Disposition"` header set to `inline; filename="<fileName.pdf>"`.
|
|
98
|
+
*
|
|
88
99
|
* @default '_self'
|
|
89
100
|
*/
|
|
90
101
|
proxyTarget: string;
|
package/pdf/pdf.module.d.ts
CHANGED
|
@@ -6,21 +6,20 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
import * as i1 from "./pdf.component";
|
|
7
7
|
import * as i2 from "./pdf-command.directive";
|
|
8
8
|
/**
|
|
9
|
-
* Represents the [NgModule](
|
|
10
|
-
* definition for the Scheduler PDF component.
|
|
9
|
+
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Scheduler PDF component.
|
|
11
10
|
*
|
|
12
|
-
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```typescript
|
|
13
13
|
* import { NgModule } from '@angular/core';
|
|
14
|
-
* import {
|
|
14
|
+
* import { BrowserModule } from '@angular/platform-browser';
|
|
15
15
|
* import { SchedulerModule, PDFModule } from '@progress/kendo-angular-scheduler';
|
|
16
16
|
* import { AppComponent } from './app.component';
|
|
17
17
|
*
|
|
18
18
|
* @NgModule({
|
|
19
|
-
*
|
|
20
|
-
*
|
|
21
|
-
*
|
|
19
|
+
* declarations: [AppComponent],
|
|
20
|
+
* imports: [BrowserModule, SchedulerModule, PDFModule],
|
|
21
|
+
* bootstrap: [AppComponent]
|
|
22
22
|
* })
|
|
23
|
-
*
|
|
24
23
|
* export class AppModule {}
|
|
25
24
|
* ```
|
|
26
25
|
*/
|
package/scheduler.component.d.ts
CHANGED
|
@@ -45,7 +45,22 @@ import { SlotDragEvent } from './events/slot-drag-event';
|
|
|
45
45
|
import { SlotDragEndEvent } from './events/slot-drag-end-event';
|
|
46
46
|
import * as i0 from "@angular/core";
|
|
47
47
|
/**
|
|
48
|
-
* Represents the [Kendo UI Scheduler component for Angular](
|
|
48
|
+
* Represents the [Kendo UI Scheduler component for Angular](slug:overview_scheduler).
|
|
49
|
+
*
|
|
50
|
+
* @example
|
|
51
|
+
* ```html
|
|
52
|
+
* <kendo-scheduler [kendoSchedulerBinding]="events" [selectedDate]="selectedDate">
|
|
53
|
+
* <kendo-scheduler-day-view></kendo-scheduler-day-view>
|
|
54
|
+
* </kendo-scheduler>
|
|
55
|
+
* ```
|
|
56
|
+
*
|
|
57
|
+
* @remarks
|
|
58
|
+
* Supported children components are: {@link AgendaViewComponent},
|
|
59
|
+
* {@link WeekViewComponent}, {@link WorkWeekViewComponent}, {@link YearViewComponent},
|
|
60
|
+
* {@link SchedulerCustomMessagesComponent}, {@link TimelineMonthViewComponent},
|
|
61
|
+
* {@link TimelineViewComponent}, {@link TimelineWeekViewComponent}, {@link DayViewComponent},
|
|
62
|
+
* {@link MonthViewComponent}, {@link MultiDayViewComponent}, {@link MultiWeekViewComponent},
|
|
63
|
+
* {@link PDFComponent}, {@link TimeZoneEditorComponent}, {@link RecurrenceEditorComponent}
|
|
49
64
|
*/
|
|
50
65
|
export declare class SchedulerComponent implements AfterContentInit, OnDestroy, OnInit {
|
|
51
66
|
wrapper: ElementRef;
|
|
@@ -66,117 +81,107 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
|
|
|
66
81
|
rtl: boolean;
|
|
67
82
|
get dir(): string;
|
|
68
83
|
/**
|
|
69
|
-
*
|
|
70
|
-
*
|
|
71
|
-
* By default, the selected view index is `0` and
|
|
72
|
-
* indicates that the first declared view is visible.
|
|
84
|
+
* Sets the index of the currently selected view. The default value is `0`, which shows the first declared view.
|
|
85
|
+
* @default 0
|
|
73
86
|
*/
|
|
74
87
|
set selectedViewIndex(index: number);
|
|
75
88
|
get selectedViewIndex(): number;
|
|
76
89
|
/**
|
|
77
|
-
* Specifies
|
|
90
|
+
* Specifies whether the Scheduler is editable. Accepts a `boolean` or `EditableSettings` object.
|
|
91
|
+
* @default false
|
|
78
92
|
*/
|
|
79
93
|
editable: boolean | EditableSettings;
|
|
80
94
|
/**
|
|
81
|
-
* Specifies
|
|
82
|
-
*
|
|
83
|
-
*
|
|
95
|
+
* Specifies whether the Scheduler's day or time slots are selectable ([see example](slug:slotselection_scheduler#custom-callback)).
|
|
96
|
+
* When set to `true`, the Scheduler emits [`slotDragStart`]({% slug api_scheduler_schedulercomponent %}#toc-slotdragstart), [`slotDrag`]({% slug api_scheduler_schedulercomponent %}#toc-slotdrag), and [`slotDragEnd`]({% slug api_scheduler_schedulercomponent %}#toc-slotdragend) events on user interaction.
|
|
97
|
+
* @default false
|
|
84
98
|
*/
|
|
85
99
|
selectable: boolean;
|
|
86
100
|
/**
|
|
87
|
-
*
|
|
101
|
+
* Sets the minimum date that you can select using the Scheduler navigation.
|
|
88
102
|
*/
|
|
89
103
|
min: Date;
|
|
90
104
|
/**
|
|
91
|
-
*
|
|
105
|
+
* Sets the maximum date that you can select using the Scheduler navigation.
|
|
92
106
|
*/
|
|
93
107
|
max: Date;
|
|
94
108
|
/**
|
|
95
|
-
*
|
|
109
|
+
* Sets the height of events in the **Month** and **Timeline** views, and the height of **All day** events in the **Day** and **Week** views.
|
|
96
110
|
* @default 25
|
|
97
111
|
*/
|
|
98
112
|
eventHeight: number;
|
|
99
113
|
/**
|
|
100
|
-
*
|
|
114
|
+
* Sets the column width for **Timeline** views.
|
|
101
115
|
* @default 100
|
|
102
116
|
*/
|
|
103
117
|
columnWidth: number;
|
|
104
118
|
/**
|
|
105
|
-
*
|
|
106
|
-
* By default, the view is displayed in the full-day mode. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
119
|
+
* Sets whether the view shows business hours on initialization. By default, the view shows full-day hours. Applies to **Day**, **Week**, and **Timeline** views.
|
|
107
120
|
* @default false
|
|
108
121
|
*/
|
|
109
122
|
showWorkHours: boolean;
|
|
110
123
|
/**
|
|
111
|
-
*
|
|
112
|
-
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
124
|
+
* Sets the start time of the view. Accepts a string in `HH:mm` format. Applies to **Day**, **Week**, and **Timeline** views.
|
|
113
125
|
* @default '00:00'
|
|
114
126
|
*/
|
|
115
127
|
startTime: string;
|
|
116
128
|
/**
|
|
117
|
-
*
|
|
118
|
-
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
129
|
+
* Sets the end time of the view. Accepts a string in `HH:mm` format. Applies to **Day**, **Week**, and **Timeline** views.
|
|
119
130
|
* @default '00:00'
|
|
120
131
|
*/
|
|
121
132
|
endTime: string;
|
|
122
133
|
/**
|
|
123
|
-
*
|
|
124
|
-
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
134
|
+
* Sets the start time of the view when `showWorkHours` is `true`. Accepts a string in `HH:mm` format. Applies to **Day**, **Week**, and **Timeline** views.
|
|
125
135
|
* @default '08:00'
|
|
126
136
|
*/
|
|
127
137
|
workDayStart: string;
|
|
128
138
|
/**
|
|
129
|
-
*
|
|
130
|
-
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
139
|
+
* Sets the end time of the view when `showWorkHours` is `true`. Accepts a string in `HH:mm` format. Applies to **Day**, **Week**, and **Timeline** views.
|
|
131
140
|
* @default '17:00'
|
|
132
141
|
*/
|
|
133
142
|
workDayEnd: string;
|
|
134
143
|
/**
|
|
135
|
-
*
|
|
144
|
+
* Sets the start of the work week. Applies to **Day**, **Week**, and **Timeline** views.
|
|
136
145
|
* @default 1
|
|
137
146
|
*/
|
|
138
147
|
workWeekStart: Day;
|
|
139
148
|
/**
|
|
140
|
-
*
|
|
149
|
+
* Sets the end of the work week. Applies to **Day**, **Week**, and **Timeline** views.
|
|
141
150
|
* @default 5
|
|
142
151
|
*/
|
|
143
152
|
workWeekEnd: Day;
|
|
144
153
|
/**
|
|
145
|
-
*
|
|
146
|
-
* Defaults to the locale settings.
|
|
154
|
+
* Sets the first day of the week. Applies to **Week**, **Month**, and **TimelineWeek** views. Defaults to the locale settings.
|
|
147
155
|
*/
|
|
148
156
|
set weekStart(value: Day);
|
|
149
157
|
get weekStart(): Day;
|
|
150
158
|
/**
|
|
151
|
-
*
|
|
159
|
+
* Sets the duration (in minutes) of the time slots. Applies to **Day**, **Week**, and **Timeline** views.
|
|
152
160
|
* @default 60
|
|
153
161
|
*/
|
|
154
162
|
slotDuration: number;
|
|
155
163
|
/**
|
|
156
|
-
*
|
|
164
|
+
* Sets the number of divisions for the time slots. Applies to **Day**, **Week**, and **Timeline** views.
|
|
157
165
|
* @default 2
|
|
158
166
|
*/
|
|
159
167
|
slotDivisions: number;
|
|
160
168
|
/**
|
|
161
|
-
*
|
|
162
|
-
* Applicable for the **Day** and **Week** views.
|
|
169
|
+
* Sets the percentage of the slot filled by events. Accepts a value between 0 and 1. Applies to **Day** and **Week** views.
|
|
163
170
|
* @default 0.9
|
|
164
171
|
*/
|
|
165
172
|
slotFill: number;
|
|
166
173
|
/**
|
|
167
|
-
* Toggles the visibility of the all-day slot.
|
|
168
|
-
* Applicable for the **Day**, **Multi-Day**, **Week**, and **Work-Week** views.
|
|
174
|
+
* Toggles the visibility of the all-day slot. Applies to **Day**, **Multi-Day**, **Week**, and **Work-Week** views.
|
|
169
175
|
* @default true
|
|
170
176
|
*/
|
|
171
177
|
allDaySlot: boolean;
|
|
172
178
|
/**
|
|
173
|
-
*
|
|
174
|
-
* Accepts string values in the `HH:mm` format or a JavaScript `Date`. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
179
|
+
* Sets the time to which the view initially scrolls. Accepts a string in `HH:mm` format or a JavaScript `Date` object. Applies to **Day**, **Week**, and **Timeline** views.
|
|
175
180
|
* @default '08:00'
|
|
176
181
|
*/
|
|
177
182
|
scrollTime: string | Date;
|
|
178
183
|
/**
|
|
179
|
-
*
|
|
184
|
+
* Defines the Scheduler groups.
|
|
180
185
|
*/
|
|
181
186
|
group: Group;
|
|
182
187
|
/**
|
|
@@ -184,13 +189,12 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
|
|
|
184
189
|
*/
|
|
185
190
|
resources: Resource[];
|
|
186
191
|
/**
|
|
187
|
-
* Specifies
|
|
192
|
+
* Specifies whether the Scheduler displays a loading indicator.
|
|
188
193
|
* @default false
|
|
189
194
|
*/
|
|
190
195
|
loading: boolean;
|
|
191
196
|
/**
|
|
192
|
-
*
|
|
193
|
-
* For example, `Europe/Sofia`.
|
|
197
|
+
* Sets the timezone ID displayed in the Scheduler. For example, `Europe/Sofia`.
|
|
194
198
|
* @default 'Etc/UTC'
|
|
195
199
|
*/
|
|
196
200
|
set timezone(value: string);
|
|
@@ -200,59 +204,57 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
|
|
|
200
204
|
*/
|
|
201
205
|
selectedView: SchedulerView;
|
|
202
206
|
/**
|
|
203
|
-
*
|
|
207
|
+
* Sets the array of event instances shown by the Scheduler.
|
|
204
208
|
*/
|
|
205
209
|
set events(value: any[]);
|
|
206
210
|
get events(): any[];
|
|
207
211
|
/**
|
|
208
|
-
*
|
|
209
|
-
* Determines the period which is displayed.
|
|
212
|
+
* Sets the currently selected date of the Scheduler. Determines the displayed period.
|
|
210
213
|
*/
|
|
211
214
|
set selectedDate(value: Date);
|
|
212
215
|
get selectedDate(): Date;
|
|
213
216
|
/**
|
|
214
|
-
*
|
|
215
|
-
* ([see example]({% slug databinding_scheduler %}#toc-binding-to-models)).
|
|
217
|
+
* Sets the names of the model fields from which the Scheduler reads its data ([see example](slug:databinding_scheduler#binding-to-models).
|
|
216
218
|
*/
|
|
217
219
|
set modelFields(value: SchedulerModelFields);
|
|
218
220
|
get modelFields(): SchedulerModelFields;
|
|
219
221
|
/**
|
|
220
|
-
*
|
|
222
|
+
* Sets the Scheduler current time marker settings.
|
|
221
223
|
* @default true
|
|
222
224
|
*/
|
|
223
225
|
currentTimeMarker: boolean | CurrentTimeSettings;
|
|
224
226
|
/**
|
|
225
|
-
*
|
|
227
|
+
* Defines the settings for highlighting ongoing events in the Scheduler.
|
|
226
228
|
* @default true
|
|
227
229
|
*/
|
|
228
230
|
highlightOngoingEvents: boolean | OngoingEventsSettings;
|
|
229
231
|
/**
|
|
230
|
-
* Specifies whether to display the toolbar
|
|
232
|
+
* Specifies whether to display the Scheduler toolbar.
|
|
231
233
|
* @default true
|
|
232
234
|
*/
|
|
233
235
|
showToolbar: boolean;
|
|
234
236
|
/**
|
|
235
|
-
* Specifies whether to display the footer
|
|
237
|
+
* Specifies whether to display the Scheduler footer.
|
|
236
238
|
* @default true
|
|
237
239
|
*/
|
|
238
240
|
showFooter: boolean;
|
|
239
241
|
/**
|
|
240
242
|
* Defines a function that is executed for every slot in the view.
|
|
241
|
-
* The function returns a value
|
|
243
|
+
* The function returns a value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
242
244
|
*/
|
|
243
245
|
slotClass: (args: SlotClassArgs) => any;
|
|
244
246
|
/**
|
|
245
247
|
* Defines a function that is executed for every event in the view.
|
|
246
|
-
* The function returns a value
|
|
248
|
+
* The function returns a value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
247
249
|
*/
|
|
248
250
|
eventClass: (args: EventStyleArgs) => any;
|
|
249
251
|
/**
|
|
250
252
|
* Defines a function that is executed for every event in the view.
|
|
251
|
-
* The function returns a value
|
|
253
|
+
* The function returns a value supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
|
|
252
254
|
*/
|
|
253
255
|
eventStyles: (args: EventStyleArgs) => any;
|
|
254
256
|
/**
|
|
255
|
-
* A callback that
|
|
257
|
+
* A callback that is executed for each slot of the Scheduler view.
|
|
256
258
|
* If it returns `true`, the `k-selected` CSS class will be added to the cell, making it visibly selected.
|
|
257
259
|
* @default () => false
|
|
258
260
|
*/
|
|
@@ -262,16 +264,15 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
|
|
|
262
264
|
*/
|
|
263
265
|
selectedViewIndexChange: EventEmitter<number>;
|
|
264
266
|
/**
|
|
265
|
-
*
|
|
266
|
-
* (a view, date, or focus change).
|
|
267
|
+
* Emits when the Scheduler is about to perform a navigation action, such as changing the view, date, or focus.
|
|
267
268
|
*/
|
|
268
269
|
navigate: EventEmitter<NavigateEvent>;
|
|
269
270
|
/**
|
|
270
|
-
*
|
|
271
|
+
* Emits when the displayed date range in the Scheduler changes.
|
|
271
272
|
*/
|
|
272
273
|
dateChange: EventEmitter<DateChangeEvent>;
|
|
273
274
|
/**
|
|
274
|
-
*
|
|
275
|
+
* Emits when a Scheduler view slot is clicked.
|
|
275
276
|
*/
|
|
276
277
|
slotClick: EventEmitter<SlotClickEvent>;
|
|
277
278
|
/**
|
|
@@ -279,8 +280,7 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
|
|
|
279
280
|
*/
|
|
280
281
|
slotDblClick: EventEmitter<SlotClickEvent>;
|
|
281
282
|
/**
|
|
282
|
-
*
|
|
283
|
-
* ([see example]({% slug keyboard_navigation_scheduler %})).
|
|
283
|
+
* Emits when the user creates a new event using the `'c'` key ([see example](slug:keyboard_navigation_scheduler)).
|
|
284
284
|
*/
|
|
285
285
|
create: EventEmitter<CreateEvent>;
|
|
286
286
|
/**
|
|
@@ -292,7 +292,7 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
|
|
|
292
292
|
*/
|
|
293
293
|
eventDblClick: EventEmitter<EventClickEvent>;
|
|
294
294
|
/**
|
|
295
|
-
*
|
|
295
|
+
* Emits when you press a key on a focused Scheduler event.
|
|
296
296
|
*/
|
|
297
297
|
eventKeydown: EventEmitter<EventKeydownEvent>;
|
|
298
298
|
/**
|
|
@@ -312,7 +312,7 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
|
|
|
312
312
|
*/
|
|
313
313
|
resizeStart: EventEmitter<ResizeStartEvent>;
|
|
314
314
|
/**
|
|
315
|
-
*
|
|
315
|
+
* Emits while the user is resizing a Scheduler event.
|
|
316
316
|
*/
|
|
317
317
|
resize: EventEmitter<ResizeEvent>;
|
|
318
318
|
/**
|
|
@@ -324,7 +324,7 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
|
|
|
324
324
|
*/
|
|
325
325
|
dragStart: EventEmitter<DragStartEvent>;
|
|
326
326
|
/**
|
|
327
|
-
* Fires
|
|
327
|
+
* Fires while the user is dragging a Scheduler event.
|
|
328
328
|
*/
|
|
329
329
|
drag: EventEmitter<DragEvent>;
|
|
330
330
|
/**
|
|
@@ -336,7 +336,7 @@ export declare class SchedulerComponent implements AfterContentInit, OnDestroy,
|
|
|
336
336
|
*/
|
|
337
337
|
slotDragStart: EventEmitter<SlotDragStartEvent>;
|
|
338
338
|
/**
|
|
339
|
-
* Fires
|
|
339
|
+
* Fires while the user is drag-selecting a Scheduler slot range.
|
|
340
340
|
*/
|
|
341
341
|
slotDrag: EventEmitter<SlotDragEvent>;
|
|
342
342
|
/**
|
package/scheduler.module.d.ts
CHANGED
|
@@ -42,21 +42,20 @@ import * as i36 from "./views/templates/month-day-slot-template.directive";
|
|
|
42
42
|
import * as i37 from "./views/templates/multi-week-day-slot-template.directive";
|
|
43
43
|
import * as i38 from "./views/templates/time-slot-template.directive";
|
|
44
44
|
/**
|
|
45
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
46
|
-
* definition for the Scheduler component.
|
|
45
|
+
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Scheduler component.
|
|
47
46
|
*
|
|
47
|
+
* @example
|
|
48
48
|
* ```ts
|
|
49
49
|
* import { NgModule } from '@angular/core';
|
|
50
|
-
* import {
|
|
50
|
+
* import { BrowserModule } from '@angular/platform-browser';
|
|
51
51
|
* import { SchedulerModule } from '@progress/kendo-angular-scheduler';
|
|
52
52
|
* import { AppComponent } from './app.component';
|
|
53
53
|
*
|
|
54
54
|
* @NgModule({
|
|
55
|
-
*
|
|
56
|
-
*
|
|
57
|
-
*
|
|
55
|
+
* declarations: [AppComponent],
|
|
56
|
+
* imports: [BrowserModule, SchedulerModule],
|
|
57
|
+
* bootstrap: [AppComponent]
|
|
58
58
|
* })
|
|
59
|
-
*
|
|
60
59
|
* export class AppModule {}
|
|
61
60
|
* ```
|
|
62
61
|
*/
|
|
@@ -4,10 +4,10 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'SchedulerModule', package: 'scheduler', peerDependencies: {
|
|
6
6
|
// peer deps of the dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '19.1.2-develop.
|
|
8
|
-
'@progress/kendo-angular-navigation': '19.1.2-develop.
|
|
7
|
+
'@progress/kendo-angular-treeview': '19.1.2-develop.5',
|
|
8
|
+
'@progress/kendo-angular-navigation': '19.1.2-develop.5',
|
|
9
9
|
// peer dependency of kendo-angular-inputs
|
|
10
|
-
'@progress/kendo-angular-dialog': '19.1.2-develop.
|
|
10
|
+
'@progress/kendo-angular-dialog': '19.1.2-develop.5',
|
|
11
11
|
// peer dependency of kendo-angular-icons
|
|
12
12
|
'@progress/kendo-svg-icons': '^4.0.0'
|
|
13
13
|
} });
|
|
@@ -20,12 +20,21 @@ interface DateRangeText {
|
|
|
20
20
|
current: string;
|
|
21
21
|
}
|
|
22
22
|
/**
|
|
23
|
-
* A toolbar component
|
|
24
|
-
* ([see example](
|
|
23
|
+
* A toolbar component that contains controls for date navigation
|
|
24
|
+
* ([see example](slug:toolbar_scheduler#toc-including-the-built-in-components)).
|
|
25
25
|
*
|
|
26
|
-
* To render the **Previous**, **Today**, **Next**, and **Date picker**
|
|
27
|
-
*
|
|
28
|
-
*
|
|
26
|
+
* To render the **Previous**, **Today**, **Next**, and **Date picker** buttons, include this component in the [toolbar template](slug:api_scheduler_toolbartemplatedirective).
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* ```html
|
|
30
|
+
* <kendo-scheduler>
|
|
31
|
+
* <ng-template kendoSchedulerToolbarTemplate>
|
|
32
|
+
* <span class="custom-toolbar">
|
|
33
|
+
* <div kendoSchedulerToolbarNavigation></div>
|
|
34
|
+
* </span>
|
|
35
|
+
* </ng-template>
|
|
36
|
+
* </kendo-scheduler>
|
|
37
|
+
* ```
|
|
29
38
|
*/
|
|
30
39
|
export declare class ToolbarNavigationComponent implements OnDestroy {
|
|
31
40
|
private popupService;
|
|
@@ -48,13 +57,13 @@ export declare class ToolbarNavigationComponent implements OnDestroy {
|
|
|
48
57
|
*/
|
|
49
58
|
get todayText(): string;
|
|
50
59
|
/**
|
|
51
|
-
* Sets the [`activeView`](
|
|
60
|
+
* Sets the [`activeView`](slug:api_dateinputs_calendarcomponent#toc-activeview) of the Calendar in the navigation component.
|
|
52
61
|
*
|
|
53
62
|
* @default month
|
|
54
63
|
*/
|
|
55
64
|
activeView: CalendarView;
|
|
56
65
|
/**
|
|
57
|
-
* Sets the [`bottomView`](
|
|
66
|
+
* Sets the [`bottomView`](slug:api_dateinputs_calendarcomponent#toc-bottomview) of the Calendar in the navigation component.
|
|
58
67
|
*
|
|
59
68
|
* @default month
|
|
60
69
|
*/
|
|
@@ -5,23 +5,31 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
* Represents the toolbar template of the Scheduler. To define a toolbar
|
|
9
|
-
* template, nest an `<ng-template kendoSchedulerToolbarTemplate>` tag
|
|
10
|
-
* inside `<kendo-scheduler>`. For more information and examples, refer to the article on
|
|
11
|
-
* [customizing the toolbar]({% slug toolbar_scheduler %}) of the Scheduler.
|
|
8
|
+
* Represents the toolbar template of the Scheduler. To define a toolbar template, nest an `<ng-template kendoSchedulerToolbarTemplate>` tag inside the `<kendo-scheduler>`. For more information and examples, see [customizing the toolbar](slug:toolbar_scheduler) article.
|
|
12
9
|
*
|
|
13
|
-
* The template context
|
|
10
|
+
* The template context provides the following variables:
|
|
14
11
|
* * `selectedDate`—The currently selected date.
|
|
15
|
-
* * `dateRange`—The currently selected [`DateRange`](
|
|
16
|
-
* * `views`—
|
|
17
|
-
* * `selectedView`—The currently selected [`SchedulerView`](
|
|
12
|
+
* * `dateRange`—The currently selected [`DateRange`](slug:api_scheduler_daterange).
|
|
13
|
+
* * `views`—An array of [`SchedulerView`](slug:api_scheduler_schedulerview) instances with the available views.
|
|
14
|
+
* * `selectedView`—The currently selected [`SchedulerView`](slug:api_scheduler_schedulerview).
|
|
18
15
|
*
|
|
19
16
|
* You can declare either of the following built-in navigation components in the toolbar template:
|
|
20
17
|
* * `kendoSchedulerToolbarNavigation`—Renders navigation buttons, a calendar, and a date-range label.
|
|
21
18
|
* * `kendoSchedulerToolbarViewSelector`—Renders the buttons for selecting the view.
|
|
22
19
|
*
|
|
23
|
-
* To emit navigation events,
|
|
24
|
-
*
|
|
20
|
+
* To emit navigation events, components inside the toolbar can inject the [`ToolbarService`](slug:api_scheduler_toolbarservice).
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```html
|
|
24
|
+
* <kendo-scheduler>
|
|
25
|
+
* <ng-template kendoSchedulerToolbarTemplate let-selectedDate="selectedDate">
|
|
26
|
+
* <div class="custom-toolbar">
|
|
27
|
+
* <span>Selected Date: {{ selectedDate | date: 'longDate' }}</span>
|
|
28
|
+
* <button kendoButton (click)="navigateToToday()">Today</button>
|
|
29
|
+
* </div>
|
|
30
|
+
* </ng-template>
|
|
31
|
+
* </kendo-scheduler>
|
|
32
|
+
* ```
|
|
25
33
|
*/
|
|
26
34
|
export declare class ToolbarTemplateDirective {
|
|
27
35
|
templateRef: TemplateRef<any>;
|
|
@@ -7,9 +7,8 @@ import { NavigationAction } from '../types';
|
|
|
7
7
|
import { ToolbarContext } from './toolbar-context';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
* ([see example]({% slug toolbar_scheduler %}#toc-using-the-toolbar-service)).
|
|
10
|
+
* Represents a service for communication with toolbar controls. Toolbar components use this service to publish navigation actions
|
|
11
|
+
* ([see example](slug:toolbar_scheduler#toc-using-the-toolbar-service)).
|
|
13
12
|
*/
|
|
14
13
|
export declare class ToolbarService {
|
|
15
14
|
/**
|
|
@@ -30,7 +29,7 @@ export declare class ToolbarService {
|
|
|
30
29
|
/**
|
|
31
30
|
* Emits the specified navigation action.
|
|
32
31
|
*
|
|
33
|
-
* @param action
|
|
32
|
+
* @param action The navigation action to execute.
|
|
34
33
|
*/
|
|
35
34
|
navigate(action: NavigationAction): void;
|
|
36
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarService, never>;
|
|
@@ -9,23 +9,29 @@ import { ToolbarContext } from './toolbar-context';
|
|
|
9
9
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
/**
|
|
12
|
-
* A toolbar component
|
|
13
|
-
* ([see example](
|
|
12
|
+
* A toolbar component that contains controls for switching views
|
|
13
|
+
* ([see example](slug:toolbar_scheduler#toc-including-the-built-in-components)).
|
|
14
14
|
*
|
|
15
|
-
* To render the view-selection buttons, include
|
|
16
|
-
*
|
|
15
|
+
* To render the view-selection buttons, include this component in the [toolbar template](slug:api_scheduler_toolbartemplatedirective).
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```html
|
|
19
|
+
* <kendo-scheduler>
|
|
20
|
+
* <ng-template kendoSchedulerToolbarTemplate>
|
|
21
|
+
* <div kendoSchedulerToolbarViewSelector responsiveBreakpoint]="960"></div>
|
|
22
|
+
* </ng-template>
|
|
23
|
+
* </kendo-scheduler>
|
|
24
|
+
* ```
|
|
17
25
|
*/
|
|
18
26
|
export declare class ToolbarViewSelectorComponent implements OnDestroy {
|
|
19
27
|
private service;
|
|
20
28
|
private localization;
|
|
21
29
|
/**
|
|
22
|
-
*
|
|
23
|
-
* The ([schedulerResize]({% slug api_scheduler_schedulercomponent %}#toc-schedulerresize)) event can be used in order to obtain the Toolbar width.
|
|
30
|
+
* Sets the current width of the Toolbar in pixels for responsive calculations. Use the [`schedulerResize`](slug:api_scheduler_schedulercomponent#toc-schedulerresize) event to get the Toolbar width.
|
|
24
31
|
*/
|
|
25
32
|
toolbarWidth: number;
|
|
26
33
|
/**
|
|
27
|
-
*
|
|
28
|
-
* The responsive behavior means that the ButtonGroup with the views will be replaced by a `select` element.
|
|
34
|
+
* Sets the Toolbar width in pixels at which responsive behavior is enabled. When enabled, the ButtonGroup with the views is replaced by a `select` element.
|
|
29
35
|
*
|
|
30
36
|
* @default 1024
|
|
31
37
|
*/
|