@syncfusion/ej2-schedule 21.1.37 → 21.1.39

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

@@ -7131,7 +7131,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         if (eStart <= eEnd && isValidEvent && this.isWorkDayAvailable(resource, eStart)) {
-            var appHeight_1 = this.getHeight(eStart, eEnd);
+            var appHeight = this.getHeight(eStart, eEnd);
             if (eStart.getTime() > schedule.startHour.getTime()) {
                 topValue = this.getTopValue(eStart, dayIndex, resource);
             }
@@ -7168,10 +7168,10 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             }
             setStyleAttribute(appointmentElement, {
                 'width': (this.parent.eventSettings.enableMaxHeight ? '100%' : tempData.appWidth),
-                'height': appHeight_1 + 'px', 'top': topValue + 'px'
+                'height': appHeight + 'px', 'top': topValue + 'px'
             });
             var iconHeight = appointmentElement.querySelectorAll('.' + EVENT_INDICATOR_CLASS).length * 15;
-            var maxHeight = appHeight_1 - 40 - iconHeight;
+            var maxHeight = appHeight - 40 - iconHeight;
             var subjectElement = appointmentElement.querySelector('.' + SUBJECT_CLASS);
             if (!this.parent.isAdaptive && subjectElement) {
                 subjectElement.style.maxHeight = formatUnit(maxHeight);
@@ -7183,12 +7183,6 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             record.data = eventData;
             this.appendEvent(record, appointmentElement, index, tempData.appLeft);
             this.wireAppointmentEvents(appointmentElement, eventObj);
-            if (appHeight_1 < this.cellHeight) {
-                var resizeHandlers = [].slice.call(appointmentElement.querySelectorAll('.' + EVENT_RESIZE_CLASS));
-                resizeHandlers.forEach(function (resizeHandler) {
-                    resizeHandler.style.height = Math.ceil(appHeight_1 / resizeHandler.offsetHeight) + 'px';
-                });
-            }
         }
     };
     VerticalEvent.prototype.getEventWidth = function () {
@@ -8307,12 +8301,12 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             isValidEvent = this.isValidEvent(eventObj, startTime, endTime, schedule);
         }
         if (startTime <= endTime && isValidEvent) {
-            var appWidth_1 = this.getEventWidth(startTime, endTime, event[this.fields.isAllDay], diffInDays);
-            appWidth_1 = this.renderType === 'day' ? appWidth_1 - 2 : appWidth_1;
+            var appWidth = this.getEventWidth(startTime, endTime, event[this.fields.isAllDay], diffInDays);
+            appWidth = this.renderType === 'day' ? appWidth - 2 : appWidth;
             var appLeft = 0;
             var appRight = 0;
             var position = this.getPosition(startTime, endTime, event[this.fields.isAllDay], this.day);
-            appWidth_1 = (appWidth_1 <= 0) ? this.cellWidth : appWidth_1; // appWidth 0 when start and end time as same
+            appWidth = (appWidth <= 0) ? this.cellWidth : appWidth; // appWidth 0 when start and end time as same
             this.renderedEvents.push(extend({}, event, null, true));
             if (isNullOrUndefined(this.cellTops[parseInt(resIndex.toString(), 10)])) {
                 this.cellTops[parseInt(resIndex.toString(), 10)] = this.getRowTop(resIndex);
@@ -8333,7 +8327,7 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
                 }
                 this.applyResourceColor(appointmentElement, event, 'backgroundColor', this.groupOrder);
                 setStyleAttribute(appointmentElement, {
-                    'width': appWidth_1 + 'px', 'left': appLeft + 'px', 'right': appRight + 'px', 'top': appTop + 'px'
+                    'width': appWidth + 'px', 'left': appLeft + 'px', 'right': appRight + 'px', 'top': appTop + 'px'
                 });
                 this.wireAppointmentEvents(appointmentElement, event);
                 this.renderEventElement(event, appointmentElement, cellTd);
@@ -8341,13 +8335,6 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
                     var firstChild = this.getFirstChild(resIndex);
                     this.updateCellHeight(firstChild, height);
                 }
