@syncfusion/ej2-schedule 20.2.50 → 20.3.49

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.50
+*  version : 20.3.49
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@20.2.45",
+  "_id": "@syncfusion/ej2-schedule@20.3.47",
   "_inBundle": false,
-  "_integrity": "sha512-8VH2Dhcf7AhCia6abWptHmvqzthCSReYZgBmqh6iZV8Q51DCemRwiJ6J+1+0sNCYE1AqaqglxCQNr/b6BwK31A==",
+  "_integrity": "sha512-mY9pHw0JrYsYwOWA27ejxr7OU/hoJuqKxJKfKP5lkSokLXN34IPY6slTHB//Z4EuleTB14+kpRYXYk6eR7qj+Q==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.2.45.tgz",
-  "_shasum": "1d9375d2b3b02e314913926c44b4c33b4d02c28e",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.3.47.tgz",
+  "_shasum": "2c9c56ea584275a1ff5960e0eb785a473de71655",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,21 +35,21 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.48",
-    "@syncfusion/ej2-buttons": "~20.2.46",
-    "@syncfusion/ej2-calendars": "~20.2.50",
-    "@syncfusion/ej2-data": "~20.2.45",
-    "@syncfusion/ej2-dropdowns": "~20.2.50",
-    "@syncfusion/ej2-excel-export": "~20.2.48",
-    "@syncfusion/ej2-inputs": "~20.2.48",
-    "@syncfusion/ej2-lists": "~20.2.46",
-    "@syncfusion/ej2-navigations": "~20.2.50",
-    "@syncfusion/ej2-popups": "~20.2.49"
+    "@syncfusion/ej2-base": "~20.3.49",
+    "@syncfusion/ej2-buttons": "~20.3.49",
+    "@syncfusion/ej2-calendars": "~20.3.49",
+    "@syncfusion/ej2-data": "~20.3.47",
+    "@syncfusion/ej2-dropdowns": "~20.3.49",
+    "@syncfusion/ej2-excel-export": "~20.3.47",
+    "@syncfusion/ej2-inputs": "~20.3.49",
+    "@syncfusion/ej2-lists": "~20.3.47",
+    "@syncfusion/ej2-navigations": "~20.3.49",
+    "@syncfusion/ej2-popups": "~20.3.49"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-schedule.es2015.js",
+  "es2015": "./dist/es6/ej2-schedule.es5.js",
   "homepage": "https://github.com/syncfusion/ej2-javascript-ui-controls#readme",
   "keywords": [
     "ej2",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.2.50",
+  "version": "20.3.49",
   "sideEffects": false
 }

package/src/recurrence-editor/recurrence-editor-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, Property, NotifyPropertyChanges, INotifyPropertyChanged, Event, Browser } from '@syncfusion/ej2-base';import { EmitType, getDefaultDateObject, getValue, cldrData, L10n, isNullOrUndefined, removeClass, addClass } from '@syncfusion/ej2-base';import { DropDownList, ChangeEventArgs } from '@syncfusion/ej2-dropdowns';import { NumericTextBox } from '@syncfusion/ej2-inputs';import { DatePicker, ChangedEventArgs } from '@syncfusion/ej2-calendars';import { Button, RadioButton } from '@syncfusion/ej2-buttons';import { EventHandler, MouseEventArgs, classList } from '@syncfusion/ej2-base';import { EJ2Instance } from '../schedule/base/interface';import { RecRule, extractObjectFromRule, generate, generateSummary, getRecurrenceStringFromDate, getCalendarUtil } from './date-generator';import { CalendarUtil, CalendarType } from '../common/calendar-util';import { capitalizeFirstWord } from '../schedule/base/util';
+import { Component, Property, NotifyPropertyChanges, INotifyPropertyChanged, Event, Browser, detach } from '@syncfusion/ej2-base';import { EmitType, getDefaultDateObject, getValue, cldrData, L10n, isNullOrUndefined, removeClass, addClass } from '@syncfusion/ej2-base';import { DropDownList, ChangeEventArgs } from '@syncfusion/ej2-dropdowns';import { NumericTextBox } from '@syncfusion/ej2-inputs';import { DatePicker, ChangedEventArgs } from '@syncfusion/ej2-calendars';import { Button, RadioButton } from '@syncfusion/ej2-buttons';import { EventHandler, MouseEventArgs, classList } from '@syncfusion/ej2-base';import { EJ2Instance } from '../schedule/base/interface';import { RecRule, extractObjectFromRule, generate, generateSummary, getRecurrenceStringFromDate, getCalendarUtil } from './date-generator';import { CalendarUtil, CalendarType } from '../common/calendar-util';import { capitalizeFirstWord } from '../schedule/base/util';
 import {RepeatType,RecurrenceEditorChangeEventArgs} from "./recurrence-editor";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

