@syncfusion/ej2-schedule 31.2.15 → 32.1.20

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

@@ -3371,6 +3371,7 @@ class KeyboardInteraction {
             navigator.clipboard.writeText(this.clipBoardTextArea.value)
                 .then(() => {
                 this.clipBoardTextArea.blur();
+                this.clipBoardTextArea.selectionStart = this.clipBoardTextArea.selectionEnd;
                 window.getSelection().removeAllRanges();
                 if (e) {
                     const closestAppointment = e.target.closest('.' + APPOINTMENT_CLASS);
@@ -4323,10 +4324,6 @@ function generate(startDate, rule, excludeDate, startDayOfWeek, maximumCount = M
     maxOccurrence = maximumCount;
     startDayOfWeek = startDayOfWeek || 0;
     setFirstDayOfWeek(DAYINDEX[parseInt(startDayOfWeek.toString(), 10)]);
-    if (ruleObject.until) {
-        const end = resetTime(ruleObject.until);
-        ruleObject.until = new Date(end.getFullYear(), end.getMonth(), end.getDate(), 23, 59, 59);
-    }
     switch (ruleObject.freq) {
         case 'DAILY':
             dailyType(modifiedDate, ruleObject.until, data, ruleObject);
@@ -7428,7 +7425,7 @@ class VerticalEvent extends EventBase {
             const appWidth = eventObj.IsBlock ? '99%' : '100%';
             setStyleAttribute(appointmentElement, { 'width': appWidth, 'height': blockHeight, 'top': blockTop });
             const index = this.getDayIndex(dayIndex, resource, dayCount);
-            const appLeft = eventObj.IsBlock ? '0.5px' : '0px';
+            const appLeft = eventObj.IsBlock ? '1px' : '0px';
             this.appendEvent(eventObj, appointmentElement, index, appLeft);
         }
     }
@@ -8646,8 +8643,9 @@ class MonthEvent extends EventBase {
                             if (!isNullOrUndefined(groupIndex)) {
                                 moreIndicatorElement.setAttribute('data-group-index', groupIndex);
                             }
-                            moreIndicatorElement.style.top = (this.cellHeight - this.monthHeaderHeight - this.moreIndicatorHeight) + 'px';
+                            moreIndicatorElement.style.top = (this.cellHeight - this.monthHeaderHeight) + 'px';
                             moreIndicatorElement.style.width = this.cellWidth - 2 + 'px';
+                            moreIndicatorElement.style.transform = 'translateY(-100%)';
                             this.renderElement(this.workCells[day + i], moreIndicatorElement);
                             EventHandler.add(moreIndicatorElement, 'click', this.moreIndicatorClick, this);
                         }
@@ -9125,10 +9123,11 @@ class TimelineEvent extends MonthEvent {
             if (!isNullOrUndefined(groupIndex)) {
                 moreIndicatorElement.setAttribute('data-group-index', groupIndex);
             }
-            moreIndicatorElement.style.top = top + appArea + 'px';
+            moreIndicatorElement.style.top = top + this.cellHeight + 'px';
             moreIndicatorElement.style.width = this.cellWidth + 'px';
             moreIndicatorElement.style.left = (Math.floor(appLeft / this.cellWidth) * this.cellWidth) + 'px';
             moreIndicatorElement.style.right = (Math.floor(appRight / this.cellWidth) * this.cellWidth) + 'px';
+            moreIndicatorElement.style.transform = 'translateY(-100%)';
             this.renderElement(cellTd, moreIndicatorElement);
             EventHandler.add(moreIndicatorElement, 'click', this.moreIndicatorClick, this);
         }
@@ -16845,14 +16844,16 @@ class ResourceBase {
                         resourceId: levelId,
                         resourceName: treeLevel.resourceData[resource.textField],
                         resource: treeLevel.resource,
-                        resourceData: treeLevel.resourceData
+                        resourceData: treeLevel.resourceData,
+                        date: this.parent.selectedDate
                     };
                 }
                 else {
                     resObj = {
                         type: 'resourceHeader', resource: treeLevel.resource,
                         resourceData: treeLevel.resourceData, groupIndex: groupIndex,
-                        groupOrder: treeLevel.groupOrder
+                        groupOrder: treeLevel.groupOrder,
+                        date: this.parent.selectedDate
                     };
                     resTreeColl.push(resObj);
                     groupIndex++;
@@ -17156,6 +17157,11 @@ class ResourceBase {
         }
         this.lastResourceLevel = headerLevels.slice(-1)[0] || [];
         if (!this.parent.activeViewOptions.group.byDate) {
+            for (let levelIndex = 0; levelIndex < headerLevels.length; levelIndex++) {
+                for (const levelItem of headerLevels[parseInt(levelIndex.toString(), 10)]) {
+                    levelItem.date = this.parent.selectedDate;
+                }
+            }
             let index = 0;
             for (const lastLevelResource of this.lastResourceLevel) {
                 for (let i = 0; i < lastLevelResource.colSpan; i++) {
@@ -17248,6 +17254,9 @@ class ResourceBase {
             datesColumn.push(headerDate);
             const resGroup = extend([], levels, null, true);
             for (let k = 0, length = resGroup.length; k < length; k++) {
+                for (const resTd of resGroup[parseInt(k.toString(), 10)]) {
+                    resTd.date = headerDate.date;
+                }
                 if (k === resGroup.length - 1) {
                     for (const resTd of resGroup[parseInt(k.toString(), 10)]) {
                         resTd.date = headerDate.date;
@@ -18440,7 +18449,7 @@ let Schedule = class Schedule extends Component {
         addClass(cells, SELECTED_CELL_CLASS);
         if (focusCell) {
             focusCell.setAttribute('tabindex', '0');
-            focusCell.focus({ preventScroll: isPreventScroll || false });
+            focusCell.focus({ preventScroll: isPreventScroll || focusCell.classList.contains('e-all-day-cells') && this.enableAllDayScroll });
         }
     }
     /**
@@ -19687,8 +19696,8 @@ let Schedule = class Schedule extends Component {
      * Scrolls the Schedule content area to the specified time.
      *
      * @function scrollTo
-     * @param {string} hour Accepts the time value in the skeleton format of 'Hm'.
-     * @param {Date} scrollDate Accepts the date object value.
+     * @param {string} hour Accepts the time value in the skeleton format of 'Hm'. This parameter specifies the hour and minute to scroll to within the schedule.
+     * @param {Date} scrollDate Accepts a Date object value that represents the specific date to scroll to in the schedule.
      * @returns {void}
      */
     scrollTo(hour, scrollDate) {
@@ -20933,7 +20942,7 @@ class ActionBase {
         const startHour = this.parent.activeView.getStartHour();
         const intervalInMS = MS_PER_MINUTE * this.actionObj.interval;
         dateInMS += (startHour.getHours() * 60 + startHour.getMinutes()) * MS_PER_MINUTE + startHour.getSeconds() * 1000;
-        dateInMS = dateInMS + Math.floor((date.getTime() - dateInMS) / intervalInMS) * intervalInMS;
+        dateInMS = dateInMS + ((date.getTime() - dateInMS) / intervalInMS) * intervalInMS;
         return new Date(dateInMS);
     }
     getContentAreaDimension() {
@@ -21085,6 +21094,12 @@ class ActionBase {
             remove(timeIndicator);
         }
     }
+    removeDragResizeClones() {
+        const eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
+        for (const wrapper of eventWrappers) {
+            remove(wrapper);
+        }
+    }
     getCursorElement(e) {
         const pages = this.parent.eventBase.getPageCoordinates(e);
         return document.elementFromPoint(pages.clientX, pages.clientY);
@@ -21267,10 +21282,7 @@ class ActionBase {
         this.monthEvent.dateRender = dateRender;
         this.monthEvent.getSlotDates(workDays);
         if (this.resizeEdges.left || this.resizeEdges.right) {
-            const eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
-            for (const wrapper of eventWrappers) {
-                remove(wrapper);
-            }
+            this.removeDragResizeClones();
         }
         const spannedEvents = this.monthEvent.splitEvent(event, dateRender);
         for (const event of spannedEvents) {
@@ -21541,10 +21553,7 @@ class Resize extends ActionBase {
         }
     }
     yearEventsRendering(event) {
-        const eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
-        for (const wrapper of eventWrappers) {
-            remove(wrapper);
-        }
+        this.removeDragResizeClones();
         let endDate = new Date(event[this.parent.eventFields.endTime]);
         let monthDiff = 0;
         if (this.parent.activeViewOptions.group.resources.length === 0) {
@@ -21598,6 +21607,7 @@ class Resize extends ActionBase {
         this.actionObj.action = null;
         this.removeCloneElementClasses();
         this.removeCloneElement();
+        this.removeDragResizeClones();
         this.actionClass('removeClass');
         this.parent.uiStateValues.action = this.parent.uiStateValues.isTapHold = false;
         const resizeArgs = { cancel: false, data: this.getChangedData(), element: this.actionObj.element, event: e };
@@ -21622,7 +21632,7 @@ class Resize extends ActionBase {
         if (!isTop) {
             offsetValue += this.actionObj.clone.offsetHeight;
         }
-        const minutes = (offsetValue / Math.round(this.actionObj.cellHeight)) * this.actionObj.slotInterval;
+        const minutes = Math.round((offsetValue / Math.round(this.actionObj.cellHeight)) * this.actionObj.slotInterval);
         const element = this.actionObj.clone.offsetParent;
         if (isNullOrUndefined(element)) {
             return;
@@ -21687,7 +21697,7 @@ class Resize extends ActionBase {
                     const offsetWidth = (Math.round(offset / this.actionObj.cellWidth) *
                         this.actionObj.cellWidth) + (isLeft ? 0 : (this.parent.getElementWidth(this.actionObj.clone) -
                         this.actionObj.cellWidth));
-                    cellIndex = Math.floor(offsetWidth / this.actionObj.cellWidth);
+                    cellIndex = Math.ceil(offsetWidth / this.actionObj.cellWidth);
                 }
                 isLastCell = cellIndex === tdCollections.length;
                 cellIndex = this.getIndex(cellIndex);
@@ -21705,13 +21715,29 @@ class Resize extends ActionBase {
             }
             else {
                 if (!isLeft) {
-                    offset += this.parent.getElementWidth(this.actionObj.clone);
-                }
-                let spanMinutes = Math.floor((this.actionObj.slotInterval / this.actionObj.cellWidth) *
+                    let cloneWidth = this.parent.getElementWidth(this.actionObj.clone);
+                    const pixelsPerInterval = this.actionObj.cellWidth /
+                        (this.actionObj.slotInterval / this.actionObj.interval);
+                    const numIntervals = Math.round(cloneWidth / pixelsPerInterval);
+                    cloneWidth = numIntervals * pixelsPerInterval;
+                    offset = offset + cloneWidth;
+                }
+                let spanMinutes = Math.ceil((this.actionObj.slotInterval / this.actionObj.cellWidth) *
                     (offset - Math.floor(offset / this.actionObj.cellWidth) * this.actionObj.cellWidth));
                 spanMinutes = (isLastCell || (!isLeft && spanMinutes === 0)) ? this.actionObj.slotInterval : spanMinutes;
                 resizeTime = new Date(resizeDate.getTime());
                 resizeTime = new Date(resizeDate.getTime() + (spanMinutes * MS_PER_MINUTE));
+                const isCustomResizeInterval = this.actionObj.interval !== this.actionObj.slotInterval;
+                const initialCellTime = new Date(resizeTime.getTime());
+                const intervalInMS = this.actionObj.interval * 60000;
+                if (intervalInMS > 0 && isCustomResizeInterval) {
+                    if (this.resizeEdges.right || this.resizeEdges.left) {
+                        const eventTime = this.resizeEdges.right ? eventEnd : eventStart;
+                        const timeDifferenceMs = initialCellTime.getTime() - eventTime.getTime();
+                        const intervalCount = Math.round(timeDifferenceMs / intervalInMS);
+                        resizeTime = new Date(eventTime.getTime() + intervalCount * intervalInMS);
+                    }
+                }
                 this.updateTimePosition(resizeTime);
             }
         }
@@ -22315,10 +22341,10 @@ class YearEvent extends TimelineEvent {
         }
         const moreIndicator = this.getMoreIndicatorElement(count, startDate, endDate);
         const rowTr = this.parent.element.querySelector(`.e-content-wrap tr:nth-child(${row + 1})`);
-        const top = rowTr.offsetTop + (this.cellHeight - this.moreIndicatorHeight);
+        const top = rowTr.offsetTop + this.cellHeight;
         left = (Math.floor(left / this.cellWidth) * this.cellWidth);
         right = (Math.floor(right / this.cellWidth) * this.cellWidth);
-        setStyleAttribute(moreIndicator, { 'width': this.cellWidth + 'px', 'left': left + 'px', 'right': right + 'px', 'top': top + 'px' });
+        setStyleAttribute(moreIndicator, { 'width': this.cellWidth + 'px', 'left': left + 'px', 'right': right + 'px', 'top': top + 'px', 'transform': 'translateY(-100%)' });
         if (!isNullOrUndefined(index)) {
             moreIndicator.setAttribute('data-group-index', index.toString());
         }
@@ -23499,10 +23525,7 @@ class DragAndDrop extends ActionBase {
         }
         const event = this.getUpdatedEvent(this.actionObj.start, this.actionObj.end, this.actionObj.event);
         if (isNullOrUndefined(this.parent.eventDragArea)) {
-            const eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
-            for (const wrapper of eventWrappers) {
-                remove(wrapper);
-            }
+            this.removeDragResizeClones();
         }
         if (this.multiData && this.multiData.length > 0) {
             const startTime = resetTime(new Date(event[this.parent.eventFields.startTime]));
@@ -24045,14 +24068,18 @@ class ViewBase {
         }
     }
     getHeaderBarHeight() {
-        let headerBarHeight = 2;
+        const computedStyle = getComputedStyle(this.parent.element);
+        const borderTop = parseFloat(computedStyle.borderTopWidth) || 1;
+        const borderBottom = parseFloat(computedStyle.borderBottomWidth) || 1;
+        const border = Math.round(borderTop + borderBottom);
+        let headerBarHeight = border;
         if (this.parent.headerModule) {
             headerBarHeight += getOuterHeight(this.parent.headerModule.getHeaderElement());
         }
         if (this.parent.uiStateValues.isGroupAdaptive) {
             const resHeader = this.parent.element.querySelector('.' + RESOURCE_HEADER_TOOLBAR);
             if (resHeader) {
-                headerBarHeight += resHeader.offsetHeight;
+                headerBarHeight += getOuterHeight(resHeader);
             }
         }
         return headerBarHeight;
@@ -24335,7 +24362,7 @@ class ViewBase {
     }
     setResourceHeaderContent(tdElement, tdData, className = TEXT_ELLIPSIS) {
         if (this.parent.activeViewOptions.resourceHeaderTemplate) {
-            const data = { resource: tdData.resource, resourceData: tdData.resourceData };
+            const data = { resource: tdData.resource, resourceData: tdData.resourceData, date: tdData.date };
             const scheduleId = this.parent.element.id + '_';
             const viewName = this.parent.activeViewOptions.resourceHeaderTemplateName;
             const templateId = scheduleId + viewName + 'resourceHeaderTemplate';
@@ -26832,7 +26859,7 @@ class AgendaBase extends ViewBase {
                                         groupOrder: resData[parseInt(res.toString(), 10)].groupOrder.slice(0, -1),
                                         resourceData: resData[parseInt(res.toString(), 10)].resourceData,
                                         groupIndex: (lastLevelInfo.length - data.length), className: [RESOURCE_NAME],
-                                        date: agendaDate
+                                        date: this.parent.activeViewOptions.group.byDate ? firstDate : agendaDate
                                     };
                                     lastLevelInfo[parseInt((lastLevelInfo.length - data.length).toString(), 10)].push(tempObj);
                                     tempLastLevelInfo.push(extend({}, tempObj, null, true));
@@ -26860,7 +26887,8 @@ class AgendaBase extends ViewBase {
                                 tempGroupedData[0].type = 'parentColumnLevel_' + (y + 1);
                                 tempGroupedData[0].resource = topResources[topResources.length - (y + 1)];
                                 tempGroupedData[0].resourceData = data[parseInt(x.toString(), 10)];
-                                tempGroupedData[0].date = agendaDate;
+                                tempGroupedData[0].date = this.parent.activeViewOptions.group.byDate ?
+                                    tempLastLevelInfo[parseInt(u.toString(), 10)].date : agendaDate;
                                 lastLevelInfo[tempGroupedData[0].groupIndex].push(tempGroupedData[0]);
                                 tempGroupedData = [];
                                 totalRowSpan = 0;