-                if (this.parent.activeViewOptions.option !== 'TimelineMonth' && this.parent.activeViewOptions.timeScale.enable
-                    && appWidth_1 < this.cellWidth) {
-                    var resizeHandlers = [].slice.call(appointmentElement.querySelectorAll('.' + EVENT_RESIZE_CLASS));
-                    resizeHandlers.forEach(function (resizeHandler) {
-                        resizeHandler.style.width = Math.ceil(appWidth_1 / resizeHandler.getBoundingClientRect().width) + 'px';
-                    });
-                }
             }
             else {
                 for (var i = 0; i < diffInDays; i++) {
@@ -8387,7 +8374,7 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
     TimelineEvent.prototype.renderTimelineMoreIndicator = function (startTime, startDate, endDate, appHeight, interval, resIndex, appointmentsList, top, appLeft, appRight, cellTd, moreIndicator, appPos, position) {
         appLeft = (this.parent.enableRtl) ? appRight = position : position;
         appPos = (this.parent.enableRtl) ? appRight : appLeft;
-        appPos = (Math.floor(appPos / this.cellWidth) * this.cellWidth);
+        appPos = (Math.round(appPos / this.cellWidth) * this.cellWidth);
         if ((cellTd && isNullOrUndefined(moreIndicator)) ||
             (!this.isAlreadyAvail(appPos, cellTd))) {
             var startDateTime = (this.parent.activeViewOptions.option === 'TimelineMonth' || this.renderType === 'day') ? new Date(+startTime) : startDate;
@@ -8414,8 +8401,8 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             }
             moreIndicatorElement.style.top = top + appArea + 'px';
             moreIndicatorElement.style.width = this.cellWidth + 'px';
-            moreIndicatorElement.style.left = (Math.floor(appLeft / this.cellWidth) * this.cellWidth) + 'px';
-            moreIndicatorElement.style.right = (Math.floor(appRight / this.cellWidth) * this.cellWidth) + 'px';
+            moreIndicatorElement.style.left = ((appLeft / this.cellWidth) * this.cellWidth) + 'px';
+            moreIndicatorElement.style.right = ((appRight / this.cellWidth) * this.cellWidth) + 'px';
             this.renderElement(cellTd, moreIndicatorElement);
             EventHandler.add(moreIndicatorElement, 'click', this.moreIndicatorClick, this);
         }
@@ -14088,6 +14075,7 @@ var Render = /** @__PURE__ @class */ (function () {
             }
         }
         this.updateHeader();
+        this.parent.currentTimezoneDate = this.parent.getCurrentTime();
         this.parent.activeView.renderLayout(CURRENT_PANEL_CLASS);
         this.parent.renderTemplates();
         if (this.parent.eventTooltip) {
@@ -17236,7 +17224,8 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                 isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true, isPreventTimezone: false
             };
         }
-        this.activeCellsData = { startTime: this.getCurrentTime(), endTime: this.getCurrentTime(), isAllDay: false };
+        this.currentTimezoneDate = this.getCurrentTime();
+        this.activeCellsData = { startTime: new Date(this.currentTimezoneDate), endTime: new Date(this.currentTimezoneDate), isAllDay: false };
         this.activeEventData = { event: undefined, element: undefined };
         this.getDefaultLocale();
         this.localeObj = new L10n(this.getModuleName(), this.defaultLocale, this.locale);
@@ -17686,7 +17675,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
      */
     Schedule.prototype.getStartEndTime = function (startEndTime) {
         if (!isNullOrUndefined(startEndTime) && startEndTime !== '') {
-            var startEndDate = resetTime(this.getCurrentTime());
+            var startEndDate = resetTime(new Date(this.currentTimezoneDate) || this.getCurrentTime());
             var timeString = startEndTime.split(':');
             if (timeString.length === 2) {
                 startEndDate.setHours(parseInt(timeString[0], 10), parseInt(timeString[1], 10), 0);
@@ -22686,7 +22675,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         return endHour;
     };
     ViewBase.prototype.isCurrentDate = function (date) {
-        return date.setHours(0, 0, 0, 0) === this.parent.getCurrentTime().setHours(0, 0, 0, 0);
+        return date.setHours(0, 0, 0, 0) === new Date(this.parent.currentTimezoneDate).setHours(0, 0, 0, 0);
     };
     ViewBase.prototype.isCurrentMonth = function (date) {
         if (this.parent.activeViewOptions.displayDate || this.parent.activeViewOptions.numberOfWeeks > 0) {
@@ -23294,7 +23283,8 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
             this.parent.activeViewOptions.headerRows.slice(-1)[0].option !== 'Hour') {
             return;
         }
-        if (this.parent.showTimeIndicator && this.isWorkHourRange(this.parent.getCurrentTime())) {
+        var currentDate = this.parent.getCurrentTime();
+        if (this.parent.showTimeIndicator && this.isWorkHourRange(currentDate)) {
             var currentDateIndex = this.getCurrentTimeIndicatorIndex();
             if (currentDateIndex.length > 0) {
                 var workCells = [].slice.call(this.element.querySelectorAll('.' + WORK_CELLS_CLASS));
@@ -23302,7 +23292,6 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
                     this.changeCurrentTimePosition();
                 }
                 if (isNullOrUndefined(this.currentTimeIndicatorTimer)) {
-                    var currentDate = this.parent.getCurrentTime();
                     var interval = MS_PER_MINUTE - ((currentDate.getSeconds() * 1000) + currentDate.getMilliseconds());
                     if (interval <= (MS_PER_MINUTE - 1000)) {
                         window.setTimeout(function () {
@@ -23329,11 +23318,12 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.parent.resourceBase) && (this.parent.activeViewOptions.group.resources.length > 0) &&
             !this.parent.uiStateValues.isGroupAdaptive) {
             var count = 0;
+            var currentDate = resetTime(this.parent.getCurrentTime());
             if (this.parent.virtualScrollModule && this.parent.activeViewOptions.allowVirtualScrolling &&
                 this.parent.activeViewOptions.group.byDate) {
                 for (var _i = 0, _a = this.parent.resourceBase.expandedResources; _i < _a.length; _i++) {
                     var resource = _a[_i];
-                    if (resetTime(resource.date).getTime() === resetTime(this.parent.getCurrentTime()).getTime()) {
+                    if (resetTime(resource.date).getTime() === currentDate.getTime()) {
                         currentDateIndex.push(count);
                     }
                     count += 1;
@@ -23342,7 +23332,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
             else {
                 for (var _b = 0, _c = this.parent.resourceBase.renderedResources; _b < _c.length; _b++) {
                     var resource = _c[_b];
-                    var index = this.parent.getIndexOfDate(resource.renderDates, resetTime(this.parent.getCurrentTime()));
+                    var index = this.parent.getIndexOfDate(resource.renderDates, currentDate);
                     if (index >= 0) {
                         var resIndex = this.parent.activeViewOptions.group.byDate ?
                             (this.parent.resourceBase.lastResourceLevel.length * index) + count : count + index;
@@ -24190,7 +24180,7 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         for (var col = 0; col < count; col++) {
             var classList$$1 = [HEADER_CELLS_CLASS];
             var currentDateIndex = renderDates.slice(0, count).map(function (date) { return date.getDay(); });
-            if (isCurrentMonth && currentDateIndex.indexOf(this.parent.getCurrentTime().getDay()) === col) {
+            if (isCurrentMonth && currentDateIndex.indexOf(this.parent.currentTimezoneDate.getDay()) === col) {
                 classList$$1.push(CURRENT_DAY_CLASS);
             }
             dateSlots.push({ date: renderDates[parseInt(col.toString(), 10)], type: 'monthDay', className: classList$$1, colSpan: 1, workDays: workDays });
@@ -24562,7 +24552,7 @@ var Month = /** @__PURE__ @class */ (function (_super) {
             addClass([dateHeader], NAVIGATE_CLASS);
             var skeleton = 'full';
             var announcementText = this.parent.globalize.formatDate(data.date, { skeleton: skeleton, calendar: this.parent.getCalendarMode() });
-            dateHeader.setAttribute('aria-label', announcementText);
+            ntd.setAttribute('aria-label', announcementText);
         }
     };
     Month.prototype.getMonthStart = function (currentDate) {
@@ -27005,8 +26995,11 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
                 else {
                     isDateAvail = column >= monthStart.getDay() && date.getTime() < monthEnd.getTime();
                 }
+                var announcementText = this.parent.globalize.formatDate(date, {
+                    skeleton: 'full', calendar: this.parent.getCalendarMode()
+                });
                 var td = createElement('td', {
-                    className: WORK_CELLS_CLASS, attrs: { 'aria-selected': 'false' }
+                    className: WORK_CELLS_CLASS, attrs: { 'aria-selected': 'false', 'aria-label': announcementText }
                 });
                 contentTr.appendChild(td);
                 var dateHeader = createElement('div', {
@@ -27014,11 +27007,6 @@ var TimelineYear = /** @__PURE__ @class */ (function (_super) {
                     innerHTML: (isDateAvail) ?
                         this.parent.globalize.formatDate(date, { skeleton: 'd', calendar: this.parent.getCalendarMode() }) : ''
                 });
-                var skeleton = 'full';
-                var announcementText = this.parent.globalize.formatDate(date, {
-                    skeleton: skeleton, calendar: this.parent.getCalendarMode()
-                });
-                dateHeader.setAttribute('aria-label', announcementText);
                 if (isDateAvail) {
                     var tds = [td];
                     var classList$$1 = [];
@@ -27761,10 +27749,13 @@ var Print = /** @__PURE__ @class */ (function () {
             'resources', 'rowAutoHeight', 'selectedDate', 'showHeaderBar', 'showTimeIndicator', 'showWeekNumber',
             'showWeekend', 'startHour', 'timeFormat', 'timeScale', 'timezone', 'views', 'width', 'workDays', 'workHours',
             'dateHeaderTemplate', 'dateRangeTemplate', 'cellHeaderTemplate', 'dayHeaderTemplate', 'monthHeaderTemplate',
-            'cellTemplate', 'resourceHeaderTemplate', 'headerIndentTemplate'
+            'cellTemplate', 'resourceHeaderTemplate', 'headerIndentTemplate', 'actionBegin', 'actionComplete', 'actionFailure',
+            'created', 'dataBinding', 'dataBound', 'destroyed', 'eventRendered', 'moreEventsClick', 'navigating', 'popupOpen', 'popupClose', 'renderCell'
         ];
         var scheduleTemplates = ['cellHeaderTemplate', 'dayHeaderTemplate', 'monthHeaderTemplate', 'cellTemplate',
             'dateHeaderTemplate', 'dateRangeTemplate', 'eventTemplate', 'resourceHeaderTemplate', 'headerIndentTemplate'];
+        var scheduleEvents = ['actionBegin', 'actionComplete', 'actionFailure', 'created', 'dataBinding', 'dataBound',
+            'destroyed', 'eventRendered', 'moreEventsClick', 'navigating', 'popupOpen', 'popupClose', 'renderCell'];
         var eventSettings;
         var group;
         var timeScale;
@@ -27772,12 +27763,15 @@ var Print = /** @__PURE__ @class */ (function () {
         for (var _i = 0, scheduleProps_1 = scheduleProps; _i < scheduleProps_1.length; _i++) {
             var key = scheduleProps_1[_i];
             switch (key) {
-                case 'eventSettings':
+                case 'eventSettings': {
                     eventSettings = Object.assign({}, this.parent.eventSettings.properties);
                     eventSettings.dataSource = this.parent.eventsData;
-                    eventSettings.template = typeof (eventSettings.template) === 'function' ? null : eventSettings.template;
+                    var eventTemplate = !isNullOrUndefined(printOptions.eventSettings) &&
+                        !isNullOrUndefined(printOptions.eventSettings.template) ? printOptions.eventSettings.template : eventSettings.template;
+                    eventSettings.template = typeof (eventTemplate) === 'function' ? null : eventTemplate;
                     printModel.eventSettings = eventSettings;
                     break;
+                }
                 case 'group':
                     group = isNullOrUndefined(printOptions.group) ? this.parent.group : printOptions.group;
                     group.headerTooltipTemplate = null;
@@ -27813,6 +27807,10 @@ var Print = /** @__PURE__ @class */ (function () {
                             (typeof (printOptions["" + key]) === 'function' ? null : printOptions["" + key]);
                         break;
                     }
+                    if (scheduleEvents.indexOf(key) > -1) {
+                        printModel["" + key] = printOptions["" + key];
+                        break;
+                    }
                     printModel["" + key] = isNullOrUndefined(printOptions["" + key]) ?
                         this.parent["" + key] : printOptions["" + key];
                     break;