sf-i-events 1.0.881 → 1.0.882

package/sf-i-events.js

@@ -850,7 +850,7 @@ let SfIEvents = class SfIEvents extends LitElement {
   `;
         this.AUTOSAVE_FLAG = true;
         this.EXCLUDE_COLS_FROM_REGS = ["updatetype", "question", "invalidations", "activations", "alertschedule", "clientquestion", "countryname", "countryid", "entityname", "entityid", "locationname", "locationid", "reporters", "approvers", "timeframe", "responsedays", "execmodule", "functions", "shortid", "shortnumid", "countries", "entities", "locations", "tagsmap", "reportersmap", "approversmap", "functionheadsmap", "auditorsmap", "viewersmap", "approved", "documents", "comments", "lastupdated", "dateofcompletion", "mmdd", "completeness", "timeliness", "compliance", "delta", "triggers"];
-        this.CHARTS_LIST_BY_MODULES = { "compliances": ["compliance", "timeliness", "completeness", "riskSeverity", "riskArea", "location", "function", "obligationType", "jurisdiction", "frequency", "subCategory"], "notices": ["compliance", "timeliness", "completeness", "riskSeverity", "riskArea", "location", "function", "obligationType", "jurisdiction", "frequency", "subCategory"], "contracts": ["compliance", "timeliness", "completeness", "location"], "licenses": ["compliance", "timeliness", "completeness", "riskSeverity", "riskArea", "location", "function", "obligationType", "jurisdiction", "frequency", "subCategory"] };
+        this.CHARTS_LIST_BY_MODULES = { "compliances": ["compliance", "timeliness", "completeness", "riskSeverity", "riskArea", "location", "function", "obligationType", "jurisdiction", "frequency", "subCategory"], "notices": ["compliance", "timeliness", "completeness", "riskSeverity", "riskArea", "location", "function", "obligationType", "jurisdiction", "frequency", "subCategory"], "contracts": ["compliance", "timeliness", "completeness", "location"], "licenses": ["compliance", "timeliness", "completeness", "riskSeverity", "riskArea", "location", "function", "obligationType", "jurisdiction", "frequency", "subCategory"], "rcmresources": ["compliance", "timeliness", "completeness", "riskSeverity", "riskArea", "location", "function", "obligationType", "jurisdiction", "frequency", "subCategory"] };
         this.chartSelectedLegend = [];
         this.selectedFilters = null;
         this.barCharDataSet2 = [];
@@ -1999,7 +1999,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             this.riskAreasComplianceStatusData = result.arrComplianceData;
         };
         this.updateRiskSeverityStats = (riskSeverities, partStatus, lateStatus, complianceStatus) => {
-            //console.log('updateRiskSeverityStats', riskSeverities, complianceStatus)
+            console.log('updateRiskSeverityStats', riskSeverities, complianceStatus);
             const result = this.updateGraphStats(riskSeverities, this.riskSeverityData, this.riskSeverityPartStatusData, this.riskSeverityLateStatusData, this.riskSeverityComplianceStatusData, partStatus, lateStatus, complianceStatus);
             this.riskSeverityData = result.arrData;
             this.riskSeverityLateStatusData = result.arrLateData;
@@ -2330,9 +2330,9 @@ let SfIEvents = class SfIEvents extends LitElement {
                     html += '<div part="chart-radio-item" class="chart-radio-item-secondary ' + (this.flowGraph == this.FLOW_GRAPH_FREQUENCY ? '' : 'hide') + '"><input type="radio" id="radio-frequency" name="graph-type" part="radio-graph" ' + ((this.flowGraph == this.FLOW_GRAPH_FREQUENCY) ? 'checked' : '') + '>';
                     html += '<label for="radio-frequency" part="input-label" class="mr-10">Frequency</label></div>';
                 }
-                if (this.CHARTS_LIST_BY_MODULES[this.selectedFeatures[0]] != null && this.CHARTS_LIST_BY_MODULES[this.selectedFeatures[0]].indexOf("subcategory") >= 0) {
+                if (this.CHARTS_LIST_BY_MODULES[this.selectedFeatures[0]] != null && this.CHARTS_LIST_BY_MODULES[this.selectedFeatures[0]].indexOf("subCategory") >= 0) {
                     html += '<div part="chart-radio-item" class="chart-radio-item-secondary ' + (this.flowGraph == this.FLOW_GRAPH_SUBCATEGORY ? '' : 'hide') + '"><input type="radio" id="radio-subcategory" name="graph-type" part="radio-graph" ' + ((this.flowGraph == this.FLOW_GRAPH_SUBCATEGORY) ? 'checked' : '') + '>';
-                    html += '<label for="radio-frequency" part="input-label">SubCategory</label></div>';
+                    html += '<label for="radio-subcategory" part="input-label">SubCategory</label></div>';
                 }
                 html += '<button id="graph-radios-expander" class="ml-10" part="calendar-tab-button-not-selected"><span class="material-symbols-outlined">chevron_right</span></button>';
                 html += '</div>';
@@ -2449,7 +2449,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<table id="statistics-table" part="statistics-table" class="statistics-table w-100"><tbody>';
             return html;
         };
-        this.renderStatisticsFiltersTableRow = (filterUser = false) => {
+        this.renderStatisticsFiltersTableRow = (index, filterUser = false) => {
             var html = '';
             html += '<tr class="tablerow">';
             html += '<td part="td-body" class="td-body TD_BODY_CLASS"><div class="d-flex align-center flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center">FILTER_CRITERIA_NAME</div><div>DASHBOARD_FILTER_NAME</div>';
@@ -2457,11 +2457,11 @@ let SfIEvents = class SfIEvents extends LitElement {
                 html += '<div part="td-head" class="pl-0-imp w-100 d-flex align-center">Last Access</div><div>DASHBOARD_LAST_ACTIVE</div><div part="td-head" class="pl-0-imp w-100 d-flex align-center">Last Action</div><div>DASHBOARD_LAST_ACTION</div>';
             }
             html += '</div></td>';
-            html += '<td part="td-body" class="td-body TD_BODY_CLASS"><div class="d-flex align-center flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center"><span class="small-icon material-icons color-not-started">schedule</span>&nbsp;&nbsp;Not Started</div><div>DASHBOARD_NOT_STARTED</div></div></td>';
-            html += '<td part="td-body" class="td-body TD_BODY_CLASS"><div class="d-flex align-center flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center"><span class="small-icon material-symbols-outlined color-pending">pending</span>&nbsp;&nbsp;Pending Approval</div><div>DASHBOARD_PENDING_APPROVAL</div></div></td>';
-            html += '<td part="td-body" class="td-body TD_BODY_CLASS"><div class="d-flex align-center flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center"><span class="small-icon material-symbols-outlined color-rejected">block</span>&nbsp;&nbsp;Rejected</div><div>DASHBOARD_REJECTED</div></div></td>';
-            html += '<td part="td-body" class="td-body TD_BODY_CLASS"><div class="d-flex align-center flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center"><span class="small-icon material-symbols-outlined color-done">check_circle</span>&nbsp;&nbsp;Approved</div><div>DASHBOARD_APPROVED</div></div></td>';
-            html += '<td part="td-body" class="td-body TD_BODY_CLASS"><div class="d-flex align-center flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center">Total</div><div>DASHBOARD_TOTAL</div></div></td>';
+            html += '<td part="td-body" class="td-body TD_BODY_CLASS"><div class="d-flex align-center flex-wrap"><div part="td-head" id="filter-not-started-' + index + '" class="pl-0-imp w-100 d-flex align-center"><span class="small-icon material-icons color-not-started">schedule</span>&nbsp;&nbsp;Not Started</div><div>DASHBOARD_NOT_STARTED</div></div></td>';
+            html += '<td part="td-body" id="filter-pending-approval-' + index + '" class="td-body TD_BODY_CLASS"><div class="d-flex align-center flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center"><span class="small-icon material-symbols-outlined color-pending">pending</span>&nbsp;&nbsp;Pending Approval</div><div>DASHBOARD_PENDING_APPROVAL</div></div></td>';
+            html += '<td part="td-body" id="filter-rejected-' + index + '" class="td-body TD_BODY_CLASS"><div class="d-flex align-center flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center"><span class="small-icon material-symbols-outlined color-rejected">block</span>&nbsp;&nbsp;Rejected</div><div>DASHBOARD_REJECTED</div></div></td>';
+            html += '<td part="td-body" id="filter-approved-' + index + '" class="td-body TD_BODY_CLASS"><div class="d-flex align-center flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center"><span class="small-icon material-symbols-outlined color-done">check_circle</span>&nbsp;&nbsp;Approved</div><div>DASHBOARD_APPROVED</div></div></td>';
+            html += '<td part="td-body" id="filter-total-' + index + '" class="td-body TD_BODY_CLASS"><div class="d-flex align-center flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center">Total</div><div>DASHBOARD_TOTAL</div></div></td>';
             html += '</tr>';
             return html;
         };
@@ -2887,8 +2887,8 @@ let SfIEvents = class SfIEvents extends LitElement {
             return html;
         };
         //(firstDay, endDay, 1, lastDay, true, 0, (firstDate.getMonth()), period, firstDate,"From " + firstDay.toLocaleDateString('en-IN') + " To " + endDay.toLocaleDateString('en-IN'), showBackgroundButton)
-        this.renderEvents = (_firstDay, _endDay, iInit, iLast, showGraph, index, month, period, firstDate = null, parametersTitle, showBackgroundButton) => {
-            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38;
+        this.renderEvents = (_firstDay, _endDay, iInit, iLast, showGraph, index, month, period, firstDate = null, parametersTitle, showBackgroundButton, fromDrilldown = false) => {
+            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44;
             var total = 0, notStarted = 0, approved = 0, pendingApproval = 0, rejected = 0, inTime = 0, pastDueDate = 0, lateExecuted = 0, lateApproved = 0, lateReported = 0, scheduled = 0, partiallyComplied = 0, notComplied = 0, complied = 0, compliedWithGaps = 0, reportedNonCompliance = 0, active = 0, aboutToExpire = 0, expired = 0, terminated = 0;
             var html = '';
             this.selectedItemIds = [];
@@ -2903,29 +2903,40 @@ let SfIEvents = class SfIEvents extends LitElement {
             console.log('this.clearSelectedGraphParam(); 1', this.graphFilter);
             this.clearSelectedGraphParam();
             this.clearSelectedLegend();
-            html += this.renderCalendarGraphs(showGraph, parametersTitle, showBackgroundButton);
+            if (!fromDrilldown) {
+                html += this.renderCalendarGraphs(showGraph, parametersTitle, showBackgroundButton);
+            }
             html += this.renderCalendarContainerDivStart(index);
             html += this.renderCalendarEventSummary();
-            if (this.selectedFeatures.indexOf('contracts') >= 0) {
-                csvCols += 'Id,ReferenceNo.,Type,Country,Entity,Location,Party1,Party2,Party3,Reporter,Approver,Functionhead,DueDate,Status,ReportParameter';
-                htmlCols += '<tr><th class="td-thin">Id</th><th class="td-thin">Reference No.</th><th class="td-thin">Type</th><th class="td-thin">Country</th><th class="td-thin">Entity</th><th class="td-thin">Location</th><th class="td-thin">Party 1</th><th class="td-thin">Party 2</th><th class="td-wide">Party 3</th><th class="td-thin">DueDate</th><th class="td-wide">Status</th><th class="td-wide">ReportParameter</th></tr>';
-            }
-            else if (this.selectedFeatures.indexOf('licenses') >= 0) {
-                csvCols += 'Id,ReferenceNo.,Type,Country,Entity,Location,Reporter,Approver,Functionhead,State,Jurisdiction,Category,Subcategory,Statute,ObligationType,RiskSeverity,RiskAreas,Frequency,SubFrequency,DueDate,Status,ReportParameter';
-                htmlCols += '<tr><th class="td-thin">Id</th><th class="td-thin">Reference No.</th><th class="td-thin">Type</th><th class="td-thin">Country</th><th class="td-thin">Entity</th><th class="td-thin">Location</th><th class="td-thin">State</th><th class="td-thin">Jurisdiction</th><th class="td-thin">Category</th><th class="td-thin">Subcategory</th><th class="td-wide">Statute</th><th class="td-thin">ObligationType</th><th class="td-thin">RiskSeverity</th><th class="td-wide">RiskAreas</th><th class="td-thin">Frequency</th><th class="td-thin">SubFrequency</th><th class="td-thin">DueDate</th><th class="td-wide">Status</th><th class="td-wide">ReportParameter</th></tr>';
-            }
-            else {
-                csvCols += 'Id,Country,Entity,Location,Function,Reporter,Approver,Functionhead,State,Jurisdiction,Category,Subcategory,Statute,Reference,Applicability,ObligationType,ObligationTitle,Obligation,Firstlineofdefence,Secondlineofdefence,Thirdlineofdefence,Internalcontrols,Penalty,Form,AdditionalUrl,Definition,Authority,RiskSeverity,RiskAreas,Frequency,SubFrequency,DueDate,Status,ReportParameter';
-                htmlCols += '<tr><th class="td-thin">Id</th><th class="td-thin">Country</th><th class="td-thin">State</th><th class="td-thin">Jurisdiction</th><th class="td-thin">Category</th><th class="td-thin">Subcategory</th><th class="td-wide">Statute</th><th class="td-thin">Reference</th><th class="td-thin">Applicability</th><th class="td-thin">ObligationType</th><th class="td-wide">ObligationTitle</th><th class="td-wide">Obligation</th><th class="td-thin">Firstlineofdefence</th><th class="td-thin">Secondlineofdefence</th><th class="td-thin">Thirdlineofdefence</th><th>InternalControls</th><th class="td-wide">Penalty</th><th class="td-thin">Form</th><th class="td-thin">Additional URL</th><th class="td-thin">Definition</th><th class="td-thin">Authority</th><th class="td-thin">RiskSeverity</th><th class="td-wide">RiskAreas</th><th class="td-thin">Frequency</th><th class="td-thin">SubFrequency</th><th class="td-thin">DueDate</th><th class="td-wide">Status</th><th class="td-wide">ReportParameter</th></tr>';
-            }
-            if (this.selectedFeatures.indexOf('contracts') >= 0) {
-                htmlSummaryCols += '<tr><th class="td-thin">Id</th><th class="td-wide">Reference No.</th><th class="td-wide">Status</th><th class="td-wide">Documents</th></tr>';
-            }
-            else if (this.selectedFeatures.indexOf('licenses') >= 0) {
-                htmlSummaryCols += '<tr><th class="td-thin">Id</th><th class="td-wide">Reference No.</th><th class="td-wide">Status</th><th class="td-wide">Documents</th></tr>';
-            }
-            else {
-                htmlSummaryCols += '<tr><th class="td-thin">Id</th><th class="td-wide">ObligationTitle</th><th class="td-wide">Status</th><th class="td-wide">Documents</th></tr>';
+            if (!fromDrilldown) {
+                if (this.selectedFeatures.indexOf('contracts') >= 0) {
+                    csvCols += 'Id,ReferenceNo.,Type,Country,Entity,Location,Party1,Party2,Party3,Reporter,Approver,Functionhead,DueDate,Status,ReportParameter';
+                    htmlCols += '<tr><th class="td-thin">Id</th><th class="td-thin">Reference No.</th><th class="td-thin">Type</th><th class="td-thin">Country</th><th class="td-thin">Entity</th><th class="td-thin">Location</th><th class="td-thin">Party 1</th><th class="td-thin">Party 2</th><th class="td-wide">Party 3</th><th class="td-thin">DueDate</th><th class="td-wide">Status</th><th class="td-wide">ReportParameter</th></tr>';
+                }
+                else if (this.selectedFeatures.indexOf('licenses') >= 0) {
+                    csvCols += 'Id,ReferenceNo.,Type,Country,Entity,Location,Reporter,Approver,Functionhead,State,Jurisdiction,Category,Subcategory,Statute,ObligationType,RiskSeverity,RiskAreas,Frequency,SubFrequency,DueDate,Status,ReportParameter';
+                    htmlCols += '<tr><th class="td-thin">Id</th><th class="td-thin">Reference No.</th><th class="td-thin">Type</th><th class="td-thin">Country</th><th class="td-thin">Entity</th><th class="td-thin">Location</th><th class="td-thin">State</th><th class="td-thin">Jurisdiction</th><th class="td-thin">Category</th><th class="td-thin">Subcategory</th><th class="td-wide">Statute</th><th class="td-thin">ObligationType</th><th class="td-thin">RiskSeverity</th><th class="td-wide">RiskAreas</th><th class="td-thin">Frequency</th><th class="td-thin">SubFrequency</th><th class="td-thin">DueDate</th><th class="td-wide">Status</th><th class="td-wide">ReportParameter</th></tr>';
+                }
+                else if (this.selectedFeatures.indexOf('rcmresources') >= 0) {
+                    csvCols += 'Id,Name,Url,Country,Entity,Location,Reporter,Approver,Functionhead,LastCheckedDate,DueDate,Terminated,Status,ReportParameter';
+                    htmlCols += '<tr><th class="td-thin">Id</th><th class="td-thin">Name</th><th class="td-thin">Url</th><th class="td-thin">Country</th><th class="td-thin">Entity</th><th class="td-thin">Location</th><th class="td-thin">LastCheckedDate</th><th class="td-thin">DueDate</th><th class="td-thin">Terminated</th><th class="td-wide">Status</th><th class="td-wide">ReportParameter</th></tr>';
+                }
+                else {
+                    csvCols += 'Id,Country,Entity,Location,Function,Reporter,Approver,Functionhead,State,Jurisdiction,Category,Subcategory,Statute,Reference,Applicability,ObligationType,ObligationTitle,Obligation,Firstlineofdefence,Secondlineofdefence,Thirdlineofdefence,Internalcontrols,Penalty,Form,AdditionalUrl,Definition,Authority,RiskSeverity,RiskAreas,Frequency,SubFrequency,DueDate,Status,ReportParameter';
+                    htmlCols += '<tr><th class="td-thin">Id</th><th class="td-thin">Country</th><th class="td-thin">State</th><th class="td-thin">Jurisdiction</th><th class="td-thin">Category</th><th class="td-thin">Subcategory</th><th class="td-wide">Statute</th><th class="td-thin">Reference</th><th class="td-thin">Applicability</th><th class="td-thin">ObligationType</th><th class="td-wide">ObligationTitle</th><th class="td-wide">Obligation</th><th class="td-thin">Firstlineofdefence</th><th class="td-thin">Secondlineofdefence</th><th class="td-thin">Thirdlineofdefence</th><th>InternalControls</th><th class="td-wide">Penalty</th><th class="td-thin">Form</th><th class="td-thin">Additional URL</th><th class="td-thin">Definition</th><th class="td-thin">Authority</th><th class="td-thin">RiskSeverity</th><th class="td-wide">RiskAreas</th><th class="td-thin">Frequency</th><th class="td-thin">SubFrequency</th><th class="td-thin">DueDate</th><th class="td-wide">Status</th><th class="td-wide">ReportParameter</th></tr>';
+                }
+                if (this.selectedFeatures.indexOf('contracts') >= 0) {
+                    htmlSummaryCols += '<tr><th class="td-thin">Id</th><th class="td-wide">Reference No.</th><th class="td-wide">Status</th><th class="td-wide">Documents</th></tr>';
+                }
+                else if (this.selectedFeatures.indexOf('licenses') >= 0) {
+                    htmlSummaryCols += '<tr><th class="td-thin">Id</th><th class="td-wide">Reference No.</th><th class="td-wide">Status</th><th class="td-wide">Documents</th></tr>';
+                }
+                else if (this.selectedFeatures.indexOf('rcmresources') >= 0) {
+                    htmlSummaryCols += '<tr><th class="td-thin">Id</th><th class="td-wide">Name</th><th class="td-wide">Status</th><th class="td-wide">Url</th></tr>';
+                }
+                else {
+                    htmlSummaryCols += '<tr><th class="td-thin">Id</th><th class="td-wide">ObligationTitle</th><th class="td-wide">Status</th><th class="td-wide">Documents</th></tr>';
+                }
             }
             for (var i = iInit; i <= iLast; i++) {
                 let mmdd = "";
@@ -3001,7 +3012,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         }
                         this.events[mmdd][j][this.FLOW_GRAPH_COMPLIANCE] = complianceStatus;
                         this.updateStats(this.events[mmdd][j], partStatus, lateStatus, complianceStatus);
-                        if (this.events[mmdd][j]["documents"] != null) {
+                        if (this.events[mmdd][j]["documents"] != null && !fromDrilldown) {
                             if (this.selectedFeatures.indexOf('contracts') >= 0) {
                                 //Id,ReferenceNo.,Type,Country,Entity,Location,Party1,Party2,Party3,Reporter,Approver,Functionhead,DueDate,Status,ReportParameter
                                 csvValues += ('"' + (this.events[mmdd][j]["id"] + '",'));
@@ -3080,16 +3091,46 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide status-format">' + this.getGraphParam(this.events[mmdd][j]) + '</td>'
                                     + '</tr>');
                             }
+                            else if (this.selectedFeatures.indexOf('rcmresources') >= 0) {
+                                //Id,Name,Url,Country,Entity,Location,Reporter,Approver,Functionhead,LastCheckedDate,DueDate,Terminated,Status,ReportParameter
+                                csvValues += ('"' + (this.events[mmdd][j]["id"] + '",'));
+                                csvValues += ('"' + ((this.events[mmdd][j]["obligationtitle"] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((this.events[mmdd][j]["url"] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((this.events[mmdd][j]["countryname"] + "").replace(/\((.*?)\)/g, "") + '",'));
+                                csvValues += ('"' + ((this.events[mmdd][j]["entityname"] + "").replace(/\((.*?)\)/g, "") + '",'));
+                                csvValues += ('"' + ((this.events[mmdd][j]["locationname"] + "").replace(/\((.*?)\)/g, "") + '",'));
+                                csvValues += ('"' + ((((_30 = ((_29 = this.events[mmdd][j]["reporters"]) !== null && _29 !== void 0 ? _29 : [])[0]) !== null && _30 !== void 0 ? _30 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_32 = ((_31 = this.events[mmdd][j]["approvers"]) !== null && _31 !== void 0 ? _31 : [])[0]) !== null && _32 !== void 0 ? _32 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_34 = ((_33 = this.events[mmdd][j]["functionheads"]) !== null && _33 !== void 0 ? _33 : [])[0]) !== null && _34 !== void 0 ? _34 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + (this.events[mmdd][j]["lastcheckeddate"] + '",'));
+                                csvValues += ('"' + ((this.events[mmdd][j]["duedate"] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((this.events[mmdd][j]["terminated"] ? "Yes" : "No").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + (this.renderStatusString(partStatus, lateStatus, complianceStatus) + '",'));
+                                csvValues += ('"' + (this.getGraphParam(this.events[mmdd][j]) + '"\n'));
+                                //Id,Name,Url,Country,Entity,Location,LastCheckedDate,DueDate,Terminated,Status,ReportParameter
+                                htmlValues += ('<tr><td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + this.events[mmdd][j]["id"] + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">' + this.events[mmdd][j]["obligationtitle"] + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">' + this.events[mmdd][j]["url"] + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + (this.events[mmdd][j]["countryname"] + "").replace(/\((.*?)\)/g, "") + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + (this.events[mmdd][j]["entityname"] + "").replace(/\((.*?)\)/g, "") + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + (this.events[mmdd][j]["locationname"] + "").replace(/\((.*?)\)/g, "") + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + this.events[mmdd][j]["lastcheckeddate"] + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + this.events[mmdd][j]["duedate"] + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + (this.events[mmdd][j]["terminated"] ? "Yes" : "No") + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide text-center status-format">' + this.renderStatusString(partStatus, lateStatus, complianceStatus) + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide status-format">' + this.getGraphParam(this.events[mmdd][j]) + '</td>'
+                                    + '</tr>');
+                            }
                             else {
                                 //Id,Country,Entity,Location,Function,Reporter,Approver,Functionhead,State
                                 csvValues += ('"' + (this.events[mmdd][j]["id"] + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["countryname"] + "").replace(/\((.*?)\)/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["entityname"] + "").replace(/\((.*?)\)/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["locationname"] + "").replace(/\((.*?)\)/g, "") + '",'));
-                                csvValues += ('"' + ((((_30 = ((_29 = this.events[mmdd][j]["functions"]) !== null && _29 !== void 0 ? _29 : [])[0]) !== null && _30 !== void 0 ? _30 : "").split(';')[0] + "").replace(/\((.*?)\)/g, "") + '",'));
-                                csvValues += ('"' + ((((_32 = ((_31 = this.events[mmdd][j]["reporters"]) !== null && _31 !== void 0 ? _31 : [])[0]) !== null && _32 !== void 0 ? _32 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_34 = ((_33 = this.events[mmdd][j]["approvers"]) !== null && _33 !== void 0 ? _33 : [])[0]) !== null && _34 !== void 0 ? _34 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_36 = ((_35 = this.events[mmdd][j]["functionheads"]) !== null && _35 !== void 0 ? _35 : [])[0]) !== null && _36 !== void 0 ? _36 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_36 = ((_35 = this.events[mmdd][j]["functions"]) !== null && _35 !== void 0 ? _35 : [])[0]) !== null && _36 !== void 0 ? _36 : "").split(';')[0] + "").replace(/\((.*?)\)/g, "") + '",'));
+                                csvValues += ('"' + ((((_38 = ((_37 = this.events[mmdd][j]["reporters"]) !== null && _37 !== void 0 ? _37 : [])[0]) !== null && _38 !== void 0 ? _38 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_40 = ((_39 = this.events[mmdd][j]["approvers"]) !== null && _39 !== void 0 ? _39 : [])[0]) !== null && _40 !== void 0 ? _40 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_42 = ((_41 = this.events[mmdd][j]["functionheads"]) !== null && _41 !== void 0 ? _41 : [])[0]) !== null && _42 !== void 0 ? _42 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + (this.events[mmdd][j]["state"] + '",'));
                                 csvValues += ('"' + (this.events[mmdd][j]["jurisdiction"] + '",'));
                                 csvValues += ('"' + (this.events[mmdd][j]["category"] + '",'));
@@ -3158,7 +3199,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text text="' + this.events[mmdd][j]["obligationtitle"] + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text text="' + this.renderStatusString(partStatus, lateStatus, complianceStatus) + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">');
-                                for (let document of (_37 = this.events[mmdd][j].contractdocuments) !== null && _37 !== void 0 ? _37 : []) {
+                                for (let document of (_43 = this.events[mmdd][j].contractdocuments) !== null && _43 !== void 0 ? _43 : []) {
                                     htmlSummaryValues += `<sf-i-uploader class="summary-report-doc" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": document.key, "ext": document.ext }]).replace(/"/g, '&quot;')}" projectid="${this.projectId} " extract="no" mode="view" maximize="yes" hidepreview="yes"></sf-i-uploader><br />`;
                                 }
                                 htmlSummaryValues += '</td></tr>';
