@syncfusion/ej2-schedule 28.2.11 → 29.1.34

package/dist/es6/ej2-schedule.es5.js

@@ -76,6 +76,12 @@ var resourceHeader = 'resourceHeader';
 var dateHeader = 'dateHeader';
 /** @private */
 var beforePaste = 'beforePaste';
+/** @private */
+var beforePrint = 'beforePrint';
+/** @private */
+var excelExport = 'excelExport';
+/** @private */
+var tooltipOpen = 'tooltipOpen';
 /**
  * Specifies schedule internal events
  */
@@ -5838,6 +5844,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
      */
     function EventBase(parent) {
         this.slots = [];
+        this.processedData = [];
         this.isDoubleTapped = false;
         this.parent = parent;
     }
@@ -5917,11 +5924,35 @@ var EventBase = /** @__PURE__ @class */ (function () {
             return !data[_this.parent.eventFields.isBlock];
         });
         this.parent.eventsProcessed = this.filterEvents(start, end, eventData);
+        if (!this.parent.activeViewOptions.allowOverlap && this.parent.eventsProcessed.length > 0) {
+            this.processedData = this.parent.eventsProcessed;
+            var nonOverlapList = [];
+            var fields_1 = this.parent.eventFields;
+            for (var _a = 0, _b = this.parent.eventsProcessed; _a < _b.length; _a++) {
+                var data = _b[_a];
+                var overlappingData = this.findOverlappingData(data, nonOverlapList);
+                if (!overlappingData) {
+                    nonOverlapList.push(data);
+                }
+                else if (!this.parent.eventSettings.sortComparer) {
+                    var dataDuration = new Date(data[fields_1.endTime]).getTime() - new Date(data[fields_1.startTime]).getTime();
+                    var duplicateDuration = new Date(overlappingData[fields_1.endTime]).getTime() - new Date(overlappingData[fields_1.startTime]).getTime();
+                    if ((dataDuration > duplicateDuration && data[fields_1.startTime] === overlappingData[fields_1.startTime]) || (data[fields_1.isAllDay] === true)) {
+                        var index = nonOverlapList.indexOf(overlappingData);
+                        if (index !== -1) {
+                            nonOverlapList.splice(index, 1);
+                        }
+                        nonOverlapList.push(data);
+                    }
+                }
+            }
+            this.parent.eventsProcessed = nonOverlapList;
+        }
         var blockData = processed.filter(function (data) {
             return data[_this.parent.eventFields.isBlock];
         });
