@syncfusion/ej2-schedule 30.2.7 → 31.1.17

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

@@ -1034,6 +1034,8 @@ var MONTH_HEADER_WRAPPER = 'e-month-header-wrapper';
 var INLINE_SUBJECT_CLASS = 'e-inline-subject';
 /** @private */
 var INLINE_APPOINTMENT_CLASS = 'e-inline-appointment';
+/** @private */
+var INLINE_EDIT_CLASS = 'e-inline-edit';
 /** @hidden */
 var SCROLL_HIDDEN = 'e-scroll-hidden';
 /** @private */
@@ -3265,7 +3267,7 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
     };
     KeyboardInteraction.prototype.processDelete = function (e) {
         var activeEle = document.activeElement;
-        if (this.parent.currentView === 'MonthAgenda') {
+        if (this.parent.currentView === 'MonthAgenda' || (!isNullOrUndefined(activeEle) && closest(activeEle, '.' + POPUP_WRAPPER_CLASS))) {
             var selectedEle = this.parent.eventBase.getSelectedEvents().element;
             activeEle = ((selectedEle && isNullOrUndefined(selectedEle.length)) ? selectedEle : selectedEle[0]);
         }
@@ -7879,6 +7881,9 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         var record = this.splitEvent(eventObj, currentDates)[0];
         var eStart = new Date(record[this.parent.eventFields.startTime].getTime());
         var eEnd = new Date(record[this.parent.eventFields.endTime].getTime());
+        if (eStart.getTime() < this.parent.minDate.getTime() || eEnd.getTime() > this.parent.maxDate.getTime()) {
+            return;
+        }
         var appWidth = 0;
         var topValue = 1;
         var isDateRange = currentDates[0].getTime() <= eStart.getTime() &&
@@ -8427,13 +8432,15 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             this.parent.notify(scrollUiUpdate, data);
             if (this.parent.currentView === 'Month' && this.parent.showWeekNumber) {
                 var totalCells_1 = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
-                var weekNumberCells = [].slice.call(this.parent.element.querySelectorAll('.' + WEEK_NUMBER_CLASS));
+                var weekNumberCells = [].slice.call(this.parent.element.querySelectorAll('td' + '.' + WEEK_NUMBER_CLASS));
                 weekNumberCells.forEach(function (cell, i) {
                     var height = totalCells_1[parseInt(i.toString(), 10)].offsetHeight;
                     setStyleAttribute(cell, { 'height': height + 'px' });
                 });
-                this.parent.element.querySelector('.' + WEEK_NUMBER_WRAPPER_CLASS).scrollTop =
-                    this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS).scrollTop;
+                var weekNumberWrapper = this.parent.element.querySelector('.' + WEEK_NUMBER_WRAPPER_CLASS);
+                if (!isNullOrUndefined(weekNumberWrapper)) {
+                    weekNumberWrapper.scrollTop = this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS).scrollTop;
+                }
             }
         }
         this.parent.renderTemplates();
@@ -9703,6 +9710,7 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
     InlineEdit.prototype.eventEdit = function (args) {
         var inlineSubject = args.element.querySelector('.' + INLINE_SUBJECT_CLASS);
         var subject;
+        addClass([args.element], INLINE_EDIT_CLASS);
         if (inlineSubject) {
             subject = inlineSubject.value;
         }
@@ -9710,11 +9718,9 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
             var subEle = args.element.querySelector('.' + SUBJECT_CLASS);
             if (!isNullOrUndefined(subEle)) {
                 addClass([subEle], DISABLE_CLASS);
-                subject = subEle.innerText;
-            }
-            else {
-                subject = args.data[this.parent.eventFields.subject];
             }
+            subject = !isNullOrUndefined(args.data) && args.data[this.parent.eventFields.subject] ||
+                this.parent.eventSettings.fields.subject.default || this.parent.localeObj.getConstant('addTitle');
             inlineSubject = this.inlineInputEle =
                 createElement('input', { className: INLINE_SUBJECT_CLASS, attrs: { value: subject } });
             if (closest(args.element, '.' + MORE_POPUP_WRAPPER_CLASS)) {
@@ -9736,7 +9742,12 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
                     args.element.querySelector('.e-appointment-details').prepend(inlineSubject);
                 }
                 else {
-                    innerWrapElement.prepend(inlineSubject);
+                    if (subEle && this.parent.activeViewOptions && !this.parent.activeViewOptions.eventTemplate) {
+                        innerWrapElement.insertBefore(inlineSubject, subEle);
+                    }
+                    else {
+                        innerWrapElement.prepend(inlineSubject);
+                    }
                 }
             }
             inlineSubject.focus();
