@syncfusion/ej2-schedule 21.1.39 → 21.2.3

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];
             }
         }
@@ -7664,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])
@@ -7708,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' });
@@ -9124,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);
@@ -9379,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);
         }
@@ -9443,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);
@@ -11687,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));
@@ -12250,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)) {
@@ -13062,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;
@@ -13206,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();
             }
@@ -13748,7 +13756,7 @@ class Render {
             this.parent.virtualScrollModule.destroy();
             this.parent.virtualScrollModule = null;
         }
-        if ((['Agenda', 'Year'].indexOf(this.parent.currentView) === -1 ||
+        if ((['Agenda', 'MonthAgenda', 'Year', 'TimelineYear'].indexOf(this.parent.currentView) === -1 ||
             (this.parent.currentView === 'TimelineYear' && this.parent.activeViewOptions.orientation === 'Vertical'))
             && this.parent.activeViewOptions.allowVirtualScrolling
             && this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
@@ -15348,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);
@@ -16079,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) {
@@ -19162,6 +19173,9 @@ class ActionBase {
         return event;
     }
     dynamicYearlyEventsRendering(event, isResize = false) {
+        if (!isNullOrUndefined(this.parent.eventDragArea)) {
+            return;
+        }
         let appWidth = this.actionObj.cellWidth - 7;
         if (isResize && (this.resizeEdges.left || this.resizeEdges.right)) {
             appWidth = this.actionObj.cellWidth * event.count;
@@ -19231,6 +19245,9 @@ class ActionBase {
         return appointmentWrapper;
     }
     dynamicEventsRendering(event) {
+        if (!isNullOrUndefined(this.parent.eventDragArea)) {
+            return;
+        }
         let dateRender = this.parent.activeView.renderDates;
         let workCells = [].slice.call(this.parent.element.querySelectorAll('.' + WORK_CELLS_CLASS));
         let workDays = this.parent.activeViewOptions.workDays;
@@ -19265,7 +19282,7 @@ class ActionBase {
             this.monthEvent.applyResourceColor(appointmentElement, event, 'backgroundColor', groupOrder);
             setStyleAttribute(appointmentElement, { 'width': appWidth + 'px', 'border': '0px', 'pointer-events': 'none' });
             const cellTd = workCells[parseInt(day.toString(), 10)];
-            if (cellTd && isNullOrUndefined(this.parent.eventDragArea)) {
+            if (cellTd) {
                 this.monthEvent.renderElement(cellTd, appointmentElement, true);
                 this.actionObj.cloneElement.push(appointmentElement);
             }
@@ -21339,9 +21356,11 @@ class DragAndDrop extends ActionBase {
             }
         }
         const event = this.getUpdatedEvent(this.actionObj.start, this.actionObj.end, this.actionObj.event);
-        const eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
-        for (const wrapper of eventWrappers) {
-            remove(wrapper);
+        if (isNullOrUndefined(this.parent.eventDragArea)) {
+            const eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + CLONE_ELEMENT_CLASS));
+            for (const wrapper of eventWrappers) {
+                remove(wrapper);
+            }
         }
         if (this.multiData && this.multiData.length > 0) {
             const startTime = resetTime(new Date(event[this.parent.eventFields.startTime]));
@@ -22117,7 +22136,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);
         }
     }
@@ -24355,11 +24374,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])) {