@syncfusion/ej2-schedule 31.2.15 → 32.1.20

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

@@ -3409,6 +3409,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
             navigator.clipboard.writeText(this.clipBoardTextArea.value)
                 .then(function () {
                 _this.clipBoardTextArea.blur();
+                _this.clipBoardTextArea.selectionStart = _this.clipBoardTextArea.selectionEnd;
                 window.getSelection().removeAllRanges();
                 if (e) {
                     var closestAppointment = e.target.closest('.' + APPOINTMENT_CLASS);
@@ -4380,10 +4381,6 @@ function generate(startDate, rule, excludeDate, startDayOfWeek, maximumCount, vi
     maxOccurrence = maximumCount;
     startDayOfWeek = startDayOfWeek || 0;
     setFirstDayOfWeek(DAYINDEX[parseInt(startDayOfWeek.toString(), 10)]);
-    if (ruleObject.until) {
-        var 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);
@@ -7595,7 +7592,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             var appWidth = eventObj.IsBlock ? '99%' : '100%';
             setStyleAttribute(appointmentElement, { 'width': appWidth, 'height': blockHeight, 'top': blockTop });
             var index = this.getDayIndex(dayIndex, resource, dayCount);
-            var appLeft = eventObj.IsBlock ? '0.5px' : '0px';
+            var appLeft = eventObj.IsBlock ? '1px' : '0px';
             this.appendEvent(eventObj, appointmentElement, index, appLeft);
         }
     };
@@ -8861,8 +8858,9 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
                             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);
                         }
@@ -9369,10 +9367,11 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             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);
         }
@@ -17425,14 +17424,16 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
                         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++;
