@syncfusion/ej2-schedule 20.1.47 → 20.1.52

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

@@ -3631,10 +3631,6 @@ function generate(startDate, rule, excludeDate, startDayOfWeek, maximumCount = M
     }
     maxOccurrence = maximumCount;
     setFirstDayOfWeek(DAYINDEX[startDayOfWeek]);
-    if (ruleObject.until) {
-        const 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);
@@ -7082,7 +7078,6 @@ class MonthEvent extends EventBase {
     constructor(parent) {
         super(parent);
         this.renderedEvents = [];
-        this.eventsRendered = [];
         this.monthHeaderHeight = 0;
         this.moreIndicatorHeight = 19;
         this.renderType = 'day';
@@ -7101,7 +7096,7 @@ class MonthEvent extends EventBase {
         if (appElement.length > 0) {
             appElement = (this.parent.currentView === 'Month') ? appElement : [appElement[0]];
             for (const wrap of appElement) {
-                if (wrap.parentElement && wrap.parentElement.parentNode) {
+                if (!wrap.classList.contains('e-more-indicator') && wrap.parentElement && wrap.parentElement.parentNode) {
                     remove(wrap.parentElement);
                 }
             }
@@ -7196,7 +7191,6 @@ class MonthEvent extends EventBase {
     }
     renderEventsHandler(dateRender, workDays, resData) {
         this.renderedEvents = [];
-        this.eventsRendered = [];
         let eventsList;
         let blockList;
         let resIndex = 0;
@@ -7540,16 +7534,16 @@ class MonthEvent extends EventBase {
         }
         const overlapCount = this.getIndex(startTime);
         event.Index = overlapCount;
+        let appHeight = this.eventHeight;
         this.renderedEvents.push(extend({}, event, null, true));
         const diffInDays = event.data.count;
         if (startTime.getTime() <= endTime.getTime()) {
             const appWidth = (diffInDays * this.cellWidth) - 5;
             const cellTd = this.workCells[day];
-            const appTop = (overlapCount * (this.eventHeight + EVENT_GAP));
-            const height = this.monthHeaderHeight + ((overlapCount + 1) * (this.eventHeight + EVENT_GAP)) + this.moreIndicatorHeight;
+            const appTop = (overlapCount * (appHeight + EVENT_GAP));
+            const height = this.monthHeaderHeight + ((overlapCount + 1) * (appHeight + EVENT_GAP)) + this.moreIndicatorHeight;
             const enableAppRender = this.maxOrIndicator ? overlapCount < 1 ? true : false : this.cellHeight > height;
             if (this.parent.rowAutoHeight || enableAppRender) {
-                this.eventsRendered.push(extend({}, event, null, true));
                 let appointmentElement;
                 if (this.inlineValue) {
                     appointmentElement = this.parent.inlineModule.createInlineAppointmentElement();
@@ -7565,37 +7559,28 @@ class MonthEvent extends EventBase {
                     const firstChild = cellTd.parentElement.firstElementChild;
                     this.updateCellHeight(firstChild, height);
                 }
-                else if (cellTd.querySelector('.' + MORE_INDICATOR_CLASS)) {
-                    this.renderMoreIndicators(diffInDays, day);
-                }
             }
             else {
-                this.renderMoreIndicators(diffInDays, day);
-            }
-        }
-    }
-    renderMoreIndicators(diffInDays, day) {
-        for (let i = 0; i < diffInDays; i++) {
-            if (this.workCells[day + i]) {
-                const startDate = new Date(this.dateRender[day + i].getTime());
-                const endDate = addDays(this.dateRender[day + i], 1);
-                const groupIndex = this.workCells[day + i].getAttribute('data-group-index');
-                const filterEvents = this.getFilteredEvents(startDate, endDate, groupIndex);
-                const renderedAppCount = this.getOverlapEvents(startDate, this.eventsRendered).length;
-                const count = (filterEvents.length - renderedAppCount) <= 0 ? 1 : (filterEvents.length - renderedAppCount);
-                const indicator = this.workCells[day + i].querySelector('.' + MORE_INDICATOR_CLASS);
-                if (indicator) {
-                    indicator.innerHTML = this.getMoreIndicatorText(count);
-                }
-                else {
-                    const moreIndicatorElement = this.getMoreIndicatorElement(count, startDate, endDate);
-                    if (!isNullOrUndefined(groupIndex)) {
-                        moreIndicatorElement.setAttribute('data-group-index', groupIndex);
+                for (let i = 0; i < diffInDays; i++) {
+                    const cellTd = this.workCells[day + i];
+                    if (cellTd && isNullOrUndefined(cellTd.querySelector('.' + MORE_INDICATOR_CLASS))) {
+                        const startDate = new Date(this.dateRender[day + i].getTime());
+                        const endDate = addDays(this.dateRender[day + i], 1);
+                        const groupIndex = cellTd.getAttribute('data-group-index');
+                        const filterEvents = this.getFilteredEvents(startDate, endDate, groupIndex);
+                        const appArea = this.cellHeight - this.monthHeaderHeight - this.moreIndicatorHeight;
+                        appHeight = this.withIndicator ? appArea : appHeight;
+                        const renderedAppCount = Math.floor(appArea / (appHeight + EVENT_GAP));
+                        const count = (filterEvents.length - renderedAppCount) <= 0 ? 1 : (filterEvents.length - renderedAppCount);
+                        const moreIndicatorElement = this.getMoreIndicatorElement(count, startDate, endDate);
+                        if (!isNullOrUndefined(groupIndex)) {
+                            moreIndicatorElement.setAttribute('data-group-index', groupIndex);
+                        }
+                        moreIndicatorElement.style.top = appArea + 'px';
+                        moreIndicatorElement.style.width = this.cellWidth - 2 + 'px';
+                        this.renderElement(cellTd, moreIndicatorElement);
+                        EventHandler.add(moreIndicatorElement, 'click', this.moreIndicatorClick, this);
                     }
-                    moreIndicatorElement.style.top = (this.cellHeight - this.monthHeaderHeight - this.moreIndicatorHeight) + 'px';
-                    moreIndicatorElement.style.width = this.cellWidth - 2 + 'px';
-                    this.renderElement(this.workCells[day + i], moreIndicatorElement);
-                    EventHandler.add(moreIndicatorElement, 'click', this.moreIndicatorClick, this);
                 }
             }
         }
@@ -7712,7 +7697,7 @@ class MonthEvent extends EventBase {
     getMoreIndicatorElement(count, startDate, endDate) {
         const moreIndicatorElement = createElement('div', {
             className: MORE_INDICATOR_CLASS,
-            innerHTML: this.getMoreIndicatorText(count),
+            innerHTML: '+' + this.parent.globalize.formatNumber(count) + '&nbsp;' + (this.parent.isAdaptive ? '' : this.parent.localeObj.getConstant('more')),
             attrs: {
                 'tabindex': '0',
                 'data-start-date': startDate.getTime().toString(),
@@ -7722,9 +7707,6 @@ class MonthEvent extends EventBase {
         });
         return moreIndicatorElement;
     }
-    getMoreIndicatorText(count) {
-        return '+' + this.parent.globalize.formatNumber(count) + '&nbsp;' + (this.parent.isAdaptive ? '' : this.parent.localeObj.getConstant('more'));
-    }
     removeHeightProperty(selector) {
         const rows = [].slice.call(this.element.querySelectorAll('.' + selector + ' tbody tr'));
         for (const row of rows) {
@@ -11749,8 +11731,7 @@ class EventWindow {
         return labelText;
     }
     onChange(args) {
-        const targetSelector = `.${EVENT_WINDOW_ALL_DAY_CLASS},.${TIME_ZONE_CLASS},.${EVENT_WINDOW_REPEAT_CLASS}`;
-        const target = closest(args.event.target, targetSelector);
+        const target = args.event.currentTarget.querySelector('input');
         if (target.classList.contains(EVENT_WINDOW_ALL_DAY_CLASS)) {
             this.onAllDayChange(args.checked);
         }
@@ -11914,8 +11895,7 @@ class EventWindow {
     }
     showDetails(eventData) {
         const eventObj = extend({}, eventData, null, true);
-        if ((!this.cellClickAction || this.cellClickAction && !isNullOrUndefined(this.parent.editorTemplate)) &&
-            eventObj[this.fields.endTime].getHours() === 0 && eventObj[this.fields.endTime].getMinutes() === 0) {
+        if (eventObj[this.fields.endTime].getHours() === 0 && eventObj[this.fields.endTime].getMinutes() === 0) {
             this.trimAllDay(eventObj);
         }
         this.eventData = eventObj;
@@ -13203,8 +13183,7 @@ class Render {
             this.parent.virtualScrollModule.destroy();
             this.parent.virtualScrollModule = null;
         }
-        if (this.parent.currentView.indexOf('Timeline') !== -1 && (this.parent.currentView.indexOf('Year') === -1 ||
-            (this.parent.currentView === 'TimelineYear' && this.parent.activeViewOptions.orientation === 'Vertical'))
+        if (this.parent.currentView.indexOf('Timeline') !== -1 && this.parent.currentView.indexOf('Year') === -1
             && this.parent.activeViewOptions.allowVirtualScrolling
             && this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
             this.parent.virtualScrollModule = new VirtualScroll(this.parent);
@@ -15750,7 +15729,6 @@ let Schedule = class Schedule extends Component {
                 };
                 this.trigger(navigating, navArgs, (navigationArgs) => {
                     if (!navigationArgs.cancel) {
-                        this.uiStateValues.isInitial = ['TimelineMonth', 'TimelineYear', 'Year'].indexOf(view) > -1 ? true : this.uiStateValues.isInitial;
                         this.viewIndex = navigationArgs.viewIndex;
                         this.setProperties({ currentView: view }, true);
                         if (this.headerModule) {
@@ -16369,9 +16347,6 @@ let Schedule = class Schedule extends Component {
                 if (document.querySelectorAll(template).length) {
                     return compile(document.querySelector(template).innerHTML.trim());
                 }
-                else {
-                    return compile(template);
-                }
             }
             catch (error) {
                 return compile(template);
@@ -19177,9 +19152,7 @@ class YearEvent extends TimelineEvent {
         this.eventHeight = getElementHeightFromClass(eventTable, APPOINTMENT_CLASS);
         const wrapperCollection = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CONTAINER_CLASS));
         const resources = this.parent.uiStateValues.isGroupAdaptive ?
-            [this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex]] :
-            this.parent.activeViewOptions.allowVirtualScrolling ? this.parent.resourceBase.renderedResources :
-                this.parent.resourceBase.lastResourceLevel;
+            [this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex]] : this.parent.resourceBase.lastResourceLevel;
         const months = this.getMonths();
         if (this.parent.activeViewOptions.orientation === 'Horizontal') {
             for (let month = 0; month < months.length; month++) {
@@ -22169,16 +22142,16 @@ class Month extends ViewBase {
         }
         this.setColWidth(content);
         if (args.scrollPosition || !args.isPreventScrollUpdate && this.parent.currentView === 'TimelineMonth') {
-            const top = this.parent.currentView === 'TimelineMonth' ? this.parent.uiStateValues.top : args.scrollPosition.top;
-            if (leftPanel) {
-                leftPanel.scrollTop = top;
-            }
-            content.scrollTop = top;
             if (this.parent.uiStateValues.isInitial) {
                 this.scrollToSelectedDate();
                 this.parent.uiStateValues.isInitial = false;
             }
             else {
+                const top = this.parent.currentView === 'TimelineMonth' ? this.parent.uiStateValues.top : args.scrollPosition.top;
+                if (leftPanel) {
+                    leftPanel.scrollTop = top;
+                }
+                content.scrollTop = top;
                 content.scrollLeft = this.parent.currentView === 'TimelineMonth' ? this.parent.uiStateValues.left :
                     args.scrollPosition.left;
             }
@@ -22199,9 +22172,6 @@ class Month extends ViewBase {
         else {
             content.scrollLeft = 0;
         }
-        if (content.scrollLeft === 0 && this.parent.uiStateValues.isInitial) {
-            this.parent.uiStateValues.left = 0;
-        }
     }
     setContentHeight(content, leftPanelElement, height) {
         content.style.height = 'auto';
@@ -22757,9 +22727,6 @@ class Year extends ViewBase {
         const viewTypeClass = this.parent.activeViewOptions.orientation === 'Horizontal' ? 'e-horizontal' : 'e-vertical';
         addClass([this.element], [this.viewClass, viewTypeClass, className]);
         this.renderPanel(className);
-        if (this.parent.activeViewOptions.allowVirtualScrolling) {
-            addClass([this.element], [VIRTUAL_SCROLL_CLASS]);
-        }
         const calendarTable = this.createTableLayout(OUTER_TABLE_CLASS);
         this.element.appendChild(calendarTable);
         this.element.querySelector('table').setAttribute('role', 'presentation');
@@ -22972,7 +22939,6 @@ class Year extends ViewBase {
     onContentScroll(e) {
         const target = e.target;
         const headerWrapper = this.getDatesHeaderElement();
-        this.parent.notify(virtualScroll, e);
         if (headerWrapper) {
             headerWrapper.firstElementChild.scrollLeft = target.scrollLeft;
         }
@@ -23129,7 +23095,7 @@ class AgendaBase extends ViewBase {
                 moduleName: 'agenda',
                 listClass: this.parent.activeView.viewClass,
                 itemClass: this.parent.activeView.viewClass,
-                template: `<div class="${AGENDA_NO_EVENT_CLASS}">${this.parent.localeObj.getConstant('noEvents')}</div>`
+                template: '<div class=' + AGENDA_NO_EVENT_CLASS + '>${subject}</div>'
             });
         }
         else {
@@ -24673,7 +24639,7 @@ class TimelineYear extends Year {
             !this.parent.uiStateValues.isGroupAdaptive) {
             tdCollection.push(firstTd);
             firstTd.appendChild(this.parent.resourceBase.createResourceColumn());
-            this.rowCount = this.parent.resourceBase.renderedResources.length;
+            this.rowCount = this.parent.resourceBase.lastResourceLevel.length;
         }
         else {
             tdCollection.push(firstTd);
@@ -24690,9 +24656,6 @@ class TimelineYear extends Year {
         content.appendChild(contentTable);
         const eventWrapper = createElement('div', { className: EVENT_TABLE_CLASS });
         content.appendChild(eventWrapper);
-        if (this.parent.virtualScrollModule) {
-            this.parent.virtualScrollModule.renderVirtualTrack(content);
-        }
         const contentTBody = contentTable.querySelector('tbody');
         if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
             if (this.parent.rowAutoHeight) {
@@ -24810,47 +24773,6 @@ class TimelineYear extends Year {
             }
         }
     }
-    getContentRows() {
-        const tRow = [];
-        const monthCells = this.getMonths();
-        for (let row = 0; row < this.parent.resourceBase.renderedResources.length; row++) {
-            const tr = createElement('tr', { attrs: { 'role': 'row' } });
-            tRow.push(tr);
-            let resData;
-            if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
-                resData = this.parent.resourceBase.renderedResources[row];
-            }
-            let monthDate = new Date(this.parent.selectedDate.getFullYear(), monthCells[row], 1);
-            let date = this.parent.calendarUtil.getMonthStartDate(new Date(monthDate.getTime()));
-            for (let month = 0; month < this.columnCount; month++) {
-                let classList$$1 = [];
-                const groupIndex = resData.groupIndex;
-                classList$$1 = classList$$1.concat(resData.className);
-                if (classList$$1.indexOf(RESOURCE_PARENT_CLASS) > -1) {
-                    classList$$1.push(RESOURCE_GROUP_CELLS_CLASS);
-                }
-                else {
-                    classList$$1.push(WORKDAY_CLASS);
-                }
-                monthDate = new Date(this.parent.selectedDate.getFullYear(), monthCells[month], 1);
-                date = this.parent.calendarUtil.getMonthStartDate(new Date(monthDate.getTime()));
-                const tdELe = createElement('td', {
-                    className: WORK_CELLS_CLASS,
-                    attrs: {
-                        'role': 'gridcell', 'aria-selected': 'false',
-                        'data-date': date.getTime().toString()
-                    }
-                });
-                addClass([tdELe], classList$$1);
-                tdELe.setAttribute('data-group-index', groupIndex.toString());
-                this.renderCellTemplate({ date: date, type: 'resourceGroupCells', groupIndex: groupIndex }, tdELe);
-                this.wireEvents(tdELe, 'cell');
-                this.parent.trigger(renderCell, { elementType: 'resourceGroupCells', element: tdELe, date: date });
-                tr.appendChild(tdELe);
-            }
-        }
-        return tRow;
-    }
     renderResourceContent(wrapper, monthBody, contentBody) {
         const months = this.getMonths();
         for (let row = 0; row < this.rowCount; row++) {
@@ -24858,8 +24780,8 @@ class TimelineYear extends Year {
             const tr = createElement('tr', { attrs: { 'role': 'row' } });
             contentBody.appendChild(tr);
             let resData;
-            if (this.parent.activeViewOptions.orientation === 'Vertical' && this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
-                resData = this.parent.resourceBase.renderedResources[row];
+            if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
+                resData = this.parent.resourceBase.lastResourceLevel[row];
             }
             let monthDate = new Date(this.parent.selectedDate.getFullYear(), months[row], 1);
             let date = this.parent.calendarUtil.getMonthStartDate(new Date(monthDate.getTime()));
@@ -24880,9 +24802,8 @@ class TimelineYear extends Year {
             }
             for (let month = 0; month < this.columnCount; month++) {
                 let classList$$1 = [];
-                let groupIndex;
+                let groupIndex = row;
                 if (this.parent.activeViewOptions.orientation === 'Vertical') {
-                    groupIndex = resData.groupIndex;
                     classList$$1 = classList$$1.concat(resData.className);
                     if (classList$$1.indexOf(RESOURCE_PARENT_CLASS) > -1) {
                         classList$$1.push(RESOURCE_GROUP_CELLS_CLASS);