@syncfusion/ej2-schedule - npm Package Compare versions

Comparing version 22.2.12 to 23.1.36

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 22.2.12
+*  version : 23.1.36
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@22.2.11",
+  "_id": "@syncfusion/ej2-schedule@22.5.7",
   "_inBundle": false,
-  "_integrity": "sha512-f2u5jsuLDc7QiGNWzKJgamDYPya3eP8kUqK3cMWRxg6Kae0ye9vz0UeB5H9dzuGJ9HnuiFMjYAQnPlqBgIjcMQ==",
+  "_integrity": "sha512-OkyacVmb2OC8LhOoRaL2gksKeFKVUc/KR1DbSjBkJmpZ05BDdYH5Oxcm8V2z7E5GV2fzVwfHDUjbHO60A8CMlQ==",
   "_location": "/@syncfusion/ej2-schedule",
@@ -26,6 +26,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-22.2.11.tgz",
-  "_shasum": "c9ed2e7b2272b7c886b7dfd771a7bb7fd0e910e1",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-schedule/-/ej2-schedule-22.5.7.tgz",
+  "_shasum": "67afb25d998973aec9b52b4ed0948d850175c558",
   "_spec": "@syncfusion/ej2-schedule@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -39,12 +39,12 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.12",
-    "@syncfusion/ej2-buttons": "~22.2.9",
-    "@syncfusion/ej2-calendars": "~22.2.12",
-    "@syncfusion/ej2-data": "~22.2.5",
-    "@syncfusion/ej2-dropdowns": "~22.2.12",
-    "@syncfusion/ej2-excel-export": "~22.2.5",
-    "@syncfusion/ej2-inputs": "~22.2.12",
-    "@syncfusion/ej2-lists": "~22.2.11",
-    "@syncfusion/ej2-navigations": "~22.2.11",
-    "@syncfusion/ej2-popups": "~22.2.11"
+    "@syncfusion/ej2-base": "~23.1.36",
+    "@syncfusion/ej2-buttons": "~23.1.36",
+    "@syncfusion/ej2-calendars": "~23.1.36",
+    "@syncfusion/ej2-data": "~23.1.36",
+    "@syncfusion/ej2-dropdowns": "~23.1.36",
+    "@syncfusion/ej2-excel-export": "~23.1.36",
+    "@syncfusion/ej2-inputs": "~23.1.36",
+    "@syncfusion/ej2-lists": "~23.1.36",
+    "@syncfusion/ej2-navigations": "~23.1.36",
+    "@syncfusion/ej2-popups": "~23.1.36"
   },
@@ -78,4 +78,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "22.2.12",
+  "version": "23.1.36",
   "sideEffects": false
 }

src/schedule/actions/crud.d.ts

@@ -16,3 +16,3 @@ import { CrudAction } from '../base/interface';
     dataManagerFailure(e: ReturnType): void;
-    refreshProcessedData(isVirtualScrollAction?: boolean): void;
+    refreshProcessedData(isVirtualScrollAction?: boolean, dynamicEvents?: Record<string, any>[]): void;
     private refreshData;
@@ -19,0 +19,0 @@ addEvent(eventData: Record<string, any> | Record<string, any>[]): void;

src/schedule/actions/crud.js

@@ -65,3 +65,3 @@ /* eslint-disable @typescript-eslint/no-explicit-any */
     };
