@syncfusion/ej2-schedule 21.2.3 → 21.2.5

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

@@ -6547,6 +6547,7 @@ class VerticalEvent extends EventBase {
             removeClass(this.allDayElement, ALLDAY_ROW_ANIMATE_CLASS);
             this.slots.push(this.parent.activeView.renderDates.map((date) => +date));
             this.renderEvents('allDayEvents');
+            this.animation.animate(this.allDayElement[0]);
         }
         this.parent.notify(contentReady, {});
         addClass(this.allDayElement, ALLDAY_ROW_ANIMATE_CLASS);
@@ -6647,6 +6648,8 @@ class VerticalEvent extends EventBase {
         const resources = this.getResourceList();
         let dateCount = this.getStartCount();
         let isRender;
+        const appHeight = eventType === 'allDayEvents' ? getElementHeightFromClass(this.element.querySelector('.' + ALLDAY_APPOINTMENT_WRAPPER_CLASS), APPOINTMENT_CLASS) : 0;
+        const allDayRowTop = eventType === 'allDayEvents' && this.allDayElement.length > 0 ? this.allDayElement[0].offsetTop : 0;
         for (const resource of resources) {
             isRender = true;
             if (this.parent.crudModule && this.parent.crudModule.crudObj.isCrudAction && eventType !== 'allDayEvents'
@@ -6672,7 +6675,7 @@ class VerticalEvent extends EventBase {
                             this.setValues(event, resource);
                         }
                         if (eventType === 'allDayEvents') {
-                            this.renderAllDayEvents(event, day, resource, dateCount);
+                            this.renderAllDayEvents(event, day, resource, dateCount, false, allDayRowTop, appHeight);
                         }
                         else {
                             if (this.isAllDayAppointment(event)) {
@@ -6901,7 +6904,8 @@ class VerticalEvent extends EventBase {
         }
         return true;
     }
-    renderAllDayEvents(eventObj, dayIndex, resource, dayCount, inline) {
+    // eslint-disable-next-line max-len
+    renderAllDayEvents(eventObj, dayIndex, resource, dayCount, inline, cellTop, eventHeight) {
         let currentDates = this.getRenderedDates(this.dateRender[parseInt(resource.toString(), 10)]) ||
             this.dateRender[parseInt(resource.toString(), 10)];
         if (this.parent.activeViewOptions.group.byDate) {
@@ -6909,8 +6913,6 @@ class VerticalEvent extends EventBase {
             currentDates = [this.dateRender[parseInt(resource.toString(), 10)][parseInt(dayIndex.toString(), 10)]];
         }
         const record = this.splitEvent(eventObj, currentDates)[0];
-        const allDayRowCell = this.element.querySelector('.' + ALLDAY_CELLS_CLASS + ':first-child');
-        const cellTop = allDayRowCell.offsetTop;
         const eStart = new Date(record[this.parent.eventFields.startTime].getTime());
         const eEnd = new Date(record[this.parent.eventFields.endTime].getTime());
         let appWidth = 0;
@@ -6959,8 +6961,7 @@ class VerticalEvent extends EventBase {
                 this.parent.trigger(eventRendered, args, (eventArgs) => {
                     if (!eventArgs.cancel) {
                         eventWrapper.appendChild(appointmentElement);
-                        const appHeight = appointmentElement.offsetHeight;
-                        topValue += (allDayIndex === 0 ? cellTop : (cellTop + (allDayIndex * appHeight))) + 1;
+                        topValue += (allDayIndex === 0 ? cellTop : (cellTop + (allDayIndex * eventHeight))) + 1;
                         setStyleAttribute(appointmentElement, { 'width': appWidth + '%', 'top': formatUnit(topValue) });
                         if (allDayIndex > 1) {
                             this.moreEvents.push(appointmentElement);
@@ -6968,9 +6969,9 @@ class VerticalEvent extends EventBase {
                                 this.createMoreIndicator(allDayRow, count, wIndex);
                             }
                         }
-                        allDayRowCell.setAttribute('data-count', this.allDayLevel.toString());
+                        this.allDayElement[0].setAttribute('data-count', this.allDayLevel.toString());
                         const allDayRowHeight = ((!this.parent.uiStateValues.expand && this.allDayLevel > 2) ?
-                            (3 * appHeight) : ((this.allDayLevel + 1) * appHeight)) + 4;
+                            (3 * eventHeight) : ((this.allDayLevel + 1) * eventHeight)) + 4;
                         this.setAllDayRowHeight(allDayRowHeight);
                         this.addOrRemoveClass();
                         this.wireAppointmentEvents(appointmentElement, eventObj);
@@ -7190,13 +7191,11 @@ class VerticalEvent extends EventBase {
             this.parent.eventBase.allDayExpandScroll(dateHeader);
         }
         else {
-            dateHeader.scrollTop = 0;
             for (const element of this.allDayElement) {
                 element.style.height = (height / 12) + 'em';
             }
             removeClass([dateHeader], ALLDAY_APPOINTMENT_SCROLL);
         }
-        this.animation.animate(this.allDayElement[0]);
     }
     addOrRemoveClass() {
         this.moreEvents.filter((element) => {
@@ -7255,8 +7254,10 @@ class VerticalEvent extends EventBase {
             target.setAttribute('title', this.parent.localeObj.getConstant('expandAllDaySection'));
             target.setAttribute('aria-label', 'Expand section');
             rowHeight = (3 * this.getEventHeight()) + 4;
+            this.parent.element.querySelector('.' + DATE_HEADER_WRAP_CLASS).scrollTop = 0;
         }
         this.setAllDayRowHeight(rowHeight);
+        this.animation.animate(this.allDayElement[0]);
         this.addOrRemoveClass();
         this.animation.animate(target);
     }
@@ -8130,10 +8131,21 @@ class TimelineEvent extends MonthEvent {
                     'width': appWidth + 'px', 'left': appLeft + 'px', 'right': appRight + 'px', 'top': appTop + 'px'
                 });
                 this.wireAppointmentEvents(appointmentElement, event);
-                this.renderEventElement(event, appointmentElement, cellTd);
                 if (this.parent.rowAutoHeight) {
+                    const conWrap = this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
+                    const conWidth = conWrap.getBoundingClientRect().width;
+                    const isWithoutScroll = conWrap.offsetHeight === conWrap.clientHeight &&
+                        conWrap.offsetWidth === conWrap.clientWidth;
+                    this.renderEventElement(event, appointmentElement, cellTd);
                     const firstChild = this.getFirstChild(resIndex);
                     this.updateCellHeight(firstChild, height);
+                    if (isWithoutScroll &&
+                        (conWrap.offsetWidth > conWrap.clientWidth || conWidth !== conWrap.getBoundingClientRect().width)) {
+                        this.adjustAppointments(conWidth);
+                    }
+                }
+                else {
+                    this.renderEventElement(event, appointmentElement, cellTd);
                 }
             }
             else {
@@ -8225,6 +8237,21 @@ class TimelineEvent extends MonthEvent {
             }
         }
     }
+    adjustAppointments(conWidth) {
+        const tr = this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS + ' tbody tr');
+        this.cellWidth = this.workCells[0].getBoundingClientRect().width;
+        const currentPercentage = (this.cellWidth * tr.children.length) / (conWidth / 100);
+        const apps = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
+        apps.forEach((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';
+        });
+    }
     getFirstChild(index) {
         const query = '.' + CONTENT_TABLE_CLASS + ' tbody td';
         let groupIndex = '';
@@ -8570,7 +8597,9 @@ class InlineEdit {
                     allDayElements[0].offsetHeight) - 1;
             }
             verticalEvent.allDayLevel = allDayLevel;
-            verticalEvent.renderAllDayEvents(saveObj, index, resIndex, daysCount, this.parent.allowInline);
+            const appHeight = getElementHeightFromClass(this.parent.element.querySelector('.' + ALLDAY_APPOINTMENT_WRAPPER_CLASS), APPOINTMENT_CLASS);
+            const cellTop = verticalEvent.allDayElement.length > 0 ? verticalEvent.allDayElement[0].offsetTop : 0;
+            verticalEvent.renderAllDayEvents(saveObj, index, resIndex, daysCount, this.parent.allowInline, cellTop, appHeight);
         }
         else {
             verticalEvent.renderNormalEvents(saveObj, index, resIndex, daysCount, this.parent.allowInline);
@@ -21460,9 +21489,12 @@ class DragAndDrop extends ActionBase {
         }
         else {
             if (this.isCursorAhead || cursorDrag) {
-                eventStart.setMinutes(eventStart.getMinutes() +
-                    (this.isTimelineDayProcess ? MINUTES_PER_DAY : this.actionObj.slotInterval));
+                const minutes = this.isTimelineDayProcess ? MINUTES_PER_DAY : this.actionObj.slotInterval;
+                eventStart.setMinutes(eventStart.getMinutes() + minutes);
                 eventStart.setMilliseconds(-(eventDuration));
+                if (eventStart.getTime() === resetTime(eventStart).getTime() && eventStart.getMinutes() === 0 && eventDuration === 0) {
+                    eventStart.setMinutes(-minutes);
+                }
             }
             else {
                 eventStart.setMinutes(eventStart.getMinutes() -