@syncfusion/ej2-schedule 21.1.41 → 21.2.4

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

@@ -8130,10 +8130,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 +8236,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 = '';
@@ -13756,7 +13782,7 @@ class Render {
             this.parent.virtualScrollModule.destroy();
             this.parent.virtualScrollModule = null;
         }
-        if ((['Agenda', 'Year'].indexOf(this.parent.currentView) === -1 ||
+        if ((['Agenda', 'MonthAgenda', 'Year', 'TimelineYear'].indexOf(this.parent.currentView) === -1 ||
             (this.parent.currentView === 'TimelineYear' && this.parent.activeViewOptions.orientation === 'Vertical'))
             && this.parent.activeViewOptions.allowVirtualScrolling
             && this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
@@ -19173,6 +19199,9 @@ class ActionBase {
         return event;
     }
     dynamicYearlyEventsRendering(event, isResize = false) {
+        if (!isNullOrUndefined(this.parent.eventDragArea)) {
+            return;
+        }
         let appWidth = this.actionObj.cellWidth - 7;
         if (isResize && (this.resizeEdges.left || this.resizeEdges.right)) {
             appWidth = this.actionObj.cellWidth * event.count;
@@ -19242,6 +19271,9 @@ class ActionBase {
         return appointmentWrapper;
     }
     dynamicEventsRendering(event) {
+        if (!isNullOrUndefined(this.parent.eventDragArea)) {
+            return;
+        }
         let dateRender = this.parent.activeView.renderDates;
         let workCells = [].slice.call(this.parent.element.querySelectorAll('.' + WORK_CELLS_CLASS));
         let workDays = this.parent.activeViewOptions.workDays;
@@ -19276,7 +19308,7 @@ class ActionBase {
             this.monthEvent.applyResourceColor(appointmentElement, event, 'backgroundColor', groupOrder);
             setStyleAttribute(appointmentElement, { 'width': appWidth + 'px', 'border': '0px', 'pointer-events': 'none' });
             const cellTd = workCells[parseInt(day.toString(), 10)];
-            if (cellTd && isNullOrUndefined(this.parent.eventDragArea)) {
+            if (cellTd) {
                 this.monthEvent.renderElement(cellTd, appointmentElement, true);
                 this.actionObj.cloneElement.push(appointmentElement);
             }
@@ -21350,9 +21382,11 @@ class DragAndDrop extends ActionBase {
             }
         }
         const event = this.getUpdatedEvent(this.actionObj.start, this.actionObj.end, this.actionObj.event);
-        const eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
-        for (const wrapper of eventWrappers) {
-            remove(wrapper);
+        if (isNullOrUndefined(this.parent.eventDragArea)) {
+            const eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
+            for (const wrapper of eventWrappers) {
+                remove(wrapper);
+            }
         }
         if (this.multiData && this.multiData.length > 0) {
             const startTime = resetTime(new Date(event[this.parent.eventFields.startTime]));
@@ -21452,9 +21486,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() -