@syncfusion/ej2-schedule 20.4.40 → 20.4.43

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.40
+*  version : 20.4.43
 *  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.4.38",
+  "_id": "@syncfusion/ej2-schedule@20.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-WSENUt9I4hjsxSboMnN5JhqQoW63+lAlR0HADtOUe5VwmM+C3R991M71ovTMkVV0Vkz0nDfd6AtkHd67rAadaw==",
+  "_integrity": "sha512-iU0AJbA+5bi3QKX3EYVX2ePvk7gyS1ZeeHjaqv+R9Hen3SFHEW+n2l7weUdUEQ47mhktq7gdzpmZIzTvH6oJtw==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,12 @@
   "_requiredBy": [
     "/",
     "/@syncfusion/ej2",
+    "/@syncfusion/ej2-angular-schedule",
+    "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.4.38.tgz",
-  "_shasum": "ce2bd73b771a0343e78f91f29ccd74d91a1f43ab",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.4.42.tgz",
+  "_shasum": "45e142eebbff3bf1535bcf4ab4a35922d7c9d124",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -33,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.40",
-    "@syncfusion/ej2-buttons": "~20.4.40",
-    "@syncfusion/ej2-calendars": "~20.4.40",
-    "@syncfusion/ej2-data": "~20.4.40",
-    "@syncfusion/ej2-dropdowns": "~20.4.40",
-    "@syncfusion/ej2-excel-export": "~20.4.40",
-    "@syncfusion/ej2-inputs": "~20.4.40",
-    "@syncfusion/ej2-lists": "~20.4.40",
-    "@syncfusion/ej2-navigations": "~20.4.40",
-    "@syncfusion/ej2-popups": "~20.4.40"
+    "@syncfusion/ej2-base": "~20.4.42",
+    "@syncfusion/ej2-buttons": "~20.4.42",
+    "@syncfusion/ej2-calendars": "~20.4.42",
+    "@syncfusion/ej2-data": "~20.4.42",
+    "@syncfusion/ej2-dropdowns": "~20.4.43",
+    "@syncfusion/ej2-excel-export": "~20.4.42",
+    "@syncfusion/ej2-inputs": "~20.4.42",
+    "@syncfusion/ej2-lists": "~20.4.42",
+    "@syncfusion/ej2-navigations": "~20.4.43",
+    "@syncfusion/ej2-popups": "~20.4.43"
   },
   "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.",
@@ -71,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.40",
+  "version": "20.4.43",
   "sideEffects": false
 }

package/src/schedule/actions/drag.js

