@progress/kendo-angular-scheduler 19.1.2-develop.4 → 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
|
@@ -3,35 +3,35 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Represents an interface that describes a Scheduler resource.
|
|
7
7
|
*/
|
|
8
8
|
export interface Resource {
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Sets the resource name. If not set, uses the value of the `field` option.
|
|
11
11
|
*/
|
|
12
12
|
name?: string;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Sets the field name of the event that contains the resource value.
|
|
15
15
|
*/
|
|
16
16
|
field: string;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* Sets the resource data.
|
|
19
19
|
*/
|
|
20
20
|
data: any[];
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Sets the field name from the data that contains the resource value.
|
|
23
23
|
*/
|
|
24
24
|
valueField: string;
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
26
|
+
* Sets the field name from the data that contains the resource text.
|
|
27
27
|
*/
|
|
28
28
|
textField: string;
|
|
29
29
|
/**
|
|
30
|
-
*
|
|
30
|
+
* Sets the field name from the data that contains the resource color.
|
|
31
31
|
*/
|
|
32
32
|
colorField?: string;
|
|
33
33
|
/**
|
|
34
|
-
* Specifies if
|
|
34
|
+
* Specifies if events have multiple resource values.
|
|
35
35
|
*/
|
|
36
36
|
multiple?: boolean;
|
|
37
37
|
}
|
|
@@ -3,57 +3,55 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* Represents
|
|
6
|
+
* Represents a Scheduler calendar event instance.
|
|
7
7
|
*/
|
|
8
8
|
export interface SchedulerEvent {
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
11
|
-
* Typically, the ID is a number.
|
|
12
|
-
* Can also be a string or an object.
|
|
10
|
+
* Sets the unique identifier of the event. The ID is usually a number, but can also be a string or object.
|
|
13
11
|
*/
|
|
14
12
|
id?: any;
|
|
15
13
|
/**
|
|
16
|
-
*
|
|
14
|
+
* Provides a reference to the original data item, if any.
|
|
17
15
|
*/
|
|
18
16
|
dataItem?: any;
|
|
19
17
|
/**
|
|
20
|
-
*
|
|
18
|
+
* Sets the start date of the event.
|
|
21
19
|
*/
|
|
22
20
|
start: Date;
|
|
23
21
|
/**
|
|
24
|
-
*
|
|
22
|
+
* Sets the timezone name for the start date.
|
|
25
23
|
*/
|
|
26
24
|
startTimezone?: string;
|
|
27
25
|
/**
|
|
28
|
-
*
|
|
26
|
+
* Sets the end date of the event.
|
|
29
27
|
*/
|
|
30
28
|
end: Date;
|
|
31
29
|
/**
|
|
32
|
-
*
|
|
30
|
+
* Sets the timezone name for the end date.
|
|
33
31
|
*/
|
|
34
32
|
endTimezone?: string;
|
|
35
33
|
/**
|
|
36
|
-
*
|
|
34
|
+
* Specifies if the event occurs throughout the day.
|
|
37
35
|
*/
|
|
38
36
|
isAllDay?: boolean;
|
|
39
37
|
/**
|
|
40
|
-
*
|
|
38
|
+
* Sets the title of the event.
|
|
41
39
|
*/
|
|
42
40
|
title: string;
|
|
43
41
|
/**
|
|
44
|
-
*
|
|
42
|
+
* Sets the detailed description of the event.
|
|
45
43
|
*/
|
|
46
44
|
description?: string;
|
|
47
45
|
/**
|
|
48
|
-
*
|
|
46
|
+
* Sets the rule that describes the recurring pattern of the event.
|
|
49
47
|
*/
|
|
50
48
|
recurrenceRule?: string;
|
|
51
49
|
/**
|
|
52
|
-
*
|
|
50
|
+
* Sets the `id` of the parent recurring event.
|
|
53
51
|
*/
|
|
54
52
|
recurrenceId?: any;
|
|
55
53
|
/**
|
|
56
|
-
*
|
|
54
|
+
* Sets the recurrence exceptions, if any.
|
|
57
55
|
*/
|
|
58
56
|
recurrenceExceptions?: Date[];
|
|
59
57
|
}
|
|
@@ -3,62 +3,73 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* Defines the model fields
|
|
6
|
+
* Defines the model fields for creating `SchedulerEvent` instances.
|
|
7
7
|
*/
|
|
8
8
|
export interface SchedulerModelFields {
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
11
|
-
*
|
|
10
|
+
* Sets the name of the ID model field.
|
|
11
|
+
*
|
|
12
|
+
* @default "id"
|
|
12
13
|
*/
|
|
13
14
|
id?: string;
|
|
14
15
|
/**
|
|
15
|
-
*
|
|
16
|
-
*
|
|
16
|
+
* Sets the name of the start date model field.
|
|
17
|
+
*
|
|
18
|
+
* @default "start"
|
|
17
19
|
*/
|
|
18
20
|
start?: string;
|
|
19
21
|
/**
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
+
* Sets the name of the start timezone model field.
|
|
23
|
+
*
|
|
24
|
+
* @default "startTimezone"
|
|
22
25
|
*/
|
|
23
26
|
startTimezone?: string;
|
|
24
27
|
/**
|
|
25
|
-
*
|
|
26
|
-
*
|
|
28
|
+
* Sets the name of the end date model field.
|
|
29
|
+
*
|
|
30
|
+
* @default "end"
|
|
27
31
|
*/
|
|
28
32
|
end?: string;
|
|
29
33
|
/**
|
|
30
|
-
*
|
|
31
|
-
*
|
|
34
|
+
* Sets the name of the end timezone model field.
|
|
35
|
+
*
|
|
36
|
+
* @default "endTimezone"
|
|
32
37
|
*/
|
|
33
38
|
endTimezone?: string;
|
|
34
39
|
/**
|
|
35
|
-
*
|
|
36
|
-
*
|
|
40
|
+
* Sets the name of the all-day flag model field.
|
|
41
|
+
*
|
|
42
|
+
* @default "isAllDay"
|
|
37
43
|
*/
|
|
38
44
|
isAllDay?: string;
|
|
39
45
|
/**
|
|
40
|
-
*
|
|
41
|
-
*
|
|
46
|
+
* Sets the name of the title model field.
|
|
47
|
+
*
|
|
48
|
+
* @default "title"
|
|
42
49
|
*/
|
|
43
50
|
title?: string;
|
|
44
51
|
/**
|
|
45
|
-
*
|
|
46
|
-
*
|
|
52
|
+
* Sets the name of the description model field.
|
|
53
|
+
*
|
|
54
|
+
* @default "title"
|
|
47
55
|
*/
|
|
48
56
|
description?: string;
|
|
49
57
|
/**
|
|
50
|
-
*
|
|
51
|
-
*
|
|
58
|
+
* Sets the name of the recurrence model field.
|
|
59
|
+
*
|
|
60
|
+
* @default "recurrenceRule"
|
|
52
61
|
*/
|
|
53
62
|
recurrenceRule?: string;
|
|
54
63
|
/**
|
|
55
|
-
*
|
|
56
|
-
*
|
|
64
|
+
* Sets the name of the recurrence ID model field.
|
|
65
|
+
*
|
|
66
|
+
* @default "recurrenceId"
|
|
57
67
|
*/
|
|
58
68
|
recurrenceId?: any;
|
|
59
69
|
/**
|
|
60
|
-
*
|
|
61
|
-
*
|
|
70
|
+
* Sets the name of the recurrence exceptions model field.
|
|
71
|
+
*
|
|
72
|
+
* @default "recurrenceExceptions"
|
|
62
73
|
*/
|
|
63
74
|
recurrenceExceptions?: string;
|
|
64
75
|
}
|
|
@@ -5,23 +5,23 @@
|
|
|
5
5
|
import { ElementRef } from '@angular/core';
|
|
6
6
|
import { SchedulerEvent } from './scheduler-event';
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Describes a Scheduler slot.
|
|
9
9
|
*/
|
|
10
10
|
export interface SchedulerSlot {
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* Provides the slot events. Applies to the **Year** view.
|
|
13
13
|
*/
|
|
14
14
|
events?: SchedulerEvent;
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* Provides the slot event. Applies to the **Agenda** view.
|
|
17
17
|
*/
|
|
18
18
|
event?: SchedulerEvent;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
20
|
+
* Provides the slot resources.
|
|
21
21
|
*/
|
|
22
22
|
resources?: any[];
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* Provides the slot element.
|
|
25
25
|
*/
|
|
26
26
|
element?: ElementRef;
|
|
27
27
|
/**
|
|
@@ -29,11 +29,11 @@ export interface SchedulerSlot {
|
|
|
29
29
|
*/
|
|
30
30
|
isAllDay?: boolean;
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
32
|
+
* Sets the start date of the slot.
|
|
33
33
|
*/
|
|
34
34
|
start?: Date;
|
|
35
35
|
/**
|
|
36
|
-
*
|
|
36
|
+
* Sets the end date of the slot.
|
|
37
37
|
*/
|
|
38
38
|
end?: Date;
|
|
39
39
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Contains meta information about a Scheduler view.
|
|
8
8
|
*/
|
|
9
9
|
export declare abstract class SchedulerView {
|
|
10
10
|
/**
|
|
@@ -12,13 +12,11 @@ export declare abstract class SchedulerView {
|
|
|
12
12
|
*/
|
|
13
13
|
abstract template: TemplateRef<any>;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
16
|
-
* For example, **Day View**.
|
|
15
|
+
* Sets the view title displayed by the Scheduler, for example, **Day View**.
|
|
17
16
|
*/
|
|
18
17
|
abstract title: string;
|
|
19
18
|
/**
|
|
20
|
-
*
|
|
21
|
-
* If not set, the name will be the same as the title.
|
|
19
|
+
* Sets the invariant name for this view, for example, `day`. If not set, uses the title.
|
|
22
20
|
*/
|
|
23
21
|
abstract name: string;
|
|
24
22
|
}
|
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Provides arguments for the `slotClass` function.
|
|
7
7
|
*/
|
|
8
8
|
export interface SlotClassArgs {
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Sets the start date of the slot.
|
|
11
11
|
*/
|
|
12
12
|
start?: Date;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Sets the end date of the slot.
|
|
15
15
|
*/
|
|
16
16
|
end?: Date;
|
|
17
17
|
/**
|
|
@@ -19,15 +19,15 @@ export interface SlotClassArgs {
|
|
|
19
19
|
*/
|
|
20
20
|
isAllDay?: boolean;
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Provides the slot resources.
|
|
23
23
|
*/
|
|
24
24
|
resources?: any[];
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
26
|
+
* Provides the slot event. Applies to the **Agenda** view.
|
|
27
27
|
*/
|
|
28
28
|
event?: any;
|
|
29
29
|
/**
|
|
30
|
-
*
|
|
30
|
+
* Provides the slot events. Applies to the **Year** view.
|
|
31
31
|
*/
|
|
32
32
|
events?: any[];
|
|
33
33
|
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { ZonedDate } from "@progress/kendo-date-math";
|
|
6
6
|
import { SchedulerEvent } from "../types";
|
|
7
7
|
/**
|
|
8
|
-
* Represents the view item model
|
|
8
|
+
* Represents the view item model for a Scheduler event.
|
|
9
9
|
*/
|
|
10
10
|
export interface ViewItem {
|
|
11
11
|
/**
|
|
@@ -10,7 +10,14 @@ import { ViewStateService } from '../view-state.service';
|
|
|
10
10
|
import { AgendaTimeTemplateDirective, AgendaDateTemplateDirective } from '../templates';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Represents the component that renders the **Agenda** view in the Scheduler.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```html
|
|
17
|
+
* <kendo-scheduler>
|
|
18
|
+
* <kendo-scheduler-agenda-view></kendo-scheduler-agenda-view>
|
|
19
|
+
* </kendo-scheduler>
|
|
20
|
+
* ```
|
|
14
21
|
*/
|
|
15
22
|
export declare class AgendaViewComponent extends ConfigurationViewBase {
|
|
16
23
|
/**
|
|
@@ -18,19 +25,16 @@ export declare class AgendaViewComponent extends ConfigurationViewBase {
|
|
|
18
25
|
*/
|
|
19
26
|
get title(): string;
|
|
20
27
|
/**
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
*
|
|
25
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
28
|
+
* Sets the long-date format for the selected date in the Scheduler toolbar.
|
|
29
|
+
* Defaults to `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
|
|
30
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
31
|
+
* @default '{0:D} - {1:D}'
|
|
26
32
|
*/
|
|
27
33
|
selectedDateFormat: string;
|
|
28
34
|
/**
|
|
29
|
-
*
|
|
30
|
-
*
|
|
31
|
-
*
|
|
32
|
-
* where `0` is the start and `1` is the end date
|
|
33
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
35
|
+
* Sets the short-date format for the selected date in the Scheduler toolbar.
|
|
36
|
+
* Defaults to `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
|
|
37
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
34
38
|
* @default '{0:d} - {1:d}'
|
|
35
39
|
*/
|
|
36
40
|
selectedShortDateFormat: string;
|
|
@@ -7,18 +7,30 @@ import { SchedulerComponent } from '../../scheduler.component';
|
|
|
7
7
|
import { SlotRange } from '../../types/slot-selection';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
11
|
-
*
|
|
10
|
+
* Represents a directive that manages the built-in slot selection in the Scheduler.
|
|
11
|
+
*
|
|
12
|
+
* Add the `kendoSchedulerSlotSelectable` directive to a `<kendo-scheduler>` instance to allow users to select time slots by clicking or dragging.
|
|
13
|
+
*
|
|
14
|
+
* The directive keeps track of the selected slot range and emits changes when the selection is updated by user interaction.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```html
|
|
18
|
+
* <kendo-scheduler kendoSchedulerSlotSelectable [(slotSelection)]="selectedSlot">
|
|
19
|
+
* </kendo-scheduler>
|
|
20
|
+
* ```
|
|
21
|
+
*
|
|
22
|
+
* @remarks
|
|
23
|
+
* Applied to: {@link SchedulerComponent}
|
|
12
24
|
*/
|
|
13
25
|
export declare class SlotSelectableDirective implements OnInit, OnChanges, OnDestroy {
|
|
14
26
|
private scheduler;
|
|
15
27
|
private cdr;
|
|
16
28
|
/**
|
|
17
|
-
*
|
|
29
|
+
* Represents the currently selected slot range.
|
|
18
30
|
*/
|
|
19
31
|
slotSelection: SlotRange;
|
|
20
32
|
/**
|
|
21
|
-
* Fires when the currently selected slot range
|
|
33
|
+
* Fires when the user changes the currently selected slot range.
|
|
22
34
|
*/
|
|
23
35
|
slotSelectionChange: EventEmitter<SlotRange>;
|
|
24
36
|
/**
|
|
@@ -13,7 +13,14 @@ import { MonthDaySlotTemplateDirective } from '../templates';
|
|
|
13
13
|
import { Day } from '@progress/kendo-date-math';
|
|
14
14
|
import * as i0 from "@angular/core";
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* Represents the component that renders the **Month** view in the Scheduler.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```html
|
|
20
|
+
* <kendo-scheduler>
|
|
21
|
+
* <kendo-scheduler-month-view></kendo-scheduler-month-view>
|
|
22
|
+
* </kendo-scheduler>
|
|
23
|
+
* ```
|
|
17
24
|
*/
|
|
18
25
|
export declare class MonthViewComponent extends ConfigurationViewBase implements OnDestroy, OnChanges {
|
|
19
26
|
private intl;
|
|
@@ -22,41 +29,35 @@ export declare class MonthViewComponent extends ConfigurationViewBase implements
|
|
|
22
29
|
*/
|
|
23
30
|
get title(): string;
|
|
24
31
|
/**
|
|
25
|
-
*
|
|
26
|
-
* will display all events in the respective slot
|
|
32
|
+
* Sets the number of events to render per day. If set to `'auto'`, all events display in the slot. If set to `0`, it normalizes to `1`
|
|
27
33
|
* ([see example](slug:month_views_scheduler#setting-the-number-of-events-per-day)).
|
|
28
|
-
* > When set to `'auto'
|
|
29
|
-
* > If set to `0` it will be normalized internally to `1`.
|
|
34
|
+
* > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
|
|
30
35
|
* @default 2
|
|
31
36
|
*/
|
|
32
37
|
set eventsPerDay(events: number | 'auto');
|
|
33
38
|
get eventsPerDay(): number | 'auto';
|
|
34
39
|
private _eventsPerDay;
|
|
35
40
|
/**
|
|
36
|
-
*
|
|
37
|
-
* set the height of each event automatically based on its content
|
|
41
|
+
* Sets the height of the rendered events. If set to `'auto'`, the height is based on the event content
|
|
38
42
|
* ([see example](slug:month_views_scheduler#configuring-the-height-of-the-scheduler-events)).
|
|
39
|
-
* > When set to `'auto'
|
|
43
|
+
* > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
|
|
40
44
|
*/
|
|
41
45
|
eventHeight: number | 'auto';
|
|
42
46
|
/**
|
|
43
|
-
* Increases the slot group (row) height when containing events up to the number of displayed events
|
|
44
|
-
* and reduces its height if there are less events for that specific slot group (row)
|
|
47
|
+
* Enables adaptive slot height in the Scheduler. Increases the slot group (row) height when containing events up to the number of displayed events and reduces its height if there are fewer events for that slot group (row)
|
|
45
48
|
* ([see example](slug:month_views_scheduler#enabling-the-adaptive-slot-height-of-the-scheduler)).
|
|
46
49
|
* @default false
|
|
47
50
|
*/
|
|
48
51
|
adaptiveSlotHeight: boolean;
|
|
49
52
|
/**
|
|
50
|
-
*
|
|
51
|
-
*
|
|
52
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
53
|
+
* Sets the long-date format for the selected date in the Scheduler toolbar.
|
|
54
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
53
55
|
* @default '{0:Y}'
|
|
54
56
|
*/
|
|
55
57
|
selectedDateFormat: string;
|
|
56
58
|
/**
|
|
57
|
-
*
|
|
58
|
-
*
|
|
59
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
59
|
+
* Sets the short-date format for the selected date in the Scheduler toolbar.
|
|
60
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
60
61
|
* @default '{0:y}'
|
|
61
62
|
*/
|
|
62
63
|
selectedShortDateFormat: string;
|
|
@@ -13,7 +13,14 @@ import { ViewStateService } from '../view-state.service';
|
|
|
13
13
|
import { MultiWeekDaySlotTemplateDirective } from '../templates';
|
|
14
14
|
import * as i0 from "@angular/core";
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* Represents the component that renders the **Multi-Week** view in the Scheduler.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```html
|
|
20
|
+
* <kendo-scheduler>
|
|
21
|
+
* <kendo-scheduler-multi-week-view></kendo-scheduler-multi-week-view>
|
|
22
|
+
* </kendo-scheduler>
|
|
23
|
+
* ```
|
|
17
24
|
*/
|
|
18
25
|
export declare class MultiWeekViewComponent extends ConfigurationViewBase implements OnDestroy, OnChanges {
|
|
19
26
|
private intl;
|
|
@@ -22,52 +29,47 @@ export declare class MultiWeekViewComponent extends ConfigurationViewBase implem
|
|
|
22
29
|
*/
|
|
23
30
|
get title(): string;
|
|
24
31
|
/**
|
|
25
|
-
*
|
|
26
|
-
* set the height of each event automatically based on its content
|
|
32
|
+
* Sets the height of the rendered events. If set to `'auto'`, the height is based on the event content
|
|
27
33
|
* ([see example](slug:multiweek_views_scheduler#configuring-the-height-of-the-scheduler-events)).
|
|
28
|
-
* > When set to `'auto'
|
|
34
|
+
* > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
|
|
29
35
|
*/
|
|
30
36
|
eventHeight: number | 'auto';
|
|
31
37
|
/**
|
|
32
|
-
*
|
|
33
|
-
* will display all events in the respective slot
|
|
38
|
+
* Sets the number of events to render per day. If set to `'auto'`, all events display in the slot. If set to `0`, it normalizes to `1`
|
|
34
39
|
* ([see example](slug:multiweek_views_scheduler#setting-the-number-of-events-per-day)).
|
|
35
|
-
* > When set to `'auto'
|
|
36
|
-
* > If set to `0` it will be normalized internally to `1`.
|
|
40
|
+
* > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
|
|
37
41
|
* @default 2
|
|
38
42
|
*/
|
|
39
43
|
set eventsPerDay(events: number | 'auto');
|
|
40
44
|
get eventsPerDay(): number | 'auto';
|
|
41
45
|
private _eventsPerDay;
|
|
42
46
|
/**
|
|
43
|
-
* Increases the slot group (row) height when containing events up to the number of displayed events
|
|
44
|
-
* and reduces its height if there are less events for that specific slot group (row)
|
|
47
|
+
* Enables adaptive slot height. Increases the slot group (row) height when containing events up to the number of displayed events and reduces its height if there are fewer events for that slot group (row)
|
|
45
48
|
* ([see example](slug:multiweek_views_scheduler#enabling-the-adaptive-slot-height-of-the-scheduler)).
|
|
46
49
|
* @default false
|
|
47
50
|
*/
|
|
48
51
|
adaptiveSlotHeight: boolean;
|
|
49
52
|
/**
|
|
50
|
-
*
|
|
53
|
+
* Sets the number of weeks to render in the view.
|
|
51
54
|
* @default 6
|
|
52
55
|
*/
|
|
53
56
|
numberOfWeeks: number;
|
|
54
57
|
/**
|
|
55
|
-
*
|
|
56
|
-
*
|
|
57
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
58
|
+
* Sets the long-date format for the selected date in the Scheduler toolbar.
|
|
59
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
58
60
|
* @default '{0:D} - {1:D}'
|
|
59
61
|
*/
|
|
60
62
|
selectedDateFormat: string;
|
|
61
63
|
/**
|
|
62
|
-
*
|
|
63
|
-
*
|
|
64
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
64
|
+
* Sets the short-date format for the selected date in the Scheduler toolbar.
|
|
65
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
65
66
|
* @default '{0:d} - {1:d}'
|
|
66
67
|
*/
|
|
67
68
|
selectedShortDateFormat: string;
|
|
68
69
|
multiWeekDaySlotTemplate: MultiWeekDaySlotTemplateDirective;
|
|
69
70
|
/**
|
|
70
|
-
* The invariant name for this view
|
|
71
|
+
* The invariant name for this view.
|
|
72
|
+
* @default 'multiWeek'
|
|
71
73
|
*/
|
|
72
74
|
readonly name: string;
|
|
73
75
|
get viewEventHeight(): number | 'auto';
|
|
@@ -10,7 +10,14 @@ import { ViewStateService } from '../view-state.service';
|
|
|
10
10
|
import { AllDaySlotTemplateDirective, AllDayEventTemplateDirective } from '../templates';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Represents the component that renders the **Day** view in the Scheduler.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```html
|
|
17
|
+
* <kendo-scheduler>
|
|
18
|
+
* <kendo-scheduler-day-view></kendo-scheduler-day-view>
|
|
19
|
+
* </kendo-scheduler>
|
|
20
|
+
* ```
|
|
14
21
|
*/
|
|
15
22
|
export declare class DayViewComponent extends MultiDayViewBase {
|
|
16
23
|
/**
|
|
@@ -18,17 +25,15 @@ export declare class DayViewComponent extends MultiDayViewBase {
|
|
|
18
25
|
*/
|
|
19
26
|
get title(): string;
|
|
20
27
|
/**
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
28
|
+
* Sets the long-date format for the selected date in the Scheduler toolbar.
|
|
29
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
24
30
|
* @default '{0:D}'
|
|
25
31
|
*/
|
|
26
32
|
set selectedDateFormat(value: string);
|
|
27
33
|
get selectedDateFormat(): string;
|
|
28
34
|
/**
|
|
29
|
-
*
|
|
30
|
-
*
|
|
31
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
35
|
+
* Sets the short-date format for the selected date in the Scheduler toolbar.
|
|
36
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
32
37
|
* @default '{0:d}'
|
|
33
38
|
*/
|
|
34
39
|
set selectedShortDateFormat(value: string);
|
|
@@ -9,29 +9,34 @@ import { ViewStateService } from '../view-state.service';
|
|
|
9
9
|
import { DayViewComponent } from './day-view.component';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* Represents the component that renders the **Multi-Day** view in the Scheduler.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```html
|
|
16
|
+
* <kendo-scheduler>
|
|
17
|
+
* <kendo-scheduler-multi-day-view></kendo-scheduler-multi-day-view>
|
|
18
|
+
* </kendo-scheduler>
|
|
19
|
+
* ```
|
|
13
20
|
*/
|
|
14
21
|
export declare class MultiDayViewComponent extends DayViewComponent {
|
|
15
22
|
/**
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
* ([more information](slug:parsingandformatting_intl#toc-date-formatting)).
|
|
23
|
+
* Sets the long-date format for the selected date in the Scheduler toolbar.
|
|
24
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
25
|
+
* The default value is `'{0:D} - {1:D}'` for multiple days and `'{0:D}'` for a single day.
|
|
20
26
|
* @default '{0:D} - {1:D}'
|
|
21
27
|
*/
|
|
22
28
|
set selectedDateFormat(value: string);
|
|
23
29
|
get selectedDateFormat(): string;
|
|
24
30
|
/**
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
* ([more information](slug:parsingandformatting_intl#toc-date-formatting)).
|
|
31
|
+
* Sets the short-date format for the selected date in the Scheduler toolbar.
|
|
32
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
33
|
+
* The default value is `'{0:d} - {1:d}'` for multiple days and `'{0:d}'` for a single day.
|
|
29
34
|
* @default '{0:d} - {1:d}'
|
|
30
35
|
*/
|
|
31
36
|
set selectedShortDateFormat(value: string);
|
|
32
37
|
get selectedShortDateFormat(): string;
|
|
33
38
|
/**
|
|
34
|
-
*
|
|
39
|
+
* Sets the number of days to render in the view.
|
|
35
40
|
* @default 1
|
|
36
41
|
*/
|
|
37
42
|
numberOfDays: number;
|
|
@@ -41,7 +46,7 @@ export declare class MultiDayViewComponent extends DayViewComponent {
|
|
|
41
46
|
get title(): string;
|
|
42
47
|
/**
|
|
43
48
|
* The invariant name for this view.
|
|
44
|
-
* @default '
|
|
49
|
+
* @default 'multiDay'
|
|
45
50
|
*/
|
|
46
51
|
readonly name: string;
|
|
47
52
|
private get defaultDateFormat();
|