@syncfusion/ej2-schedule 20.4.52 → 20.4.53

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

@@ -2049,7 +2049,7 @@ class KeyboardInteraction {
         if (this.parent.eventWindow) {
             this.parent.eventWindow.convertToEventData(this.parent.activeCellsData, cellData);
         }
-        const selectedCells = this.parent.getSelectedElements();
+        const selectedCells = this.parent.getSelectedCells();
         const args = {
             data: cellData, element: this.parent.activeCellsData.element, event: e,
             requestType: cellSelect, showQuickPopup: false
@@ -2397,7 +2397,7 @@ class KeyboardInteraction {
             return;
         }
         let target = (e.target);
-        const selectedElements = this.parent.getSelectedElements();
+        const selectedElements = this.parent.getSelectedCells();
         const selectedEventElements = this.parent.eventBase.getSelectedAppointments();
         const moreEventWrapper = this.parent.element.querySelector('.' + MORE_POPUP_WRAPPER_CLASS);
         const quickPopupWrapper = this.getQuickPopupElement();
@@ -2444,7 +2444,7 @@ class KeyboardInteraction {
             return;
         }
         let target = (e.target);
-        const selectedCells = this.parent.getSelectedElements();
+        const selectedCells = this.parent.getSelectedCells();
         const selectedElements = this.parent.eventBase.getSelectedAppointments();
         const moreEventWrapper = this.parent.element.querySelector('.' + MORE_POPUP_WRAPPER_CLASS);
         const quickPopupWrapper = this.getQuickPopupElement();
@@ -2552,7 +2552,7 @@ class KeyboardInteraction {
         if (this.isCancelLeftRightAction(e, isMultiple, isTimelineYear)) {
             return;
         }
-        const selectedCells = this.parent.getSelectedElements();
+        const selectedCells = this.parent.getSelectedCells();
         let targetCell;
         const selectedAppointments = this.parent.eventBase.getSelectedAppointments();
         let target = (e.target);
@@ -2624,7 +2624,7 @@ class KeyboardInteraction {
             return;
         }
         let target = (e.target);
-        const selectedCells = this.parent.getSelectedElements();
+        const selectedCells = this.parent.getSelectedCells();
         let targetCell;
         if (selectedCells.length > 0 && !target.classList.contains(WORK_CELLS_CLASS) &&
             !target.classList.contains(ALLDAY_CELLS_CLASS)) {
@@ -2848,7 +2848,7 @@ class KeyboardInteraction {
             }
             return;
         }
-        const selectedCells = this.parent.getSelectedElements();
+        const selectedCells = this.parent.getSelectedCells();
         if (selectedCells.length > 0 && !target.classList.contains(APPOINTMENT_CLASS)) {
             target = selectedCells[selectedCells.length - 1];
             this.selectAppointmentElementFromWorkCell(isReverse, target);
@@ -2967,6 +2967,7 @@ class KeyboardInteraction {
      */
     destroy() {
         this.removeEventListener();
+        this.selectedCells = [];
         this.keyboardModule.destroy();
     }
 }
@@ -5706,7 +5707,7 @@ class EventBase {
             return;
         }
         const activeEle = document.activeElement;
-        const selectedCell = this.parent.getSelectedElements();
+        const selectedCell = this.parent.getSelectedCells();
         if (selectedCell.length > 0 && ((activeEle && (this.parent.element.contains(activeEle) ||
             selectedCell.indexOf(activeEle) !== -1)) || isFocused)) {
             if (this.parent.keyboardInteractionModule) {
@@ -10981,7 +10982,7 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
             '"label="' + REPEATELEMENT.substr(2) + '" />' +
             '</div><div class="' + INPUTWARAPPER + ' ' +
             INTERVALCLASS + ' ' + FORMRIGHT + '"><table  class="' + RECURRENCETABLE + ' ' + REPEATCONTENTWRAPPER + '"><tr>' +
-            '<td><input type="text" tabindex="0" class="' + REPEATINTERVAL +
+            '<td><input type="text" tabindex="0" id="' + this.element.id + '_' + REPEATINTERVAL + '" class="' + REPEATINTERVAL +
             '"title="' + this.localeObj.getConstant('repeatEvery') + '" /></td>' +
             '<td><span class="' + REPEATCONTENT + '"></span></td>' +
             '</tr></table></div><div class="' + INPUTWARAPPERSIDE + ' ' + DAYWRAPPER + ' ' + FORMLEFT + '">' +
@@ -11005,7 +11006,7 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
             '<input class="' + MONTHEXPANDERELEMENT + '"title="' + this.localeObj.getConstant('monthExpander') + '" type="radio">' +
             '</div></td>' +
             '<td colspan="2"><div class="' + INPUTWARAPPER + ' ' + MONTHDAYELEMENT + '">' +
-            '<input type="text" tabindex="0" class="' + MONTHDAYWRAPPER + '"title="' +
+            '<input type="text" tabindex="0" id="' + this.element.id + '_' + MONTHDAYWRAPPER + '" class="' + MONTHDAYWRAPPER + '"title="' +
             this.localeObj.getConstant('on') + '" />' +
             '</div></td></tr>' +
             '<tr><td>' +
@@ -11028,7 +11029,7 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
             '<input type="text" tabindex="0" class="' + UNTILDATE + '"title="' + this.localeObj.getConstant(UNTIL$1) + '" />' +
             '</div>' +
             '<div class="' + INPUTWARAPPER + ' ' + ENDONCOUNTWRAPPER + '">' +
-            '<input type="text" tabindex="0" class="' + ENDONCOUNT + '"title="' + this.localeObj.getConstant(COUNT) + '" />' +
+            '<input type="text" tabindex="0" id="' + this.element.id + '_' + ENDONCOUNT + '" class="' + ENDONCOUNT + '"title="' + this.localeObj.getConstant(COUNT) + '" />' +
             '</div></div>' +
             '</div></div>';
     }
@@ -11720,7 +11721,7 @@ class EventWindow {
         return parentDiv;
     }
     createRecurrenceEditor(parentDiv) {
-        const recurrenceEditor = this.createDivElement();
+        const recurrenceEditor = createElement('div', { id: this.parent.element.id + '_recurrence_editor' });
         parentDiv.appendChild(recurrenceEditor);
         this.recurrenceEditor = this.renderRecurrenceEditor();
         this.recurrenceEditor.appendTo(recurrenceEditor);
@@ -13334,7 +13335,7 @@ class VirtualScroll {
             }
             if (!isNullOrUndefined(resCollection) && resCollection.length > 0) {
                 this.parent.showSpinner();
-                const selectedEle = this.parent.getSelectedElements();
+                const selectedEle = this.parent.getSelectedCells();
                 this.focusedEle = selectedEle[selectedEle.length - 1] || this.focusedEle;
                 this.updateContent(resWrap, conWrap, eventWrap, resCollection);
                 this.setTranslate(resWrap, conWrap, eventWrap, timeIndicator);
@@ -13514,7 +13515,7 @@ class VirtualScroll {
     }
     updateHorizontalContent(conWrap, resCollection) {
         this.parent.resourceBase.expandedResources = resCollection;
-        const selectedEle = this.parent.getSelectedElements();
+        const selectedEle = this.parent.getSelectedCells();
         this.focusedEle = selectedEle[selectedEle.length - 1] || this.focusedEle;
         const renderedLength = conWrap.querySelectorAll('tbody tr').length;
         for (let i = 0; i < renderedLength; i++) {
@@ -13904,7 +13905,9 @@ class Crud {
                     }
                 }
             }
-            this.parent.resetTemplates(templateNames);
+            if (templateNames.length > 0) {
+                this.parent.resetTemplates(templateNames);
+            }
         }
         if (isVirtualScrollAction) {
             this.parent.notify(dataReady, { processedData: this.parent.eventsProcessed });
@@ -13978,6 +13981,9 @@ class Crud {
                 return;
             }
             const addEvents = (eventData instanceof Array) ? eventData : [eventData];
+            if (addEvents.length === 0) {
+                return;
+            }
             const args = {
                 requestType: 'eventCreate', cancel: false, data: addEvents,
                 addedRecords: addEvents, changedRecords: [], deletedRecords: []
@@ -14015,6 +14021,10 @@ class Crud {
                 this.parent.quickPopup.openValidationError('blockAlert', eventData);
                 return;
             }
+            const updateEvents = (eventData instanceof Array) ? eventData : [eventData];
+            if (updateEvents.length === 0) {
+                return;
+            }
             this.parent.currentAction = action;
             if (action) {
                 switch (action) {
@@ -14033,7 +14043,6 @@ class Crud {
                 }
             }
             else {
-                const updateEvents = (eventData instanceof Array) ? eventData : [eventData];
                 const args = {
                     requestType: 'eventChange', cancel: false, data: eventData,
                     addedRecords: [], changedRecords: updateEvents, deletedRecords: []
@@ -14076,6 +14085,9 @@ class Crud {
             else {
                 deleteEvents = (eventData instanceof Array ? eventData : [eventData]);
             }
+            if (deleteEvents.length === 0) {
+                return;
+            }
             if (action) {
                 switch (action) {
                     case 'Delete':
@@ -15874,7 +15886,9 @@ class ResourceBase {
         if (this.treeViewObj) {
             if (this.treeViewObj.portals && this.treeViewObj.portals.length > 0) {
                 const treeViewTemplates = this.treeViewObj.portals.map((x) => x.propName);
-                this.parent.resetTemplates(treeViewTemplates);
+                if (treeViewTemplates.length > 0) {
+                    this.parent.resetTemplates(treeViewTemplates);
+                }
             }
             this.treeViewObj.destroy();
             this.treeViewObj = null;
@@ -16627,12 +16641,15 @@ let Schedule = class Schedule extends Component {
      * @private
      */
     removeSelectedClass() {
-        const selectedCells = this.getSelectedElements();
+        const selectedCells = this.getSelectedCells();
         for (const cell of selectedCells) {
             cell.setAttribute('aria-selected', 'false');
             cell.removeAttribute('tabindex');
         }
         removeClass(selectedCells, SELECTED_CELL_CLASS);
+        if (this.keyboardInteractionModule && this.keyboardInteractionModule.selectedCells.length > 0) {
+            this.keyboardInteractionModule.selectedCells = [];
+        }
     }
     /**
      * Method to add selected class
@@ -17011,6 +17028,15 @@ let Schedule = class Schedule extends Component {
         }
         return undefined;
     }
+    /**
+     * Retrieves the selected cells.
+     *
+     * @returns {Element[]} The elements of currently selected cells will be returned.
+     * @private
+     */
+    getSelectedCells() {
+        return [].slice.call(this.element.querySelectorAll('.' + SELECTED_CELL_CLASS));
+    }
     /**
      * Method to generate the announcement string
      *
@@ -17696,7 +17722,10 @@ let Schedule = class Schedule extends Component {
      * @returns {Element[]} The elements of currently selected cells will be returned.
      */
     getSelectedElements() {
-        return [].slice.call(this.element.querySelectorAll('.' + SELECTED_CELL_CLASS));
+        if (this.keyboardInteractionModule && this.keyboardInteractionModule.selectedCells.length > 0) {
+            return this.keyboardInteractionModule.selectedCells;
+        }
+        return this.getSelectedCells();
     }
     /**
      * To get the resource collection
@@ -20922,7 +20951,12 @@ class DragAndDrop extends ActionBase {
     }
     getDayIndex(event) {
         const eventObj = extend({}, event, null, true);
-        const startTime = resetTime(eventObj[this.parent.eventFields.startTime]).getTime();
+        const startDate = resetTime(eventObj[this.parent.eventFields.startTime]);
+        if (this.parent.activeViewOptions.timeScale.enable && !eventObj[this.parent.eventFields.isAllDay]) {
+            const startHour = this.parent.activeView.getStartHour();
+            startDate.setMilliseconds(startHour.getTime() - resetTime(startHour).getTime());
+        }
+        const startTime = startDate.getTime();
         let query = '';
         let wrapper = DAY_WRAPPER_CLASS;
         if (this.parent.activeViewOptions.timeScale.enable && (eventObj[this.parent.eventFields.isAllDay])) {