@syncfusion/ej2-schedule 28.1.33 → 28.1.36

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

@@ -18027,9 +18027,6 @@ let Schedule = class Schedule extends Component {
     removeSelectedClass() {
         const selectedCells = this.getSelectedCells();
         for (const cell of selectedCells) {
-            if (this.currentView !== 'Year') {
-                cell.setAttribute('aria-selected', 'false');
-            }
             cell.removeAttribute('tabindex');
         }
         removeClass(selectedCells, SELECTED_CELL_CLASS);
@@ -18047,11 +18044,6 @@ let Schedule = class Schedule extends Component {
      * @private
      */
     addSelectedClass(cells, focusCell, isPreventScroll) {
-        if (this.currentView !== 'Year') {
-            for (const cell of cells) {
-                cell.setAttribute('aria-selected', 'true');
-            }
-        }
         addClass(cells, SELECTED_CELL_CLASS);
         if (focusCell) {
             focusCell.setAttribute('tabindex', '0');
@@ -22029,14 +22021,14 @@ class DragAndDrop extends ActionBase {
         this.isPreventMultiDrag = false;
         this.slotsUptoCursor = -1;
         this.eleTop = 0;
+        this.distanceUptoCursor = 0;
     }
     wireDragEvent(element) {
-        const isVerticalView = ['Day', 'Week', 'WorkWeek'].indexOf(this.parent.currentView) > -1;
         new Draggable(element, {
             abort: '.' + EVENT_RESIZE_CLASS,
             clone: true,
             isDragScroll: true,
-            enableTailMode: (this.parent.eventDragArea || isVerticalView) ? true : false,
+            enableTailMode: this.parent.eventDragArea ? true : false,
             cursorAt: (this.parent.eventDragArea) ? { left: -20, top: -20 } : { left: 0, top: 0 },
             dragArea: this.dragArea,
             dragStart: this.dragStart.bind(this),
@@ -22059,8 +22051,12 @@ class DragAndDrop extends ActionBase {
         }
         this.setDragActionDefaultValues();
         this.actionObj.element = e.element;
-        this.eleTop = parseFloat(this.actionObj.element.style.top);
-        this.slotsUptoCursor = -1;
+        if (e.sender && ['Day', 'Week', 'WorkWeek'].indexOf(this.parent.currentView) > -1) {
+            const eventArgs = this.parent.eventBase.getPageCoordinates(e.sender);
+            this.distanceUptoCursor = eventArgs.clientY - this.actionObj.element.getBoundingClientRect().top;
+            this.eleTop = parseFloat(this.actionObj.element.style.top);
+            this.slotsUptoCursor = -1;
+        }
         this.actionObj.action = 'drag';
         let elements = [];
         if (!this.parent.allowMultiDrag || isNullOrUndefined(this.parent.selectedElements) || this.parent.selectedElements.length === 0 ||
@@ -22140,11 +22136,11 @@ class DragAndDrop extends ActionBase {
             let top = parseInt(e.top, 10);
             top = top < 0 ? 0 : top;
             if (this.slotsUptoCursor < 0) {
-                const cellsCountUptoCursor = Math.floor(top / cellHeight);
+                const cellsCountUptoCursor = Math.floor((this.eleTop + this.distanceUptoCursor) / cellHeight);
                 const cellsCountUptoEleTop = Math.floor(this.eleTop / cellHeight);
                 this.slotsUptoCursor = cellsCountUptoCursor - cellsCountUptoEleTop;
             }
-            top = (Math.floor((top + 1) / cellHeight) - this.slotsUptoCursor) * cellHeight;
+            top = (Math.floor((top + this.distanceUptoCursor + 1) / cellHeight) - this.slotsUptoCursor) * cellHeight;
             topValue = formatUnit(top < 0 ? 0 : top);
             const scrollHeight = this.parent.element.querySelector('.e-content-wrap').scrollHeight;
             const cloneBottom = parseInt(topValue, 10) + this.actionObj.clone.offsetHeight;
@@ -22230,7 +22226,9 @@ class DragAndDrop extends ActionBase {
                     rows[rows.length - 1].option !== 'Date';
                 this.isTimelineDayProcess = !this.parent.activeViewOptions.timeScale.enable || this.isHeaderRows ||
                     this.parent.currentView === 'TimelineMonth' || (rows.length > 0 && rows[rows.length - 1].option === 'Date');
-                this.isStepDragging = !this.isTimelineDayProcess && (this.actionObj.slotInterval !== this.actionObj.interval);
+                this.isAllDayDrag = !this.isTimelineDayProcess && eventObj[this.parent.eventFields.isAllDay];
+                this.isStepDragging = !this.isTimelineDayProcess && !this.isAllDayDrag &&
+                    (this.actionObj.slotInterval !== this.actionObj.interval);
                 if (this.isTimelineDayProcess) {
                     this.timelineEventModule = new TimelineEvent(this.parent, 'day');
                 }
@@ -22299,9 +22297,11 @@ class DragAndDrop extends ActionBase {
         this.heightUptoCursorPoint = (this.heightUptoCursorPoint === 0) ?
             Math.ceil((Math.abs(this.actionObj.clone.getBoundingClientRect().top - this.actionObj.Y) / this.heightPerMinute)) *
                 this.heightPerMinute : this.heightUptoCursorPoint;
-        this.isAllDayDrag = (this.parent.activeViewOptions.timeScale.enable) ?
-            this.actionObj.clone.classList.contains(ALLDAY_APPOINTMENT_CLASS) :
-            this.actionObj.event[this.parent.eventFields.isAllDay];
+        if (['Day', 'Week', 'WorkWeek'].indexOf(this.parent.currentView) > -1) {
+            this.isAllDayDrag = (this.parent.activeViewOptions.timeScale.enable) ?
+                this.actionObj.clone.classList.contains(ALLDAY_APPOINTMENT_CLASS) :
+                this.actionObj.event[this.parent.eventFields.isAllDay];
+        }
         if (this.isStepDragging && this.minDiff === 0) {
             this.calculateMinutesDiff(eventObj);
         }
@@ -23063,6 +23063,7 @@ class DragAndDrop extends ActionBase {
         index = index < 0 ? 0 : index;
         let eventStart = this.isHeaderRows ? new Date(this.timelineEventModule.dateRender[parseInt(index.toString(), 10)].getTime()) :
             this.parent.getDateFromElement(tr.children[parseInt(index.toString(), 10)]);
+        eventStart = this.isAllDayDrag ? resetTime(eventStart) : eventStart;
         if (this.isStepDragging) {
             const widthDiff = this.getWidthDiff(tr, index);
             if (widthDiff !== 0) {
@@ -23087,8 +23088,8 @@ class DragAndDrop extends ActionBase {
             }
         }
         else {
-            if (this.isCursorAhead || cursorDrag) {
-                const minutes = this.isTimelineDayProcess ? MINUTES_PER_DAY : this.actionObj.slotInterval;
+            if ((this.isCursorAhead || cursorDrag) && !this.isAllDayDrag) {
+                const minutes = this.isTimelineDayProcess || this.isAllDayDrag ? 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) {
@@ -23096,14 +23097,14 @@ class DragAndDrop extends ActionBase {
                 }
             }
             else {
-                eventStart.setMinutes(eventStart.getMinutes() -
-                    (this.cursorPointIndex * (this.isTimelineDayProcess ? MINUTES_PER_DAY : this.actionObj.slotInterval)));
+                eventStart.setMinutes(eventStart.getMinutes() - (this.cursorPointIndex *
+                    (this.isTimelineDayProcess || this.isAllDayDrag ? MINUTES_PER_DAY : this.actionObj.slotInterval)));
             }
         }
         if (!this.isStepDragging) {
             eventStart = this.calculateIntervalTime(eventStart);
         }
-        if (this.isTimelineDayProcess) {
+        if (this.isTimelineDayProcess || this.isAllDayDrag) {
             const eventSrt = eventObj[this.parent.eventFields.startTime];
             eventStart.setHours(eventSrt.getHours(), eventSrt.getMinutes(), eventSrt.getSeconds());
         }
@@ -23237,12 +23238,13 @@ class DragAndDrop extends ActionBase {
         const td = closest(e.target, '.e-work-cells');
         if (!isNullOrUndefined(td) && !this.isMorePopupOpened) {
             let targetDate = this.parent.getDateFromElement(td);
+            targetDate = this.isAllDayDrag ? resetTime(targetDate) : targetDate;
             if (this.isHeaderRows) {
                 const currentIndex = Math.floor(left / this.actionObj.cellWidth);
                 targetDate = new Date(this.timelineEventModule.dateRender[currentIndex + index].getTime());
             }
             const timeDiff = targetDate.getTime() - event[this.parent.eventFields.startTime].getTime();
-            if (this.isTimelineDayProcess) {
+            if (this.isTimelineDayProcess || this.isAllDayDrag) {
                 this.cursorPointIndex = Math.abs(Math.ceil(timeDiff / (MS_PER_DAY)));
             }
             else {
@@ -24506,7 +24508,7 @@ class VerticalView extends ViewBase {
         const ntr = trEle.cloneNode();
         const appointmentExpandCollapse = createElement('div', {
             attrs: {
-                'tabindex': '0', 'role': 'list',
+                'tabindex': '0', 'role': 'button',
                 title: this.parent.localeObj.getConstant('expandAllDaySection'), 'aria-disabled': 'false',
                 'aria-label': this.parent.localeObj.getConstant('expandAllDaySection')
             },
@@ -24639,7 +24641,7 @@ class VerticalView extends ViewBase {
     getContentRows() {
         const rows = [];
         const tr = createElement('tr');
-        const td = createElement('td', { attrs: { 'aria-selected': 'false' } });
+        const td = createElement('td');
         const existingGroupIndices = this.getGroupIndices();
         const handler = (r) => {
             const ntr = tr.cloneNode();
@@ -25373,7 +25375,7 @@ class Month extends ViewBase {
     getContentRows() {
         const trows = [];
         const tr = createElement('tr');
-        const td = createElement('td', { attrs: { 'aria-selected': 'false' } });
+        const td = createElement('td');
         const slotDatas = this.getContentSlots();
         const isTimeline = this.parent.currentView === 'TimelineMonth';
         const existingGroupIndices = isTimeline ? this.getGroupIndices() : [];
@@ -27418,7 +27420,7 @@ class TimelineViews extends VerticalView {
     getContentRows() {
         const rows = [];
         const tr = createElement('tr');
-        const td = createElement('td', { attrs: { 'aria-selected': 'false' } });
+        const td = createElement('td');
         const trCount = this.getRowCount();
         const existingGroupIndices = this.getGroupIndices();
         for (let i = 0; i < trCount; i++) {
@@ -27848,7 +27850,7 @@ class TimelineYear extends Year {
                     skeleton: 'full', calendar: this.parent.getCalendarMode()
                 });
                 const td = createElement('td', {
-                    className: WORK_CELLS_CLASS, attrs: { 'aria-selected': 'false', 'aria-label': announcementText }
+                    className: WORK_CELLS_CLASS, attrs: { 'aria-label': announcementText }
                 });
                 contentTr.appendChild(td);
                 const dateHeader = createElement('div', {