@syncfusion/ej2-schedule 21.2.10 → 22.1.34

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

@@ -1,4 +1,4 @@
-import { Animation, Browser, ChildProperty, Collection, Complex, Component, Draggable, Event, EventHandler, HijriParser, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, SanitizeHtmlHelper, Touch, addClass, append, classList, cldrData, closest, compile, createElement, detach, extend, formatUnit, getDefaultDateObject, getElement, getValue, isNullOrUndefined, prepend, print, remove, removeClass, setStyleAttribute } from '@syncfusion/ej2-base';
+import { Animation, Browser, ChildProperty, Collection, Complex, Component, Draggable, Event, EventHandler, HijriParser, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, SanitizeHtmlHelper, Touch, addClass, append, classList, cldrData, closest, compile, createElement, detach, extend, formatUnit, getDefaultDateObject, getElement, getValue, initializeCSPTemplate, isNullOrUndefined, prepend, print, remove, removeClass, setStyleAttribute } from '@syncfusion/ej2-base';
 import { Dialog, Popup, Tooltip, createSpinner, hideSpinner, isCollide, showSpinner } from '@syncfusion/ej2-popups';
 import { Toolbar, TreeView } from '@syncfusion/ej2-navigations';
 import { Calendar, DatePicker, DateTimePicker } from '@syncfusion/ej2-calendars';
@@ -2433,6 +2433,7 @@ class KeyboardInteraction {
                         return;
                     }
                 }
+                e.preventDefault();
                 this.selectCells(isMultiple, targetCell);
             }
         }
@@ -2480,6 +2481,7 @@ class KeyboardInteraction {
                         return;
                     }
                 }
+                e.preventDefault();
                 this.selectCells(isMultiple, targetCell);
             }
         }
@@ -10132,7 +10134,9 @@ class QuickPopups {
             this.dialogEvent = event;
         }
         this.quickPopupHide();
-        this.parent.eventBase.focusElement();
+        if (isNullOrUndefined(event) || (!isNullOrUndefined(event) && event.action !== 'escape')) {
+            this.parent.eventBase.focusElement();
+        }
     }
     addEventListener() {
         this.parent.on(cellClick, this.cellClick, this);
@@ -10326,7 +10330,10 @@ class EventTooltip {
                 '<div class="e-location">' + tooltipLocation + '</div>' +
                 '<div class="e-details">' + tooltipDetails + '</div>' +
                 '<div class="e-all-day">' + tooltipTime + '</div></div>';
-            this.setContent(content);
+            const contentTemp = function () {
+                return content;
+            };
+            this.setContent(initializeCSPTemplate(contentTemp));
         }
         this.parent.renderTemplates();
     }
