@syncfusion/ej2-schedule 29.2.10 → 30.1.38

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

@@ -1063,10 +1063,11 @@ class HeaderRenderer {
         const closestEle = closest(e.event.target, '.e-date-range,.e-header-popup,.e-day,.e-selected');
         const closestPop = closest(e.event.target, '.e-hor-nav,.e-toolbar-pop');
         const contentWrap = this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
+        const toolbarPop = this.parent.element.querySelector('.e-toolbar-pop');
         if (this.parent.isAdaptive) {
             if (!isNullOrUndefined(closestPop) && (closestPop.classList.contains('e-toolbar-pop') ||
                 closestPop.classList.contains('e-hor-nav')) && !(closestPop.classList.contains('e-hor-nav') &&
-                this.element.querySelector('.e-toolbar-pop').classList.contains(POPUP_OPEN))) {
+                toolbarPop && toolbarPop.classList.contains(POPUP_OPEN))) {
                 addClass([contentWrap], SCROLL_HIDDEN);
             }
             else {
@@ -2036,11 +2037,37 @@ class ScheduleTouch {
         this.parent.activeView.setPanel(this.currentPanel.element);
         this.parent.setProperties({ selectedDate: this.currentPanel.selectedDate }, true);
         this.parent.activeView.renderDates = this.currentPanel.renderDates;
+        if (this.parent.activeViewOptions.group.resources.length > 0 && this.parent.resourceBase.lastResourceLevel.length > 0) {
+            const workDaysField = this.parent.resourceBase.resourceCollection[0].workDaysField;
+            this.parent.resourceBase.lastResourceLevel.forEach((resource) => {
+                if (workDaysField) {
+                    const resourceWorkDays = resource[workDaysField];
+                    const hasCustomWorkDays = Array.isArray(resourceWorkDays) &&
+                        (!this.parent.showWeekend || this.parent.currentView === 'WorkWeek');
+                    resource.renderDates = hasCustomWorkDays
+                        ? this.calculateResourceSpecificDates(resource, workDaysField)
+                        : this.currentPanel.renderDates;
+                }
+                else {
+                    resource.renderDates = this.currentPanel.renderDates;
+                }
+            });
+        }
         this.parent.activeView.colLevels = this.currentPanel.colLevels;
         addClass([this.element], TRANSLATE_CLASS);
         const prevWidth = this.previousPanel ? this.previousPanel.element.offsetWidth : 0;
         this.element.style.transform = 'translatex(' + (this.parent.enableRtl ? prevWidth : -this.currentPanel.element.offsetLeft) + 'px)';
     }
+    calculateResourceSpecificDates(resource, workDaysField) {
+        const resourceDates = [];
+        const resourceWorkDays = resource[workDaysField];
+        this.currentPanel.renderDates.forEach((date) => {
+            if (Array.isArray(resourceWorkDays) && resourceWorkDays.indexOf(date.getDay()) !== -1) {
+                resourceDates.push(date);
+            }
+        });
+        return resourceDates;
+    }
     onTransitionEnd() {
         if (!isNullOrUndefined(this.element) && !this.element.classList.contains(TRANSLATE_CLASS)) {
             return;
@@ -2361,6 +2388,9 @@ class KeyboardInteraction {
         }
         const queryStr = '.' + WORK_CELLS_CLASS + ',.' + ALLDAY_CELLS_CLASS + ',.' + HEADER_CELLS_CLASS;
         let target = closest(e.target, queryStr);
+        if (!target) {
+            return;
+        }
         const selectedCells = this.parent.getSelectedCells();
         if (selectedCells.length > 0 && selectedCells.indexOf(target) === -1) {
             target = selectedCells[selectedCells.length - 1];
@@ -7386,10 +7416,15 @@ class VerticalEvent extends EventBase {
                 blockHeight = formatUnit(this.getHeight(eStart, eEnd));
                 blockTop = formatUnit(this.getTopValue(eStart));
             }
+            if (eventObj.IsBlock) {
+                blockHeight = formatUnit(parseInt(blockHeight, 10) - 1);
+            }
             const appointmentElement = this.createBlockAppointmentElement(eventObj, resource, this.isResourceEventTemplate);
-            setStyleAttribute(appointmentElement, { 'width': '100%', 'height': blockHeight, 'top': blockTop });
+            const appWidth = eventObj.IsBlock ? '99%' : '100%';
+            setStyleAttribute(appointmentElement, { 'width': appWidth, 'height': blockHeight, 'top': blockTop });
             const index = this.getDayIndex(dayIndex, resource, dayCount);
-            this.appendEvent(eventObj, appointmentElement, index, '0px');
+            const appLeft = eventObj.IsBlock ? '0.5px' : '0px';
+            this.appendEvent(eventObj, appointmentElement, index, appLeft);
         }
     }
     renderEvents(eventType) {
@@ -8307,9 +8342,11 @@ class MonthEvent extends EventBase {
             const diffInDays = eventData.count;
             let appWidth = this.getEventWidth(startTime, endTime, event[this.fields.isAllDay], diffInDays);
             appWidth = (appWidth <= 0) ? this.cellWidth : appWidth;
-            const appLeft = (this.parent.enableRtl) ? 0 : position;
-            const appRight = (this.parent.enableRtl) ? position : 0;
-            const appHeight = this.cellHeight - this.monthHeaderHeight;
+            appWidth = event.IsBlock ? appWidth - 1 : appWidth;
+            const appLeft = (this.parent.enableRtl) ? 0 : event.IsBlock ? position + 1 : position;
+            const appRight = (this.parent.enableRtl) ? event.IsBlock ? position + 1 : position : 0;
+            let appHeight = this.cellHeight - this.monthHeaderHeight;
+            appHeight = event.IsBlock ? appHeight - 1 : appHeight;
             const appTop = this.getRowTop(resIndex);
             const blockElement = this.createBlockAppointmentElement(event, resIndex, this.isResourceEventTemplate);
             setStyleAttribute(blockElement, {
@@ -9113,7 +9150,7 @@ class TimelineEvent extends MonthEvent {
         for (const element of blockElement) {
             const resIndex = parseInt(element.getAttribute('data-group-index'), 10);
             const firstChild = this.getFirstChild(resIndex);
-            element.style.height = firstChild.offsetHeight + 'px';
+            element.style.height = (firstChild.offsetHeight - 1) + 'px';
             const width = element.offsetWidth / firstChild.offsetWidth;
             element.style.width = (firstChild.offsetWidth * width) + 'px';
         }
@@ -13367,6 +13404,9 @@ class EventWindow {
         this.dialogObject.show();
     }
     convertToEventData(cellsData, eventObj) {
+        if (!cellsData) {
+            return;
+        }
         if (cellsData.subject) {
             eventObj[this.fields.subject] = cellsData.subject;
         }
@@ -14599,7 +14639,8 @@ class VirtualScroll {
             if ((conWrap.scrollTop) - this.translateY < 0) {
                 resCollection = this.upScroll(conWrap, firstTDIndex);
             }
-            else if (conWrap.scrollTop - this.translateY > scrollHeight) {
+            else if ((conWrap.scrollTop + conWrap.clientHeight >= conWrap.scrollHeight - this.itemSize) ||
+                (conWrap.scrollTop > (this.translateY + scrollHeight))) {
                 resCollection = this.downScroll(conWrap, firstTDIndex);
             }
             if (!isNullOrUndefined(resCollection) && resCollection.length > 0) {
@@ -15843,6 +15884,7 @@ class Crud {
             if (!deleteArgs.cancel) {
                 const fields = this.parent.eventFields;
                 const editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
+                const cloneEvents = extend([], deleteArgs.deletedRecords, null, true);
                 for (let a = 0, count = deleteArgs.deletedRecords.length; a < count; a++) {
                     let isDelete = isNullOrUndefined(deleteArgs.deletedRecords[parseInt(a.toString(), 10)][this.parent.eventFields.recurrenceRule]);
                     if (!isDelete) {
@@ -15873,8 +15915,7 @@ class Crud {
                     }
                 }
                 const promise = this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, this.getTable(), this.getQuery());
-                const cloneEvent = extend({}, deleteArgs.deletedRecords[deleteArgs.deletedRecords.length - 1], null, true);
-                this.parent.eventBase.selectWorkCellByTime([this.parent.eventBase.processTimezone(cloneEvent)]);
+                this.parent.eventBase.selectWorkCellByTime(cloneEvents);
                 const crudArgs = {
                     requestType: 'eventRemoved', cancel: false, data: deleteArgs.deletedRecords, promise: promise, editParams: editParams
                 };
@@ -16101,6 +16142,9 @@ class WorkCellInteraction {
         }
         const args = extend(this.parent.activeCellsData, { cancel: false, event: e, name: 'cellDoubleClick' });
         this.parent.trigger(cellDoubleClick, args, (clickArgs) => {
+            if (!clickArgs.startTime) {
+                return;
+            }
             const date = new Date(clickArgs.startTime.getTime());
             if (!this.parent.isMinMaxDate(new Date(date.setHours(0, 0, 0, 0)))) {
                 return;
@@ -21686,7 +21730,7 @@ class Resize extends ActionBase {
             }
             this.actionObj.event[this.parent.eventFields.isAllDay] = false;
         }
-        let width = !isLeft && ((offsetWidth + this.actionObj.clone.offsetLeft > this.scrollArgs.width)) ?
+        let width = !isLeft && (Math.floor(offsetWidth + this.actionObj.clone.offsetLeft) > this.scrollArgs.width) ?
             this.parent.getElementWidth(this.actionObj.clone) : (offsetWidth < this.actionObj.cellWidth) ? offsetWidth : offsetWidth;
         if (this.parent.enableRtl) {
             let rightValue = isTimelineView ? parseInt(this.actionObj.element.style.right, 10) :
@@ -24668,6 +24712,7 @@ class VerticalView extends ViewBase {
     }
     changeCurrentTimePosition() {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
+            this.parent = null;
             return;
         }
         this.removeCurrentTimeIndicatorElements();
@@ -26447,13 +26492,7 @@ class AgendaBase extends ViewBase {
                 moduleName: 'agenda',
                 listClass: this.parent.activeView.viewClass,
                 itemClass: this.parent.activeView.viewClass,
-                template: (data) => {
-                    const div = createElement('div', {
-                        className: AGENDA_NO_EVENT_CLASS,
-                        innerHTML: data.subject
-                    });
-                    return div;
-                }
+                template: initializeCSPTemplate(() => `<div class="${AGENDA_NO_EVENT_CLASS}">${this.parent.localeObj.getConstant('noEvents')}</div>`)
             });
             if (listElement.querySelector('.e-agenda-item').children.length === 0) {
                 listElement.firstElementChild.appendChild(createElement('div', { className: AGENDA_NO_EVENT_CLASS, innerHTML: this.parent.localeObj.getConstant('noEvents') }));
@@ -27698,7 +27737,6 @@ class TimelineViews extends VerticalView {
     }
     changeCurrentTimePosition() {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
-            this.parent = null;
             return;
         }
         this.removeCurrentTimeIndicatorElements();
@@ -27868,6 +27906,7 @@ class TimelineViews extends VerticalView {
     }
     destroy() {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
+            this.parent = null;
             return;
         }
         if (this.timelineAppointment) {