@syncfusion/ej2-schedule 19.4.43 → 19.4.52

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

@@ -1905,6 +1905,29 @@ var KeyboardInteraction = /** @__PURE__ @class */ (function () {
                 break;
             case 'escape':
                 this.processEscape(e);
+                break;
+            case 'fTwelve':
+                if (this.parent.allowInline && this.parent.inlineModule) {
+                    e.preventDefault();
+                    this.processFTwelve(e);
+                }
+                break;
+        }
+    };
+    KeyboardInteraction.prototype.processFTwelve = function (e) {
+        var target = e.target;
+        if (target.classList.contains(WORK_CELLS_CLASS) || target.classList.contains(ALLDAY_CELLS_CLASS)) {
+            this.parent.activeCellsData = this.getSelectedElements(target);
+            var args = extend(this.parent.activeCellsData, { cancel: false, event: e });
+            var inlineArgs = {
+                element: args.element,
+                groupIndex: args.groupIndex, type: 'Cell'
+            };
+            this.parent.notify(inlineClick, inlineArgs);
+        }
+        if (target.classList.contains(APPOINTMENT_CLASS)) {
+            target.click();
+            return;
         }
     };
     KeyboardInteraction.prototype.addEventListener = function () {
@@ -5152,7 +5175,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
             if (timeZonePropChanged) {
                 this_1.processTimezoneChange(event_1, oldTimezone);
             }
-            else if (!this_1.parent.isPrinting) {
+            else if (!this_1.parent.isPrinting && !this_1.parent.uiStateValues.isResize) {
                 event_1 = this_1.processTimezone(event_1);
             }
             for (var level = 0; level < resourceCollection.length; level++) {
@@ -6192,7 +6215,9 @@ var EventBase = /** @__PURE__ @class */ (function () {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = scheduleId + viewName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, 'eventTemplate', templateId, false);
+            var templateName = 'eventTemplate' + (this.parent.activeViewOptions.group.resources.length > 0 &&
+                this.parent.currentView.indexOf('Year') === -1 ? '_' + resIndex : '');
+            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
         }
         else {
             var appointmentSubject = createElement('div', {
@@ -6657,7 +6682,9 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             var elementId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = elementId + viewName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, 'eventTemplate', templateId, false);
+            var resIndex = this.parent.uiStateValues.isGroupAdaptive ? this.parent.uiStateValues.groupIndex : resource;
+            var templateName = 'eventTemplate' + (this.parent.activeViewOptions.group.resources.length > 0 ? '_' + resIndex : '');
+            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
         }
         else {
             var appointmentSubject = createElement('div', { className: SUBJECT_CLASS, innerHTML: recordSubject });
@@ -6847,6 +6874,8 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
                     appointmentElement_1 = this.createAppointmentElement(eventObj, true, record.data, resource);
                 }
                 addClass([appointmentElement_1], ALLDAY_APPOINTMENT_CLASS);
+                var eventData = extend({}, record.data, null, true);
+                eventObj.data = eventData;
                 var args = { data: eventObj, element: appointmentElement_1, cancel: false };
                 this.parent.trigger(eventRendered, args, function (eventArgs) {
                     if (!eventArgs.cancel) {
@@ -6928,7 +6957,11 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
                 subjectElement.style.maxHeight = formatUnit(maxHeight);
             }
             var index = this.parent.activeViewOptions.group.byDate ? (this.resources.length * dayIndex) + resource : dayCount;
-            this.appendEvent(eventObj, appointmentElement, index, tempData.appLeft);
+            var eventData = {};
+            eventData[this.fields.startTime] = eventObj[this.fields.startTime];
+            eventData[this.fields.endTime] = eventObj[this.fields.endTime];
+            record.data = eventData;
+            this.appendEvent(record, appointmentElement, index, tempData.appLeft);
             this.wireAppointmentEvents(appointmentElement, eventObj);
             if (appHeight_1 < this.cellHeight) {
                 var resizeHandlers = [].slice.call(appointmentElement.querySelectorAll('.' + EVENT_RESIZE_CLASS));
@@ -7576,7 +7609,8 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = scheduleId + viewName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, 'eventTemplate', templateId, false);
+            var eventTemplate = 'eventTemplate' + (this.parent.activeViewOptions.group.resources.length > 0 ? '_' + resIndex : '');
+            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, eventTemplate, templateId, false);
         }
         else {
             var eventLocation = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
@@ -7908,6 +7942,7 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
         _this.interval = _this.parent.activeViewOptions.timeScale.interval;
         _this.day = 0;
         _this.rowIndex = 0;
+        _this.cellTops = [];
         _this.renderType = type;
         _this.eventContainers = [].slice.call(_this.element.querySelectorAll('.' + APPOINTMENT_CONTAINER_CLASS));
         var tr = [].slice.call(_this.element.querySelectorAll('.' + CONTENT_TABLE_CLASS + ' tbody tr'));
@@ -8027,9 +8062,7 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
         var cellTd = this.getCellTd();
         var overlapCount = (isNullOrUndefined(this.parent.eventSettings.sortComparer)) ? this.getIndex(startTime) : this.getSortComparerIndex(startTime, endTime);
         event.Index = overlapCount;
-        var elem = this.element.querySelector('.' + APPOINTMENT_CLASS);
-        var eleHeight = (elem) ? elem.getBoundingClientRect().height : 0;
-        var appHeight = (elem && eleHeight > 0) ? eleHeight : this.eventHeight;
+        var appHeight = this.eventHeight;
         var diffInDays = eventData.count;
         var eventObj = extend({}, event, null, true);
         eventObj[this.fields.startTime] = eventData[this.fields.startTime];
@@ -8045,7 +8078,10 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             var position = this.getPosition(startTime, endTime, event[this.fields.isAllDay], this.day);
             appWidth_1 = (appWidth_1 <= 0) ? this.cellWidth : appWidth_1; // appWidth 0 when start and end time as same
             this.renderedEvents.push(extend({}, event, null, true));
-            var top_1 = this.getRowTop(resIndex);
+            if (isNullOrUndefined(this.cellTops[resIndex])) {
+                this.cellTops[resIndex] = this.getRowTop(resIndex);
+            }
+            var top_1 = this.cellTops[resIndex];
             var appTop = (top_1 + (this.maxHeight ? 0 : EVENT_GAP$1)) + (overlapCount * (appHeight + EVENT_GAP$1));
             appLeft = (this.parent.enableRtl) ? 0 : position;
             appRight = (this.parent.enableRtl) ? position : 0;
@@ -8149,7 +8185,7 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     TimelineEvent.prototype.updateCellHeight = function (cell, height) {
-        if ((height > cell.getBoundingClientRect().height)) {
+        if ((height > this.cellHeight)) {
             setStyleAttribute(cell, { 'height': height + 'px' });
             if (this.parent.activeViewOptions.group.resources.length > 0) {
                 var resourceCell = this.parent.element.querySelector('.' + RESOURCE_COLUMN_TABLE_CLASS + ' ' + 'tbody td[data-group-index="' +
@@ -9193,13 +9229,12 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         if (saveButton) {
             this.renderButton('e-flat e-primary', '', this.parent.activeViewOptions.readonly, saveButton, this.saveClick);
         }
-        this.quickPopup.content = quickCellPopup;
-        this.quickPopup.dataBind();
-        this.applyFormValidation();
         if (this.morePopup) {
             this.morePopup.hide();
         }
+        this.quickPopup.content = quickCellPopup;
         this.quickPopup.relateTo = target;
+        this.quickPopup.dataBind();
         this.beforeQuickPopupOpen(target);
     };
     QuickPopups.prototype.isSameEventClick = function (events) {
@@ -9266,13 +9301,13 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             if (deleteButton) {
                 this.renderButton('e-flat', '', deleteAction, deleteButton, this.deleteClick);
             }
-            this.quickPopup.content = quickEventPopup;
-            this.quickPopup.dataBind();
             if (this.morePopup && !closest(events.element, '.' + MORE_EVENT_WRAPPER_CLASS)) {
                 this.morePopup.hide();
             }
+            this.quickPopup.content = quickEventPopup;
             this.quickPopup.relateTo = this.parent.isAdaptive ? document.body :
                 closest(events.element, '.' + APPOINTMENT_CLASS);
+            this.quickPopup.dataBind();
             this.beforeQuickPopupOpen(events.element);
         }
     };
@@ -9566,6 +9601,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         });
     };
     QuickPopups.prototype.saveClick = function (event) {
+        this.applyFormValidation();
         this.dialogEvent = event;
         this.isCrudAction = true;
         this.quickPopupHide();
@@ -11971,7 +12007,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         return labelText;
     };
     EventWindow.prototype.onChange = function (args) {
-        var target = (args.event.target);
+        var target = args.event.currentTarget.querySelector('input');
         if (target.classList.contains(EVENT_WINDOW_ALL_DAY_CLASS)) {
             this.onAllDayChange(args.checked);
         }
@@ -16427,7 +16463,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         if (this && isNullOrUndefined(this.uiStateValues) || !(this.enablePersistence)) {
             this.uiStateValues = {
                 expand: false, isInitial: true, left: 0, top: 0, isGroupAdaptive: false,
-                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true
+                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true, isResize: false
             };
         }
         this.activeCellsData = { startTime: this.getCurrentTime(), endTime: this.getCurrentTime(), isAllDay: false };
@@ -16889,9 +16925,11 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         }
         if (this.currentView === 'Month' || ((this.currentView !== 'Agenda' && this.currentView !== 'MonthAgenda')
             && !this.activeViewOptions.timeScale.enable) || this.activeView.isTimelineView()) {
+            this.uiStateValues.isResize = true;
             this.activeView.resetColWidth();
             this.notify(scrollUiUpdate, { cssProperties: this.getCssProperties(), isPreventScrollUpdate: true });
             this.refreshEvents(false);
+            this.uiStateValues.isResize = false;
         }
         else {
             this.notify(contentReady, {});
@@ -17957,7 +17995,19 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             if (this.activeViewOptions && this.activeViewOptions.eventTemplate) {
-                this.resetTemplates(['eventTemplate']);
+                var templateNames = ['eventTemplate'];
+                if (this.crudModule && this.crudModule.crudObj.isCrudAction &&
+                    ['Agenda', 'MonthAgenda', 'Year', 'TimelineYear'].indexOf(this.currentView) === -1) {
+                    templateNames = [];
+                    for (var i = 0, len = this.crudModule.crudObj.sourceEvent.length; i < len; i++) {
+                        templateNames.push('eventTemplate_' + this.crudModule.crudObj.sourceEvent[i].groupIndex);
+                        if (this.crudModule.crudObj.targetEvent[i] && this.crudModule.crudObj.sourceEvent[i].groupIndex !==
+                            this.crudModule.crudObj.targetEvent[i].groupIndex) {
+                            templateNames.push('eventTemplate_' + this.crudModule.crudObj.targetEvent[i].groupIndex);
+                        }
+                    }
+                }
+                this.resetTemplates(templateNames);
             }
             var eventsData = this.eventsData || [];
             var blockData = this.blockData || [];
@@ -19812,6 +19862,7 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
         var rowIndex = this.parent.activeViewOptions.orientation === 'Vertical' ? index : month;
         var td = this.parent.element.querySelector(".e-content-wrap tr:nth-child(" + (rowIndex + 1) + ") td");
         this.cellHeight = td.offsetHeight;
+        this.groupOrder = resource.groupOrder;
         for (var a = 0; a < eventDatas.length; a++) {
             var data = eventDatas[a];
             var overlapIndex = void 0;
@@ -20048,7 +20099,9 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             else {
-                if (((resetTime(appStart).getTime() <= dateStart) && (resetTime(appEnd).getTime() >= dateStart)) ||
+                var timeCondition = app[this.fields.isAllDay] ? resetTime(appEnd).getTime() > dateStart :
+                    resetTime(appEnd).getTime() >= dateStart;
+                if (((resetTime(appStart).getTime() <= dateStart) && (timeCondition)) ||
                     (resetTime(appStart).getTime() >= dateStart) && (resetTime(appEnd).getTime() <= dateEnd)) {
                     appointmentsList.push(app);
                 }
@@ -20557,14 +20610,16 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             else {
                 outWrapper = this.parent.element.querySelector('.' + APPOINTMENT_CONTAINER_CLASS);
             }
-            var tarWrapper_1 = outWrapper.querySelector('.' + APPOINTMENT_WRAPPER_CLASS);
-            if (!tarWrapper_1) {
-                tarWrapper_1 = createElement('div', { className: APPOINTMENT_WRAPPER_CLASS });
-                outWrapper.appendChild(tarWrapper_1);
+            if (!isNullOrUndefined(outWrapper)) {
+                var tarWrapper_1 = outWrapper.querySelector('.' + APPOINTMENT_WRAPPER_CLASS);
+                if (!tarWrapper_1) {
+                    tarWrapper_1 = createElement('div', { className: APPOINTMENT_WRAPPER_CLASS });
+                    outWrapper.appendChild(tarWrapper_1);
+                }
+                this.actionObj.cloneElement.forEach(function (ele) {
+                    tarWrapper_1.appendChild(ele);
+                });
             }
-            this.actionObj.cloneElement.forEach(function (ele) {
-                tarWrapper_1.appendChild(ele);
-            });
         }
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -22304,7 +22359,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         if (this.parent.activeViewOptions.allowVirtualScrolling) {
             clsList.push(VIRTUAL_SCROLL_CLASS);
         }
-        if (this.parent.eventSettings.ignoreWhitespace) {
+        if (this.parent.rowAutoHeight && this.parent.eventSettings.ignoreWhitespace) {
             clsList.push(IGNORE_WHITESPACE);
         }
         this.renderPanel(type);
@@ -22984,7 +23039,7 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         if (this.parent.activeViewOptions.allowVirtualScrolling) {
             clsList.push(VIRTUAL_SCROLL_CLASS);
         }
-        if (this.parent.eventSettings.ignoreWhitespace) {
+        if (this.parent.rowAutoHeight && this.parent.eventSettings.ignoreWhitespace) {
             clsList.push(IGNORE_WHITESPACE);
         }
         addClass([this.element], clsList);
@@ -23572,7 +23627,7 @@ var Year = /** @__PURE__ @class */ (function (_super) {
                 var weekNumber = this.parent.getWeekNumberContent(weekDates);
                 var td = createElement('td', {
                     className: 'e-week-number',
-                    attrs: { 'role': 'gridcell', 'title': 'Week ' + weekNumber },
+                    attrs: { 'role': 'gridcell', 'title': this.parent.localeObj.getConstant('week') + ' ' + weekNumber },
                     innerHTML: weekNumber
                 });
                 tr_1.appendChild(td);
@@ -23985,7 +24040,7 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
         var eventElement = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
         for (var _i = 0, eventElement_1 = eventElement; _i < eventElement_1.length; _i++) {
             var element = eventElement_1[_i];
-            this.parent.eventBase.wireAppointmentEvents(element, null, true);
+            this.parent.eventBase.wireAppointmentEvents(element, this.parent.getEventDetails(element), true);
         }
         var dateHeaderElement = [].slice.call(this.parent.element.querySelectorAll('.e-m-date'));
         for (var _a = 0, dateHeaderElement_1 = dateHeaderElement; _a < dateHeaderElement_1.length; _a++) {