-    Crud.prototype.refreshProcessedData = function (isVirtualScrollAction) {
+    Crud.prototype.refreshProcessedData = function (isVirtualScrollAction, dynamicEvents) {
         if (isVirtualScrollAction === void 0) { isVirtualScrollAction = false; }
@@ -90,3 +90,3 @@ if (this.parent.dragAndDropModule) {
         if (isVirtualScrollAction) {
-            this.parent.notify(events.dataReady, { processedData: this.parent.eventsProcessed });
+            this.parent.notify(events.dataReady, { processedData: dynamicEvents ? this.parent.eventBase.processData(dynamicEvents) : this.parent.eventsProcessed });
             return;
@@ -257,2 +257,4 @@ }
                         }
+                        var cloneEvent = extend({}, saveArgs.changedRecords[saveArgs.changedRecords.length - 1], null, true);
+                        _this.parent.eventBase.selectWorkCellByTime([_this.parent.eventBase.processTimezone(cloneEvent)]);
                         var crudArgs = {
@@ -393,3 +395,4 @@ requestType: 'eventChanged', cancel: false,
                 var promise = _this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, _this.getTable(), _this.getQuery());
-                _this.parent.eventBase.selectWorkCellByTime(occurrenceArgs.changedRecords);
+                var cloneEvent = extend({}, occurrenceArgs.changedRecords[occurrenceArgs.changedRecords.length - 1], null, true);
+                _this.parent.eventBase.selectWorkCellByTime(action === 'EditOccurrence' ? [_this.parent.eventBase.processTimezone(cloneEvent)] : [cloneEvent]);
                 var crudArgs = {
@@ -471,3 +474,4 @@ requestType: action === 'EditOccurrence' ? 'eventChanged' : 'eventRemoved',
                 var promise = _this.parent.dataModule.dataManager.saveChanges(editParams, fields_1.id, _this.getTable(), _this.getQuery());
-                _this.parent.eventBase.selectWorkCellByTime(followArgs.changedRecords);
+                var cloneEvent = extend({}, followArgs.changedRecords[followArgs.changedRecords.length - 1], null, true);
+                _this.parent.eventBase.selectWorkCellByTime(action === 'EditFollowingEvents' ? [_this.parent.eventBase.processTimezone(cloneEvent)] : [cloneEvent]);
                 var crudArgs = {
@@ -540,3 +544,4 @@ requestType: action === 'EditFollowingEvents' ? 'eventChanged' : 'eventRemoved',
                 var promise = _this.parent.dataModule.dataManager.saveChanges(editParams, fields_2.id, _this.getTable(), _this.getQuery());
-                _this.parent.eventBase.selectWorkCellByTime(seriesArgs.changedRecords);
+                var cloneEvent = extend({}, seriesArgs.changedRecords[seriesArgs.changedRecords.length - 1], null, true);
+                _this.parent.eventBase.selectWorkCellByTime(action === 'EditSeries' ? [_this.parent.eventBase.processTimezone(cloneEvent)] : [cloneEvent]);
                 var crudArgs = {
@@ -602,2 +607,3 @@ requestType: action === 'EditSeries' ? 'eventChanged' : 'eventRemoved',
                 var promise = _this.parent.dataModule.dataManager.saveChanges(editParams, fields_3.id, _this.getTable(), _this.getQuery());
+                _this.parent.eventBase.selectWorkCellByTime(deleteArgs.deletedRecords);
                 var crudArgs = {
@@ -646,2 +652,4 @@ requestType: 'eventRemoved', cancel: false, data: deleteArgs.deletedRecords, promise: promise, editParams: editParams
                 var promise = _this.parent.dataModule.dataManager.saveChanges(editParams, fields.id, _this.getTable(), _this.getQuery());
+                var cloneEvent = extend({}, editArgs.changedRecords[editArgs.changedRecords.length - 1], null, true);
+                _this.parent.eventBase.selectWorkCellByTime([_this.parent.eventBase.processTimezone(cloneEvent)]);
                 var crudArgs = { requestType: 'eventChanged', cancel: false, data: editArgs.changedRecords, promise: promise, editParams: editParams };
@@ -648,0 +656,0 @@ _this.refreshData(crudArgs);

src/schedule/actions/data.js

 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Query, DataManager, Predicate } from '@syncfusion/ej2-data';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 /**
@@ -43,11 +44,31 @@ * data module is used to generate query and data source.
         var query = this.query.clone();
-        if (this.parent && this.parent.eventSettings.includeFiltersInQuery && startDate && endDate) {
-            var dateQuery = this.getStartEndQuery(startDate, endDate);
-            var recurrenceQuery = new Predicate(this.parent.eventFields.recurrenceRule, 'notequal', null).and(new Predicate(this.parent.eventFields.recurrenceRule, 'notequal', ''));
-            return query.where(dateQuery.or(recurrenceQuery));
-        }
-        if (startDate) {
+        if (this.parent && startDate && endDate) {
+            if (this.parent.activeViewOptions && this.parent.activeViewOptions.enableLazyLoading &&
+                !isNullOrUndefined(this.parent.activeViewOptions.group.resources) &&
+                this.parent.activeViewOptions.group.resources.length > 0 && this.parent.resourceBase &&
+                this.parent.resourceBase.resourceCollection.length > 0 && this.parent.resourceBase.renderedResources.length > 0) {
+                var resIdCollection_1 = [];
+                this.parent.resourceBase.resourceCollection.forEach(function () { return resIdCollection_1.push([]); });
+                this.parent.resourceBase.renderedResources.forEach(function (resource) {
+                    resIdCollection_1.forEach(function (resId, index) {
+                        var groupId = resource.groupOrder[parseInt(index.toString(), 10)];
+                        if (groupId && resId.indexOf(groupId) < 0) {
+                            resId.push(groupId);
+                        }
+                    });
+                });
+                this.parent.resourceBase.resourceCollection.forEach(function (resource, index) {
+                    query.addParams(resource.field, resIdCollection_1[parseInt(index.toString(), 10)].toString());
+                });
+            }
+            if (this.parent.timezone) {
+                startDate = this.parent.tzModule.remove(new Date(+startDate.getTime()), this.parent.timezone);
+                endDate = this.parent.tzModule.remove(new Date(+endDate.getTime()), this.parent.timezone);
+            }
+            if (this.parent.eventSettings.includeFiltersInQuery) {
+                var dateQuery = this.getStartEndQuery(startDate, endDate);
+                var recurrenceQuery = new Predicate(this.parent.eventFields.recurrenceRule, 'notequal', null).and(new Predicate(this.parent.eventFields.recurrenceRule, 'notequal', ''));
+                return query.where(dateQuery.or(recurrenceQuery));
+            }
             query.addParams('StartDate', startDate.toISOString());
-        }
-        if (endDate) {
             query.addParams('EndDate', endDate.toISOString());
@@ -54,0 +75,0 @@ }

src/schedule/actions/keyboard.js

@@ -215,4 +215,3 @@ /* eslint-disable @typescript-eslint/no-explicit-any */
         var selectedCells = this.parent.getSelectedCells();
-        if (this.parent.activeViewOptions.group.resources.length > 0 && selectedCells.length > 0 &&
-            selectedCells[0].getAttribute('data-group-index') !== target.getAttribute('data-group-index')) {
+        if (selectedCells.length > 0 && selectedCells.indexOf(target) === -1) {
             target = selectedCells[selectedCells.length - 1];
@@ -219,0 +218,0 @@ }

src/schedule/actions/virtual-scroll.d.ts

@@ -29,2 +29,3 @@ import { TdData } from '../base/interface';
     private horizontalScrolling;
+    private triggerScrollEvent;
     private upScroll;
@@ -31,0 +32,0 @@ private downScroll;

src/schedule/actions/virtual-scroll.js

@@ -0,1 +1,2 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { append, addClass, remove, isNullOrUndefined, setStyleAttribute, createElement, prepend } from '@syncfusion/ej2-base';
@@ -92,2 +93,12 @@ import * as events from '../base/constant';
         this.setTabIndex();
+        var dynamicData = this.triggerScrollEvent(events.virtualScrollStop);
+        if (this.parent.activeViewOptions && this.parent.activeViewOptions.enableLazyLoading && this.parent.crudModule) {
+            if (dynamicData.length > 0) {
+                this.parent.crudModule.refreshProcessedData(true, dynamicData);
+                this.parent.hideSpinner();
+                return;
+            }
+            this.parent.crudModule.refreshDataManager();
+            return;
+        }
         if (this.parent.crudModule) {
@@ -129,3 +140,3 @@ this.parent.crudModule.refreshProcessedData(true);
             if (!isNullOrUndefined(resCollection) && resCollection.length > 0) {
-                this.parent.showSpinner();
+                this.triggerScrollEvent(events.virtualScrollStart);
                 var selectedEle = this.parent.getSelectedCells();
@@ -158,3 +169,3 @@ this.focusedEle = selectedEle[selectedEle.length - 1] || this.focusedEle;
                     resCollection[resCollection.length - 1]) {
-                this.parent.showSpinner();
+                this.triggerScrollEvent(events.virtualScrollStart);
                 var colLevels = this.parent.activeView.colLevels.slice(0);
@@ -172,2 +183,26 @@ this.updateHorizontalContent(conWrap, resCollection);
     };
+    VirtualScroll.prototype.triggerScrollEvent = function (action) {
+        var _this = this;
+        var dynamicData = [];
+        if (!this.parent.activeView) {
+            return dynamicData;
+        }
+        var eventArgs = {
+            startDate: this.parent.activeView.startDate(),
+            endDate: this.parent.activeView.endDate(),
+            startIndex: this.parent.resourceBase.renderedResources[0].groupIndex,
+            endIndex: this.parent.resourceBase.renderedResources[this.parent.resourceBase.renderedResources.length - 1].groupIndex,
+            resourceData: this.parent.resourceBase.renderedResources.map(function (x) { return x.resourceData; }),
+            name: action
+        };
+        this.parent.trigger(action, eventArgs, function (args) {
+            if (action === events.virtualScrollStart) {
+                _this.parent.showSpinner();
+            }
+            else if (action === events.virtualScrollStop && !isNullOrUndefined(args.eventData) && args.eventData.length > 0) {
+                dynamicData = args.eventData;
+            }
+        });
+        return dynamicData;
+    };
     VirtualScroll.prototype.upScroll = function (conWrap, firstTDIndex) {
@@ -174,0 +209,0 @@ var index = 0;

src/schedule/base/constant.d.ts

@@ -52,2 +52,6 @@ /**
 export declare const cellSelect: string;
+/** @private */
+export declare const virtualScrollStart: string;
+/** @private */
+export declare const virtualScrollStop: string;
 /**
@@ -54,0 +58,0 @@ * Specifies schedule internal events

src/schedule/base/constant.js

@@ -52,2 +52,6 @@ /**
 export var cellSelect = 'cellSelect';
+/** @private */
+export var virtualScrollStart = 'virtualScrollStart';
+/** @private */
+export var virtualScrollStop = 'virtualScrollStop';
 /**
@@ -54,0 +58,0 @@ * Specifies schedule internal events

src/schedule/base/interface.d.ts

@@ -251,2 +251,17 @@ import { BaseEventArgs } from '@syncfusion/ej2-base';
 }
+/** An interface that holds options of virtual scroll action. */
+export interface ScrollEventArgs extends BaseEventArgs {
+    /** Returns the group index of last resource which is currently being rendered. */
+    endIndex: number;
+    /** Returns the end date from the active view of scheduler. */
+    endDate: Date;
+    /** Returns the group index of first resource which is currently being rendered. */
+    startIndex: number;
+    /** Returns the start date from the active view of scheduler. */
+    startDate: Date;
+    /** Returns the resource data collection which is currently rendered. */
+    resourceData: Record<string, any>[];
+    /** Allows to define the event data collection that needs to be rendered on every virtual scroll action only when enableLazyLoading property is enabled. */
+    eventData?: Record<string, any>[];
+}
 /** An interface that holds options to control the navigation, while performing drag action on appointments. */
@@ -253,0 +268,0 @@ export interface NavigateOptions {

src/schedule/base/resource.js

@@ -340,2 +340,3 @@ /* eslint-disable @typescript-eslint/no-explicit-any */
         });
+        this.treeViewObj.root = this.parent.root ? this.parent.root : this.parent;
         this.treeViewObj.appendTo(resourceTree);
@@ -342,0 +343,0 @@ this.treeViewObj.expandAll();

src/schedule/base/schedule-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, ModuleDeclaration, Property, Event, Animation, Collection, append } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Browser, Internationalization, getDefaultDateObject, cldrData, L10n } from '@syncfusion/ej2-base';import { getValue, compile, extend, isNullOrUndefined, NotifyPropertyChanges, INotifyPropertyChanged, Complex } from '@syncfusion/ej2-base';import { getElement, removeClass, addClass, classList, remove, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';import { HeaderRenderer } from '../renderer/header-renderer';import { Scroll } from '../actions/scroll';import { ScheduleTouch } from '../actions/touch';import { KeyboardInteraction } from '../actions/keyboard';import { Data } from '../actions/data';import { View, CurrentAction, ReturnType, WeekRule } from '../base/type';import { EventBase } from '../event-renderer/event-base';import { InlineEdit } from '../event-renderer/inline-edit';import { QuickPopups } from '../popups/quick-popups';import { EventTooltip } from '../popups/event-tooltip';import { EventWindow } from '../popups/event-window';import { Render } from '../renderer/renderer';import { Day } from '../renderer/day';import { Week } from '../renderer/week';import { WorkWeek } from '../renderer/work-week';import { Month } from '../renderer/month';import { Year } from '../renderer/year';import { Agenda } from '../renderer/agenda';import { MonthAgenda } from '../renderer/month-agenda';import { TimelineViews } from '../renderer/timeline-view';import { TimelineMonth } from '../renderer/timeline-month';import { TimelineYear } from '../renderer/timeline-year';import { WorkHours } from '../models/work-hours';import { TimeScale } from '../models/time-scale';import { QuickInfoTemplates } from '../models/quick-info-templates';import { HeaderRows } from '../models/header-rows';import { Crud } from '../actions/crud';import { Resize } from '../actions/resize';import { DragAndDrop } from '../actions/drag';import { VirtualScroll } from '../actions/virtual-scroll';import { WorkCellInteraction } from '../actions/work-cells';import { WorkHoursModel, ViewsModel, EventSettingsModel, GroupModel, ResourcesModel, TimeScaleModel } from '../models/models';import { QuickInfoTemplatesModel, HeaderRowsModel } from '../models/models';import { EventSettings } from '../models/event-settings';import { Group } from '../models/group';import { Resources } from '../models/resources';import { ICalendarExport } from '../exports/calendar-export';import { ICalendarImport } from '../exports/calendar-import';import { ExcelExport } from '../exports/excel-export';import { Print } from '../exports/print';import { IRenderer, ActionEventArgs, NavigatingEventArgs, CellClickEventArgs, RenderCellEventArgs, ScrollCss, TimezoneFields } from '../base/interface';import { EventClickArgs, EventRenderedArgs, PopupOpenEventArgs, UIStateArgs, DragEventArgs, ResizeEventArgs } from '../base/interface';import { EventFieldsMapping, TdData, ResourceDetails, ResizeEdges, StateArgs, ExportOptions, SelectEventArgs } from '../base/interface';import { ViewsData, PopupCloseEventArgs, HoverEventArgs, MoreEventsClickArgs, CallbackFunction } from '../base/interface';import { CalendarUtil, Gregorian, Islamic, CalendarType } from '../../common/calendar-util';import { ResourceBase } from '../base/resource';import { Timezone, timezoneData } from '../timezone/timezone';import { RecurrenceEditor } from '../../recurrence-editor/recurrence-editor';import * as events from '../base/constant';import * as cls from '../base/css-constant';import * as util from '../base/util';
+import { Component, ModuleDeclaration, Property, Event, Animation, Collection, append } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Browser, Internationalization, getDefaultDateObject, cldrData, L10n } from '@syncfusion/ej2-base';import { getValue, compile, extend, isNullOrUndefined, NotifyPropertyChanges, INotifyPropertyChanged, Complex } from '@syncfusion/ej2-base';import { getElement, removeClass, addClass, classList, remove, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';import { HeaderRenderer } from '../renderer/header-renderer';import { Scroll } from '../actions/scroll';import { ScheduleTouch } from '../actions/touch';import { KeyboardInteraction } from '../actions/keyboard';import { Data } from '../actions/data';import { View, CurrentAction, ReturnType, WeekRule } from '../base/type';import { EventBase } from '../event-renderer/event-base';import { InlineEdit } from '../event-renderer/inline-edit';import { QuickPopups } from '../popups/quick-popups';import { EventTooltip } from '../popups/event-tooltip';import { EventWindow } from '../popups/event-window';import { Render } from '../renderer/renderer';import { Day } from '../renderer/day';import { Week } from '../renderer/week';import { WorkWeek } from '../renderer/work-week';import { Month } from '../renderer/month';import { Year } from '../renderer/year';import { Agenda } from '../renderer/agenda';import { MonthAgenda } from '../renderer/month-agenda';import { TimelineViews } from '../renderer/timeline-view';import { TimelineMonth } from '../renderer/timeline-month';import { TimelineYear } from '../renderer/timeline-year';import { WorkHours } from '../models/work-hours';import { TimeScale } from '../models/time-scale';import { QuickInfoTemplates } from '../models/quick-info-templates';import { HeaderRows } from '../models/header-rows';import { Crud } from '../actions/crud';import { Resize } from '../actions/resize';import { DragAndDrop } from '../actions/drag';import { VirtualScroll } from '../actions/virtual-scroll';import { WorkCellInteraction } from '../actions/work-cells';import { WorkHoursModel, ViewsModel, EventSettingsModel, GroupModel, ResourcesModel, TimeScaleModel } from '../models/models';import { QuickInfoTemplatesModel, HeaderRowsModel } from '../models/models';import { EventSettings } from '../models/event-settings';import { Group } from '../models/group';import { Resources } from '../models/resources';import { ICalendarExport } from '../exports/calendar-export';import { ICalendarImport } from '../exports/calendar-import';import { ExcelExport } from '../exports/excel-export';import { Print } from '../exports/print';import { IRenderer, ActionEventArgs, NavigatingEventArgs, CellClickEventArgs, RenderCellEventArgs, ScrollCss, TimezoneFields } from '../base/interface';import { EventClickArgs, EventRenderedArgs, PopupOpenEventArgs, UIStateArgs, DragEventArgs, ResizeEventArgs } from '../base/interface';import { EventFieldsMapping, TdData, ResourceDetails, ResizeEdges, StateArgs, ExportOptions, SelectEventArgs } from '../base/interface';import { ViewsData, PopupCloseEventArgs, HoverEventArgs, MoreEventsClickArgs, ScrollEventArgs, CallbackFunction } from '../base/interface';import { CalendarUtil, Gregorian, Islamic, CalendarType } from '../../common/calendar-util';import { ResourceBase } from '../base/resource';import { Timezone, timezoneData } from '../timezone/timezone';import { RecurrenceEditor } from '../../recurrence-editor/recurrence-editor';import * as events from '../base/constant';import * as cls from '../base/css-constant';import * as util from '../base/util';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -481,2 +481,26 @@
     /**
+     * The template option to render the customized header of the editor window.
+     *
+     *
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
+     */
+    editorHeaderTemplate?: string | Function;
+
+    /**
+     * The template option to render the customized footer of the editor window.
+     *
+     *
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
+     */
+    editorFooterTemplate?: string | Function;
+
+    /**
      * The template option to customize the quick window. The three sections of the quick popup whereas the header, content,
@@ -685,4 +709,2 @@ * and footer can be easily customized with individual template option.
      *
-     * {% codeBlock src='schedule/actionBegin/index.md' %}{% endcodeBlock %}
-     *
      * @event 'actionBegin'
@@ -695,4 +717,2 @@ */
      *
-     * {% codeBlock src='schedule/actionComplete/index.md' %}{% endcodeBlock %}
-     *
      * @event 'actionComplete'
@@ -705,4 +725,2 @@ */
      *
-     * {% codeBlock src='schedule/actionFailure/index.md' %}{% endcodeBlock %}
-     *
      * @event 'actionFailure'
@@ -715,4 +733,2 @@ */
      *
-     * {% codeBlock src='schedule/navigating/index.md' %}{% endcodeBlock %}
-     *
      * @event 'navigating'
@@ -725,4 +741,2 @@ */
      *
-     * {% codeBlock src='schedule/renderCell/index.md' %}{% endcodeBlock %}
-     *
      * @event 'renderCell'
@@ -735,4 +749,2 @@ */
      *
-     * {% codeBlock src='schedule/eventClick/index.md' %}{% endcodeBlock %}
-     *
      * @event 'eventClick'
@@ -745,4 +757,2 @@ */
      *
-     * {% codeBlock src='schedule/eventRendered/index.md' %}{% endcodeBlock %}
-     *
      * @event 'eventRendered'
@@ -755,4 +765,2 @@ */
      *
-     * {% codeBlock src='schedule/dataBinding/index.md' %}{% endcodeBlock %}
-     *
      * @event 'dataBinding'
@@ -765,4 +773,2 @@ */
      *
-     * {% codeBlock src='schedule/popupOpen/index.md' %}{% endcodeBlock %}
-     *
      * @event 'popupOpen'
@@ -775,4 +781,2 @@ */
      *
-     * {% codeBlock src='schedule/popupClose/index.md' %}{% endcodeBlock %}
-     *
      * @event 'popupClose'
@@ -785,4 +789,2 @@ */
      *
-     * {% codeBlock src='schedule/dragStart/index.md' %}{% endcodeBlock %}
-     *
      * @event 'dragStart'
@@ -795,4 +797,2 @@ */
      *
-     * {% codeBlock src='schedule/drag/index.md' %}{% endcodeBlock %}
-     *
      * @event 'drag'
@@ -805,4 +805,2 @@ */
      *
-     * {% codeBlock src='schedule/dragStop/index.md' %}{% endcodeBlock %}
-     *
      * @event 'dragStop'
@@ -815,4 +813,2 @@ */
      *
-     * {% codeBlock src='schedule/resizeStart/index.md' %}{% endcodeBlock %}
-     *
      * @event 'resizeStart'
@@ -825,4 +821,2 @@ */
      *
-     * {% codeBlock src='schedule/resizing/index.md' %}{% endcodeBlock %}
-     *
      * @event 'resizing'
@@ -835,4 +829,2 @@ */
      *
-     * {% codeBlock src='schedule/resizeStop/index.md' %}{% endcodeBlock %}
-     *
      * @event 'resizeStop'
@@ -843,6 +835,20 @@ */
     /**
+     * Triggers when the scroll action is started.
+     * This event triggers only when `allowVirtualScrolling` or `enableLazyLoading` properties are enabled along with resource grouping.
+     *
+     * @event 'virtualScrollStart'
+     */
+    virtualScrollStart?: EmitType<ScrollEventArgs>;
+
+    /**
+     * Triggers when the scroll action is stopped.
+     * This event triggers only when `allowVirtualScrolling` or `enableLazyLoading` properties are enabled along with resource grouping.
+     *
+     * @event 'virtualScrollStop'
+     */
+    virtualScrollStop?: EmitType<ScrollEventArgs>;
+
+    /**
      * Triggers once the event data is bound to the scheduler.
      *
-     * {% codeBlock src='schedule/dataBound/index.md' %}{% endcodeBlock %}
-     *
      * @event 'dataBound'
@@ -849,0 +855,0 @@ */

src/schedule/models/views-model.d.ts

@@ -71,3 +71,3 @@ import { Property, ChildProperty, Complex, Collection } from '@syncfusion/ej2-base';import { View, Orientation } from '../base/type';import { TimeScale } from '../models/time-scale';import { TimeScaleModel, GroupModel, HeaderRowsModel } from '../models/models';import { Group } from '../models/group';import { HeaderRows } from './header-rows';
     /**
-     * It is used to allow or disallow the virtual scrolling functionality on Agenda View. This is applicable only on Agenda view.
+     * It is used to allow or disallow the virtual scrolling functionality.
      *
@@ -321,2 +321,11 @@ * @default false
 
+    /**
+     * Enables the lazy loading of events for scrolling actions only when the resources grouping property is enabled.
+     * Lazy loading allows the scheduler to fetch the appointments dynamically during scroll actions for the currently rendered resource collection.
+     * New event data is fetched on-demand as the user scrolls through the schedule content.
+     *
+     * @default false
+     */
+    enableLazyLoading?: boolean;
+
 }

src/schedule/models/views.d.ts

@@ -65,3 +65,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
     /**
-     * It is used to allow or disallow the virtual scrolling functionality on Agenda View. This is applicable only on Agenda view.
+     * It is used to allow or disallow the virtual scrolling functionality.
      *
@@ -290,2 +290,10 @@ * @default false
     displayDate: Date;
+    /**
+     * Enables the lazy loading of events for scrolling actions only when the resources grouping property is enabled.
+     * Lazy loading allows the scheduler to fetch the appointments dynamically during scroll actions for the currently rendered resource collection.
+     * New event data is fetched on-demand as the user scrolls through the schedule content.
+     *
+     * @default false
+     */
+    enableLazyLoading: boolean;
 }

src/schedule/models/views.js

@@ -125,4 +125,7 @@ var __extends = (this && this.__extends) || (function () {
     ], Views.prototype, "displayDate", void 0);
+    __decorate([
+        Property(false)
+    ], Views.prototype, "enableLazyLoading", void 0);
     return Views;
 }(ChildProperty));
 export { Views };

src/schedule/popups/event-tooltip.js

 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { isNullOrUndefined, append, createElement, addClass, initializeCSPTemplate } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, append, createElement, addClass, initializeCSPTemplate, removeClass } from '@syncfusion/ej2-base';
 import { Tooltip } from '@syncfusion/ej2-popups';
@@ -22,3 +22,3 @@ import * as cls from '../base/css-constant';
             beforeRender: this.onBeforeRender.bind(this),
-            afterClose: this.onTooltipClose.bind(this),
+            beforeClose: this.onTooltipClose.bind(this),
             enableRtl: this.parent.enableRtl,
@@ -131,3 +131,7 @@ enableHtmlSanitizer: this.parent.enableHtmlSanitizer
     };
