@progress/kendo-angular-scheduler 4.1.0 → 4.2.0-dev.202206220703
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/bundles/kendo-angular-scheduler.umd.js +1 -1
- package/common/dom-queries.d.ts +1 -1
- package/esm2015/editing/edit-dialog.component.js +1 -1
- package/esm2015/localization/messages.js +3 -1
- package/esm2015/navigation/focus.service.js +14 -2
- package/esm2015/package-metadata.js +1 -1
- package/esm2015/scheduler.component.js +16 -1
- package/esm2015/toolbar/navigation.component.js +2 -0
- package/esm2015/toolbar/view-selector.component.js +26 -12
- package/esm2015/views/agenda/agenda-header-item.component.js +5 -1
- package/esm2015/views/agenda/agenda-header.component.js +14 -14
- package/esm2015/views/agenda/agenda-view-internal.component.js +8 -5
- package/esm2015/views/agenda/agenda-view-list.component.js +18 -16
- package/esm2015/views/agenda/tasks.collection.js +21 -14
- package/esm2015/views/common/base-view.js +3 -3
- package/esm2015/views/day-time/day-time-view.component.js +6 -3
- package/esm2015/views/month/month-view-renderer.component.js +19 -12
- package/esm2015/views/multi-day/multi-day-view-renderer.component.js +27 -12
- package/esm2015/views/timeline/timeline-multi-day-view.component.js +18 -13
- package/fesm2015/kendo-angular-scheduler.js +286 -200
- package/localization/messages.d.ts +5 -1
- package/navigation/focus.service.d.ts +3 -1
- package/package.json +6 -6
- package/scheduler.component.d.ts +1 -0
- package/toolbar/view-selector.component.d.ts +7 -1
- package/views/agenda/agenda-header-item.component.d.ts +1 -0
- package/views/agenda/tasks.collection.d.ts +3 -1
- package/views/common/base-view.d.ts +1 -1
- package/views/common/scheduler-task.d.ts +4 -0
- package/views/day-time/day-time-view.component.d.ts +3 -1
- package/views/month/month-view-renderer.component.d.ts +3 -1
- package/views/multi-day/multi-day-view-renderer.component.d.ts +2 -1
- package/views/timeline/timeline-multi-day-view.component.d.ts +2 -1
|
@@ -20,6 +20,7 @@ import * as i3 from "@progress/kendo-angular-intl";
|
|
|
20
20
|
import * as i4 from "./day-time-slot.service";
|
|
21
21
|
import * as i5 from "../../pdf/pdf.service";
|
|
22
22
|
import * as i6 from "@progress/kendo-angular-l10n";
|
|
23
|
+
import * as i7 from "../../navigation";
|
|
23
24
|
const getStartDate = date => getDate(date);
|
|
24
25
|
const getEndDate = (start, numberOfDays) => getDate(addDays(start, numberOfDays || 1));
|
|
25
26
|
const getNextDate = (date, count, numberOfDays) => getDate(addDays(date, numberOfDays * count));
|
|
@@ -27,9 +28,10 @@ const getNextDate = (date, count, numberOfDays) => getDate(addDays(date, numberO
|
|
|
27
28
|
* @hidden
|
|
28
29
|
*/
|
|
29
30
|
export class DayTimeViewComponent extends BaseView {
|
|
30
|
-
constructor(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization) {
|
|
31
|
+
constructor(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, focusService) {
|
|
31
32
|
super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector);
|
|
32
33
|
this.changeDetector = changeDetector;
|
|
34
|
+
this.focusService = focusService;
|
|
33
35
|
this.numberOfDays = 1;
|
|
34
36
|
this.startTime = '00:00';
|
|
35
37
|
this.endTime = '00:00';
|
|
@@ -241,6 +243,7 @@ export class DayTimeViewComponent extends BaseView {
|
|
|
241
243
|
const slot = this.daySlots[parseInt(daySlotIndex, 10)];
|
|
242
244
|
this.zone.run(() => {
|
|
243
245
|
this.viewState.navigateTo({ viewName: 'day', date: slot.start });
|
|
246
|
+
this.focusService.clearActiveDescendant();
|
|
244
247
|
});
|
|
245
248
|
}
|
|
246
249
|
}
|
|
@@ -331,12 +334,12 @@ export class DayTimeViewComponent extends BaseView {
|
|
|
331
334
|
return fields;
|
|
332
335
|
}
|
|
333
336
|
}
|
|
334
|
-
DayTimeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DayTimeViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i5.PDFService }, { token: i6.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
337
|
+
DayTimeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DayTimeViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i7.FocusService }], target: i0.ɵɵFactoryTarget.Component });
|
|
335
338
|
DayTimeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DayTimeViewComponent, selector: "kendo-day-time-view", inputs: { timeSlotTemplate: "timeSlotTemplate", dateHeaderTemplate: "dateHeaderTemplate", numberOfDays: "numberOfDays", scrollTime: "scrollTime", startTime: "startTime", endTime: "endTime", workDayStart: "workDayStart", workDayEnd: "workDayEnd", workWeekStart: "workWeekStart", workWeekEnd: "workWeekEnd", slotDuration: "slotDuration", slotDivisions: "slotDivisions", showWorkHours: "showWorkHours", getStartDate: "getStartDate", getEndDate: "getEndDate", getNextDate: "getNextDate", currentTimeMarker: "currentTimeMarker", highlightOngoingEvents: "highlightOngoingEvents" }, viewQueries: [{ propertyName: "currentTimeElements", predicate: ["currentTimeMarker"], descendants: true }, { propertyName: "eventElements", predicate: DayTimeViewItemComponent, descendants: true }, { propertyName: "currentTimeArrows", predicate: ["currentTimeArrow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
|
|
336
339
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DayTimeViewComponent, decorators: [{
|
|
337
340
|
type: Component,
|
|
338
341
|
args: [{ selector: 'kendo-day-time-view', template: '' }]
|
|
339
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.IntlService }, { type: i4.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i5.PDFService }, { type: i6.LocalizationService }]; }, propDecorators: { timeSlotTemplate: [{
|
|
342
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.IntlService }, { type: i4.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i5.PDFService }, { type: i6.LocalizationService }, { type: i7.FocusService }]; }, propDecorators: { timeSlotTemplate: [{
|
|
340
343
|
type: Input
|
|
341
344
|
}], dateHeaderTemplate: [{
|
|
342
345
|
type: Input
|
|
@@ -20,20 +20,22 @@ import * as i3 from "@progress/kendo-angular-intl";
|
|
|
20
20
|
import * as i4 from "./month-slot.service";
|
|
21
21
|
import * as i5 from "../../pdf/pdf.service";
|
|
22
22
|
import * as i6 from "@progress/kendo-angular-l10n";
|
|
23
|
-
import * as i7 from "
|
|
24
|
-
import * as i8 from "
|
|
25
|
-
import * as i9 from "../common/
|
|
26
|
-
import * as i10 from "
|
|
27
|
-
import * as i11 from "
|
|
28
|
-
import * as i12 from "
|
|
29
|
-
import * as i13 from "
|
|
30
|
-
import * as i14 from "../common/
|
|
23
|
+
import * as i7 from "../../navigation";
|
|
24
|
+
import * as i8 from "./month-view-item.component";
|
|
25
|
+
import * as i9 from "../common/hint-container.component";
|
|
26
|
+
import * as i10 from "../common/resize-hint.component";
|
|
27
|
+
import * as i11 from "@angular/common";
|
|
28
|
+
import * as i12 from "./month-slot.directive";
|
|
29
|
+
import * as i13 from "../../navigation/focusable.directive";
|
|
30
|
+
import * as i14 from "../common/resource-iterator.pipe";
|
|
31
|
+
import * as i15 from "../common/repeat.pipe";
|
|
31
32
|
/**
|
|
32
33
|
* @hidden
|
|
33
34
|
*/
|
|
34
35
|
export class MonthViewRendererComponent extends BaseView {
|
|
35
|
-
constructor(viewContext, viewState, intl, slotService, zone, element, renderer, pdfService, localization, changeDetector) {
|
|
36
|
+
constructor(viewContext, viewState, intl, slotService, zone, element, renderer, pdfService, localization, changeDetector, focusService) {
|
|
36
37
|
super(viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector);
|
|
38
|
+
this.focusService = focusService;
|
|
37
39
|
this.resizeHintFormat = { skeleton: 'Md' };
|
|
38
40
|
this.weeks = [];
|
|
39
41
|
this.updateOngoingEvents = this.updateOngoingEvents.bind(this);
|
|
@@ -132,6 +134,7 @@ export class MonthViewRendererComponent extends BaseView {
|
|
|
132
134
|
const slot = this.slotService.slotByIndex(index);
|
|
133
135
|
this.zone.run(() => {
|
|
134
136
|
this.viewState.navigateTo({ viewName: 'day', date: toLocalDate(slot.start) });
|
|
137
|
+
this.focusService.clearActiveDescendant();
|
|
135
138
|
});
|
|
136
139
|
return;
|
|
137
140
|
}
|
|
@@ -218,7 +221,7 @@ export class MonthViewRendererComponent extends BaseView {
|
|
|
218
221
|
return weeks;
|
|
219
222
|
}
|
|
220
223
|
}
|
|
221
|
-
MonthViewRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthViewRendererComponent, deps: [{ token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.MonthSlotService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
224
|
+
MonthViewRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthViewRendererComponent, deps: [{ token: i1.ViewContextService }, { token: i2.ViewStateService }, { token: i3.IntlService }, { token: i4.MonthSlotService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i5.PDFService }, { token: i6.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i7.FocusService }], target: i0.ɵɵFactoryTarget.Component });
|
|
222
225
|
MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MonthViewRendererComponent, selector: "month-view", inputs: { monthDaySlotTemplate: "monthDaySlotTemplate", highlightOngoingEvents: "highlightOngoingEvents" }, providers: [
|
|
223
226
|
MonthSlotService
|
|
224
227
|
], viewQueries: [{ propertyName: "eventElements", predicate: MonthViewItemComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
|
@@ -303,7 +306,9 @@ MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
303
306
|
<div *ngFor="let itemResource of item.resources; trackBy: itemIndex"
|
|
304
307
|
[ngClass]="getEventClasses(item, itemResource.resources)"
|
|
305
308
|
[ngStyle]="getEventStyles(item, itemResource)"
|
|
309
|
+
role="button"
|
|
306
310
|
[kendoSchedulerFocusIndex]="itemResource.leafIdx"
|
|
311
|
+
[id]="item.elementId + '_' + itemResource.leafIdx"
|
|
307
312
|
monthViewItem
|
|
308
313
|
[editable]="editable"
|
|
309
314
|
[item]="item"
|
|
@@ -338,7 +343,7 @@ MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
338
343
|
</div>
|
|
339
344
|
</div>
|
|
340
345
|
</div>
|
|
341
|
-
`, isInline: true, components: [{ type:
|
|
346
|
+
`, isInline: true, components: [{ type: i8.MonthViewItemComponent, selector: "[monthViewItem]" }, { type: i9.HintContainerComponent, selector: "kendo-hint-container" }, { type: i10.ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i12.MonthSlotDirective, selector: "[monthSlot]", inputs: ["start"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i13.FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex"] }], pipes: { "resourceIterator": i14.ResourceIteratorPipe, "kendoDate": i3.DatePipe, "repeat": i15.RepeatPipe, "async": i11.AsyncPipe } });
|
|
342
347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthViewRendererComponent, decorators: [{
|
|
343
348
|
type: Component,
|
|
344
349
|
args: [{
|
|
@@ -429,7 +434,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
429
434
|
<div *ngFor="let itemResource of item.resources; trackBy: itemIndex"
|
|
430
435
|
[ngClass]="getEventClasses(item, itemResource.resources)"
|
|
431
436
|
[ngStyle]="getEventStyles(item, itemResource)"
|
|
437
|
+
role="button"
|
|
432
438
|
[kendoSchedulerFocusIndex]="itemResource.leafIdx"
|
|
439
|
+
[id]="item.elementId + '_' + itemResource.leafIdx"
|
|
433
440
|
monthViewItem
|
|
434
441
|
[editable]="editable"
|
|
435
442
|
[item]="item"
|
|
@@ -466,7 +473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
466
473
|
</div>
|
|
467
474
|
`
|
|
468
475
|
}]
|
|
469
|
-
}], ctorParameters: function () { return [{ type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.IntlService }, { type: i4.MonthSlotService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i5.PDFService }, { type: i6.LocalizationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { monthDaySlotTemplate: [{
|
|
476
|
+
}], ctorParameters: function () { return [{ type: i1.ViewContextService }, { type: i2.ViewStateService }, { type: i3.IntlService }, { type: i4.MonthSlotService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i5.PDFService }, { type: i6.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i7.FocusService }]; }, propDecorators: { monthDaySlotTemplate: [{
|
|
470
477
|
type: Input
|
|
471
478
|
}], highlightOngoingEvents: [{
|
|
472
479
|
type: Input
|
|
@@ -16,19 +16,20 @@ import * as i3 from "../view-state.service";
|
|
|
16
16
|
import * as i4 from "@progress/kendo-angular-intl";
|
|
17
17
|
import * as i5 from "../day-time/day-time-slot.service";
|
|
18
18
|
import * as i6 from "../../pdf/pdf.service";
|
|
19
|
-
import * as i7 from "
|
|
20
|
-
import * as i8 from "../
|
|
21
|
-
import * as i9 from "../common/
|
|
22
|
-
import * as i10 from "
|
|
23
|
-
import * as i11 from "
|
|
24
|
-
import * as i12 from "
|
|
25
|
-
import * as i13 from "
|
|
19
|
+
import * as i7 from "../../navigation";
|
|
20
|
+
import * as i8 from "../day-time/day-time-view-item.component";
|
|
21
|
+
import * as i9 from "../common/hint-container.component";
|
|
22
|
+
import * as i10 from "../common/resize-hint.component";
|
|
23
|
+
import * as i11 from "@angular/common";
|
|
24
|
+
import * as i12 from "../day-time/event-slot.directive";
|
|
25
|
+
import * as i13 from "../../navigation/focusable.directive";
|
|
26
|
+
import * as i14 from "../common/resource-iterator.pipe";
|
|
26
27
|
/**
|
|
27
28
|
* @hidden
|
|
28
29
|
*/
|
|
29
30
|
export class MultiDayViewRendererComponent extends DayTimeViewComponent {
|
|
30
|
-
constructor(localization, viewContext, viewState, intl, slotService, zone, renderer, element, changeDetector, pdfService) {
|
|
31
|
-
super(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization);
|
|
31
|
+
constructor(localization, viewContext, viewState, intl, slotService, zone, renderer, element, changeDetector, pdfService, focusService) {
|
|
32
|
+
super(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, focusService);
|
|
32
33
|
this.name = 'day';
|
|
33
34
|
this.dateFormat = { skeleton: 'MEd' };
|
|
34
35
|
this.allDayResizeHintFormat = { skeleton: 'Md' };
|
|
@@ -239,7 +240,7 @@ export class MultiDayViewRendererComponent extends DayTimeViewComponent {
|
|
|
239
240
|
return 0;
|
|
240
241
|
}
|
|
241
242
|
}
|
|
242
|
-
MultiDayViewRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MultiDayViewRendererComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }, { token: i5.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i6.PDFService }], target: i0.ɵɵFactoryTarget.Component });
|
|
243
|
+
MultiDayViewRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MultiDayViewRendererComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }, { token: i5.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i6.PDFService }, { token: i7.FocusService }], target: i0.ɵɵFactoryTarget.Component });
|
|
243
244
|
MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MultiDayViewRendererComponent, selector: "multi-day-view", inputs: { name: "name", slotFill: "slotFill", allDaySlotTemplate: "allDaySlotTemplate", allDayEventTemplate: "allDayEventTemplate", minorTimeHeaderTemplate: "minorTimeHeaderTemplate", majorTimeHeaderTemplate: "majorTimeHeaderTemplate" }, providers: [
|
|
244
245
|
DayTimeSlotService
|
|
245
246
|
], viewQueries: [{ propertyName: "headerHintContainer", first: true, predicate: ["headerHintContainer"], descendants: true }, { propertyName: "dayCells", predicate: ["allDayCell"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
|
@@ -303,7 +304,9 @@ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
303
304
|
<div *ngFor="let itemResource of item.resources; trackBy: itemIndex;"
|
|
304
305
|
[ngClass]="getEventClasses(item, itemResource.resources, true)"
|
|
305
306
|
[ngStyle]="getEventStyles(item, itemResource, true)"
|
|
307
|
+
role="button"
|
|
306
308
|
[kendoSchedulerFocusIndex]="itemResource.leafIdx"
|
|
309
|
+
[id]="item.elementId + '_' + itemResource.leafIdx"
|
|
307
310
|
dayTimeViewItem
|
|
308
311
|
[isAllDay]="true"
|
|
309
312
|
[editable]="editable"
|
|
@@ -429,7 +432,9 @@ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
429
432
|
<div *ngFor="let itemResource of item.resources; trackBy: itemIndex;"
|
|
430
433
|
[ngClass]="getEventClasses(item, itemResource.resources)"
|
|
431
434
|
[ngStyle]="getEventStyles(item, itemResource)"
|
|
435
|
+
role="button"
|
|
432
436
|
[kendoSchedulerFocusIndex]="itemResource.leafIdx"
|
|
437
|
+
[id]="item.elementId + '_' + itemResource.leafIdx"
|
|
433
438
|
dayTimeViewItem
|
|
434
439
|
[editable]="editable"
|
|
435
440
|
[vertical]="true"
|
|
@@ -446,7 +451,9 @@ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
446
451
|
<div *ngFor="let itemResource of item.resources; trackBy: itemIndex;"
|
|
447
452
|
[ngClass]="getEventClasses(item, itemResource.resources, true)"
|
|
448
453
|
[ngStyle]="getEventStyles(item, itemResource, true)"
|
|
454
|
+
role="button"
|
|
449
455
|
[kendoSchedulerFocusIndex]="itemResource.leafIdx"
|
|
456
|
+
[id]="item.elementId + '_' + itemResource.leafIdx"
|
|
450
457
|
dayTimeViewItem
|
|
451
458
|
[isAllDay]="true"
|
|
452
459
|
[editable]="editable"
|
|
@@ -463,6 +470,7 @@ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
463
470
|
<ng-template>
|
|
464
471
|
<div *ngIf="dragHints.length && (!allDayDragHint || verticalResources.length)"
|
|
465
472
|
class="k-event-drag-hint"
|
|
473
|
+
role="button"
|
|
466
474
|
dayTimeViewItem
|
|
467
475
|
[isAllDay]="allDayDragHint"
|
|
468
476
|
[ngStyle]="dragHints[0].style"
|
|
@@ -486,7 +494,7 @@ MultiDayViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
486
494
|
</div>
|
|
487
495
|
</div>
|
|
488
496
|
</div>
|
|
489
|
-
`, isInline: true, components: [{ type:
|
|
497
|
+
`, isInline: true, components: [{ type: i8.DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: ["vertical", "isAllDay"] }, { type: i9.HintContainerComponent, selector: "kendo-hint-container" }, { type: i10.ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }], directives: [{ type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i12.DaySlotDirective, selector: "[daySlot]", inputs: ["start", "end"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i13.FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex"] }, { type: i12.TimeSlotDirective, selector: "[timeSlot]", inputs: ["invariantStart", "invariantEnd", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "date"], exportAs: ["timeSlot"] }], pipes: { "resourceIterator": i14.ResourceIteratorPipe, "kendoDate": i4.DatePipe, "async": i11.AsyncPipe } });
|
|
490
498
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MultiDayViewRendererComponent, decorators: [{
|
|
491
499
|
type: Component,
|
|
492
500
|
args: [{
|
|
@@ -556,7 +564,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
556
564
|
<div *ngFor="let itemResource of item.resources; trackBy: itemIndex;"
|
|
557
565
|
[ngClass]="getEventClasses(item, itemResource.resources, true)"
|
|
558
566
|
[ngStyle]="getEventStyles(item, itemResource, true)"
|
|
567
|
+
role="button"
|
|
559
568
|
[kendoSchedulerFocusIndex]="itemResource.leafIdx"
|
|
569
|
+
[id]="item.elementId + '_' + itemResource.leafIdx"
|
|
560
570
|
dayTimeViewItem
|
|
561
571
|
[isAllDay]="true"
|
|
562
572
|
[editable]="editable"
|
|
@@ -682,7 +692,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
682
692
|
<div *ngFor="let itemResource of item.resources; trackBy: itemIndex;"
|
|
683
693
|
[ngClass]="getEventClasses(item, itemResource.resources)"
|
|
684
694
|
[ngStyle]="getEventStyles(item, itemResource)"
|
|
695
|
+
role="button"
|
|
685
696
|
[kendoSchedulerFocusIndex]="itemResource.leafIdx"
|
|
697
|
+
[id]="item.elementId + '_' + itemResource.leafIdx"
|
|
686
698
|
dayTimeViewItem
|
|
687
699
|
[editable]="editable"
|
|
688
700
|
[vertical]="true"
|
|
@@ -699,7 +711,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
699
711
|
<div *ngFor="let itemResource of item.resources; trackBy: itemIndex;"
|
|
700
712
|
[ngClass]="getEventClasses(item, itemResource.resources, true)"
|
|
701
713
|
[ngStyle]="getEventStyles(item, itemResource, true)"
|
|
714
|
+
role="button"
|
|
702
715
|
[kendoSchedulerFocusIndex]="itemResource.leafIdx"
|
|
716
|
+
[id]="item.elementId + '_' + itemResource.leafIdx"
|
|
703
717
|
dayTimeViewItem
|
|
704
718
|
[isAllDay]="true"
|
|
705
719
|
[editable]="editable"
|
|
@@ -716,6 +730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
716
730
|
<ng-template>
|
|
717
731
|
<div *ngIf="dragHints.length && (!allDayDragHint || verticalResources.length)"
|
|
718
732
|
class="k-event-drag-hint"
|
|
733
|
+
role="button"
|
|
719
734
|
dayTimeViewItem
|
|
720
735
|
[isAllDay]="allDayDragHint"
|
|
721
736
|
[ngStyle]="dragHints[0].style"
|
|
@@ -741,7 +756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
741
756
|
</div>
|
|
742
757
|
`
|
|
743
758
|
}]
|
|
744
|
-
}], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.ViewContextService }, { type: i3.ViewStateService }, { type: i4.IntlService }, { type: i5.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i6.PDFService }]; }, propDecorators: { name: [{
|
|
759
|
+
}], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.ViewContextService }, { type: i3.ViewStateService }, { type: i4.IntlService }, { type: i5.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i6.PDFService }, { type: i7.FocusService }]; }, propDecorators: { name: [{
|
|
745
760
|
type: Input
|
|
746
761
|
}], slotFill: [{
|
|
747
762
|
type: Input
|
|
@@ -14,20 +14,21 @@ import * as i3 from "../view-state.service";
|
|
|
14
14
|
import * as i4 from "@progress/kendo-angular-intl";
|
|
15
15
|
import * as i5 from "../day-time/day-time-slot.service";
|
|
16
16
|
import * as i6 from "../../pdf/pdf.service";
|
|
17
|
-
import * as i7 from "
|
|
18
|
-
import * as i8 from "../
|
|
19
|
-
import * as i9 from "../common/
|
|
20
|
-
import * as i10 from "
|
|
21
|
-
import * as i11 from "
|
|
22
|
-
import * as i12 from "
|
|
23
|
-
import * as i13 from "
|
|
24
|
-
import * as i14 from "../common/
|
|
17
|
+
import * as i7 from "../../navigation";
|
|
18
|
+
import * as i8 from "../day-time/day-time-view-item.component";
|
|
19
|
+
import * as i9 from "../common/hint-container.component";
|
|
20
|
+
import * as i10 from "../common/resize-hint.component";
|
|
21
|
+
import * as i11 from "@angular/common";
|
|
22
|
+
import * as i12 from "../day-time/event-slot.directive";
|
|
23
|
+
import * as i13 from "../../navigation/focusable.directive";
|
|
24
|
+
import * as i14 from "../common/resource-iterator.pipe";
|
|
25
|
+
import * as i15 from "../common/repeat.pipe";
|
|
25
26
|
/**
|
|
26
27
|
* @hidden
|
|
27
28
|
*/
|
|
28
29
|
export class TimelineMultiDayViewComponent extends DayTimeViewComponent {
|
|
29
|
-
constructor(localization, changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService) {
|
|
30
|
-
super(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization);
|
|
30
|
+
constructor(localization, changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, focusService) {
|
|
31
|
+
super(changeDetector, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, focusService);
|
|
31
32
|
this.name = 'timeline';
|
|
32
33
|
this.columnWidth = 100;
|
|
33
34
|
this.viewName = 'timeline';
|
|
@@ -115,7 +116,7 @@ export class TimelineMultiDayViewComponent extends DayTimeViewComponent {
|
|
|
115
116
|
return this.headerWrap.nativeElement.querySelector('tr:last-child').offsetTop;
|
|
116
117
|
}
|
|
117
118
|
}
|
|
118
|
-
TimelineMultiDayViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMultiDayViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }, { token: i5.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i6.PDFService }], target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
+
TimelineMultiDayViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMultiDayViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }, { token: i4.IntlService }, { token: i5.DayTimeSlotService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i6.PDFService }, { token: i7.FocusService }], target: i0.ɵɵFactoryTarget.Component });
|
|
119
120
|
TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TimelineMultiDayViewComponent, selector: "timeline-multi-day-view", inputs: { name: "name", columnWidth: "columnWidth", viewName: "viewName" }, providers: [
|
|
120
121
|
DayTimeSlotService
|
|
121
122
|
], viewQueries: [{ propertyName: "verticalResourceRows", predicate: ["verticalResourceRows"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
|
@@ -241,7 +242,9 @@ TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
241
242
|
<div *ngFor="let itemResource of item.resources; trackBy: itemIndex;"
|
|
242
243
|
[ngClass]="getEventClasses(item, itemResource.resources)"
|
|
243
244
|
[ngStyle]="getEventStyles(item, itemResource)"
|
|
245
|
+
role="button"
|
|
244
246
|
[kendoSchedulerFocusIndex]="itemResource.leafIdx"
|
|
247
|
+
[id]="item.elementId + '_' + itemResource.leafIdx"
|
|
245
248
|
dayTimeViewItem
|
|
246
249
|
[editable]="editable"
|
|
247
250
|
[item]="item"
|
|
@@ -275,7 +278,7 @@ TimelineMultiDayViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
|
|
|
275
278
|
</div>
|
|
276
279
|
</div>
|
|
277
280
|
</div>
|
|
278
|
-
`, isInline: true, components: [{ type:
|
|
281
|
+
`, isInline: true, components: [{ type: i8.DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: ["vertical", "isAllDay"] }, { type: i9.HintContainerComponent, selector: "kendo-hint-container" }, { type: i10.ResizeHintComponent, selector: "[kendoResizeHint]", inputs: ["hint", "format"] }], directives: [{ type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i12.TimeSlotDirective, selector: "[timeSlot]", inputs: ["invariantStart", "invariantEnd", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "date"], exportAs: ["timeSlot"] }, { type: i13.FocusableDirective, selector: "[kendoSchedulerFocusIndex]", inputs: ["kendoSchedulerFocusIndex"] }], pipes: { "resourceIterator": i14.ResourceIteratorPipe, "repeat": i15.RepeatPipe, "kendoDate": i4.DatePipe, "async": i11.AsyncPipe } });
|
|
279
282
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimelineMultiDayViewComponent, decorators: [{
|
|
280
283
|
type: Component,
|
|
281
284
|
args: [{
|
|
@@ -407,7 +410,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
407
410
|
<div *ngFor="let itemResource of item.resources; trackBy: itemIndex;"
|
|
408
411
|
[ngClass]="getEventClasses(item, itemResource.resources)"
|
|
409
412
|
[ngStyle]="getEventStyles(item, itemResource)"
|
|
413
|
+
role="button"
|
|
410
414
|
[kendoSchedulerFocusIndex]="itemResource.leafIdx"
|
|
415
|
+
[id]="item.elementId + '_' + itemResource.leafIdx"
|
|
411
416
|
dayTimeViewItem
|
|
412
417
|
[editable]="editable"
|
|
413
418
|
[item]="item"
|
|
@@ -443,7 +448,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
443
448
|
</div>
|
|
444
449
|
`
|
|
445
450
|
}]
|
|
446
|
-
}], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }, { type: i4.IntlService }, { type: i5.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i6.PDFService }]; }, propDecorators: { name: [{
|
|
451
|
+
}], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.ViewContextService }, { type: i3.ViewStateService }, { type: i4.IntlService }, { type: i5.DayTimeSlotService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i6.PDFService }, { type: i7.FocusService }]; }, propDecorators: { name: [{
|
|
447
452
|
type: Input
|
|
448
453
|
}], columnWidth: [{
|
|
449
454
|
type: Input
|