@syncfusion/ej2-schedule 20.4.40 → 20.4.43

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

@@ -5651,18 +5651,12 @@ class EventBase {
     }
     removeSelectedAppointmentClass() {
         const selectedAppointments = this.getSelectedAppointments();
-        for (const appointment of selectedAppointments) {
-            appointment.setAttribute('aria-pressed', 'false');
-        }
         removeClass(selectedAppointments, APPOINTMENT_BORDER);
         if (this.parent.currentView === 'Agenda' || this.parent.currentView === 'MonthAgenda') {
             removeClass(selectedAppointments, AGENDA_SELECTED_CELL);
         }
     }
     addSelectedAppointments(cells) {
-        for (const cell of cells) {
-            cell.setAttribute('aria-pressed', 'true');
-        }
         if (this.parent.currentView !== 'MonthAgenda') {
             this.parent.removeSelectedClass();
         }
@@ -6193,7 +6187,7 @@ class EventBase {
             className: BLOCK_APPOINTMENT_CLASS,
             attrs: {
                 'data-id': 'Appointment_' + record[this.parent.eventFields.id],
-                'aria-disabled': 'true', 'aria-pressed': 'false'
+                'aria-disabled': 'true'
             }
         });
         let templateElement;
@@ -6679,7 +6673,6 @@ class VerticalEvent extends EventBase {
                 'role': 'button',
                 'tabindex': '0',
                 'aria-disabled': this.parent.eventBase.getReadonlyAttribute(record),
-                'aria-pressed': 'false',
                 'aria-label': this.parent.getAnnouncementString(record)
             }
         });
@@ -7581,7 +7574,7 @@ class MonthEvent extends EventBase {
         const attrs = {
             'data-id': 'Appointment_' + record[this.fields.id],
             'role': 'button', 'tabindex': '0',
-            'aria-disabled': this.parent.eventBase.getReadonlyAttribute(record), 'aria-pressed': 'false',
+            'aria-disabled': this.parent.eventBase.getReadonlyAttribute(record),
             'aria-label': this.parent.getAnnouncementString(newRecord, eventSubject)
         };
         if (!isCloneElement) {
@@ -9067,7 +9060,7 @@ class QuickPopups {
                         'data-id': '' + eventData[fields.id],
                         'data-guid': eventData.Guid, 'role': 'button', 'tabindex': '0',
                         'aria-disabled': this.parent.eventBase.getReadonlyAttribute(eventData),
-                        'aria-pressed': 'false', 'aria-label': this.parent.getAnnouncementString(eventData)
+                        'aria-label': this.parent.getAnnouncementString(eventData)
                     }
                 });
                 let templateElement;