@@ -9863,7 +9874,7 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
     };
     InlineEdit.prototype.createInlineAppointmentElement = function (inlineData) {
         var inlineAppointmentElement = createElement('div', {
-            className: APPOINTMENT_CLASS + ' ' + INLINE_APPOINTMENT_CLASS
+            className: APPOINTMENT_CLASS + ' ' + INLINE_APPOINTMENT_CLASS + ' ' + INLINE_EDIT_CLASS
         });
         var inlineDetails = createElement('div', { className: APPOINTMENT_DETAILS });
         inlineAppointmentElement.appendChild(inlineDetails);
@@ -9889,6 +9900,7 @@ var InlineEdit = /** @__PURE__ @class */ (function () {
         var inlineSubject = this.getInlineElement();
         if (inlineSubject) {
             var appointmentSubject = closest(inlineSubject, '.' + APPOINTMENT_CLASS);
+            removeClass([appointmentSubject], INLINE_EDIT_CLASS);
             var subject = appointmentSubject.querySelector('.' + SUBJECT_CLASS);
             if (!isNullOrUndefined(subject)) {
                 removeClass([subject], DISABLE_CLASS);
@@ -11333,7 +11345,11 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         if (closest(target, '.' + APPOINTMENT_CLASS + ',.' + HEADER_CELLS_CLASS)) {
             this.parent.removeNewEventElement();
         }
-        if (!closest(target, '.' + MORE_POPUP_WRAPPER_CLASS) && (target.classList &&
+        var isQuickPopupClick = closest(target, '.' + POPUP_WRAPPER_CLASS) ||
+            closest(target, '.' + QUICK_DIALOG_CLASS);
+        var isEditButton = target.classList.contains(EDIT_EVENT_CLASS) ||
+            target.classList.contains(EDIT_CLASS) || target.classList.contains(EDIT_ICON_CLASS);
+        if (isEditButton || !isQuickPopupClick && !closest(target, '.' + MORE_POPUP_WRAPPER_CLASS) && (target.classList &&
             !target.classList.contains(MORE_INDICATOR_CLASS))
             && (!closest(target, '.' + MORE_POPUP_WRAPPER_CLASS + '.' + POPUP_OPEN))
             && !closest(target, '.' + WORK_CELLS_CLASS)) {
@@ -11482,6 +11498,10 @@ var EventTooltip = /** @__PURE__ @class */ (function () {
             return;
         }
         if (args.target.classList.contains(RESOURCE_CELLS_CLASS) && this.parent.activeViewOptions.group.resources.length > 0) {
+            if (args.target.closest('.' + LEFT_INDENT_WRAP_CLASS)) {
+                args.cancel = true;
+                return;
+            }
             var resCollection = void 0;
             if (this.parent.activeView.isTimelineView()) {
                 var index = parseInt(args.target.getAttribute('data-group-index'), 10);
@@ -14027,9 +14047,9 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             var startObj = startDate.ej2_instances[0];
             var endObj = endDate.ej2_instances[0];
             startObj.min = this.parent.minDate;
-            startObj.max = this.parent.maxDate;
+            startObj.max = new Date(new Date(+this.parent.maxDate).setHours(23, 59, 59));
             endObj.min = this.parent.minDate;
-            endObj.max = this.parent.maxDate;
+            endObj.max = new Date(new Date(+this.parent.maxDate).setHours(23, 59, 59));
             startObj.dataBind();
             endObj.dataBind();
         }
@@ -19867,6 +19887,14 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                 if (newProp.allowKeyboardInteraction || newProp.allowClipboard) {
                     this.keyboardInteractionModule = new KeyboardInteraction(this);
                 }
+                if (prop === 'allowClipboard') {
+                    if (newProp.allowClipboard) {
+                        EventHandler.add(document, 'paste', this.onDocumentPaste, this);
+                    }
+                    else {
+                        EventHandler.remove(document, 'paste', this.onDocumentPaste);
+                    }
+                }
                 break;
             case 'timezoneDataSource':
                 if (this.eventWindow) {
@@ -20818,12 +20846,18 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
      */
     Schedule.prototype.paste = function (targetElement) {
         var _this = this;
-        if (!this.allowClipboard || !this.allowKeyboardInteraction) {
+        if (!this.allowClipboard || !this.allowKeyboardInteraction || !targetElement) {
             return;
         }
         if (!targetElement.classList.contains('e-work-cells') && !targetElement.classList.contains('e-all-day-cells')) {
             return;
         }
+        if (!this.activeCellsData) {
+            var cellData = this.getCellDetails([targetElement]);
+            if (cellData) {
+                this.activeCellsData = cellData;
+            }
+        }
         var clipboardData = new DataTransfer();
         if (!isNullOrUndefined(navigator.clipboard)) {
             navigator.clipboard.readText()
@@ -21825,6 +21859,9 @@ var ActionBase = /** @__PURE__ @class */ (function () {
         if (this.parent.activeViewOptions.group.resources.length > 0) {
             query = query.concat('[data-group-index = "' + cloneElement.getAttribute('data-group-index') + '"]');
         }
+        if (cloneElement.hasAttribute('data-guid')) {
+            query += '[data-guid="' + cloneElement.getAttribute('data-guid') + '"]';
+        }
         var elements = [].slice.call(this.parent.element.querySelectorAll(query));
         addClass(elements, EVENT_ACTION_CLASS);
         var eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
@@ -22016,17 +22053,20 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
     };
     Resize.prototype.resizeStart = function (e) {
         var _this = this;
-        if (e && e.type === 'touchstart' && (!this.parent.uiStateValues.isTapHold ||
-            !closest(e.target, '.' + APPOINTMENT_BORDER))) {
+        if ((e && e.type === 'touchstart' && (!this.parent.uiStateValues.isTapHold ||
+            !closest(e.target, '.' + APPOINTMENT_BORDER))) || closest(e.target, '.' + INLINE_EDIT_CLASS)) {
+            return;
+        }
+        var resizeTarget = closest(e.target, '.' + EVENT_RESIZE_CLASS);
+        this.actionObj.element = closest(resizeTarget, '.' + APPOINTMENT_CLASS);
+        this.actionObj.event = this.parent.eventBase.getEventByGuid(this.actionObj.element.getAttribute('data-guid'));
+        if (isNullOrUndefined(this.actionObj.event)) {
             return;
         }
         this.parent.eventBase.removeSelectedAppointmentClass();
         this.actionObj.action = 'resize';
         this.actionObj.slotInterval = this.parent.activeViewOptions.timeScale.interval / this.parent.activeViewOptions.timeScale.slotCount;
         this.actionObj.interval = this.actionObj.slotInterval;
-        var resizeTarget = closest(e.target, '.' + EVENT_RESIZE_CLASS);
-        this.actionObj.element = closest(resizeTarget, '.' + APPOINTMENT_CLASS);
-        this.actionObj.event = this.parent.eventBase.getEventByGuid(this.actionObj.element.getAttribute('data-guid'));
         var eventObj = extend({}, this.actionObj.event, null, true);
         var resizeArgs = {
             cancel: false,
@@ -22755,9 +22795,10 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
                             return "continue";
                         }
                     }
-                    var enableAppRender = this_1.maxOrIndicator || (overlapIndex < eventsPerRow) ||
-                        (this_1.cellHeight > availedHeight);
-                    if (this_1.parent.rowAutoHeight || enableAppRender || this_1.cellHeight > availedHeight) {
+                    if (this_1.maxHeight && this_1.parent.currentView.indexOf('Timeline') !== -1 && overlapIndex > 0) {
+                        return "continue";
+                    }
+                    if (this_1.parent.rowAutoHeight || this_1.shouldRenderAppointment(overlapIndex, availedHeight)) {
                         this_1.renderEvent(eventWrapper, eventData, row, leftValue, rightValue, monthStart, dayIndex);
                         if (this_1.parent.rowAutoHeight || this_1.cellHeight > availedHeight) {
                             this_1.updateCellHeight(rowTd, availedHeight);
@@ -22892,6 +22933,19 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
             });
         }
     };
+    YearEvent.prototype.shouldRenderAppointment = function (overlapIndex, availedHeight) {
+        var eventsPerRow = this.parent.rowAutoHeight ? 1 : this.parent.activeViewOptions.maxEventsPerRow;
+        if (this.parent.activeViewOptions.maxEventsPerRow && !this.parent.rowAutoHeight &&
+            !this.parent.eventSettings.enableIndicator) {
+            return overlapIndex < eventsPerRow;
+        }
+        else if (this.maxOrIndicator) {
+            return overlapIndex < 1;
+        }
+        else {
+            return this.cellHeight > availedHeight;
+        }
+    };
     YearEvent.prototype.renderResourceEvent = function (wrapper, resource, month, index, monthStart) {
         var eventWrapper = createElement('div', { className: APPOINTMENT_WRAPPER_CLASS });
         wrapper.appendChild(eventWrapper);
@@ -22932,7 +22986,10 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
                     return "continue";
                 }
             }
-            if (this_2.parent.rowAutoHeight || this_2.cellHeight > availedHeight) {
+            if (this_2.maxHeight && this_2.parent.currentView.indexOf('Timeline') !== -1 && overlapIndex > 0) {
+                return "continue";
+            }
+            if (this_2.parent.rowAutoHeight || this_2.shouldRenderAppointment(overlapIndex, availedHeight)) {
                 this_2.renderEvent(eventWrapper, eventData, month, leftValue, leftValue, monthStart, index);
                 this_2.updateCellHeight(td, availedHeight);
                 isSpannedCollection.push(eventData);
@@ -22957,6 +23014,10 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
                 break;
         }
     };
+    YearEvent.prototype.setMaxEventHeight = function (event, cell) {
+        var height = (cell.offsetHeight - this.cellHeader) - (this.maxHeight ? 0 : this.moreIndicatorHeight);
+        setStyleAttribute(event, { 'height': height + 'px', 'align-items': 'center' });
+    };
     // eslint-disable-next-line max-len
     YearEvent.prototype.renderEvent = function (wrapper, eventData, row, left, right, monthDate, rowIndex) {
         var _this = this;
@@ -22987,6 +23048,9 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
         setStyleAttribute(wrap, {
             'width': width + 'px', 'height': this.eventHeight + 'px', 'left': left + 'px', 'right': right + 'px', 'top': top + 'px'
         });
+        if (this.maxOrIndicator && this.parent.currentView.indexOf('Timeline') !== -1) {
+            this.setMaxEventHeight(wrap, rowTd);
+        }
         if (!this.isResource && this.parent.rowAutoHeight && this.parent.activeViewOptions.orientation === 'Vertical') {
             wrap.setAttribute('data-index', eventObj.Index.toString());
         }
@@ -23257,7 +23321,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
     }
     DragAndDrop.prototype.wireDragEvent = function (element) {
         new Draggable(element, {
-            abort: '.' + EVENT_RESIZE_CLASS,
+            abort: '.' + EVENT_RESIZE_CLASS + ', .' + INLINE_EDIT_CLASS,
             clone: true,
             isDragScroll: true,
             enableTailMode: this.parent.eventDragArea ? true : false,
@@ -23783,6 +23847,11 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         this.actionObj.clone.style.top = formatUnit(td.offsetParent.offsetTop);
         this.actionObj.clone.style.left = formatUnit(td.offsetLeft);
         this.actionObj.clone.style.width = formatUnit(td.offsetWidth);
+        if (this.actionObj.cloneElement.length > 1) {
+            this.actionObj.cloneElement.forEach(function (element) {
+                element.style.width = formatUnit(td.offsetWidth);
+            });
+        }
         var eventContainer = td;
         var eventWrapper;
         if (this.parent.activeView.isTimelineView()) {
@@ -24072,6 +24141,10 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
                         this.verticalEvent.getTopValue(eStart) : this.actionObj.element.offsetTop;
                     if (isNullOrUndefined(index)) {
                         if (i === 0) {
+                            if (this.actionObj.clone.classList.contains(ALLDAY_APPOINTMENT_CLASS)) {
+                                topValue = this.parent.element.querySelector('.' + ALLDAY_ROW_CLASS).offsetTop;
+                                appHeight = this.getAllDayEventHeight();
+                            }
                             this.actionObj.clone.style.top = formatUnit(topValue);
                             this.actionObj.clone.style.height = formatUnit(appHeight);
                         }
@@ -24081,9 +24154,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
                     }
                     else {
                         var appWidth = this.actionObj.cellWidth;
-                        if (event[this.parent.eventFields.isAllDay]) {
-                            topValue = this.parent.element.querySelector('.' + ALLDAY_ROW_CLASS).offsetTop;
-                            appHeight = this.getAllDayEventHeight();
+                        if (event[this.parent.eventFields.isAllDay] && this.parent.activeViewOptions.timeScale.enable) {
                             var timeDiff = event[this.parent.eventFields.endTime].getTime() -
                                 event[this.parent.eventFields.startTime].getTime();
                             var allDayDifference = Math.ceil(timeDiff / (1000 * 3600 * 24));
@@ -25661,7 +25732,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
             case 'dateHeader':
                 if (this.parent.activeViewOptions.dateHeaderTemplate) {
                     templateName = 'dateHeaderTemplate';
-                    var args = { date: date, type: type };
+                    var args = { date: date, type: type, groupIndex: groupIndex };
                     var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
                     cntEle = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, templateName, templateId + viewName + templateName, false, undefined, undefined, this.parent.root));
                 }
@@ -27413,10 +27484,11 @@ var Year = /** @__PURE__ @class */ (function (_super) {
         var startDate = isDateColAvail ? dateCollection[0] : this.getStartDate();
         var endDate = isDateColAvail ? dateCollection[dateCollection.length - 1] : this.getEndDate();
         if (startDate.getFullYear() !== endDate.getFullYear()) {
-            return this.parent.globalize.formatDate(startDate, { skeleton: 'yMMM' }) + ' - ' + this.parent.globalize.formatDate(endDate, { skeleton: 'yMMM' });
+            return this.parent.globalize.formatDate(startDate, { format: 'MMM y', calendar: this.parent.getCalendarMode() })
+                + ' - ' + this.parent.globalize.formatDate(endDate, { format: 'MMM y', calendar: this.parent.getCalendarMode() });
         }
         else {
-            return this.parent.globalize.formatDate(isDateColAvail ? dateCollection[0] : date, { skeleton: 'y' });
+            return this.parent.globalize.formatDate(isDateColAvail ? dateCollection[0] : date, { skeleton: 'y', calendar: this.parent.getCalendarMode() });
         }
     };
     Year.prototype.addEventListener = function () {
@@ -27689,7 +27761,8 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
                                     rowSpan: 1, type: 'dateColumn', resource: resColl[parseInt((resColl.length - 1).toString(), 10)],
                                     groupOrder: resData[parseInt(res.toString(), 10)].groupOrder,
                                     resourceData: resData[parseInt(res.toString(), 10)].resourceData,
-                                    date: agendaDate
+                                    date: agendaDate,
+                                    groupIndex: resData[parseInt(res.toString(), 10)].groupIndex
                                 };
                                 if (!lastLevelInfo[parseInt(tempIndex.toString(), 10)]) {
                                     lastLevelInfo[parseInt(tempIndex.toString(), 10)] = [];
@@ -27782,7 +27855,7 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
                         continue;
                     }
                     ntd.setAttribute('data-date', data.date.getTime().toString());
-                    ntd.appendChild(this.createDateHeaderElement(data.date));
+                    ntd.appendChild(this.createDateHeaderElement(data.date, data.groupIndex));
                     var className = [AGENDA_CELLS_CLASS, AGENDA_DATE_CLASS];
                     if (data.cssClass) {
                         className.push(data.cssClass);
@@ -27837,11 +27910,11 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
             tBody.appendChild(ntr);
         }
     };
-    AgendaBase.prototype.createDateHeaderElement = function (date) {
+    AgendaBase.prototype.createDateHeaderElement = function (date, groupIndex) {
         var dateHeader;
         if (this.parent.activeViewOptions.dateHeaderTemplate) {
             dateHeader = createElement('div', { className: AGENDA_HEADER_CLASS });
-            var args = { date: date, type: 'dateHeader' };
+            var args = { date: date, type: 'dateHeader', groupIndex: groupIndex };
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
             var templateId = scheduleId + viewName + 'dateHeaderTemplate';
@@ -27964,11 +28037,12 @@ var Agenda = /** @__PURE__ @class */ (function (_super) {
         this.parent.eventsProcessed = this.processAgendaEvents(eventCollection);
         var agendaDate = resetTime(this.parent.selectedDate);
         var tBody = this.element.querySelector('.' + CONTENT_TABLE_CLASS + ' tbody');
+        var contentArea = closest(tBody, '.' + CONTENT_WRAP_CLASS);
+        var scrollTop = contentArea.scrollTop;
         removeChildren(tBody);
         this.renderInitialContent(tBody, agendaDate);
         this.wireEventActions();
-        var contentArea = closest(tBody, '.' + CONTENT_WRAP_CLASS);
-        contentArea.scrollTop = 1;
+        contentArea.scrollTop = scrollTop;
         this.parent.notify(eventsLoaded, {});
         if (!this.parent.activeViewOptions.allowVirtualScrolling) {
             this.retainScrollPosition();