@progress/kendo-angular-scheduler 3.0.2 → 3.1.0-dev.202204121440

package/dist/npm/views/day-time/day-time-view-base.js

@@ -22,6 +22,7 @@ var WORK_WEEK_END = 'workWeekEnd';
 var SLOT_DURATION = 'slotDuration';
 var SLOT_DIVISIONS = 'slotDivisions';
 var CURRENT_TIME_MARKER = 'currentTimeMarker';
+var HIGHLIGHT_ONGOING_EVENTS = 'highlightOngoingEvents';
 /**
  * @hidden
  */
@@ -140,6 +141,16 @@ var DayTimeViewBase = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(DayTimeViewBase.prototype, "viewHighlightOngoingEvents", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return this.optionValue(HIGHLIGHT_ONGOING_EVENTS);
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(DayTimeViewBase.prototype, "viewScrollTime", {
         /**
          * @hidden
@@ -209,6 +220,10 @@ var DayTimeViewBase = /** @class */ (function (_super) {
         core_1.Input(),
         tslib_1.__metadata("design:type", Object)
     ], DayTimeViewBase.prototype, "currentTimeMarker", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DayTimeViewBase.prototype, "highlightOngoingEvents", void 0);
     return DayTimeViewBase;
 }(configuration_view_base_1.ConfigurationViewBase));
 exports.DayTimeViewBase = DayTimeViewBase;

package/dist/npm/views/day-time/day-time-view.component.js

@@ -15,6 +15,7 @@ var base_view_1 = require("../common/base-view");
 var constants_1 = require("../constants");
 var util_1 = require("../../common/util");
 var dom_queries_1 = require("../../common/dom-queries");
+var day_time_view_item_component_1 = require("./day-time-view-item.component");
 var getStartDate = function (date) { return kendo_date_math_1.getDate(date); };
 var ɵ0 = getStartDate;
 exports.ɵ0 = ɵ0;
@@ -52,6 +53,8 @@ var DayTimeViewComponent = /** @class */ (function (_super) {
         _this.verticalTime = true;
         _this.initialUpdate = true;
         _this.updateCurrentTime = _this.updateCurrentTime.bind(_this);
+        _this.toggleOngoingClass = _this.toggleOngoingClass.bind(_this);
+        _this.updateOngoingEvents = _this.updateOngoingEvents.bind(_this);
         return _this;
     }
     Object.defineProperty(DayTimeViewComponent.prototype, "classNames", {
@@ -93,6 +96,7 @@ var DayTimeViewComponent = /** @class */ (function (_super) {
     DayTimeViewComponent.prototype.ngOnDestroy = function () {
         _super.prototype.ngOnDestroy.call(this);
         clearTimeout(this.currentTimeTimeout);
+        clearTimeout(this.ongoingEventsTimeout);
     };
     DayTimeViewComponent.prototype.verticalItem = function (leafIndex, resourceIndex) {
         var data = this.verticalResources[resourceIndex].data || [];
@@ -113,6 +117,15 @@ var DayTimeViewComponent = /** @class */ (function (_super) {
             });
         }
     };
+    DayTimeViewComponent.prototype.toggleOngoingClass = function () {
+        var _this = this;
+        var now = this.currentTime();
+        var cssClass = util_1.isPresent(this.highlightOngoingEvents.cssClass) ? this.highlightOngoingEvents.cssClass : constants_1.ONGOING_EVENT_CSS_CLASS;
+        this.eventElements.forEach(function (event) {
+            var isOngoing = utils_1.dateInRange(now, event.item.start, event.item.end);
+            _this.renderer[isOngoing ? 'addClass' : 'removeClass'](event.nativeElement, cssClass);
+        });
+    };
     DayTimeViewComponent.prototype.scrollToTime = function (time) {
         if (time === void 0) { time = this.scrollTime; }
         var date;
@@ -141,6 +154,7 @@ var DayTimeViewComponent = /** @class */ (function (_super) {
     DayTimeViewComponent.prototype.updateView = function () {
         _super.prototype.updateView.call(this);
         this.updateCurrentTime();
+        this.updateOngoingEvents();
         if (this.initialUpdate) {
             this.scrollToTime();
             this.initialUpdate = false;
@@ -180,6 +194,18 @@ var DayTimeViewComponent = /** @class */ (function (_super) {
             this.positionCurrentTime();
         }
     };
+    DayTimeViewComponent.prototype.updateOngoingEvents = function () {
+        var _this = this;
+        var disabled = !this.highlightOngoingEvents || this.highlightOngoingEvents.enabled === false;
+        if (!kendo_angular_common_1.isDocumentAvailable() || disabled) {
+            return;
+        }
+        clearTimeout(this.ongoingEventsTimeout);
+        this.zone.runOutsideAngular(function () {
+            _this.ongoingEventsTimeout = setTimeout(_this.updateOngoingEvents, _this.highlightOngoingEvents.updateInterval || constants_1.MS_PER_MINUTE);
+        });
+        this.toggleOngoingClass();
+    };
     DayTimeViewComponent.prototype.positionCurrentTime = function () {
         var _this = this;
         if (this.currentTimeElements && this.currentTimeElements.length) {
@@ -396,10 +422,18 @@ var DayTimeViewComponent = /** @class */ (function (_super) {
         core_1.Input(),
         tslib_1.__metadata("design:type", Object)
     ], DayTimeViewComponent.prototype, "currentTimeMarker", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DayTimeViewComponent.prototype, "highlightOngoingEvents", void 0);
     tslib_1.__decorate([
         core_1.ViewChildren('currentTimeMarker'),
         tslib_1.__metadata("design:type", core_1.QueryList)
     ], DayTimeViewComponent.prototype, "currentTimeElements", void 0);
+    tslib_1.__decorate([
+        core_1.ViewChildren(day_time_view_item_component_1.DayTimeViewItemComponent),
+        tslib_1.__metadata("design:type", core_1.QueryList)
+    ], DayTimeViewComponent.prototype, "eventElements", void 0);
     tslib_1.__decorate([
         core_1.ViewChildren('currentTimeArrow'),
         tslib_1.__metadata("design:type", core_1.QueryList)

package/dist/npm/views/month/month-view-renderer.component.js

@@ -18,8 +18,9 @@ var utils_2 = require("../utils");
 var base_view_1 = require("../common/base-view");
 var pdf_service_1 = require("../../pdf/pdf.service");
 var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var DAYS_IN_WEEK_COUNT = 7;
-var WEEKS_COUNT = 6;
+var month_view_item_component_1 = require("./month-view-item.component");
+var util_1 = require("../../common/util");
+var constants_1 = require("../constants");
 /**
  * @hidden
  */
@@ -29,6 +30,7 @@ var MonthViewRendererComponent = /** @class */ (function (_super) {
         var _this = _super.call(this, viewContext, viewState, intl, slotService, zone, renderer, element, pdfService, localization, changeDetector) || this;
         _this.resizeHintFormat = { skeleton: 'Md' };
         _this.weeks = [];
+        _this.updateOngoingEvents = _this.updateOngoingEvents.bind(_this);
         return _this;
     }
     Object.defineProperty(MonthViewRendererComponent.prototype, "monthDaySlotTemplateRef", {
@@ -44,9 +46,17 @@ var MonthViewRendererComponent = /** @class */ (function (_super) {
         }
         _super.prototype.ngOnChanges.call(this, changes);
     };
+    MonthViewRendererComponent.prototype.ngAfterViewInit = function () {
+        this.updateOngoingEvents();
+        _super.prototype.ngAfterViewInit.call(this);
+    };
+    MonthViewRendererComponent.prototype.ngOnDestroy = function () {
+        clearTimeout(this.ongoingEventsTimeout);
+        _super.prototype.ngOnDestroy.call(this);
+    };
     MonthViewRendererComponent.prototype.horizontalColspan = function (resourceIndex) {
         var resources = this.horizontalResources;
-        var result = DAYS_IN_WEEK_COUNT;
+        var result = constants_1.DAYS_IN_WEEK_COUNT;
         for (var idx = resourceIndex + 1; idx < resources.length; idx++) {
             result *= (resources[idx].data || []).length || 1;
         }
@@ -54,7 +64,7 @@ var MonthViewRendererComponent = /** @class */ (function (_super) {
     };
     MonthViewRendererComponent.prototype.verticalRowspan = function (resourceIndex) {
         var resources = this.verticalResources;
-        var result = WEEKS_COUNT;
+        var result = constants_1.WEEKS_COUNT;
         for (var idx = resourceIndex + 1; idx < resources.length; idx++) {
             result *= (resources[idx].data || []).length || 1;
         }
@@ -157,7 +167,7 @@ var MonthViewRendererComponent = /** @class */ (function (_super) {
         if (date === void 0) { date = this.selectedDate; }
         var monthStart = kendo_date_math_1.firstDayOfMonth(kendo_date_math_1.getDate(date));
         var start = kendo_date_math_1.firstDayInWeek(monthStart, this.weekStart);
-        var end = kendo_date_math_1.addDays(start, DAYS_IN_WEEK_COUNT * WEEKS_COUNT);
+        var end = kendo_date_math_1.addDays(start, constants_1.DAYS_IN_WEEK_COUNT * constants_1.WEEKS_COUNT);
         var text = this.intl.format(this.selectedDateFormat, monthStart);
         var shortText = this.intl.format(this.selectedShortDateFormat, monthStart);
         return { start: start, end: end, text: text, shortText: shortText };
@@ -174,14 +184,38 @@ var MonthViewRendererComponent = /** @class */ (function (_super) {
     MonthViewRendererComponent.prototype.slotByPosition = function (x, y) {
         return this.slotService.slotByPosition(x, y);
     };
+    MonthViewRendererComponent.prototype.updateOngoingEvents = function () {
+        var _this = this;
+        var disabled = !this.highlightOngoingEvents || this.highlightOngoingEvents.enabled === false;
+        if (!kendo_angular_common_1.isDocumentAvailable() || disabled) {
+            return;
+        }
+        clearTimeout(this.ongoingEventsTimeout);
+        this.zone.runOutsideAngular(function () {
+            _this.ongoingEventsTimeout = setTimeout(_this.updateOngoingEvents, _this.highlightOngoingEvents.updateInterval || constants_1.MS_PER_MINUTE);
+        });
+        this.toggleOngoingClass();
+    };
+    MonthViewRendererComponent.prototype.currentTime = function () {
+        return new Date();
+    };
+    MonthViewRendererComponent.prototype.toggleOngoingClass = function () {
+        var _this = this;
+        var now = this.currentTime();
+        var cssClass = util_1.isPresent(this.highlightOngoingEvents.cssClass) ? this.highlightOngoingEvents.cssClass : constants_1.ONGOING_EVENT_CSS_CLASS;
+        this.eventElements.forEach(function (event) {
+            var isOngoing = utils_2.dateInRange(now, event.item.start, event.item.end);
+            _this.renderer[isOngoing ? 'addClass' : 'removeClass'](event.nativeElement, cssClass);
+        });
+    };
     MonthViewRendererComponent.prototype.createDaySlots = function (_a) {
         var start = _a.start;
         var weeks = [];
         var date = start;
-        for (var idx = 0; idx < WEEKS_COUNT; idx++) {
+        for (var idx = 0; idx < constants_1.WEEKS_COUNT; idx++) {
             var week = [];
             weeks.push(week);
-            for (var dayIdx = 0; dayIdx < DAYS_IN_WEEK_COUNT; dayIdx++) {
+            for (var dayIdx = 0; dayIdx < constants_1.DAYS_IN_WEEK_COUNT; dayIdx++) {
                 week.push(date);
                 date = kendo_date_math_1.addDays(date, 1);
             }
@@ -192,6 +226,14 @@ var MonthViewRendererComponent = /** @class */ (function (_super) {
         core_1.Input(),
         tslib_1.__metadata("design:type", core_1.TemplateRef)
     ], MonthViewRendererComponent.prototype, "monthDaySlotTemplate", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], MonthViewRendererComponent.prototype, "highlightOngoingEvents", void 0);
+    tslib_1.__decorate([
+        core_1.ViewChildren(month_view_item_component_1.MonthViewItemComponent),
+        tslib_1.__metadata("design:type", core_1.QueryList)
+    ], MonthViewRendererComponent.prototype, "eventElements", void 0);
     MonthViewRendererComponent = tslib_1.__decorate([
         core_1.Component({
             // tslint:disable-next-line:component-selector

package/dist/npm/views/month/month-view.component.js

@@ -85,7 +85,7 @@ var MonthViewComponent = /** @class */ (function (_super) {
                     // tslint:disable-next-line:no-forward-ref
                     useExisting: core_1.forwardRef(function () { return MonthViewComponent_1; })
                 }],
-            template: "\n        <ng-template #content>\n            <month-view\n                [eventHeight]=\"viewEventHeight\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [monthDaySlotTemplate]=\"monthDaySlotTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\"\n                [weekStart]=\"viewWeekStart\">\n            </month-view>\n        </ng-template>\n    "
+            template: "\n        <ng-template #content>\n            <month-view\n                [eventHeight]=\"viewEventHeight\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [monthDaySlotTemplate]=\"monthDaySlotTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\"\n                [highlightOngoingEvents]=\"viewHighlightOngoingEvents\"\n                [weekStart]=\"viewWeekStart\">\n            </month-view>\n        </ng-template>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService, core_1.ChangeDetectorRef, view_context_service_1.ViewContextService, view_state_service_1.ViewStateService])
     ], MonthViewComponent);

package/dist/npm/views/multi-day/day-view.component.js

@@ -84,7 +84,7 @@ var DayViewComponent = /** @class */ (function (_super) {
                     // tslint:disable-next-line:no-forward-ref
                     useExisting: core_1.forwardRef(function () { return DayViewComponent_1; })
                 }],
-            template: "\n        <ng-template #content>\n            <multi-day-view\n                [name]=\"name\"\n                [eventHeight]=\"viewEventHeight\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotFill]=\"viewSlotFill\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [allDaySlotTemplate]=\"allDaySlotTemplate?.templateRef\"\n                [allDayEventTemplate]=\"allDayEventTemplate?.templateRef\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [minorTimeHeaderTemplate]=\"minorTimeHeaderTemplate?.templateRef\"\n                [majorTimeHeaderTemplate]=\"majorTimeHeaderTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
+            template: "\n        <ng-template #content>\n            <multi-day-view\n                [name]=\"name\"\n                [eventHeight]=\"viewEventHeight\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [highlightOngoingEvents]=\"viewHighlightOngoingEvents\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotFill]=\"viewSlotFill\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [allDaySlotTemplate]=\"allDaySlotTemplate?.templateRef\"\n                [allDayEventTemplate]=\"allDayEventTemplate?.templateRef\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [minorTimeHeaderTemplate]=\"minorTimeHeaderTemplate?.templateRef\"\n                [majorTimeHeaderTemplate]=\"majorTimeHeaderTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService, core_1.ChangeDetectorRef, view_context_service_1.ViewContextService, view_state_service_1.ViewStateService])
     ], DayViewComponent);

package/dist/npm/views/multi-day/multi-day-view.component.js

@@ -110,7 +110,7 @@ var MultiDayViewComponent = /** @class */ (function (_super) {
                     // tslint:disable-next-line:no-forward-ref
                     useExisting: core_1.forwardRef(function () { return MultiDayViewComponent_1; })
                 }],
-            template: "\n        <ng-template #content>\n            <multi-day-view\n                viewName=\"day\"\n                [name]=\"name\"\n                [numberOfDays]=\"numberOfDays\"\n                [eventHeight]=\"viewEventHeight\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotFill]=\"viewSlotFill\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [allDaySlotTemplate]=\"allDaySlotTemplate?.templateRef\"\n                [allDayEventTemplate]=\"allDayEventTemplate?.templateRef\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [minorTimeHeaderTemplate]=\"minorTimeHeaderTemplate?.templateRef\"\n                [majorTimeHeaderTemplate]=\"majorTimeHeaderTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
+            template: "\n        <ng-template #content>\n            <multi-day-view\n                viewName=\"day\"\n                [name]=\"name\"\n                [numberOfDays]=\"numberOfDays\"\n                [eventHeight]=\"viewEventHeight\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [highlightOngoingEvents]=\"viewHighlightOngoingEvents\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotFill]=\"viewSlotFill\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [allDaySlotTemplate]=\"allDaySlotTemplate?.templateRef\"\n                [allDayEventTemplate]=\"allDayEventTemplate?.templateRef\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [minorTimeHeaderTemplate]=\"minorTimeHeaderTemplate?.templateRef\"\n                [majorTimeHeaderTemplate]=\"majorTimeHeaderTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService, core_1.ChangeDetectorRef, view_context_service_1.ViewContextService, view_state_service_1.ViewStateService])
     ], MultiDayViewComponent);

package/dist/npm/views/multi-day/week-view.component.js

@@ -96,7 +96,7 @@ var WeekViewComponent = /** @class */ (function (_super) {
                     // tslint:disable-next-line:no-forward-ref
                     useExisting: core_1.forwardRef(function () { return WeekViewComponent_1; })
                 }],
-            template: "\n        <ng-template #content>\n            <multi-day-view\n                [name]=\"name\"\n                [numberOfDays]=\"7\"\n                [getStartDate]=\"getStartDate\"\n                [eventHeight]=\"viewEventHeight\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [weekStart]=\"viewWeekStart\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotFill]=\"viewSlotFill\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [allDaySlotTemplate]=\"allDaySlotTemplate?.templateRef\"\n                [allDayEventTemplate]=\"allDayEventTemplate?.templateRef\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [minorTimeHeaderTemplate]=\"minorTimeHeaderTemplate?.templateRef\"\n                [majorTimeHeaderTemplate]=\"majorTimeHeaderTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
+            template: "\n        <ng-template #content>\n            <multi-day-view\n                [name]=\"name\"\n                [numberOfDays]=\"7\"\n                [getStartDate]=\"getStartDate\"\n                [eventHeight]=\"viewEventHeight\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [highlightOngoingEvents]=\"viewHighlightOngoingEvents\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [weekStart]=\"viewWeekStart\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotFill]=\"viewSlotFill\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [allDaySlotTemplate]=\"allDaySlotTemplate?.templateRef\"\n                [allDayEventTemplate]=\"allDayEventTemplate?.templateRef\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [minorTimeHeaderTemplate]=\"minorTimeHeaderTemplate?.templateRef\"\n                [majorTimeHeaderTemplate]=\"majorTimeHeaderTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_intl_1.IntlService,
             kendo_angular_l10n_1.LocalizationService,

package/dist/npm/views/multi-day/work-week-view.component.js

@@ -74,7 +74,7 @@ var WorkWeekViewComponent = /** @class */ (function (_super) {
                     // tslint:disable-next-line:no-forward-ref
                     useExisting: core_1.forwardRef(function () { return WorkWeekViewComponent_1; })
                 }],
-            template: "\n        <ng-template #content>\n            <multi-day-view\n                viewName=\"workWeekview\"\n                [name]=\"name\"\n                [numberOfDays]=\"numberOfDays\"\n                [getStartDate]=\"getStartDate\"\n                [getNextDate]=\"getNextDate\"\n                [eventHeight]=\"viewEventHeight\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotFill]=\"viewSlotFill\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [allDaySlotTemplate]=\"allDaySlotTemplate?.templateRef\"\n                [allDayEventTemplate]=\"allDayEventTemplate?.templateRef\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [minorTimeHeaderTemplate]=\"minorTimeHeaderTemplate?.templateRef\"\n                [majorTimeHeaderTemplate]=\"majorTimeHeaderTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
+            template: "\n        <ng-template #content>\n            <multi-day-view\n                viewName=\"workWeekview\"\n                [name]=\"name\"\n                [numberOfDays]=\"numberOfDays\"\n                [getStartDate]=\"getStartDate\"\n                [getNextDate]=\"getNextDate\"\n                [eventHeight]=\"viewEventHeight\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [highlightOngoingEvents]=\"viewHighlightOngoingEvents\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotFill]=\"viewSlotFill\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [allDaySlotTemplate]=\"allDaySlotTemplate?.templateRef\"\n                [allDayEventTemplate]=\"allDayEventTemplate?.templateRef\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [minorTimeHeaderTemplate]=\"minorTimeHeaderTemplate?.templateRef\"\n                [majorTimeHeaderTemplate]=\"majorTimeHeaderTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_intl_1.IntlService,
             kendo_angular_l10n_1.LocalizationService,

package/dist/npm/views/timeline/timeline-month-view.component.js

@@ -86,7 +86,7 @@ var TimelineMonthViewComponent = /** @class */ (function (_super) {
                     // tslint:disable-next-line:no-forward-ref
                     useExisting: core_1.forwardRef(function () { return TimelineMonthViewComponent_1; })
                 }],
-            template: "\n        <ng-template #content>\n            <timeline-multi-day-view\n                viewName=\"timeline-month\"\n                [name]=\"name\"\n                [getNextDate]=\"getNextDate\"\n                [getStartDate]=\"getStartDate\"\n                [getEndDate]=\"getEndDate\"\n                [eventHeight]=\"viewEventHeight\"\n                [columnWidth]=\"viewColumnWidth\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </timeline-multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
+            template: "\n        <ng-template #content>\n            <timeline-multi-day-view\n                viewName=\"timeline-month\"\n                [name]=\"name\"\n                [getNextDate]=\"getNextDate\"\n                [getStartDate]=\"getStartDate\"\n                [getEndDate]=\"getEndDate\"\n                [eventHeight]=\"viewEventHeight\"\n                [columnWidth]=\"viewColumnWidth\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [highlightOngoingEvents]=\"viewHighlightOngoingEvents\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </timeline-multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService, core_1.ChangeDetectorRef, view_context_service_1.ViewContextService, view_state_service_1.ViewStateService])
     ], TimelineMonthViewComponent);

package/dist/npm/views/timeline/timeline-view.component.js

@@ -67,7 +67,7 @@ var TimelineViewComponent = /** @class */ (function (_super) {
                     // tslint:disable-next-line:no-forward-ref
                     useExisting: core_1.forwardRef(function () { return TimelineViewComponent_1; })
                 }],
-            template: "\n        <ng-template #content>\n            <timeline-multi-day-view\n                [name]=\"name\"\n                [eventHeight]=\"viewEventHeight\"\n                [columnWidth]=\"viewColumnWidth\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </timeline-multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
+            template: "\n        <ng-template #content>\n            <timeline-multi-day-view\n                [name]=\"name\"\n                [eventHeight]=\"viewEventHeight\"\n                [columnWidth]=\"viewColumnWidth\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [highlightOngoingEvents]=\"viewHighlightOngoingEvents\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </timeline-multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService, core_1.ChangeDetectorRef, view_context_service_1.ViewContextService, view_state_service_1.ViewStateService])
     ], TimelineViewComponent);

package/dist/npm/views/timeline/timeline-week-view.component.js

@@ -78,7 +78,7 @@ var TimelineWeekViewComponent = /** @class */ (function (_super) {
                     // tslint:disable-next-line:no-forward-ref
                     useExisting: core_1.forwardRef(function () { return TimelineWeekViewComponent_1; })
                 }],
-            template: "\n        <ng-template #content>\n            <timeline-multi-day-view\n                viewName=\"timeline-week\"\n                [name]=\"name\"\n                [numberOfDays]=\"7\"\n                [getStartDate]=\"getStartDate\"\n                [eventHeight]=\"viewEventHeight\"\n                [columnWidth]=\"viewColumnWidth\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [weekStart]=\"viewWeekStart\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </timeline-multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
+            template: "\n        <ng-template #content>\n            <timeline-multi-day-view\n                viewName=\"timeline-week\"\n                [name]=\"name\"\n                [numberOfDays]=\"7\"\n                [getStartDate]=\"getStartDate\"\n                [eventHeight]=\"viewEventHeight\"\n                [columnWidth]=\"viewColumnWidth\"\n                [currentTimeMarker]=\"viewCurrentTimeMarker\"\n                [highlightOngoingEvents]=\"viewHighlightOngoingEvents\"\n                [showWorkHours]=\"shouldShowWorkHours\"\n                [scrollTime]=\"viewScrollTime\"\n                [startTime]=\"viewStartTime\"\n                [endTime]=\"viewEndTime\"\n                [workDayStart]=\"viewWorkDayStart\"\n                [workDayEnd]=\"viewWorkDayEnd\"\n                [workWeekStart]=\"viewWorkWeekStart\"\n                [workWeekEnd]=\"viewWorkWeekEnd\"\n                [weekStart]=\"viewWeekStart\"\n                [slotDuration]=\"viewSlotDuration\"\n                [slotDivisions]=\"viewSlotDivisions\"\n                [slotClass]=\"viewSlotClass\"\n                [eventClass]=\"viewEventClass\"\n                [eventStyles]=\"viewEventStyles\"\n                [\u0435ventTemplate]=\"eventTemplate?.templateRef\"\n                [groupHeaderTemplate]=\"groupHeaderTemplate?.templateRef\"\n                [timeSlotTemplate]=\"timeSlotTemplate?.templateRef\"\n                [dateHeaderTemplate]=\"dateHeaderTemplate?.templateRef\"\n                [selectedDateFormat]=\"selectedDateFormat\"\n                [selectedShortDateFormat]=\"selectedShortDateFormat\">\n            </timeline-multi-day-view>\n            <div viewFooter kendoWorkHoursFooter [showWorkHours]=\"shouldShowWorkHours\" (itemClick)=\"showWorkHours = !shouldShowWorkHours\"></div>\n        </ng-template>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_intl_1.IntlService,
             kendo_angular_l10n_1.LocalizationService,

package/dist/npm/views/utils.js

@@ -164,7 +164,11 @@ function eventResources(event, _a) {
         for (var valueIdx = 0; valueIdx < values.length; valueIdx++) {
             var dataIdx = getDataIdx(values[valueIdx], resource);
             if (dataIdx < 0) {
-                return [{ leafIdx: hasGroups ? -1 : 0, resources: [] }];
+                if (hasGroups) {
+                    // No match for this resource, but the event might still match other resources.
+                    continue;
+                }
+                return [{ leafIdx: 0, resources: [] }];
             }
             var item = resource.data[dataIdx];
             // has groups - need all copies of the multiple resource