@syncfusion/ej2-schedule 21.1.38 → 21.1.41

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

@@ -6260,7 +6260,7 @@ class EventBase {
         }
         else {
             const appointmentSubject = createElement('div', { className: SUBJECT_CLASS });
-            appointmentSubject.innerText = this.parent.sanitize(eventSubject);
+            this.parent.sanitize(eventSubject, appointmentSubject);
             templateElement = [appointmentSubject];
         }
         append(templateElement, appointmentWrapper);
@@ -6786,7 +6786,7 @@ class VerticalEvent extends EventBase {
         }
         else {
             const appointmentSubject = createElement('div', { className: SUBJECT_CLASS });
-            appointmentSubject.innerText = this.parent.sanitize(recordSubject);
+            this.parent.sanitize(recordSubject, appointmentSubject);
             if (isAllDay) {
                 if (record[fieldMapping.isAllDay]) {
                     templateElement = [appointmentSubject];
@@ -6819,7 +6819,7 @@ class VerticalEvent extends EventBase {
                     innerHTML: timeStr
                 });
                 const appointmentLocation = createElement('div', { className: LOCATION_CLASS });
-                appointmentLocation.innerText = this.parent.sanitize((record[fieldMapping.location] || this.parent.eventSettings.fields.location.default || ''));
+                this.parent.sanitize((record[fieldMapping.location] || this.parent.eventSettings.fields.location.default || ''), appointmentLocation);
                 templateElement = [appointmentSubject, appointmentTime, appointmentLocation];
             }
         }
