@syncfusion/ej2-schedule 19.4.41 → 19.4.48

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() {
@@ -6710,6 +6733,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 +6816,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));
@@ -7713,6 +7742,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 +7858,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 +7874,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 +7981,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 +9007,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 +9079,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 +9372,7 @@ class QuickPopups {
         });
     }
     saveClick(event) {
+        this.applyFormValidation();
         this.dialogEvent = event;
         this.isCrudAction = true;
         this.quickPopupHide();
@@ -11694,7 +11725,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);
         }
@@ -19130,6 +19161,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 +19396,8 @@ 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 +19880,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
@@ -21086,7 +21121,7 @@ class ViewBase {
         if (this.isTimelineView()) {
             const colElements = this.getColElements();
             const contentBody = this.element.querySelector('.' + CONTENT_TABLE_CLASS + ' tbody');
-            const colWidth = Math.ceil(contentBody.offsetWidth / (colElements.length / 2));
+            const colWidth = (contentBody.getBoundingClientRect().width / (colElements.length / 2));
             colElements.forEach((col) => setStyleAttribute(col, { 'width': formatUnit(colWidth) }));
             if (content.offsetHeight !== content.clientHeight) {
                 const resourceColumn = this.parent.element.querySelector('.' + RESOURCE_COLUMN_WRAP_CLASS);
@@ -21554,7 +21589,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 +22201,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 +22769,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 +23157,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) {