@@ -3168,11 +3209,17 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text text="' + this.events[mmdd][j]["obligationtitle"] + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text text="' + this.renderStatusString(partStatus, lateStatus, complianceStatus) + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">');
-                                for (let document of (_38 = this.events[mmdd][j].licensedocuments) !== null && _38 !== void 0 ? _38 : []) {
+                                for (let document of (_44 = this.events[mmdd][j].licensedocuments) !== null && _44 !== void 0 ? _44 : []) {
                                     htmlSummaryValues += `<sf-i-uploader class="summary-report-doc" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": document.key, "ext": document.ext }]).replace(/"/g, '&quot;')}" projectid="${this.projectId} " extract="no" mode="view" maximize="yes" hidepreview="yes"></sf-i-uploader><br />`;
                                 }
                                 htmlSummaryValues += '</td></tr>';
                             }
+                            else if (this.selectedFeatures.indexOf('rcmresources') >= 0) {
+                                htmlSummaryValues += ('<tr><td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin"><sf-i-elastic-text text="' + this.events[mmdd][j]["id"] + '" minLength="10"></sf-i-elastic-text></td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text text="' + this.events[mmdd][j]["obligationtitle"] + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text text="' + this.renderStatusString(partStatus, lateStatus, complianceStatus) + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text text="' + this.events[mmdd][j]["url"] + '" minLength="100" lineSize="4"></sf-i-elastic-text></td></tr>');
+                            }
                             else {
                                 htmlSummaryValues += ('<tr><td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin"><sf-i-elastic-text text="' + this.events[mmdd][j]["id"] + '" minLength="10"></sf-i-elastic-text></td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text text="' + this.events[mmdd][j]["obligationtitle"] + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
@@ -3395,7 +3442,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             }
                         }
                     }
-                    filtersTableHtml += this.renderStatisticsFiltersTableRow(lastAction != "" || lastActive != "");
+                    filtersTableHtml += this.renderStatisticsFiltersTableRow(filterindex, lastAction != "" || lastActive != "");
                     if (filterindex % 2 == 0) {
                         filtersTableHtml = filtersTableHtml.replace(/TD_BODY_CLASS/g, "td-light");
                     }
@@ -3665,8 +3712,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html = this.renderReporting(event, mmddyyyy);
             console.log('reporting html', html);
             let ddmmyyyy = mmddyyyy.split('/')[1] + '/' + mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[2];
