@syncfusion/ej2-schedule 19.4.42 → 19.4.50

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

@@ -1897,6 +1897,29 @@ class KeyboardInteraction {
                 break;
             case 'escape':
                 this.processEscape(e);
+                break;
+            case 'fTwelve':
+                if (this.parent.allowInline && this.parent.inlineModule) {
+                    e.preventDefault();
+                    this.processFTwelve(e);
+                }
+                break;
+        }
+    }
+    processFTwelve(e) {
+        const target = e.target;
+        if (target.classList.contains(WORK_CELLS_CLASS) || target.classList.contains(ALLDAY_CELLS_CLASS)) {
+            this.parent.activeCellsData = this.getSelectedElements(target);
+            const args = extend(this.parent.activeCellsData, { cancel: false, event: e });
+            const inlineArgs = {
+                element: args.element,
+                groupIndex: args.groupIndex, type: 'Cell'
+            };
+            this.parent.notify(inlineClick, inlineArgs);
+        }
+        if (target.classList.contains(APPOINTMENT_CLASS)) {
+            target.click();
+            return;
         }
     }
     addEventListener() {
@@ -5121,7 +5144,7 @@ class EventBase {
             if (timeZonePropChanged) {
                 this.processTimezoneChange(event, oldTimezone);
             }
-            else if (!this.parent.isPrinting) {
+            else if (!this.parent.isPrinting && !this.parent.uiStateValues.isResize) {
                 event = this.processTimezone(event);
             }
             for (let level = 0; level < resourceCollection.length; level++) {
@@ -6092,7 +6115,9 @@ class EventBase {
             const scheduleId = this.parent.element.id + '_';
             const viewName = this.parent.activeViewOptions.eventTemplateName;
             const templateId = scheduleId + viewName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, 'eventTemplate', templateId, false);
+            const 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 {
             const appointmentSubject = createElement('div', {
@@ -6525,7 +6550,9 @@ class VerticalEvent extends EventBase {
             const elementId = this.parent.element.id + '_';
             const viewName = this.parent.activeViewOptions.eventTemplateName;
             const templateId = elementId + viewName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, 'eventTemplate', templateId, false);
+            const resIndex = this.parent.uiStateValues.isGroupAdaptive ? this.parent.uiStateValues.groupIndex : resource;
+            const templateName = 'eventTemplate' + (this.parent.activeViewOptions.group.resources.length > 0 ? '_' + resIndex : '');
+            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
         }
         else {
             const appointmentSubject = createElement('div', { className: SUBJECT_CLASS, innerHTML: recordSubject });
@@ -6710,6 +6737,8 @@ class VerticalEvent extends EventBase {
                     appointmentElement = this.createAppointmentElement(eventObj, true, record.data, resource);
                 }
                 addClass([appointmentElement], ALLDAY_APPOINTMENT_CLASS);
+                const eventData = extend({}, record.data, null, true);
+                eventObj.data = eventData;
                 const args = { data: eventObj, element: appointmentElement, cancel: false };
                 this.parent.trigger(eventRendered, args, (eventArgs) => {
                     if (!eventArgs.cancel) {
@@ -6791,7 +6820,11 @@ class VerticalEvent extends EventBase {
                 subjectElement.style.maxHeight = formatUnit(maxHeight);
             }
             const index = this.parent.activeViewOptions.group.byDate ? (this.resources.length * dayIndex) + resource : dayCount;
-            this.appendEvent(eventObj, appointmentElement, index, tempData.appLeft);
+            const 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 < this.cellHeight) {
                 const resizeHandlers = [].slice.call(appointmentElement.querySelectorAll('.' + EVENT_RESIZE_CLASS));
@@ -7402,7 +7435,8 @@ class MonthEvent extends EventBase {
             const scheduleId = this.parent.element.id + '_';
             const viewName = this.parent.activeViewOptions.eventTemplateName;
             const templateId = scheduleId + viewName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, 'eventTemplate', templateId, false);
+            const eventTemplate = 'eventTemplate' + (this.parent.activeViewOptions.group.resources.length > 0 ? '_' + resIndex : '');
+            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, eventTemplate, templateId, false);
         }
         else {
             const eventLocation = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
@@ -7713,6 +7747,7 @@ class TimelineEvent extends MonthEvent {
         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));
         const tr = [].slice.call(this.element.querySelectorAll('.' + CONTENT_TABLE_CLASS + ' tbody tr'));
@@ -7828,9 +7863,7 @@ class TimelineEvent extends MonthEvent {
         const cellTd = this.getCellTd();
         const overlapCount = (isNullOrUndefined(this.parent.eventSettings.sortComparer)) ? this.getIndex(startTime) : this.getSortComparerIndex(startTime, endTime);
         event.Index = overlapCount;
-        const elem = this.element.querySelector('.' + APPOINTMENT_CLASS);
-        const eleHeight = (elem) ? elem.getBoundingClientRect().height : 0;
-        const appHeight = (elem && eleHeight > 0) ? eleHeight : this.eventHeight;
+        const appHeight = this.eventHeight;
         const diffInDays = eventData.count;
         const eventObj = extend({}, event, null, true);
         eventObj[this.fields.startTime] = eventData[this.fields.startTime];
@@ -7846,7 +7879,10 @@ class TimelineEvent extends MonthEvent {
             const position = this.getPosition(startTime, endTime, event[this.fields.isAllDay], this.day);
             appWidth = (appWidth <= 0) ? this.cellWidth : appWidth; // appWidth 0 when start and end time as same
             this.renderedEvents.push(extend({}, event, null, true));
-            const top = this.getRowTop(resIndex);
+            if (isNullOrUndefined(this.cellTops[resIndex])) {
+                this.cellTops[resIndex] = this.getRowTop(resIndex);
+            }
+            const top = this.cellTops[resIndex];
             const appTop = (top + (this.maxHeight ? 0 : EVENT_GAP$1)) + (overlapCount * (appHeight + EVENT_GAP$1));
             appLeft = (this.parent.enableRtl) ? 0 : position;
             appRight = (this.parent.enableRtl) ? position : 0;
@@ -7950,7 +7986,7 @@ class TimelineEvent extends MonthEvent {
         }
     }
     updateCellHeight(cell, height) {
-        if ((height > cell.getBoundingClientRect().height)) {
+        if ((height > this.cellHeight)) {
             setStyleAttribute(cell, { 'height': height + 'px' });
             if (this.parent.activeViewOptions.group.resources.length > 0) {
                 const resourceCell = this.parent.element.querySelector('.' + RESOURCE_COLUMN_TABLE_CLASS + ' ' + 'tbody td[data-group-index="' +
@@ -8976,13 +9012,12 @@ class QuickPopups {
         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);
     }
     isSameEventClick(events) {
@@ -9049,13 +9084,13 @@ class QuickPopups {
             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);
         }
     }
@@ -9342,6 +9377,7 @@ class QuickPopups {
         });
     }
     saveClick(event) {
+        this.applyFormValidation();
         this.dialogEvent = event;
         this.isCrudAction = true;
         this.quickPopupHide();
@@ -11694,7 +11730,7 @@ class EventWindow {
         return labelText;
     }
     onChange(args) {
-        const target = (args.event.target);
+        const target = args.event.currentTarget.querySelector('input');
         if (target.classList.contains(EVENT_WINDOW_ALL_DAY_CLASS)) {
             this.onAllDayChange(args.checked);
         }
@@ -15827,7 +15863,7 @@ let Schedule = class Schedule extends Component {
         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 };
@@ -16287,9 +16323,11 @@ let Schedule = class Schedule extends Component {
         }
         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, {});
@@ -17349,7 +17387,19 @@ let Schedule = class Schedule extends Component {
         }
         else {
             if (this.activeViewOptions && this.activeViewOptions.eventTemplate) {
-                this.resetTemplates(['eventTemplate']);
+                let templateNames = ['eventTemplate'];
+                if (this.crudModule && this.crudModule.crudObj.isCrudAction &&
+                    ['Agenda', 'MonthAgenda', 'Year', 'TimelineYear'].indexOf(this.currentView) === -1) {
+                    templateNames = [];
+                    for (let 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);
             }
             const eventsData = this.eventsData || [];
             const blockData = this.blockData || [];
@@ -19130,6 +19180,7 @@ class YearEvent extends TimelineEvent {
         const rowIndex = this.parent.activeViewOptions.orientation === 'Vertical' ? index : month;
         const td = this.parent.element.querySelector(`.e-content-wrap tr:nth-child(${rowIndex + 1}) td`);
         this.cellHeight = td.offsetHeight;
+        this.groupOrder = resource.groupOrder;
         for (let a = 0; a < eventDatas.length; a++) {
             const data = eventDatas[a];
             let overlapIndex;
@@ -19364,7 +19415,9 @@ class YearEvent extends TimelineEvent {
                 }
             }
             else {
-                if (((resetTime(appStart).getTime() <= dateStart) && (resetTime(appEnd).getTime() >= dateStart)) ||
+                const 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);
                 }
@@ -19847,14 +19900,16 @@ class DragAndDrop extends ActionBase {
             else {
                 outWrapper = this.parent.element.querySelector('.' + APPOINTMENT_CONTAINER_CLASS);
             }
-            let tarWrapper = outWrapper.querySelector('.' + APPOINTMENT_WRAPPER_CLASS);
-            if (!tarWrapper) {
-                tarWrapper = createElement('div', { className: APPOINTMENT_WRAPPER_CLASS });
-                outWrapper.appendChild(tarWrapper);
+            if (!isNullOrUndefined(outWrapper)) {
+                let tarWrapper = outWrapper.querySelector('.' + APPOINTMENT_WRAPPER_CLASS);
+                if (!tarWrapper) {
+                    tarWrapper = createElement('div', { className: APPOINTMENT_WRAPPER_CLASS });
+                    outWrapper.appendChild(tarWrapper);
+                }
+                this.actionObj.cloneElement.forEach((ele) => {
+                    tarWrapper.appendChild(ele);
+                });
             }
-            this.actionObj.cloneElement.forEach((ele) => {
-                tarWrapper.appendChild(ele);
-            });
         }
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -21554,7 +21609,7 @@ class VerticalView extends ViewBase {
         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);
@@ -22166,7 +22221,7 @@ class Month extends ViewBase {
         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);
@@ -22734,7 +22789,7 @@ class Year extends ViewBase {
                 const weekNumber = this.parent.getWeekNumberContent(weekDates);
                 const 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.appendChild(td);
@@ -23122,7 +23177,7 @@ class AgendaBase extends ViewBase {
     wireEventActions() {
         const eventElement = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
         for (const element of eventElement) {
-            this.parent.eventBase.wireAppointmentEvents(element, null, true);
+            this.parent.eventBase.wireAppointmentEvents(element, this.parent.getEventDetails(element), true);
         }
         const dateHeaderElement = [].slice.call(this.parent.element.querySelectorAll('.e-m-date'));
         for (const element of dateHeaderElement) {