@syncfusion/ej2-schedule 22.2.8 → 22.2.12

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

@@ -389,6 +389,7 @@ function getScrollBarWidth() {
  * Method to reset scrollbar width
  *
  * @private
+ * @returns {void}
  */
 function resetScrollbarWidth() {
     const zoomPixelRatio = window.devicePixelRatio || window.screen.availWidth / document.documentElement.clientWidth;
@@ -2063,7 +2064,12 @@ class KeyboardInteraction {
             return;
         }
         const queryStr = '.' + WORK_CELLS_CLASS + ',.' + ALLDAY_CELLS_CLASS + ',.' + HEADER_CELLS_CLASS;
-        const target = closest(e.target, queryStr);
+        let target = closest(e.target, queryStr);
+        const 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')) {
+            target = selectedCells[selectedCells.length - 1];
+        }
         if (this.parent.currentView === 'TimelineYear' && target.classList.contains(OTHERMONTH_CLASS)) {
             return;
         }
@@ -2072,7 +2078,6 @@ class KeyboardInteraction {
         if (this.parent.eventWindow) {
             this.parent.eventWindow.convertToEventData(this.parent.activeCellsData, cellData);
         }
-        const selectedCells = this.parent.getSelectedCells();
         const args = {
             data: cellData, element: this.parent.activeCellsData.element, event: e,
             requestType: cellSelect, showQuickPopup: false
@@ -3714,11 +3719,10 @@ function getMonthSummary(ruleObject, cldrObj, localeObj) {
  * @param {number} maximumCount Accepts the maximum number count to generate date collections
  * @param {Date} viewDate Accepts the current date instead of start date
  * @param {CalendarType} calendarMode Accepts the calendar type
- * @param {string} oldTimezone Accepts the timezone name
  * @param {string} newTimezone Accepts the timezone name
  * @returns {number[]} Returns the collection of dates
  */
-function generate(startDate, rule, excludeDate, startDayOfWeek, maximumCount = MAXOCCURRENCE, viewDate = null, calendarMode = 'Gregorian', oldTimezone = null, newTimezone = null) {
+function generate(startDate, rule, excludeDate, startDayOfWeek, maximumCount = MAXOCCURRENCE, viewDate = null, calendarMode = 'Gregorian', newTimezone = null) {
     const ruleObject = extractObjectFromRule(rule);
     let cacheDate;
     calendarUtil = getCalendarUtil(calendarMode);
@@ -3729,8 +3733,8 @@ function generate(startDate, rule, excludeDate, startDayOfWeek, maximumCount = M
     const tz = new Timezone();
     tempDate.forEach((content) => {
         let parsedDate = getDateFromRecurrenceDateString(content);
-        if (oldTimezone && newTimezone) {
-            parsedDate = tz.convert(new Date(parsedDate.getTime()), oldTimezone, newTimezone);
+        if (newTimezone) {
+            parsedDate = tz.add(new Date(parsedDate.getTime()), newTimezone);
         }
         tempExcludeDate.push(new Date(parsedDate.getTime()).setHours(0, 0, 0, 0));
     });
@@ -5287,12 +5291,12 @@ class EventBase {
             }
             if (!isNullOrUndefined(event[fields.recurrenceRule]) && isNullOrUndefined(event[fields.recurrenceID]) &&
                 !(this.parent.crudModule && this.parent.crudModule.crudObj.isCrudAction)) {
-                processed = processed.concat(this.generateOccurrence(event, null, oldTimezone, true));
+                processed = processed.concat(this.generateOccurrence(event, null, true));
             }
             else {
                 if (this.parent.crudModule && this.parent.crudModule.crudObj.isCrudAction) {
                     if (!isNullOrUndefined(event[fields.recurrenceRule]) && isNullOrUndefined(event[fields.recurrenceID])) {
-                        const recurrenceEvent = this.generateOccurrence(event, null, oldTimezone, true);
+                        const recurrenceEvent = this.generateOccurrence(event, null, true);
                         for (const occurrence of recurrenceEvent) {
                             const app = this.parent.eventsProcessed.filter((data) => data[fields.startTime].getTime() - occurrence[fields.startTime].getTime() === 0 &&
                                 data[fields.id] === occurrence[fields.id]);
@@ -6067,7 +6071,7 @@ class EventBase {
         }
         this.parent.activeEventData = { event: eventObject, element: target };
     }
-    generateOccurrence(event, viewDate, oldTimezone, isMaxCount) {
+    generateOccurrence(event, viewDate, isMaxCount) {
         const startDate = event[this.parent.eventFields.startTime];
         const endDate = event[this.parent.eventFields.endTime];
         const eventRule = event[this.parent.eventFields.recurrenceRule];
@@ -6082,7 +6086,7 @@ class EventBase {
         const newTimezone = this.parent.timezone || this.parent.tzModule.getLocalTimezoneName();
         const firstDay = this.parent.activeViewOptions.firstDayOfWeek;
         const calendarMode = this.parent.calendarMode;
-        const dates = generate(startDate, eventRule, exception, firstDay, maxCount, viewDate, calendarMode, oldTimezone, newTimezone);
+        const dates = generate(startDate, eventRule, exception, firstDay, maxCount, viewDate, calendarMode, newTimezone);
         if (this.parent.currentView === 'Agenda' && eventRule.indexOf('COUNT') === -1 && eventRule.indexOf('UNTIL') === -1) {
             if (isNullOrUndefined(event.generatedDates)) {
                 event.generatedDates = { start: new Date(dates[0]), end: new Date(dates[dates.length - 1]) };
@@ -8876,7 +8880,7 @@ class QuickPopups {
         this.renderQuickDialog();
     }
     renderQuickPopup() {
-        const quickPopupWrapper = createElement('div', { className: POPUP_WRAPPER_CLASS + ' e-popup-close' });
+        const quickPopupWrapper = createElement('div', { className: POPUP_WRAPPER_CLASS + ' e-popup-close', attrs: { role: 'dialog' } });
         if (this.parent.isAdaptive) {
             document.body.appendChild(quickPopupWrapper);
             addClass([quickPopupWrapper], DEVICE_CLASS);
@@ -9292,6 +9296,7 @@ class QuickPopups {
         quickCellPopup.appendChild(this.getPopupHeader('Cell', temp));
         quickCellPopup.appendChild(this.getPopupContent('Cell', args, temp));
         quickCellPopup.appendChild(this.getPopupFooter('Cell', temp));
+        this.quickPopup.element.setAttribute('aria-label', this.l10n.getConstant('newEvent'));
         const subjectElement = quickCellPopup.querySelector('.' + SUBJECT_CLASS);
         if (subjectElement) {
             Input.createInput({ element: subjectElement, properties: { placeholder: this.l10n.getConstant('addTitle') } });
@@ -9363,6 +9368,7 @@ class QuickPopups {
             quickEventPopup.appendChild(this.getPopupHeader('Event', eventData));
             quickEventPopup.appendChild(this.getPopupContent('Event', events, eventData));
             quickEventPopup.appendChild(this.getPopupFooter('Event', eventData));
+            this.quickPopup.element.setAttribute('aria-label', this.l10n.getConstant('editEvent'));
             const readonly = this.parent.activeViewOptions.readonly || eventData[this.parent.eventFields.isReadonly];
             const editAction = !this.parent.eventSettings.allowEditing || readonly;
             const deleteAction = !this.parent.eventSettings.allowDeleting || readonly;
@@ -14273,7 +14279,8 @@ class Crud {
         }
         const updateEvents = (eventData instanceof Array) ? eventData : [eventData];
         const args = {
-            requestType: action === 'EditOccurrence' ? 'eventChange' : 'eventRemove', cancel: false,
+            requestType: action === 'EditOccurrence' ? 'eventChange' : 'eventRemove',
+            cancel: false,
             addedRecords: [], changedRecords: updateEvents, deletedRecords: []
         };
         args.data = occurrenceData;
@@ -14556,6 +14563,10 @@ class Crud {
         return parentEvent;
     }
     excludeDateCheck(eventStartTime, exceptionDateList) {
+        const timezone = this.parent.timezone || this.parent.tzModule.getLocalTimezoneName();
+        if (timezone) {
+            eventStartTime = this.parent.tzModule.remove(new Date(+eventStartTime.getTime()), timezone);
+        }
         const exDate = getRecurrenceStringFromDate(eventStartTime);
         if (!isNullOrUndefined(exceptionDateList)) {
             if (exceptionDateList.indexOf(exDate) === -1) {
@@ -25582,8 +25593,11 @@ class TimelineViews extends VerticalView {
         let diffInMinutes = ((date.getHours() - startHour.getHours()) * 60) + (date.getMinutes() - startHour.getMinutes());
         if (!isNullOrUndefined(currentDateIndex)) {
             if (currentDateIndex[0] !== 0) {
-                if (this.parent.activeView.colLevels[0] && this.parent.activeView.colLevels[0][0].colSpan) {
-                    diffInDates = currentDateIndex[0] * this.parent.activeView.colLevels[0][0].colSpan * this.getWorkCellWidth();
+                const index = this.parent.activeView.colLevels.findIndex((level) => level[0].type === 'dateHeader');
+                if (this.parent.activeView.colLevels[parseInt(index.toString(), 10)] &&
+                    this.parent.activeView.colLevels[parseInt(index.toString(), 10)][0].colSpan) {
+                    diffInDates = currentDateIndex[0] * this.parent.activeView.colLevels[parseInt(index.toString(), 10)][0].colSpan *
+                        this.getWorkCellWidth();
                 }
                 else {
                     const endHour = this.getEndHour();
@@ -26484,99 +26498,144 @@ class ICalendarImport {
         }
     }
     iCalendarParser(iCalString) {
-        const fields = this.parent.eventFields;
-        const events = [];
-        const uId = 'UID';
-        const calArray = iCalString.replace(new RegExp('\\r', 'g'), '').split('\n');
-        let isEvent = false;
-        let curEvent;
-        // eslint-disable-next-line prefer-const
-        let id = this.parent.eventBase.getEventMaxID();
-        let count = 0;
-        calArray.forEach((element) => {
-            let index;
-            let type;
-            let value;
-            if (!isEvent && element === 'BEGIN:VEVENT') {
-                isEvent = true;
-                curEvent = {};
-            }
-            if (isEvent && element === 'END:VEVENT') {
-                isEvent = false;
-                events.push(curEvent);
-                curEvent = null;
-            }
-            if (isEvent) {
-                index = element.indexOf(':');
-                type = element.substr(0, index).replace(/^\s\s*/, '').replace(/\s\s*$/, '');
-                value = element.substr(index + 1, element.length - (index + 1)).replace(/^\s\s*/, '').replace(/\s\s*$/, '');
-                if (element.indexOf('SUMMARY') !== -1) {
-                    type = 'SUMMARY';
-                }
-                if (element.indexOf('DTSTART') !== -1) {
-                    curEvent[fields.startTime] = this.dateParsing(element);
-                    curEvent[fields.isAllDay] = this.allDay;
-                    this.allDay = false;
-                }
-                else if (element.indexOf('DTEND') !== -1) {
-                    curEvent[fields.endTime] = this.dateParsing(element);
-                }
-                else if (element.indexOf('EXDATE') !== -1) {
-                    value = getRecurrenceStringFromDate(this.dateParsing(element));
-                    curEvent[fields.recurrenceException] = (isNullOrUndefined(curEvent[fields.recurrenceException])) ?
-                        value : curEvent[fields.recurrenceException] + ',' + value;
-                }
-                else if (element.indexOf('RECURRENCE-ID') !== -1) {
-                    value = getRecurrenceStringFromDate(this.dateParsing(element));
-                    curEvent[fields.recurrenceException] = value;
-                    curEvent[fields.recurrenceID] = value;
+        let iCalData = {
+            isEvent: false,
+            curEvent: null,
+            id: this.parent.eventBase.getEventMaxID(),
+            count: 0,
+            events: [],
+            key: null
+        };
+        const iStringLength = iCalString.length;
+        let lastPosition = iCalString.search(/[^ \t]/);
+        let position = lastPosition;
+        let iString;
+        let newlineOffset;
+        do {
+            position = iCalString.indexOf('\n', lastPosition) + 1;
+            if (position === 0) {
+                position = iStringLength;
+                newlineOffset = 0;
+            }
+            else if (position > 1 && iCalString[position - 2] === '\r') {
+                newlineOffset = 2;
+            }
+            else {
+                newlineOffset = 1;
+            }
+            // eslint-disable-next-line security/detect-object-injection
+            const firstChar = iCalString[lastPosition];
+            if (firstChar === ' ' || firstChar === '\n' || firstChar === '\t') {
+                iString += iCalString.slice(lastPosition + 1, position - newlineOffset);
+            }
+            else {
+                if (iString) {
+                    iCalData = this.updateEventData(iString, iCalData);
                 }
-                else {
-                    switch (type) {
-                        case 'BEGIN':
-                            break;
-                        case 'UID':
-                            curEvent[`${uId}`] = value;
-                            if (typeof (id) == 'number') {
-                                curEvent[fields.id] = parseInt(value, 10);
-                                if (isNaN(curEvent[fields.id])) {
-                                    curEvent[fields.id] = id + count;
-                                    count++;
-                                }
-                            }
-                            else {
-                                curEvent[fields.id] = value;
-                            }
-                            break;
-                        case 'SUMMARY':
-                            curEvent[fields.subject] = value;
-                            break;
-                        case 'LOCATION':
-                            curEvent[fields.location] = value;
-                            break;
-                        case 'DESCRIPTION':
-                            curEvent[fields.description] = value;
-                            break;
-                        case 'ISREADONLY':
-                            curEvent[fields.isReadonly] = (value.indexOf('true') > -1);
-                            break;
-                        case 'RRULE':
-                            curEvent[fields.recurrenceRule] = value;
-                            break;
-                        default:
-                            if (this.parent.resourceCollection.length > 0) {
-                                const resData = this.parent.resourceCollection.filter((data) => data.field === type);
-                                curEvent[`${type}`] = (resData.length > 0 && (typeof (resData[0].dataSource[0][resData[0].idField]) == 'number')) ? parseInt(value, 10) : value;
-                            }
-                            else {
-                                curEvent[`${type}`] = value;
+                iString = iCalString.slice(lastPosition, position - newlineOffset);
+            }
+            lastPosition = position;
+        } while (position !== iStringLength);
+        iString = iString.trim();
+        if (iString.length) {
+            iCalData = this.updateEventData(iString, iCalData);
+        }
+        const app = extend([], iCalData.events, null, true);
+        this.parent.addEvent(this.processOccurrence(app, iCalData.id));
+    }
+    updateEventData(iString, iCalData) {
+        const fields = this.parent.eventFields;
+        const SEPARATOR = '\r\n';
+        const id = iCalData.id;
+        const events = iCalData.events;
+        let isEvent = iCalData.isEvent;
+        let count = iCalData.count;
+        let curEvent = iCalData.curEvent;
+        let key = iCalData.key;
+        if (!isEvent && iString === 'BEGIN:VEVENT') {
+            isEvent = true;
+            curEvent = {};
+        }
+        if (isEvent && iString === 'END:VEVENT') {
+            isEvent = false;
+            events.push(curEvent);
+            curEvent = null;
+        }
+        if (isEvent) {
+            const index = iString.indexOf(':');
+            let type = iString.substring(0, index).replace(/^\s\s*/, '').replace(/\s\s*$/, '');
+            let value = iString.substring(index + 1, iString.length).replace(/^\s\s*/, '').replace(/\s\s*$/, '');
+            if (iString.indexOf('SUMMARY') !== -1) {
+                type = 'SUMMARY';
+            }
+            if (iString.indexOf('DTSTART') !== -1) {
+                curEvent[fields.startTime] = this.dateParsing(iString);
+                curEvent[fields.isAllDay] = this.allDay;
+                this.allDay = false;
+            }
+            else if (iString.indexOf('DTEND') !== -1) {
+                curEvent[fields.endTime] = this.dateParsing(iString);
+            }
+            else if (iString.indexOf('EXDATE') !== -1) {
+                value = getRecurrenceStringFromDate(this.dateParsing(iString));
+                curEvent[fields.recurrenceException] = isNullOrUndefined(curEvent[fields.recurrenceException]) ?
+                    value : curEvent[fields.recurrenceException] + ',' + value;
+            }
+            else if (iString.indexOf('RECURRENCE-ID') !== -1) {
+                value = getRecurrenceStringFromDate(this.dateParsing(iString));
+                curEvent[fields.recurrenceException] = value;
+                curEvent[fields.recurrenceID] = value;
+            }
+            else {
+                key = type || key;
+                switch (key) {
+                    case 'BEGIN':
+                        break;
+                    case 'UID':
+                        curEvent[`${type}`] = value;
+                        if (typeof (id) == 'number') {
+                            curEvent[fields.id] = parseInt(value, 10);
+                            if (isNaN(curEvent[fields.id])) {
+                                curEvent[fields.id] = id + count;
+                                count++;
                             }
-                    }
+                        }
+                        else {
+                            curEvent[fields.id] = value;
+                        }
+                        break;
+                    case 'SUMMARY':
+                        curEvent[fields.subject] = this.getFormattedString(value);
+                        break;
+                    case 'LOCATION':
+                        curEvent[fields.location] = this.getFormattedString(value);
+                        break;
+                    case 'DESCRIPTION':
+                        if (curEvent[fields.description]) {
+                            curEvent[fields.description] = this.getFormattedString(curEvent[fields.description] + SEPARATOR + value);
+                        }
+                        else {
+                            curEvent[fields.description] = this.getFormattedString(value);
+                        }
+                        break;
+                    case 'ISREADONLY':
+                        curEvent[fields.isReadonly] = (value.indexOf('true') > -1);
+                        break;
+                    case 'RRULE':
+                        curEvent[fields.recurrenceRule] = value;
+                        break;
+                    default:
+                        if (this.parent.resourceCollection.length > 0) {
+                            const resData = this.parent.resourceCollection.filter((data) => data.field === type);
+                            curEvent[`${type}`] = (resData.length > 0 && (typeof (resData[0].dataSource[0][resData[0].idField]) == 'number')) ? parseInt(value, 10) : value;
+                        }
+                        else {
+                            curEvent[`${type}`] = value;
+                        }
                 }
             }
-        });
-        const app = extend([], events, null, true);
-        this.parent.addEvent(this.processOccurrence(app, id));
+        }
+        return { isEvent, curEvent, id, count, events, key };
     }
     processOccurrence(app, maxId) {
         const appoint = [];
@@ -26640,7 +26699,7 @@ class ICalendarImport {
         }
         return parentException + ',' + occurrenceException;
     }
-    getDateString(value) {
+    getFormattedString(value) {
         value = value || '';
         // eslint-disable-next-line no-useless-escape
         return (value.replace(/\\\,/g, ',').replace(/\\\;/g, ';').replace(/\\[nN]/g, '\n').replace(/\\\\/g, '\\'));
@@ -26648,7 +26707,7 @@ class ICalendarImport {
     dateParsing(element) {
         const split = element.split(':');
         const value = split[split.length - 1];
-        let newDate = new Date(this.getDateString(value));
+        let newDate = new Date(this.getFormattedString(value));
         if (element && (element.indexOf('VALUE=DATE') > -1 || element.indexOf('RECURRENCE-ID;TZID') > -1)) {
             const data = /^(\d{4})(\d{2})(\d{2})$/.exec(value);
             if (data !== null) {