@syncfusion/ej2-schedule 20.4.53 → 21.1.37

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.53
+*  version : 21.1.37
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@20.4.52",
+  "_id": "@syncfusion/ej2-schedule@21.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-uvECp2PMDWK18jedeq5o1vF4NyacCb46ARZkPrApDlPZh/4Iqlvjeg74bBq+rlvNv88RV1ZO/EQQRDyma6S8VQ==",
+  "_integrity": "sha512-cu0+Yb4W4QdCR1k/uA6LvJ08ZEVMa7dywB0Xi5RTFvLNZ/1p7r07a6adKCitcKvBxFfdajEa11c8OM0z3/KGhQ==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-20.4.52.tgz",
-  "_shasum": "b864b662411395cc14d52ed776c4b45961412870",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-21.1.35.tgz",
+  "_shasum": "a23988578cbeeca76962a0b80a03e90bbd878c77",
   "_spec": "@syncfusion/ej2-schedule@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-buttons": "~20.4.53",
-    "@syncfusion/ej2-calendars": "~20.4.52",
-    "@syncfusion/ej2-data": "~20.4.48",
-    "@syncfusion/ej2-dropdowns": "~20.4.53",
-    "@syncfusion/ej2-excel-export": "~20.4.53",
-    "@syncfusion/ej2-inputs": "~20.4.52",
-    "@syncfusion/ej2-lists": "~20.4.50",
-    "@syncfusion/ej2-navigations": "~20.4.53",
-    "@syncfusion/ej2-popups": "~20.4.53"
+    "@syncfusion/ej2-base": "~21.1.37",
+    "@syncfusion/ej2-buttons": "~21.1.37",
+    "@syncfusion/ej2-calendars": "~21.1.37",
+    "@syncfusion/ej2-data": "~21.1.37",
+    "@syncfusion/ej2-dropdowns": "~21.1.37",
+    "@syncfusion/ej2-excel-export": "~21.1.37",
+    "@syncfusion/ej2-inputs": "~21.1.37",
+    "@syncfusion/ej2-lists": "~21.1.37",
+    "@syncfusion/ej2-navigations": "~21.1.37",
+    "@syncfusion/ej2-popups": "~21.1.37"
   },
   "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": "20.4.53",
+  "version": "21.1.37",
   "sideEffects": false
 }

package/src/common/calendar-util.d.ts

@@ -1,6 +1,13 @@
 /**
  * Calendar functionalities
  */
