@syncfusion/ej2-schedule 21.2.6 → 21.2.10

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

@@ -1121,7 +1121,7 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
         }
         else {
             var text = this.parent.activeView.getDateRangeText(date);
-            selEle.setAttribute('aria-label', text);
+            selEle.firstElementChild.setAttribute('aria-label', text);
             textEle.textContent = text;
         }
         this.refresh();
@@ -1152,16 +1152,16 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
         var items = [];
         items.push({
             align: 'Left', prefixIcon: 'e-icon-prev', tooltipText: 'Previous', overflow: 'Show',
-            cssClass: 'e-prev', htmlAttributes: { 'aria-label': 'previous period', 'role': 'navigation' }
+            cssClass: 'e-prev', htmlAttributes: { 'role': 'navigation' }
         });
         items.push({
             align: 'Left', prefixIcon: 'e-icon-next', tooltipText: 'Next', overflow: 'Show',
-            cssClass: 'e-next', htmlAttributes: { 'aria-label': 'next period', 'role': 'navigation' }
+            cssClass: 'e-next', htmlAttributes: { 'role': 'navigation' }
         });
         items.push({
             align: 'Left', text: this.getDateRangeText(), suffixIcon: 'e-icon-down-arrow', cssClass: 'e-date-range',
             overflow: 'Show',
-            htmlAttributes: { 'aria-atomic': 'true', 'aria-live': 'assertive', 'aria-label': 'title', 'role': 'navigation' }
+            htmlAttributes: { 'aria-atomic': 'true', 'aria-live': 'assertive', 'role': 'navigation' }
         });
         if (this.parent.isAdaptive || this.parent.enableAdaptiveUI) {
             items.push({
@@ -8181,7 +8181,8 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
         if (this.parent.activeViewOptions.headerRows.length > 0 &&
             this.parent.activeViewOptions.headerRows.slice(-1)[0].option !== 'Hour') {
             this.renderType = 'day';
-            this.cellWidth = this.content.offsetWidth / this.dateRender.length;
+            var workCell = this.content.querySelector('.' + WORK_CELLS_CLASS);
+            this.cellWidth = workCell.getBoundingClientRect().width / +(workCell.getAttribute('colspan') || 1);
             this.slotsPerDay = 1;
         }
         else {
@@ -8386,7 +8387,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.round(appPos / this.cellWidth) * this.cellWidth);
+        appPos = (Math.floor(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;
@@ -8413,8 +8414,8 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             }
             moreIndicatorElement.style.top = top + appArea + 'px';
             moreIndicatorElement.style.width = this.cellWidth + 'px';
-            moreIndicatorElement.style.left = ((appLeft / this.cellWidth) * this.cellWidth) + 'px';
-            moreIndicatorElement.style.right = ((appRight / this.cellWidth) * 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';
             this.renderElement(cellTd, moreIndicatorElement);
             EventHandler.add(moreIndicatorElement, 'click', this.moreIndicatorClick, this);
         }
@@ -11881,6 +11882,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
     };
     EventWindow.prototype.onBeforeOpen = function (args) {
         var _this = this;
+        var endTime = this.eventData[this.fields.endTime].getTime();
         var eventProp = {
             type: 'Editor',
             data: this.eventData,
@@ -11905,6 +11907,12 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         this.parent.trigger(popupOpen, eventProp, function (popupArgs) {
             args.cancel = popupArgs.cancel;
             _this.duration = _this.cellClickAction ? popupArgs.duration : null;
+            if (_this.eventData[_this.fields.endTime].getTime() === endTime && !_this.cellClickAction &&
+                _this.eventData[_this.fields.endTime].getHours() === 0 &&
+                _this.eventData[_this.fields.endTime].getMinutes() === 0) {
+                _this.eventData = extend({}, _this.eventData, null, true);
+                _this.trimAllDay(_this.eventData);
+            }
             _this.refreshDateTimePicker(_this.duration);
             if (_this.cellClickAction && popupArgs.duration !== _this.getSlotDuration() && isNullOrUndefined(_this.parent.editorTemplate)) {
                 var startObj = _this.getInstance(EVENT_WINDOW_START_CLASS);
@@ -12586,12 +12594,12 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         this.fieldValidator.renderFormValidator(form, rules, this.element, this.parent.locale);
     };
     EventWindow.prototype.showDetails = function (eventData) {
+        this.eventData = eventData;
         var 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) {
             this.trimAllDay(eventObj);
         }
-        this.eventData = eventObj;
         var formElements = this.getFormElements(EVENT_WINDOW_DIALOG_CLASS);
         var keyNames = Object.keys(eventObj);
         for (var _i = 0, formElements_2 = formElements; _i < formElements_2.length; _i++) {
@@ -21752,7 +21760,9 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
                 (dragArea.scrollTop + dragArea.offsetHeight - this.actionObj.clone.offsetHeight + window.pageYOffset) +
                     (this.actionObj.clone.offsetHeight - this.heightUptoCursorPoint);
             offsetTop = Math.round(offsetTop / this.actionObj.cellHeight) * this.actionObj.cellHeight;
-            this.actionObj.clone.style.top = formatUnit(offsetTop);
+            if (dragArea.scrollTop > 0) {
+                this.actionObj.clone.style.top = formatUnit(offsetTop);
+            }
         }
         var rowIndex = (this.parent.activeViewOptions.timeScale.enable) ? (offsetTop / this.actionObj.cellHeight) : 0;
         var heightPerMinute = this.actionObj.cellHeight / this.actionObj.slotInterval;
@@ -26506,18 +26516,22 @@ var TimelineViews = /** @__PURE__ @class */ (function (_super) {
     };
     TimelineViews.prototype.getLeftFromDateTime = function (currentDateIndex, date) {
         var startHour = this.getStartHour();
-        var endHour = this.getEndHour();
         var diffInDates = 0;
         var diffInMinutes = ((date.getHours() - startHour.getHours()) * 60) + (date.getMinutes() - startHour.getMinutes());
         if (!isNullOrUndefined(currentDateIndex)) {
-            var end = (endHour.getHours() === 0) ? 24 : endHour.getHours();
             if (currentDateIndex[0] !== 0) {
-                diffInDates = (currentDateIndex[0]) * ((end - startHour.getHours()) * 60) + (endHour.getMinutes() - startHour.getMinutes());
+                if (this.parent.activeView.colLevels[0] && this.parent.activeView.colLevels[0][0].colSpan) {
+                    diffInDates = currentDateIndex[0] * this.parent.activeView.colLevels[0][0].colSpan * this.getWorkCellWidth();
+                }
+                else {
+                    var endHour = this.getEndHour();
+                    var end = (endHour.getHours() === 0) ? 24 : endHour.getHours();
+                    diffInMinutes = diffInMinutes + ((currentDateIndex[0]) * (((end - startHour.getHours()) * 60) + (endHour.getMinutes() - startHour.getMinutes())));
+                }
             }
-            diffInMinutes = diffInDates + diffInMinutes;
         }
-        return (diffInMinutes * this.getWorkCellWidth() * this.parent.activeViewOptions.timeScale.slotCount) /
-            this.parent.activeViewOptions.timeScale.interval;
+        return diffInDates + ((diffInMinutes * this.getWorkCellWidth() * this.parent.activeViewOptions.timeScale.slotCount) /
+            this.parent.activeViewOptions.timeScale.interval);
     };
     TimelineViews.prototype.getWorkCellWidth = function () {
         return this.element.querySelector('.e-work-cells').getBoundingClientRect().width;