@@ -7045,12 +7045,6 @@ class VerticalEvent extends EventBase {
             record.data = eventData;
             this.appendEvent(record, appointmentElement, index, tempData.appLeft);
             this.wireAppointmentEvents(appointmentElement, eventObj);
-            if (appHeight < this.cellHeight) {
-                const resizeHandlers = [].slice.call(appointmentElement.querySelectorAll('.' + EVENT_RESIZE_CLASS));
-                resizeHandlers.forEach((resizeHandler) => {
-                    resizeHandler.style.height = Math.ceil(appHeight / resizeHandler.offsetHeight) + 'px';
-                });
-            }
         }
     }
     getEventWidth() {
@@ -7670,7 +7664,7 @@ class MonthEvent extends EventBase {
         else {
             const eventLocation = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
             const appointmentSubject = createElement('div', { className: SUBJECT_CLASS });
-            appointmentSubject.innerText = this.parent.sanitize((eventSubject + (eventLocation ? '; ' + eventLocation : '')));
+            this.parent.sanitize((eventSubject + (eventLocation ? '; ' + eventLocation : '')), appointmentSubject);
             const appointmentStartTime = createElement('div', {
                 className: APPOINTMENT_TIME + (this.parent.isAdaptive ? ' ' + DISABLE_CLASS : ''),
                 innerHTML: this.parent.getTimeString(eventData[this.fields.startTime])
@@ -7714,7 +7708,7 @@ class MonthEvent extends EventBase {
                         className: APPOINTMENT_TIME + (this.parent.isAdaptive ? ' ' + DISABLE_CLASS : ''), innerHTML: timeString
                     });
                     const appLocation = createElement('div', { className: LOCATION_CLASS });
-                    appLocation.innerText = this.parent.sanitize(eventLocation);
+                    this.parent.sanitize(eventLocation, appLocation);
                     innerElement = [appointmentSubject, appTime, appLocation];
                 }
                 const wrap = createElement('div', { className: 'e-inner-wrap' });
@@ -8141,13 +8135,6 @@ class TimelineEvent extends MonthEvent {
                     const firstChild = this.getFirstChild(resIndex);
                     this.updateCellHeight(firstChild, height);
                 }
-                if (this.parent.activeViewOptions.option !== 'TimelineMonth' && this.parent.activeViewOptions.timeScale.enable
-                    && appWidth < this.cellWidth) {
-                    const resizeHandlers = [].slice.call(appointmentElement.querySelectorAll('.' + EVENT_RESIZE_CLASS));
-                    resizeHandlers.forEach((resizeHandler) => {
-                        resizeHandler.style.width = Math.ceil(appWidth / resizeHandler.getBoundingClientRect().width) + 'px';
-                    });
-                }
             }
             else {
                 for (let i = 0; i < diffInDays; i++) {
@@ -9137,7 +9124,7 @@ class QuickPopups {
                 }
                 else {
                     appointmentElement.appendChild(createElement('div', { className: SUBJECT_CLASS }));
-                    appointmentElement.firstElementChild.innerText = this.parent.sanitize(eventText);
+                    this.parent.sanitize(eventText, appointmentElement.firstElementChild);
                 }
                 if (!isNullOrUndefined(groupIndex)) {
                     appointmentElement.setAttribute('data-group-index', groupIndex);
@@ -9392,7 +9379,7 @@ class QuickPopups {
             const templateWrapper = createElement('div', { innerHTML: header });
             if (headerType === 'Event') {
                 const subjectText = templateWrapper.querySelector('.' + SUBJECT_CLASS);
-                subjectText.innerText = this.parent.sanitize(args.eventSubject);
+                this.parent.sanitize(args.eventSubject, subjectText);
             }
             append([].slice.call(templateWrapper.childNodes), headerTemplate);
         }
@@ -9456,19 +9443,19 @@ class QuickPopups {
             if (data[this.parent.eventFields.location]) {
                 const locationDetails = templateWrapper.querySelector('.' + LOCATION_DETAILS_CLASS);
                 if (!isNullOrUndefined(locationDetails)) {
-                    locationDetails.innerText = this.parent.sanitize(data[this.parent.eventFields.location]);
+                    this.parent.sanitize(data[this.parent.eventFields.location], locationDetails);
                 }
             }
             if (data[this.parent.eventFields.description]) {
                 const descriptionDetails = templateWrapper.querySelector('.' + DESCRIPTION_DETAILS_CLASS);
                 if (!isNullOrUndefined(descriptionDetails)) {
-                    descriptionDetails.innerText = this.parent.sanitize(data[this.parent.eventFields.description]);
+                    this.parent.sanitize(data[this.parent.eventFields.description], descriptionDetails);
                 }
             }
             if (resourceText) {
                 const resourceDetails = templateWrapper.querySelector('.' + RESOURCE_DETAILS_CLASS);
                 if (!isNullOrUndefined(resourceDetails)) {
-                    resourceDetails.innerText = this.parent.sanitize(resourceText);
+                    this.parent.sanitize(resourceText, resourceDetails);
                 }
             }
             append([].slice.call(templateWrapper.childNodes), contentTemplate);
@@ -11700,6 +11687,7 @@ class EventWindow {
                 for (const element of formElements) {
                     remove(element);
                 }
+                this.parent.resetTemplates(['editorTemplate']);
             }
             const templateId = this.parent.element.id + '_editorTemplate';
             const tempEle = [].slice.call(this.parent.getEditorTemplate()(args || {}, this.parent, 'editorTemplate', templateId, false));
@@ -12263,8 +12251,11 @@ class EventWindow {
         }
     }
     applyFormValidation() {
-        const getValidationRule = (rules) => (rules && Object.keys(rules).length > 0) ? rules : undefined;
         const form = this.element.querySelector('.' + FORM_CLASS);
+        if (!form) {
+            return;
+        }
+        const getValidationRule = (rules) => (rules && Object.keys(rules).length > 0) ? rules : undefined;
         const rules = {};
         const subjectRule = getValidationRule(this.parent.eventSettings.fields.subject.validation);
         if (!isNullOrUndefined(subjectRule)) {
@@ -13075,7 +13066,8 @@ class EventWindow {
                 value = element.checked;
             }
             else {
-                value = this.parent.sanitize(element.value);
+                value = this.parent.enableHtmlSanitizer ?
+                    SanitizeHtmlHelper.sanitize(element.value) : element.value;
             }
         }
         return value;
@@ -13219,6 +13211,9 @@ class EventWindow {
             else if (element.classList.contains('e-multiselect')) {
                 instance = element.ej2_instances;
             }
+            else if (element.classList.contains('e-numerictextbox')) {
+                instance = element.ej2_instances;
+            }
             if (instance && instance[0]) {
                 instance[0].destroy();
             }
@@ -13775,6 +13770,7 @@ class Render {
             }
         }
         this.updateHeader();
+        this.parent.currentTimezoneDate = this.parent.getCurrentTime();
         this.parent.activeView.renderLayout(CURRENT_PANEL_CLASS);
         this.parent.renderTemplates();
         if (this.parent.eventTooltip) {
@@ -15360,7 +15356,7 @@ class ResourceBase {
             const resourceLevel = this.resourceCollection[parseInt(i.toString(), 10)];
             const resourceText = resourceLevel.dataSource.filter((resData) => resData[resourceLevel.idField] === resource.groupOrder[parseInt(i.toString(), 10)]);
             const resourceName = createElement('div', { className: RESOURCE_NAME });
-            resourceName.innerText = this.parent.sanitize(resourceText[0][resourceLevel.textField]);
+            this.parent.sanitize(resourceText[0][resourceLevel.textField], resourceName);
             headerCollection.push(resourceName);
             const levelIcon = createElement('div', { className: 'e-icons e-icon-next' });
             headerCollection.push(levelIcon);
@@ -16091,17 +16087,20 @@ let Schedule = class Schedule extends Component {
         }
     }
     /**
-     * Method to sanitize any suspected untrusted strings and scripts before rendering them.
+     * This method renders untrusted strings and scripts securely by sanitizing them first.
      *
      * @param {string} value - A string value representing the HTML string value to be sanitized.
-     * @returns {string} A sanitized Html string.
+     * @param {HTMLElement} element - An HTML element to which the sanitized or unsanitized HTML string will be assigned.
+     * @returns {void}
      * @private
      */
-    sanitize(value) {
+    sanitize(value, element) {
         if (this.enableHtmlSanitizer) {
-            return SanitizeHtmlHelper.sanitize(value);
+            element.innerText = SanitizeHtmlHelper.sanitize(value);
+        }
+        else {
+            element.innerHTML = value;
         }
-        return value;
     }
     initializeResources(isSetModel = false) {
         if (this.resources.length > 0) {
@@ -16613,7 +16612,8 @@ let Schedule = class Schedule extends Component {
                 isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true, isPreventTimezone: false
             };
         }
-        this.activeCellsData = { startTime: this.getCurrentTime(), endTime: this.getCurrentTime(), isAllDay: false };
+        this.currentTimezoneDate = this.getCurrentTime();
+        this.activeCellsData = { startTime: new Date(this.currentTimezoneDate), endTime: new Date(this.currentTimezoneDate), isAllDay: false };
         this.activeEventData = { event: undefined, element: undefined };
         this.getDefaultLocale();
         this.localeObj = new L10n(this.getModuleName(), this.defaultLocale, this.locale);
@@ -17061,7 +17061,7 @@ let Schedule = class Schedule extends Component {
      */
     getStartEndTime(startEndTime) {
         if (!isNullOrUndefined(startEndTime) && startEndTime !== '') {
-            const startEndDate = resetTime(this.getCurrentTime());
+            const startEndDate = resetTime(new Date(this.currentTimezoneDate) || this.getCurrentTime());
             const timeString = startEndTime.split(':');
             if (timeString.length === 2) {
                 startEndDate.setHours(parseInt(timeString[0], 10), parseInt(timeString[1], 10), 0);
@@ -21922,7 +21922,7 @@ class ViewBase {
         return endHour;
     }
     isCurrentDate(date) {
-        return date.setHours(0, 0, 0, 0) === this.parent.getCurrentTime().setHours(0, 0, 0, 0);
+        return date.setHours(0, 0, 0, 0) === new Date(this.parent.currentTimezoneDate).setHours(0, 0, 0, 0);
     }
     isCurrentMonth(date) {
         if (this.parent.activeViewOptions.displayDate || this.parent.activeViewOptions.numberOfWeeks > 0) {
@@ -22128,7 +22128,7 @@ class ViewBase {
         }
         else {
             const resourceText = createElement('div', { className: className });
-            resourceText.innerText = this.parent.sanitize(tdData.resourceData[tdData.resource.textField]);
+            this.parent.sanitize(tdData.resourceData[tdData.resource.textField], resourceText);
             tdElement.appendChild(resourceText);
         }
     }
@@ -22506,7 +22506,8 @@ class VerticalView extends ViewBase {
             this.parent.activeViewOptions.headerRows.slice(-1)[0].option !== 'Hour') {
             return;
         }
-        if (this.parent.showTimeIndicator && this.isWorkHourRange(this.parent.getCurrentTime())) {
+        const currentDate = this.parent.getCurrentTime();
+        if (this.parent.showTimeIndicator && this.isWorkHourRange(currentDate)) {
             const currentDateIndex = this.getCurrentTimeIndicatorIndex();
             if (currentDateIndex.length > 0) {
                 const workCells = [].slice.call(this.element.querySelectorAll('.' + WORK_CELLS_CLASS));
@@ -22514,7 +22515,6 @@ class VerticalView extends ViewBase {
                     this.changeCurrentTimePosition();
                 }
                 if (isNullOrUndefined(this.currentTimeIndicatorTimer)) {
-                    const currentDate = this.parent.getCurrentTime();
                     const interval = MS_PER_MINUTE - ((currentDate.getSeconds() * 1000) + currentDate.getMilliseconds());
                     if (interval <= (MS_PER_MINUTE - 1000)) {
                         window.setTimeout(() => {
@@ -22541,10 +22541,11 @@ class VerticalView extends ViewBase {
         if (!isNullOrUndefined(this.parent.resourceBase) && (this.parent.activeViewOptions.group.resources.length > 0) &&
             !this.parent.uiStateValues.isGroupAdaptive) {
             let count = 0;
+            const currentDate = resetTime(this.parent.getCurrentTime());
             if (this.parent.virtualScrollModule && this.parent.activeViewOptions.allowVirtualScrolling &&
                 this.parent.activeViewOptions.group.byDate) {
                 for (const resource of this.parent.resourceBase.expandedResources) {
-                    if (resetTime(resource.date).getTime() === resetTime(this.parent.getCurrentTime()).getTime()) {
+                    if (resetTime(resource.date).getTime() === currentDate.getTime()) {
                         currentDateIndex.push(count);
                     }
                     count += 1;
@@ -22552,7 +22553,7 @@ class VerticalView extends ViewBase {
             }
             else {
                 for (const resource of this.parent.resourceBase.renderedResources) {
-                    const index = this.parent.getIndexOfDate(resource.renderDates, resetTime(this.parent.getCurrentTime()));
+                    const index = this.parent.getIndexOfDate(resource.renderDates, currentDate);
                     if (index >= 0) {
                         const resIndex = this.parent.activeViewOptions.group.byDate ?
                             (this.parent.resourceBase.lastResourceLevel.length * index) + count : count + index;
@@ -23328,7 +23329,7 @@ class Month extends ViewBase {
         for (let col = 0; col < count; col++) {
             const classList$$1 = [HEADER_CELLS_CLASS];
             const currentDateIndex = renderDates.slice(0, count).map((date) => date.getDay());
-            if (isCurrentMonth && currentDateIndex.indexOf(this.parent.getCurrentTime().getDay()) === col) {
+            if (isCurrentMonth && currentDateIndex.indexOf(this.parent.currentTimezoneDate.getDay()) === col) {
                 classList$$1.push(CURRENT_DAY_CLASS);
             }
             dateSlots.push({ date: renderDates[parseInt(col.toString(), 10)], type: 'monthDay', className: classList$$1, colSpan: 1, workDays: workDays });
@@ -23692,7 +23693,7 @@ class Month extends ViewBase {
             addClass([dateHeader], NAVIGATE_CLASS);
             const skeleton = 'full';
             const announcementText = this.parent.globalize.formatDate(data.date, { skeleton: skeleton, calendar: this.parent.getCalendarMode() });
-            dateHeader.setAttribute('aria-label', announcementText);
+            ntd.setAttribute('aria-label', announcementText);
         }
     }
     getMonthStart(currentDate) {
@@ -24365,11 +24366,11 @@ class AgendaBase extends ViewBase {
             eventSubject += ',';
         }
         const appSubjectText = createElement('div', { className: SUBJECT_CLASS });
-        appSubjectText.innerText = this.parent.sanitize(eventSubject);
+        this.parent.sanitize(eventSubject, appSubjectText);
         appSubjectWrap.appendChild(appSubjectText);
         if (!isNullOrUndefined(eventLocation) && eventLocation !== '') {
             const appLocation = createElement('div', { className: LOCATION_CLASS });
-            appLocation.innerText = this.parent.sanitize(eventLocation);
+            this.parent.sanitize(eventLocation, appLocation);
             appSubjectWrap.appendChild(appLocation);
         }
         if (!isNullOrUndefined(event[fieldMapping.recurrenceRule])) {
@@ -25987,8 +25988,11 @@ class TimelineYear extends Year {
                 else {
                     isDateAvail = column >= monthStart.getDay() && date.getTime() < monthEnd.getTime();
                 }
+                const announcementText = this.parent.globalize.formatDate(date, {
+                    skeleton: 'full', calendar: this.parent.getCalendarMode()
+                });
                 const td = createElement('td', {
-                    className: WORK_CELLS_CLASS, attrs: { 'aria-selected': 'false' }
+                    className: WORK_CELLS_CLASS, attrs: { 'aria-selected': 'false', 'aria-label': announcementText }
                 });
                 contentTr.appendChild(td);
                 const dateHeader = createElement('div', {
@@ -25996,11 +26000,6 @@ class TimelineYear extends Year {
                     innerHTML: (isDateAvail) ?
                         this.parent.globalize.formatDate(date, { skeleton: 'd', calendar: this.parent.getCalendarMode() }) : ''
                 });
-                const skeleton = 'full';
-                const announcementText = this.parent.globalize.formatDate(date, {
-                    skeleton: skeleton, calendar: this.parent.getCalendarMode()
-                });
-                dateHeader.setAttribute('aria-label', announcementText);
                 if (isDateAvail) {
                     const tds = [td];
                     const classList$$1 = [];
@@ -26732,18 +26731,23 @@ class Print {
         ];
         const scheduleTemplates = ['cellHeaderTemplate', 'dayHeaderTemplate', 'monthHeaderTemplate', 'cellTemplate',
             'dateHeaderTemplate', 'dateRangeTemplate', 'eventTemplate', 'resourceHeaderTemplate', 'headerIndentTemplate'];
+        const scheduleEvents = ['actionBegin', 'actionComplete', 'actionFailure', 'created', 'dataBinding', 'dataBound',
+            'destroyed', 'eventRendered', 'moreEventsClick', 'navigating', 'popupOpen', 'popupClose', 'renderCell'];
         let eventSettings;
         let group;
         let timeScale;
         let views;
         for (const key of scheduleProps) {
             switch (key) {
-                case 'eventSettings':
+                case 'eventSettings': {
                     eventSettings = Object.assign({}, this.parent.eventSettings.properties);
                     eventSettings.dataSource = this.parent.eventsData;
-                    eventSettings.template = typeof (eventSettings.template) === 'function' ? null : eventSettings.template;
+                    const eventTemplate = !isNullOrUndefined(printOptions.eventSettings) &&
+                        !isNullOrUndefined(printOptions.eventSettings.template) ? printOptions.eventSettings.template : eventSettings.template;
+                    eventSettings.template = typeof (eventTemplate) === 'function' ? null : eventTemplate;
                     printModel.eventSettings = eventSettings;
                     break;
+                }
                 case 'group':
                     group = isNullOrUndefined(printOptions.group) ? this.parent.group : printOptions.group;
                     group.headerTooltipTemplate = null;
@@ -26775,6 +26779,10 @@ class Print {
                             (typeof (printOptions[`${key}`]) === 'function' ? null : printOptions[`${key}`]);
                         break;
                     }
+                    if (scheduleEvents.indexOf(key) > -1) {
+                        printModel[`${key}`] = printOptions[`${key}`];
+                        break;
+                    }
                     printModel[`${key}`] = isNullOrUndefined(printOptions[`${key}`]) ?
                         this.parent[`${key}`] : printOptions[`${key}`];
                     break;