+/**
+ * Defines the calendar type of the scheduler.
+ * ```props
+ * Islamic :- Denotes the Islamic calendar.
+ * Gregorian :- Denotes the Gregorian calendar.
+ * ```
+ */
 export declare type CalendarType = 'Islamic' | 'Gregorian';
 /** @private */
 export interface CalendarUtil {

package/src/recurrence-editor/recurrence-editor.d.ts

@@ -203,4 +203,14 @@ export interface RecurrenceEditorChangeEventArgs {
     /** Returns the current recurrence rule. */
     value: string;
 }
+/**
+ * Defines the repeat type of the recurrence editor.
+ * ```props
+ * none :- Denotes no repetition.
+ * daily :- Denotes repetition every day.
+ * weekly :- Denotes repetition every week.
+ * monthly :- Denotes repetition every month.
+ * yearly :- Denotes repetition every year.
+ * ```
+ */
 export declare type RepeatType = 'none' | 'daily' | 'weekly' | 'monthly' | 'yearly';

package/src/schedule/actions/action-base.js

@@ -63,6 +63,7 @@ var ActionBase = /** @class */ (function () {
                 parseInt(this.actionObj.element.getAttribute('data-group-index'), 10) === this.actionObj.groupIndex : true;
             if (+eventObj[this.parent.eventFields.startTime] === +this.actionObj.event[this.parent.eventFields.startTime] &&
                 +eventObj[this.parent.eventFields.endTime] === +this.actionObj.event[this.parent.eventFields.endTime] && isSameResource) {
+                this.parent.crudModule.crudObj.isCrudAction = false;
                 return;
             }
             if (eventObj[this.parent.eventFields.recurrenceRule]) {
@@ -344,6 +345,10 @@ var ActionBase = /** @class */ (function () {
             }
             appWidth = eventObj.isSpanned.count * this.actionObj.cellWidth;
         }
+        if (!isResize && this.parent.activeViewOptions.orientation === 'Vertical' && this.parent.activeViewOptions.group.resources.length !== 0) {
+            var eventObj = this.yearEvent.isSpannedEvent(event, event[this.parent.eventFields.startTime]);
+            appWidth = eventObj.isSpanned.count * this.actionObj.cellWidth;
+        }
         var appointmentElement = this.createAppointmentElement(this.actionObj.groupIndex, event[this.parent.eventFields.subject]);
         appointmentElement.setAttribute('drag', 'true');
         addClass([appointmentElement], cls.CLONE_ELEMENT_CLASS);

package/src/schedule/actions/crud.js

@@ -204,6 +204,7 @@ var Crud = /** @class */ (function () {
             if (this.parent.currentAction !== 'EditFollowingEvents' && !this.isBlockEvent(eventData)
                 && this.parent.eventBase.isBlockRange(eventData)) {
                 this.parent.quickPopup.openValidationError('blockAlert', eventData);
+                this.parent.crudModule.crudObj.isCrudAction = false;
                 return;
             }
             var updateEvents = (eventData instanceof Array) ? eventData : [eventData];

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

@@ -1,4 +1,5 @@
-import { Query, DataManager } from '@syncfusion/ej2-data';
+import { Query, DataManager, Predicate } from '@syncfusion/ej2-data';
+import { Schedule } from '../base/schedule';
 /**
  * data module is used to generate query and data source.
  *
@@ -7,14 +8,16 @@ import { Query, DataManager } from '@syncfusion/ej2-data';
 export declare class Data {
     dataManager: DataManager;
     private query;
+    private parent;
     /**
      * Constructor for data module
      *
+     * @param {Schedule} parent Accepts the schedule element instance
      * @param {Object | DataManager} dataSource Accepts the datasource as JSON objects or DataManager
      * @param {Query} query Accepts the query to process the data
      * @private
      */
-    constructor(dataSource?: Record<string, any>[] | DataManager, query?: Query);
+    constructor(parent: Schedule, dataSource?: Record<string, any>[] | DataManager, query?: Query);
     /**
      * The function used to initialize dataManager and query
      *
@@ -33,6 +36,15 @@ export declare class Data {
      * @private
      */
     generateQuery(startDate?: Date, endDate?: Date): Query;
+    /**
+     * The function used to generate updated Query from schedule model
+     *
+     * @param {Date} startDate Accepts the start date
+     * @param {Date} endDate Accepts the end date
+     * @returns {void}
+     * @private
+     */
+    getStartEndQuery(startDate?: Date, endDate?: Date): Predicate;
     /**
      * The function used to get dataSource by executing given Query
      *

package/src/schedule/actions/data.js

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { Query, DataManager } from '@syncfusion/ej2-data';
+import { Query, DataManager, Predicate } from '@syncfusion/ej2-data';
 /**
  * data module is used to generate query and data source.
  *
@@ -9,11 +9,13 @@ var Data = /** @class */ (function () {
     /**
      * Constructor for data module
      *
+     * @param {Schedule} parent Accepts the schedule element instance
      * @param {Object | DataManager} dataSource Accepts the datasource as JSON objects or DataManager
      * @param {Query} query Accepts the query to process the data
      * @private
      */
-    function Data(dataSource, query) {
+    function Data(parent, dataSource, query) {
+        this.parent = parent;
         this.initDataManager(dataSource, query);
     }
     /**
@@ -38,6 +40,11 @@ var Data = /** @class */ (function () {
      */
     Data.prototype.generateQuery = function (startDate, endDate) {
         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) {
             query.addParams('StartDate', startDate.toISOString());
         }
@@ -46,6 +53,23 @@ var Data = /** @class */ (function () {
         }
         return query;
     };
+    /**
+     * The function used to generate updated Query from schedule model
+     *
+     * @param {Date} startDate Accepts the start date
+     * @param {Date} endDate Accepts the end date
+     * @returns {void}
+     * @private
+     */
+    Data.prototype.getStartEndQuery = function (startDate, endDate) {
+        var fieldMapping = this.parent.eventFields;
+        var dateQuery = new Predicate(fieldMapping.startTime, 'greaterthanorequal', startDate)
+            .and(new Predicate(fieldMapping.endTime, 'greaterthanorequal', startDate))
+            .and(new Predicate(fieldMapping.startTime, 'lessthan', endDate))
+            .or(new Predicate(fieldMapping.startTime, 'lessthanorequal', startDate)
+            .and(new Predicate(fieldMapping.endTime, 'greaterthan', startDate)));
+        return dateQuery;
+    };
     /**
      * The function used to get dataSource by executing given Query
      *

package/src/schedule/actions/keyboard.js

@@ -446,15 +446,16 @@ var KeyboardInteraction = /** @class */ (function () {
             var args = {
                 element: target, requestType: cellSelect
             };
-            var cellData = {};
-            var cellDetails = this.parent.getCellDetails(target);
-            if (this.parent.eventWindow && cellDetails) {
-                if (this.parent.activeCellsData.element !== cellDetails.element) {
-                    this.parent.activeCellsData = cellDetails;
-                }
-                this.parent.eventWindow.convertToEventData(this.parent.activeCellsData, cellData);
-                args.data = cellData;
-            }
+            // activeCellsData is not reset on schedule property changed(group properties)
+            // const cellData: Record<string, any> = {};
+            // const cellDetails: CellClickEventArgs = this.parent.getCellDetails(target);
+            // if (this.parent.eventWindow && cellDetails) {
+            //     if (this.parent.activeCellsData.element !== cellDetails.element) {
+            //         this.parent.activeCellsData = cellDetails;
+            //     }
+            //     this.parent.eventWindow.convertToEventData(this.parent.activeCellsData as unknown as Record<string, any>, cellData);
+            //     args.data = cellData;
+            // }
             this.parent.trigger(event.select, args, function () {
                 _this.initialTarget = target;
                 _this.selectedCells = [target];
@@ -477,7 +478,7 @@ var KeyboardInteraction = /** @class */ (function () {
             nextAppEle = isReverse ? appointments[appointments.length - 1] : appointments[0];
         }
         if (nextAppEle) {
-            this.parent.eventBase.addSelectedAppointments([nextAppEle]);
+            this.parent.eventBase.addSelectedAppointments([nextAppEle], true);
             nextAppEle.focus();
             addClass([nextAppEle], cls.AGENDA_SELECTED_CELL);
         }
@@ -504,7 +505,7 @@ var KeyboardInteraction = /** @class */ (function () {
             if (filteredElements_1.length > 0) {
                 var selectedElement = isReverse ? filteredElements_1[filteredElements_1.length - 1] : filteredElements_1[0];
                 var focusElements = this.getAppointmentElementsByGuid(selectedElement.getAttribute('data-guid'));
-                this.parent.eventBase.addSelectedAppointments(focusElements);
+                this.parent.eventBase.addSelectedAppointments(focusElements, true);
                 (focusElements[focusElements.length - 1]).focus();
             }
         }
@@ -963,7 +964,7 @@ var KeyboardInteraction = /** @class */ (function () {
             if (appElements.length > 0) {
                 this.parent.eventBase.removeSelectedAppointmentClass();
                 var focusAppointment = isReverse ? appElements.slice(-1)[0] : appElements[0];
-                this.parent.eventBase.addSelectedAppointments([focusAppointment]);
+                this.parent.eventBase.addSelectedAppointments([focusAppointment], true);
                 focusAppointment.focus();
                 e.preventDefault();
             }
@@ -1065,7 +1066,7 @@ var KeyboardInteraction = /** @class */ (function () {
             var nextAppEle = eventEle[0];
             if (nextAppEle) {
                 this.parent.eventBase.removeSelectedAppointmentClass();
-                this.parent.eventBase.addSelectedAppointments([nextAppEle]);
+                this.parent.eventBase.addSelectedAppointments([nextAppEle], true);
                 nextAppEle.focus();
             }
         }
@@ -1077,7 +1078,7 @@ var KeyboardInteraction = /** @class */ (function () {
             if (appElements.length > 0) {
                 this.parent.eventBase.removeSelectedAppointmentClass();
                 var focusAppointment = appElements[0];
-                this.parent.eventBase.addSelectedAppointments([focusAppointment]);
+                this.parent.eventBase.addSelectedAppointments([focusAppointment], true);
                 focusAppointment.focus();
                 e.preventDefault();
             }

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

@@ -118,15 +118,15 @@ export interface PopupOpenEventArgs extends BaseEventArgs {
     /**
      * Returns the type of the popup which is currently being opted to open.
      * The available type values are as follows,
-     * * DeleteAlert
-     * * EditEventInfo
-     * * Editor
-     * * EventContainer
-     * * QuickInfo
-     * * RecurrenceAlert
-     * * RecurrenceValidationAlert
-     * * ValidationAlert
-     * * ViewEventInfo
+     * * `DeleteAlert`: Denotes the popup showing delete confirmation message.
+     * * `EditEventInfo`: Denotes the quick popup on the events in responsive mode.
+     * * `Editor`: Denotes the detailed editor window.
+     * * `EventContainer`: Denotes the more indicator popup.
+     * * `QuickInfo`: Denotes the quick popup.
+     * * `RecurrenceAlert`: Denotes the popup showing recurrence alerts.
+     * * `RecurrenceValidationAlert`: Denotes the popup showing recurrence validation alerts.
+     * * `ValidationAlert`: Denotes the popup showing validation alerts.
+     * * `ViewEventInfo`: Denotes the quick popup on the cells in responsive mode.
      */
     type: PopupType;
     /** Returns the cell or event data. */
@@ -150,15 +150,15 @@ export interface PopupCloseEventArgs extends BaseEventArgs {
     /**
      * Returns the type of the popup which is currently being opted to open.
      * The available type values are as follows,
-     * * DeleteAlert
-     * * EditEventInfo
-     * * Editor
-     * * EventContainer
-     * * QuickInfo
-     * * RecurrenceAlert
-     * * RecurrenceValidationAlert
-     * * ValidationAlert
-     * * ViewEventInfo
+     * * `DeleteAlert`: Denotes the popup showing delete confirmation message.
+     * * `EditEventInfo`: Denotes the quick popup on the events in responsive mode.
+     * * `Editor`: Denotes the detailed editor window.
+     * * `EventContainer`: Denotes the more indicator popup.
+     * * `QuickInfo`: Denotes the quick popup.
+     * * `RecurrenceAlert`: Denotes the popup showing recurrence alerts.
+     * * `RecurrenceValidationAlert`: Denotes the popup showing recurrence validation alerts.
+     * * `ValidationAlert`: Denotes the popup showing validation alerts.
+     * * `ViewEventInfo`: Denotes the quick popup on the cells in responsive mode.
      */
     type: PopupType;
     /** Returns the cell or event data. */
@@ -313,7 +313,7 @@ export interface ResourceDetails {
 export interface TimezoneFields {
     /** Assigns the timezone display text. */
     Text: string;
-    /** Assigns the IANA timezone value. */
+    /** Assigns the [`IANA`](https://docs.actian.com/ingres/11.0/index.html#page/Ing_Install/IANA_World_Regions_and_Time_Zone_Names.htm) timezone value. */
     Value: string;
 }
 /** An interface that holds options of events once it bound to scheduler. */
@@ -328,6 +328,10 @@ export interface DataBindingEventArgs extends BaseEventArgs {
     count?: number;
     aggregates?: Record<string, any>;
 }
+/** An interface that holds the custom sort comparer function. */
+export interface SortComparerFunction {
+    (param: Record<string, any>[]): Record<string, any>[];
+}
 /** @private */
 export interface InlineClickArgs extends BaseEventArgs {
     data?: Record<string, any>;
@@ -581,7 +585,3 @@ export interface CrudAction {
 export interface CallbackFunction extends Function {
     bind<T, A0, A1, A2, A3, A extends any[], R>(this: (this: T, args0: A0, args1: A1, args2: A2, args3: A3, ...args: A[]) => R, thisArgs: T, args0: A0, args1: A1, args2: A2, args3: A3): (...args: A[]) => R;
 }
-/** @private */
-export interface SortComparerFunction {
-    (param: Record<string, any>[]): Record<string, any>[];
-}

package/src/schedule/base/resource.js

@@ -196,7 +196,7 @@ var ResourceBase = /** @class */ (function () {
                     classList(target, [cls.RESOURCE_COLLAPSE_CLASS], [cls.RESOURCE_EXPAND_CLASS]);
                     hide = false;
                 }
-                var eventElements = [].slice.call(_this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS));
+                var eventElements = [].slice.call(_this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS + ',.' + cls.MORE_INDICATOR_CLASS));
                 for (var _i = 0, eventElements_1 = eventElements; _i < eventElements_1.length; _i++) {
                     var element = eventElements_1[_i];
                     remove(element);
@@ -326,6 +326,7 @@ var ResourceBase = /** @class */ (function () {
         this.treeViewObj = new TreeView({
             cssClass: this.parent.cssClass,
             enableRtl: this.parent.enableRtl,
+            enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
             fields: {
                 dataSource: [].slice.call(this.generateTreeData()),
                 id: 'resourceId',
@@ -430,10 +431,8 @@ var ResourceBase = /** @class */ (function () {
             var resourceText = resourceLevel.dataSource.filter(function (resData) {
                 return resData[resourceLevel.idField] === resource.groupOrder[parseInt(i.toString(), 10)];
             });
-            var resourceName = createElement('div', {
-                className: cls.RESOURCE_NAME,
-                innerHTML: resourceText[0][resourceLevel.textField]
-            });
+            var resourceName = createElement('div', { className: cls.RESOURCE_NAME });
+            resourceName.innerText = this_2.parent.sanitize(resourceText[0][resourceLevel.textField]);
             headerCollection.push(resourceName);
             var levelIcon = createElement('div', { className: 'e-icons e-icon-next' });
             headerCollection.push(levelIcon);
@@ -513,7 +512,7 @@ var ResourceBase = /** @class */ (function () {
         var promises = [];
         for (var _i = 0, _a = this.parent.resources; _i < _a.length; _i++) {
             var resource = _a[_i];
-            var dataModule = new Data(resource.dataSource, resource.query);
+            var dataModule = new Data(this.parent, resource.dataSource, resource.query);
             promises.push(dataModule.getData(dataModule.generateQuery()));
         }
         Promise.all(promises).then(function (e) { return _this.dataManagerSuccess(e, isSetModel); })

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

@@ -1,4 +1,4 @@
-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 } 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, 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';
 
 /**
@@ -61,18 +61,18 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * To set the active view on scheduler, the `currentView` property can be used and it usually accepts either of the following available
      *  view options. The view option specified in this property will be initially loaded on the schedule.
-     * * Day
-     * * Week
-     * * WorkWeek
-     * * Month
-     * * Year
-     * * Agenda
-     * * MonthAgenda
-     * * TimelineDay
-     * * TimelineWeek
-     * * TimelineWorkWeek
-     * * TimelineMonth
-     * * TimelineYear
+     * * `Day`: Denotes Day view of the scheduler.
+     * * `Week`: Denotes Week view of the scheduler.
+     * * `WorkWeek`: Denotes Work Week view of the scheduler.
+     * * `Month`: Denotes Month view of the scheduler.
+     * * `Year`: Denotes Year view of the scheduler.
+     * * `Agenda`: Denotes Agenda view of the scheduler.
+     * * `MonthAgenda`: Denotes Month Agenda view of the scheduler.
+     * * `TimelineDay`: Denotes Timeline Day view of the scheduler.
+     * * `TimelineWeek`: Denotes Timeline Week view of the scheduler.
+     * * `TimelineWorkWeek`: Denotes Timeline Work Week view of the scheduler.
+     * * `TimelineMonth`: Denotes Timeline Month view of the scheduler.
+     * * `TimelineYear`: Denotes Timeline Year view of the scheduler.
      *
      * {% codeBlock src='schedule/currentView/index.md' %}{% endcodeBlock %}
      *
@@ -86,13 +86,12 @@ export interface ScheduleModel extends ComponentModel{
      * Schedule displays all the views namely `Day`, `Week`, `Work Week`, `Month` and `Agenda`.
      *
      * Example for array of views:
-     * {% codeBlock src="schedule/view-api/index.ts" %}{% endcodeBlock %}
+     * {% codeBlock src="schedule/views/index.md" %}{% endcodeBlock %}
      *
      * Example for array of view objects:
-     * {% codeBlock src="schedule/view-api/array.ts" %}{% endcodeBlock %}
-     * {% codeBlock src='schedule/views/index.md' %}{% endcodeBlock %}
+     * {% codeBlock src='schedule/viewOption/index.md' %}{% endcodeBlock %}
      *
-     * @default '['Day', 'Week', 'WorkWeek', 'Month', 'Agenda']'
+     * @default '["Day", "Week", "WorkWeek", "Month", "Agenda"]'
      */
     views?: View[] | ViewsModel[];
 
@@ -182,9 +181,9 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * It allows the Scheduler to display week numbers based on following available week options. The week
      *  option specified in this property will be initially loaded on the schedule.
-     * * FirstDay
-     * * FirstFourDayWeek
-     * * FirstFullWeek
+     * * `FirstDay`: Denotes that the first week of the year starts on the first day of the year and ends before the following designated first day of the week.
+     * * `FirstFourDayWeek`:Denotes that the first week of the year is the first week with four or more days before the designated first day of the week.
+     * * `FirstFullWeek`:  Denotes that the first week of the year begins on the first occurrence of the designated first day of the week on or after the first day of the year.
      *
      * {% codeBlock src='schedule/weekRule/index.md' %}{% endcodeBlock %}
      *
@@ -242,6 +241,14 @@ export interface ScheduleModel extends ComponentModel{
      */
     timeFormat?: string;
 
+    /**
+     * Specifies whether to enable the rendering of untrusted HTML values in the Schedule component.
+     * When this property is enabled, the component will sanitize any suspected untrusted strings and scripts before rendering them.
+     *
+     * @default true
+     */
+    enableHtmlSanitizer?: boolean;
+
     /**
      * When set to `true`, If valid, the scroll on the all day row is activated when the all day row
      * height reaches the max height when the all day row is expanded.
@@ -362,9 +369,9 @@ export interface ScheduleModel extends ComponentModel{
      * The template option which is used to render the customized work cells on the Schedule. Here, the template accepts either
      *  the string or HTMLElement as template design and then the parsed design is displayed onto the work cells.
      *  The fields accessible via template are as follows.
-     * * date
-     * * groupIndex
-     * * type
+     * * `date`: Returns the date of the cell.
+     * * `groupIndex`: Returns the group index of the cell.
+     * * `type`: Returns the type of the work cell.
      *
      * Refer to the below code snippet.
      *
@@ -551,8 +558,8 @@ export interface ScheduleModel extends ComponentModel{
      * Template option to customize the resource header bar. Here, the template accepts either
      *  the string or HTMLElement as template design and then the parsed design is displayed onto the resource header cells.
      * The following can be accessible via template.
-     * * resource - All the resource fields.
-     * * resourceData - object collection of current resource.
+     * * `resource` - All the resource fields.
+     * * `resourceData` - Object collection of current resource.
      *
      * Refer to the below code snippet.
      *
@@ -586,7 +593,7 @@ export interface ScheduleModel extends ComponentModel{
 
     /**
      * Allows defining the collection of resources to be displayed on the Schedule. The resource collection needs to be defined
-     *  with unique resource names to identify it along with the respective dataSource and field mapping options.
+     * with unique resource names to identify it along with the respective dataSource and field mapping options.
      *
      * {% codeBlock src='schedule/resources/index.md' %}{% endcodeBlock %}
      *
@@ -596,7 +603,7 @@ export interface ScheduleModel extends ComponentModel{
 
     /**
      * Allows defining the collection of custom header rows to display the year, month, week, date and hour label as an individual row
-     *  on the timeline view of the scheduler.
+     * on the timeline view of the scheduler.
      *
      * {% codeBlock src='schedule/headerRows/index.md' %}{% endcodeBlock %}
      *