@@ -10183,13 +10176,8 @@ class EventTooltip {
             startMonthDate = capitalizeFirstWord(startMonthDate, 'single');
             startMonthYearDate = capitalizeFirstWord(startMonthYearDate, 'single');
             endMonthYearDate = capitalizeFirstWord(endMonthYearDate, 'single');
-            const skeleton = 'short';
-            const startTime = globalize.formatDate(eventStart, {
-                type: 'time', skeleton: skeleton, calendar: this.parent.getCalendarMode()
-            });
-            const endTime = globalize.formatDate(eventEnd, {
-                type: 'time', skeleton: skeleton, calendar: this.parent.getCalendarMode()
-            });
+            const startTime = this.parent.getTimeString(eventStart);
+            const endTime = this.parent.getTimeString(eventEnd);
             let tooltipDetails;
             if (startDate.getTime() === endDate.getTime()) {
                 tooltipDetails =
@@ -19186,8 +19174,17 @@ class Resize extends ActionBase {
             return;
         }
         const pages = this.getPageCoordinates(e);
-        this.actionObj.pageX = pages.pageX;
-        this.actionObj.pageY = pages.pageY;
+        if (this.parent.currentView === 'Month' || this.parent.currentView === 'TimelineYear') {
+            const doc = document.documentElement;
+            const left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
+            const top = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
+            this.actionObj.pageX = pages.pageX - left;
+            this.actionObj.pageY = pages.pageY - top;
+        }
+        else {
+            this.actionObj.pageX = pages.pageX;
+            this.actionObj.pageY = pages.pageY;
+        }
         this.updateScrollPosition(e);
         this.updateResizingDirection(e);
         const eventObj = extend({}, this.actionObj.event, null, true);
@@ -19525,6 +19522,9 @@ class Resize extends ActionBase {
         clnTop = isTop ? Math.floor(clnTop / slotInterval) * slotInterval : clnTop;
         clnHeight = clnTop + clnHeight >= viewElement.scrollHeight ? viewElement.scrollHeight - clnTop :
             Math.ceil(clnHeight / slotInterval) * slotInterval;
+        if (!isTop && this.actionObj.clone.offsetTop + clnHeight >= this.parent.getContentTable().offsetHeight) {
+            clnHeight = this.parent.getContentTable().offsetHeight - this.actionObj.clone.offsetTop;
+        }
         const styles = {
             height: formatUnit(clnHeight < this.actionObj.cellHeight ? Math.floor(clnHeight / slotInterval) * slotInterval : clnHeight),
             top: formatUnit((clnHeight < this.actionObj.cellHeight && isTop) ? Math.ceil(clnTop / slotInterval) * slotInterval : clnTop),
@@ -19981,7 +19981,7 @@ class YearEvent extends TimelineEvent {
                 'data-id': 'Appointment_' + record[this.fields.id],
                 'data-guid': record.Guid,
                 'role': 'button', 'tabindex': '0',
-                'aria-disabled': this.parent.eventBase.getReadonlyAttribute(record), 'aria-pressed': 'false',
+                'aria-disabled': this.parent.eventBase.getReadonlyAttribute(record),
                 'aria-label': this.parent.getAnnouncementString(record)
             }
         });
@@ -21109,7 +21109,7 @@ class DragAndDrop extends ActionBase {
             getUniversalTime(eventObj[this.parent.eventFields.startTime]);
         let offsetLeft = this.parent.enableRtl ? Math.abs(this.actionObj.clone.offsetLeft) - this.actionObj.clone.offsetWidth :
             parseInt(this.actionObj.clone.style.left, 10);
-        offsetLeft = Math.floor(offsetLeft / this.actionObj.cellWidth) * this.actionObj.cellWidth;
+        offsetLeft = Math.floor(offsetLeft / Math.trunc(this.actionObj.cellWidth)) * this.actionObj.cellWidth;
         let rightOffset;
         if (this.parent.enableRtl) {
             rightOffset = Math.abs(parseInt(this.actionObj.clone.style.right, 10));
@@ -21195,25 +21195,27 @@ class DragAndDrop extends ActionBase {
             eventsData = this.updatedData;
         }
         for (let dataIndex = 0; dataIndex < eventsData.length; dataIndex++) {
-            const events = this.timelineEventModule.splitEvent(eventsData[parseInt(dataIndex.toString(), 10)], this.timelineEventModule.dateRender);
-            const eventData = events[0].data;
-            const startTime = this.timelineEventModule.getStartTime(events[0], eventData);
-            const endTime = this.timelineEventModule.getEndTime(events[0], eventData);
-            // eslint-disable-next-line max-len
-            const width = this.timelineEventModule.getEventWidth(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], eventData.count);
-            // eslint-disable-next-line max-len
-            let day = this.parent.getIndexOfDate(this.timelineEventModule.dateRender, resetTime(new Date(startTime.getTime())));
-            day = day < 0 ? 0 : day;
-            const left = this.timelineEventModule.getPosition(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], day);
             const cloneElement = this.multiData.length > 0 ? this.actionObj.cloneElement[parseInt(dataIndex.toString(), 10)] : this.actionObj.clone;
-            if (this.parent.enableRtl) {
-                cloneElement.style.right = formatUnit(left);
-            }
-            else {
-                cloneElement.style.left = formatUnit(left);
-            }
-            if (!this.isMorePopupOpened) {
-                cloneElement.style.width = formatUnit(width);
+            if (isNullOrUndefined(this.parent.eventDragArea)) {
+                const events = this.timelineEventModule.splitEvent(eventsData[parseInt(dataIndex.toString(), 10)], this.timelineEventModule.dateRender);
+                const eventData = events[0].data;
+                const startTime = this.timelineEventModule.getStartTime(events[0], eventData);
+                const endTime = this.timelineEventModule.getEndTime(events[0], eventData);
+                // eslint-disable-next-line max-len
+                const width = this.timelineEventModule.getEventWidth(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], eventData.count);
+                // eslint-disable-next-line max-len
+                let day = this.parent.getIndexOfDate(this.timelineEventModule.dateRender, resetTime(new Date(startTime.getTime())));
+                day = day < 0 ? 0 : day;
+                const left = this.timelineEventModule.getPosition(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], day);
+                if (this.parent.enableRtl) {
+                    cloneElement.style.right = formatUnit(left);
+                }
+                else {
+                    cloneElement.style.left = formatUnit(left);
+                }
+                if (!this.isMorePopupOpened) {
+                    cloneElement.style.width = formatUnit(width);
+                }
             }
             if (this.parent.activeViewOptions.group.resources.length > 0) {
                 this.calculateResourceGroupingPosition(e, cloneElement);
@@ -21240,7 +21242,9 @@ class DragAndDrop extends ActionBase {
                         rightOffset = (viewEle.scrollLeft - viewEle.scrollWidth);
                     }
                 }
-                this.actionObj.clone.style.left = formatUnit(rightOffset);
+                if (isNullOrUndefined(this.parent.eventDragArea)) {
+                    this.actionObj.clone.style.left = formatUnit(rightOffset);
+                }
             }
             else {
                 if (this.scrollEdges.left) {
@@ -21257,7 +21261,9 @@ class DragAndDrop extends ActionBase {
                         this.actionObj.clone.offsetWidth) + (this.actionObj.clone.offsetWidth - this.widthUptoCursorPoint);
                 }
                 offsetLeft = offsetLeft < 0 ? 0 : offsetLeft;
-                this.actionObj.clone.style.left = formatUnit(offsetLeft);
+                if (isNullOrUndefined(this.parent.eventDragArea)) {
+                    this.actionObj.clone.style.left = formatUnit(offsetLeft);
+                }
             }
         }
         return offsetLeft;
@@ -21335,6 +21341,9 @@ class DragAndDrop extends ActionBase {
         const td = closest(this.actionObj.target, 'td');
         this.actionObj.groupIndex = (td && !isNaN(parseInt(td.getAttribute('data-group-index'), 10)))
             ? parseInt(td.getAttribute('data-group-index'), 10) : this.actionObj.groupIndex;
+        if (!isNullOrUndefined(this.parent.eventDragArea)) {
+            return;
+        }
         let top = trCollection[parseInt(rowIndex.toString(), 10)].getBoundingClientRect().height * rowIndex;
         if (this.parent.rowAutoHeight) {
             const cursorElement = this.getCursorElement(e);
@@ -24000,7 +24009,6 @@ class AgendaBase extends ViewBase {
                         'role': 'button',
                         'tabindex': '0',
                         'aria-disabled': this.parent.eventBase.getReadonlyAttribute(listData[parseInt(li.toString(), 10)]),
-                        'aria-pressed': 'false',
                         'aria-label': this.parent.getAnnouncementString(listData[parseInt(li.toString(), 10)])
                     }
                 });