@@ -17760,9 +17761,15 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
         }
         this.lastResourceLevel = headerLevels.slice(-1)[0] || [];
         if (!this.parent.activeViewOptions.group.byDate) {
+            for (var levelIndex = 0; levelIndex < headerLevels.length; levelIndex++) {
+                for (var _d = 0, _e = headerLevels[parseInt(levelIndex.toString(), 10)]; _d < _e.length; _d++) {
+                    var levelItem = _e[_d];
+                    levelItem.date = this.parent.selectedDate;
+                }
+            }
             var index = 0;
-            for (var _d = 0, _e = this.lastResourceLevel; _d < _e.length; _d++) {
-                var lastLevelResource = _e[_d];
+            for (var _f = 0, _g = this.lastResourceLevel; _f < _g.length; _f++) {
+                var lastLevelResource = _g[_f];
                 for (var i = 0; i < lastLevelResource.colSpan; i++) {
                     lastColumnDates[parseInt(index.toString(), 10)].groupIndex = lastLevelResource.groupIndex;
                     index++;
@@ -17846,8 +17853,8 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
                 dateIndex++;
             };
             var this_3 = this;
-            for (var _f = 0, headerDates_1 = headerDates; _f < headerDates_1.length; _f++) {
-                var headerDate = headerDates_1[_f];
+            for (var _h = 0, headerDates_1 = headerDates; _h < headerDates_1.length; _h++) {
+                var headerDate = headerDates_1[_h];
                 _loop_3(headerDate);
             }
             this.resourceDateTree = this.resourceDateTree.filter(function (data) { return data.length > 0; });
@@ -17860,19 +17867,23 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
             return dateHeaderLevels;
         }
         var dateColSpan = 0;
-        for (var _g = 0, _h = levels[0]; _g < _h.length; _g++) {
-            var firstRowTd = _h[_g];
+        for (var _j = 0, _k = levels[0]; _j < _k.length; _j++) {
+            var firstRowTd = _k[_j];
             dateColSpan += firstRowTd.colSpan;
         }
-        for (var _j = 0, headerDates_2 = headerDates; _j < headerDates_2.length; _j++) {
-            var headerDate = headerDates_2[_j];
+        for (var _l = 0, headerDates_2 = headerDates; _l < headerDates_2.length; _l++) {
+            var headerDate = headerDates_2[_l];
             headerDate.colSpan = dateColSpan;
             datesColumn.push(headerDate);
             var resGroup = extend([], levels, null, true);
             for (var k = 0, length_2 = resGroup.length; k < length_2; k++) {
+                for (var _m = 0, _o = resGroup[parseInt(k.toString(), 10)]; _m < _o.length; _m++) {
+                    var resTd = _o[_m];
+                    resTd.date = headerDate.date;
+                }
                 if (k === resGroup.length - 1) {
-                    for (var _k = 0, _l = resGroup[parseInt(k.toString(), 10)]; _k < _l.length; _k++) {
-                        var resTd = _l[_k];
+                    for (var _p = 0, _q = resGroup[parseInt(k.toString(), 10)]; _p < _q.length; _p++) {
+                        var resTd = _q[_p];
                         resTd.date = headerDate.date;
                         resTd.workDays = headerDate.workDays;
                         resTd.startHour = this.parent.getStartEndTime(resTd.resourceData[resTd.resource.startHourField]) ||
@@ -19131,7 +19142,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         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 });
         }
     };
     /**
@@ -20384,8 +20395,8 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
      * 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}
      */
     Schedule.prototype.scrollTo = function (hour, scrollDate) {
@@ -21649,7 +21660,7 @@ var ActionBase = /** @__PURE__ @class */ (function () {
         var startHour = this.parent.activeView.getStartHour();
         var 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);
     };
     ActionBase.prototype.getContentAreaDimension = function () {
@@ -21807,6 +21818,13 @@ var ActionBase = /** @__PURE__ @class */ (function () {
             remove(timeIndicator);
         }
     };
+    ActionBase.prototype.removeDragResizeClones = function () {
+        var eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
+        for (var _i = 0, eventWrappers_1 = eventWrappers; _i < eventWrappers_1.length; _i++) {
+            var wrapper = eventWrappers_1[_i];
+            remove(wrapper);
+        }
+    };
     ActionBase.prototype.getCursorElement = function (e) {
         var pages = this.parent.eventBase.getPageCoordinates(e);
         return document.elementFromPoint(pages.clientX, pages.clientY);
@@ -21992,15 +22010,11 @@ var ActionBase = /** @__PURE__ @class */ (function () {
         this.monthEvent.dateRender = dateRender;
         this.monthEvent.getSlotDates(workDays);
         if (this.resizeEdges.left || this.resizeEdges.right) {
-            var eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
-            for (var _i = 0, eventWrappers_1 = eventWrappers; _i < eventWrappers_1.length; _i++) {
-                var wrapper = eventWrappers_1[_i];
-                remove(wrapper);
-            }
+            this.removeDragResizeClones();
         }
         var spannedEvents = this.monthEvent.splitEvent(event, dateRender);
-        for (var _a = 0, spannedEvents_1 = spannedEvents; _a < spannedEvents_1.length; _a++) {
-            var event_1 = spannedEvents_1[_a];
+        for (var _i = 0, spannedEvents_1 = spannedEvents; _i < spannedEvents_1.length; _i++) {
+            var event_1 = spannedEvents_1[_i];
             var day = this.parent.getIndexOfDate(dateRender, resetTime(event_1[this.monthEvent.fields.startTime]));
             var diffInDays = event_1.data.count;
             var appWidth = (diffInDays * this.actionObj.cellWidth) - 7;
@@ -22292,11 +22306,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Resize.prototype.yearEventsRendering = function (event) {
-        var eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
-        for (var _i = 0, eventWrappers_1 = eventWrappers; _i < eventWrappers_1.length; _i++) {
-            var wrapper = eventWrappers_1[_i];
-            remove(wrapper);
-        }
+        this.removeDragResizeClones();
         var endDate = new Date(event[this.parent.eventFields.endTime]);
         var monthDiff = 0;
         if (this.parent.activeViewOptions.group.resources.length === 0) {
@@ -22351,6 +22361,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         this.actionObj.action = null;
         this.removeCloneElementClasses();
         this.removeCloneElement();
+        this.removeDragResizeClones();
         this.actionClass('removeClass');
         this.parent.uiStateValues.action = this.parent.uiStateValues.isTapHold = false;
         var resizeArgs = { cancel: false, data: this.getChangedData(), element: this.actionObj.element, event: e };
@@ -22375,7 +22386,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         if (!isTop) {
             offsetValue += this.actionObj.clone.offsetHeight;
         }
-        var minutes = (offsetValue / Math.round(this.actionObj.cellHeight)) * this.actionObj.slotInterval;
+        var minutes = Math.round((offsetValue / Math.round(this.actionObj.cellHeight)) * this.actionObj.slotInterval);
         var element = this.actionObj.clone.offsetParent;
         if (isNullOrUndefined(element)) {
             return;
@@ -22441,7 +22452,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
                     var 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);
@@ -22459,13 +22470,29 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 if (!isLeft) {
-                    offset += this.parent.getElementWidth(this.actionObj.clone);
-                }
-                var spanMinutes = Math.floor((this.actionObj.slotInterval / this.actionObj.cellWidth) *
+                    var cloneWidth = this.parent.getElementWidth(this.actionObj.clone);
+                    var pixelsPerInterval = this.actionObj.cellWidth /
+                        (this.actionObj.slotInterval / this.actionObj.interval);
+                    var numIntervals = Math.round(cloneWidth / pixelsPerInterval);
+                    cloneWidth = numIntervals * pixelsPerInterval;
+                    offset = offset + cloneWidth;
+                }
+                var 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));
+                var isCustomResizeInterval = this.actionObj.interval !== this.actionObj.slotInterval;
+                var initialCellTime = new Date(resizeTime.getTime());
+                var intervalInMS = this.actionObj.interval * 60000;
+                if (intervalInMS > 0 && isCustomResizeInterval) {
+                    if (this.resizeEdges.right || this.resizeEdges.left) {
+                        var eventTime = this.resizeEdges.right ? eventEnd : eventStart;
+                        var timeDifferenceMs = initialCellTime.getTime() - eventTime.getTime();
+                        var intervalCount = Math.round(timeDifferenceMs / intervalInMS);
+                        resizeTime = new Date(eventTime.getTime() + intervalCount * intervalInMS);
+                    }
+                }
                 this.updateTimePosition(resizeTime);
             }
         }
@@ -23109,10 +23136,10 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
         }
         var moreIndicator = this.getMoreIndicatorElement(count, startDate, endDate);
         var rowTr = this.parent.element.querySelector(".e-content-wrap tr:nth-child(" + (row + 1) + ")");
-        var top = rowTr.offsetTop + (this.cellHeight - this.moreIndicatorHeight);
+        var 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());
         }
@@ -24324,11 +24351,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         }
         var event = this.getUpdatedEvent(this.actionObj.start, this.actionObj.end, this.actionObj.event);
         if (isNullOrUndefined(this.parent.eventDragArea)) {
-            var eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
-            for (var _i = 0, eventWrappers_1 = eventWrappers; _i < eventWrappers_1.length; _i++) {
-                var wrapper = eventWrappers_1[_i];
-                remove(wrapper);
-            }
+            this.removeDragResizeClones();
         }
         if (this.multiData && this.multiData.length > 0) {
             var startTime = resetTime(new Date(event[this.parent.eventFields.startTime]));
@@ -24877,14 +24900,18 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         }
     };
     ViewBase.prototype.getHeaderBarHeight = function () {
-        var headerBarHeight = 2;
+        var computedStyle = getComputedStyle(this.parent.element);
+        var borderTop = parseFloat(computedStyle.borderTopWidth) || 1;
+        var borderBottom = parseFloat(computedStyle.borderBottomWidth) || 1;
+        var border = Math.round(borderTop + borderBottom);
+        var headerBarHeight = border;
         if (this.parent.headerModule) {
             headerBarHeight += getOuterHeight(this.parent.headerModule.getHeaderElement());
         }
         if (this.parent.uiStateValues.isGroupAdaptive) {
             var resHeader = this.parent.element.querySelector('.' + RESOURCE_HEADER_TOOLBAR);
             if (resHeader) {
-                headerBarHeight += resHeader.offsetHeight;
+                headerBarHeight += getOuterHeight(resHeader);
             }
         }
         return headerBarHeight;
@@ -25172,7 +25199,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
     ViewBase.prototype.setResourceHeaderContent = function (tdElement, tdData, className) {
         if (className === void 0) { className = TEXT_ELLIPSIS; }
         if (this.parent.activeViewOptions.resourceHeaderTemplate) {
-            var data = { resource: tdData.resource, resourceData: tdData.resourceData };
+            var data = { resource: tdData.resource, resourceData: tdData.resourceData, date: tdData.date };
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.resourceHeaderTemplateName;
             var templateId = scheduleId + viewName + 'resourceHeaderTemplate';
@@ -27819,7 +27846,7 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
                                         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));
@@ -27847,7 +27874,8 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
                                 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;