@syncfusion/ej2-schedule 25.2.3 → 25.2.6

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.3
+*  version : 25.2.6
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@25.1.41",
+  "_id": "@syncfusion/ej2-schedule@25.2.4",
   "_inBundle": false,
-  "_integrity": "sha512-x3Khw66fTcmx7VXjVMNa2WbK4NWN/OqnZgN1Lo+nm5cRYkvhws5hzOzO8hXNrnSntgtsoK76wgd8Dkrh0JuStw==",
+  "_integrity": "sha512-GotTq1HrcT++YmcD8AsfKhcdJtUYrCa0DLNCTe2vYuPOHHPiJbNyJuXqVGIhENXl9OsDqa3D2RwyddA0Ntd7kA==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-25.1.41.tgz",
-  "_shasum": "95bd07234dfcb99dc0b971588cc75a1a1c8254a3",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-25.2.4.tgz",
+  "_shasum": "e8ed70e9296b26f48063202ea4729c9917b27076",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.3",
-    "@syncfusion/ej2-buttons": "~25.2.3",
-    "@syncfusion/ej2-calendars": "~25.2.3",
+    "@syncfusion/ej2-base": "~25.2.5",
+    "@syncfusion/ej2-buttons": "~25.2.6",
+    "@syncfusion/ej2-calendars": "~25.2.5",
     "@syncfusion/ej2-data": "~25.2.3",
-    "@syncfusion/ej2-dropdowns": "~25.2.3",
+    "@syncfusion/ej2-dropdowns": "~25.2.6",
     "@syncfusion/ej2-excel-export": "~25.2.3",
-    "@syncfusion/ej2-inputs": "~25.2.3",
+    "@syncfusion/ej2-inputs": "~25.2.6",
     "@syncfusion/ej2-lists": "~25.2.3",
-    "@syncfusion/ej2-navigations": "~25.2.3",
-    "@syncfusion/ej2-popups": "~25.2.3"
+    "@syncfusion/ej2-navigations": "~25.2.6",
+    "@syncfusion/ej2-popups": "~25.2.6"
   },
   "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.",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.2.3",
+  "version": "25.2.6",
   "sideEffects": false
 }

package/src/schedule/actions/drag.js

