@syncfusion/ej2-schedule 27.1.48 → 27.1.51

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

@@ -2028,6 +2028,9 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
         this.element.style.transform = 'translatex(' + (this.parent.enableRtl ? prevWidth : -this.currentPanel.element.offsetLeft) + 'px)';
     };
     ScheduleTouch.prototype.onTransitionEnd = function () {
+        if (!isNullOrUndefined(this.element) && !this.element.classList.contains(TRANSLATE_CLASS)) {
+            return;
+        }
         removeClass([this.element], TRANSLATE_CLASS);
         this.element.style.transitionDuration = '';
         this.element.style.transform = '';
@@ -6442,6 +6445,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
         this.parent.activeEventData = { event: eventObject, element: target };
     };
     EventBase.prototype.generateOccurrence = function (event, viewDate, isMaxCount) {
+        var _this = this;
         var startDate = event[this.parent.eventFields.startTime];
         var endDate = event[this.parent.eventFields.endTime];
         var eventRule = event[this.parent.eventFields.recurrenceRule];
@@ -6456,6 +6460,10 @@ var EventBase = /** @__PURE__ @class */ (function () {
         var newTimezone = this.parent.timezone || this.parent.tzModule.getLocalTimezoneName();
         var firstDay = this.parent.activeViewOptions.firstDayOfWeek;
         var calendarMode = this.parent.calendarMode;
+        if (event[this.parent.eventFields.recurrenceRule] && event[this.parent.eventFields.recurrenceRule].includes('BYMONTHDAY') &&
+            this.parent.timezone && event[this.parent.eventFields.startTimezone] && event[this.parent.eventFields.endTimezone]) {
+            startDate = this.parent.tzModule.convert(event[this.parent.eventFields.startTime], this.parent.timezone, event[this.parent.eventFields.startTimezone]);
+        }
         var dates = generate(startDate, eventRule, exception, firstDay, maxCount, viewDate, calendarMode, newTimezone);
         if (this.parent.currentView === 'Agenda' && eventRule.indexOf('COUNT') === -1 && eventRule.indexOf('UNTIL') === -1) {
             if (isNullOrUndefined(event.generatedDates)) {
@@ -6470,11 +6478,21 @@ var EventBase = /** @__PURE__ @class */ (function () {
                 }
             }
         }
+        var isDSTAdjusted = false;
+        var convertedDates = [];
+        if (event[this.parent.eventFields.recurrenceRule] && event[this.parent.eventFields.recurrenceRule].includes('BYMONTHDAY') &&
+            this.parent.timezone && event[this.parent.eventFields.startTimezone] && event[this.parent.eventFields.endTimezone]) {
+            isDSTAdjusted = true;
+            convertedDates.push.apply(convertedDates, dates.map(function (date) {
+                return _this.parent.tzModule.convert(new Date(date), event[_this.parent.eventFields.startTimezone], _this.parent.timezone).getTime();
+            }));
+        }
+        convertedDates = convertedDates.length > 0 ? convertedDates : dates;
         var occurrenceCollection = [];
-        for (var _i = 0, dates_1 = dates; _i < dates_1.length; _i++) {
-            var date = dates_1[_i];
+        for (var _i = 0, convertedDates_1 = convertedDates; _i < convertedDates_1.length; _i++) {
+            var date = convertedDates_1[_i];
             var clonedObject = extend({}, event, null, true);
-            date = this.getDSTAdjustedTime(date, clonedObject);
+            date = !isDSTAdjusted ? this.getDSTAdjustedTime(date, clonedObject) : date;
             clonedObject[this.parent.eventFields.startTime] = new Date(date);
             clonedObject[this.parent.eventFields.endTime] = new Date(new Date(date).setMilliseconds(duration));
             clonedObject[this.parent.eventFields.recurrenceID] = clonedObject[this.parent.eventFields.id];
@@ -6957,8 +6975,8 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         _this.slotCount = _this.parent.activeViewOptions.timeScale.slotCount;
         _this.interval = _this.parent.activeViewOptions.timeScale.interval;
         _this.allDayLevel = 0;
-        _this.startHour = _this.parent.activeView.getStartHour();
-        _this.endHour = _this.parent.activeView.getEndHour();
+        _this.startHour = _this.getStartEndHours(_this.parent.activeViewOptions.startHour);
+        _this.endHour = _this.getStartEndHours(_this.parent.activeViewOptions.endHour);
         _this.element = _this.parent.activeView.getPanel();
         _this.fields = _this.parent.eventFields;
         _this.animation = new Animation({ progress: _this.animationUiUpdate.bind(_this) });
@@ -7092,7 +7110,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             var renderDates = this.dateRender[parseInt(resource.toString(), 10)];
             for (var day = 0, length_1 = renderDates.length; day < length_1; day++) {
                 var startDate = new Date(renderDates[parseInt(day.toString(), 10)].getTime());
-                var endDate = addDays(renderDates[parseInt(day.toString(), 10)], 1);
+                var endDate = resetTime(addDays(renderDates[parseInt(day.toString(), 10)], 1));
                 var filterEvents = this.filterEvents(startDate, endDate, this.parent.blockProcessed, this.resources[parseInt(resource.toString(), 10)]);
                 for (var _a = 0, filterEvents_1 = filterEvents; _a < filterEvents_1.length; _a++) {
                     var event_1 = filterEvents_1[_a];
@@ -7123,7 +7141,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 blockHeight = formatUnit(this.getHeight(eStart, eEnd));
-                blockTop = formatUnit(this.getTopValue(eStart, dayIndex, resource));
+                blockTop = formatUnit(this.getTopValue(eStart));
             }
             var appointmentElement = this.createBlockAppointmentElement(eventObj, resource, this.isResourceEventTemplate);
             setStyleAttribute(appointmentElement, { 'width': '100%', 'height': blockHeight, 'top': blockTop });
@@ -7156,7 +7174,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
                 renderDates[parseInt(day.toString(), 10)] <= renderedDate[renderedDate.length - 1]; day++) {
                 this_1.renderedEvents = [];
                 var startDate = new Date(renderDates[parseInt(day.toString(), 10)].getTime());
-                var endDate = addDays(renderDates[parseInt(day.toString(), 10)], 1);
+                var endDate = resetTime(addDays(renderDates[parseInt(day.toString(), 10)], 1));
                 var filterEvents = this_1.filterEvents(startDate, endDate, eventCollection, this_1.resources[parseInt(resource.toString(), 10)]);
                 if (isRender) {
                     for (var _i = 0, filterEvents_2 = filterEvents; _i < filterEvents_2.length; _i++) {
@@ -7501,7 +7519,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         if (eStart <= eEnd && isValidEvent && this.isWorkDayAvailable(resource, eStart)) {
             var appHeight = record.isSpanned.isSameDuration ? this.cellHeight : this.getHeight(eStart, eEnd);
             if (eStart.getTime() >= schedule.startHour.getTime()) {
-                topValue = this.getTopValue(eStart, dayIndex, resource);
+                topValue = this.getTopValue(eStart);
             }
             var appIndex = this.getOverlapIndex(record, dayIndex, false, resource);
             record.Index = appIndex;
@@ -7562,13 +7580,20 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         var tempLeft = (parseFloat(appWidth) + 1) * index;
         return (tempLeft > 99 ? 99 : tempLeft) + '%';
     };
-    VerticalEvent.prototype.getTopValue = function (date, day, resource) {
-        var viewDate = resetTime(this.dateRender[parseInt(resource.toString(), 10)][parseInt(day.toString(), 10)]);
-        var startEndHours = getStartEndHours(viewDate, this.startHour, this.endHour);
-        var startHour = startEndHours.startHour;
-        var adjustedStartHour = isDaylightSavingTime(viewDate) && (startHour.getHours() !== this.startHour.getHours()) ?
-            this.startHour.getHours() : startHour.getHours();
-        var diffInMinutes = ((date.getHours() - adjustedStartHour) * 60) + (date.getMinutes() - startHour.getMinutes());
+    VerticalEvent.prototype.getStartEndHours = function (startEndTime) {
+        if (!isNullOrUndefined(startEndTime) && startEndTime !== '') {
+            var startEndDate = new Date(2000, 0, 0, 0);
+            var timeString = startEndTime.split(':');
+            if (timeString.length === 2) {
+                startEndDate.setHours(parseInt(timeString[0], 10), parseInt(timeString[1], 10), 0);
+            }
+            return startEndDate;
+        }
+        return null;
+    };
+    VerticalEvent.prototype.getTopValue = function (date) {
+        var startHour = this.getStartEndHours(this.parent.activeViewOptions.startHour);
+        var diffInMinutes = ((date.getHours() - startHour.getHours()) * 60) + (date.getMinutes() - startHour.getMinutes());
         return (this.parent.activeViewOptions.timeScale.enable) ? ((diffInMinutes * this.cellHeight * this.slotCount) / this.interval) : 0;
     };
     VerticalEvent.prototype.getOverlapIndex = function (record, day, isAllDay, resource) {
@@ -22330,14 +22355,17 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         _this.isCursorAhead = false;
         _this.enableCurrentViewDrag = false;
         _this.isPreventMultiDrag = false;
+        _this.slotsUptoCursor = -1;
+        _this.eleTop = 0;
         return _this;
     }
     DragAndDrop.prototype.wireDragEvent = function (element) {
+        var isVerticalView = ['Day', 'Week', 'WorkWeek'].indexOf(this.parent.currentView) > -1;
         new Draggable(element, {
             abort: '.' + EVENT_RESIZE_CLASS,
             clone: true,
             isDragScroll: true,
-            enableTailMode: (this.parent.eventDragArea) ? true : false,
+            enableTailMode: (this.parent.eventDragArea || isVerticalView) ? true : false,
             cursorAt: (this.parent.eventDragArea) ? { left: -20, top: -20 } : { left: 0, top: 0 },
             dragArea: this.dragArea,
             dragStart: this.dragStart.bind(this),
@@ -22361,6 +22389,8 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         }
         this.setDragActionDefaultValues();
         this.actionObj.element = e.element;
+        this.eleTop = parseFloat(this.actionObj.element.style.top);
+        this.slotsUptoCursor = -1;
         this.actionObj.action = 'drag';
         var elements = [];
         if (!this.parent.allowMultiDrag || isNullOrUndefined(this.parent.selectedElements) || this.parent.selectedElements.length === 0 ||
@@ -22439,7 +22469,13 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             }
             var top_1 = parseInt(e.top, 10);
             top_1 = top_1 < 0 ? 0 : top_1;
-            topValue = formatUnit(Math.floor(top_1 / cellHeight) * cellHeight);
+            if (this.slotsUptoCursor < 0) {
+                var cellsCountUptoCursor = Math.floor(top_1 / cellHeight);
+                var cellsCountUptoEleTop = Math.floor(this.eleTop / cellHeight);
+                this.slotsUptoCursor = cellsCountUptoCursor - cellsCountUptoEleTop;
+            }
+            top_1 = (Math.floor((top_1 + 1) / cellHeight) - this.slotsUptoCursor) * cellHeight;
+            topValue = formatUnit(top_1 < 0 ? 0 : top_1);
             var scrollHeight = this.parent.element.querySelector('.e-content-wrap').scrollHeight;
             var cloneBottom = parseInt(topValue, 10) + this.actionObj.clone.offsetHeight;
             if (cloneBottom > scrollHeight) {
@@ -22874,7 +22910,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
                 (dragArea.scrollTop + dragArea.offsetHeight - this.actionObj.clone.offsetHeight + window.pageYOffset) +
                     (this.actionObj.clone.offsetHeight - this.heightUptoCursorPoint);
             offsetTop = Math.round(offsetTop / this.actionObj.cellHeight) * this.actionObj.cellHeight;
-            if (dragArea.scrollTop > 0) {
+            if (dragArea.scrollTop > 0 && offsetTop < dragArea.scrollHeight) {
                 this.actionObj.clone.style.top = formatUnit(offsetTop);
             }
         }
@@ -23122,7 +23158,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
                     var appHeight = this.parent.activeViewOptions.timeScale.enable ? this.verticalEvent.getHeight(eStart, eEnd) :
                         this.actionObj.element.offsetHeight;
                     var topValue = this.parent.activeViewOptions.timeScale.enable ?
-                        this.verticalEvent.getTopValue(eStart, dayIndex, indexGroup) : this.actionObj.element.offsetTop;
+                        this.verticalEvent.getTopValue(eStart) : this.actionObj.element.offsetTop;
                     if (isNullOrUndefined(index)) {
                         if (i === 0) {
                             this.actionObj.clone.style.top = formatUnit(topValue);
@@ -23921,6 +23957,10 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         }
         startHour.setMilliseconds(0);
         endHour.setMilliseconds(0);
+        if (resetTime(date).getTime() !== resetTime(startHour).getTime()) {
+            startHour = new Date(2000, 0, 0, startHour.getHours(), startHour.getMinutes(), startHour.getMilliseconds());
+            endHour = new Date(2000, 0, 0, endHour.getHours(), endHour.getMinutes(), endHour.getMilliseconds());
+        }
         return !(getDateInMs(date) < getDateInMs(startHour) || getDateInMs(date) >= getDateInMs(endHour) ||
             !this.isWorkDay(date, workDays));
     };
@@ -24665,7 +24705,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         }
     };
     VerticalView.prototype.getTopFromDateTime = function (date) {
-        var startHour = this.getStartHour();
+        var startHour = this.getStartEndHours(this.parent.activeViewOptions.startHour);
         var diffInMinutes = ((date.getHours() - startHour.getHours()) * 60) + (date.getMinutes() - startHour.getMinutes());
         return (diffInMinutes * this.getWorkCellHeight() * this.parent.activeViewOptions.timeScale.slotCount) /
             this.parent.activeViewOptions.timeScale.interval;