-        for (var _a = 0, blockData_1 = blockData; _a < blockData_1.length; _a++) {
-            var eventObj = blockData_1[_a];
+        for (var _c = 0, blockData_1 = blockData; _c < blockData_1.length; _c++) {
+            var eventObj = blockData_1[_c];
             if (eventObj[fields.isAllDay]) {
                 var isDifferentDate = resetTime(new Date(eventObj[fields.startTime].getTime())) <
                     resetTime(new Date(eventObj[fields.endTime].getTime()));
@@ -5934,6 +5965,77 @@ var EventBase = /** @__PURE__ @class */ (function () {
         this.parent.blockProcessed = blockData;
         return eventData;
     };
+    EventBase.prototype.findOverlappingData = function (eventData, eventList) {
+        var isResource = this.parent.activeViewOptions.group.resources.length > 0;
+        var resourceCollection = isResource ? this.parent.resourceBase.resourceCollection : [];
+        var lastLevelResource = isResource ? resourceCollection[resourceCollection.length - 1].field : null;
+        var fields = this.parent.eventFields;
+        var newStartTime = new Date(eventData[fields.startTime]);
+        var newEndTime = new Date(eventData[fields.endTime]);
+        for (var _i = 0, eventList_1 = eventList; _i < eventList_1.length; _i++) {
+            var existingEvent = eventList_1[_i];
+            if (newStartTime < existingEvent[fields.endTime] &&
+                newEndTime > existingEvent[fields.startTime] &&
+                existingEvent[fields.id] !== eventData[fields.id] &&
+                (!isResource || isNullOrUndefined(lastLevelResource) ||
+                    this.compareResourceValues(existingEvent["" + lastLevelResource], eventData["" + lastLevelResource]))) {
+                return existingEvent;
+            }
+        }
+        return undefined;
+    };
+    EventBase.prototype.isOverlapRange = function (eventData, currentAction) {
+        var _this = this;
+        if (currentAction === void 0) { currentAction = null; }
+        var isResource = this.parent.activeViewOptions.group.resources.length > 0;
+        var resourceCollection = isResource ? this.parent.resourceBase.resourceCollection : [];
+        var lastLevelResource = isResource ? resourceCollection[resourceCollection.length - 1].field : null;
+        var eventCollection = Array.isArray(eventData) ? eventData : [eventData];
+        var fields = this.parent.eventFields;
+        var processOverlappingEvents = function (data) {
+            return _this.processedData.filter(function (x) {
+                return data[fields.startTime] < x[fields.endTime] &&
+                    data[fields.endTime] > x[fields.startTime] &&
+                    x[fields.id] !== data[fields.id] &&
+                    (!isResource || isNullOrUndefined(lastLevelResource) || _this.compareResourceValues(x["" + lastLevelResource], data["" + lastLevelResource]));
+            });
+        };
+        var overlappedEvents = [];
+        var isOverlapAlert = false;
+        for (var _i = 0, eventCollection_1 = eventCollection; _i < eventCollection_1.length; _i++) {
+            var event_2 = eventCollection_1[_i];
+            var dataCol = !isNullOrUndefined(event_2[fields.recurrenceRule]) &&
+                (isNullOrUndefined(event_2[fields.recurrenceID]) || event_2[fields.recurrenceID] === event_2[fields.id]) &&
+                (isNullOrUndefined(event_2[fields.recurrenceID]) || currentAction === 'EditSeries')
+                ? this.generateOccurrence(event_2)
+                : [event_2];
+            for (var _a = 0, dataCol_1 = dataCol; _a < dataCol_1.length; _a++) {
+                var data = dataCol_1[_a];
+                var overlappingEvents = processOverlappingEvents(data);
+                if (overlappingEvents.length > 0) {
+                    overlappedEvents.push.apply(overlappedEvents, overlappingEvents);
+                }
+                if (this.findOverlappingData(data, this.parent.eventsProcessed)) {
+                    isOverlapAlert = true;
+                }
+            }
+        }
+        this.parent.overlapAppointments = overlappedEvents;
+        return isOverlapAlert;
+    };
+    EventBase.prototype.compareResourceValues = function (a, b) {
+        var getValue = function (value) { return Array.isArray(value) ? value[0] : value; };
+        return getValue(a) === getValue(b);
+    };
+    EventBase.prototype.checkOverlap = function (eventData) {
+        if (!this.parent.activeViewOptions.allowOverlap) {
+            if (this.isOverlapRange(eventData)) {
+                this.parent.quickPopup.openValidationError('overlapAlert', eventData);
+                return true;
+            }
+        }
+        return false;
+    };
     EventBase.prototype.updateEventDateTime = function (eventData) {
         if (typeof eventData[this.parent.eventFields.startTime] === 'string') {
             eventData[this.parent.eventFields.startTime] = getDateFromString(eventData[this.parent.eventFields.startTime]);
@@ -5946,14 +6048,14 @@ var EventBase = /** @__PURE__ @class */ (function () {
     EventBase.prototype.getProcessedEvents = function (eventCollection) {
         if (eventCollection === void 0) { eventCollection = this.parent.eventsData; }
         var processed = [];
-        for (var _i = 0, eventCollection_1 = eventCollection; _i < eventCollection_1.length; _i++) {
-            var event_2 = eventCollection_1[_i];
-            if (!isNullOrUndefined(event_2[this.parent.eventFields.recurrenceRule]) &&
-                isNullOrUndefined(event_2[this.parent.eventFields.recurrenceID])) {
-                processed = processed.concat(this.generateOccurrence(event_2));
+        for (var _i = 0, eventCollection_2 = eventCollection; _i < eventCollection_2.length; _i++) {
+            var event_3 = eventCollection_2[_i];
+            if (!isNullOrUndefined(event_3[this.parent.eventFields.recurrenceRule]) &&
+                isNullOrUndefined(event_3[this.parent.eventFields.recurrenceID])) {
+                processed = processed.concat(this.generateOccurrence(event_3));
             }
             else {
-                processed.push(event_2);
+                processed.push(event_3);
             }
         }
         return processed;
@@ -6851,13 +6953,13 @@ var EventBase = /** @__PURE__ @class */ (function () {
         } while (followingEvent);
         var collections = {};
         if (childObj) {
-            var fields_1 = this.parent.eventFields;
+            var fields_2 = this.parent.eventFields;
             collections = {
                 follow: followingCollection.filter(function (eventData) {
-                    return eventData[fields_1.startTime] >= childObj[fields_1.startTime];
+                    return eventData[fields_2.startTime] >= childObj[fields_2.startTime];
                 }),
                 occurrence: occurrenceCollection.filter(function (eventData) {
-                    return eventData[fields_1.startTime] >= childObj[fields_1.startTime];
+                    return eventData[fields_2.startTime] >= childObj[fields_2.startTime];
                 })
             };
         }
@@ -6899,9 +7001,9 @@ var EventBase = /** @__PURE__ @class */ (function () {
         var occurrenceCollection = [];
         var parentObject = this.parent.eventsData.filter(function (obj) { return obj[fields.id] === id; });
         for (var _i = 0, parentObject_1 = parentObject; _i < parentObject_1.length; _i++) {
-            var event_3 = parentObject_1[_i];
-            if (!isNullOrUndefined(event_3[fields.recurrenceRule])) {
-                occurrenceCollection = occurrenceCollection.concat(this.generateOccurrence(event_3));
+            var event_4 = parentObject_1[_i];
+            if (!isNullOrUndefined(event_4[fields.recurrenceRule])) {
+                occurrenceCollection = occurrenceCollection.concat(this.generateOccurrence(event_4));
             }
         }
         return occurrenceCollection;
@@ -6910,9 +7012,9 @@ var EventBase = /** @__PURE__ @class */ (function () {
         var fields = this.parent.eventFields;
         var occurrenceCollection = [];
         for (var _i = 0, _a = this.parent.eventsData; _i < _a.length; _i++) {
-            var event_4 = _a[_i];
-            if (!isNullOrUndefined(event_4[fields.recurrenceRule])) {
-                occurrenceCollection = occurrenceCollection.concat(this.generateOccurrence(event_4));
+            var event_5 = _a[_i];
+            if (!isNullOrUndefined(event_5[fields.recurrenceRule])) {
+                occurrenceCollection = occurrenceCollection.concat(this.generateOccurrence(event_5));
             }
         }
         var filter = occurrenceCollection.filter(function (obj) {
@@ -7020,17 +7122,17 @@ var EventBase = /** @__PURE__ @class */ (function () {
         var isBlockAlert = false;
         var fields = this.parent.eventFields;
         for (var _i = 0, _a = eventCollection; _i < _a.length; _i++) {
-            var event_5 = _a[_i];
+            var event_6 = _a[_i];
             var dataCol = [];
-            if (!isNullOrUndefined(event_5[fields.recurrenceRule]) &&
-                (isNullOrUndefined(event_5[fields.recurrenceID]) || event_5[fields.id] === event_5[fields.recurrenceID])) {
-                dataCol = this.generateOccurrence(event_5);
+            if (!isNullOrUndefined(event_6[fields.recurrenceRule]) &&
+                (isNullOrUndefined(event_6[fields.recurrenceID]) || event_6[fields.id] === event_6[fields.recurrenceID])) {
+                dataCol = this.generateOccurrence(event_6);
             }
             else {
-                dataCol.push(event_5);
+                dataCol.push(event_6);
             }
-            for (var _b = 0, dataCol_1 = dataCol; _b < dataCol_1.length; _b++) {
-                var data = dataCol_1[_b];
+            for (var _b = 0, dataCol_2 = dataCol; _b < dataCol_2.length; _b++) {
+                var data = dataCol_2[_b];
                 var filterBlockEvents = this.filterBlockEvents(data);
                 if (filterBlockEvents.length > 0) {
                     isBlockAlert = true;
@@ -7075,9 +7177,9 @@ var EventBase = /** @__PURE__ @class */ (function () {
         var deleteRecurrenceEventList = [];
         var delEditedEvents;
         for (var _i = 0, deleteFutureEditEventList_1 = deleteFutureEditEventList; _i < deleteFutureEditEventList_1.length; _i++) {
-            var event_6 = deleteFutureEditEventList_1[_i];
-            var delEventQuery = new Predicate(fields.recurrenceID, 'equal', event_6[fields.id]).
-                or(new Predicate(fields.recurrenceID, 'equal', event_6[fields.followingID]).
+            var event_7 = deleteFutureEditEventList_1[_i];
+            var delEventQuery = new Predicate(fields.recurrenceID, 'equal', event_7[fields.id]).
+                or(new Predicate(fields.recurrenceID, 'equal', event_7[fields.followingID]).
                 and(new Predicate(fields.recurrenceID, 'notequal', undefined)).
                 and(new Predicate(fields.recurrenceID, 'notequal', null)));
             if (this.parent.currentAction === 'EditFollowingEvents' || this.parent.currentAction === 'DeleteFollowingEvents') {
@@ -7759,7 +7861,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
                 var widthAdjustment = record.data.isRight ? 0 :
                     this.parent.currentView === 'Day' ? 4 : 7;
                 if (allDayDifference_1 >= 0) {
-                    appWidth = (allDayDifference_1 * 100) - widthAdjustment;
+                    appWidth = (allDayDifference_1 * 100) - (!this.parent.activeViewOptions.allowOverlap ? 0 : widthAdjustment);
                 }
                 if (isNullOrUndefined(this.renderedAllDayEvents[parseInt(resource.toString(), 10)])) {
                     this.renderedAllDayEvents[parseInt(resource.toString(), 10)] = [];
@@ -7852,7 +7954,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
                 appointmentElement = this.createAppointmentElement(eventObj, false, record.isSpanned, resource);
             }
             setStyleAttribute(appointmentElement, {
-                'width': (this.parent.eventSettings.enableMaxHeight ? '100%' : tempData.appWidth),
+                'width': (this.parent.eventSettings.enableMaxHeight || !this.parent.activeViewOptions.allowOverlap ? '100%' : tempData.appWidth),
                 'height': appHeight + 'px', 'top': topValue + 'px'
             });
             var iconHeight = appointmentElement.querySelectorAll('.' + EVENT_INDICATOR_CLASS).length * 15;
@@ -8672,8 +8774,16 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
                 setStyleAttribute(appointmentElement, { 'width': appWidth + 'px', 'top': appTop + 'px' });
                 this.renderEventElement(event, appointmentElement, cellTd);
                 if (this.parent.rowAutoHeight) {
+                    var conWrap = this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
+                    var conWidth = this.parent.getElementWidth(conWrap);
+                    var isWithoutScroll = conWrap.offsetHeight === conWrap.clientHeight &&
+                        conWrap.offsetWidth === conWrap.clientWidth;
                     var firstChild = cellTd.parentElement.firstElementChild;
                     this.updateCellHeight(firstChild, height);
+                    if (isWithoutScroll &&
+                        (conWrap.offsetWidth > conWrap.clientWidth || conWidth !== this.parent.getElementWidth(conWrap))) {
+                        this.adjustAppointments(conWidth);
+                    }
                 }
             }
             else {
@@ -8704,6 +8814,23 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    MonthEvent.prototype.adjustAppointments = function (conWidth) {
+        var _this = this;
+        var tr = this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS + ' tbody tr');
+        var actualCellWidth = this.parent.getElementWidth(this.workCells[0]);
+        this.cellWidth = actualCellWidth / +(this.workCells[0].getAttribute('colspan') || 1);
+        var currentPercentage = (actualCellWidth * tr.children.length) / (conWidth / 100);
+        var apps = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
+        apps.forEach(function (app) {
+            if (_this.parent.enableRtl && app.style.right !== '0px') {
+                app.style.right = ((parseFloat(app.style.right) / 100) * currentPercentage) + 'px';
+            }
+            else if (app.style.left !== '0px') {
+                app.style.left = ((parseFloat(app.style.left) / 100) * currentPercentage) + 'px';
+            }
+            app.style.width = ((parseFloat(app.style.width) / 100) * currentPercentage) + 'px';
+        });
+    };
     MonthEvent.prototype.updateCellHeight = function (cell, height) {
         if ((height > cell.offsetHeight)) {
             setStyleAttribute(cell, { 'height': height + 'px' });
@@ -9211,23 +9338,6 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    TimelineEvent.prototype.adjustAppointments = function (conWidth) {
-        var _this = this;
-        var tr = this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS + ' tbody tr');
-        var actualCellWidth = this.parent.getElementWidth(this.workCells[0]);
-        this.cellWidth = actualCellWidth / +(this.workCells[0].getAttribute('colspan') || 1);
-        var currentPercentage = (actualCellWidth * tr.children.length) / (conWidth / 100);
-        var apps = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
-        apps.forEach(function (app) {
-            if (_this.parent.enableRtl && app.style.right !== '0px') {
-                app.style.right = ((parseFloat(app.style.right) / 100) * currentPercentage) + 'px';
-            }
-            else if (app.style.left !== '0px') {
-                app.style.left = ((parseFloat(app.style.left) / 100) * currentPercentage) + 'px';
-            }
-            app.style.width = ((parseFloat(app.style.width) / 100) * currentPercentage) + 'px';
-        });
-    };
     TimelineEvent.prototype.getFirstChild = function (index) {
         var query = '.' + CONTENT_TABLE_CLASS + ' tbody td';
         var groupIndex = '';
@@ -9344,13 +9454,23 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             endWidth = 0;
         }
         else {
-            var end = getStartEndHours(resetTime(new Date(endDate.getTime())), this.startHour, this.endHour);
-            endWidth = this.getSameDayEventsWidth(endDate, end.endHour);
+            var _a = getStartEndHours(resetTime(new Date(endDate.getTime())), this.startHour, this.endHour), startHour = _a.startHour, endHour = _a.endHour;
+            var interval = this.interval / this.slotCount;
+            var lastSlotEndTime = this.getEndTimeOfLastSlot(startHour, endHour, interval);
+            var adjustedEndDate = endHour < lastSlotEndTime ? endHour : lastSlotEndTime;
+            endWidth = this.getSameDayEventsWidth(endDate, adjustedEndDate);
             endWidth = ((this.slotsPerDay * this.cellWidth) === endWidth) ? 0 : endWidth;
         }
         var spannedWidth = startWidth + endWidth;
         return (width > spannedWidth) ? width - spannedWidth : width - startWidth;
     };
+    TimelineEvent.prototype.getEndTimeOfLastSlot = function (startHour, endHour, interval) {
+        var minutesInDay = (endHour.getTime() - startHour.getTime()) / (1000 * 60);
+        var lastSlotEndMinutes = Math.floor(minutesInDay / interval) * interval;
+        var lastSlotEndTime = new Date(startHour);
+        lastSlotEndTime.setMinutes(lastSlotEndMinutes);
+        return lastSlotEndTime;
+    };
     TimelineEvent.prototype.isSameDay = function (startTime, endTime) {
         var startDay = this.parent.getIndexOfDate(this.dateRender, resetTime(new Date(startTime.getTime())));
         var endDay = this.parent.getIndexOfDate(this.dateRender, resetTime(new Date(endTime.getTime())));
@@ -9549,7 +9669,8 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
             else {
                 subject = args.data[this.parent.eventFields.subject];
             }
-            inlineSubject = createElement('input', { className: INLINE_SUBJECT_CLASS, attrs: { value: subject } });
+            inlineSubject = this.inlineInputEle =
+                createElement('input', { className: INLINE_SUBJECT_CLASS, attrs: { value: subject } });
             if (closest(args.element, '.' + MORE_POPUP_WRAPPER_CLASS)) {
                 args.element.insertBefore(inlineSubject, subEle);
             }
@@ -9668,8 +9789,7 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
         }
         return saveObj;
     };
-    InlineEdit.prototype.documentClick = function () {
-        var target = this.parent.element.querySelector('.' + INLINE_SUBJECT_CLASS);
+    InlineEdit.prototype.documentClick = function (target) {
         if (target && target.value !== '') {
             this.inlineCrudActions(target);
         }
@@ -9701,7 +9821,8 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
         });
         var inlineDetails = createElement('div', { className: APPOINTMENT_DETAILS });
         inlineAppointmentElement.appendChild(inlineDetails);
-        var inline = createElement('input', { className: INLINE_SUBJECT_CLASS });
+        var inline = this.inlineInputEle =
+            createElement('input', { className: INLINE_SUBJECT_CLASS });
         inlineDetails.appendChild(inline);
         if (inlineData) {
             this.parent.eventBase.applyResourceColor(inlineAppointmentElement, inlineData, 'backgroundColor');
@@ -9711,9 +9832,15 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
     InlineEdit.prototype.removeInlineAppointmentElement = function () {
         var inlineAppointment = [].slice.call(this.parent.element.querySelectorAll('.' + INLINE_APPOINTMENT_CLASS));
         if (inlineAppointment.length > 0) {
-            inlineAppointment.forEach(function (node) { return remove(node); });
+            inlineAppointment.forEach(function (node) {
+                var inlineSubject = node.querySelector('.' + INLINE_SUBJECT_CLASS);
+                if (!isNullOrUndefined(inlineSubject)) {
+                    inlineSubject.blur();
+                }
+                remove(node);
+            });
         }
-        var inlineSubject = this.parent.element.querySelector('.' + INLINE_SUBJECT_CLASS);
+        var inlineSubject = this.getInlineElement();
         if (inlineSubject) {
             var appointmentSubject = closest(inlineSubject, '.' + APPOINTMENT_CLASS);
             var subject = appointmentSubject.querySelector('.' + SUBJECT_CLASS);
@@ -9722,8 +9849,13 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
             }
             remove(inlineSubject);
         }
+        this.inlineInputEle = null;
+    };
+    InlineEdit.prototype.getInlineElement = function () {
+        return this.inlineInputEle;
     };
     InlineEdit.prototype.destroy = function () {
+        this.inlineInputEle = null;
         this.parent.off(inlineClick, this.inlineEdit);
     };
     return InlineEdit;
@@ -10105,7 +10237,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             okButton.setAttribute('aria-label', cancelButton.innerHTML);
         }
         this.quickDialogClass('Alert');
-        this.showQuickDialog('ValidationAlert', eventData);
+        this.showQuickDialog(type === 'overlapAlert' ? 'OverlapAlert' : 'ValidationAlert', eventData);
     };
     QuickPopups.prototype.showQuickDialog = function (popupType, eventData) {
         var _this = this;
@@ -10114,6 +10246,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             type: popupType, cancel: false, element: this.quickDialog.element,
             data: extend({}, (eventData || this.parent.activeEventData.event), null, true)
         };
+        if (!this.parent.activeViewOptions.allowOverlap) {
+            eventProp.overlapEvents = this.parent.overlapAppointments;
+        }
         this.parent.trigger(popupOpen, eventProp, function (popupArgs) {
             if (!popupArgs.cancel) {
                 _this.quickDialog.show();
@@ -11131,16 +11266,20 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
     };
     QuickPopups.prototype.documentClick = function (e) {
         var target = e.event.target;
+        var isInsideDialog = !!closest(target, '.e-dialog');
         var classNames = '.' + POPUP_WRAPPER_CLASS + ',.' + HEADER_CELLS_CLASS + ',.' + ALLDAY_CELLS_CLASS +
             ',.' + WORK_CELLS_CLASS + ',.' + APPOINTMENT_CLASS;
+        if (!isInsideDialog) {
+            classNames += ',.e-popup';
+        }
         var popupWrap = this.parent.element.querySelector('.' + POPUP_WRAPPER_CLASS);
         if ((popupWrap && popupWrap.childElementCount > 0 && !closest(target, classNames)) || !closest(target, classNames)) {
             this.quickPopupHide();
             this.parent.removeNewEventElement();
         }
-        var tar = this.parent.element.querySelector('.' + INLINE_SUBJECT_CLASS);
-        if (tar && tar !== target && this.parent.allowInline) {
-            this.parent.inlineModule.documentClick();
+        var tar = this.parent.allowInline ? this.parent.inlineModule.getInlineElement() : null;
+        if (tar && tar !== target) {
+            this.parent.inlineModule.documentClick(tar);
         }
         if (closest(target, '.' + APPOINTMENT_CLASS + ',.' + HEADER_CELLS_CLASS)) {
             this.parent.removeNewEventElement();
@@ -11393,6 +11532,23 @@ var EventTooltip = /** @__PURE__ @class */ (function () {
         if (args.element && this.parent.isReact && !isNullOrUndefined(this.parent.eventSettings.tooltipTemplate)) {
             addClass([args.element], TOOLTIP_HIDDEN_CLASS);
         }
+        var record = this.parent.eventBase.getEventByGuid(args.target.getAttribute('data-guid'));
+        if (isNullOrUndefined(record)) {
+            return;
+        }
+        var callbackArgs = {
+            cancel: false,
+            data: record,
+            content: args.element,
+            target: args.target
+        };
+        this.parent.trigger(tooltipOpen, callbackArgs, function (callbackArgs) {
+            if (callbackArgs.cancel) {
+                args.cancel = true;
+                return;
+            }
+            args.element = callbackArgs.content;
+        });
     };
     EventTooltip.prototype.onTooltipClose = function (args) {
         if (args.element) {
@@ -11453,6 +11609,7 @@ var MONETHEXPANDERWRAPPER = 'e-month-expander';
 var MONETHEXPANDWRAPPER = 'e-month-expand-wrapper';
 var MONTHEXPANDERELEMENT = 'e-month-expander-element';
 var MONTHEXPANDERCHECKBOXWRAPPER = 'e-month-expander-checkbox-wrapper';
+var REPEATONWEEKSELECTOR = 'e-repeat-on-week-selector';
 var FORMLEFT = 'e-form-left';
 var FORMRIGHT = 'e-form-right';
 var MONTHDAYWRAPPER = 'e-month-day';
@@ -12160,7 +12317,7 @@ var RecurrenceEditor = /** @__PURE__ @class */ (function (_super) {
             this.localeObj.getConstant('on') + '" />' +
             '</div></td></tr>' +
             '<tr><td>' +
-            '<div class="' + INPUTWARAPPER + ' ' + MONTHEXPANDERCHECKBOXWRAPPER + '" style="min-width: 30px;margin-bottom:18px;">' +
+            '<div class="' + INPUTWARAPPER + ' ' + MONTHEXPANDERCHECKBOXWRAPPER + ' ' + REPEATONWEEKSELECTOR + '">' +
             '<input class="' + MONTHEXPANNDERELEM + '"title="' + this.localeObj.getConstant('monthExpander') + '" type="radio">' +
             '</div></td>' +
             '<td><div class="' + INPUTWARAPPER + ' ' + WEEKPOSITION + '" >' +
@@ -12562,6 +12719,12 @@ var RecurrenceEditor = /** @__PURE__ @class */ (function (_super) {
     __decorate([
         Event()
     ], RecurrenceEditor.prototype, "change", void 0);
+    __decorate([
+        Event()
+    ], RecurrenceEditor.prototype, "created", void 0);
+    __decorate([
+        Event()
+    ], RecurrenceEditor.prototype, "destroyed", void 0);
     RecurrenceEditor = __decorate([
         NotifyPropertyChanges
     ], RecurrenceEditor);
@@ -12840,6 +13003,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         var callBackPromise = new Deferred();
         this.parent.trigger(popupOpen, eventProp, function (popupArgs) {
             args.cancel = popupArgs.cancel;
+            args.maxHeight = _this.parent.isAdaptive ? 'max-content' : args.maxHeight;
             _this.duration = _this.cellClickAction ? popupArgs.duration : null;
             if (_this.eventData[_this.fields.endTime].getTime() === endTime && !_this.cellClickAction &&
                 _this.eventData[_this.fields.endTime].getHours() === 0 &&
@@ -12993,7 +13157,8 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         var description = this.createDivElement(DESCRIPTION_CLASS + '-row');
         description.appendChild(this.renderTextBox(DESCRIPTION_CLASS));
         parentDiv.appendChild(description);
-        var submit = createElement('button', { attrs: { type: 'hidden', title: 'submit', style: 'display:none' } });
+        var submit = createElement('button', { attrs: { type: 'hidden', title: 'submit' } });
+        submit.style.display = 'none';
         parentDiv.appendChild(submit);
         return parentDiv;
     };
@@ -13079,6 +13244,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         }
     };
     EventWindow.prototype.renderResourceDetails = function (resourceData) {
+        var _this = this;
         var fieldName = resourceData.field;
         var value = 'e-' + fieldName;
         var labelValue = resourceData.title;
@@ -13086,7 +13252,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         var resourceInput = this.createInputElement(value + ' ' + EVENT_FIELD$1, fieldName);
         resourceDiv.appendChild(resourceInput);
         var resourceTemplate = function (data) {
-            return SanitizeHtmlHelper.sanitize("<div class=\"e-resource-template\"><div class=\"e-resource-color\" style=\"background-color:" + data[resourceData.colorField] + "\"></div><div class=\"e-resource-text\">" + data[resourceData.textField] + "</div></div>");
+            return SanitizeHtmlHelper.sanitize("<div class=\"e-resource-template\">\n                <div class=\"e-resource-color\" data-resource-color=\"" + data[resourceData.colorField] + "\"></div>\n                <div class=\"e-resource-text\">" + data[resourceData.textField] + "</div></div>");
         };
         initializeCSPTemplate(resourceTemplate, resourceData);
         if (resourceData.allowMultiple) {
@@ -13106,7 +13272,12 @@ var EventWindow = /** @__PURE__ @class */ (function () {
                 placeholder: labelValue,
                 popupHeight: '230px',
                 popupWidth: '447px',
-                mode: 'Box'
+                mode: 'Box',
+                open: function (args) {
+                    Promise.resolve().then(function () {
+                        _this.applyStylesAfterRender(args);
+                    });
+                }
             });
             listObj.appendTo(resourceInput);
         }
@@ -13125,12 +13296,29 @@ var EventWindow = /** @__PURE__ @class */ (function () {
                 placeholder: labelValue,
                 popupHeight: '230px',
                 popupWidth: '447px',
-                itemTemplate: resourceTemplate
+                itemTemplate: resourceTemplate,
+                open: function (args) {
+                    Promise.resolve().then(function () {
+                        _this.applyStylesAfterRender(args);
+                    });
+                }
             });
             dropDownList.appendTo(resourceInput);
         }
         return resourceDiv;
     };
+    EventWindow.prototype.applyStylesAfterRender = function (args) {
+        if (!args.popup || !args.popup.element) {
+            return;
+        }
+        var resourceColors = args.popup.element.querySelectorAll('.e-resource-color[data-resource-color]');
+        resourceColors.forEach(function (element) {
+            var color = element.getAttribute('data-resource-color');
+            if (color) {
+                element.style.backgroundColor = color;
+            }
+        });
+    };
     EventWindow.prototype.renderDropDown = function (value) {
         var _this = this;
         var fieldName = this.getFieldName(value);
@@ -13948,6 +14136,9 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             if (eventObj[this.fields.isReadonly]) {
                 return false;
             }
+            if (this.parent.eventBase.checkOverlap(eventObj)) {
+                return true;
+            }
             var currentAction = void 0;
             if (!isNullOrUndefined(editedData[this.fields.recurrenceRule])) {
                 currentAction = this.parent.currentAction;
@@ -13982,6 +14173,9 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         }
         else {
             this.parent.currentAction = 'Add';
+            if (this.parent.eventBase.checkOverlap(eventObj)) {
+                return true;
+            }
             if (isResourceEventExpand) {
                 this.resourceSaveEvent(eventObj, this.parent.currentAction);
             }
@@ -14582,13 +14776,13 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
     function VirtualScroll(parent) {
         this.translateY = 0;
         this.itemSize = 60;
-        this.bufferCount = 3;
         this.renderedLength = 0;
         this.averageRowHeight = 0;
         this.startIndex = 0;
         this.existingDataCollection = [];
         this.enableTransition = true;
         this.parent = parent;
+        this.bufferCount = parent.activeViewOptions.overscanCount < 3 ? 3 : parent.activeViewOptions.overscanCount;
         this.addEventListener();
     }
     VirtualScroll.prototype.addEventListener = function () {
@@ -14865,6 +15059,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
     };
     VirtualScroll.prototype.getCollection = function (startIndex, endIndex) {
         this.translateY = startIndex * this.itemSize;
+        startIndex = (startIndex < 0) ? 0 : startIndex;
         var lastLevel = this.getResCollection(startIndex, endIndex);
         if (this.parent.enableRtl) {
             this.translateY = -this.translateY;
@@ -14873,6 +15068,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
     };
     VirtualScroll.prototype.getResCollection = function (startIndex, endIndex) {
         var lastLevel = this.parent.activeView.colLevels[this.parent.activeView.colLevels.length - 1];
+        endIndex = endIndex > lastLevel.length ? lastLevel.length - 1 : endIndex;
         var resCollection = [];
         var index = { startIndex: 0, endIndex: 0 };
         if (this.parent.activeViewOptions.group.byDate) {
@@ -15608,6 +15804,74 @@ var Crud = /** @__PURE__ @class */ (function () {
             });
         }
     };
+    Crud.prototype.processAddEvent = function (addArgs) {
+        var fields = this.parent.eventFields;
+        var editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
+        var promise;
+        if (addArgs.addedRecords instanceof Array) {
+            for (var _i = 0, _a = addArgs.addedRecords; _i < _a.length; _i++) {
+                var event_1 = _a[_i];
+                event_1 = this.parent.eventBase.updateEventDateTime(event_1);
+                var eventData = extend({}, this.parent.eventBase.processTimezone(event_1, true), null, true);
+                editParams.addedRecords.push(eventData);
+            }
+            promise = this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, this.getTable(), this.getQuery());
+        }
+        else {
+            var event_2 = this.parent.eventBase.processTimezone(addArgs.addedRecords, true);
+            editParams.addedRecords.push(event_2);
+            promise = this.parent.dataModule.dataManager.insert(event_2, this.getTable(), this.getQuery());
+        }
+        var crudArgs = {
+            requestType: 'eventCreated', cancel: false, data: addArgs.addedRecords, promise: promise, editParams: editParams
+        };
+        this.refreshData(crudArgs);
+    };
+    Crud.prototype.processSaveEvent = function (saveArgs) {
+        var promise;
+        var fields = this.parent.eventFields;
+        var editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
+        if (saveArgs.changedRecords instanceof Array) {
+            for (var _i = 0, _a = saveArgs.changedRecords; _i < _a.length; _i++) {
+                var event_3 = _a[_i];
+                event_3 = this.parent.eventBase.updateEventDateTime(event_3);
+                var eventData = extend({}, this.parent.eventBase.processTimezone(event_3, true), null, true);
+                editParams.changedRecords.push(eventData);
+            }
+            promise = this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, this.getTable(), this.getQuery());
+        }
+        else {
+            var event_4 = this.parent.eventBase.processTimezone(saveArgs.changedRecords, true);
+            editParams.changedRecords.push(event_4);
+            promise = this.parent.dataModule.dataManager.update(fields.id, event_4, this.getTable(), this.getQuery());
+        }
+        var cloneEvent = extend({}, saveArgs.changedRecords[saveArgs.changedRecords.length - 1], null, true);
+        this.parent.eventBase.selectWorkCellByTime([this.parent.eventBase.processTimezone(cloneEvent)]);
+        var crudArgs = {
+            requestType: 'eventChanged', cancel: false,
+            data: saveArgs.changedRecords, promise: promise, editParams: editParams
+        };
+        this.refreshData(crudArgs);
+    };
+    Crud.prototype.processDeleteEvent = function (deleteArgs) {
+        var promise;
+        var fields = this.parent.eventFields;
+        var editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
+        if (deleteArgs.deletedRecords.length > 1) {
+            editParams.deletedRecords = editParams.deletedRecords.concat(deleteArgs.deletedRecords);
+            promise = this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, this.getTable(), this.getQuery());
+        }
+        else {
+            editParams.deletedRecords.push(deleteArgs.deletedRecords[0]);
+            promise = this.parent.dataModule.dataManager.remove(fields.id, deleteArgs.deletedRecords[0], this.getTable(), this.getQuery());
+        }
+        this.parent.eventBase.selectWorkCellByTime(deleteArgs.deletedRecords);
+        var crudArgs = {
+            requestType: 'eventRemoved', cancel: false,
+            data: deleteArgs.deletedRecords, promise: promise, editParams: editParams
+        };
+        this.refreshData(crudArgs);
+    };
     Crud.prototype.addEvent = function (eventData) {
         var _this = this;
         if (this.parent.eventSettings.allowAdding && !this.parent.activeViewOptions.readonly) {
@@ -15615,6 +15879,9 @@ var Crud = /** @__PURE__ @class */ (function () {
                 this.parent.quickPopup.openValidationError('blockAlert', eventData);
                 return;
             }
+            if (this.parent.eventBase.checkOverlap(eventData)) {
+                return;
+            }
             var addEvents = (eventData instanceof Array) ? eventData : [eventData];
             if (addEvents.length === 0) {
                 return;
@@ -15625,27 +15892,24 @@ var Crud = /** @__PURE__ @class */ (function () {
             };
             this.parent.trigger(actionBegin, args, function (addArgs) {
                 if (!addArgs.cancel) {
-                    var fields = _this.parent.eventFields;
-                    var editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
-                    var promise = void 0;
-                    if (addArgs.addedRecords instanceof Array) {
-                        for (var _i = 0, _a = addArgs.addedRecords; _i < _a.length; _i++) {
-                            var event_1 = _a[_i];
-                            event_1 = _this.parent.eventBase.updateEventDateTime(event_1);
-                            var eventData_1 = extend({}, _this.parent.eventBase.processTimezone(event_1, true), null, true);
-                            editParams.addedRecords.push(eventData_1);
-                        }
-                        promise = _this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, _this.getTable(), _this.getQuery());
+                    if (addArgs.promise) {
+                        addArgs.promise.then(function (hasContinue) {
+                            if (!_this.parent || _this.parent && _this.parent.isDestroyed) {
+                                return;
+                            }
+                            if (hasContinue) {
+                                _this.processAddEvent(addArgs);
+                            }
+                        }).catch(function (e) {
+                            if (!_this.parent || _this.parent && _this.parent.isDestroyed) {
+                                return;
+                            }
+                            _this.parent.trigger(actionFailure, { error: e });
+                        });
                     }
                     else {
-                        var event_2 = _this.parent.eventBase.processTimezone(addArgs.addedRecords, true);
-                        editParams.addedRecords.push(event_2);
-                        promise = _this.parent.dataModule.dataManager.insert(event_2, _this.getTable(), _this.getQuery());
+                        _this.processAddEvent(addArgs);
                     }
-                    var crudArgs = {
-                        requestType: 'eventCreated', cancel: false, data: addArgs.addedRecords, promise: promise, editParams: editParams
-                    };
-                    _this.refreshData(crudArgs);
                 }
             });
         }
@@ -15681,36 +15945,33 @@ var Crud = /** @__PURE__ @class */ (function () {
                 }
             }
             else {
+                if (this.parent.eventBase.checkOverlap(eventData)) {
+                    return;
+                }
                 var args = {
                     requestType: 'eventChange', cancel: false, data: eventData,
                     addedRecords: [], changedRecords: updateEvents, deletedRecords: []
                 };
                 this.parent.trigger(actionBegin, args, function (saveArgs) {
                     if (!saveArgs.cancel) {
-                        var promise = void 0;
-                        var fields = _this.parent.eventFields;
-                        var editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
-                        if (saveArgs.changedRecords instanceof Array) {
-                            for (var _i = 0, _a = saveArgs.changedRecords; _i < _a.length; _i++) {
-                                var event_3 = _a[_i];
-                                event_3 = _this.parent.eventBase.updateEventDateTime(event_3);
-                                var eventData_2 = extend({}, _this.parent.eventBase.processTimezone(event_3, true), null, true);
-                                editParams.changedRecords.push(eventData_2);
-                            }
-                            promise = _this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, _this.getTable(), _this.getQuery());
+                        if (saveArgs.promise) {
+                            saveArgs.promise.then(function (hasContinue) {
+                                if (!_this.parent || _this.parent && _this.parent.isDestroyed) {
+                                    return;
+                                }
+                                if (hasContinue) {
+                                    _this.processSaveEvent(saveArgs);
+                                }
+                            }).catch(function (e) {
+                                if (!_this.parent || _this.parent && _this.parent.isDestroyed) {
+                                    return;
+                                }
+                                _this.parent.trigger(actionFailure, { error: e });
+                            });
                         }
                         else {
-                            var event_4 = _this.parent.eventBase.processTimezone(saveArgs.changedRecords, true);
-                            editParams.changedRecords.push(event_4);
-                            promise = _this.parent.dataModule.dataManager.update(fields.id, event_4, _this.getTable(), _this.getQuery());
+                            _this.processSaveEvent(saveArgs);
                         }
-                        var cloneEvent = extend({}, saveArgs.changedRecords[saveArgs.changedRecords.length - 1], null, true);
-                        _this.parent.eventBase.selectWorkCellByTime([_this.parent.eventBase.processTimezone(cloneEvent)]);
-                        var crudArgs = {
-                            requestType: 'eventChanged', cancel: false,
-                            data: saveArgs.changedRecords, promise: promise, editParams: editParams
-                        };
-                        _this.refreshData(crudArgs);
                     }
                 });
             }
@@ -15755,23 +16016,24 @@ var Crud = /** @__PURE__ @class */ (function () {
                 };
                 this.parent.trigger(actionBegin, args, function (deleteArgs) {
                     if (!deleteArgs.cancel) {
-                        var promise = void 0;
-                        var fields = _this.parent.eventFields;
-                        var editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
-                        if (deleteArgs.deletedRecords.length > 1) {
-                            editParams.deletedRecords = editParams.deletedRecords.concat(deleteArgs.deletedRecords);
-                            promise = _this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, _this.getTable(), _this.getQuery());
+                        if (deleteArgs.promise) {
+                            deleteArgs.promise.then(function (hasContinue) {
+                                if (!_this.parent || _this.parent && _this.parent.isDestroyed) {
+                                    return;
+                                }
+                                if (hasContinue) {
+                                    _this.processDeleteEvent(deleteArgs);
+                                }
+                            }).catch(function (e) {
+                                if (!_this.parent || _this.parent && _this.parent.isDestroyed) {
+                                    return;
+                                }
+                                _this.parent.trigger(actionFailure, { error: e });
+                            });
                         }
                         else {
-                            editParams.deletedRecords.push(deleteArgs.deletedRecords[0]);
-                            promise = _this.parent.dataModule.dataManager.remove(fields.id, deleteArgs.deletedRecords[0], _this.getTable(), _this.getQuery());
+                            _this.processDeleteEvent(deleteArgs);
                         }
-                        _this.parent.eventBase.selectWorkCellByTime(deleteArgs.deletedRecords);
-                        var crudArgs = {
-                            requestType: 'eventRemoved', cancel: false,
-                            data: deleteArgs.deletedRecords, promise: promise, editParams: editParams
-                        };
-                        _this.refreshData(crudArgs);
                     }
                 });
             }
@@ -15782,8 +16044,8 @@ var Crud = /** @__PURE__ @class */ (function () {
         var occurrenceData = [];
         var isDeletedRecords = false;
         if (eventData instanceof Array) {
-            for (var _i = 0, eventData_3 = eventData; _i < eventData_3.length; _i++) {
-                var event_5 = eventData_3[_i];
+            for (var _i = 0, eventData_1 = eventData; _i < eventData_1.length; _i++) {
+                var event_5 = eventData_1[_i];
                 occurrenceData.push({ occurrence: event_5, parent: this.getParentEvent(event_5) });
             }
         }
@@ -15856,8 +16118,8 @@ var Crud = /** @__PURE__ @class */ (function () {
         var _this = this;
         var followData = [];
         if (eventData instanceof Array) {
-            for (var _i = 0, eventData_4 = eventData; _i < eventData_4.length; _i++) {
-                var event_6 = eventData_4[_i];
+            for (var _i = 0, eventData_2 = eventData; _i < eventData_2.length; _i++) {
+                var event_6 = eventData_2[_i];
                 followData.push({ occurrence: event_6, parent: this.getParentEvent(event_6) });
             }
         }
@@ -15934,8 +16196,8 @@ var Crud = /** @__PURE__ @class */ (function () {
         var seriesData = [];
         var isDeletedRecords = false;
         if (eventData instanceof Array) {
-            for (var _i = 0, eventData_5 = eventData; _i < eventData_5.length; _i++) {
-                var event_7 = eventData_5[_i];
+            for (var _i = 0, eventData_3 = eventData; _i < eventData_3.length; _i++) {
+                var event_7 = eventData_3[_i];
                 seriesData.push(this.getParentEvent(event_7, true));
             }
         }
@@ -16018,8 +16280,8 @@ var Crud = /** @__PURE__ @class */ (function () {
     Crud.prototype.processDelete = function (eventData) {
         var _this = this;
         var deleteData = [];
-        for (var _i = 0, eventData_6 = eventData; _i < eventData_6.length; _i++) {
-            var eventObj = eventData_6[_i];
+        for (var _i = 0, eventData_4 = eventData; _i < eventData_4.length; _i++) {
+            var eventObj = eventData_4[_i];
             if (eventObj[this.parent.eventFields.recurrenceRule]) {
                 deleteData.push({ occurrence: eventObj, parent: this.getParentEvent(eventObj) });
             }
@@ -16085,8 +16347,8 @@ var Crud = /** @__PURE__ @class */ (function () {
         var _this = this;
         var eventData = (data instanceof Array) ? data : [data];
         var editData = [];
-        for (var _i = 0, eventData_7 = eventData; _i < eventData_7.length; _i++) {
-            var eventObj = eventData_7[_i];
+        for (var _i = 0, eventData_5 = eventData; _i < eventData_5.length; _i++) {
+            var eventObj = eventData_5[_i];
             if (eventObj[this.parent.eventFields.recurrenceRule]) {
                 editData.push({ occurrence: eventObj, parent: this.getParentEvent(eventObj) });
             }
@@ -18237,6 +18499,8 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             readonly: this.readonly,
             startHour: this.startHour,
             allowVirtualScrolling: false,
+            allowOverlap: this.allowOverlap,
+            overscanCount: this.overscanCount,
             cellHeaderTemplate: this.cellHeaderTemplate,
             dayHeaderTemplate: this.dayHeaderTemplate,
             monthHeaderTemplate: this.monthHeaderTemplate,
@@ -18696,6 +18960,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             startEndError: 'The selected end date occurs before the start date.',
             invalidDateError: 'The entered date value is invalid.',
             blockAlert: 'Events cannot be scheduled within the blocked time range.',
+            overlapAlert: 'Events cannot be scheduled during the chosen time as it overlaps with another event.',
             ok: 'Ok',
             yes: 'Yes',
             no: 'No',
@@ -19595,6 +19860,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             case 'allowDragAndDrop':
             case 'allowResizing':
             case 'eventDragArea':
+            case 'allowOverlap':
                 this.refreshEvents(false);
                 break;
             case 'weekRule':
@@ -20650,6 +20916,54 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             this.quickPopup.quickPopupHide(true);
         }
     };
+    /**
+     * To manually open the overlap validation Alert.
+     *
+     * @param {PopupOpenEventArgs} args The arguments for opening the popup.
+     * @param {string} args.type Defines the type of overlap alert (e.g., 'OverlapAlert').
+     * @param {Record<string, any>} args.data The data associated with the popup.
+     * @param {Record<string, any>[]} args.overlapEvents The overlap events.
+     * @returns {void}
+     */
+    Schedule.prototype.openOverlapAlert = function (args) {
+        var _this = this;
+        if (this.quickPopup) {
+            var eventProp = {
+                type: 'OverlapAlert',
+                cancel: false,
+                element: this.quickPopup.quickDialog.element,
+                data: args.data,
+                overlapEvents: args.overlapEvents
+            };
+            this.trigger(popupOpen, eventProp, function (popupArgs) {
+                if (!popupArgs.cancel) {
+                    _this.quickPopup.openValidationError('overlapAlert', args.data);
+                }
+            });
+        }
+    };
+    /**
+     * To manually close the overlap validation Alert.
+     *
+     * @function closeOverlapValidationAlert
+     * @returns {void}
+     */
+    Schedule.prototype.closeOverlapAlert = function () {
+        var _this = this;
+        if (this.quickPopup) {
+            var args = {
+                type: 'OverlapAlert',
+                cancel: false,
+                data: this.activeEventData.event,
+                element: this.quickPopup.quickDialog.element
+            };
+            this.trigger(popupClose, args, function (popupArgs) {
+                if (!popupArgs.cancel) {
+                    _this.quickPopup.quickDialog.hide();
+                }
+            });
+        }
+    };
     /**
      * Closes the tooltip.
      * For example, when the context menu is opened for an event,
@@ -20845,6 +21159,12 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     __decorate$b([
         Property(true)
     ], Schedule.prototype, "allowSwiping", void 0);
+    __decorate$b([
+        Property(true)
+    ], Schedule.prototype, "allowOverlap", void 0);
+    __decorate$b([
+        Property(3)
+    ], Schedule.prototype, "overscanCount", void 0);
     __decorate$b([
         Collection([], ToolbarItem)
     ], Schedule.prototype, "toolbarItems", void 0);
@@ -21103,6 +21423,15 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     __decorate$b([
         Event()
     ], Schedule.prototype, "beforePaste", void 0);
+    __decorate$b([
+        Event()
+    ], Schedule.prototype, "beforePrint", void 0);
+    __decorate$b([
+        Event()
+    ], Schedule.prototype, "excelExport", void 0);
+    __decorate$b([
+        Event()
+    ], Schedule.prototype, "tooltipOpen", void 0);
     Schedule = __decorate$b([
         NotifyPropertyChanges
     ], Schedule);
@@ -21195,7 +21524,9 @@ var ActionBase = /** @__PURE__ @class */ (function () {
     };
     ActionBase.prototype.calculateIntervalTime = function (date) {
         var dateInMS = resetTime(date).getTime();
+        var startHour = this.parent.activeView.getStartHour();
         var intervalInMS = MS_PER_MINUTE * this.actionObj.interval;
+        dateInMS += (startHour.getHours() * 60 + startHour.getMinutes()) * MS_PER_MINUTE + startHour.getSeconds() * 1000;
         dateInMS = dateInMS + Math.floor((date.getTime() - dateInMS) / intervalInMS) * intervalInMS;
         return new Date(dateInMS);
     };
@@ -21306,7 +21637,8 @@ var ActionBase = /** @__PURE__ @class */ (function () {
         return originalElement;
     };
     ActionBase.prototype.createCloneElement = function (element) {
-        var cloneWrapper = createElement('div', { innerHTML: element.outerHTML });
+        var cloneWrapper = document.createElement('div');
+        cloneWrapper.appendChild(element.cloneNode(true));
         var cloneElement = cloneWrapper.children[0];
         var cloneClassLists = [CLONE_ELEMENT_CLASS];
         cloneClassLists.push((this.actionObj.action === 'drag') ? DRAG_CLONE_CLASS : RESIZE_CLONE_CLASS);
@@ -21898,6 +22230,9 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
             if (resizeEventArgs.cancel) {
                 return;
             }
+            if (_this.parent.eventBase.checkOverlap(resizeEventArgs.data)) {
+                return;
+            }
             if (_this.parent.isSpecificResourceEvents()) {
                 _this.parent.crudModule.crudObj.sourceEvent =
                     [_this.parent.resourceBase.lastResourceLevel[parseInt(resizeEventArgs.element.getAttribute('data-group-index'), 10)]];
@@ -22023,7 +22358,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                 resizeTime.setHours(eventEnd.getHours(), eventEnd.getMinutes(), eventEnd.getSeconds());
             }
         }
-        var isNotHourSlot = ['TimelineMonth', 'Year', 'Month', 'Week', 'Date'].indexOf(headerName) !== -1 ||
+        var isNotHourSlot = ['TimelineMonth', 'Year', 'Month', 'Week', 'WorkWeek', 'Date', 'Day'].indexOf(headerName) !== -1 ||
             !this.parent.activeViewOptions.timeScale.enable;
         if (isLeft) {
             if ((eventEnd.getTime() - resizeTime.getTime()) <= 0) {
@@ -22213,7 +22548,7 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
             this.parent.dragAndDropModule.setDragArea();
         }
         this.fields = this.parent.eventFields;
-        var elementSelector = (this.parent.currentView === 'Year') ? '.' + APPOINTMENT_CLASS :
+        var elementSelector = (this.parent.currentView === 'Year') ? '.' + WORK_CELLS_CLASS + ' ' + '.' + APPOINTMENT_CLASS :
             '.' + APPOINTMENT_WRAPPER_CLASS + ',.' + MORE_INDICATOR_CLASS;
         var eventWrappers = [].slice.call(this.parent.element.querySelectorAll(elementSelector));
         for (var _i = 0, eventWrappers_1 = eventWrappers; _i < eventWrappers_1.length; _i++) {
@@ -23224,6 +23559,9 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             if (dragEventArgs.cancel) {
                 return;
             }
+            if (_this.parent.eventBase.checkOverlap(dragEventArgs.data)) {
+                return;
+            }
             if (_this.parent.isSpecificResourceEvents()) {
                 _this.parent.crudModule.crudObj.isCrudAction = true;
                 _this.parent.crudModule.crudObj.sourceEvent =
@@ -25970,8 +26308,10 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         this.retainScrollPosition();
     };
     Month.prototype.scrollToSelectedDate = function () {
+        var selectedDate = new Date(this.parent.selectedDate);
+        selectedDate.setHours(0, 0, 0, 0);
         var headerCell = this.element.querySelector('.' + HEADER_CELLS_CLASS + '[data-date="'
-            + this.parent.selectedDate.getTime().toString() + '"]');
+            + selectedDate.getTime().toString() + '"]');
         var content = this.getContentAreaElement();
         if (!isNullOrUndefined(headerCell)) {
             content.scrollLeft = !this.parent.enableRtl ?
@@ -29675,8 +30015,14 @@ var ExcelExport = /** @__PURE__ @class */ (function () {
             rows.push({ index: i + 2, cells: columnData });
         });
         var workSheet = [{ columns: columns, rows: rows }];
-        var book = new Workbook({ worksheets: workSheet }, type, this.parent.locale, undefined, separator);
-        book.save(name + '.' + type);
+        var args = { cancel: false, worksheets: workSheet };
+        this.parent.trigger(excelExport, args, function (args) {
+            if (args.cancel) {
+                return;
+            }
+            var book = new Workbook({ worksheets: args.worksheets }, type, _this.parent.locale, undefined, separator);
+            book.save(name + '.' + type);
+        });
     };
     ExcelExport.prototype.getExportColumns = function (exportOptions) {
         var _this = this;
@@ -29715,51 +30061,59 @@ var Print = /** @__PURE__ @class */ (function () {
         }
     };
     Print.prototype.printScheduler = function () {
+        var _this = this;
         var clone = this.parent.element.cloneNode(true);
         clone.id = this.parent.element.id + '_print';
-        document.body.appendChild(clone);
-        var className = this.parent.currentView === 'MonthAgenda' ? '.e-appointment-wrap' : '.e-content-wrap';
-        var scrollableEle = this.parent.element.querySelector(className);
-        var links = [].slice.call(document.getElementsByTagName('head')[0].querySelectorAll('link, style'));
-        var reference = '';
-        for (var _i = 0, links_1 = links; _i < links_1.length; _i++) {
-            var link = links_1[_i];
-            reference += link.outerHTML;
-        }
-        var div = createElement('div');
-        clone.style.width = this.parent.element.offsetWidth + 'px';
-        var elementWidth = Math.round((parseInt(clone.style.width, 10)) / 100) * 100;
-        div.appendChild(clone);
-        var printWindow = window.open('', 'print', 'height=550,width=' + elementWidth + ',tabbar=no');
-        printWindow.document.write('<!DOCTYPE html><html><head>' + reference + '</head><body>' + div.innerHTML +
-            '<script>(function() { window.ready = true; })();</script></body></html>');
-        printWindow.document.close();
-        printWindow.focus();
-        setTimeout(function () {
-            if (printWindow.ready && scrollableEle) {
-                // eslint-disable-next-line no-self-assign
-                scrollableEle.scrollLeft = scrollableEle.scrollLeft;
-                // eslint-disable-next-line no-self-assign
-                scrollableEle.scrollTop = scrollableEle.scrollTop;
-                var headerTimeCellsScroll = printWindow.document.querySelector('.e-date-header-wrap');
-                if (headerTimeCellsScroll) {
-                    headerTimeCellsScroll.scrollLeft = scrollableEle.scrollLeft;
-                }
-                var timeCellsScroll = printWindow.document.querySelector('.e-time-cells-wrap');
-                if (timeCellsScroll) {
-                    timeCellsScroll.scrollTop = scrollableEle.scrollTop;
-                }
-                var contentCellScroll = printWindow.document.querySelector(className);
-                if (contentCellScroll) {
-                    contentCellScroll.scrollLeft = scrollableEle.scrollLeft;
-                    contentCellScroll.scrollTop = scrollableEle.scrollTop;
-                }
-                printWindow.print();
-                printWindow.close();
-            }
-        }, 500);
+        var args = { cancel: false, printElement: clone };
+        this.parent.trigger(beforePrint, args, function (printElement) {
+            if (printElement.cancel) {
+                return;
+            }
+            document.body.appendChild(clone);
+            var className = _this.parent.currentView === 'MonthAgenda' ? '.e-appointment-wrap' : '.e-content-wrap';
+            var scrollableEle = _this.parent.element.querySelector(className);
+            var links = [].slice.call(document.getElementsByTagName('head')[0].querySelectorAll('link, style'));
+            var reference = '';
+            for (var _i = 0, links_1 = links; _i < links_1.length; _i++) {
+                var link = links_1[_i];
+                reference += link.outerHTML;
+            }
+            var div = createElement('div');
+            clone.style.width = _this.parent.element.offsetWidth + 'px';
+            var elementWidth = Math.round((parseInt(clone.style.width, 10)) / 100) * 100;
+            div.appendChild(clone);
+            var printWindow = window.open('', 'print', 'height=550,width=' + elementWidth + ',tabbar=no');
+            printWindow.document.write('<!DOCTYPE html><html><head>' + reference + '</head><body>' + div.innerHTML +
+                '<script>(function() { window.ready = true; })();</script></body></html>');
+            printWindow.document.close();
+            printWindow.focus();
+            setTimeout(function () {
+                if (printWindow.ready && scrollableEle) {
+                    // eslint-disable-next-line no-self-assign
+                    scrollableEle.scrollLeft = scrollableEle.scrollLeft;
+                    // eslint-disable-next-line no-self-assign
+                    scrollableEle.scrollTop = scrollableEle.scrollTop;
+                    var headerTimeCellsScroll = printWindow.document.querySelector('.e-date-header-wrap');
+                    if (headerTimeCellsScroll) {
+                        headerTimeCellsScroll.scrollLeft = scrollableEle.scrollLeft;
+                    }
+                    var timeCellsScroll = printWindow.document.querySelector('.e-time-cells-wrap');
+                    if (timeCellsScroll) {
+                        timeCellsScroll.scrollTop = scrollableEle.scrollTop;
+                    }
+                    var contentCellScroll = printWindow.document.querySelector(className);
+                    if (contentCellScroll) {
+                        contentCellScroll.scrollLeft = scrollableEle.scrollLeft;
+                        contentCellScroll.scrollTop = scrollableEle.scrollTop;
+                    }
+                    printWindow.print();
+                    printWindow.close();
+                }
+            }, 500);
+        });
     };
     Print.prototype.printSchedulerWithModel = function (printOptions) {
+        var _this = this;
         var element = createElement('div', { id: this.parent.element.id + '_print', className: 'e-print-schedule' });
         document.body.appendChild(element);
         Schedule.Inject(Day, Week, WorkWeek, Month, Agenda, MonthAgenda, TimelineViews, TimelineMonth, Year, TimelineYear);
@@ -29768,10 +30122,17 @@ var Print = /** @__PURE__ @class */ (function () {
         this.printInstance.registeredTemplate = this.parent.registeredTemplate;
         this.printInstance.root = this.parent.root ? this.parent.root : this.parent;
         this.printInstance.appendTo(element);
-        this.printInstance.on(print, this.contentReady, this);
-        this.printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
-        this.printWindow.moveTo(0, 0);
-        this.printWindow.resizeTo(screen.availWidth, screen.availHeight);
+        var args = { cancel: false, printElement: element };
+        this.parent.trigger(beforePrint, args, function (printElement) {
+            if (printElement.cancel) {
+                _this.printCleanup();
+                return;
+            }
+            _this.printInstance.on(print, _this.contentReady, _this);
+            _this.printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
+            _this.printWindow.moveTo(0, 0);
+            _this.printWindow.resizeTo(screen.availWidth, screen.availHeight);
+        });
     };
     Print.prototype.getPrintScheduleModel = function (printOptions) {
         var printModel = {};
@@ -29855,16 +30216,39 @@ var Print = /** @__PURE__ @class */ (function () {
     Print.prototype.contentReady = function () {
         var _this = this;
         this.printWindow = print$1(this.printInstance.element, this.printWindow);
+        this.closePrintWindow(this.printWindow, true);
         this.printWindow.onbeforeunload = function () {
-            if (_this.printInstance) {
-                _this.printInstance.off(print, _this.contentReady);
-                _this.printInstance.element.remove();
-                _this.printInstance.destroy();
-                _this.printInstance = null;
-            }
-            _this.printWindow = null;
+            _this.printCleanup();
         };
     };
+    Print.prototype.closePrintWindow = function (printWindow, cleanupRequired) {
+        var _this = this;
+        if (Browser.isIos) {
+            var printInterval_1 = setInterval(function () {
+                if (printWindow.opener) {
+                    printWindow.close();
+                }
+                else if (isNullOrUndefined(printWindow.opener)) {
+                    if (cleanupRequired) {
+                        _this.printCleanup();
+                    }
+                    clearInterval(printInterval_1);
+                }
+            }, 500);
+        }
+    };
+    Print.prototype.printCleanup = function () {
+        if (this.printInstance) {
+            this.printInstance.off(print, this.contentReady);
+            this.printInstance.element.remove();
+            this.printInstance.destroy();
+            this.printInstance = null;
+        }
+        if (this.printWindow) {
+            this.printWindow.onbeforeunload = null;
+            this.printWindow = null;
+        }
+    };
     Print.prototype.getModuleName = function () {
         return 'print';
     };
@@ -29874,5 +30258,5 @@ var Print = /** @__PURE__ @class */ (function () {
     return Print;
 }());
 
-export { Agenda, DEFAULT_WEEKS, Day, DragAndDrop, ExcelExport, Gregorian, HeaderRenderer, ICalendarExport, ICalendarImport, Islamic, MS_PER_DAY, MS_PER_MINUTE, Month, MonthAgenda, Print, RecurrenceEditor, Resize, Schedule, TimelineMonth, TimelineViews, TimelineYear, Timezone, ViewBase, WEEK_LENGTH, Week, WorkWeek, Year, actionBegin, actionComplete, actionFailure, addDays, addMonths, addYears, agendaCells, beforePaste, capitalizeFirstWord, cellClick, cellDoubleClick, cellMouseDown, cellSelect, contentReady, dataBinding, dataBound, dataReady, dateHeader, documentClick, documentPaste, drag, dragStart, dragStop, eventClick, eventDoubleClick, eventRendered, eventsLoaded, extractObjectFromRule, findIndexInData, firstDateOfMonth, generate, generateSummary, getCalendarUtil, getDateCount, getDateFromRecurrenceDateString, getDateFromString, getDateInMs, getDaysCount, getElementHeight, getElementHeightFromClass, getElementTop, getElementWidth, getElementWidthFromClass, getMaxDays, getOuterHeight, getRecurrenceStringFromDate, getScrollBarWidth, getStartEndHours, getTranslateX, getTranslateY, getUniversalTime, getWeekFirstDate, getWeekLastDate, getWeekMiddleDate, getWeekNumber, hover, initialEnd, initialLoad, inlineClick, isDaylightSavingTime, isIPadDevice, isMobile, lastDateOfMonth, moreEventsClick, navigating, noEvents, popupClose, popupOpen, print, removeChildren, renderCell, resetScrollbarWidth, resetTime, resizeStart, resizeStop, resizing, resourceHeader, scroll, scrollUiUpdate, select, setTime, timezoneData, uiUpdate, virtualScroll, virtualScrollStart, virtualScrollStop };
+export { Agenda, DEFAULT_WEEKS, Day, DragAndDrop, ExcelExport, Gregorian, HeaderRenderer, ICalendarExport, ICalendarImport, Islamic, MS_PER_DAY, MS_PER_MINUTE, Month, MonthAgenda, Print, RecurrenceEditor, Resize, Schedule, TimelineMonth, TimelineViews, TimelineYear, Timezone, ViewBase, WEEK_LENGTH, Week, WorkWeek, Year, actionBegin, actionComplete, actionFailure, addDays, addMonths, addYears, agendaCells, beforePaste, beforePrint, capitalizeFirstWord, cellClick, cellDoubleClick, cellMouseDown, cellSelect, contentReady, dataBinding, dataBound, dataReady, dateHeader, documentClick, documentPaste, drag, dragStart, dragStop, eventClick, eventDoubleClick, eventRendered, eventsLoaded, excelExport, extractObjectFromRule, findIndexInData, firstDateOfMonth, generate, generateSummary, getCalendarUtil, getDateCount, getDateFromRecurrenceDateString, getDateFromString, getDateInMs, getDaysCount, getElementHeight, getElementHeightFromClass, getElementTop, getElementWidth, getElementWidthFromClass, getMaxDays, getOuterHeight, getRecurrenceStringFromDate, getScrollBarWidth, getStartEndHours, getTranslateX, getTranslateY, getUniversalTime, getWeekFirstDate, getWeekLastDate, getWeekMiddleDate, getWeekNumber, hover, initialEnd, initialLoad, inlineClick, isDaylightSavingTime, isIPadDevice, isMobile, lastDateOfMonth, moreEventsClick, navigating, noEvents, popupClose, popupOpen, print, removeChildren, renderCell, resetScrollbarWidth, resetTime, resizeStart, resizeStop, resizing, resourceHeader, scroll, scrollUiUpdate, select, setTime, timezoneData, tooltipOpen, uiUpdate, virtualScroll, virtualScrollStart, virtualScrollStop };
 //# sourceMappingURL=ej2-schedule.es5.js.map