-    EventTooltip.prototype.onTooltipClose = function () {
+    EventTooltip.prototype.onTooltipClose = function (args) {
+        if (args.element) {
+            removeClass([args.element], cls.POPUP_OPEN);
+            addClass([args.element], cls.POPUP_CLOSE);
+        }
         this.parent.resetTemplates(['tooltipTemplate', 'headerTooltipTemplate']);
@@ -134,0 +138,0 @@ };

src/schedule/popups/event-window.d.ts

@@ -32,2 +32,4 @@ import { Dialog } from '@syncfusion/ej2-popups';
     private renderEventWindow;
+    private renderDialogButtons;
+    private addEventHandlers;
     refresh(): void;
@@ -38,2 +40,7 @@ refreshRecurrenceEditor(): void;
     setDialogContent(): void;
+    setDialogHeader(): void;
+    setDialogFooter(): void;
+    private createAdaptiveHeaderElement;
+    private getDialogHeader;
+    private getDialogFooter;
     private preventEventSave;
@@ -40,0 +47,0 @@ private onBeforeOpen;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21797988

increased by0.74%

Lines of code

253173

increased by0.52%

Dependency changes

• + Added@syncfusion/ej2-base@23.1.43(transitive)

• + Added@syncfusion/ej2-buttons@23.1.43(transitive)

• + Added@syncfusion/ej2-calendars@23.1.41(transitive)

• + Added@syncfusion/ej2-compression@23.1.36(transitive)

• + Added@syncfusion/ej2-data@23.1.44(transitive)

• + Added@syncfusion/ej2-dropdowns@23.1.44(transitive)

• + Added@syncfusion/ej2-excel-export@23.1.36(transitive)

• + Added@syncfusion/ej2-file-utils@23.1.36(transitive)

• + Added@syncfusion/ej2-icons@23.1.36(transitive)

• + Added@syncfusion/ej2-inputs@23.1.43(transitive)

• + Added@syncfusion/ej2-lists@23.1.43(transitive)

• + Added@syncfusion/ej2-navigations@23.1.44(transitive)

• + Added@syncfusion/ej2-notifications@23.1.40(transitive)

• + Added@syncfusion/ej2-popups@23.1.45(transitive)

• + Added@syncfusion/ej2-splitbuttons@23.1.43(transitive)

• - Removed@syncfusion/ej2-base@22.2.12(transitive)

• - Removed@syncfusion/ej2-buttons@22.2.9(transitive)

• - Removed@syncfusion/ej2-calendars@22.2.12(transitive)

• - Removed@syncfusion/ej2-compression@22.2.5(transitive)

• - Removed@syncfusion/ej2-data@22.2.5(transitive)

• - Removed@syncfusion/ej2-dropdowns@22.2.12(transitive)

• - Removed@syncfusion/ej2-excel-export@22.2.5(transitive)

• - Removed@syncfusion/ej2-file-utils@22.2.5(transitive)

• - Removed@syncfusion/ej2-icons@22.2.5(transitive)

• - Removed@syncfusion/ej2-inputs@22.2.12(transitive)

• - Removed@syncfusion/ej2-lists@22.2.11(transitive)

• - Removed@syncfusion/ej2-navigations@22.2.11(transitive)

• - Removed@syncfusion/ej2-popups@22.2.11(transitive)

• - Removed@syncfusion/ej2-splitbuttons@22.2.8(transitive)

• Updated@syncfusion/ej2-base@~23.1.36

• Updated@syncfusion/ej2-buttons@~23.1.36

• Updated@syncfusion/ej2-calendars@~23.1.36

• Updated@syncfusion/ej2-data@~23.1.36

• Updated@syncfusion/ej2-dropdowns@~23.1.36

• Updated@syncfusion/ej2-excel-export@~23.1.36

• Updated@syncfusion/ej2-inputs@~23.1.36

• Updated@syncfusion/ej2-lists@~23.1.36

• Updated@syncfusion/ej2-navigations@~23.1.36

• Updated@syncfusion/ej2-popups@~23.1.36