-            let emailcontent = `<table border="0" cellspacing="0" style="color:#666666;border-radius:5px;border:solid 1px #efefef;width:100%; margin-top:20px"><tbody><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Compliance ID</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.id}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Country</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.countryname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Entity</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.entityname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Location</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.locationname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Statute</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.statute}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Subcategory</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.subcategory}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Due Date</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${ddmmyyyy}</td></tr></tbody></table>`;
-            this._SfUploader[0].querySelector('#uploader').emailcontent = emailcontent;
+            let emailcontent = `<table border="0" cellspacing="0" style="color:#666666;border-radius:5px;border:solid 1px #efefef;width:100%; margin-top:20px"><tbody><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Compliance ID</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.id}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Country</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.countryname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Entity</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.entityname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Location</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.locationname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Statute</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.statute}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Subcategory</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.subcategory}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Reporter</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.reporters[0].split(';')[0]}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Approver</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.approvers[0].split(';')[0]}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Due Date</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${ddmmyyyy}</td></tr></tbody></table>`;
             let listReportingContainers = eventsContainer.querySelectorAll('.list-reporting-container');
             for (let tempReportingContainer of listReportingContainers) {
                 tempReportingContainer.style.display = 'none';
@@ -3697,6 +3743,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
             listReportingContainer.innerHTML = html;
+            this._SfUploader[0].querySelector('#uploader').emailcontent = emailcontent;
             (_c = listReportingContainer.querySelector('.button-delete')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', async () => {
                 await this.fetchDeleteReview(event["id"], mmddyyyy, event.entityid, event.locationid);
                 this.setSuccess('Deleted successfully!');
@@ -3716,7 +3763,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             (_f = listReportingContainer.querySelector('#button-auto-approve')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', async () => {
                 var _a, _b;
                 if (this.selectedItemIds.length <= 1) {
-                    await this.uploadReview(event.entityid, event.locationid, mmddyyyy, event["id"], "Auto approved", true, (_a = event.module) !== null && _a !== void 0 ? _a : "events");
+                    await this.uploadReview(event.entityid, event.locationid, mmddyyyy, event["id"], "Auto approved", true, (_a = event.module) !== null && _a !== void 0 ? _a : "compliance");
                     this.setSuccess('Auto-Approved successfully!');
                     setTimeout(() => {
                         this.clearMessages();
@@ -3745,7 +3792,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             "userid": this.userProfileId,
                             "userrole": this.myRole,
                             "year": this.calendarStartYYYY,
-                            "module": (_b = event.module) !== null && _b !== void 0 ? _b : "events"
+                            "module": (_b = event.module) !== null && _b !== void 0 ? _b : "compliance"
                         });
                     }
                     await this.uploadReviewsBulk(bulkBodyReview);
@@ -3787,7 +3834,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     let flagBulk = false;
                     if (this.selectedItemIds.length <= 1) {
                         console.log('selectedevent', JSON.stringify(event));
-                        if (await this.uploadReview(event.entityid, event.locationid, mmddyyyy, event["id"], comments, approved, (_a = event.module) !== null && _a !== void 0 ? _a : "events")) {
+                        if (await this.uploadReview(event.entityid, event.locationid, mmddyyyy, event["id"], comments, approved, (_a = event.module) !== null && _a !== void 0 ? _a : "compliance")) {
                             for (var p = 0; p < this.events[mmdd].length; p++) {
                                 if (this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == event.locationid && this.events[mmdd][p].entityid == event.entityid) {
                                     this.events[mmdd][p].approved = approved;
@@ -3828,7 +3875,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 "userid": this.userProfileId,
                                 "userrole": this.myRole,
                                 "year": this.calendarStartYYYY,
-                                "module": (_b = event.module) !== null && _b !== void 0 ? _b : "events"
+                                "module": (_b = event.module) !== null && _b !== void 0 ? _b : "compliance"
                             });
                             // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, comments, approved)
                             // this.setSuccess("Updating " + (k + 1) + "/" + this.selectedItemIds.length + ", please wait...");
@@ -3893,7 +3940,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         let flagBulk = false;
                         if (this.selectedItemIds.length <= 1) {
-                            if (await this.uploadAudit(event.entityid, event.locationid, mmddyyyy, event["id"], comments, approved, (_a = event.module) !== null && _a !== void 0 ? _a : "events")) {
+                            if (await this.uploadAudit(event.entityid, event.locationid, mmddyyyy, event["id"], comments, approved, (_a = event.module) !== null && _a !== void 0 ? _a : "compliance")) {
                                 for (var p = 0; p < this.events[mmdd].length; p++) {
                                     if (this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == event.locationid && this.events[mmdd][p].entityid == event.entityid) {
                                         this.events[mmdd][p].approved = approved;
@@ -3933,7 +3980,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     "userid": this.userProfileId,
                                     "userrole": this.myRole,
                                     "year": this.calendarStartYYYY,
-                                    "module": (_b = event.module) !== null && _b !== void 0 ? _b : "events"
+                                    "module": (_b = event.module) !== null && _b !== void 0 ? _b : "compliance"
                                 });
                                 // await this.uploadAudit(entityId, locationId, mmddyyyy, eventId, comments, approved);
                             }
@@ -4059,7 +4106,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                             else {
                                                 let flagBulk = false;
                                                 if (this.selectedItemIds.length <= 1) {
-                                                    if (await this.uploadReport(event.entityid, event.locationid, mmddyyyy, event["id"], reportercomments, reporterdoc, docs, event, reportformatvalues, reportformatschema, (_c = event.module) !== null && _c !== void 0 ? _c : "events", percentage, event.makercheckers)) {
+                                                    if (await this.uploadReport(event.entityid, event.locationid, mmddyyyy, event["id"], reportercomments, reporterdoc, docs, event, reportformatvalues, reportformatschema, (_c = event.module) !== null && _c !== void 0 ? _c : "compliance", percentage, event.makercheckers)) {
                                                         console.log('this.events', this.events);
                                                         if (this.mode != "next") {
                                                             for (var p = 0; p < this.events[mmdd].length; p++) {
@@ -4070,7 +4117,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                                 }
                                                             }
                                                             if (event.makercheckers.length > 0) {
-                                                                // await this.uploadReview(event.entityid, event.locationid, mmddyyyy, event["id"], "Auto approved", true, event.module ?? "events");
+                                                                // await this.uploadReview(event.entityid, event.locationid, mmddyyyy, event["id"], "Auto approved", true, event.module ?? "compliance");
                                                                 for (var p = 0; p < this.events[mmdd].length; p++) {
                                                                     if (this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == event.locationid && this.events[mmdd][p].entityid == event.entityid) {
                                                                         this.events[mmdd][p].approved = true;
@@ -4121,7 +4168,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                         //     "userid": this.userProfileId,
                                                         //     "userrole": this.myRole,
                                                         //     "year": this.calendarStartYYYY,
-                                                        //     "module": event.module ?? "events"
+                                                        //     "module": event.module ?? "compliance"
                                                         //   } )
                                                         //   // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, "Auto approved", true);
                                                         // }else{
@@ -4143,7 +4190,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                             "userid": this.userProfileId,
                                                             "userrole": this.myRole,
                                                             "year": this.calendarStartYYYY,
-                                                            "module": (_f = event.module) !== null && _f !== void 0 ? _f : "events",
+                                                            "module": (_f = event.module) !== null && _f !== void 0 ? _f : "compliance",
                                                             "makercheckers": (parseInt(makercheckersL) > 0) ? ["makercheckers"] : null
                                                         });
                                                         // }
@@ -5091,32 +5138,6 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this.renderTabs(this.selectedTab);
                     this.processDateSelectionViewer(eventsContainer);
                 });
-                // const selectFeatureAll = filterList.querySelector('.input-select-feature-all') as HTMLInputElement
-                // selectFeatureAll.addEventListener('click',async(ev: any) => {
-                //   let target = ev.target;
-                //   if(target.checked){
-                //     for(let feature of this.getFeatures()){
-                //       if(this.selectedFeatures.indexOf(feature) < 0){
-                //         this.selectedFeatures.push(feature);
-                //       }
-                //     }
-                //   }else{
-                //     this.selectedFeatures = []
-                //   }
-                //   const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf<HTMLInputElement>
-                //   for(let selectFeature of selectFeatures){
-                //     let id = selectFeature.id;
-                //     let i = id.split('-')[3];
-                //     let selectedFeature = this.getFeatures()[parseInt(i)]
-                //     selectFeature.checked = this.selectedFeatures.indexOf(selectedFeature) >= 0
-                //   }
-                //   filterSubmitButton.style.visibility = 'visible'
-                // })
-                // const selectFeatureAllLabel = filterList.querySelector('#input-select-feature-label-all') as HTMLLabelElement
-                // selectFeatureAllLabel.addEventListener('click',()=>{
-                //   selectFeatureAll.checked = !selectFeatureAll.checked
-                //   selectFeatureAll.click();
-                // })
                 const selectFeatures = filterList.querySelectorAll('.input-select-feature');
                 const selectFeatureLabels = filterList.querySelectorAll('.input-select-feature-label');
                 for (let [i, selectFeature] of selectFeatures.entries()) {
@@ -5131,13 +5152,6 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 this.selectedFeatures = [selectedFeature];
                             }
                         }
-                        // else{
-                        //   // selectFeatureAll.checked = false;
-                        //   if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
-                        //     this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
-                        //   }
-                        // }
-                        // filterSubmitButton.style.visibility = 'visible'
                         filterSubmitButton.click();
                     });
                     selectFeatureLabels[i].addEventListener('click', () => {
@@ -5146,23 +5160,56 @@ let SfIEvents = class SfIEvents extends LitElement {
                     });
                 }
             });
-            // let innerhtml = eventsContainer.innerHTML;
-            // innerhtml += this.renderSelectAllButtons();
-            // eventsContainer.innerHTML = innerhtml
-            // this.attachTimelineFilterHandlers(eventsContainer);
-            // const radioExpander = eventsContainer.querySelector('#graph-radios-expander') as HTMLButtonElement;
-            // radioExpander?.addEventListener('click', (e: any) => {
-            //   const button = (e.currentTarget as HTMLButtonElement);
-            //   button.style.display = 'none';
-            //   const arrRadios = eventsContainer.querySelectorAll('.chart-radio-item-secondary') as NodeListOf<HTMLDivElement>;
-            //   arrRadios.forEach(div => {
-            //     div.style.display = 'block';
-            //   });
-            // });
             const buttonRefresh = eventsContainer.querySelector('#button-refresh');
             buttonRefresh.addEventListener('click', async () => {
                 this.processDateSelectionViewer(eventsContainer);
             });
+            if (Object.keys(this.statisticsFiltersData).length > 0) {
+                this.renderDrilldownListeners(eventsContainer);
+            }
+        };
+        this.renderDrilldownListeners = async (eventsContainer) => {
+            await new Promise(resolve => setTimeout(resolve, 1000));
+            console.log('rendering drilldown listeners', this.statisticsFiltersData, this.statisticsMeta);
+            let rows = eventsContainer.querySelectorAll('.tablerow');
+            let filtercriteria = Object.keys(this.statisticsFiltersData)[0];
+            console.log('rendering statistics filters for criteria', filtercriteria, this.statisticsMeta[filtercriteria]);
+            let sortedFilters = Util.alphabeticalSort(this.statisticsMeta[filtercriteria]);
+            for (let [rowIndex, row] of rows.entries()) {
+                let filterVal = sortedFilters[rowIndex];
+                let filterValue = filterVal.split(';')[1];
+                let filterName = filterVal.split(';')[0].replace(/\([^)]*\)/g, "");
+                let notStartedDiv = row.querySelector('#filter-not-started-' + rowIndex);
+                notStartedDiv.addEventListener('click', () => {
+                    console.log('clicked not started filter', rowIndex);
+                    console.log('filter', filtercriteria, filterValue, filterName);
+                    this.renderStatisticsDetails(filtercriteria, filterValue, filterName, "not-started");
+                });
+                let pendingApprovalDiv = row.querySelector('#filter-pending-approval-' + rowIndex);
+                pendingApprovalDiv.addEventListener('click', () => {
+                    console.log('clicked pending approval filter', rowIndex);
+                    console.log('filter', filtercriteria, filterValue, filterName);
+                    this.renderStatisticsDetails(filtercriteria, filterValue, filterName, "pending-approval");
+                });
+                let rejectedDiv = row.querySelector('#filter-rejected-' + rowIndex);
+                rejectedDiv.addEventListener('click', () => {
+                    console.log('clicked rejected filter', rowIndex);
+                    console.log('filter', filtercriteria, filterValue, filterName);
+                    this.renderStatisticsDetails(filtercriteria, filterValue, filterName, "rejected");
+                });
+                let approvedDiv = row.querySelector('#filter-approved-' + rowIndex);
+                approvedDiv.addEventListener('click', () => {
+                    console.log('clicked approved filter', rowIndex);
+                    console.log('filter', filtercriteria, filterValue, filterName);
+                    this.renderStatisticsDetails(filtercriteria, filterValue, filterName, "approved");
+                });
+                let totalDiv = row.querySelector('#filter-total-' + rowIndex);
+                totalDiv.addEventListener('click', () => {
+                    console.log('clicked total filter', rowIndex);
+                    console.log('filter', filtercriteria, filterValue, filterName);
+                    this.renderStatisticsDetails(filtercriteria, filterValue, filterName);
+                });
+            }
         };
         this.renderStatisticsFilters = (eventsContainer) => {
             var _a;
@@ -5223,6 +5270,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 let inputLabelSubfilters = eventsContainer.querySelector('#input-label-subfilter');
                 let selectSubfilterCriteria = eventsContainer.querySelector('#select-subfilter-criteria');
                 selectSubfilterCriteria.value = "";
+                selectSubfilterCriteria.length = 0;
                 selectFilterValues.innerHTML = "";
                 let option = new Option();
                 option.value = "";
@@ -5643,6 +5691,10 @@ let SfIEvents = class SfIEvents extends LitElement {
             if (valueEnd == "") {
                 valueEnd = this._SfCustomContainer.querySelector('#stream-end-date-mobile').value;
             }
+            if (this.mode == "viewer") {
+                valueStart = this.sdate;
+                valueEnd = this.edate;
+            }
             //console.log('valuestart', valueStart);
             //console.log('valueend', valueEnd);
             if (valueStart != "" && valueEnd != "") {
@@ -7322,7 +7374,11 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '</div>';
             html += '</div>';
             html += '<div class="d-flex w-100">';
-            html += '<div class="calendar-left-col desktop-only flex-col justify-start align-end">';
+            html += '<div class="calendar-left-col desktop-only flex-col justify-start align-end';
+            if (this.mode == "viewer") {
+                html += ' hide';
+            }
+            html += '">';
             html += '<div class="title-item-date">';
             html += '<label part="input-label">Start Date</label><br />';
             html += '<input id="stream-start-date" part="input" type="date" />';
@@ -7462,7 +7518,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 this._SfCustomContainer.querySelector('#stream-end-date-mobile').value = endDate;
                 this.processDateSelection(this._SfCustomContainer);
             });
-            if (this.selectedFeatures.indexOf('contracts') >= 0) {
+            if (this.selectedFeatures.indexOf('contracts') >= 0 && this.mode != "viewer") {
                 this._SfCustomContainer.querySelector('#button-this-year').click();
             }
             // for(var i = 0; i < 3; i++) {
@@ -9309,7 +9365,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             return csv;
         };
         this.renderGraph = (divContainer, pieData, partData, lateData, complianceData, param) => {
-            console.log('rendering graph chart2');
+            console.log('rendering graph chart2', pieData, partData);
             this.clearSelectedGraphParam();
             // this.clearSelectedLegend();
             this.csvGraphStats = "";
@@ -9367,6 +9423,110 @@ let SfIEvents = class SfIEvents extends LitElement {
                 this.graphFilter = "";
             }
         };
+        this.renderStatisticsDetails = async (filter, filterid, filtervalue, filterstatus = "") => {
+            var _a;
+            let userid = this.userProfileId;
+            // let username = this.userName;
+            let filterString = `countryid="${this.countryId}" locationid="${this.locationId}" entityid="${this.entityId}" tagid="${this.tagId}" selectedcriteria="${this.selectedCriteria}"`;
+            let rolestr = "viewer";
+            if (filter == "reporter" || filter == "approver" || filter == "functionhead") {
+                userid = filterid;
+                // username = filtervalue;
+                rolestr = filter;
+                await this.fetchOnlyYearlyUserCalendar(this.sdate, this.edate, "", "yes", "00", this.calendarStartYYYY, userid, rolestr, this.entityId, this.countryId, this.locationId, this.tagId, this.functionId);
+                filterString = `${filter} - ${filtervalue}`;
+            }
+            else if (filter == "function") {
+                await this.fetchOnlyYearlyUserCalendar(this.sdate, this.edate, "", "yes", "00", this.calendarStartYYYY, this.userProfileId, rolestr, this.entityId, this.countryId, this.locationId, filterid, this.functionId);
+                // filterString = `tagid="${filterid}" selectedcriteria="Tag - ${filtervalue}"`;
+                filterString = `Function - ${filtervalue}`;
+            }
+            else if (filter == "location") {
+                await this.fetchOnlyYearlyUserCalendar(this.sdate, this.edate, "", "yes", "00", this.calendarStartYYYY, this.userProfileId, rolestr, this.entityId, this.countryId, filterid, this.tagId, this.functionId);
+                // filterString = `locationid="${filterid}" selectedcriteria="Location - ${filtervalue}"`;
+                filterString = `Location - ${filtervalue}`;
+            }
+            var html = `
+    
+      <div class="d-flex justify-between m-20">
+        <button part="button-icon" class="material-icons invisible">close</button>
+        <h3 part="results-title" class="m-0">Statistics Details: <strong>${filterString}</strong></h3>
+        <button id="button-detail-close" part="button-icon" class="material-icons">close</button>
+      </div>
+    
+    `;
+            html += `
+      <div id="list-container" class="list-container m-20 pb-20" part="list-container"></div>
+    `;
+            // html += `
+            //   <sf-i-events id="statistics-drilldown" name="Statistics" apiid="dwqyez2puoxmu.cloudfront.net/event" exportparts="detail-container" mode="viewer"
+            //     apiidtags="${this.apiIdTags}"
+            //     apiidusers="${this.apiIdUsers}"
+            //     apiidstatutes="${this.apiIdStatutes}"
+            //     apiiddefinitions="${this.apiIdDefinitions}"
+            //     apiidreportformats="${this.apiidReportformats}"
+            //     apiidnotices="${this.apiIdNotices}"
+            //     apiidagreements="${this.apiIdAgreements}"
+            //     apiidlicenses="${this.apiIdLicenses}" username="${username}"
+            //     userprofileid="${userid}" projectid="${this.projectId}"
+            //     projectname="${this.projectName}" ${filterString}
+            //     myrole="${rolestr}" showregisterexport="false"
+            //     features="${this.features.replace(/"/g, "&quot;")}"
+            //     selectedfeatures="${JSON.stringify(this.selectedFeatures).replace(/"/g, "&quot;")}"
+            //     eventfielddependencies="${this.eventFieldDependencies.replace(/"/g, "&quot;")}"
+            //     eventfields="${this.eventFields.replace(/"/g, "&quot;")}"
+            //     eventpreviewfields="${this.eventPreviewFields.replace(/"/g, "&quot;")}"
+            //     eventhidefields="${this.eventHideFields.replace(/"/g, "&quot;")}"
+            //     calendarstartdd="${this.calendarStartDD}" calendarstartmm="${this.calendarStartMM}" calendarstartyyyy="${this.calendarStartYYYY}"
+            //     sdate="${this.sdate}" edate="${this.edate}"
+            //     flowgraphcompleteness="${this.FLOW_GRAPH_COMPLETENESS}">
+            //     <div slot="uploader">
+            //       <sf-i-uploader id="uploader" max="10" apiid="1peg5170d3"
+            //         allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]"
+            //         extract="yes" projectid="${this.projectId}" maxsize="31457280"
+            //         allowdownload="yes"></sf-i-uploader>
+            //     </div>
+            //     <div slot="reporting">
+            //       <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
+            //     </div>
+            //   </sf-i-events>
+            // `;
+            this._SfDetailListContainer.style.display = 'block';
+            this._SfDetailListContainer.innerHTML = html;
+            // this.renderRangeEvents(new Date(this.sdate), ((new Date(this.edate).getTime()) - new Date(this.sdate).getTime()) / (1000 * 60 * 60 * 24), (this._SfDetailListContainer as HTMLDivElement).querySelector('.list-container') as HTMLDivElement);
+            const lastDay = ((new Date(this.edate).getTime()) - new Date(this.sdate).getTime()) / (1000 * 60 * 60 * 24);
+            let firstDay = new Date((new Date(this.sdate)).getFullYear(), (new Date(this.sdate)).getMonth(), (new Date(this.sdate)).getDate());
+            let endDay = new Date((new Date(this.sdate)).getFullYear(), (new Date(this.sdate)).getMonth(), (new Date(this.sdate)).getDate());
+            endDay === null || endDay === void 0 ? void 0 : endDay.setDate(endDay.getDate() + lastDay);
+            console.log('firstday', firstDay, endDay);
+            var period = ("0" + (firstDay.getMonth() + 1)).slice(-2) + "/" + ("0" + firstDay.getDate()).slice(-2) + '/' + firstDay.getFullYear() + ' - ' + ("0" + (endDay.getMonth() + 1)).slice(-2) + "/" + ("0" + endDay.getDate()).slice(-2) + '/' + endDay.getFullYear();
+            console.log('rangeperiod', period, lastDay);
+            var htmlEvents = this.renderEvents(firstDay, endDay, 0, lastDay, false, 0, ((new Date(this.sdate)).getMonth()), period, (new Date(this.sdate)), "From " + firstDay.toLocaleDateString('en-IN') + " To " + endDay.toLocaleDateString('en-IN'), false, true);
+            this._SfDetailListContainer.querySelector('#list-container').innerHTML = htmlEvents;
+            let divContainer = this._SfDetailListContainer.querySelector('#list-container');
+            const itemsTimeliness = divContainer.querySelectorAll('.stat-timeliness');
+            for (var i = 0; i < itemsTimeliness.length; i++) {
+                itemsTimeliness[i].style.display = 'none';
+            }
+            const itemsCompliance = divContainer.querySelectorAll('.stat-compliance');
+            for (var i = 0; i < itemsCompliance.length; i++) {
+                itemsCompliance[i].style.display = 'none';
+            }
+            if (filterstatus != "") {
+                this.processGraphFilter(filterstatus, divContainer);
+            }
+            (_a = this._SfDetailListContainer.querySelector('#button-detail-close')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
+                this._SfDetailListContainer.innerHTML = '';
+                this._SfDetailListContainer.style.display = 'none';
+            });
+            // let statisticsDrilldown = (this._SfDetailContainer as HTMLDivElement).querySelector('#statistics-drilldown') as SfIEvents;
+            // statisticsDrilldown.sdate = this.sdate
+            // statisticsDrilldown.edate = this.edate
+            // statisticsDrilldown.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
+            // setTimeout(() => {
+            //   statisticsDrilldown.loadMode();
+            // }, 1000);
+        };
         this.renderEventDetailShort = (compliance) => {
             var _a, _b, _c, _f, _g;
             var html = `
@@ -9536,9 +9696,11 @@ let SfIEvents = class SfIEvents extends LitElement {
         </div>
     `;
             html += '<sf-i-reporting id="detail-reporting" class="hide" exportparts="uploader-extracted-text:reporting-uploader-extracted-text, uploader-sf-upload-message:reporting-uploader-sf-upload-message, uploader-sf-upload-submessage:reporting-uploader-sf-upload-submessage, uploader-extracted-text-chip:reporting-uploader-extracted-text-chip, uploader-extracted-text-chip-failed:reporting-uploader-extracted-text-chip-failed, uploader-doctype-verify-badge:reporting-uploader-doctype-verify-badge,span-submit-published:reporting-span-submit-published, span-submit-unpublished:reporting-span-submit-unpublished, reporting-container:reporting-reporting-container, button-icon:reporting-button-icon, uploader-button-icon:reporting-uploader-button-icon, sf-i-form-modal-container:reporting-sf-i-form-modal-container, next-calendar-date:reporting-next-calendar-date, last-calendar-date:reporting-last-calendar-date, input-publish-checkbox:reporting-input-publish-checkbox, button-icon-light:reporting-button-icon-light, button-icon-small:reporting-button-icon-small, uploader-input-label:reporting-uploader-input-label, input-radio:reporting-input-radio, radio-label:reporting-radio-label, input-textarea:reporting-input-textarea, input-textarea-disabled:reporting-input-textarea-disabled, input-date:reporting-input-date, input-date-disabled:reporting-input-date-disabled, input-select-single:reporting-input-select-single, textarea-container:reporting-textarea-container, section-body:reporting-section-body, section-container:reporting-section-container, date-container:reporting-date-container, input-sf-i-uploader:reporting-input-sf-i-uploader, published-container:reporting-published-container, selected-option:reporting-selected-option, input-select-multi-option:reporting-input-select-multi-option, select-option-label:reporting-select-option-label, input-sf-i-form:reporting-input-sf-i-form, input-sf-i-bricks:reporting-input-sf-i-bricks, uploader-input:reporting-uploader-input, form-container:reporting-form-container, published-container:reporting-published-container, form-container-published:reporting-form-container-published, subsection:reporting-subsection, results-title:reporting-results-title, td-head:reporting-td-head, td-action:reporting-td-action, td-body:reporting-td-body, td-body-2:reporting-td-body-2, add-button:reporting-add-button, uploader-button:reporting-uploader-button, section-head-collapsed:reporting-section-head-collapsed, section-title-expanded:reporting-section-title-expanded, section-title-collapsed:reporting-section-title-collapsed, section-head-expanded:reporting-section-head-expanded, progress-bar-finished:reporting-progress-bar-finished, progress-bar-complete:reporting-progress-bar-complete, progress-bar-incomplete:reporting-progress-bar-incomplete, section-success-icon:reporting-section-success-icon, section-body:reporting-section-body, title-section:reporting-title-section, button-lg:reporting-button-lg, uploader-detail-container:reporting-uploader-detail-container, textarea-label:reporting-textarea-label, date-label:reporting-date-label, commentbox:reporting-commentbox, comment-username:reporting-comment-username, detail-head:reporting-detail-head, reporting-uploader-extracted-text:reporting-reporting-uploader-extracted-text, reporting-uploader-sf-upload-message:reporting-reporting-uploader-sf-upload-message, reporting-uploader-sf-upload-submessage:reporting-reporting-uploader-sf-upload-submessage, reporting-uploader-extracted-text-chip:reporting-reporting-uploader-extracted-text-chip, reporting-uploader-extracted-text-chip-failed:reporting-reporting-uploader-extracted-text-chip-failed, reporting-uploader-doctype-verify-badge:reporting-reporting-uploader-doctype-verify-badge, reporting-span-submit-published:reporting-reporting-span-submit-published, reporting-span-submit-unpublished:reporting-reporting-span-submit-unpublished, reporting-reporting-container:reporting-reporting-reporting-container, reporting-button-icon:reporting-reporting-button-icon, reporting-uploader-button-icon:reporting-reporting-uploader-button-icon, reporting-sf-i-form-modal-container:reporting-reporting-sf-i-form-modal-container, reporting-next-calendar-date:reporting-reporting-next-calendar-date, reporting-last-calendar-date:reporting-reporting-last-calendar-date, reporting-input-publish-checkbox:reporting-reporting-input-publish-checkbox, reporting-button-icon-light:reporting-reporting-button-icon-light, reporting-button-icon-small:reporting-reporting-button-icon-small, reporting-uploader-input-label:reporting-reporting-uploader-input-label, reporting-input-radio:reporting-reporting-input-radio, reporting-radio-label:reporting-reporting-radio-label, reporting-input-textarea:reporting-reporting-input-textarea, reporting-input-textarea-disabled:reporting-reporting-input-textarea-disabled, reporting-input-date:reporting-reporting-input-date, reporting-input-date-disabled:reporting-reporting-input-date-disabled reporting-input-select-single:reporting-reporting-input-select-single, reporting-textarea-container:reporting-reporting-textarea-container, reporting-section-body:reporting-reporting-section-body, reporting-section-container:reporting-reporting-section-container, reporting-date-container:reporting-reporting-date-container, reporting-input-sf-i-uploader:reporting-reporting-input-sf-i-uploader, reporting-published-container:reporting-reporting-published-container, reporting-selected-option:reporting-reporting-selected-option, reporting-input-select-multi-option:reporting-reporting-input-select-multi-option, reporting-select-option-label:reporting-reporting-select-option-label, reporting-input-sf-i-form:reporting-reporting-input-sf-i-form, reporting-input-sf-i-bricks:reporting-reporting-input-sf-i-bricks, reporting-uploader-input:reporting-reporting-uploader-input, reporting-form-container:reporting-reporting-form-container, reporting-published-container:reporting-reporting-published-container, reporting-form-container-published:reporting-reporting-form-container-published, reporting-subsection:reporting-reporting-subsection, reporting-results-title:reporting-reporting-results-title, reporting-td-head:reporting-reporting-td-head, reporting-td-action:reporting-reporting-td-action, reporting-td-body:reporting-reporting-td-body, reporting-td-body-2:reporting-reporting-td-body-2, reporting-add-button:reporting-reporting-add-button, reporting-uploader-button:reporting-reporting-uploader-button, reporting-section-head-collapsed:reporting-reporting-section-head-collapsed, reporting-section-title-expanded:reporting-reporting-section-title-expanded, reporting-section-title-collapsed:reporting-reporting-section-title-collapsed, reporting-section-head-expanded:reporting-reporting-section-head-expanded, reporting-progress-bar-finished:reporting-reporting-progress-bar-finished, reporting-progress-bar-complete:reporting-reporting-progress-bar-complete, reporting-progress-bar-incomplete:reporting-reporting-progress-bar-incomplete, reporting-section-success-icon:reporting-reporting-section-success-icon, reporting-section-body:reporting-reporting-section-body, reporting-title-section:reporting-reporting-title-section, reporting-button-lg:reporting-reporting-button-lg, reporting-uploader-detail-container:reporting-reporting-uploader-detail-container, reporting-textarea-label:reporting-reporting-textarea-label, reporting-date-label:reporting-reporting-date-label, reporting-commentbox:reporting-reporting-commentbox, reporting-comment-username:reporting-reporting-comment-username, reporting-detail-head:reporting-reporting-detail-head, reporting-input-sf-i-select:reporting-reporting-input-sf-i-select, select-input-select:reporting-select-input-select, checklist-container:reporting-checklist-container, checklist-title:reporting-checklist-title, checklist-list:reporting-checklist-list, checklist-item:reporting-checklist-item, checklist-checkbox:reporting-checklist-checkbox, checklist-checkbox-label:reporting-checklist-checkbox-label, reporting-checklist-container:reporting-reporting-checklist-container, reporting-checklist-title:reporting-reporting-checklist-title, reporting-checklist-list:reporting-reporting-checklist-list, reporting-checklist-item:reporting-reporting-checklist-item, reporting-checklist-checkbox:reporting-reporting-checklist-checkbox, reporting-checklist-checkbox-label:reporting-reporting-checklist-checkbox-label, checklist-add-input:reporting-checklist-add-input, checklist-add-button:reporting-checklist-add-button, terminate-container:repoortiinig-terminate-container, terminate-container-terminated:reporting-terminate-container-terminated, terminate-container-active:reporting-terminate-container-active, input-terminate-checkbox: reporting-input-terminate-checkbox, reporting-terminate-container:repoortiinig-reporting-terminate-container, reporting-terminate-container-terminated:reporting-reporting-terminate-container-terminated, reporting-terminate-container-active:reporting-reporting-terminate-container-active, reporting-input-terminate-checkbox: reporting-reporting-input-terminate-checkbox, uploader-container:reporting-uploader-container, reporting-uploader-container:reporting-reporting-uploader-container, not-selected:reporting-not-selected, reporting-not-selected:reportinig-reporting-not-selected, " name="Notice Details" apiiduploader="1peg5170d3" apiid="' + this.apiIdNotices + '" mode="admin" flow="details" projectid="' + this.projectId + '" projectname="' + this.projectName + '" editdisable="true" formviewclass="flex-wrap"></sf-i-reporting>';
-            html += '<div part="reporting-view-container">';
-            html += this.renderReporting(listEvent, mmddyyyy);
-            html += "</div>";
+            if (this.mode != "viewer") {
+                html += '<div part="reporting-view-container">';
+                html += this.renderReporting(listEvent, mmddyyyy);
+                html += "</div>";
+            }
             html += '<div class="d-flex justify-between m-20">';
             html += '<h3 part="results-title" class="m-0"><br />Comments</h3>';
             html += '</div>';
@@ -9694,7 +9856,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     let flagBulk = false;
                     if (this.selectedItemIds.length <= 1) {
                         console.log('mmddyyyy', mmddyyyy);
-                        if (await this.uploadReview(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_a = listEvent.module) !== null && _a !== void 0 ? _a : "events")) {
+                        if (await this.uploadReview(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_a = listEvent.module) !== null && _a !== void 0 ? _a : "compliance")) {
                             for (var p = 0; p < this.events[mmdd].length; p++) {
                                 if (this.events[mmdd][p].id == listEvent.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
                                     this.events[mmdd][p].comments.push({ 'author': 'Approver', 'comment': comments + ` (Approved: ${approved ? 'Yes' : 'No'})`, 'timestamp': new Date().toString() });
@@ -9731,7 +9893,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 "userid": this.userProfileId,
                                 "userrole": this.myRole,
                                 "year": this.calendarStartYYYY,
-                                "module": (_b = listEvent.module) !== null && _b !== void 0 ? _b : "events"
+                                "module": (_b = listEvent.module) !== null && _b !== void 0 ? _b : "compliance"
                             });
                             // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, comments, approved)
                             // this.setSuccess("Updating " + (k + 1) + "/" + this.selectedItemIds.length + ", please wait...");
@@ -9818,7 +9980,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         let flagBulk = false;
                         if (this.selectedItemIds.length <= 1) {
-                            if (await this.uploadAudit(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_a = listEvent.module) !== null && _a !== void 0 ? _a : "events")) {
+                            if (await this.uploadAudit(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_a = listEvent.module) !== null && _a !== void 0 ? _a : "compliance")) {
                                 for (var p = 0; p < this.events[mmdd].length; p++) {
                                     if (this.events[mmdd][p].id == listEvent.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
                                         this.events[mmdd][p].approved = approved;
@@ -9856,7 +10018,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     "userid": this.userProfileId,
                                     "userrole": this.myRole,
                                     "year": this.calendarStartYYYY,
-                                    "module": (_b = listEvent.module) !== null && _b !== void 0 ? _b : "events"
+                                    "module": (_b = listEvent.module) !== null && _b !== void 0 ? _b : "compliance"
                                 });
                                 // await this.uploadAudit(entityId, locationId, mmddyyyy, eventId, comments, approved);
                             }
@@ -10055,7 +10217,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                         //     "userid": this.userProfileId,
                                                         //     "userrole": this.myRole,
                                                         //     "year": this.calendarStartYYYY,
-                                                        //     "module": listEvent.module ?? "events"
+                                                        //     "module": listEvent.module ?? "compliance"
                                                         //   } )
                                                         //   // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, "Auto approved", true);
                                                         // }else{
@@ -10077,7 +10239,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                             "userid": this.userProfileId,
                                                             "userrole": this.myRole,
                                                             "year": this.calendarStartYYYY,
-                                                            "module": (_c = listEvent.module) !== null && _c !== void 0 ? _c : "events",
+                                                            "module": (_c = listEvent.module) !== null && _c !== void 0 ? _c : "compliance",
                                                             "makercheckers": (parseInt(makercheckersL) > 0) ? ["makercheckers"] : null
                                                         });
                                                         // }
@@ -10300,9 +10462,11 @@ let SfIEvents = class SfIEvents extends LitElement {
         </div>
     `;
             html += '<sf-i-reporting id="detail-reporting" class="hide" exportparts="uploader-extracted-text:reporting-uploader-extracted-text, uploader-sf-upload-message:reporting-uploader-sf-upload-message, uploader-sf-upload-submessage:reporting-uploader-sf-upload-submessage, uploader-extracted-text-chip:reporting-uploader-extracted-text-chip, uploader-extracted-text-chip-failed:reporting-uploader-extracted-text-chip-failed, uploader-doctype-verify-badge:reporting-uploader-doctype-verify-badge,span-submit-published:reporting-span-submit-published, span-submit-unpublished:reporting-span-submit-unpublished, reporting-container:reporting-reporting-container, button-icon:reporting-button-icon, uploader-button-icon:reporting-uploader-button-icon, sf-i-form-modal-container:reporting-sf-i-form-modal-container, next-calendar-date:reporting-next-calendar-date, last-calendar-date:reporting-last-calendar-date, input-publish-checkbox:reporting-input-publish-checkbox, button-icon-light:reporting-button-icon-light, button-icon-small:reporting-button-icon-small, uploader-input-label:reporting-uploader-input-label, input-radio:reporting-input-radio, radio-label:reporting-radio-label, input-textarea:reporting-input-textarea, input-textarea-disabled:reporting-input-textarea-disabled, input-date:reporting-input-date, input-date-disabled:reporting-input-date-disabled, input-select-single:reporting-input-select-single, textarea-container:reporting-textarea-container, section-body:reporting-section-body, section-container:reporting-section-container, date-container:reporting-date-container, input-sf-i-uploader:reporting-input-sf-i-uploader, published-container:reporting-published-container, selected-option:reporting-selected-option, input-select-multi-option:reporting-input-select-multi-option, select-option-label:reporting-select-option-label, input-sf-i-form:reporting-input-sf-i-form, input-sf-i-bricks:reporting-input-sf-i-bricks, uploader-input:reporting-uploader-input, form-container:reporting-form-container, published-container:reporting-published-container, form-container-published:reporting-form-container-published, subsection:reporting-subsection, results-title:reporting-results-title, td-head:reporting-td-head, td-action:reporting-td-action, td-body:reporting-td-body, td-body-2:reporting-td-body-2, add-button:reporting-add-button, uploader-button:reporting-uploader-button, section-head-collapsed:reporting-section-head-collapsed, section-title-expanded:reporting-section-title-expanded, section-title-collapsed:reporting-section-title-collapsed, section-head-expanded:reporting-section-head-expanded, progress-bar-finished:reporting-progress-bar-finished, progress-bar-complete:reporting-progress-bar-complete, progress-bar-incomplete:reporting-progress-bar-incomplete, section-success-icon:reporting-section-success-icon, section-body:reporting-section-body, title-section:reporting-title-section, button-lg:reporting-button-lg, uploader-detail-container:reporting-uploader-detail-container, textarea-label:reporting-textarea-label, date-label:reporting-date-label, commentbox:reporting-commentbox, comment-username:reporting-comment-username, detail-head:reporting-detail-head, reporting-uploader-extracted-text:reporting-reporting-uploader-extracted-text, reporting-uploader-sf-upload-message:reporting-reporting-uploader-sf-upload-message, reporting-uploader-sf-upload-submessage:reporting-reporting-uploader-sf-upload-submessage, reporting-uploader-extracted-text-chip:reporting-reporting-uploader-extracted-text-chip, reporting-uploader-extracted-text-chip-failed:reporting-reporting-uploader-extracted-text-chip-failed, reporting-uploader-doctype-verify-badge:reporting-reporting-uploader-doctype-verify-badge, reporting-span-submit-published:reporting-reporting-span-submit-published, reporting-span-submit-unpublished:reporting-reporting-span-submit-unpublished, reporting-reporting-container:reporting-reporting-reporting-container, reporting-button-icon:reporting-reporting-button-icon, reporting-uploader-button-icon:reporting-reporting-uploader-button-icon, reporting-sf-i-form-modal-container:reporting-reporting-sf-i-form-modal-container, reporting-next-calendar-date:reporting-reporting-next-calendar-date, reporting-last-calendar-date:reporting-reporting-last-calendar-date, reporting-input-publish-checkbox:reporting-reporting-input-publish-checkbox, reporting-button-icon-light:reporting-reporting-button-icon-light, reporting-button-icon-small:reporting-reporting-button-icon-small, reporting-uploader-input-label:reporting-reporting-uploader-input-label, reporting-input-radio:reporting-reporting-input-radio, reporting-radio-label:reporting-reporting-radio-label, reporting-input-textarea:reporting-reporting-input-textarea, reporting-input-textarea-disabled:reporting-reporting-input-textarea-disabled, reporting-input-date:reporting-reporting-input-date, reporting-input-date-disabled:reporting-reporting-input-date-disabled, reporting-input-select-single:reporting-reporting-input-select-single, reporting-textarea-container:reporting-reporting-textarea-container, reporting-section-body:reporting-reporting-section-body, reporting-section-container:reporting-reporting-section-container, reporting-date-container:reporting-reporting-date-container, reporting-input-sf-i-uploader:reporting-reporting-input-sf-i-uploader, reporting-published-container:reporting-reporting-published-container, reporting-selected-option:reporting-reporting-selected-option, reporting-input-select-multi-option:reporting-reporting-input-select-multi-option, reporting-select-option-label:reporting-reporting-select-option-label, reporting-input-sf-i-form:reporting-reporting-input-sf-i-form, reporting-input-sf-i-bricks:reporting-reporting-input-sf-i-bricks, reporting-uploader-input:reporting-reporting-uploader-input, reporting-form-container:reporting-reporting-form-container, reporting-published-container:reporting-reporting-published-container, reporting-form-container-published:reporting-reporting-form-container-published, reporting-subsection:reporting-reporting-subsection, reporting-results-title:reporting-reporting-results-title, reporting-td-head:reporting-reporting-td-head, reporting-td-action:reporting-reporting-td-action, reporting-td-body:reporting-reporting-td-body, reporting-td-body-2:reporting-reporting-td-body-2, reporting-add-button:reporting-reporting-add-button, reporting-uploader-button:reporting-reporting-uploader-button, reporting-section-head-collapsed:reporting-reporting-section-head-collapsed, reporting-section-title-expanded:reporting-reporting-section-title-expanded, reporting-section-title-collapsed:reporting-reporting-section-title-collapsed, reporting-section-head-expanded:reporting-reporting-section-head-expanded, reporting-progress-bar-finished:reporting-reporting-progress-bar-finished, reporting-progress-bar-complete:reporting-reporting-progress-bar-complete, reporting-progress-bar-incomplete:reporting-reporting-progress-bar-incomplete, reporting-section-success-icon:reporting-reporting-section-success-icon, reporting-section-body:reporting-reporting-section-body, reporting-title-section:reporting-reporting-title-section, reporting-button-lg:reporting-reporting-button-lg, reporting-uploader-detail-container:reporting-reporting-uploader-detail-container, reporting-textarea-label:reporting-reporting-textarea-label, reporting-date-label:reporting-reporting-date-label, reporting-commentbox:reporting-reporting-commentbox, reporting-comment-username:reporting-reporting-comment-username, reporting-detail-head:reporting-reporting-detail-head, input-sf-i-select:reporting-input-sf-i-select,reporting-input-sf-i-select:reporting-reporting-input-sf-i-select, select-input-select:reporting-select-input-select, checklist-container:reporting-checklist-container, checklist-title:reporting-checklist-title, checklist-list:reporting-checklist-list, checklist-item:reporting-checklist-item, checklist-checkbox:reporting-checklist-checkbox, checklist-checkbox-label:reporting-checklist-checkbox-label, reporting-checklist-container:reporting-reporting-checklist-container, reporting-checklist-title:reporting-reporting-checklist-title, reporting-checklist-list:reporting-reporting-checklist-list, reporting-checklist-item:reporting-reporting-checklist-item, reporting-checklist-checkbox:reporting-reporting-checklist-checkbox, reporting-checklist-checkbox-label:reporting-reporting-checklist-checkbox-label, checklist-add-input:reporting-checklist-add-input, checklist-add-button:reporting-checklist-add-button, terminate-container:reporting-terminate-container, terminate-container-terminated:reporting-terminate-container-terminated, terminate-container-active:reporting-terminate-container-active, input-terminate-checkbox: reporting-input-terminate-checkbox, reporting-terminate-container:reporting-reporting-terminate-container, reporting-terminate-container-terminated:reporting-reporting-terminate-container-terminated, reporting-terminate-container-active:reporting-reporting-terminate-container-active, reporting-input-terminate-checkbox: reporting-reporting-input-terminate-checkbox, uploader-container:reporting-uploader-container, reporting-uploader-container:reporting-reporting-uploader-container, not-selected:reporting-not-selected, reporting-not-selected:reportinig-reporting-not-selected" name="Contract Details" apiiduploader="1peg5170d3" apiid="' + this.apiIdAgreements + '" mode="admin" flow="details" projectid="' + this.projectId + '" projectname="' + this.projectName + '" editdisable="true" formviewclass="flex-wrap"></sf-i-reporting>';
-            html += '<div part="reporting-view-container">';
-            html += this.renderReporting(listEvent, mmddyyyy);
-            html += "</div>";
+            if (this.mode != "viewer") {
+                html += '<div part="reporting-view-container">';
+                html += this.renderReporting(listEvent, mmddyyyy);
+                html += "</div>";
+            }
             html += '<div class="d-flex justify-between m-20">';
             html += '<h3 part="results-title" class="m-0"><br />Comments</h3>';
             html += '</div>';
@@ -10472,7 +10636,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     let flagBulk = false;
                     if (this.selectedItemIds.length <= 1) {
                         console.log('mmddyyyy', mmddyyyy);
-                        if (await this.uploadReview(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_b = listEvent.module) !== null && _b !== void 0 ? _b : "events")) {
+                        if (await this.uploadReview(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_b = listEvent.module) !== null && _b !== void 0 ? _b : "compliance")) {
                             if (approved) {
                                 await this.renewContract(listEvent, reportformatvalues);
                             }
@@ -10517,7 +10681,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 "userid": this.userProfileId,
                                 "userrole": this.myRole,
                                 "year": this.calendarStartYYYY,
-                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "events"
+                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "compliance"
                             });
                             // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, comments, approved)
                             // this.setSuccess("Updating " + (k + 1) + "/" + this.selectedItemIds.length + ", please wait...");
@@ -10604,7 +10768,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         let flagBulk = false;
                         if (this.selectedItemIds.length <= 1) {
-                            if (await this.uploadAudit(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_a = listEvent.module) !== null && _a !== void 0 ? _a : "events")) {
+                            if (await this.uploadAudit(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_a = listEvent.module) !== null && _a !== void 0 ? _a : "compliance")) {
                                 for (var p = 0; p < this.events[mmdd].length; p++) {
                                     if (this.events[mmdd][p].id == listEvent.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
                                         this.events[mmdd][p].approved = approved;
@@ -10642,7 +10806,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     "userid": this.userProfileId,
                                     "userrole": this.myRole,
                                     "year": this.calendarStartYYYY,
-                                    "module": (_b = listEvent.module) !== null && _b !== void 0 ? _b : "events"
+                                    "module": (_b = listEvent.module) !== null && _b !== void 0 ? _b : "compliance"
                                 });
                                 // await this.uploadAudit(entityId, locationId, mmddyyyy, eventId, comments, approved);
                             }
@@ -10842,7 +11006,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                             //     "userid": this.userProfileId,
                                             //     "userrole": this.myRole,
                                             //     "year": this.calendarStartYYYY,
-                                            //     "module": listEvent.module ?? "events"
+                                            //     "module": listEvent.module ?? "compliance"
                                             //   } )
                                             //   // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, "Auto approved", true);
                                             // }else{
@@ -10864,7 +11028,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                 "userid": this.userProfileId,
                                                 "userrole": this.myRole,
                                                 "year": this.calendarStartYYYY,
-                                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "events",
+                                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "compliance",
                                                 "makercheckers": (parseInt(makercheckersL) > 0) ? ["makercheckers"] : null
                                             });
                                             // }
@@ -11087,9 +11251,11 @@ let SfIEvents = class SfIEvents extends LitElement {
         </div>
     `;
             html += '<sf-i-reporting id="detail-reporting" class="hide" exportparts="uploader-extracted-text:reporting-uploader-extracted-text, uploader-sf-upload-message:reporting-uploader-sf-upload-message, uploader-sf-upload-submessage:reporting-uploader-sf-upload-submessage, uploader-extracted-text-chip:reporting-uploader-extracted-text-chip, uploader-extracted-text-chip-failed:reporting-uploader-extracted-text-chip-failed, uploader-doctype-verify-badge:reporting-uploader-doctype-verify-badge,span-submit-published:reporting-span-submit-published, span-submit-unpublished:reporting-span-submit-unpublished, reporting-container:reporting-reporting-container, button-icon:reporting-button-icon, uploader-button-icon:reporting-uploader-button-icon, sf-i-form-modal-container:reporting-sf-i-form-modal-container, next-calendar-date:reporting-next-calendar-date, last-calendar-date:reporting-last-calendar-date, input-publish-checkbox:reporting-input-publish-checkbox, button-icon-light:reporting-button-icon-light, button-icon-small:reporting-button-icon-small, uploader-input-label:reporting-uploader-input-label, input-radio:reporting-input-radio, radio-label:reporting-radio-label, input-textarea:reporting-input-textarea, input-textarea-disabled:reporting-input-textarea-disabled, input-date:reporting-input-date, input-date-disabled:reporting-input-date-disabled, input-select-single:reporting-input-select-single, textarea-container:reporting-textarea-container, section-body:reporting-section-body, section-container:reporting-section-container, date-container:reporting-date-container, input-sf-i-uploader:reporting-input-sf-i-uploader, published-container:reporting-published-container, selected-option:reporting-selected-option, input-select-multi-option:reporting-input-select-multi-option, select-option-label:reporting-select-option-label, input-sf-i-form:reporting-input-sf-i-form, input-sf-i-bricks:reporting-input-sf-i-bricks, uploader-input:reporting-uploader-input, form-container:reporting-form-container, published-container:reporting-published-container, form-container-published:reporting-form-container-published, subsection:reporting-subsection, results-title:reporting-results-title, td-head:reporting-td-head, td-action:reporting-td-action, td-body:reporting-td-body, td-body-2:reporting-td-body-2, add-button:reporting-add-button, uploader-button:reporting-uploader-button, section-head-collapsed:reporting-section-head-collapsed, section-title-expanded:reporting-section-title-expanded, section-title-collapsed:reporting-section-title-collapsed, section-head-expanded:reporting-section-head-expanded, progress-bar-finished:reporting-progress-bar-finished, progress-bar-complete:reporting-progress-bar-complete, progress-bar-incomplete:reporting-progress-bar-incomplete, section-success-icon:reporting-section-success-icon, section-body:reporting-section-body, title-section:reporting-title-section, button-lg:reporting-button-lg, uploader-detail-container:reporting-uploader-detail-container, textarea-label:reporting-textarea-label, date-label:reporting-date-label, commentbox:reporting-commentbox, comment-username:reporting-comment-username, detail-head:reporting-detail-head, reporting-uploader-extracted-text:reporting-reporting-uploader-extracted-text, reporting-uploader-sf-upload-message:reporting-reporting-uploader-sf-upload-message, reporting-uploader-sf-upload-submessage:reporting-reporting-uploader-sf-upload-submessage, reporting-uploader-extracted-text-chip:reporting-reporting-uploader-extracted-text-chip, reporting-uploader-extracted-text-chip-failed:reporting-reporting-uploader-extracted-text-chip-failed, reporting-uploader-doctype-verify-badge:reporting-reporting-uploader-doctype-verify-badge, reporting-span-submit-published:reporting-reporting-span-submit-published, reporting-span-submit-unpublished:reporting-reporting-span-submit-unpublished, reporting-reporting-container:reporting-reporting-reporting-container, reporting-button-icon:reporting-reporting-button-icon, reporting-uploader-button-icon:reporting-reporting-uploader-button-icon, reporting-sf-i-form-modal-container:reporting-reporting-sf-i-form-modal-container, reporting-next-calendar-date:reporting-reporting-next-calendar-date, reporting-last-calendar-date:reporting-reporting-last-calendar-date, reporting-input-publish-checkbox:reporting-reporting-input-publish-checkbox, reporting-button-icon-light:reporting-reporting-button-icon-light, reporting-button-icon-small:reporting-reporting-button-icon-small, reporting-uploader-input-label:reporting-reporting-uploader-input-label, reporting-input-radio:reporting-reporting-input-radio, reporting-radio-label:reporting-reporting-radio-label, reporting-input-textarea:reporting-reporting-input-textarea, reporting-input-textarea-disabled:reporting-reporting-input-textarea-disabled, reporting-input-date:reporting-reporting-input-date, reporting-input-date-disabled:reporting-reporting-input-date-disabled, reporting-input-select-single:reporting-reporting-input-select-single, reporting-textarea-container:reporting-reporting-textarea-container, reporting-section-body:reporting-reporting-section-body, reporting-section-container:reporting-reporting-section-container, reporting-date-container:reporting-reporting-date-container, reporting-input-sf-i-uploader:reporting-reporting-input-sf-i-uploader, reporting-published-container:reporting-reporting-published-container, reporting-selected-option:reporting-reporting-selected-option, reporting-input-select-multi-option:reporting-reporting-input-select-multi-option, reporting-select-option-label:reporting-reporting-select-option-label, reporting-input-sf-i-form:reporting-reporting-input-sf-i-form, reporting-input-sf-i-bricks:reporting-reporting-input-sf-i-bricks, reporting-uploader-input:reporting-reporting-uploader-input, reporting-form-container:reporting-reporting-form-container, reporting-published-container:reporting-reporting-published-container, reporting-form-container-published:reporting-reporting-form-container-published, reporting-subsection:reporting-reporting-subsection, reporting-results-title:reporting-reporting-results-title, reporting-td-head:reporting-reporting-td-head, reporting-td-action:reporting-reporting-td-action, reporting-td-body:reporting-reporting-td-body, reporting-td-body-2:reporting-reporting-td-body-2, reporting-add-button:reporting-reporting-add-button, reporting-uploader-button:reporting-reporting-uploader-button, reporting-section-head-collapsed:reporting-reporting-section-head-collapsed, reporting-section-title-expanded:reporting-reporting-section-title-expanded, reporting-section-title-collapsed:reporting-reporting-section-title-collapsed, reporting-section-head-expanded:reporting-reporting-section-head-expanded, reporting-progress-bar-finished:reporting-reporting-progress-bar-finished, reporting-progress-bar-complete:reporting-reporting-progress-bar-complete, reporting-progress-bar-incomplete:reporting-reporting-progress-bar-incomplete, reporting-section-success-icon:reporting-reporting-section-success-icon, reporting-section-body:reporting-reporting-section-body, reporting-title-section:reporting-reporting-title-section, reporting-button-lg:reporting-reporting-button-lg, reporting-uploader-detail-container:reporting-reporting-uploader-detail-container, reporting-textarea-label:reporting-reporting-textarea-label, reporting-date-label:reporting-reporting-date-label, reporting-commentbox:reporting-reporting-commentbox, reporting-comment-username:reporting-reporting-comment-username, reporting-detail-head:reporting-reporting-detail-head, input-sf-i-select:reporting-input-sf-i-select,reporting-input-sf-i-select:reporting-reporting-input-sf-i-select, select-input-select:reporting-select-input-select, checklist-container:reporting-checklist-container, checklist-title:reporting-checklist-title, checklist-list:reporting-checklist-list, checklist-item:reporting-checklist-item, checklist-checkbox:reporting-checklist-checkbox, checklist-checkbox-label:reporting-checklist-checkbox-label, reporting-checklist-container:reporting-reporting-checklist-container, reporting-checklist-title:reporting-reporting-checklist-title, reporting-checklist-list:reporting-reporting-checklist-list, reporting-checklist-item:reporting-reporting-checklist-item, reporting-checklist-checkbox:reporting-reporting-checklist-checkbox, reporting-checklist-checkbox-label:reporting-reporting-checklist-checkbox-label, checklist-add-input:reporting-checklist-add-input, checklist-add-button:reporting-checklist-add-button, terminate-container:reporting-terminate-container, terminate-container-terminated:reporting-terminate-container-terminated, terminate-container-active:reporting-terminate-container-active, input-terminate-checkbox: reporting-input-terminate-checkbox, reporting-terminate-container:reporting-reporting-terminate-container, reporting-terminate-container-terminated:reporting-reporting-terminate-container-terminated, reporting-terminate-container-active:reporting-reporting-terminate-container-active, reporting-input-terminate-checkbox: reporting-reporting-input-terminate-checkbox, uploader-container:reporting-uploader-container, reporting-uploader-container:reporting-reporting-uploader-container, not-selected:reporting-not-selected, reporting-not-selected:reportinig-reporting-not-selected" name="License Details" apiiduploader="1peg5170d3" apiid="' + this.apiIdLicenses + '" mode="admin" flow="details" projectid="' + this.projectId + '" projectname="' + this.projectName + '" editdisable="true" formviewclass="flex-wrap"></sf-i-reporting>';
-            html += '<div part="reporting-view-container">';
-            html += this.renderReporting(listEvent, mmddyyyy);
-            html += "</div>";
+            if (this.mode != "viewer") {
+                html += '<div part="reporting-view-container">';
+                html += this.renderReporting(listEvent, mmddyyyy);
+                html += "</div>";
+            }
             html += '<div class="d-flex justify-between m-20">';
             html += '<h3 part="results-title" class="m-0"><br />Comments</h3>';
             html += '</div>';
@@ -11260,7 +11426,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     let flagBulk = false;
                     if (this.selectedItemIds.length <= 1) {
                         console.log('mmddyyyy', mmddyyyy);
-                        if (await this.uploadReview(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_b = listEvent.module) !== null && _b !== void 0 ? _b : "events")) {
+                        if (await this.uploadReview(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_b = listEvent.module) !== null && _b !== void 0 ? _b : "compliance")) {
                             if (approved) {
                                 await this.renewLicense(listEvent, reportformatvalues);
                             }
@@ -11305,7 +11471,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 "userid": this.userProfileId,
                                 "userrole": this.myRole,
                                 "year": this.calendarStartYYYY,
-                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "events"
+                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "compliance"
                             });
                             // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, comments, approved)
                             // this.setSuccess("Updating " + (k + 1) + "/" + this.selectedItemIds.length + ", please wait...");
@@ -11392,7 +11558,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         let flagBulk = false;
                         if (this.selectedItemIds.length <= 1) {
-                            if (await this.uploadAudit(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_a = listEvent.module) !== null && _a !== void 0 ? _a : "events")) {
+                            if (await this.uploadAudit(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_a = listEvent.module) !== null && _a !== void 0 ? _a : "compliance")) {
                                 for (var p = 0; p < this.events[mmdd].length; p++) {
                                     if (this.events[mmdd][p].id == listEvent.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
                                         this.events[mmdd][p].approved = approved;
@@ -11430,7 +11596,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     "userid": this.userProfileId,
                                     "userrole": this.myRole,
                                     "year": this.calendarStartYYYY,
-                                    "module": (_b = listEvent.module) !== null && _b !== void 0 ? _b : "events"
+                                    "module": (_b = listEvent.module) !== null && _b !== void 0 ? _b : "compliance"
                                 });
                                 // await this.uploadAudit(entityId, locationId, mmddyyyy, eventId, comments, approved);
                             }
@@ -11630,7 +11796,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                             //     "userid": this.userProfileId,
                                             //     "userrole": this.myRole,
                                             //     "year": this.calendarStartYYYY,
-                                            //     "module": listEvent.module ?? "events"
+                                            //     "module": listEvent.module ?? "compliance"
                                             //   } )
                                             //   // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, "Auto approved", true);
                                             // }else{
@@ -11652,7 +11818,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                 "userid": this.userProfileId,
                                                 "userrole": this.myRole,
                                                 "year": this.calendarStartYYYY,
-                                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "events",
+                                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "compliance",
                                                 "makercheckers": (parseInt(makercheckersL) > 0) ? ["makercheckers"] : null
                                             });
                                             // }
@@ -11875,9 +12041,11 @@ let SfIEvents = class SfIEvents extends LitElement {
         </div>
     `;
             html += '<sf-i-reporting id="detail-reporting" class="hide" exportparts="uploader-extracted-text:reporting-uploader-extracted-text, uploader-sf-upload-message:reporting-uploader-sf-upload-message, uploader-sf-upload-submessage:reporting-uploader-sf-upload-submessage, uploader-extracted-text-chip:reporting-uploader-extracted-text-chip, uploader-extracted-text-chip-failed:reporting-uploader-extracted-text-chip-failed, uploader-doctype-verify-badge:reporting-uploader-doctype-verify-badge,span-submit-published:reporting-span-submit-published, span-submit-unpublished:reporting-span-submit-unpublished, reporting-container:reporting-reporting-container, button-icon:reporting-button-icon, uploader-button-icon:reporting-uploader-button-icon, sf-i-form-modal-container:reporting-sf-i-form-modal-container, next-calendar-date:reporting-next-calendar-date, last-calendar-date:reporting-last-calendar-date, input-publish-checkbox:reporting-input-publish-checkbox, button-icon-light:reporting-button-icon-light, button-icon-small:reporting-button-icon-small, uploader-input-label:reporting-uploader-input-label, input-radio:reporting-input-radio, radio-label:reporting-radio-label, input-textarea:reporting-input-textarea, input-textarea-disabled:reporting-input-textarea-disabled, input-date:reporting-input-date, input-date-disabled:reporting-input-date-disabled, input-select-single:reporting-input-select-single, textarea-container:reporting-textarea-container, section-body:reporting-section-body, section-container:reporting-section-container, date-container:reporting-date-container, input-sf-i-uploader:reporting-input-sf-i-uploader, published-container:reporting-published-container, selected-option:reporting-selected-option, input-select-multi-option:reporting-input-select-multi-option, select-option-label:reporting-select-option-label, input-sf-i-form:reporting-input-sf-i-form, input-sf-i-bricks:reporting-input-sf-i-bricks, uploader-input:reporting-uploader-input, form-container:reporting-form-container, published-container:reporting-published-container, form-container-published:reporting-form-container-published, subsection:reporting-subsection, results-title:reporting-results-title, td-head:reporting-td-head, td-action:reporting-td-action, td-body:reporting-td-body, td-body-2:reporting-td-body-2, add-button:reporting-add-button, uploader-button:reporting-uploader-button, section-head-collapsed:reporting-section-head-collapsed, section-title-expanded:reporting-section-title-expanded, section-title-collapsed:reporting-section-title-collapsed, section-head-expanded:reporting-section-head-expanded, progress-bar-finished:reporting-progress-bar-finished, progress-bar-complete:reporting-progress-bar-complete, progress-bar-incomplete:reporting-progress-bar-incomplete, section-success-icon:reporting-section-success-icon, section-body:reporting-section-body, title-section:reporting-title-section, button-lg:reporting-button-lg, uploader-detail-container:reporting-uploader-detail-container, textarea-label:reporting-textarea-label, date-label:reporting-date-label, commentbox:reporting-commentbox, comment-username:reporting-comment-username, detail-head:reporting-detail-head, reporting-uploader-extracted-text:reporting-reporting-uploader-extracted-text, reporting-uploader-sf-upload-message:reporting-reporting-uploader-sf-upload-message, reporting-uploader-sf-upload-submessage:reporting-reporting-uploader-sf-upload-submessage, reporting-uploader-extracted-text-chip:reporting-reporting-uploader-extracted-text-chip, reporting-uploader-extracted-text-chip-failed:reporting-reporting-uploader-extracted-text-chip-failed, reporting-uploader-doctype-verify-badge:reporting-reporting-uploader-doctype-verify-badge, reporting-span-submit-published:reporting-reporting-span-submit-published, reporting-span-submit-unpublished:reporting-reporting-span-submit-unpublished, reporting-reporting-container:reporting-reporting-reporting-container, reporting-button-icon:reporting-reporting-button-icon, reporting-uploader-button-icon:reporting-reporting-uploader-button-icon, reporting-sf-i-form-modal-container:reporting-reporting-sf-i-form-modal-container, reporting-next-calendar-date:reporting-reporting-next-calendar-date, reporting-last-calendar-date:reporting-reporting-last-calendar-date, reporting-input-publish-checkbox:reporting-reporting-input-publish-checkbox, reporting-button-icon-light:reporting-reporting-button-icon-light, reporting-button-icon-small:reporting-reporting-button-icon-small, reporting-uploader-input-label:reporting-reporting-uploader-input-label, reporting-input-radio:reporting-reporting-input-radio, reporting-radio-label:reporting-reporting-radio-label, reporting-input-textarea:reporting-reporting-input-textarea, reporting-input-textarea-disabled:reporting-reporting-input-textarea-disabled, reporting-input-date:reporting-reporting-input-date, reporting-input-date-disabled:reporting-reporting-input-date-disabled, reporting-input-select-single:reporting-reporting-input-select-single, reporting-textarea-container:reporting-reporting-textarea-container, reporting-section-body:reporting-reporting-section-body, reporting-section-container:reporting-reporting-section-container, reporting-date-container:reporting-reporting-date-container, reporting-input-sf-i-uploader:reporting-reporting-input-sf-i-uploader, reporting-published-container:reporting-reporting-published-container, reporting-selected-option:reporting-reporting-selected-option, reporting-input-select-multi-option:reporting-reporting-input-select-multi-option, reporting-select-option-label:reporting-reporting-select-option-label, reporting-input-sf-i-form:reporting-reporting-input-sf-i-form, reporting-input-sf-i-bricks:reporting-reporting-input-sf-i-bricks, reporting-uploader-input:reporting-reporting-uploader-input, reporting-form-container:reporting-reporting-form-container, reporting-published-container:reporting-reporting-published-container, reporting-form-container-published:reporting-reporting-form-container-published, reporting-subsection:reporting-reporting-subsection, reporting-results-title:reporting-reporting-results-title, reporting-td-head:reporting-reporting-td-head, reporting-td-action:reporting-reporting-td-action, reporting-td-body:reporting-reporting-td-body, reporting-td-body-2:reporting-reporting-td-body-2, reporting-add-button:reporting-reporting-add-button, reporting-uploader-button:reporting-reporting-uploader-button, reporting-section-head-collapsed:reporting-reporting-section-head-collapsed, reporting-section-title-expanded:reporting-reporting-section-title-expanded, reporting-section-title-collapsed:reporting-reporting-section-title-collapsed, reporting-section-head-expanded:reporting-reporting-section-head-expanded, reporting-progress-bar-finished:reporting-reporting-progress-bar-finished, reporting-progress-bar-complete:reporting-reporting-progress-bar-complete, reporting-progress-bar-incomplete:reporting-reporting-progress-bar-incomplete, reporting-section-success-icon:reporting-reporting-section-success-icon, reporting-section-body:reporting-reporting-section-body, reporting-title-section:reporting-reporting-title-section, reporting-button-lg:reporting-reporting-button-lg, reporting-uploader-detail-container:reporting-reporting-uploader-detail-container, reporting-textarea-label:reporting-reporting-textarea-label, reporting-date-label:reporting-reporting-date-label, reporting-commentbox:reporting-reporting-commentbox, reporting-comment-username:reporting-reporting-comment-username, reporting-detail-head:reporting-reporting-detail-head, input-sf-i-select:reporting-input-sf-i-select,reporting-input-sf-i-select:reporting-reporting-input-sf-i-select, select-input-select:reporting-select-input-select, checklist-container:reporting-checklist-container, checklist-title:reporting-checklist-title, checklist-list:reporting-checklist-list, checklist-item:reporting-checklist-item, checklist-checkbox:reporting-checklist-checkbox, checklist-checkbox-label:reporting-checklist-checkbox-label, reporting-checklist-container:reporting-reporting-checklist-container, reporting-checklist-title:reporting-reporting-checklist-title, reporting-checklist-list:reporting-reporting-checklist-list, reporting-checklist-item:reporting-reporting-checklist-item, reporting-checklist-checkbox:reporting-reporting-checklist-checkbox, reporting-checklist-checkbox-label:reporting-reporting-checklist-checkbox-label, checklist-add-input:reporting-checklist-add-input, checklist-add-button:reporting-checklist-add-button, terminate-container:reporting-terminate-container, terminate-container-terminated:reporting-terminate-container-terminated, terminate-container-active:reporting-terminate-container-active, input-terminate-checkbox: reporting-input-terminate-checkbox, reporting-terminate-container:reporting-reporting-terminate-container, reporting-terminate-container-terminated:reporting-reporting-terminate-container-terminated, reporting-terminate-container-active:reporting-reporting-terminate-container-active, reporting-input-terminate-checkbox: reporting-reporting-input-terminate-checkbox, uploader-container:reporting-uploader-container, reporting-uploader-container:reporting-reporting-uploader-container, not-selected:reporting-not-selected, reporting-not-selected:reportinig-reporting-not-selected" name="RCM Resource Details" apiiduploader="1peg5170d3" apiid="' + this.apiIdRCMResources + '" mode="admin" flow="details" projectid="' + this.projectId + '" projectname="' + this.projectName + '" editdisable="true" formviewclass="flex-wrap"></sf-i-reporting>';
-            html += '<div part="reporting-view-container">';
-            html += this.renderReporting(listEvent, mmddyyyy);
-            html += "</div>";
+            if (this.mode != "viewer") {
+                html += '<div part="reporting-view-container">';
+                html += this.renderReporting(listEvent, mmddyyyy);
+                html += "</div>";
+            }
             html += '<div class="d-flex justify-between m-20">';
             html += '<h3 part="results-title" class="m-0"><br />Comments</h3>';
             html += '</div>';
@@ -12048,7 +12216,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     let flagBulk = false;
                     if (this.selectedItemIds.length <= 1) {
                         console.log('mmddyyyy', mmddyyyy);
-                        if (await this.uploadReview(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_b = listEvent.module) !== null && _b !== void 0 ? _b : "events")) {
+                        if (await this.uploadReview(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_b = listEvent.module) !== null && _b !== void 0 ? _b : "compliance")) {
                             if (approved) {
                                 await this.renewRCMResource(listEvent, reportformatvalues);
                             }
@@ -12093,7 +12261,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 "userid": this.userProfileId,
                                 "userrole": this.myRole,
                                 "year": this.calendarStartYYYY,
-                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "events"
+                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "compliance"
                             });
                             // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, comments, approved)
                             // this.setSuccess("Updating " + (k + 1) + "/" + this.selectedItemIds.length + ", please wait...");
@@ -12180,7 +12348,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         let flagBulk = false;
                         if (this.selectedItemIds.length <= 1) {
-                            if (await this.uploadAudit(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_a = listEvent.module) !== null && _a !== void 0 ? _a : "events")) {
+                            if (await this.uploadAudit(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_a = listEvent.module) !== null && _a !== void 0 ? _a : "compliance")) {
                                 for (var p = 0; p < this.events[mmdd].length; p++) {
                                     if (this.events[mmdd][p].id == listEvent.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
                                         this.events[mmdd][p].approved = approved;
@@ -12218,7 +12386,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     "userid": this.userProfileId,
                                     "userrole": this.myRole,
                                     "year": this.calendarStartYYYY,
-                                    "module": (_b = listEvent.module) !== null && _b !== void 0 ? _b : "events"
+                                    "module": (_b = listEvent.module) !== null && _b !== void 0 ? _b : "compliance"
                                 });
                                 // await this.uploadAudit(entityId, locationId, mmddyyyy, eventId, comments, approved);
                             }
@@ -12418,7 +12586,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                             //     "userid": this.userProfileId,
                                             //     "userrole": this.myRole,
                                             //     "year": this.calendarStartYYYY,
-                                            //     "module": listEvent.module ?? "events"
+                                            //     "module": listEvent.module ?? "compliance"
                                             //   } )
                                             //   // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, "Auto approved", true);
                                             // }else{
@@ -12440,7 +12608,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                 "userid": this.userProfileId,
                                                 "userrole": this.myRole,
                                                 "year": this.calendarStartYYYY,
-                                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "events",
+                                                "module": (_f = listEvent.module) !== null && _f !== void 0 ? _f : "compliance",
                                                 "makercheckers": (parseInt(makercheckersL) > 0) ? ["makercheckers"] : null
                                             });
                                             // }
@@ -12894,10 +13062,12 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '</div>';
             html += '</div>';
             html += '</div>';
-            if (this.mode == "consumer" || this.mode == "next") {
-                html += '<div part="reporting-view-container">';
-                html += this.renderReporting(event, mmddyyyy);
-                html += "</div>";
+            if (this.mode == "consumer" || this.mode == "next" || this.mode == "viewer") {
+                if (this.mode != "viewer") {
+                    html += '<div part="reporting-view-container">';
+                    html += this.renderReporting(event, mmddyyyy);
+                    html += "</div>";
+                }
                 html += '<div class="d-flex justify-between m-20">';
                 html += '<h3 part="results-title" class="m-0"><br />Comments</h3>';
                 html += '</div>';
@@ -12965,9 +13135,11 @@ let SfIEvents = class SfIEvents extends LitElement {
             // for(let attachmentUploader of attachmentUploaders){
             //   attachmentUploader.loadMode();
             // }
-            let ddmmyyyy = mmddyyyy.split('/')[1] + '/' + mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[2];
-            let emailcontent = `<table border="0" cellspacing="0" style="color:#666666;border-radius:5px;border:solid 1px #efefef;width:100%; margin-top:20px"><tbody><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Compliance ID</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.id}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Country</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.countryname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Entity</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.entityname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Location</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.locationname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Statute</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.statute}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Subcategory</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.subcategory}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Due Date</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${ddmmyyyy}</td></tr></tbody></table>`;
-            this._SfUploader[0].querySelector('#uploader').emailcontent = emailcontent;
+            if (this.mode != "viewer") {
+                let ddmmyyyy = mmddyyyy.split('/')[1] + '/' + mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[2];
+                let emailcontent = `<table border="0" cellspacing="0" style="color:#666666;border-radius:5px;border:solid 1px #efefef;width:100%; margin-top:20px"><tbody><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Compliance ID</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.id}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Country</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.countryname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Entity</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.entityname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Location</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.locationname}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%;font-weight:bold">Statute</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#fbfbfb;font-size:110%">${event.statute}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Subcategory</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.subcategory}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Reporter</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.reporters[0].split(';')[0]}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Approver</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${event.approvers[0].split(';')[0]}</td></tr><tr><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%;font-weight:bold">Due Date</td><td style="padding:10px;padding-top:10px;padding-bottom:10px;vertical-align:top;background-color:#f5f5f5;font-size:110%">${ddmmyyyy}</td></tr></tbody></table>`;
+                this._SfUploader[0].querySelector('#uploader').emailcontent = emailcontent;
+            }
             (_b = this._SfDetailContainer.querySelector('.button-delete')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', async () => {
                 await this.fetchDeleteReview(event["id"], mmddyyyy, entityId, locationId);
                 this.setSuccess('Deleted successfully!');
@@ -12992,7 +13164,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             (_c = this._SfDetailContainer.querySelector('#button-auto-approve')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', async () => {
                 var _a, _b;
                 if (this.selectedItemIds.length <= 1) {
-                    await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], "Auto approved", true, (_a = event.module) !== null && _a !== void 0 ? _a : "events");
+                    await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], "Auto approved", true, (_a = event.module) !== null && _a !== void 0 ? _a : "compliance");
                     this.setSuccess('Auto-Approved successfully!');
                     setTimeout(() => {
                         this.clearMessages();
@@ -13021,7 +13193,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             "userid": this.userProfileId,
                             "userrole": this.myRole,
                             "year": this.calendarStartYYYY,
-                            "module": (_b = event.module) !== null && _b !== void 0 ? _b : "events"
+                            "module": (_b = event.module) !== null && _b !== void 0 ? _b : "compliance"
                         });
                     }
                     await this.uploadReviewsBulk(bulkBodyReview);
@@ -13204,7 +13376,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     let flagBulk = false;
                     if (this.selectedItemIds.length <= 1) {
                         // console.log('mmddyyyy', mmddyyyy)
-                        if (await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], comments, approved, (_a = event.module) !== null && _a !== void 0 ? _a : "events")) {
+                        if (await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], comments, approved, (_a = event.module) !== null && _a !== void 0 ? _a : "compliance")) {
                             for (var p = 0; p < this.events[mmdd].length; p++) {
                                 if (this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
                                     this.events[mmdd][p].comments.push({ 'author': 'Approver', 'comment': comments + ` (Approved: ${approved ? 'Yes' : 'No'})`, 'timestamp': new Date().toString() });
@@ -13240,7 +13412,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 "userid": this.userProfileId,
                                 "userrole": this.myRole,
                                 "year": this.calendarStartYYYY,
-                                "module": (_b = event.module) !== null && _b !== void 0 ? _b : "events"
+                                "module": (_b = event.module) !== null && _b !== void 0 ? _b : "compliance"
                             });
                             // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, comments, approved)
                             // this.setSuccess("Updating " + (k + 1) + "/" + this.selectedItemIds.length + ", please wait...");
@@ -13327,7 +13499,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         let flagBulk = false;
                         if (this.selectedItemIds.length <= 1) {
-                            if (await this.uploadAudit(entityId, locationId, mmddyyyy, event["id"], comments, approved, (_a = event.module) !== null && _a !== void 0 ? _a : "events")) {
+                            if (await this.uploadAudit(entityId, locationId, mmddyyyy, event["id"], comments, approved, (_a = event.module) !== null && _a !== void 0 ? _a : "compliance")) {
                                 for (var p = 0; p < this.events[mmdd].length; p++) {
                                     if (this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
                                         this.events[mmdd][p].approved = approved;
@@ -13364,7 +13536,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     "userid": this.userProfileId,
                                     "userrole": this.myRole,
                                     "year": this.calendarStartYYYY,
-                                    "module": (_b = event.module) !== null && _b !== void 0 ? _b : "events"
+                                    "module": (_b = event.module) !== null && _b !== void 0 ? _b : "compliance"
                                 });
                                 // await this.uploadAudit(entityId, locationId, mmddyyyy, eventId, comments, approved);
                             }
@@ -13504,7 +13676,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                     //console.log('makerscheckers', makercheckers, reportercomments);
                                                     // console.log('reportformatvalues', reportformatvalues)
                                                     // console.log('reportformatschema',reportformatschema)
-                                                    if (await this.uploadReport(entityId, locationId, mmddyyyy, event["id"], reportercomments, reporterdoc, docs, event, reportformatvalues, reportformatschema, (_c = event.module) !== null && _c !== void 0 ? _c : "events", percentage, makercheckers)) {
+                                                    if (await this.uploadReport(entityId, locationId, mmddyyyy, event["id"], reportercomments, reporterdoc, docs, event, reportformatvalues, reportformatschema, (_c = event.module) !== null && _c !== void 0 ? _c : "compliance", percentage, makercheckers)) {
                                                         console.log('this.events', this.events);
                                                         for (var p = 0; p < this.events[mmdd].length; p++) {
                                                             if (this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
@@ -13514,7 +13686,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                             }
                                                         }
                                                         if (makercheckers.length > 0) {
-                                                            // await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], "Auto approved", true, event.module ?? "events");
+                                                            // await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], "Auto approved", true, event.module ?? "compliance");
                                                             for (var p = 0; p < this.events[mmdd].length; p++) {
                                                                 if (this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
                                                                     this.events[mmdd][p].approved = true;
@@ -13559,7 +13731,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                         //   "userid": this.userProfileId,
                                                         //   "userrole": this.myRole,
                                                         //   "year": this.calendarStartYYYY,
-                                                        //   "module": event.module ?? "events"
+                                                        //   "module": event.module ?? "compliance"
                                                         // })
                                                         // await this.uploadReport(entityId, locationId, mmddyyyy, eventId, reportercomments, reporterdoc, docs, null)
                                                         // if(parseInt(makercheckersL) > 0) {
@@ -13582,7 +13754,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                         //     "userid": this.userProfileId,
                                                         //     "userrole": this.myRole,
                                                         //     "year": this.calendarStartYYYY,
-                                                        //     "module": event.module ?? "events"
+                                                        //     "module": event.module ?? "compliance"
                                                         //   } )
                                                         //   // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, "Auto approved", true);
                                                         // }else{
@@ -13604,7 +13776,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                             "userid": this.userProfileId,
                                                             "userrole": this.myRole,
                                                             "year": this.calendarStartYYYY,
-                                                            "module": (_f = event.module) !== null && _f !== void 0 ? _f : "events",
+                                                            "module": (_f = event.module) !== null && _f !== void 0 ? _f : "compliance",
                                                             "makercheckers": (parseInt(makercheckersL) > 0) ? ["makercheckers"] : null
                                                         });
                                                         // }
@@ -18782,27 +18954,29 @@ let SfIEvents = class SfIEvents extends LitElement {
                 // } 
             }
         };
-        this.processGraphFilter = (clickedValue) => {
+        this.processGraphFilter = (clickedValue, detailsListContainer) => {
             var _a;
-            let eventContainer = null;
-            console.log('processGraphFilter called', clickedValue);
-            if (this.getCurrentTab() == this.TAB_STREAM) {
-                eventContainer = this._SfStreamContainer;
-            }
-            // if(this.getCurrentTab() == this.TAB_UPCOMING) {
-            //   eventContainer = (this._SfUpcomingContainer as HTMLDivElement);
-            // }
-            if (this.getCurrentTab() == this.TAB_THIS) {
-                eventContainer = this._SfThisContainer;
-            }
-            // if(this.getCurrentTab() == this.TAB_PAST) {
-            //   eventContainer = (this._SfPastContainer as HTMLDivElement);
-            // }
-            if (this.getCurrentTab() == this.TAB_CUSTOM) {
-                eventContainer = this._SfCustomContainer;
-            }
-            if (this.getCurrentTab() == this.TAB_FIND) {
-                eventContainer = this._SfFindContainer;
+            let eventContainer = detailsListContainer;
+            if (eventContainer == null) {
+                console.log('processGraphFilter called', clickedValue);
+                if (this.getCurrentTab() == this.TAB_STREAM) {
+                    eventContainer = this._SfStreamContainer;
+                }
+                // if(this.getCurrentTab() == this.TAB_UPCOMING) {
+                //   eventContainer = (this._SfUpcomingContainer as HTMLDivElement);
+                // }
+                if (this.getCurrentTab() == this.TAB_THIS) {
+                    eventContainer = this._SfThisContainer;
+                }
+                // if(this.getCurrentTab() == this.TAB_PAST) {
+                //   eventContainer = (this._SfPastContainer as HTMLDivElement);
+                // }
+                if (this.getCurrentTab() == this.TAB_CUSTOM) {
+                    eventContainer = this._SfCustomContainer;
+                }
+                if (this.getCurrentTab() == this.TAB_FIND) {
+                    eventContainer = this._SfFindContainer;
+                }
             }
             if (eventContainer == null)
                 return;
@@ -18842,7 +19016,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     value: clickedValue
                 };
                 streamEventFilters.style.display = 'block';
-                streamEventFilters.innerHTML = '<div part="badge-dashboard" class="d-flex align-center justify-between mr-10 mb-10 no-shrink"><div><span>Filtered by</span>&nbsp;&nbsp;<span id="graph-total" part="badge-filter-name">' + clickedValue + '</span></div><button id="button-filter-cancel" part="button-icon"><span class="material-symbols-outlined">close</span></button></div>';
+                streamEventFilters.innerHTML = '<div part="badge-dashboard" class="d-flex align-center justify-between mr-10 mb-10 no-shrink"><div><span>Filtered by</span>&nbsp;&nbsp;<span id="graph-total" part="badge-filter-name">' + clickedValue + '</span></div>' + (detailsListContainer == null ? '<button id="button-filter-cancel" part="button-icon"><span class="material-symbols-outlined">close</span></button>' : '') + '</div>';
                 (_a = streamEventFilters.querySelector('#button-filter-cancel')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
                     this.graphFilter = "";
                     this.clearSelectedGraphParam();
@@ -19153,7 +19327,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             var html = '';
             html += '<button class="tab-button mb-10" id="calendar-tab-month" part="' + (selectedTab == this.TAB_STREAM ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Month</button>';
             html += '<button class="tab-button mb-10" id="calendar-tab-custom" part="' + (selectedTab == this.TAB_CUSTOM ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">' + (this.myRole == this.TAB_VIEWER ? "Statistics" : "Range") + '</button>';
-            if (this.selectedFeatures.indexOf('contracts') < 0 && this.selectedFeatures.indexOf('licenses') < 0) {
+            if (this.selectedFeatures.indexOf('contracts') < 0 && this.selectedFeatures.indexOf('licenses') < 0 && this.selectedFeatures.indexOf('rcmresources') < 0) {
                 html += '<button class="tab-button mb-10" id="calendar-tab-register" part="' + (selectedTab == this.TAB_REGISTERS ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Registers</button>';
                 html += '<button class="tab-button tab-button-secondary mb-10 ' + (selectedTab == this.TAB_FIND ? '' : 'hide') + '" id="calendar-tab-find" part="' + (selectedTab == this.TAB_FIND ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Search</button>';
                 html += '<button class="tab-button tab-button-secondary mb-10 ' + (selectedTab == this.TAB_THIS ? '' : 'hide') + '" id="calendar-tab-this" part="' + (selectedTab == this.TAB_THIS ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Current</button>';
@@ -20056,7 +20230,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }, 10000);
             }
         };
-        this.uploadAudit = async (entityId, locationId, mmddyyyy, eventid, comments, approved, module = "events") => {
+        this.uploadAudit = async (entityId, locationId, mmddyyyy, eventid, comments, approved, module = "compliance") => {
             let url = "https://" + this.apiId + "/uploadaudit1";
             const body = {
                 "mmddyyyy": mmddyyyy,
@@ -20121,7 +20295,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 this.setError(jsonRespose.error);
             }
         };
-        this.uploadReview = async (entityId, locationId, mmddyyyy, eventid, comments, approved, module = "events") => {
+        this.uploadReview = async (entityId, locationId, mmddyyyy, eventid, comments, approved, module = "compliance") => {
             let url = "https://" + this.apiId + "/uploadreview1";
             const body = {
                 "mmddyyyy": mmddyyyy,
@@ -20216,7 +20390,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }, 3000);
             }
         };
-        this.uploadReport = async (entityId, locationId, mmddyyyy, eventid, comments, doc, docs, event, reportformatvalues = "", reportformatschema = "", module = "events", percentage = "100", makercheckers) => {
+        this.uploadReport = async (entityId, locationId, mmddyyyy, eventid, comments, doc, docs, event, reportformatvalues = "", reportformatschema = "", module = "compliance", percentage = "100", makercheckers) => {
             let url = "https://" + this.apiId + "/uploadreport1";
             let body = {
                 "mmddyyyy": mmddyyyy,
@@ -20339,7 +20513,7 @@ let SfIEvents = class SfIEvents extends LitElement {
         };
         this.uploadEvents = async () => {
             let url = "https://" + this.apiId + "/synccalendar";
-            const body = { "projectid": this._SfProject[0].querySelector('#sf-i-project').selectedValues()[0], "events": JSON.stringify(this.events) };
+            const body = { "projectid": this._SfProject[0].querySelector('#sf-i-project').selectedValues()[0], "compliance": JSON.stringify(this.events) };
             const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
             const xhr = (await this.prepareXhr(body, url, this._SfLoader, authorization));
             this._SfLoader.innerHTML = '';
@@ -21486,7 +21660,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete);
                 if (JSON.stringify(urlBody) == this.getallcountryevetsParams) {
                     this.lastupdated = Util.getDateTimeStrings(new Date().getTime());
-                    console.log('rendering appropriate string', list);
+                    console.log('rendering appropriate string', list, this.selectedTab);
                     this.renderAppropriateStream(startDate, endDate, true);
                     this.fetchBulkReportingData();
                 }
@@ -21544,6 +21718,54 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
         };
+        this.fetchOnlyYearlyUserCalendar = async (startDate = "", endDate = "", searchString = "", list = "yes", month = "00", year = this.calendarStartYYYY, userprofileid = this.userProfileId, userrole = this.myRole, entityid = this.entityId, countryid = this.countryId, locationid = this.locationId, tagid = this.tagId, functionid = this.functionId) => {
+            let path = "", view = "";
+            if (this.tagId != null && this.tagId != "") {
+                view = "tag";
+            }
+            else if (this.countryId != null && this.countryId != "") {
+                view = "country";
+            }
+            else if (this.locationId != null && this.locationId != "") {
+                view = "location";
+            }
+            else {
+                view = "entity";
+            }
+            path = "getallcountryevents";
+            let url = "https://" + this.apiId + "/" + path;
+            //console.log('fetch calendar url', url);
+            let urlBody = { "projectid": this.projectId, "userprofileid": userprofileid, "role": userrole, "entityid": entityid, "countryid": countryid, "functionid": functionid, "locationid": locationid, "tagid": tagid, "adhoc": "false", "exclusivestartkey": 0, "sdate": startDate, "edate": endDate, "view": view, "year": year, "list": list, "month": month };
+            if (searchString.length > 0) {
+                urlBody["searchstring"] = searchString;
+            }
+            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 jsonRespose = JSON.parse(xhr.responseText);
+                console.log('jsonRespose', jsonRespose);
+                // if (JSON.stringify(urlBody) == this.getallcountryevetsParams) {
+                this.events = (await this.fetchPresignedUrl(jsonRespose.signedUrlGet));
+                // }
+                await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete);
+            }
+            else {
+                if (xhr.status == 401) {
+                    let changeEvent = new CustomEvent('tokenExpired', { bubbles: true });
+                    this.dispatchEvent(changeEvent);
+                }
+                if (xhr.status === 404) {
+                    this.showChosenProject();
+                    this._SfTitleChosenProject.innerHTML = this._SfProject[0].querySelector('#sf-i-project').selectedTexts()[0];
+                    this.renderChosenProject();
+                }
+                else {
+                    const jsonRespose = JSON.parse(xhr.responseText);
+                    this.setError(jsonRespose.error);
+                }
+            }
+        };
         this.fetchAndRenderNotices = async (startDate = "", endDate = "", searchString = "", list = "yes", month = "00", year = this.calendarStartYYYY) => {
             var _a;
             let path = "", view = "";
@@ -23248,6 +23470,12 @@ let SfIEvents = class SfIEvents extends LitElement {
             else if (this.mode == "reports") {
                 this.fetchReports();
             }
+            else if (this.mode == "viewer") {
+                this.enableCustom();
+                this.selectedTab = this.TAB_CUSTOM;
+                this.renderCustom();
+                this.renderWithFeatures(this.sdate, this.edate, "", "yes");
+            }
             else {
                 this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
                 this.enableCalendar();
@@ -23628,7 +23856,8 @@ let SfIEvents = class SfIEvents extends LitElement {
               </div>
               <div class="rb"></div>
           </div>
-          <div id="detail-container" class="hide" part="detail-container">
+          <div id="detail-container" class="hide" part="detail-container"></div>
+          <div id="detail-list-container" class="hide" part="detail-list-container">
           </div>
           <div class="d-flex justify-between">
               <div class="lb"></div>
@@ -23815,7 +24044,8 @@ let SfIEvents = class SfIEvents extends LitElement {
           </div>
           <div id="report-summary-container" class="hide" part="report-summary-container">
           </div>
-          <div id="detail-container" class="hide" part="detail-container">
+          <div id="detail-container" class="hide" part="detail-container"></div>
+          <div id="detail-list-container" class="hide" part="detail-list-container">
           </div>
           <div class="d-flex justify-between">
               <div class="lb"></div>
@@ -23897,6 +24127,9 @@ SfIEvents.styles = css `
     #detail-container {
       z-index: 101;
     }
+    #detail-list-container {
+      z-index: 100;
+    }
 
     .plain-filter-icon {
       cursor: pointer;
@@ -23942,6 +24175,7 @@ SfIEvents.styles = css `
       opacity: 0.4;
     }
 
+    .detail-list-container,
     .detail-container,
     .report-summary-container {
       width: 60%;
@@ -25360,6 +25594,12 @@ __decorate([
 __decorate([
     property()
 ], SfIEvents.prototype, "features", void 0);
+__decorate([
+    property()
+], SfIEvents.prototype, "sdate", void 0);
+__decorate([
+    property()
+], SfIEvents.prototype, "edate", void 0);
 __decorate([
     property()
 ], SfIEvents.prototype, "selectallblock", void 0);
@@ -25447,6 +25687,9 @@ __decorate([
 __decorate([
     query('#detail-container')
 ], SfIEvents.prototype, "_SfDetailContainer", void 0);
+__decorate([
+    query('#detail-list-container')
+], SfIEvents.prototype, "_SfDetailListContainer", void 0);
 __decorate([
     query('#report-summary-container')
 ], SfIEvents.prototype, "_SfReportSummaryContainer", void 0);