@syncfusion/ej2-schedule 27.1.53 → 27.1.56

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.53
+*  version : 27.1.56
 *  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@27.1.52",
+  "_id": "@syncfusion/ej2-schedule@27.1.55",
   "_inBundle": false,
-  "_integrity": "sha512-tQQNKmmQisCiGPgH6w24bUNoiJAxkzZnvbirlGgT9EmmpSAaH5y9orqYPAWGoQQCQEhUhi+Alogezc5hmgE/kQ==",
+  "_integrity": "sha512-5voLaihRI8Cl4b+vp/Krva3umpRr8awwCVvCMSofVIDvpD3N7qGisdFknBShYr1Ph7aJbysvOIT/uFPKqZNlHA==",
   "_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-27.1.52.tgz",
-  "_shasum": "828842f11d3c7f107f192adf20a7669a2fa8e766",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-27.1.55.tgz",
+  "_shasum": "b024fa4861634b50578a28bb08c0dd1081c1cb26",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.53",
+    "@syncfusion/ej2-base": "~27.1.55",
     "@syncfusion/ej2-buttons": "~27.1.53",
-    "@syncfusion/ej2-calendars": "~27.1.52",
+    "@syncfusion/ej2-calendars": "~27.1.55",
     "@syncfusion/ej2-data": "~27.1.52",
-    "@syncfusion/ej2-dropdowns": "~27.1.53",
+    "@syncfusion/ej2-dropdowns": "~27.1.55",
     "@syncfusion/ej2-excel-export": "~27.1.50",
-    "@syncfusion/ej2-inputs": "~27.1.50",
+    "@syncfusion/ej2-inputs": "~27.1.55",
     "@syncfusion/ej2-lists": "~27.1.50",
-    "@syncfusion/ej2-navigations": "~27.1.53",
-    "@syncfusion/ej2-popups": "~27.1.53"
+    "@syncfusion/ej2-navigations": "~27.1.56",
+    "@syncfusion/ej2-popups": "~27.1.56"
   },
   "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": "27.1.53",
+  "version": "27.1.56",
   "sideEffects": false
 }

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

@@ -55,6 +55,14 @@ export declare const cellSelect: string;
 export declare const virtualScrollStart: string;
 /** @private */
 export declare const virtualScrollStop: string;
+/** @private */
+export declare const noEvents: string;
+/** @private */
+export declare const agendaCells: string;
+/** @private */
+export declare const resourceHeader: string;
+/** @private */
+export declare const dateHeader: string;
 /**
  * Specifies schedule internal events
  */

package/src/schedule/base/constant.js

@@ -55,6 +55,14 @@ export var cellSelect = 'cellSelect';
 export var virtualScrollStart = 'virtualScrollStart';
 /** @private */
 export var virtualScrollStop = 'virtualScrollStop';
+/** @private */
+export var noEvents = 'noEvents';
+/** @private */
+export var agendaCells = 'agendaCells';
+/** @private */
+export var resourceHeader = 'resourceHeader';
+/** @private */
+export var dateHeader = 'dateHeader';
 /**
  * Specifies schedule internal events
  */

package/src/schedule/event-renderer/agenda-base.d.ts

@@ -9,7 +9,7 @@ export declare class AgendaBase extends ViewBase {
     calculateResourceTableElement(tBody: Element, noOfDays: number, agendaDate: Date, agendaEnd?: Date): void;
     private createResourceTableRow;
     createDateHeaderElement(date: Date): Element;
-    renderEmptyContent(tBody: Element, agendaDate: Date): void;
+    renderEmptyContent(tBody: Element, agendaDate: Date, hasNoEvents?: boolean): void;
     createTableRowElement(date: Date, type: string): Element;
     destroy(): void;
 }

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

