@syncfusion/ej2-schedule 22.1.36 → 22.2.5

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

@@ -358,6 +358,10 @@ function getDateFromString(date) {
     return date.indexOf('Date') !== -1 ? new Date(parseInt(date.match(/\d+/g).toString(), 10)) :
         date.indexOf('T') !== -1 ? new Date(date) : new Date(date.replace(/-/g, '/'));
 }
+/** @private */
+let scrollWidth = null;
+/** @private */
+let pixelRatio = window.devicePixelRatio || window.screen.availWidth / document.documentElement.clientWidth;
 /**
  * Method to get scrollbar width
  *
@@ -365,6 +369,9 @@ function getDateFromString(date) {
  * @private
  */
 function getScrollBarWidth() {
+    if (scrollWidth !== null) {
+        return scrollWidth;
+    }
     const divNode = createElement('div');
     let value = 0;
     divNode.style.cssText = 'width:100px;height: 100px;overflow: scroll;position: absolute;top: -9999px;';
@@ -373,7 +380,19 @@ function getScrollBarWidth() {
         Math.ceil(devicePixelRatio % 1) : Math.floor(devicePixelRatio % 1) : 0;
     value = (divNode.offsetWidth - divNode.clientWidth - ratio) | 0;
     document.body.removeChild(divNode);
-    return value;
+    return scrollWidth = value;
+}
+/**
+ * Method to reset scrollbar width
+ *
+ * @private
+ */
+function resetScrollbarWidth() {
+    const zoomPixelRatio = window.devicePixelRatio || window.screen.availWidth / document.documentElement.clientWidth;
+    if (pixelRatio != zoomPixelRatio) {
+        scrollWidth = null;
+        pixelRatio = zoomPixelRatio;
+    }
 }
 /**
  * Method to find the index from data collection
@@ -10134,7 +10153,8 @@ class QuickPopups {
             this.dialogEvent = event;
         }
         this.quickPopupHide();
-        if (isNullOrUndefined(event) || (!isNullOrUndefined(event) && event.action !== 'escape')) {
+        if (isNullOrUndefined(event) || (!isNullOrUndefined(event) && event.action !== 'escape') ||
+            (this.parent.inlineModule && this.parent.element.querySelector('.' + INLINE_APPOINTMENT_CLASS))) {
             this.parent.eventBase.focusElement();
         }
     }
@@ -10684,7 +10704,7 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
                 value: VALUEFIELD
             },
             placeholder: this.localeObj.getConstant(REPEAT),
-            htmlAttributes: { 'title': this.localeObj.getConstant(REPEAT), role: 'option' },
+            htmlAttributes: { 'title': this.localeObj.getConstant(REPEAT) },
             change: (args) => {
                 self.setProperties({ selectedType: this.frequencies.indexOf(args.value) }, false);
                 self.element.querySelector('.' + REPEATCONTENT).innerHTML =
@@ -10706,7 +10726,6 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
                 text: TEXTFIELD,
                 value: VALUEFIELD
             },
-            htmlAttributes: { role: 'option' },
             change: (args) => {
                 self.freshOnEndForm();
                 self.updateEndOnForm(args.value);
@@ -10724,7 +10743,6 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
                     text: TEXTFIELD,
                     value: VALUEFIELD
                 },
-                htmlAttributes: { role: 'option' },
                 index: 1,
                 // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 change: (args) => {
@@ -10744,7 +10762,6 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
                 text: TEXTFIELD,
                 value: VALUEFIELD
             },
-            htmlAttributes: { role: 'option' },
             enableRtl: this.enableRtl,
             index: 7,
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -11042,7 +11059,7 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
             '<input type="text" tabindex="0" class="' + REPEATELEMENT +
             '"label="' + REPEATELEMENT.substr(2) + '" />' +
             '</div><div class="' + INPUTWARAPPER + ' ' +
-            INTERVALCLASS + ' ' + FORMRIGHT + '"><table  class="' + RECURRENCETABLE + ' ' + REPEATCONTENTWRAPPER + '"><tr>' +
+            INTERVALCLASS + ' ' + FORMRIGHT + '"><table  class="' + RECURRENCETABLE + ' ' + REPEATCONTENTWRAPPER + '"  role="none"><tr>' +
             '<td><input type="text" tabindex="0" id="' + this.element.id + '_' + REPEATINTERVAL + '" class="' + REPEATINTERVAL +
             '"title="' + this.localeObj.getConstant('repeatEvery') + '" /></td>' +
             '<td><span class="' + REPEATCONTENT + '"></span></td>' +
@@ -11062,7 +11079,7 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
             this.localeObj.getConstant('yearExpander') + '"/>' +
             '</div>' +
             '<div class="' + MONETHEXPANDERWRAPPER + '">' +
-            '<table class="' + RECURRENCETABLE + ' ' + MONETHEXPANDWRAPPER + '"><tr><td>' +
+            '<table class="' + RECURRENCETABLE + ' ' + MONETHEXPANDWRAPPER + '" role="none"><tr><td>' +
             '<div class="' + INPUTWARAPPER + ' ' + MONTHEXPANDERCHECKBOXWRAPPER + '">' +
             '<input class="' + MONTHEXPANDERELEMENT + '"title="' + this.localeObj.getConstant('monthExpander') + '" type="radio">' +
             '</div></td>' +
@@ -11951,7 +11968,7 @@ class EventWindow {
                 query = (e.text !== '') ? query.where('Text', 'contains', e.text, true) : query;
                 e.updateData(this.parent.timezoneDataSource, query);
             },
-            htmlAttributes: { 'title': this.getFieldLabel(value), 'name': fieldName, role: 'option' },
+            htmlAttributes: { 'title': this.getFieldLabel(value), 'name': fieldName },
             floatLabelType: 'Always',
             placeholder: this.getFieldLabel(value),
             popupHeight: '230px'
@@ -14355,7 +14372,7 @@ class Crud {
                                     editParams.deletedRecords = editParams.deletedRecords.concat(followData.follow);
                                 }
                                 if (isSpanned) {
-                                    followData.occurrence = followData.occurrence.filter((eventObj) => eventObj[fields.recurrenceID] === childEvent[fields.id]);
+                                    followData.occurrence = followData.occurrence.filter((eventObj) => eventObj[fields.recurrenceID] === parentEvent[fields.id]);
                                 }
                                 editParams.deletedRecords = editParams.deletedRecords.concat(followData.occurrence);
                             }
@@ -17132,6 +17149,7 @@ let Schedule = class Schedule extends Component {
         if (this.quickPopup) {
             this.quickPopup.onClosePopup();
         }
+        resetScrollbarWidth();
         if (this.currentView === 'Month' || ((this.currentView !== 'Agenda' && this.currentView !== 'MonthAgenda')
             && !this.activeViewOptions.timeScale.enable) || this.activeView.isTimelineView()) {
             this.activeView.resetColWidth();
@@ -26902,5 +26920,5 @@ class Print {
  * Export Schedule components
  */
 
-export { Schedule, cellClick, cellDoubleClick, moreEventsClick, select, hover, actionBegin, actionComplete, actionFailure, navigating, renderCell, eventClick, eventRendered, dataBinding, dataBound, popupOpen, popupClose, dragStart, drag, dragStop, resizeStart, resizing, resizeStop, inlineClick, cellSelect, initialLoad, initialEnd, print$1 as print, dataReady, eventsLoaded, contentReady, scroll, virtualScroll, scrollUiUpdate, uiUpdate, documentClick, cellMouseDown, WEEK_LENGTH, DEFAULT_WEEKS, MS_PER_DAY, MS_PER_MINUTE, getElementHeightFromClass, getElementWidthFromClass, getTranslateY, getTranslateX, getWeekFirstDate, getWeekLastDate, firstDateOfMonth, lastDateOfMonth, getWeekNumber, getWeekMiddleDate, setTime, resetTime, getDateInMs, getDateCount, addDays, addMonths, addYears, getStartEndHours, getMaxDays, getDaysCount, getDateFromString, getScrollBarWidth, findIndexInData, getOuterHeight, removeChildren, isDaylightSavingTime, getUniversalTime, isMobile, isIPadDevice, capitalizeFirstWord, Resize, DragAndDrop, HeaderRenderer, ViewBase, Day, Week, WorkWeek, Month, Year, Agenda, MonthAgenda, TimelineViews, TimelineMonth, TimelineYear, Timezone, timezoneData, ICalendarExport, ICalendarImport, ExcelExport, Print, RecurrenceEditor, generateSummary, generate, getDateFromRecurrenceDateString, extractObjectFromRule, getCalendarUtil, getRecurrenceStringFromDate, Gregorian, Islamic };
+export { Schedule, cellClick, cellDoubleClick, moreEventsClick, select, hover, actionBegin, actionComplete, actionFailure, navigating, renderCell, eventClick, eventRendered, dataBinding, dataBound, popupOpen, popupClose, dragStart, drag, dragStop, resizeStart, resizing, resizeStop, inlineClick, cellSelect, initialLoad, initialEnd, print$1 as print, dataReady, eventsLoaded, contentReady, scroll, virtualScroll, scrollUiUpdate, uiUpdate, documentClick, cellMouseDown, WEEK_LENGTH, DEFAULT_WEEKS, MS_PER_DAY, MS_PER_MINUTE, getElementHeightFromClass, getElementWidthFromClass, getTranslateY, getTranslateX, getWeekFirstDate, getWeekLastDate, firstDateOfMonth, lastDateOfMonth, getWeekNumber, getWeekMiddleDate, setTime, resetTime, getDateInMs, getDateCount, addDays, addMonths, addYears, getStartEndHours, getMaxDays, getDaysCount, getDateFromString, getScrollBarWidth, resetScrollbarWidth, findIndexInData, getOuterHeight, removeChildren, isDaylightSavingTime, getUniversalTime, isMobile, isIPadDevice, capitalizeFirstWord, Resize, DragAndDrop, HeaderRenderer, ViewBase, Day, Week, WorkWeek, Month, Year, Agenda, MonthAgenda, TimelineViews, TimelineMonth, TimelineYear, Timezone, timezoneData, ICalendarExport, ICalendarImport, ExcelExport, Print, RecurrenceEditor, generateSummary, generate, getDateFromRecurrenceDateString, extractObjectFromRule, getCalendarUtil, getRecurrenceStringFromDate, Gregorian, Islamic };
 //# sourceMappingURL=ej2-schedule.es2015.js.map