@@ -10557,7 +10564,7 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
         }
         else {
             if (!isNullOrUndefined(this.repeatType.value)) {
-                this.startState(this.repeatType.value.toString().toUpperCase(), NEVER, this.startDate);
+                this.startState(this.repeatType.value.toString().toUpperCase(), this.endTypes[0], this.startDate);
                 this.updateForm(this.repeatType.value.toString());
             }
             if (this.selectedType > 0) {
@@ -10936,11 +10943,10 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
         }
     }
     getEndData() {
-        const endData = [NEVER, UNTIL$1, COUNT];
         // eslint-disable-next-line @typescript-eslint/no-this-alias
         const self = this;
         const dataSource = [];
-        endData.forEach((data) => {
+        this.endTypes.forEach((data) => {
             dataSource.push({ text: self.localeObj.getConstant(data), value: data });
         });
         return dataSource;
@@ -11236,7 +11242,7 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
         this.monthButtons = [];
     }
     resetFields() {
-        this.startState(NONE, NEVER, this.startDate);
+        this.startState(NONE, this.endTypes[0], this.startDate);
         this.setDefaultValue();
     }
     updateRuleUntilDate(startDate) {
@@ -11417,6 +11423,7 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
                 case 'locale':
                 case 'frequencies':
                 case 'firstDayOfWeek':
+                case 'endTypes':
                     this.refresh();
                     break;
                 case 'dateFormat':
@@ -11429,6 +11436,9 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
 __decorate$1([
     Property(['none', 'daily', 'weekly', 'monthly', 'yearly'])
 ], RecurrenceEditor.prototype, "frequencies", void 0);
+__decorate$1([
+    Property(['never', 'until', 'count'])
+], RecurrenceEditor.prototype, "endTypes", void 0);
 __decorate$1([
     Property(0)
 ], RecurrenceEditor.prototype, "firstDayOfWeek", void 0);
@@ -11876,8 +11886,10 @@ class EventWindow {
         const resourceDiv = this.createDivElement(value + '-container' + ' ' + 'e-resources');
         const resourceInput = this.createInputElement(value + ' ' + EVENT_FIELD$1, fieldName);
         resourceDiv.appendChild(resourceInput);
-        const resourceTemplate = '<div class="e-resource-template"><div class="e-resource-color" style="background-color:${' +
-            resourceData.colorField + '}"></div><div class="e-resource-text">${' + resourceData.textField + '}</div></div>';
+        function resourceTemplate(data) {
+            return `<div class="e-resource-template"><div class="e-resource-color" style="background-color:${data[resourceData.colorField]}"></div><div class="e-resource-text">${data[resourceData.textField]}</div></div>`;
+        }
+        initializeCSPTemplate(resourceTemplate, resourceData);
         if (resourceData.allowMultiple) {
             const listObj = new MultiSelect({
                 enableRtl: this.parent.enableRtl,
@@ -12118,16 +12130,18 @@ class EventWindow {
         return labelText;
     }
     onChange(args) {
-        const targetSelector = `.${EVENT_WINDOW_ALL_DAY_CLASS},.${TIME_ZONE_CLASS},.${EVENT_WINDOW_REPEAT_CLASS}`;
-        const target = closest(args.event.target, targetSelector);
-        if (target.classList.contains(EVENT_WINDOW_ALL_DAY_CLASS)) {
-            this.onAllDayChange(args.checked);
-        }
-        else if (target.classList.contains(TIME_ZONE_CLASS)) {
-            this.timezoneChangeStyle(args.checked);
-        }
-        else if (target.classList.contains(EVENT_WINDOW_REPEAT_CLASS)) {
-            this.onRepeatChange(args.checked);
+        if (args.event && args.event.target) {
+            const targetSelector = `.${EVENT_WINDOW_ALL_DAY_CLASS},.${TIME_ZONE_CLASS},.${EVENT_WINDOW_REPEAT_CLASS}`;
+            const target = closest(args.event.target, targetSelector);
+            if (target.classList.contains(EVENT_WINDOW_ALL_DAY_CLASS)) {
+                this.onAllDayChange(args.checked);
+            }
+            else if (target.classList.contains(TIME_ZONE_CLASS)) {
+                this.timezoneChangeStyle(args.checked);
+            }
+            else if (target.classList.contains(EVENT_WINDOW_REPEAT_CLASS)) {
+                this.onRepeatChange(args.checked);
+            }
         }
     }
     renderRepeatDialog() {
@@ -12948,7 +12962,7 @@ class EventWindow {
                 this.parent.quickPopup.openRecurrenceValidationAlert('sameDayAlert');
                 return true;
             }
-            else if (!(previousEndTime.getTime() <= currentStartTime.getTime() && nextStartTime.getTime() >
+            else if (!(previousEndTime.getTime() <= currentStartTime.getTime() && nextStartTime.getTime() >=
                 currentEndTime.getTime()) || (resetTime(nextEndTime).getTime() <
                 resetTime(currentStartTime).getTime()) ||
                 (resetTime(previousStartTime).getTime() > resetTime(currentEndTime).getTime()) ||
@@ -16643,7 +16657,11 @@ let Schedule = class Schedule extends Component {
             };
         }
         this.currentTimezoneDate = this.getCurrentTime();
-        this.activeCellsData = { startTime: new Date(this.currentTimezoneDate), endTime: new Date(this.currentTimezoneDate), isAllDay: false };
+        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);
@@ -17127,18 +17145,23 @@ let Schedule = class Schedule extends Component {
     /**
      * Method to process the templates
      *
-     * @param {string} template Accepts the template in string
+     * @param {string | Function} template Accepts the template in string
      * @returns {CallbackFunction} Returns the callback function
      * @private
      */
     templateParser(template) {
         if (template) {
             try {
-                if (document.querySelectorAll(template).length) {
-                    return compile(document.querySelector(template).innerHTML.trim());
+                if (typeof template === 'function') {
+                    return compile(template);
                 }
                 else {
-                    return compile(template);
+                    if (document.querySelectorAll(template).length) {
+                        return compile(document.querySelector(template).innerHTML.trim());
+                    }
+                    else {
+                        return compile(template);
+                    }
                 }
             }
             catch (error) {
@@ -25544,7 +25567,8 @@ class TimelineViews extends VerticalView {
                 else {
                     const endHour = this.getEndHour();
                     const end = (endHour.getHours() === 0) ? 24 : endHour.getHours();
-                    diffInMinutes = diffInMinutes + ((currentDateIndex[0]) * (((end - startHour.getHours()) * 60) + (endHour.getMinutes() - startHour.getMinutes())));
+                    diffInMinutes = diffInMinutes + ((currentDateIndex[0]) * (((end - startHour.getHours()) * 60) +
+                        (endHour.getMinutes() - startHour.getMinutes())));
                 }
             }
         }