@@ -56,7 +56,6 @@ var DragAndDrop = /** @class */ (function (_super) {
             abort: '.' + cls.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,
@@ -75,6 +74,10 @@ var DragAndDrop = /** @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(cls.APPOINTMENT_BORDER))) {
+            return null;
+        }
         this.setDragActionDefaultValues();
         this.actionObj.element = e.element;
         this.actionObj.action = 'drag';
@@ -285,6 +288,9 @@ var DragAndDrop = /** @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);
         }
@@ -375,7 +381,7 @@ var DragAndDrop = /** @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;
         }

package/src/schedule/actions/resize.d.ts

@@ -5,7 +5,7 @@ import { ActionBase } from '../actions/action-base';
 export declare class Resize extends ActionBase {
     wireResizeEvent(element: HTMLElement): void;
     private resizeHelper;
-    private resizeStart;
+    resizeStart(e: MouseEvent & TouchEvent): void;
     private resizing;
     updateResizingDirection(e: MouseEvent & TouchEvent): void;
     private monthResizing;

package/src/schedule/actions/resize.js

@@ -53,6 +53,10 @@ var Resize = /** @class */ (function (_super) {
     };
     Resize.prototype.resizeStart = function (e) {
         var _this = this;
+        if (e && e.type === 'touchstart' && (!this.parent.uiStateValues.isTapHold ||
+            !closest(e.target, '.' + cls.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;
@@ -117,6 +121,9 @@ var Resize = /** @class */ (function (_super) {
         });
     };
     Resize.prototype.resizing = function (e) {
+        if (e && e.type === 'touchmove') {
+            e.preventDefault();
+        }
         if (this.parent.quickPopup) {
             this.parent.quickPopup.quickPopupHide();
         }
@@ -312,7 +319,7 @@ var Resize = /** @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(event.resizeStop, resizeArgs, function (resizeEventArgs) {
             if (resizeEventArgs.cancel) {

package/src/schedule/actions/touch.d.ts

@@ -17,6 +17,7 @@ export declare class ScheduleTouch {
     private scrollHandler;
     private swipeHandler;
     private tapHoldHandler;
+    private preventEventClick;
     private renderPanel;
     private swapPanels;
     private confirmSwipe;

package/src/schedule/actions/touch.js

@@ -21,10 +21,11 @@ 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 || !this.parent.allowSwiping ||
-            (e.originalEvent && e.originalEvent.target &&
-                (e.originalEvent.target.classList.contains(cls.APPOINTMENT_CLASS) ||
-                    closest(e.originalEvent.target, '.' + cls.APPOINTMENT_CLASS)) && !this.parent.isAdaptive)) {
+        var blockSwipe = !this.parent.isAdaptive && e.originalEvent && e.originalEvent.target &&
+            !isNullOrUndefined(closest(e.originalEvent.target, '.' + cls.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) {
@@ -81,7 +82,8 @@ var ScheduleTouch = /** @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;
@@ -111,11 +113,27 @@ var ScheduleTouch = /** @class */ (function () {
     };
     ScheduleTouch.prototype.tapHoldHandler = function (e) {
         var target = closest(e.originalEvent.target, '.' + cls.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, '.' + cls.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 = {

package/src/schedule/actions/work-cells.js

@@ -30,6 +30,13 @@ var WorkCellInteraction = /** @class */ (function () {
             this.parent.eventWindow.openEditor(this.parent.activeCellsData, 'Add');
             return;
         }
+        var isWorkCell = target.classList.contains(cls.WORK_CELLS_CLASS) ||
+            target.classList.contains(cls.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, '.' + cls.NAVIGATE_CLASS);
         var navigateView = this.parent.getNavigateView();
         var sameView = this.parent.currentView === navigateView;
@@ -45,9 +52,7 @@ var WorkCellInteraction = /** @class */ (function () {
                 closest(e.target, '.' + cls.MORE_INDICATOR_CLASS))) {
                 return;
             }
-            var isWorkCell_1 = target.classList.contains(cls.WORK_CELLS_CLASS) ||
-                target.classList.contains(cls.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;
             }
@@ -55,7 +60,7 @@ var WorkCellInteraction = /** @class */ (function () {
             var args = extend(this.parent.activeCellsData, { cancel: false, event: e, name: 'cellClick' });
             this.parent.trigger(event.cellClick, args, function (clickArgs) {
                 if (!clickArgs.cancel) {
-                    if (isWorkCell_1) {
+                    if (isWorkCell) {
                         _this.parent.selectCell(target);
                     }
                     if (_this.parent.allowInline) {
@@ -125,7 +130,7 @@ var WorkCellInteraction = /** @class */ (function () {
             return true;
         }
         target = closest(e.target, '.' + cls.HEADER_CELLS_CLASS);
-        if (this.parent.activeView.isTimelineView() && !isNullOrUndefined(target)) {
+        if (this.parent.activeView && this.parent.activeView.isTimelineView() && !isNullOrUndefined(target)) {
             return true;
         }
         return false;

package/src/schedule/base/interface.d.ts

@@ -523,6 +523,8 @@ export interface UIStateArgs {
     isPreventTimezone?: boolean;
     isPreventEventRefresh?: boolean;
     scheduleHeight?: number;
+    isTapHold?: boolean;
+    isTouchScroll?: boolean;
 }
 /**
  *  @private

package/src/schedule/base/resource.js

@@ -896,8 +896,9 @@ var ResourceBase = /** @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(); });
@@ -1077,7 +1078,8 @@ var ResourceBase = /** @class */ (function () {
                     index = resource.dataSource.map(function (e) { return e[resource.idField]; }).indexOf(id);
                 }
             }
-            var offsetTarget = this.parent.element.querySelector("." + cls.HEADER_ROW_CLASS + ":nth-child(" + (levelIndex + 1) + ")");
+            var offsetTarget = this.parent.currentView === 'Month' ? this.parent.element.querySelector("." + cls.DATE_HEADER_WRAP_CLASS + " tbody tr:nth-child(" + (levelIndex + 1) + ")")
+                : this.parent.element.querySelector("." + cls.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)];
         }

package/src/schedule/base/schedule.d.ts

@@ -138,6 +138,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     scrollLeft: number;
     isPrinting: boolean;
     adaptiveGroupIndex: number;
+    activeEventTemplates: string[];
     /**
      * Sets the `width` of the Schedule component, accepting both string and number values.
      *
@@ -916,6 +917,7 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      */
     render(): void;
     private renderTableContainer;
+    getEventTemplateName(resIndex: number): string;
     /**
      * Method to render react templates
      *

package/src/schedule/base/schedule.js

@@ -141,6 +141,13 @@ var Schedule = /** @class */ (function (_super) {
             this.element.appendChild(this.createElement('div', { className: cls.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
      *
@@ -737,6 +744,7 @@ var Schedule = /** @class */ (function (_super) {
         this.resourceCollection = [];
         this.currentAction = null;
         this.selectedElements = [];
+        this.activeEventTemplates = [];
         this.setViewOptions();
     };
     Schedule.prototype.getDefaultLocale = function () {
@@ -1207,7 +1215,7 @@ var Schedule = /** @class */ (function (_super) {
     };
     Schedule.prototype.onScheduleResize = function () {
         if (isNullOrUndefined(this.activeView) || ((this.isAdaptive || util.isMobile()) && document.activeElement
-            && document.activeElement.classList.contains(cls.SUBJECT_CLASS))) {
+            && document.activeElement.classList.contains(cls.SUBJECT_CLASS)) || this.uiStateValues.isTapHold) {
             return;
         }
         if (this.virtualScrollModule && this.activeView.isTimelineView()) {

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

@@ -669,6 +669,10 @@ var EventBase = /** @class */ (function () {
             }
         }
         else if (!closest(element, '.' + cls.POPUP_OPEN)) {
+            if (this.parent.uiStateValues.isTapHold && closest(element, '.' + cls.WORK_CELLS_CLASS + ',.' + cls.ALLDAY_CELLS_CLASS)) {
+                return;
+            }
+            this.parent.uiStateValues.isTapHold = false;
             this.removeSelectedAppointmentClass();
             this.parent.selectedElements = [];
         }
@@ -678,7 +682,7 @@ var EventBase = /** @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) {
@@ -692,6 +696,10 @@ var EventBase = /** @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) {
@@ -805,7 +813,7 @@ var EventBase = /** @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();
@@ -1121,8 +1129,8 @@ var EventBase = /** @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 {

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

@@ -405,7 +405,7 @@ var MonthEvent = /** @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 {

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

@@ -359,7 +359,7 @@ var VerticalEvent = /** @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 {

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

@@ -364,7 +364,6 @@ var QuickPopups = /** @class */ (function () {
     };
     QuickPopups.prototype.tapHoldEventPopup = function (e) {
         var target = closest(e.target, '.' + cls.APPOINTMENT_CLASS);
-        this.isMultipleEventSelect = false;
         this.parent.selectedElements = [];
         this.isMultipleEventSelect = true;
         this.parent.eventBase.getSelectedEventElements(target);

package/src/schedule/renderer/month.js

@@ -224,6 +224,14 @@ var Month = /** @class */ (function (_super) {
         remove(this.element.querySelector('tbody tr'));
         this.renderHeader();
         this.parent.notify(event.contentReady, {});
+        var dateHeader = this.element.querySelector('.' + cls.DATE_HEADER_WRAP_CLASS);
+        var contentWrapper = this.element.querySelector('.' + cls.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);

package/src/schedule/renderer/renderer.js

@@ -19,10 +19,17 @@ var Render = /** @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();

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

@@ -61,7 +61,7 @@ var VerticalView = /** @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();
@@ -430,6 +430,10 @@ var VerticalView = /** @class */ (function (_super) {
         remove(this.element.querySelector('tbody tr'));
         this.renderHeader();
         this.parent.notify(event.contentReady, {});
+        var dateHeader = this.element.querySelector('.' + cls.DATE_HEADER_WRAP_CLASS);
+        if (dateHeader) {
+            dateHeader.scrollLeft = this.parent.uiStateValues.left;
+        }
     };
     VerticalView.prototype.renderLayout = function (type) {
         this.setPanel(createElement('div', { className: cls.TABLE_WRAP_CLASS }));

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

@@ -25,10 +25,27 @@ var ViewBase = /** @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('.' + cls.RESOURCE_COLUMN_TABLE_CLASS);
+        var resourceTd = Array.from(resTbl.querySelectorAll('.' + cls.RESOURCE_CELLS_CLASS));
+        resourceTd.forEach(function (currentElement) {
+            var children = Array.from(currentElement.children);
+            children.forEach(function (child) {
+                if (!child.classList.contains(cls.RESOURCE_EXPAND_CLASS) && !child.classList.contains(cls.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, cls.RESOURCE_TEXT_CLASS);
+                }
+            }
+        }
+        this.parent.renderTemplates();
         this.parent.notify(event.contentReady, {});
     };
     ViewBase.prototype.getDayName = function (date) {