@@ -1014,7 +1014,7 @@ var DragAndDrop = /** @class */ (function (_super) {
             util.getUniversalTime(eventObj[this.parent.eventFields.startTime]);
         var offsetLeft = this.parent.enableRtl ? Math.abs(this.actionObj.clone.offsetLeft) - this.actionObj.clone.offsetWidth :
             parseInt(this.actionObj.clone.style.left, 10);
-        offsetLeft = Math.floor(offsetLeft / this.actionObj.cellWidth) * this.actionObj.cellWidth;
+        offsetLeft = Math.floor(offsetLeft / Math.trunc(this.actionObj.cellWidth)) * this.actionObj.cellWidth;
         var rightOffset;
         if (this.parent.enableRtl) {
             rightOffset = Math.abs(parseInt(this.actionObj.clone.style.right, 10));
@@ -1100,25 +1100,27 @@ var DragAndDrop = /** @class */ (function (_super) {
             eventsData = this.updatedData;
         }
         for (var dataIndex = 0; dataIndex < eventsData.length; dataIndex++) {
-            var events_2 = this.timelineEventModule.splitEvent(eventsData[parseInt(dataIndex.toString(), 10)], this.timelineEventModule.dateRender);
-            var eventData = events_2[0].data;
-            var startTime = this.timelineEventModule.getStartTime(events_2[0], eventData);
-            var endTime = this.timelineEventModule.getEndTime(events_2[0], eventData);
-            // eslint-disable-next-line max-len
-            var width = this.timelineEventModule.getEventWidth(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], eventData.count);
-            // eslint-disable-next-line max-len
-            var day = this.parent.getIndexOfDate(this.timelineEventModule.dateRender, util.resetTime(new Date(startTime.getTime())));
-            day = day < 0 ? 0 : day;
-            var left = this.timelineEventModule.getPosition(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], day);
             var cloneElement = this.multiData.length > 0 ? this.actionObj.cloneElement[parseInt(dataIndex.toString(), 10)] : this.actionObj.clone;
-            if (this.parent.enableRtl) {
-                cloneElement.style.right = formatUnit(left);
-            }
-            else {
-                cloneElement.style.left = formatUnit(left);
-            }
-            if (!this.isMorePopupOpened) {
-                cloneElement.style.width = formatUnit(width);
+            if (isNullOrUndefined(this.parent.eventDragArea)) {
+                var events_2 = this.timelineEventModule.splitEvent(eventsData[parseInt(dataIndex.toString(), 10)], this.timelineEventModule.dateRender);
+                var eventData = events_2[0].data;
+                var startTime = this.timelineEventModule.getStartTime(events_2[0], eventData);
+                var endTime = this.timelineEventModule.getEndTime(events_2[0], eventData);
+                // eslint-disable-next-line max-len
+                var width = this.timelineEventModule.getEventWidth(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], eventData.count);
+                // eslint-disable-next-line max-len
+                var day = this.parent.getIndexOfDate(this.timelineEventModule.dateRender, util.resetTime(new Date(startTime.getTime())));
+                day = day < 0 ? 0 : day;
+                var left = this.timelineEventModule.getPosition(startTime, endTime, eventObj[this.parent.eventFields.isAllDay], day);
+                if (this.parent.enableRtl) {
+                    cloneElement.style.right = formatUnit(left);
+                }
+                else {
+                    cloneElement.style.left = formatUnit(left);
+                }
+                if (!this.isMorePopupOpened) {
+                    cloneElement.style.width = formatUnit(width);
+                }
             }
             if (this.parent.activeViewOptions.group.resources.length > 0) {
                 this.calculateResourceGroupingPosition(e, cloneElement);
@@ -1145,7 +1147,9 @@ var DragAndDrop = /** @class */ (function (_super) {
                         rightOffset = (viewEle.scrollLeft - viewEle.scrollWidth);
                     }
                 }
-                this.actionObj.clone.style.left = formatUnit(rightOffset);
+                if (isNullOrUndefined(this.parent.eventDragArea)) {
+                    this.actionObj.clone.style.left = formatUnit(rightOffset);
+                }
             }
             else {
                 if (this.scrollEdges.left) {
@@ -1162,7 +1166,9 @@ var DragAndDrop = /** @class */ (function (_super) {
                         this.actionObj.clone.offsetWidth) + (this.actionObj.clone.offsetWidth - this.widthUptoCursorPoint);
                 }
                 offsetLeft = offsetLeft < 0 ? 0 : offsetLeft;
-                this.actionObj.clone.style.left = formatUnit(offsetLeft);
+                if (isNullOrUndefined(this.parent.eventDragArea)) {
+                    this.actionObj.clone.style.left = formatUnit(offsetLeft);
+                }
             }
         }
         return offsetLeft;
@@ -1240,6 +1246,9 @@ var DragAndDrop = /** @class */ (function (_super) {
         var td = closest(this.actionObj.target, 'td');
         this.actionObj.groupIndex = (td && !isNaN(parseInt(td.getAttribute('data-group-index'), 10)))
             ? parseInt(td.getAttribute('data-group-index'), 10) : this.actionObj.groupIndex;
+        if (!isNullOrUndefined(this.parent.eventDragArea)) {
+            return;
+        }
         var top = trCollection[parseInt(rowIndex.toString(), 10)].getBoundingClientRect().height * rowIndex;
         if (this.parent.rowAutoHeight) {
             var cursorElement = this.getCursorElement(e);

package/src/schedule/actions/resize.js

@@ -127,8 +127,17 @@ var Resize = /** @class */ (function (_super) {
             return;
         }
         var pages = this.getPageCoordinates(e);
-        this.actionObj.pageX = pages.pageX;
-        this.actionObj.pageY = pages.pageY;
+        if (this.parent.currentView === 'Month' || this.parent.currentView === 'TimelineYear') {
+            var doc = document.documentElement;
+            var left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
+            var top_1 = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
+            this.actionObj.pageX = pages.pageX - left;
+            this.actionObj.pageY = pages.pageY - top_1;
+        }
+        else {
+            this.actionObj.pageX = pages.pageX;
+            this.actionObj.pageY = pages.pageY;
+        }
         this.updateScrollPosition(e);
         this.updateResizingDirection(e);
         var eventObj = extend({}, this.actionObj.event, null, true);
@@ -473,6 +482,9 @@ var Resize = /** @class */ (function (_super) {
         clnTop = isTop ? Math.floor(clnTop / slotInterval) * slotInterval : clnTop;
         clnHeight = clnTop + clnHeight >= viewElement.scrollHeight ? viewElement.scrollHeight - clnTop :
             Math.ceil(clnHeight / slotInterval) * slotInterval;
+        if (!isTop && this.actionObj.clone.offsetTop + clnHeight >= this.parent.getContentTable().offsetHeight) {
+            clnHeight = this.parent.getContentTable().offsetHeight - this.actionObj.clone.offsetTop;
+        }
         var styles = {
             height: formatUnit(clnHeight < this.actionObj.cellHeight ? Math.floor(clnHeight / slotInterval) * slotInterval : clnHeight),
             top: formatUnit((clnHeight < this.actionObj.cellHeight && isTop) ? Math.ceil(clnTop / slotInterval) * slotInterval : clnTop),

package/src/schedule/event-renderer/agenda-base.js

@@ -55,7 +55,6 @@ var AgendaBase = /** @class */ (function (_super) {
                         'role': 'button',
                         'tabindex': '0',
                         'aria-disabled': _this.parent.eventBase.getReadonlyAttribute(listData[parseInt(li.toString(), 10)]),
-                        'aria-pressed': 'false',
                         'aria-label': _this.parent.getAnnouncementString(listData[parseInt(li.toString(), 10)])
                     }
                 });

package/src/schedule/event-renderer/event-base.js

@@ -520,20 +520,12 @@ var EventBase = /** @class */ (function () {
     };
     EventBase.prototype.removeSelectedAppointmentClass = function () {
         var selectedAppointments = this.getSelectedAppointments();
-        for (var _i = 0, selectedAppointments_1 = selectedAppointments; _i < selectedAppointments_1.length; _i++) {
-            var appointment = selectedAppointments_1[_i];
-            appointment.setAttribute('aria-pressed', 'false');
-        }
         removeClass(selectedAppointments, cls.APPOINTMENT_BORDER);
         if (this.parent.currentView === 'Agenda' || this.parent.currentView === 'MonthAgenda') {
             removeClass(selectedAppointments, cls.AGENDA_SELECTED_CELL);
         }
     };
     EventBase.prototype.addSelectedAppointments = function (cells) {
-        for (var _i = 0, cells_1 = cells; _i < cells_1.length; _i++) {
-            var cell = cells_1[_i];
-            cell.setAttribute('aria-pressed', 'true');
-        }
         if (this.parent.currentView !== 'MonthAgenda') {
             this.parent.removeSelectedClass();
         }
@@ -1097,7 +1089,7 @@ var EventBase = /** @class */ (function () {
             className: cls.BLOCK_APPOINTMENT_CLASS,
             attrs: {
                 'data-id': 'Appointment_' + record[this.parent.eventFields.id],
-                'aria-disabled': 'true', 'aria-pressed': 'false'
+                'aria-disabled': 'true'
             }
         });
         var templateElement;

package/src/schedule/event-renderer/month.js

@@ -379,7 +379,7 @@ var MonthEvent = /** @class */ (function (_super) {
         var attrs = {
             'data-id': 'Appointment_' + record[this.fields.id],
             'role': 'button', 'tabindex': '0',
-            'aria-disabled': this.parent.eventBase.getReadonlyAttribute(record), 'aria-pressed': 'false',
+            'aria-disabled': this.parent.eventBase.getReadonlyAttribute(record),
             'aria-label': this.parent.getAnnouncementString(newRecord, eventSubject)
         };
         if (!isCloneElement) {

package/src/schedule/event-renderer/vertical-view.js

@@ -321,7 +321,6 @@ var VerticalEvent = /** @class */ (function (_super) {
                 'role': 'button',
                 'tabindex': '0',
                 'aria-disabled': this.parent.eventBase.getReadonlyAttribute(record),
-                'aria-pressed': 'false',
                 'aria-label': this.parent.getAnnouncementString(record)
             }
         });

package/src/schedule/event-renderer/year.js

@@ -377,7 +377,7 @@ var YearEvent = /** @class */ (function (_super) {
                 'data-id': 'Appointment_' + record[this.fields.id],
                 'data-guid': record.Guid,
                 'role': 'button', 'tabindex': '0',
-                'aria-disabled': this.parent.eventBase.getReadonlyAttribute(record), 'aria-pressed': 'false',
+                'aria-disabled': this.parent.eventBase.getReadonlyAttribute(record),
                 'aria-label': this.parent.getAnnouncementString(record)
             }
         });

package/src/schedule/popups/event-tooltip.js

@@ -99,13 +99,8 @@ var EventTooltip = /** @class */ (function () {
             startMonthDate = util.capitalizeFirstWord(startMonthDate, 'single');
             startMonthYearDate = util.capitalizeFirstWord(startMonthYearDate, 'single');
             endMonthYearDate = util.capitalizeFirstWord(endMonthYearDate, 'single');
-            var skeleton = 'short';
-            var startTime = globalize.formatDate(eventStart, {
-                type: 'time', skeleton: skeleton, calendar: this.parent.getCalendarMode()
-            });
-            var endTime = globalize.formatDate(eventEnd, {
-                type: 'time', skeleton: skeleton, calendar: this.parent.getCalendarMode()
-            });
+            var startTime = this.parent.getTimeString(eventStart);
+            var endTime = this.parent.getTimeString(eventEnd);
             var tooltipDetails = void 0;
             if (startDate.getTime() === endDate.getTime()) {
                 tooltipDetails =

package/src/schedule/popups/quick-popups.js

@@ -319,7 +319,7 @@ var QuickPopups = /** @class */ (function () {
                         'data-id': '' + eventData[fields.id],
                         'data-guid': eventData.Guid, 'role': 'button', 'tabindex': '0',
                         'aria-disabled': this_1.parent.eventBase.getReadonlyAttribute(eventData),
-                        'aria-pressed': 'false', 'aria-label': this_1.parent.getAnnouncementString(eventData)
+                        'aria-label': this_1.parent.getAnnouncementString(eventData)
                     }
                 });
                 var templateElement = void 0;

package/styles/bootstrap4.css

@@ -162,7 +162,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: 30px;
+  width: auto;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {

package/styles/schedule/bootstrap4.css

@@ -162,7 +162,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: 30px;
+  width: auto;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {