sf-i-events 1.0.936 → 1.0.938

package/sf-i-events.js

@@ -1257,6 +1257,7 @@ let SfIEvents = class SfIEvents extends LitElement {
         this.graphFilter = "";
         this.recentlyReported = {};
         this.registerFilters = {};
+        this.suspenseFlag = false;
         this.tablecols = [];
         this.isSelectedLegend = (value) => {
             return this.chartSelectedLegend.includes(value);
@@ -2404,7 +2405,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<div part="badge-dashboard" id="chip-completeness-1" class="chip stat-completeness d-flex justify-center align-center mr-10 mb-10 no-shrink"><span class="material-symbols-outlined color-pending">pending</span>&nbsp;&nbsp;<span>Pending Approval:</span>&nbsp;<span id="graph-pending-approval">DASHBOARD_PENDING_APPROVAL</span></div>';
             html += '<div part="badge-dashboard" id="chip-completeness-2" class="chip stat-completeness d-flex justify-center align-center mr-10 mb-10 no-shrink"><span class="material-symbols-outlined color-rejected">block</span>&nbsp;&nbsp;<span>Rejected:</span>&nbsp;<span id="graph-rejected">DASHBOARD_REJECTED</span></div>';
             html += '<div part="badge-dashboard" id="chip-completeness-3" class="chip stat-completeness d-flex justify-center align-center mr-10 mb-10 no-shrink"><span class="material-symbols-outlined color-done">check_circle</span>&nbsp;&nbsp;<span>Approved:</span>&nbsp;<span id="graph-approved">DASHBOARD_APPROVED</span></div>';
-            html += '<div part="badge-dashboard" class="mr-10 mb-10 d-flex align-center no-shrink DASHBOARD_SUSPENSE_CLASS"><span class="material-symbols-outlined color-not-started">question_mark</span>&nbsp;&nbsp;<span>Suspense:</span>&nbsp;<span id="graph-total">DASHBOARD_SUSPENSE</span></div>';
+            html += `<div part="${this.suspenseFlag ? "badge-dashboard-selected" : "badge-dashboard-not-selected"}" id="chip-suspense" class="mr-10 mb-10 d-flex align-center no-shrink DASHBOARD_SUSPENSE_CLASS"><span class="material-symbols-outlined color-not-started">question_mark</span>&nbsp;&nbsp;<span>Suspense:</span>&nbsp;<span id="graph-total">DASHBOARD_SUSPENSE</span></div>`;
             html += '<div part="badge-dashboard" id="chip-timeliness-0" class="chip stat-timeliness justify-center align-center mr-10 mb-10 no-shrink late-statuses"><span class="material-icons color-in-time">schedule</span>&nbsp;&nbsp;<span>In Time:</span>&nbsp;<span id="graph-in-time">DASHBOARD_IN_TIME</span></div>';
             html += '<div part="badge-dashboard" id="chip-timeliness-1" class="chip stat-timeliness justify-center align-center mr-10 mb-10 no-shrink late-statuses"><span class="material-icons color-past-due-date">timer</span>&nbsp;&nbsp;<span>Past Due Date:</span>&nbsp;<span id="graph-past-due-date">DASHBOARD_PAST_DUE_DATE</span></div>';
             html += '<div part="badge-dashboard" id="chip-timeliness-2" class="chip stat-timeliness justify-center align-center mr-10 mb-10 no-shrink late-statuses"><span class="material-icons color-late-reported">report_off</span>&nbsp;&nbsp;<span>Late Reported:</span>&nbsp;<span id="graph-late-reported">DASHBOARD_LATE_REPORTED</span></div>';
@@ -2570,10 +2571,13 @@ let SfIEvents = class SfIEvents extends LitElement {
             const mmddSanitized = mmdd.replace(/\//g, '-');
             const dueDateParts = event.duedate.split('/');
             const isReportedLocation = event.reportedlocationsflag == true;
+            const isSuspense = event.suspense == true;
+            const isReviewed = event.review == true;
             const showCheckbox = !(hasReportFormat || isBulk || hasCustomReporting || isReportedLocation);
             // const showReportingButton = !hasReportFormat && !hasCustomReporting && event.reporters == null;
             const showReportingButton = !hasReportFormat && !hasCustomReporting && event.concise != null && !isReportedLocation;
             const showLocationRisk = event.concise != null;
+            const showReview = event.concise != null;
             const showLastUpdated = event.concise == null && lastUpdated.length > 0;
             // console.log('showReportingButton', showReportingButton)
             console.log('isReportedLocation', isReportedLocation, 'showCheckbox', showCheckbox, 'showReportingButton', showReportingButton, 'showLocationRisk', showLocationRisk, 'showLastUpdated', showLastUpdated);
@@ -2585,7 +2589,7 @@ let SfIEvents = class SfIEvents extends LitElement {
           type="checkbox"
         />
         ${isBulk ? '<div class="lds-dual-ring1 bulk-loader mr-10"></div>' : ''}
-        ${isReportedLocation ? '<div class="material-symbols-outlined mr-10">arrow_or_edge</div>' : ''}
+        ${(isReportedLocation && !isSuspense) ? '<div class="material-symbols-outlined mr-10">arrow_or_edge</div>' : ''}
         <sf-i-elastic-text exportparts="highlight,highlight-count" 
           class="stream-event-title${!isBulk ? ' button-event-title' : ''}" 
           id="stream-event-title-${mmddSanitized}-${itemNumber}-${moduleType}-${(isReportedLocation) ? 'reportedlocations' : ''}" 
@@ -2608,6 +2612,16 @@ let SfIEvents = class SfIEvents extends LitElement {
             edit_note
           </button>
         ` : ''}
+        ${showReview ? `
+          <input 
+            type="checkbox"
+            id="input-checkbox-review-${mmddSanitized}-${itemNumber}" 
+            part="input-checkbox" 
+            class="material-icons ml-10 input-checkbox-review"
+            ${isReviewed ? 'checked' : ''}
+          />
+          <label for="input-checkbox-review-${mmddSanitized}-${itemNumber}" part="label-checkbox" class="label-checkbox">${isReviewed ? 'Reviewed' : 'Review'}</label>
+        ` : ''}
         ${showLastUpdated ? `
           &nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">
             ${lastUpdated}
@@ -2900,7 +2914,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             let approverStr = event.concise == null ? this.getApproverStringFromEvent(event) : "";
             let graphParam = this.getGraphParam(event);
             // console.log("graphParam", graphParam.split(';')[0]);
-            html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + ((event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true))) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + '</div>';
+            html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + ((event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true))) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + ((event.module == "compliances" || event.module == null) ? ('<input type="checkbox" id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="input-checkbox" class="material-icons mb-20 ml-10 input-checkbox-review"' + (event.review ? 'checked' : '') + '/><label for="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="label-checkbox" class="label-checkbox mb-20">' + (event.review ? 'Reviewed' : 'Review') + '</label></div>') : '</div>');
             // }
             return html;
         };
@@ -3873,7 +3887,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     dateOfCompletion = "";
                 }
                 console.log('dateOfCompletion', dateOfCompletion);
-                await this.fetchEventDetails(event, mmddyyyy, null, eventsContainer, true, listReportingContainer, reportercomments, approvercomments, inputReportingPercentage, selectReportedLocation, documents, dateOfCompletion);
+                await this.fetchEventDetails(event, mmddyyyy, null, eventsContainer, "", "", true, listReportingContainer, reportercomments, approvercomments, inputReportingPercentage, selectReportedLocation, documents, dateOfCompletion);
             });
             if (this.mode == "consumer" || this.mode == "next") {
                 let inputReportingPercentage = listReportingContainer.querySelector('#input-reporter-percentage');
@@ -4630,6 +4644,24 @@ let SfIEvents = class SfIEvents extends LitElement {
                 });
             }
         };
+        this.attachReviewListeners = (eventsContainer) => {
+            let inputReviews = eventsContainer.querySelectorAll('.input-checkbox-review');
+            for (let inputReview of inputReviews) {
+                inputReview === null || inputReview === void 0 ? void 0 : inputReview.addEventListener('click', async (ev) => {
+                    const id = ev.target.id;
+                    const idArr = id.split("-");
+                    const mmdd = idArr[3] + "/" + idArr[4];
+                    const yyyy = this.getYearFromMonthBetween(this.sdate, this.edate, idArr[3]);
+                    // const i = idArr[5];
+                    const j = idArr[5];
+                    console.log('review clicked', mmdd, yyyy, j, this.events[mmdd][j], ev.target.checked);
+                    let eventKey = this.events[mmdd][j].entityid + ';' + this.events[mmdd][j].locationid + ';' + this.events[mmdd][j].id;
+                    await this.markReviewed(eventKey, yyyy, ev.target.checked);
+                    const buttonRefresh = eventsContainer.querySelector('#button-refresh');
+                    buttonRefresh.click();
+                });
+            }
+        };
         this.renderStreamEvents = (index, month, year, showGraph = true, showBackgroundButton = false) => {
             //console.log('flowgraph renderStreamEvents', this.flowGraph);
             const lastDay = this.getLastDayOfMonth(month, year);
@@ -4779,9 +4811,16 @@ let SfIEvents = class SfIEvents extends LitElement {
             buttonRefresh.addEventListener('click', async () => {
                 this.processDateSelection(eventsContainer);
             });
+            const chipSuspense = eventsContainer.querySelector('#chip-suspense');
+            chipSuspense === null || chipSuspense === void 0 ? void 0 : chipSuspense.addEventListener('click', async () => {
+                this.suspenseFlag = !this.suspenseFlag;
+                this.processDateSelection(eventsContainer);
+            });
             this.attachListReportingListeners(eventsContainer);
+            this.attachReviewListeners(eventsContainer);
             const buttonArr = eventsContainer.querySelectorAll('.button-expand');
             for (var i = 0; i < buttonArr.length; i++) {
+                let indexPrevNext = i;
                 buttonArr[i].addEventListener('click', (ev) => {
                     const id = ev.target.id;
                     const idArr = id.split("-");
@@ -4815,13 +4854,51 @@ let SfIEvents = class SfIEvents extends LitElement {
                         }
                         // (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
                         // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, null);
-                        this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, null, eventsContainer);
+                        let prevString = "";
+                        let flagPrev = true;
+                        let indexPrev = indexPrevNext;
+                        while (flagPrev) {
+                            if (indexPrev > 0) {
+                                if (Util.isVisible(buttonArr[indexPrev - 1])) {
+                                    prevString = buttonArr[indexPrev - 1].id;
+                                    flagPrev = false;
+                                }
+                                else {
+                                    prevString = "";
+                                    indexPrev--;
+                                }
+                            }
+                            else {
+                                flagPrev = false;
+                            }
+                        }
+                        let nextString = "";
+                        let flagNext = true;
+                        let indexNext = indexPrevNext;
+                        while (flagNext) {
+                            if (indexNext < buttonArr.length - 1) {
+                                if (Util.isVisible(buttonArr[indexNext + 1])) {
+                                    nextString = buttonArr[indexNext + 1].id;
+                                    flagNext = false;
+                                }
+                                else {
+                                    nextString = "";
+                                    indexNext++;
+                                }
+                            }
+                            else {
+                                flagNext = false;
+                            }
+                        }
+                        this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, null, eventsContainer, prevString, nextString);
                     }
                 });
             }
             const titleArr = eventsContainer.querySelectorAll('.button-event-title');
             for (var i = 0; i < titleArr.length; i++) {
+                let indexPrevNext = i;
                 titleArr[i].addEventListener('click', (ev) => {
+                    var _a, _b;
                     const id = ev.target.id;
                     const idArr = id.split("-");
                     const mmdd = idArr[3] + "/" + idArr[4];
@@ -4857,6 +4934,55 @@ let SfIEvents = class SfIEvents extends LitElement {
                             this.clearButtonSelection();
                         }
                         // (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
+                        let prevString = "";
+                        let flagPrev = true;
+                        let indexPrev = indexPrevNext;
+                        while (flagPrev) {
+                            if (indexPrev > 0) {
+                                if (Util.isVisible(titleArr[indexPrev - 1])) {
+                                    prevString = titleArr[indexPrev - 1].id;
+                                    let prevIdArr = prevString.split("-");
+                                    if (((_a = prevIdArr[7]) !== null && _a !== void 0 ? _a : "") == "reportedlocations") {
+                                        prevString = "";
+                                        indexPrev--;
+                                    }
+                                    else {
+                                        flagPrev = false;
+                                    }
+                                }
+                                else {
+                                    prevString = "";
+                                    indexPrev--;
+                                }
+                            }
+                            else {
+                                flagPrev = false;
+                            }
+                        }
+                        let nextString = "";
+                        let flagNext = true;
+                        let indexNext = indexPrevNext;
+                        while (flagNext) {
+                            if (indexNext < titleArr.length - 1) {
+                                if (Util.isVisible(titleArr[indexNext + 1])) {
+                                    nextString = titleArr[indexNext + 1].id;
+                                    let nextIdArr = nextString.split("-");
+                                    if (((_b = nextIdArr[7]) !== null && _b !== void 0 ? _b : "") == "reportedlocations") {
+                                        nextString = "";
+                                        indexNext++;
+                                    }
+                                    else {
+                                        flagNext = false;
+                                    }
+                                }
+                                else {
+                                    indexNext++;
+                                }
+                            }
+                            else {
+                                flagNext = false;
+                            }
+                        }
                         // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, null);
                         this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, null, eventsContainer);
                     }
@@ -8652,9 +8778,21 @@ let SfIEvents = class SfIEvents extends LitElement {
                 await this.renderWithFeatures(dateResult.startDate, dateResult.endDate);
                 this.renderThis(index, showGraph, showBackgroundButton);
             });
+            const chipSuspense = this._SfThisContainer.querySelector('#chip-suspense');
+            chipSuspense === null || chipSuspense === void 0 ? void 0 : chipSuspense.addEventListener('click', async () => {
+                this.suspenseFlag = !this.suspenseFlag;
+                this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
+                this.currentColumnIndex = index + "";
+                const dateResult = this.calculateStartAndEndDateOfThis(index);
+                // await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate);
+                await this.renderWithFeatures(dateResult.startDate, dateResult.endDate);
+                this.renderThis(index, showGraph, showBackgroundButton);
+            });
             this.attachListReportingListeners(this._SfThisContainer);
+            this.attachReviewListeners(this._SfThisContainer);
             const buttonArr = this._SfThisContainer.querySelectorAll('.button-expand');
             for (i = 0; i < buttonArr.length; i++) {
+                let indexPrevNext = i;
                 buttonArr[i].addEventListener('click', (ev) => {
                     const id = ev.target.id;
                     const idArr = id.split("-");
@@ -8686,14 +8824,52 @@ let SfIEvents = class SfIEvents extends LitElement {
                             this.clearButtonSelection();
                         }
                         // (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
+                        let prevString = "";
+                        let flagPrev = true;
+                        let indexPrev = indexPrevNext;
+                        while (flagPrev) {
+                            if (indexPrev > 0) {
+                                if (Util.isVisible(buttonArr[indexPrev - 1])) {
+                                    prevString = buttonArr[indexPrev - 1].id;
+                                    flagPrev = false;
+                                }
+                                else {
+                                    prevString = "";
+                                    indexPrev--;
+                                }
+                            }
+                            else {
+                                flagPrev = false;
+                            }
+                        }
+                        let nextString = "";
+                        let flagNext = true;
+                        let indexNext = indexPrevNext;
+                        while (flagNext) {
+                            if (indexNext < buttonArr.length - 1) {
+                                if (Util.isVisible(buttonArr[indexNext + 1])) {
+                                    nextString = buttonArr[indexNext + 1].id;
+                                    flagNext = false;
+                                }
+                                else {
+                                    nextString = "";
+                                    indexNext++;
+                                }
+                            }
+                            else {
+                                flagNext = false;
+                            }
+                        }
                         // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, (this._SfThisContainer as HTMLDivElement).querySelector('#stream-month-'+this.currentColumnIndex) as HTMLButtonElement);
-                        this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, this._SfThisContainer.querySelector('#stream-month-' + this.currentColumnIndex), this._SfThisContainer);
+                        this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, this._SfThisContainer.querySelector('#stream-month-' + this.currentColumnIndex), this._SfThisContainer, prevString, nextString);
                     }
                 });
             }
             const titleArr = this._SfThisContainer.querySelectorAll('.button-event-title');
             for (var i = 0; i < titleArr.length; i++) {
+                let indexPrevNext = i;
                 titleArr[i].addEventListener('click', (ev) => {
+                    var _a, _b;
                     const id = ev.target.id;
                     const idArr = id.split("-");
                     const mmdd = idArr[3] + "/" + idArr[4];
@@ -8729,8 +8905,57 @@ let SfIEvents = class SfIEvents extends LitElement {
                             this.clearButtonSelection();
                         }
                         // (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
+                        let prevString = "";
+                        let flagPrev = true;
+                        let indexPrev = indexPrevNext;
+                        while (flagPrev) {
+                            if (indexPrev > 0) {
+                                if (Util.isVisible(titleArr[indexPrev - 1])) {
+                                    prevString = titleArr[indexPrev - 1].id;
+                                    let prevIdArr = prevString.split("-");
+                                    if (((_a = prevIdArr[7]) !== null && _a !== void 0 ? _a : "") == "reportedlocations") {
+                                        prevString = "";
+                                        indexPrev--;
+                                    }
+                                    else {
+                                        flagPrev = false;
+                                    }
+                                }
+                                else {
+                                    prevString = "";
+                                    indexPrev--;
+                                }
+                            }
+                            else {
+                                flagPrev = false;
+                            }
+                        }
+                        let nextString = "";
+                        let flagNext = true;
+                        let indexNext = indexPrevNext;
+                        while (flagNext) {
+                            if (indexNext < titleArr.length - 1) {
+                                if (Util.isVisible(titleArr[indexNext + 1])) {
+                                    nextString = titleArr[indexNext + 1].id;
+                                    let nextIdArr = nextString.split("-");
+                                    if (((_b = nextIdArr[7]) !== null && _b !== void 0 ? _b : "") == "reportedlocations") {
+                                        nextString = "";
+                                        indexNext++;
+                                    }
+                                    else {
+                                        flagNext = false;
+                                    }
+                                }
+                                else {
+                                    indexNext++;
+                                }
+                            }
+                            else {
+                                flagNext = false;
+                            }
+                        }
                         // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, null);
-                        this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, null, this._SfThisContainer);
+                        this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, null, this._SfThisContainer, prevString, nextString);
                     }
                 });
             }
@@ -9174,9 +9399,26 @@ let SfIEvents = class SfIEvents extends LitElement {
                 this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
                 this.renderStream(index, showGraph, showBackgroundButton);
             });
+            const chipSuspense = this._SfStreamContainer.querySelector('#chip-suspense');
+            chipSuspense === null || chipSuspense === void 0 ? void 0 : chipSuspense.addEventListener('click', async () => {
+                this.suspenseFlag = !this.suspenseFlag;
+                const dateResult = this.calculateStartAndEndDateOfStream(index);
+                const monthResult = this.calculateMonthFromIndex(index);
+                console.log('monthResult', monthResult);
+                console.log('dateresult', dateResult);
+                this.currentColumnIndex = index + "";
+                if (dateResult != null) {
+                    await this.renderWithFeatures(dateResult.startDate, dateResult.endDate, "", "yes", ("0" + monthResult).slice(-2));
+                    // await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate,"","yes",("0" + monthResult).slice(-2));
+                }
+                this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
+                this.renderStream(index, showGraph, showBackgroundButton);
+            });
             this.attachListReportingListeners(this._SfStreamContainer);
+            this.attachReviewListeners(this._SfStreamContainer);
             const buttonArr = this._SfStreamContainer.querySelectorAll('.button-expand');
             for (i = 0; i < buttonArr.length; i++) {
+                let indexPrevNext = i;
                 buttonArr[i].addEventListener('click', (ev) => {
                     const id = ev.target.id;
                     const idArr = id.split("-");
@@ -9210,15 +9452,54 @@ let SfIEvents = class SfIEvents extends LitElement {
                         }
                         // (this._SfDetailContainer as HTMLDivElement).style.display = 'block';
                         //console.log('commentsinlist', (this._SfStreamContainer as HTMLDivElement).querySelector('#stream-month-'+this.currentColumnIndex) as HTMLButtonElement, this.events[mmdd][j].comments, mmdd, j);
+                        let prevString = "";
+                        let flagPrev = true;
+                        let indexPrev = indexPrevNext;
+                        while (flagPrev) {
+                            if (indexPrev > 0) {
+                                if (Util.isVisible(buttonArr[indexPrev - 1])) {
+                                    prevString = buttonArr[indexPrev - 1].id;
+                                    flagPrev = false;
+                                }
+                                else {
+                                    prevString = "";
+                                    indexPrev--;
+                                }
+                            }
+                            else {
+                                flagPrev = false;
+                            }
+                        }
+                        let nextString = "";
+                        let flagNext = true;
+                        let indexNext = indexPrevNext;
+                        while (flagNext) {
+                            if (indexNext < buttonArr.length - 1) {
+                                if (Util.isVisible(buttonArr[indexNext + 1])) {
+                                    nextString = buttonArr[indexNext + 1].id;
+                                    flagNext = false;
+                                }
+                                else {
+                                    nextString = "";
+                                    indexNext++;
+                                }
+                            }
+                            else {
+                                flagNext = false;
+                            }
+                        }
                         // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, (this._SfStreamContainer as HTMLDivElement).querySelector('#stream-month-'+this.currentColumnIndex) as HTMLButtonElement);
                         // console.log('errorFetchEvent', mmdd, j, buttonArr[i].outerHTML, idArr);
-                        this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, this._SfStreamContainer.querySelector('#stream-month-' + this.currentColumnIndex), this._SfStreamContainer);
+                        console.log('previous event clicked', buttonArr[indexPrevNext - 1], prevString, indexPrevNext);
+                        this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, this._SfStreamContainer.querySelector('#stream-month-' + this.currentColumnIndex), this._SfStreamContainer, prevString, nextString);
                     }
                 });
             }
             const titleArr = this._SfStreamContainer.querySelectorAll('.button-event-title');
             for (var i = 0; i < titleArr.length; i++) {
+                let indexPrevNext = i;
                 titleArr[i].addEventListener('click', (ev) => {
+                    var _a, _b;
                     const id = ev.target.id;
                     const idArr = id.split("-");
                     const mmdd = idArr[3] + "/" + idArr[4];
@@ -9254,8 +9535,57 @@ let SfIEvents = class SfIEvents extends LitElement {
                             this.clearButtonSelection();
                         }
                         // (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
+                        let prevString = "";
+                        let flagPrev = true;
+                        let indexPrev = indexPrevNext;
+                        while (flagPrev) {
+                            if (indexPrev > 0) {
+                                if (Util.isVisible(titleArr[indexPrev - 1])) {
+                                    prevString = titleArr[indexPrev - 1].id;
+                                    let prevIdArr = prevString.split("-");
+                                    if (((_a = prevIdArr[7]) !== null && _a !== void 0 ? _a : "") == "reportedlocations") {
+                                        prevString = "";
+                                        indexPrev--;
+                                    }
+                                    else {
+                                        flagPrev = false;
+                                    }
+                                }
+                                else {
+                                    prevString = "";
+                                    indexPrev--;
+                                }
+                            }
+                            else {
+                                flagPrev = false;
+                            }
+                        }
+                        let nextString = "";
+                        let flagNext = true;
+                        let indexNext = indexPrevNext;
+                        while (flagNext) {
+                            if (indexNext < titleArr.length - 1) {
+                                if (Util.isVisible(titleArr[indexNext + 1])) {
+                                    nextString = titleArr[indexNext + 1].id;
+                                    let nextIdArr = nextString.split("-");
+                                    if (((_b = nextIdArr[7]) !== null && _b !== void 0 ? _b : "") == "reportedlocations") {
+                                        nextString = "";
+                                        indexNext++;
+                                    }
+                                    else {
+                                        flagNext = false;
+                                    }
+                                }
+                                else {
+                                    indexNext++;
+                                }
+                            }
+                            else {
+                                flagNext = false;
+                            }
+                        }
                         // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, null);
-                        this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, null, this._SfStreamContainer);
+                        this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, null, this._SfStreamContainer, prevString, nextString);
                     }
                 });
             }
