@syncfusion/ej2-schedule 25.2.3 → 25.2.6

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

@@ -1825,10 +1825,11 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
         this.touchRightDirection = this.parent.enableRtl ? 'Left' : 'Right';
     }
     ScheduleTouch.prototype.scrollHandler = function (e) {
-        if (this.parent.currentView === 'Agenda' || this.parent.uiStateValues.action || !this.parent.allowSwiping ||
-            (e.originalEvent && e.originalEvent.target &&
-                (e.originalEvent.target.classList.contains(APPOINTMENT_CLASS) ||
-                    closest(e.originalEvent.target, '.' + APPOINTMENT_CLASS)) && !this.parent.isAdaptive)) {
+        var blockSwipe = !this.parent.isAdaptive && e.originalEvent && e.originalEvent.target &&
+            !isNullOrUndefined(closest(e.originalEvent.target, '.' + APPOINTMENT_CLASS));
+        this.parent.uiStateValues.isTouchScroll = blockSwipe && e.originalEvent.type === 'touchmove' && !this.parent.uiStateValues.action;
+        if (blockSwipe || this.parent.currentView === 'Agenda' || this.parent.uiStateValues.action || !this.parent.allowSwiping ||
+            this.parent.uiStateValues.isTapHold) {
             return;
         }
         if (!this.timeStampStart) {
@@ -1885,7 +1886,8 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
         }
     };
     ScheduleTouch.prototype.swipeHandler = function (e) {
-        if (!this.isScrollTriggered || this.parent.uiStateValues.action || !this.parent.allowSwiping) {
+        if (!this.isScrollTriggered || this.parent.uiStateValues.action || !this.parent.allowSwiping ||
+            this.parent.uiStateValues.isTapHold) {
             return;
         }
         this.isScrollTriggered = false;
@@ -1915,11 +1917,27 @@ var ScheduleTouch = /** @__PURE__ @class */ (function () {
     };
     ScheduleTouch.prototype.tapHoldHandler = function (e) {
         var target = closest(e.originalEvent.target, '.' + APPOINTMENT_CLASS);
-        if (!isNullOrUndefined(target) && this.parent.isAdaptive) {
-            this.parent.quickPopup.tapHoldEventPopup(e.originalEvent);
-            return;
+        if (!isNullOrUndefined(target)) {
+            this.parent.uiStateValues.isTapHold = true;
+            if (this.parent.isAdaptive) {
+                if (Browser.isIos) {
+                    EventHandler.add(this.element, 'touchend', this.preventEventClick, this);
+                }
+                this.parent.quickPopup.tapHoldEventPopup(e.originalEvent);
+            }
+            else if (['Agenda', 'MonthAgenda', 'Year'].indexOf(this.parent.currentView) < 0) {
+                this.parent.selectedElements = [];
+                this.parent.eventBase.getSelectedEventElements(target);
+                if (this.parent.resizeModule && closest(e.originalEvent.target, '.' + EVENT_RESIZE_CLASS)) {
+                    this.parent.resizeModule.resizeStart(e.originalEvent);
+                }
+            }
         }
     };
+    ScheduleTouch.prototype.preventEventClick = function (e) {
+        e.preventDefault();
+        EventHandler.remove(this.element, 'touchend', this.preventEventClick);
+    };
     ScheduleTouch.prototype.renderPanel = function (clsName, nextPrevType) {
         if (!this.currentPanel) {
             this.currentPanel = {
@@ -6138,6 +6156,10 @@ var EventBase = /** @__PURE__ @class */ (function () {
             }
         }
         else if (!closest(element, '.' + POPUP_OPEN)) {
+            if (this.parent.uiStateValues.isTapHold && closest(element, '.' + WORK_CELLS_CLASS + ',.' + ALLDAY_CELLS_CLASS)) {
+                return;
+            }
+            this.parent.uiStateValues.isTapHold = false;
             this.removeSelectedAppointmentClass();
             this.parent.selectedElements = [];
         }
@@ -6147,7 +6169,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
         var isReadOnly = (!isNullOrUndefined(event)) ? event[this.parent.eventFields.isReadonly] : false;
         EventHandler.add(element, 'click', this.eventClick, this);
         if (!this.parent.isAdaptive && !this.parent.activeViewOptions.readonly && !isReadOnly) {
-            EventHandler.add(element, 'touchstart', this.eventTouchClick, this);
+            EventHandler.add(element, 'touchend', this.eventTouchClick, this);
             EventHandler.add(element, 'dblclick', this.eventDoubleClick, this);
         }
         if (!this.parent.activeViewOptions.readonly && !isReadOnly && !isPreventCrud) {
@@ -6161,6 +6183,10 @@ var EventBase = /** @__PURE__ @class */ (function () {
     };
     EventBase.prototype.eventTouchClick = function (e) {
         var _this = this;
+        if (this.parent.uiStateValues.isTouchScroll || this.parent.uiStateValues.isTapHold || this.parent.uiStateValues.action) {
+            this.parent.uiStateValues.isTouchScroll = this.parent.uiStateValues.isTapHold = false;
+            return;
+        }
         setTimeout(function () { return _this.isDoubleTapped = false; }, 250);
         e.preventDefault();
         if (this.isDoubleTapped) {
@@ -6274,7 +6300,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
         if (this.parent.quickPopup) {
             this.parent.quickPopup.quickPopupHide(true);
         }
-        if (eventData.type === 'touchstart') {
+        if (eventData.type === 'touchend') {
             this.activeEventData(eventData, true);
         }
         this.removeSelectedAppointmentClass();
@@ -6590,8 +6616,8 @@ var EventBase = /** @__PURE__ @class */ (function () {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = scheduleId + viewName + 'eventTemplate';
-            var templateName = 'eventTemplate' + (isResourceEventTemplate &&
-                this.parent.currentView.indexOf('Year') === -1 ? '_' + resIndex : '');
+            var templateName = isResourceEventTemplate && this.parent.currentView.indexOf('Year') === -1 ?
+                this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
             templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
         }
         else {
@@ -7194,7 +7220,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = elementId + viewName + 'eventTemplate';
             var resIndex = this.parent.uiStateValues.isGroupAdaptive ? this.parent.uiStateValues.groupIndex : resource;
-            var templateName = 'eventTemplate' + (this.isResourceEventTemplate ? '_' + resIndex : '');
+            var templateName = this.isResourceEventTemplate ? this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
             templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
         }
         else {
@@ -8115,7 +8141,7 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = scheduleId + viewName + 'eventTemplate';
-            var eventTemplate = 'eventTemplate' + (this.isResourceEventTemplate ? '_' + resIndex : '');
+            var eventTemplate = this.isResourceEventTemplate ? this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
             templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, eventTemplate, templateId, false);
         }
         else {
@@ -9722,7 +9748,6 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
     };
     QuickPopups.prototype.tapHoldEventPopup = function (e) {
         var target = closest(e.target, '.' + APPOINTMENT_CLASS);
-        this.isMultipleEventSelect = false;
         this.parent.selectedElements = [];
         this.isMultipleEventSelect = true;
         this.parent.eventBase.getSelectedEventElements(target);
@@ -14541,10 +14566,17 @@ var Render = /** @__PURE__ @class */ (function () {
     Render.prototype.initializeLayout = function (viewName) {
         if (this.parent.activeView) {
             var templates = [
-                'cellTemplate', 'eventTemplate', 'tooltipTemplate', 'majorSlotTemplate', 'minorSlotTemplate',
+                'cellTemplate', 'tooltipTemplate', 'majorSlotTemplate', 'minorSlotTemplate',
                 'headerTooltipTemplate', 'dateHeaderTemplate', 'dayHeaderTemplate', 'monthHeaderTemplate',
                 'headerIndentTemplate', 'resourceHeaderTemplate', 'cellHeaderTemplate', 'dateRangeTemplate'
             ];
+            if (this.parent.activeEventTemplates.length > 0) {
+                templates = templates.concat(this.parent.activeEventTemplates);
+                this.parent.activeEventTemplates = [];
+            }
+            else {
+                templates.push('eventTemplate');
+            }
             this.parent.resetTemplates(templates);
             this.parent.activeView.removeEventListener();
             this.parent.activeView.destroy();
@@ -15604,6 +15636,13 @@ var WorkCellInteraction = /** @__PURE__ @class */ (function () {
             this.parent.eventWindow.openEditor(this.parent.activeCellsData, 'Add');
             return;
         }
+        var isWorkCell = target.classList.contains(WORK_CELLS_CLASS) ||
+            target.classList.contains(ALLDAY_CELLS_CLASS);
+        if (this.parent.uiStateValues.isTapHold && !this.parent.uiStateValues.action && isWorkCell) {
+            this.parent.uiStateValues.isTapHold = false;
+            this.parent.eventBase.removeSelectedAppointmentClass();
+            this.parent.selectedElements = [];
+        }
         var navigateEle = closest(e.target, '.' + NAVIGATE_CLASS);
         var navigateView = this.parent.getNavigateView();
         var sameView = this.parent.currentView === navigateView;
@@ -15619,9 +15658,7 @@ var WorkCellInteraction = /** @__PURE__ @class */ (function () {
                 closest(e.target, '.' + MORE_INDICATOR_CLASS))) {
                 return;
             }
-            var isWorkCell_1 = target.classList.contains(WORK_CELLS_CLASS) ||
-                target.classList.contains(ALLDAY_CELLS_CLASS);
-            if (isWorkCell_1 && e.shiftKey && e.which === 1 && this.parent.keyboardInteractionModule) {
+            if (isWorkCell && e.shiftKey && e.which === 1 && this.parent.keyboardInteractionModule) {
                 this.parent.keyboardInteractionModule.onMouseSelection(e);
                 return;
             }
@@ -15629,7 +15666,7 @@ var WorkCellInteraction = /** @__PURE__ @class */ (function () {
             var args = extend(this.parent.activeCellsData, { cancel: false, event: e, name: 'cellClick' });
             this.parent.trigger(cellClick, args, function (clickArgs) {
                 if (!clickArgs.cancel) {
-                    if (isWorkCell_1) {
+                    if (isWorkCell) {
                         _this.parent.selectCell(target);
                     }
                     if (_this.parent.allowInline) {
@@ -15699,7 +15736,7 @@ var WorkCellInteraction = /** @__PURE__ @class */ (function () {
             return true;
         }
         target = closest(e.target, '.' + HEADER_CELLS_CLASS);
-        if (this.parent.activeView.isTimelineView() && !isNullOrUndefined(target)) {
+        if (this.parent.activeView && this.parent.activeView.isTimelineView() && !isNullOrUndefined(target)) {
             return true;
         }
         return false;
@@ -16934,8 +16971,9 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
     ResourceBase.prototype.getResourceRenderDates = function () {
         // eslint-disable-next-line prefer-spread
         var resourceDates = [].concat.apply([], this.lastResourceLevel.map(function (e) { return e.renderDates; }));
-        var removeDuplicateDates = function (dateColl) { return dateColl.filter(function (date, index, dates) {
-            return dates.map(function (dateObj) { return dateObj.getTime(); }).indexOf(date.getTime()) === index;
+        var time = resourceDates.map(function (dateObj) { return dateObj.getTime(); });
+        var removeDuplicateDates = function (dateColl) { return dateColl.filter(function (date, index) {
+            return time.indexOf(date.getTime()) === index;
         }); };
         var renderDates = removeDuplicateDates(resourceDates);
         renderDates.sort(function (a, b) { return a.getTime() - b.getTime(); });
@@ -17115,7 +17153,8 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
                     index = resource.dataSource.map(function (e) { return e[resource.idField]; }).indexOf(id);
                 }
             }
-            var offsetTarget = this.parent.element.querySelector("." + HEADER_ROW_CLASS + ":nth-child(" + (levelIndex + 1) + ")");
+            var offsetTarget = this.parent.currentView === 'Month' ? this.parent.element.querySelector("." + DATE_HEADER_WRAP_CLASS + " tbody tr:nth-child(" + (levelIndex + 1) + ")")
+                : this.parent.element.querySelector("." + HEADER_ROW_CLASS + ":nth-child(" + (levelIndex + 1) + ")");
             var offset = [].slice.call(offsetTarget.children).map(function (node) { return node.offsetLeft; });
             scrollElement.scrollLeft = offset[parseInt(index.toString(), 10)];
         }
@@ -17341,6 +17380,13 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             this.element.appendChild(this.createElement('div', { className: TABLE_CONTAINER_CLASS }));
         }
     };
+    Schedule.prototype.getEventTemplateName = function (resIndex) {
+        var templateName = 'eventTemplate_' + resIndex;
+        if (this.activeEventTemplates.indexOf(templateName) < 0) {
+            this.activeEventTemplates.push(templateName);
+        }
+        return templateName;
+    };
     /**
      * Method to render react templates
      *
@@ -17937,6 +17983,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         this.resourceCollection = [];
         this.currentAction = null;
         this.selectedElements = [];
+        this.activeEventTemplates = [];
         this.setViewOptions();
     };
     Schedule.prototype.getDefaultLocale = function () {
@@ -18407,7 +18454,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     };
     Schedule.prototype.onScheduleResize = function () {
         if (isNullOrUndefined(this.activeView) || ((this.isAdaptive || isMobile()) && document.activeElement
-            && document.activeElement.classList.contains(SUBJECT_CLASS))) {
+            && document.activeElement.classList.contains(SUBJECT_CLASS)) || this.uiStateValues.isTapHold) {
             return;
         }
         if (this.virtualScrollModule && this.activeView.isTimelineView()) {
@@ -20788,6 +20835,10 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
     };
     Resize.prototype.resizeStart = function (e) {
         var _this = this;
+        if (e && e.type === 'touchstart' && (!this.parent.uiStateValues.isTapHold ||
+            !closest(e.target, '.' + APPOINTMENT_BORDER))) {
+            return;
+        }
         this.actionObj.action = 'resize';
         this.actionObj.slotInterval = this.parent.activeViewOptions.timeScale.interval / this.parent.activeViewOptions.timeScale.slotCount;
         this.actionObj.interval = this.actionObj.slotInterval;
@@ -20852,6 +20903,9 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         });
     };
     Resize.prototype.resizing = function (e) {
+        if (e && e.type === 'touchmove') {
+            e.preventDefault();
+        }
         if (this.parent.quickPopup) {
             this.parent.quickPopup.quickPopupHide();
         }
@@ -21047,7 +21101,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
         this.removeCloneElementClasses();
         this.removeCloneElement();
         this.actionClass('removeClass');
-        this.parent.uiStateValues.action = false;
+        this.parent.uiStateValues.action = this.parent.uiStateValues.isTapHold = false;
         var resizeArgs = { cancel: false, data: this.getChangedData(), element: this.actionObj.element, event: e };
         this.parent.trigger(resizeStop, resizeArgs, function (resizeEventArgs) {
             if (resizeEventArgs.cancel) {
@@ -22016,7 +22070,6 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             abort: '.' + EVENT_RESIZE_CLASS,
             clone: true,
             isDragScroll: true,
-            enableTapHold: this.parent.isAdaptive,
             enableTailMode: (this.parent.eventDragArea) ? true : false,
             cursorAt: (this.parent.eventDragArea) ? { left: -20, top: -20 } : { left: 0, top: 0 },
             dragArea: this.dragArea,
@@ -22035,6 +22088,10 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
     };
     DragAndDrop.prototype.dragHelper = function (e) {
         var _this = this;
+        if (e.sender && e.sender.type === 'touchmove' && (!this.parent.uiStateValues.isTapHold ||
+            !e.element.classList.contains(APPOINTMENT_BORDER))) {
+            return null;
+        }
         this.setDragActionDefaultValues();
         this.actionObj.element = e.element;
         this.actionObj.action = 'drag';
@@ -22245,6 +22302,9 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         return this.multiData;
     };
     DragAndDrop.prototype.drag = function (e) {
+        if (e.event && e.event.type === 'touchmove') {
+            e.event.preventDefault();
+        }
         if (this.parent.quickPopup) {
             this.parent.quickPopup.quickPopupHide(true);
         }
@@ -22335,7 +22395,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         clearInterval(this.actionObj.scrollInterval);
         this.actionObj.scrollInterval = null;
         this.actionClass('removeClass');
-        this.parent.uiStateValues.action = false;
+        this.parent.uiStateValues.action = this.parent.uiStateValues.isTapHold = false;
         if (this.isAllowDrop(e)) {
             return;
         }
@@ -23328,10 +23388,27 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         // Method to refresh the date header
     };
     ViewBase.prototype.refreshResourceHeader = function () {
-        remove(this.element.querySelector('tbody').lastElementChild.firstElementChild);
-        var resTd = createElement('td');
-        resTd.appendChild(this.parent.resourceBase.createResourceColumn());
-        prepend([resTd], this.element.querySelector('tbody').lastElementChild);
+        var resTbl = this.element.querySelector('.' + RESOURCE_COLUMN_TABLE_CLASS);
+        var resourceTd = Array.from(resTbl.querySelectorAll('.' + RESOURCE_CELLS_CLASS));
+        resourceTd.forEach(function (currentElement) {
+            var children = Array.from(currentElement.children);
+            children.forEach(function (child) {
+                if (!child.classList.contains(RESOURCE_EXPAND_CLASS) && !child.classList.contains(RESOURCE_COLLAPSE_CLASS)) {
+                    remove(child);
+                }
+            });
+        });
+        if (!isNullOrUndefined(this.parent.resourceBase.renderedResources) && this.parent.resourceBase.renderedResources.length > 0) {
+            for (var i = 0; i < resourceTd.length; i++) {
+                var element = resourceTd[parseInt(i.toString(), 10)];
+                var data = this.parent.resourceBase.renderedResources[parseInt(i.toString(), 10)];
+                if (this.parent.activeView && !isNullOrUndefined(element) && !isNullOrUndefined(data)
+                    && parseInt(element.getAttribute('data-group-index'), 10) === data.groupIndex) {
+                    this.parent.activeView.setResourceHeaderContent(element, data, RESOURCE_TEXT_CLASS);
+                }
+            }
+        }
+        this.parent.renderTemplates();
         this.parent.notify(contentReady, {});
     };
     ViewBase.prototype.getDayName = function (date) {
@@ -23950,7 +24027,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
             this.parent.uiStateValues.top = target.scrollTop;
         }
         this.parent.uiStateValues.left = target.scrollLeft;
-        if (!isNullOrUndefined(this.parent.quickPopup)) {
+        if (!isNullOrUndefined(this.parent.quickPopup) && !this.parent.uiStateValues.isTapHold) {
             this.parent.quickPopup.quickPopupHide();
         }
         this.setPersistence();
@@ -24319,6 +24396,10 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         remove(this.element.querySelector('tbody tr'));
         this.renderHeader();
         this.parent.notify(contentReady, {});
+        var dateHeader = this.element.querySelector('.' + DATE_HEADER_WRAP_CLASS);
+        if (dateHeader) {
+            dateHeader.scrollLeft = this.parent.uiStateValues.left;
+        }
     };
     VerticalView.prototype.renderLayout = function (type) {
         this.setPanel(createElement('div', { className: TABLE_WRAP_CLASS }));
@@ -25089,6 +25170,14 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         remove(this.element.querySelector('tbody tr'));
         this.renderHeader();
         this.parent.notify(contentReady, {});
+        var dateHeader = this.element.querySelector('.' + DATE_HEADER_WRAP_CLASS);
+        var contentWrapper = this.element.querySelector('.' + CONTENT_WRAP_CLASS);
+        if (dateHeader) {
+            dateHeader.scrollLeft = this.parent.uiStateValues.left;
+        }
+        if (contentWrapper) {
+            contentWrapper.scrollLeft = this.parent.uiStateValues.left;
+        }
     };
     Month.prototype.wireCellEvents = function (element) {
         EventHandler.add(element, 'mousedown', this.parent.workCellAction.cellMouseDown, this.parent.workCellAction);