package/src/recurrence-editor/recurrence-editor.d.ts

@@ -159,6 +159,7 @@ export declare class RecurrenceEditor extends Component<HTMLElement> implements
     getRecurrenceDates(startDate: Date, rule: string, excludeDate?: string, maximumCount?: number, viewDate?: Date): number[];
     getRecurrenceRule(): string;
     setRecurrenceRule(rule: string, startDate?: Date): void;
+    private detachInputs;
     /**
      * Destroys the widget.
      *

package/src/recurrence-editor/recurrence-editor.js

@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, Property, NotifyPropertyChanges, Event, Browser } from '@syncfusion/ej2-base';
+import { Component, Property, NotifyPropertyChanges, Event, Browser, detach } from '@syncfusion/ej2-base';
 import { getDefaultDateObject, getValue, cldrData, L10n, isNullOrUndefined, removeClass, addClass } from '@syncfusion/ej2-base';
 import { DropDownList } from '@syncfusion/ej2-dropdowns';
 import { NumericTextBox } from '@syncfusion/ej2-inputs';
@@ -869,30 +869,47 @@ var RecurrenceEditor = /** @class */ (function (_super) {
     RecurrenceEditor.prototype.destroyComponents = function () {
         if (!this.recurrenceCount.isDestroyed) {
             this.recurrenceCount.destroy();
+            this.recurrenceCount = null;
         }
         if (!this.monthDate.isDestroyed) {
             this.monthDate.destroy();
+            this.monthDate = null;
         }
         if (!this.repeatInterval.isDestroyed) {
             this.repeatInterval.destroy();
+            this.repeatInterval = null;
         }
         if (!this.untilDateObj.isDestroyed) {
             this.untilDateObj.destroy();
+            this.untilDateObj = null;
         }
         if (!this.repeatType.isDestroyed) {
             this.repeatType.destroy();
+            this.repeatType = null;
         }
         if (!this.endType.isDestroyed) {
             this.endType.destroy();
+            this.endType = null;
         }
         if (!this.monthWeekPos.isDestroyed) {
             this.monthWeekPos.destroy();
+            this.monthWeekPos = null;
         }
         if (!this.monthWeekDays.isDestroyed) {
             this.monthWeekDays.destroy();
+            this.monthWeekDays = null;
         }
         if (!this.monthValue.isDestroyed) {
             this.monthValue.destroy();
+            this.monthValue = null;
+        }
+        if (!this.onMonthDay.isDestroyed) {
+            this.onMonthDay.destroy();
+            this.onMonthDay = null;
+        }
+        if (!this.onWeekDay.isDestroyed) {
+            this.onWeekDay.destroy();
+            this.onWeekDay = null;
         }
         this.dayButtons.forEach(function (element) {
             if (!element.isDestroyed) {
@@ -988,21 +1005,31 @@ var RecurrenceEditor = /** @class */ (function (_super) {
         this.renderStatus = true;
         this.triggerChangeEvent();
     };
+    RecurrenceEditor.prototype.detachInputs = function () {
+        var inputElements = [].slice.call(this.element.querySelectorAll('input'));
+        for (var _i = 0, inputElements_1 = inputElements; _i < inputElements_1.length; _i++) {
+            var element = inputElements_1[_i];
+            detach(element);
+        }
+    };
     /**
      * Destroys the widget.
      *
      * @returns {void}
      */
     RecurrenceEditor.prototype.destroy = function () {
-        this.destroyComponents();
-        _super.prototype.destroy.call(this);
-        var removeClasses = ['e-' + this.getModuleName()];
-        if (this.cssClass) {
-            removeClasses = removeClasses.concat(this.cssClass.split(' '));
-        }
-        removeClass([this.element], removeClasses);
-        while (this.element.firstElementChild) {
-            this.element.removeChild(this.element.firstElementChild);
+        if (!this.isDestroyed) {
+            this.destroyComponents();
+            _super.prototype.destroy.call(this);
+            var removeClasses = ['e-' + this.getModuleName()];
+            if (this.cssClass) {
+                removeClasses = removeClasses.concat(this.cssClass.split(' '));
+            }
+            removeClass([this.element], removeClasses);
+            this.detachInputs();
+            while (this.element.firstElementChild) {
+                this.element.removeChild(this.element.firstElementChild);
+            }
         }
     };
     /**

package/src/schedule/actions/action-base.js

@@ -94,7 +94,7 @@ var ActionBase = /** @class */ (function () {
         var viewElement = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
         var trElement = [].slice.call(viewElement.querySelector('tr').children);
         if (!this.parent.activeView.isTimelineView() && this.parent.activeViewOptions.group.resources.length > 0 &&
-            !this.parent.isAdaptive && !this.parent.enableAdaptiveUI) {
+            !this.parent.isAdaptive && !this.parent.enableAdaptiveUI && !this.parent.virtualScrollModule) {
             trElement = this.getResourceElements(trElement);
         }
         var leftOffset = trElement[0].getBoundingClientRect();
@@ -190,7 +190,7 @@ var ActionBase = /** @class */ (function () {
         var originalElement;
         var guid = element.getAttribute('data-guid');
         var isMorePopup = element.offsetParent && element.offsetParent.classList.contains(cls.MORE_EVENT_POPUP_CLASS);
-        if (isMorePopup || this.parent.activeView.isTimelineView()) {
+        if (isMorePopup || this.parent.activeView.isTimelineView() || (this.actionObj.action !== 'resize' && this.parent.virtualScrollModule)) {
             originalElement = [].slice.call(this.parent.element.querySelectorAll('[data-guid="' + guid + '"]'));
         }
         else {
@@ -409,7 +409,9 @@ var ActionBase = /** @class */ (function () {
         var workDays = this.parent.activeViewOptions.workDays;
         var groupOrder;
         if (this.parent.activeViewOptions.group.resources.length > 0) {
-            var resources = this.parent.resourceBase.lastResourceLevel.
+            var renderedResource = this.parent.virtualScrollModule && this.parent.virtualScrollModule.isHorizontalScroll ?
+                this.parent.resourceBase.renderedResources : this.parent.resourceBase.lastResourceLevel;
+            var resources = renderedResource.
                 filter(function (res) { return res.groupIndex === _this.actionObj.groupIndex; });
             dateRender = resources[0].renderDates;
             var elementSelector = "." + cls.WORK_CELLS_CLASS + "[data-group-index=\"" + this.actionObj.groupIndex + "\"]";

package/src/schedule/actions/crud.js

@@ -100,8 +100,7 @@ var Crud = /** @class */ (function () {
         if (this.parent.resizeModule && this.parent.resizeModule.actionObj && this.parent.resizeModule.actionObj.element) {
             this.parent.resizeModule.actionObj.element.style.display = 'none';
         }
-        if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.activeViewOptions.group.allowGroupEdit
-            && !this.parent.rowAutoHeight && !this.parent.virtualScrollModule && this.parent.activeViewOptions.group.byGroupID) {
+        if (this.parent.isSpecificResourceEvents()) {
             if (args.requestType === 'eventCreated' || args.requestType === 'eventRemoved') {
                 this.crudObj.isCrudAction = true;
                 this.crudObj.sourceEvent = [];

package/src/schedule/actions/drag.js

@@ -376,7 +376,6 @@ var DragAndDrop = /** @class */ (function (_super) {
         this.actionObj.scrollInterval = null;
         this.actionClass('removeClass');
         this.parent.uiStateValues.action = false;
-        this.actionObj.action = null;
         if (this.isAllowDrop(e)) {
             return;
         }
@@ -386,12 +385,12 @@ var DragAndDrop = /** @class */ (function (_super) {
             cancel: false, data: this.getChangedData(this.updatedData), selectedData: this.updatedData,
             event: e, element: this.actionObj.element, target: target
         };
+        this.actionObj.action = null;
         this.parent.trigger(events.dragStop, dragArgs, function (dragEventArgs) {
             if (dragEventArgs.cancel) {
                 return;
             }
-            if (_this.parent.activeViewOptions.group.resources.length > 0 && !_this.parent.activeViewOptions.group.allowGroupEdit
-                && !_this.parent.rowAutoHeight && !_this.parent.virtualScrollModule && _this.parent.activeViewOptions.group.byGroupID) {
+            if (_this.parent.isSpecificResourceEvents()) {
                 _this.parent.crudModule.crudObj.isCrudAction = true;
                 _this.parent.crudModule.crudObj.sourceEvent =
                     [_this.parent.resourceBase.lastResourceLevel[parseInt(dragArgs.element.getAttribute('data-group-index'), 10)]];
@@ -528,7 +527,7 @@ var DragAndDrop = /** @class */ (function (_super) {
         var eventDuration = eventObj[this.parent.eventFields.endTime].getTime() -
             eventObj[this.parent.eventFields.startTime].getTime();
         var td = closest(e.target, 'td');
-        if (this.parent.currentView === 'TimelineYear' && !td.classList.contains('e-work-cells')) {
+        if (this.parent.currentView === 'TimelineYear' && (!td.classList.contains(cls.WORK_CELLS_CLASS) || td.classList.contains(cls.OTHERMONTH_CLASS))) {
             return;
         }
         var dragStart = this.parent.getDateFromElement(td);
@@ -631,7 +630,9 @@ var DragAndDrop = /** @class */ (function (_super) {
                 this.actionObj.clone.classList.contains(cls.ALLDAY_APPOINTMENT_CLASS)) {
                 dragEnd = util.addDays(util.resetTime(dragEnd), 1);
             }
-            this.updateAllDayEvents(dragStart, dragEnd, this.parent.activeViewOptions.group.byDate ? colIndex : undefined);
+            var index_1 = this.parent.activeViewOptions.group.byDate || (this.parent.virtualScrollModule &&
+                !this.parent.activeViewOptions.timeScale.enable) ? colIndex : undefined;
+            this.updateAllDayEvents(dragStart, dragEnd, index_1);
         }
         this.actionObj.start = new Date(+dragStart);
         this.actionObj.end = new Date(+dragEnd);
@@ -665,17 +666,17 @@ var DragAndDrop = /** @class */ (function (_super) {
                 this.startTime = eventObj_1[this.parent.eventFields.startTime].getTime();
             }
             var startTimeDiff = event[this.parent.eventFields.startTime].getTime() - this.startTime;
-            for (var index_1 = 0; index_1 < this.multiData.length; index_1++) {
-                this.updatedData[index_1] = this.updateMultipleData(this.multiData[index_1], startTimeDiff);
-                var dayIndex = this.getDayIndex(this.updatedData[index_1]);
+            for (var index_2 = 0; index_2 < this.multiData.length; index_2++) {
+                this.updatedData[index_2] = this.updateMultipleData(this.multiData[index_2], startTimeDiff);
+                var dayIndex = this.getDayIndex(this.updatedData[index_2]);
                 if (dayIndex >= 0) {
-                    var wrapper = this.getEventWrapper(dayIndex, this.updatedData[index_1][this.parent.eventFields.isAllDay]);
-                    this.appendCloneElement(wrapper, this.actionObj.cloneElement[index_1]);
-                    this.updateEventHeight(this.updatedData[index_1], index_1, dayIndex);
+                    var wrapper = this.getEventWrapper(dayIndex, this.updatedData[index_2][this.parent.eventFields.isAllDay]);
+                    this.appendCloneElement(wrapper, this.actionObj.cloneElement[index_2]);
+                    this.updateEventHeight(this.updatedData[index_2], index_2, dayIndex);
                 }
                 else {
-                    if (!isNullOrUndefined(this.actionObj.cloneElement[index_1].parentNode)) {
-                        remove(this.actionObj.cloneElement[index_1]);
+                    if (!isNullOrUndefined(this.actionObj.cloneElement[index_2].parentNode)) {
+                        remove(this.actionObj.cloneElement[index_2]);
                     }
                 }
             }
@@ -757,10 +758,12 @@ var DragAndDrop = /** @class */ (function (_super) {
     };
     DragAndDrop.prototype.updateEventHeight = function (event, index, colIndex) {
         this.verticalEvent.initializeValues();
-        var datesCount = 0;
+        var datesCount = this.verticalEvent.getStartCount();
         if (!this.parent.uiStateValues.isGroupAdaptive) {
             for (var i = 0; i < this.actionObj.groupIndex; i++) {
-                datesCount = datesCount + this.verticalEvent.dateRender[i].length;
+                if (this.verticalEvent.dateRender[i]) {
+                    datesCount = datesCount + this.verticalEvent.dateRender[i].length;
+                }
             }
         }
         var indexGroup = this.parent.uiStateValues.isGroupAdaptive ? datesCount : this.actionObj.groupIndex;

package/src/schedule/actions/resize.js

@@ -309,9 +309,7 @@ var Resize = /** @class */ (function (_super) {
             if (resizeEventArgs.cancel) {
                 return;
             }
-            if (_this.parent.activeViewOptions.group.resources.length > 0 && !_this.parent.rowAutoHeight
-                && !_this.parent.activeViewOptions.group.allowGroupEdit && !_this.parent.virtualScrollModule
-                && _this.parent.activeViewOptions.group.byGroupID) {
+            if (_this.parent.isSpecificResourceEvents()) {
                 _this.parent.crudModule.crudObj.sourceEvent =
                     [_this.parent.resourceBase.lastResourceLevel[parseInt(resizeEventArgs.element.getAttribute('data-group-index'), 10)]];
                 _this.parent.crudModule.crudObj.targetEvent = _this.parent.crudModule.crudObj.sourceEvent;

package/src/schedule/actions/touch.js

@@ -21,7 +21,7 @@ var ScheduleTouch = /** @class */ (function () {
         this.touchRightDirection = this.parent.enableRtl ? 'Left' : 'Right';
     }
     ScheduleTouch.prototype.scrollHandler = function (e) {
-        if (this.parent.currentView === 'Agenda' || this.parent.uiStateValues.action ||
+        if (this.parent.currentView === 'Agenda' || this.parent.uiStateValues.action || !this.parent.allowSwiping ||
             (e.originalEvent && (e.originalEvent.target.classList.contains(cls.APPOINTMENT_CLASS) ||
                 closest(e.originalEvent.target, '.' + cls.APPOINTMENT_CLASS)))) {
             return;
@@ -76,7 +76,7 @@ var ScheduleTouch = /** @class */ (function () {
         }
     };
     ScheduleTouch.prototype.swipeHandler = function (e) {
-        if (!this.isScrollTriggered || this.parent.uiStateValues.action) {
+        if (!this.isScrollTriggered || this.parent.uiStateValues.action || !this.parent.allowSwiping) {
             return;
         }
         this.isScrollTriggered = false;

package/src/schedule/actions/virtual-scroll.d.ts

@@ -11,27 +11,36 @@ export declare class VirtualScroll {
     private renderedLength;
     private averageRowHeight;
     private timeValue;
-    private isScrollHeightNull;
     private focusedEle;
     private isResourceCell;
+    isHorizontalScroll: boolean;
+    private startIndex;
     constructor(parent: Schedule);
     private addEventListener;
     private removeEventListener;
     getRenderedCount(): number;
-    setTranslateValue(): void;
-    private renderVirtualTrackHeight;
     renderVirtualTrack(contentWrap: Element): void;
     updateVirtualScrollHeight(): void;
     updateVirtualTrackHeight(wrap: HTMLElement): void;
     setItemSize(): void;
     private renderEvents;
     virtualScrolling(): void;
+    private horizontalScrolling;
     private upScroll;
     private downScroll;
+    private leftScroll;
+    private rightScroll;
+    private getCollection;
+    private getResCollection;
+    private getByDateCollection;
+    private getByIdCollection;
+    private setStartEndIndex;
     updateContent(resWrap: HTMLElement, conWrap: HTMLElement, eventWrap: HTMLElement, resCollection: TdData[]): void;
+    private updateHorizontalContent;
     private getBufferCollection;
     private setTranslate;
     updateFocusedWorkCell(): void;
+    setRenderedDates(resCollection: TdData[]): void;
     private setTabIndex;
     destroy(): void;
 }