@@ -13467,7 +13797,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
         };
-        this.fetchEventDetails = async (listEvent, mmddyyyy, currentColumnButton, eventsContainer, flagUploadGuidance = false, listEventContainer = null, reportercomments = null, approvercomments = null, inputReportingPercentage = null, selectReportedLocation = null, documents = null, dateOfCompletion = null) => {
+        this.fetchEventDetails = async (listEvent, mmddyyyy, currentColumnButton, eventsContainer, previousId = "", nextId = "", flagUploadGuidance = false, listEventContainer = null, reportercomments = null, approvercomments = null, inputReportingPercentage = null, selectReportedLocation = null, documents = null, dateOfCompletion = null) => {
             console.log('listEvent', listEvent, listEvent.id);
             let url = "https://" + this.apiId + "/getalleventdetails";
             //console.log('fetch calendar url', url);
@@ -13507,7 +13837,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     }
                 }
                 else {
-                    this.renderEventDetail(jsonRespose.data, mmddyyyy, currentColumnButton, eventsContainer);
+                    this.renderEventDetail(jsonRespose.data, mmddyyyy, currentColumnButton, eventsContainer, previousId, nextId);
                 }
             }
             else {
@@ -13526,9 +13856,10 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
         };
-        this.renderEventDetail = (event, mmddyyyy, currentColumnButton, eventsContainer) => {
-            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+        this.renderEventDetail = (event, mmddyyyy, currentColumnButton, eventsContainer, previousId, nextId) => {
+            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
             console.log('event details', event, mmddyyyy, currentColumnButton == null ? "null currentColumnButton" : currentColumnButton.id);
+            console.log('previousid', previousId, 'nextid', nextId);
             let comments, docs, approved, /*dateOfCompletion,*/ makercheckers, docsOptional, documentType;
             let entityId = "";
             let locationId = "";
@@ -13579,6 +13910,14 @@ let SfIEvents = class SfIEvents extends LitElement {
       </div>
     
     `;
+            if (previousId != "" || nextId != "") {
+                html += `
+      <div part="compliance-detail-prev-next" class="d-flex justify-between m-20">
+        <button id="button-detail-previous" part="button-icon" class="material-icons${previousId != "" ? "" : " invisible"}">chevron_left</button>
+        <button id="button-detail-next" part="button-icon" class="material-icons${nextId != "" ? "" : " invisible"}">chevron_right</button>
+      </div>
+      `;
+            }
             if (this.selectedItemIds.length > 1) {
                 html += `
     
@@ -13963,7 +14302,25 @@ let SfIEvents = class SfIEvents extends LitElement {
                 this._SfDetailContainer.innerHTML = '';
                 this._SfDetailContainer.style.display = 'none';
             });
-            (_h = this._SfDetailContainer.querySelector('.head-basic')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', () => {
+            (_h = this._SfDetailContainer.querySelector('#button-detail-previous')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', () => {
+                var _a;
+                var clickEvent = new MouseEvent("click", {
+                    "view": window,
+                    "bubbles": true,
+                    "cancelable": false
+                });
+                (_a = eventsContainer.querySelector('#' + previousId)) === null || _a === void 0 ? void 0 : _a.dispatchEvent(clickEvent);
+            });
+            (_j = this._SfDetailContainer.querySelector('#button-detail-next')) === null || _j === void 0 ? void 0 : _j.addEventListener('click', () => {
+                var _a;
+                var clickEvent = new MouseEvent("click", {
+                    "view": window,
+                    "bubbles": true,
+                    "cancelable": false
+                });
+                (_a = eventsContainer.querySelector('#' + nextId)) === null || _a === void 0 ? void 0 : _a.dispatchEvent(clickEvent);
+            });
+            (_k = this._SfDetailContainer.querySelector('.head-basic')) === null || _k === void 0 ? void 0 : _k.addEventListener('click', () => {
                 //console.log('head basic clicked', ((this._SfDetailContainer as HTMLDivElement).querySelector('.body-basic') as HTMLDivElement).style.display);
                 if (this._SfDetailContainer.querySelector('.body-basic').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-basic').style.display == '') {
                     this._SfDetailContainer.querySelector('.body-basic').style.display = 'none';
@@ -13974,7 +14331,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this._SfDetailContainer.querySelector('.head-indicator-basic').innerHTML = '-';
                 }
             });
-            (_j = this._SfDetailContainer.querySelector('.head-statute')) === null || _j === void 0 ? void 0 : _j.addEventListener('click', () => {
+            (_l = this._SfDetailContainer.querySelector('.head-statute')) === null || _l === void 0 ? void 0 : _l.addEventListener('click', () => {
                 //console.log('head statute clicked', ((this._SfDetailContainer as HTMLDivElement).querySelector('.body-statute') as HTMLDivElement).style.display);
                 if (this._SfDetailContainer.querySelector('.body-statute').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-statute').style.display == '') {
                     this._SfDetailContainer.querySelector('.body-statute').style.display = 'none';
@@ -13985,7 +14342,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this._SfDetailContainer.querySelector('.head-indicator-statute').innerHTML = '-';
                 }
             });
-            (_k = this._SfDetailContainer.querySelector('.head-compliance')) === null || _k === void 0 ? void 0 : _k.addEventListener('click', () => {
+            (_m = this._SfDetailContainer.querySelector('.head-compliance')) === null || _m === void 0 ? void 0 : _m.addEventListener('click', () => {
                 if (this._SfDetailContainer.querySelector('.body-compliance').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-compliance').style.display == '') {
                     this._SfDetailContainer.querySelector('.body-compliance').style.display = 'none';
                     this._SfDetailContainer.querySelector('.head-indicator-compliance').innerHTML = '+';
@@ -13995,7 +14352,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this._SfDetailContainer.querySelector('.head-indicator-compliance').innerHTML = '-';
                 }
             });
-            (_l = this._SfDetailContainer.querySelector('.head-grc')) === null || _l === void 0 ? void 0 : _l.addEventListener('click', () => {
+            (_o = this._SfDetailContainer.querySelector('.head-grc')) === null || _o === void 0 ? void 0 : _o.addEventListener('click', () => {
                 if (this._SfDetailContainer.querySelector('.body-grc').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-grc').style.display == '') {
                     this._SfDetailContainer.querySelector('.body-grc').style.display = 'none';
                     this._SfDetailContainer.querySelector('.head-indicator-grc').innerHTML = '+';
@@ -14005,7 +14362,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this._SfDetailContainer.querySelector('.head-indicator-grc').innerHTML = '-';
                 }
             });
-            (_m = this._SfDetailContainer.querySelector('.head-feedback')) === null || _m === void 0 ? void 0 : _m.addEventListener('click', () => {
+            (_p = this._SfDetailContainer.querySelector('.head-feedback')) === null || _p === void 0 ? void 0 : _p.addEventListener('click', () => {
                 if (this._SfDetailContainer.querySelector('.body-feedback').style.display == 'flex') {
                     this._SfDetailContainer.querySelector('.body-feedback').style.display = 'none';
                     this._SfDetailContainer.querySelector('.head-indicator-feedback').innerHTML = '+';
@@ -14015,11 +14372,11 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this._SfDetailContainer.querySelector('.head-indicator-feedback').innerHTML = '-';
                 }
             });
-            (_o = this._SfDetailContainer.querySelector('#button-detail-close')) === null || _o === void 0 ? void 0 : _o.addEventListener('click', () => {
+            (_q = this._SfDetailContainer.querySelector('#button-detail-close')) === null || _q === void 0 ? void 0 : _q.addEventListener('click', () => {
                 this._SfDetailContainer.innerHTML = '';
                 this._SfDetailContainer.style.display = 'none';
             });
-            (_p = this._SfDetailContainer.querySelector('#button-feedback')) === null || _p === void 0 ? void 0 : _p.addEventListener('click', () => {
+            (_r = this._SfDetailContainer.querySelector('#button-feedback')) === null || _r === void 0 ? void 0 : _r.addEventListener('click', () => {
                 const feedbackMessage = this._SfDetailContainer.querySelector('#feedback-message');
                 const feedbackSuspense = this._SfDetailContainer.querySelector('#feedback-suspense');
                 const feedbackSuspenseLabel = this._SfDetailContainer.querySelector('#feedback-suspense-label');
@@ -14055,7 +14412,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 // }
                 // console.log(body);
             });
-            (_q = this._SfDetailContainer.querySelector('#button-feedback-cancel')) === null || _q === void 0 ? void 0 : _q.addEventListener('click', () => {
+            (_s = this._SfDetailContainer.querySelector('#button-feedback-cancel')) === null || _s === void 0 ? void 0 : _s.addEventListener('click', () => {
                 const feedbackMessage = this._SfDetailContainer.querySelector('#feedback-message');
                 const feedbackSuspense = this._SfDetailContainer.querySelector('#feedback-suspense');
                 const feedbackSuspenseLabel = this._SfDetailContainer.querySelector('#feedback-suspense-label');
@@ -14086,7 +14443,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     buttonFeedback.classList.remove('hide');
                 }
             });
-            (_r = this._SfDetailContainer.querySelector('#button-feedback-confirm')) === null || _r === void 0 ? void 0 : _r.addEventListener('click', async () => {
+            (_t = this._SfDetailContainer.querySelector('#button-feedback-confirm')) === null || _t === void 0 ? void 0 : _t.addEventListener('click', async () => {
                 var _a, _b, _c;
                 const feedbackMessage = this._SfDetailContainer.querySelector('#feedback-message');
                 const feedbackSuspense = this._SfDetailContainer.querySelector('#feedback-suspense');
@@ -14126,7 +14483,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     buttonClose.click();
                 }
             });
-            (_s = this._SfDetailContainer.querySelector('#feedback-message')) === null || _s === void 0 ? void 0 : _s.addEventListener('keyup', (e) => {
+            (_u = this._SfDetailContainer.querySelector('#feedback-message')) === null || _u === void 0 ? void 0 : _u.addEventListener('keyup', (e) => {
                 if (e.code == "Enter") {
                     const buttonConfirm = this._SfDetailContainer.querySelector('#button-feedback-confirm');
                     buttonConfirm.click();
@@ -14226,7 +14583,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     selectReportingEntity.value = "";
                     selectReportingLocation.value = "";
                 }
-                (_t = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _t === void 0 ? void 0 : _t.addEventListener('click', async (ev) => {
+                (_v = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _v === void 0 ? void 0 : _v.addEventListener('click', async (ev) => {
                     var _a, _b, _c;
                     let buttonClick = ev.target;
                     buttonClick.innerHTML = "Saving...";
@@ -14365,7 +14722,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         }
                     }
                 });
-                (_u = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _u === void 0 ? void 0 : _u.addEventListener('click', async (ev) => {
+                (_w = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _w === void 0 ? void 0 : _w.addEventListener('click', async (ev) => {
                     var _a, _b;
                     let buttonClick = ev.target;
                     buttonClick.innerHTML = "Saving...";
@@ -14521,7 +14878,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         if (this._SfDetailContainer.querySelector('#button-uploader-submit-report') != null) {
                             this._SfDetailContainer.querySelector('#button-uploader-submit-report').style.visibility = 'visible';
-                            (_v = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _v === void 0 ? void 0 : _v.addEventListener('click', async (ev) => {
+                            (_x = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _x === void 0 ? void 0 : _x.addEventListener('click', async (ev) => {
                                 var _a, _b, _c, _f;
                                 let buttonClick = ev.target;
                                 buttonClick.innerHTML = "Saving...";
@@ -14924,7 +15281,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
             else if (event['reportformat'] != null && event['reportformat'].length > 0) {
-                this.fetchReportFormat(this._SfDetailContainer, reportformatName, (_w = event['reportformatschema']) !== null && _w !== void 0 ? _w : "", (_x = event['reportformatvalues']) !== null && _x !== void 0 ? _x : "");
+                this.fetchReportFormat(this._SfDetailContainer, reportformatName, (_y = event['reportformatschema']) !== null && _y !== void 0 ? _y : "", (_z = event['reportformatvalues']) !== null && _z !== void 0 ? _z : "");
             }
         };
         this.renderCalendar = () => {
@@ -14934,11 +15291,11 @@ let SfIEvents = class SfIEvents extends LitElement {
             var html = '';
             for (var i = 0; i < 12; i++) {
                 const monthStatus = this.getMonthStatus(startDate.getMonth(), startDate.getFullYear());
-                //console.log('monthstatus', monthStatus);
+                console.log('monthstatus', monthStatus, startDate);
                 const partApproved = this.COLOR_APPROVED + ' 0%, ' + this.COLOR_APPROVED + ' ' + parseInt(monthStatus['percApproved'] + '') + '%';
-                const partPendingApproval = this.COLOR_PENDING_APPROVAL + ' ' + parseInt(monthStatus['percApproved'] + '') + '%, ' + this.COLOR_PENDING_APPROVAL + ' ' + parseInt(monthStatus['percApproved'] + '') + parseInt(monthStatus['percPendingApproval'] + '') + '%';
-                const partRejected = this.COLOR_REJECTED + ' ' + parseInt(monthStatus['percApproved'] + '') + parseInt(monthStatus['percPendingApproval'] + '') + '%, ' + this.COLOR_REJECTED + ' ' + parseInt(monthStatus['percApproved'] + '') + parseInt(monthStatus['percPendingApproval'] + '') + parseInt(monthStatus['percRejected'] + '') + '%';
-                const partNotStarted = this.COLOR_NOT_STARTED + ' ' + parseInt(monthStatus['percApproved'] + '') + parseInt(monthStatus['percPendingApproval'] + '') + parseInt(monthStatus['percRejected'] + '') + '%, ' + this.COLOR_NOT_STARTED + ' ' + 100 + '%';
+                const partPendingApproval = this.COLOR_PENDING_APPROVAL + ' ' + parseInt(monthStatus['percApproved'] + '') + '%, ' + this.COLOR_PENDING_APPROVAL + ' ' + (monthStatus['percApproved'] + (monthStatus['percPendingApproval']) + '') + '%';
+                const partRejected = this.COLOR_REJECTED + ' ' + (monthStatus['percApproved'] + monthStatus['percPendingApproval'] + '') + '%, ' + this.COLOR_REJECTED + ' ' + (monthStatus['percApproved'] + monthStatus['percPendingApproval'] + monthStatus['percRejected'] + '') + '%';
+                const partNotStarted = this.COLOR_NOT_STARTED + ' ' + (monthStatus['percApproved'] + monthStatus['percPendingApproval'] + monthStatus['percRejected'] + '') + '%, ' + this.COLOR_NOT_STARTED + ' ' + 100 + '%';
                 html += '<div class="calendar-item d-flex flex-col flex-grow" part="calendar-month" style="background: linear-gradient(to right, ' + partApproved + ',' + partPendingApproval + ',' + partRejected + ',' + partNotStarted + ');">';
                 html += '<div part="bg-calendar" class="d-flex justify-between align-center p-10">';
                 html += '<div part="month-title" class="title-item">' + this.monthNames[startDate.getMonth()] + '&nbsp;&nbsp;' + startDate.getFullYear() + '</div>';
@@ -22673,6 +23030,30 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
         };
+        this.markReviewed = async (suspenseKey, year, review) => {
+            let url = "https://" + this.apiId + "/markreviewed";
+            //console.log('fetch calendar url', url);
+            let urlBody = { "projectid": this.projectId, "eventid": suspenseKey.split(';')[2], "entityid": suspenseKey.split(';')[0], "locationid": suspenseKey.split(';')[1], "year": year, "mark": review };
+            //console.log('urlbody', urlBody);
+            const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
+            const xhr = (await this.prepareXhr(urlBody, url, this._SfLoader, authorization, 'Preparing'));
+            this._SfLoader.innerHTML = '';
+            if (xhr.status == 200) {
+                const jsonResponse = JSON.parse(xhr.responseText);
+                console.log('jsonResponse', jsonResponse);
+                return jsonResponse;
+            }
+            else {
+                if (xhr.status == 401) {
+                    let changeEvent = new CustomEvent('tokenExpired', { bubbles: true });
+                    this.dispatchEvent(changeEvent);
+                }
+                else {
+                    const jsonRespose = JSON.parse(xhr.responseText);
+                    this.setError(jsonRespose.error);
+                }
+            }
+        };
         this.fetchSuspenseList = async () => {
             let url = "https://" + this.apiId + "/getsuspenselist";
             const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
@@ -22844,7 +23225,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             else {
                 view = "entity";
             }
-            path = "getallcountryevents4";
+            path = "getallcountryevents5";
             let sDate = "";
             let eDate = "";
             //console.log('currenttab', this.getCurrentTab());
@@ -22858,7 +23239,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
             let url = "https://" + this.apiId + "/" + path;
             //console.log('fetch calendar url', url);
-            let urlBody = { "projectid": this.projectId, "userprofileid": this.userProfileId, "role": this.myRole, "entityid": this.entityId, "countryid": this.countryId, "functionid": this.functionId, "locationid": this.locationId, "tagid": this.tagId, "adhoc": "false", "exclusivestartkey": 0, "sdate": sDate, "edate": eDate, "view": view, "year": year, "list": list, "month": month };
+            let urlBody = { "projectid": this.projectId, "userprofileid": this.userProfileId, "role": this.myRole, "entityid": this.entityId, "countryid": this.countryId, "functionid": this.functionId, "locationid": this.locationId, "tagid": this.tagId, "adhoc": "false", "exclusivestartkey": 0, "sdate": sDate, "edate": eDate, "view": view, "year": year, "list": list, "month": month, "suspense": this.suspenseFlag };
             if (searchString.length > 0) {
                 urlBody["searchstring"] = searchString;
             }
@@ -22954,7 +23335,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             else {
                 view = "entity";
             }
-            path = "getallcountryevents4";
+            path = "getallcountryevents5";
             let url = "https://" + this.apiId + "/" + path;
             let temptagid = tagid;
             if (temptagid == "" && locationid != "") {
@@ -23001,7 +23382,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.fetchAndRenderNotices = async (startDate = "", endDate = "", searchString = "", list = "yes", month = "00", year = this.calendarStartYYYY) => {
-            var _a;
+            var _a, _b;
             let path = "", view = "";
             this.sdate = startDate;
             this.edate = endDate;
@@ -23043,11 +23424,12 @@ let SfIEvents = class SfIEvents extends LitElement {
                 const jsonRespose = JSON.parse(xhr.responseText);
                 console.log('jsonRespose', jsonRespose);
                 let notices = (await this.fetchPresignedUrl(jsonRespose.signedUrlGet));
+                this.suspenseCount = (_a = jsonRespose.suspensecount) !== null && _a !== void 0 ? _a : 0;
                 await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete);
                 this.lastupdated = Util.getDateTimeStrings(new Date().getTime());
                 let tempEvents = this.events;
                 for (let mmddyyyy of Object.keys(notices)) {
-                    tempEvents[mmddyyyy] = [...((_a = tempEvents[mmddyyyy]) !== null && _a !== void 0 ? _a : []), ...notices[mmddyyyy]];
+                    tempEvents[mmddyyyy] = [...((_b = tempEvents[mmddyyyy]) !== null && _b !== void 0 ? _b : []), ...notices[mmddyyyy]];
                 }
                 this.events = tempEvents;
                 this.renderAppropriateStream(this.sdate, this.edate, true);
@@ -23070,6 +23452,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.fetchAndRenderContracts = async (startDate = "", endDate = "", searchString = "", list = "yes", month = "00", year = this.calendarStartYYYY) => {
+            var _a;
             let path = "", view = "";
             this.sdate = startDate;
             this.edate = endDate;
@@ -23111,6 +23494,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 const jsonRespose = JSON.parse(xhr.responseText);
                 console.log('jsonRespose', jsonRespose);
                 let contracts = (await this.fetchPresignedUrl(jsonRespose.signedUrlGet));
+                this.suspenseCount = (_a = jsonRespose.suspensecount) !== null && _a !== void 0 ? _a : 0;
                 await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete);
                 this.lastupdated = Util.getDateTimeStrings(new Date().getTime());
                 // let tempEvents = this.events
@@ -23139,6 +23523,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.fetchAndRenderLicenses = async (startDate = "", endDate = "", searchString = "", list = "yes", month = "00", year = this.calendarStartYYYY) => {
+            var _a;
             let path = "", view = "";
             this.sdate = startDate;
             this.edate = endDate;
@@ -23180,6 +23565,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 const jsonRespose = JSON.parse(xhr.responseText);
                 console.log('jsonRespose', jsonRespose);
                 let licenses = (await this.fetchPresignedUrl(jsonRespose.signedUrlGet));
+                this.suspenseCount = (_a = jsonRespose.suspensecount) !== null && _a !== void 0 ? _a : 0;
                 await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete);
                 this.lastupdated = Util.getDateTimeStrings(new Date().getTime());
                 // let tempEvents = this.events
@@ -23208,6 +23594,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.fetchAndRenderRCMResources = async (startDate = "", endDate = "", searchString = "", list = "yes", month = "00", year = this.calendarStartYYYY) => {
+            var _a;
             let path = "", view = "";
             this.sdate = startDate;
             this.edate = endDate;
@@ -23249,6 +23636,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 const jsonRespose = JSON.parse(xhr.responseText);
                 console.log('jsonRespose', jsonRespose);
                 let rcmresources = (await this.fetchPresignedUrl(jsonRespose.signedUrlGet));
+                this.suspenseCount = (_a = jsonRespose.suspensecount) !== null && _a !== void 0 ? _a : 0;
                 await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete);
                 this.lastupdated = Util.getDateTimeStrings(new Date().getTime());
                 this.events = rcmresources;
@@ -24182,6 +24570,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             });
             const buttonArr = this._SfIEventsC.querySelectorAll('.button-expand');
             for (var i = 0; i < buttonArr.length; i++) {
+                let indexPrevNext = i;
                 buttonArr[i].addEventListener('click', (ev) => {
                     const id = ev.target.id;
                     const idArr = id.split("-");
@@ -24223,7 +24612,15 @@ let SfIEvents = class SfIEvents extends LitElement {
                     }
                     console.log('redering detail', this.myRole);
                     // this.renderEventDetail(eventsData[role][mmdd][j], mmdd + "/" + yyyy, null);
-                    this.fetchEventDetails(eventsData[role][mmdd][j], mmdd + "/" + yyyy, null, this._SfIEventsC);
+                    let prevString = "";
+                    if (indexPrevNext > 0) {
+                        prevString = buttonArr[indexPrevNext - 1].id;
+                    }
+                    let nextString = "";
+                    if (indexPrevNext < buttonArr.length - 1) {
+                        nextString = buttonArr[indexPrevNext + 1].id;
+                    }
+                    this.fetchEventDetails(eventsData[role][mmdd][j], mmdd + "/" + yyyy, null, this._SfIEventsC, prevString, nextString);
                 });
             }
             const streamEventsContainer = this._SfIEventsC.querySelectorAll('.stream-events-container');
@@ -24428,7 +24825,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         day = '0' + day;
                     let eDate = month + "/" + day + "/" + year;
                     let urlBody = { "projectid": this.projectId, "userprofileid": this.userProfileId, "role": this.myRole, "entityid": complianceEntityId, "countryid": "", "functionid": "", "locationid": complianceLocationId, "tagid": this.tagId, "adhoc": "false", "exclusivestartkey": 0, "sdate": sDate, "edate": eDate, "view": "location", "year": this.calendarStartYYYY };
-                    let url = "https://" + this.apiId + "/getallcountryevents4";
+                    let url = "https://" + this.apiId + "/getallcountryevents5";
                     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
                     const xhr = (await this.prepareXhr(urlBody, url, this._SfLoader, authorization, 'Preparing'));
                     this._SfLoader.innerHTML = '';
@@ -24513,7 +24910,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             console.log('fetching compliances', sortid);
             let complianceEntityId = sortid.split(';')[1];
             let complianceLocationId = sortid.split(';')[2];
-            let url = "https://" + this.apiId + "/getallcountryevents4";
+            let url = "https://" + this.apiId + "/getallcountryevents5";
             let sDateObj = selectedDate;
             sDateObj.setDate(selectedDate.getDate() - 60);
             let day = '' + sDateObj.getDate();