@syncfusion/ej2-calendars 20.2.38 → 20.2.40

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

@@ -1077,6 +1077,7 @@ let CalendarBase = class CalendarBase extends Component {
                         this.currentDate.setFullYear(d.getFullYear());
                     }
                     else {
+                        this.islamicPreviousHeader = this.headerElement.textContent;
                         const islamicDate = this.islamicModule.getIslamicDate(d);
                         this.currentDate = this.islamicModule.toGregorian(islamicDate.year, islamicDate.month, 1);
                     }
@@ -2722,6 +2723,8 @@ class Islamic {
                 this.calendarInstance.switchView(view);
                 break;
             case 'Decade':
+                this.calendarInstance.nextIconClicked = true;
+                islamicDate.year = islamicDate.year - this.calendarInstance.headerElement.textContent.split('-')[0].trim() === 1 ? islamicDate.year + 1 : islamicDate.year;
                 this.calendarInstance.currentDate = this.toGregorian(islamicDate.year + 10, islamicDate.month, 1);
                 this.calendarInstance.switchView(view);
                 break;
@@ -2741,6 +2744,7 @@ class Islamic {
                 this.calendarInstance.switchView(currentView);
                 break;
             case 'Decade':
+                this.calendarInstance.previousIconClicked = true;
                 this.calendarInstance.currentDate = this.toGregorian(islamicDate.year - 10, islamicDate.month - 1, 1);
                 this.calendarInstance.switchView(currentView);
                 break;
@@ -2800,53 +2804,103 @@ class Islamic {
         const yearCell = 12;
         const tdEles = [];
         let localDate = new Date(this.islamicInValue(this.calendarInstance.currentDate));
-        const islamicDate = this.getIslamicDate(localDate);
+        let islamicDate = this.getIslamicDate(localDate);
         const gregorianObject = HijriParser.toGregorian(islamicDate.year, 1, 1);
         localDate = gregorianObject;
         const localYr = localDate.getFullYear();
         const startYr = new Date(this.islamicInValue((localYr - localYr % 10)));
         const endYr = new Date(this.islamicInValue((localYr - localYr % 10 + (10 - 1))));
-        const startFullYr = startYr.getFullYear();
-        const endFullYr = endYr.getFullYear();
-        const startHdrYr = this.calendarInstance.globalize.formatDate(startYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
-        const endHdrYr = this.calendarInstance.globalize.formatDate(endYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
+        let startFullYr = startYr.getFullYear();
+        let endFullYr = endYr.getFullYear();
+        let startHdrYr = this.calendarInstance.globalize.formatDate(startYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
+        let endHdrYr = this.calendarInstance.globalize.formatDate(endYr, { type: 'dateTime', format: 'y', calendar: 'islamic' });
+        if (this.calendarInstance.islamicPreviousHeader) {
+            startHdrYr = this.calendarInstance.islamicPreviousHeader.split('-')[0].trim();
+            endHdrYr = this.calendarInstance.islamicPreviousHeader.split('-')[1].trim();
+            this.calendarInstance.islamicPreviousHeader = null;
+        }
+        let splityear = this.calendarInstance.headerElement.textContent.split('-');
+        if (this.calendarInstance.previousIconClicked) {
+            for (var i = 0; i <= splityear.length; i++) {
+                endHdrYr = endHdrYr - splityear[i] === 2 || splityear[i] - endHdrYr === 2 ? (parseInt(endHdrYr) + 1).toString() : endHdrYr - splityear[i] === 3 || splityear[i] - endHdrYr === 3 ? (parseInt(endHdrYr) + 2).toString() : endHdrYr - splityear[i] === 4 || splityear[i] - endHdrYr === 4 ? (parseInt(endHdrYr) + 3).toString() : endHdrYr - splityear[i] === 5 || splityear[i] - endHdrYr === 5 ? (parseInt(endHdrYr) + 4).toString() : endHdrYr;
+                if (endHdrYr - splityear[i] === 0 || splityear[i] - endHdrYr === 0) {
+                    endHdrYr = (parseInt(endHdrYr) - 1).toString();
+                }
+            }
+            startHdrYr = endHdrYr - startHdrYr === 10
+                ? (parseInt(startHdrYr) + 1).toString() : endHdrYr - startHdrYr === 11
+                ? (parseInt(startHdrYr) + 2).toString() : endHdrYr - startHdrYr === 12
+                ? (parseInt(startHdrYr) + 3).toString() : startHdrYr;
+            startHdrYr = endHdrYr - startHdrYr === 8 ? (parseInt(startHdrYr) - 1).toString() : startHdrYr;
+        }
+        if (this.calendarInstance.nextIconClicked) {
+            for (var i = 0; i <= splityear.length; i++) {
+                if (startHdrYr - splityear[i] === 0 || splityear[i] - startHdrYr === 0) {
+                    startHdrYr = (parseInt(startHdrYr) + 1).toString();
+                }
+                if (startHdrYr - splityear[i] === 2 && startHdrYr > splityear[i].trim()) {
+                    startHdrYr = (parseInt(startHdrYr) - 1).toString();
+                }
+                if (splityear[i] - startHdrYr === 1 && startHdrYr < splityear[i].trim()) {
+                    startHdrYr = (parseInt(startHdrYr) + 2).toString();
+                }
+            }
+            endHdrYr = endHdrYr - startHdrYr === 10 ? (parseInt(endHdrYr) - 1).toString() : endHdrYr;
+            endHdrYr = endHdrYr - startHdrYr === 7
+                ? (parseInt(endHdrYr) + 2).toString() : endHdrYr - startHdrYr === 8
+                ? (parseInt(endHdrYr) + 1).toString() : endHdrYr;
+        }
         this.calendarInstance.headerTitleElement.textContent = startHdrYr + ' - ' + (endHdrYr);
-        const start = new Date(localYr - (localYr % 10) - 2, 0, 1);
-        const startYear = start.getFullYear();
+        this.calendarInstance.nextIconClicked = this.calendarInstance.previousIconClicked = false;
+        const year = (parseInt(startHdrYr) - 2).toString();
+        startFullYr = Math.round(parseInt(startHdrYr) * 0.97 + 622);
+        endFullYr = Math.round(parseInt(endHdrYr) * 0.97 + 622);
+        let startYear = Math.round(parseInt(year) * 0.97 + 622);
         for (let rowCount = 1; rowCount <= yearCell; ++rowCount) {
             const year = startYear + rowCount;
             localDate.setFullYear(year);
             localDate.setDate(1);
             localDate.setMonth(0);
-            const islamicDate = this.getIslamicDate(localDate);
+            if ((this.getIslamicDate(localDate).year - islamicDate.year) > 1) {
+                localDate.setMonth(1);
+                rowCount = rowCount - 1;
+                localDate.setFullYear(localDate.getFullYear() - 1);
+            }
+            islamicDate = this.getIslamicDate(localDate);
             const gregorianObject = HijriParser.toGregorian(islamicDate.year, 1, 1);
             localDate = gregorianObject;
-            const tdEle = this.islamicDayCell(localDate);
-            attributes(tdEle, { 'role': 'gridcell' });
-            const dayLink = this.calendarInstance.createElement('span');
-            dayLink.textContent = this.calendarInstance.globalize.formatDate(localDate, { type: 'dateTime', format: 'y', calendar: 'islamic' });
-            if ((year < startFullYr) || (year > endFullYr)) {
-                addClass([tdEle], OTHERMONTH$1);
-            }
-            else if (year < new Date(this.islamicInValue(this.calendarInstance.min)).getFullYear()
-                || year > new Date(this.islamicInValue(this.calendarInstance.max)).getFullYear()) {
-                addClass([tdEle], DISABLED$1);
-            }
-            else if (!isNullOrUndefined(value) &&
-                (this.getIslamicDate(localDate)).year ===
-                    (this.getIslamicDate(value)).year) {
-                addClass([tdEle], SELECTED$1);
-            }
-            else {
-                if (localDate.getFullYear() === this.calendarInstance.currentDate.getFullYear() && !tdEle.classList.contains(DISABLED$1)) {
-                    addClass([tdEle], FOCUSEDDATE$1);
+            if (islamicDate.year === parseInt(startHdrYr) - 1 || islamicDate.year >= startHdrYr && islamicDate.year <= endFullYr || islamicDate.year === parseInt(endHdrYr) + 1) {
+                const tdEle = this.islamicDayCell(localDate);
+                attributes(tdEle, { 'role': 'gridcell' });
+                const dayLink = this.calendarInstance.createElement('span');
+                dayLink.textContent = this.calendarInstance.globalize.formatDate(localDate, { type: 'dateTime', format: 'y', calendar: 'islamic' });
+                if (islamicDate.year === parseInt(startHdrYr) - 1 || (year < startFullYr) || (year > endFullYr) && islamicDate.year !== parseInt(endHdrYr)) {
+                    addClass([tdEle], OTHERMONTH$1);
+                    if (year < new Date(this.islamicInValue(this.calendarInstance.min)).getFullYear()
+                        || year > new Date(this.islamicInValue(this.calendarInstance.max)).getFullYear()) {
+                        addClass([tdEle], DISABLED$1);
+                    }
+                }
+                else if (year < new Date(this.islamicInValue(this.calendarInstance.min)).getFullYear()
+                    || year > new Date(this.islamicInValue(this.calendarInstance.max)).getFullYear()) {
+                    addClass([tdEle], DISABLED$1);
+                }
+                else if (!isNullOrUndefined(value) &&
+                    (this.getIslamicDate(localDate)).year ===
+                        (this.getIslamicDate(value)).year) {
+                    addClass([tdEle], SELECTED$1);
                 }
+                else {
+                    if (localDate.getFullYear() === this.calendarInstance.currentDate.getFullYear() && !tdEle.classList.contains(DISABLED$1)) {
+                        addClass([tdEle], FOCUSEDDATE$1);
+                    }
+                }
+                if (!tdEle.classList.contains(DISABLED$1)) {
+                    EventHandler.add(tdEle, 'click', this.calendarInstance.clickHandler, this.calendarInstance);
+                }
+                tdEle.appendChild(dayLink);
+                tdEles.push(tdEle);
             }
-            if (!tdEle.classList.contains(DISABLED$1)) {
-                EventHandler.add(tdEle, 'click', this.calendarInstance.clickHandler, this.calendarInstance);
-            }
-            tdEle.appendChild(dayLink);
-            tdEles.push(tdEle);
         }
         this.islamicRenderTemplate(tdEles, numCells, 'e-decade', e, value);
     }
@@ -2873,7 +2927,7 @@ class Islamic {
         const otherMonthCell = 6;
         let row = count;
         let rowCount = 0;
-        for (let dayCell = 0; dayCell < elements.length / count; ++dayCell) {
+        for (let dayCell = 0; dayCell < Math.round(elements.length / count); ++dayCell) {
             trEle = this.calendarInstance.createElement('tr', { attrs: { 'role': 'row' } });
             for (rowCount = 0 + rowCount; rowCount < row; rowCount++) {
                 if (!elements[rowCount].classList.contains('e-week-number') && !isNullOrUndefined(elements[rowCount].children[0])) {