@syncfusion/ej2-schedule 22.1.38 → 22.2.8

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 = null;
 /**
  * Method to get scrollbar width
  *
@@ -365,6 +369,12 @@ function getDateFromString(date) {
  * @private
  */
 function getScrollBarWidth() {
+    if (scrollWidth !== null) {
+        return scrollWidth;
+    }
+    if (pixelRatio === null) {
+        pixelRatio = window.devicePixelRatio || window.screen.availWidth / document.documentElement.clientWidth;
+    }
     const divNode = createElement('div');
     let value = 0;
     divNode.style.cssText = 'width:100px;height: 100px;overflow: scroll;position: absolute;top: -9999px;';
@@ -373,7 +383,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 && pixelRatio !== zoomPixelRatio) {
+        scrollWidth = null;
+        pixelRatio = zoomPixelRatio;
+    }
 }
 /**
  * Method to find the index from data collection
@@ -10685,7 +10707,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 =
@@ -10707,7 +10729,6 @@ let RecurrenceEditor = class RecurrenceEditor extends Component {
                 text: TEXTFIELD,
                 value: VALUEFIELD
             },
-            htmlAttributes: { role: 'option' },
             change: (args) => {
                 self.freshOnEndForm();
                 self.updateEndOnForm(args.value);
@@ -10725,7 +10746,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) => {
@@ -10745,7 +10765,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
@@ -11043,7 +11062,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>' +
@@ -11063,7 +11082,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>' +
@@ -11952,7 +11971,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'
@@ -14356,7 +14375,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);
                             }
@@ -17133,6 +17152,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();
@@ -26903,5 +26923,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