@@ -335,12 +335,24 @@ var AgendaBase = /** @class */ (function (_super) {
                 }
                 else if (data.type === 'eventColumn') {
                     var elementType = (data.eventData.length === 0) ? 'noEvents' : 'data';
+                    for (var i = 0; i < ntr.childNodes.length; i++) {
+                        var currentElement = ntr.childNodes.item(i);
+                        var renderCellElementType = currentElement.classList.contains('e-resource-column') ?
+                            event.resourceHeader : event.dateHeader;
+                        this.parent.trigger(event.renderCell, {
+                            elementType: renderCellElementType, element: currentElement, date: data.date, groupIndex: data.groupIndex
+                        });
+                    }
                     ntd = this.createAgendaContentElement(elementType, data.eventData, ntd, data.groupOrder, data.groupIndex);
                     ntd.setAttribute('data-date', data.date.getTime().toString());
                     if (this.parent.activeViewOptions.group.byDate || this.parent.currentView === 'MonthAgenda') {
                         addClass([ntd], [cls.AGENDA_CELLS_CLASS, cls.AGENDA_DAY_PADDING_CLASS]);
                     }
                     ntr.appendChild(ntd);
+                    var renderCellType = (data.eventData.length === 0) ? event.noEvents : event.agendaCells;
+                    this.parent.trigger(event.renderCell, {
+                        elementType: renderCellType, element: ntd, date: data.date, groupIndex: data.groupIndex
+                    });
                 }
                 else {
                     ntd.setAttribute('rowspan', data.rowSpan.toString());
@@ -381,7 +393,7 @@ var AgendaBase = /** @class */ (function (_super) {
         }
         return dateHeader;
     };
-    AgendaBase.prototype.renderEmptyContent = function (tBody, agendaDate) {
+    AgendaBase.prototype.renderEmptyContent = function (tBody, agendaDate, hasNoEvents) {
         var eTr = this.createTableRowElement(agendaDate, 'noEvents');
         var eTd = eTr.children[0];
         var noEvents = createElement('div', {
@@ -390,6 +402,9 @@ var AgendaBase = /** @class */ (function (_super) {
         });
         eTd.appendChild(noEvents);
         tBody.appendChild(eTr);
+        if (hasNoEvents) {
+            this.parent.trigger(event.renderCell, { elementType: event.noEvents, element: eTd, date: agendaDate });
+        }
     };
     AgendaBase.prototype.createTableRowElement = function (date, type) {
         var daysCount = util.getDaysCount(this.parent.selectedDate.getTime(), date.getTime());

package/src/schedule/event-renderer/timeline-view.d.ts

@@ -40,6 +40,7 @@ export declare class TimelineEvent extends MonthEvent {
     private getAppointmentLeft;
     getPosition(startTime: Date, endTime: Date, isAllDay: boolean, day: number): number;
     private getFilterEvents;
+    private getIntervalInMinutes;
     private isAlreadyAvail;
     getRowTop(resIndex: number): number;
     getCellTd(): HTMLElement;

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

@@ -465,13 +465,8 @@ var TimelineEvent = /** @class */ (function (_super) {
         }
     };
     TimelineEvent.prototype.getSameDayEventsWidth = function (startDate, endDate) {
-        var intervalMins = this.interval;
-        if (this.slotsPerDay === 1) {
-            var hoursRange = util.getStartEndHours(util.resetTime(new Date(startDate.getTime())), this.startHour, this.endHour);
-            intervalMins = (hoursRange.endHour.getTime() - hoursRange.startHour.getTime()) / util.MS_PER_MINUTE;
-        }
         return ((util.getUniversalTime(endDate) - util.getUniversalTime(startDate)) /
-            util.MS_PER_MINUTE * (this.cellWidth * this.slotCount) / intervalMins);
+            util.MS_PER_MINUTE * (this.cellWidth * this.slotCount) / this.getIntervalInMinutes(startDate));
     };
     TimelineEvent.prototype.getSpannedEventsWidth = function (startDate, endDate, diffInDays) {
         var width = (diffInDays * this.slotsPerDay) * this.cellWidth;
@@ -497,13 +492,13 @@ var TimelineEvent = /** @class */ (function (_super) {
     TimelineEvent.prototype.getAppointmentLeft = function (schedule, startTime, day) {
         var slotTd = (this.isSameDay(startTime, schedule.startHour)) ?
             ((util.getUniversalTime(startTime) - util.getUniversalTime(schedule.startHour)) /
-                (util.MS_PER_MINUTE * this.interval)) * this.slotCount : 0;
+                (util.MS_PER_MINUTE * this.getIntervalInMinutes(startTime))) * this.slotCount : 0;
         if (day === 0) {
             return slotTd;
         }
         else {
             var daySlot = Math.round((((util.getUniversalTime(schedule.endHour) - util.getUniversalTime(schedule.startHour)) /
-                util.MS_PER_MINUTE) / this.interval) * this.slotCount);
+                util.MS_PER_MINUTE) / this.getIntervalInMinutes(startTime)) * this.slotCount);
             return (daySlot * day) + slotTd;
         }
     };
@@ -536,6 +531,13 @@ var TimelineEvent = /** @class */ (function (_super) {
             return this.getFilteredEvents(startTime, endTime, gIndex, eventsList);
         }
     };
+    TimelineEvent.prototype.getIntervalInMinutes = function (startDate) {
+        if (this.slotsPerDay !== 1) {
+            return this.interval;
+        }
+        var hoursRange = util.getStartEndHours(util.resetTime(new Date(startDate.getTime())), this.startHour, this.endHour);
+        return (hoursRange.endHour.getTime() - hoursRange.startHour.getTime()) / util.MS_PER_MINUTE;
+    };
     TimelineEvent.prototype.isAlreadyAvail = function (appPos, cellTd) {
         var moreIndicator = [].slice.call(cellTd.querySelectorAll('.' + cls.MORE_INDICATOR_CLASS));
         for (var i = 0; i < moreIndicator.length; i++) {

package/src/schedule/renderer/agenda.js

@@ -142,7 +142,7 @@ var Agenda = /** @class */ (function (_super) {
             }
         }
         if (tBody.childNodes.length <= 0) {
-            this.renderEmptyContent(tBody, agendaDate);
+            this.renderEmptyContent(tBody, agendaDate, true);
         }
     };
     Agenda.prototype.renderContent = function (tBody, agendaDate, lastDate) {
@@ -200,11 +200,15 @@ var Agenda = /** @class */ (function (_super) {
                         var elementType = (!this.parent.hideEmptyAgendaDays && filterData.length === 0) ? 'noEvents' : 'data';
                         dTd.appendChild(this.createDateHeaderElement(agendaDate));
                         nTr.appendChild(dTd);
+                        this.parent.trigger(event.renderCell, { elementType: event.dateHeader, element: dTd, date: agendaDate });
                         var cTd = this.createAgendaContentElement(elementType, filterData, aTd);
                         nTr.appendChild(cTd);
                         if (cTd.querySelectorAll('li').length > 0) {
                             tBody.appendChild(nTr);
                         }
+                        var renderCellElementType = (!this.parent.hideEmptyAgendaDays && filterData.length === 0) ?
+                            event.noEvents : event.agendaCells;
+                        this.parent.trigger(event.renderCell, { elementType: renderCellElementType, element: cTd, date: agendaDate });
                     }
                     else if (this.parent.activeViewOptions.allowVirtualScrolling) {
                         day--;