sf-i-events 1.0.918 → 1.0.920

package/dev/index.html

@@ -829,7 +829,7 @@
     disablesignoff="yes" disableclientresponse="yes">
 
   </sf-i-events> -->
-  <sf-i-events id="sf-i-events-next" name="Next Compliances" apiid="dwqyez2puoxmu.cloudfront.net/event"
+  <!-- <sf-i-events id="sf-i-events-next" name="Next Compliances" apiid="dwqyez2puoxmu.cloudfront.net/event"
     apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance"
     apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
     apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" mode="next" fill="solid" username="Local Reporter 1"
@@ -842,7 +842,7 @@
         extract="yes" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" 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>
+  </sf-i-events> -->
   <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
     apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute"
     apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition"
@@ -873,7 +873,7 @@
     </div>
 
   </sf-i-events> -->
-  <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
+  <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
     apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute"
     apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition"
     apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
@@ -901,7 +901,7 @@
       <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
     </div>
 
-  </sf-i-events> -->
+  </sf-i-events>
   <!-- <sf-i-events id="sf-i-events-next" name="Next Compliances" apiid="dwqyez2puoxmu.cloudfront.net/event"
     apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance"
     apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sf-i-events",
   "private": false,
-  "version": "1.0.918",
+  "version": "1.0.920",
   "description": "Superflows Navigation Component",
   "main": "sf-i-events.js",
   "module": "sf-i-events.js",

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", "tagsmap", "reportersmap", "approversmap", "functionheadsmap", "auditorsmap", "viewersmap", "approved", "documents", "comments", "lastupdated", "dateofcompletion", "mmdd", "completeness", "timeliness", "compliance", "delta", "triggers"];
+        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", "tagsmap", "reportersmap", "approversmap", "functionheadsmap", "auditorsmap", "viewersmap", "approved", "documents", "comments", "lastupdated", "dateofcompletion", "mmdd", "completeness", "timeliness", "compliance", "delta", "triggers", "lastmodifiedby", "lastmodifiedtime"];
         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;
@@ -3734,7 +3734,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             return html;
         };
         this.renderListReporting = (listReportingContainer, event, mmddyyyy, eventsContainer) => {
-            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o;
             console.log('listreporting event', event, this.graphFilter);
             let html = '';
             let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1];
@@ -3873,6 +3873,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 let percentage = inputReportingPercentage.value;
                 if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
                     listReportingContainer.querySelector('#reporting-entity-container').classList.remove('hide');
+                    listReportingContainer.querySelector('#reporting-location-container').classList.remove('hide');
                 }
                 else {
                     listReportingContainer.querySelector('#reporting-entity-container').classList.add('hide');
@@ -3884,6 +3885,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         console.log('percentage', percentage, inputReportingPercentage, inputReportingPercentage.value);
                         if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
                             listReportingContainer.querySelector('#reporting-entity-container').classList.remove('hide');
+                            listReportingContainer.querySelector('#reporting-location-container').classList.remove('hide');
                         }
                         else {
                             listReportingContainer.querySelector('#reporting-entity-container').classList.add('hide');
@@ -3932,8 +3934,35 @@ let SfIEvents = class SfIEvents extends LitElement {
                     listReportingContainer.querySelector('#reporting-location-container').classList.remove('hide');
                     selectReportingLocation.value = (_a = event.reportedlocations) !== null && _a !== void 0 ? _a : "";
                 });
-                selectReportingLocation.value = (_j = event.reportedlocations) !== null && _j !== void 0 ? _j : "";
-                (_k = listReportingContainer.querySelector('#button-uploader-submit-approve')) === null || _k === void 0 ? void 0 : _k.addEventListener('click', async (ev) => {
+                if (event.reportedlocations != null && event.reportedlocations.length > 0) {
+                    console.log('setting reportedlocations', event.reportedlocations);
+                    for (let country of Object.keys(projectUserMap)) {
+                        if (country == "roles") {
+                            continue;
+                        }
+                        for (let entity of Object.keys(projectUserMap[country])) {
+                            let flagSetVal = false;
+                            for (let location of Object.keys(projectUserMap[country][entity])) {
+                                if (event.reportedlocations.indexOf(location) >= 0) {
+                                    selectReportingEntity.value = entity;
+                                    const changeEvent = new Event('change', { bubbles: true });
+                                    selectReportingEntity.dispatchEvent(changeEvent);
+                                    selectReportingLocation.value = location;
+                                    flagSetVal = true;
+                                    break;
+                                }
+                            }
+                            if (flagSetVal) {
+                                break;
+                            }
+                        }
+                    }
+                }
+                else {
+                    selectReportingEntity.value = "";
+                    selectReportingLocation.value = "";
+                }
+                (_j = listReportingContainer.querySelector('#button-uploader-submit-approve')) === null || _j === void 0 ? void 0 : _j.addEventListener('click', async (ev) => {
                     var _a, _b;
                     let buttonClick = ev.target;
                     buttonClick.innerHTML = "Saving...";
@@ -4062,7 +4091,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         }
                     }
                 });
-                (_l = listReportingContainer.querySelector('#button-uploader-submit-audit')) === null || _l === void 0 ? void 0 : _l.addEventListener('click', async (ev) => {
+                (_k = listReportingContainer.querySelector('#button-uploader-submit-audit')) === null || _k === void 0 ? void 0 : _k.addEventListener('click', async (ev) => {
                     var _a, _b;
                     let buttonClick = ev.target;
                     buttonClick.innerHTML = "Saving...";
@@ -4190,7 +4219,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         if (listReportingContainer.querySelector('#button-uploader-submit-report') != null) {
                             listReportingContainer.querySelector('#button-uploader-submit-report').style.visibility = 'visible';
-                            (_m = listReportingContainer.querySelector('#button-uploader-submit-report')) === null || _m === void 0 ? void 0 : _m.addEventListener('click', async (ev) => {
+                            (_l = listReportingContainer.querySelector('#button-uploader-submit-report')) === null || _l === void 0 ? void 0 : _l.addEventListener('click', async (ev) => {
                                 var _a, _b, _c, _f, _g;
                                 let buttonClick = ev.target;
                                 buttonClick.innerHTML = "Saving...";
@@ -4562,7 +4591,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
             if (event['reportformat'] != null && event['reportformat'].length > 0) {
-                this.fetchReportFormat(listReportingContainer, reportformatName, (_o = event['reportformatschema']) !== null && _o !== void 0 ? _o : "", (_p = event['reportformatvalues']) !== null && _p !== void 0 ? _p : "");
+                this.fetchReportFormat(listReportingContainer, reportformatName, (_m = event['reportformatschema']) !== null && _m !== void 0 ? _m : "", (_o = event['reportformatvalues']) !== null && _o !== void 0 ? _o : "");
             }
         };
         this.attachListReportingListeners = (eventsContainer) => {
@@ -5648,7 +5677,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             return [buttonSelectAll, buttonUnselectAll];
         };
         this.renderRegisterEvents = (events, meta = "", searchCountryIndex = -1, searchIndex = -1, searchVal = "") => {
-            var _a;
+            var _a, _b;
             var html = '';
             this.csvDataRegisters = '';
             let flagUpdateFilters = Object.keys(this.registerFilters).length == 0;
@@ -5672,6 +5701,8 @@ let SfIEvents = class SfIEvents extends LitElement {
                 });
             }
             this.tablecols = [];
+            let linesCount = 0;
+            let searchFilterString = "";
             if (this.selectedCountryTab >= 0) {
                 const index = this.selectedCountryTab;
                 //console.log('indexclicked', index);
@@ -5679,6 +5710,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 //console.log('indexclicked', objCountry);
                 var html = '';
                 this.csvDataRegisters += '"ID",';
+                linesCount = 0;
                 for (var i = 0; i < Object.keys(objCountry).length; i++) {
                     const statute = Object.keys(objCountry)[i];
                     // this.csvDataRegisters += ('\n\n"' + statute + '"\n\n');
@@ -5696,7 +5728,11 @@ let SfIEvents = class SfIEvents extends LitElement {
                         this.csvDataRegisters = this.csvDataRegisters.replace(/,\s*$/, "");
                         this.csvDataRegisters += ('\n');
                     }
+                    else {
+                        continue;
+                    }
                     html += '<div class="w-100p scroll-x ' + (i != this.selectedRegisterIndex ? 'hide' : '') + ' register-body-' + i + '">';
+                    html += '<div class="d-flex flex-col left-sticky">';
                     html += '<div class="d-flex align-end">';
                     html += '<div class="title-item-date">';
                     html += '<label part="input-label">Search In Statute</label><br />';
@@ -5706,6 +5742,8 @@ let SfIEvents = class SfIEvents extends LitElement {
                     html += '<button id="button-download-statute-' + index + '-' + i + '" part="button" class="button-download-statute d-flex justify-center align-center ml-10"><span class="material-symbols-outlined">download</span>&nbsp;&nbsp;<span>Export</span></button>';
                     html += '</div>';
                     html += '</div>';
+                    html += '<div id="filter-string" part="filter-string">Test String</div>';
+                    html += '</div>';
                     html += '<table>';
                     let tableBodyHtml = '';
                     for (var j = 0; j < Object.keys(objCountry[statute]).length; j++) {
@@ -5728,6 +5766,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         if (compliance.hide != null && compliance.hide == true) {
                             continue;
                         }
+                        linesCount++;
                         this.csvDataRegisters += ('"' + complianceId + '",');
                         // html += '<div class="w-100p scroll-x ' + (i != this.selectedRegisterIndex ? 'hide' : '') + ' register-body-' + i + '">';
                         // html += '<table>';
@@ -5763,7 +5802,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 entities += entity.split(';')[0].replace(/\([^)]*\)/g, "") + ',';
                             }
                             entities = entities.slice(0, entities.length - 1);
-                            tableBodyHtml += ('<td class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important">entities</span><br /><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + entities + '" highlight="' + searchVal + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
+                            tableBodyHtml += ('<td class="td-body" part="td-body-register"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + entities + '" highlight="' + searchVal + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
                             if (!this.tablecols.includes('entities') && !this.EXCLUDE_COLS_FROM_REGS.includes('entities')) {
                                 this.tablecols.push('entities');
                             }
@@ -5781,7 +5820,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 locations += location.split(';')[0].replace(/\([^)]*\)/g, "") + ',';
                             }
                             locations = locations.slice(0, locations.length - 1);
-                            tableBodyHtml += ('<td class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important">locations</span><br /><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + locations + '" highlight="' + searchVal + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
+                            tableBodyHtml += ('<td class="td-body" part="td-body-register"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + locations + '" highlight="' + searchVal + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
                             if (!this.tablecols.includes('locations') && !this.EXCLUDE_COLS_FROM_REGS.includes('locations')) {
                                 this.tablecols.push('locations');
                             }
@@ -5802,19 +5841,30 @@ let SfIEvents = class SfIEvents extends LitElement {
                     }
                     html += '<thead><tr>';
                     html += '<th class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important"></span></th>';
+                    searchFilterString = "";
                     for (let colName of this.tablecols) {
                         let allSelected = true;
                         for (let subfilterObj of Object.keys((_a = this.registerFilters[colName]) !== null && _a !== void 0 ? _a : {})) {
                             if (this.registerFilters[colName][subfilterObj] == false) {
                                 allSelected = false;
+                                for (let subfilterObjVal of Object.keys((_b = this.registerFilters[colName]) !== null && _b !== void 0 ? _b : {})) {
+                                    if (this.registerFilters[colName][subfilterObjVal] == true) {
+                                        if (searchFilterString == "") {
+                                            searchFilterString += subfilterObjVal;
+                                        }
+                                        else {
+                                            searchFilterString += ', ' + subfilterObjVal;
+                                        }
+                                    }
+                                }
                                 break;
                             }
                         }
-                        html += '<th class="td-body" part="td-body-register"><div class="d-flex align-start"><span part="' + (allSelected ? 'td-head' : 'td-head-selected') + '" style="padding-left: 0px !important">' + colName + '</span><div class="filter-button-container ml-10"><button part="' + (allSelected ? 'col-icon' : 'col-icon-selected') + '" id="filter-button-' + this.tablecols.indexOf(colName) + '" class="filter-button material-symbols-outlined">filter_list</button>';
+                        html += '<th class="td-body" part="td-body-register"><div class="d-flex align-start"><span part="' + (allSelected ? 'td-head' : 'td-head-selected') + '" style="' + (allSelected ? 'padding-left: 0px !important' : '') + '">' + colName + '</span><div class="filter-button-container ml-10"><button part="' + (allSelected ? 'col-icon' : 'col-icon-selected') + '" id="filter-button-' + this.tablecols.indexOf(colName) + '" class="filter-button material-symbols-outlined">filter_list</button>';
                         html += '<div id="filter-list-container-' + this.tablecols.indexOf(colName) + '" class="filter-list-container hide flex-col justify-between align-start p-10" part="filter-list-container" anchor="filter-button">';
                         html += `<div id="filter-label-container-${this.tablecols.indexOf(colName)}" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><div class="d-flex align-center"><input class="input-select-filter" type="checkbox" ${allSelected ? 'checked' : ''} id="input-select-filter-${this.tablecols.indexOf(colName)}-all" name="features" part="input-select-feature" value="all-${colName}"></input><label class="filter-label" part="filter-label" for="input-select-filter-${this.tablecols.indexOf(colName)}-all">All</label></div><button id="button-submit-filters-${this.tablecols.indexOf(colName)}" part="col-option-icon" class="button-submit-filters material-icons invisible">check</button></div>`;
                         for (let [index, filterKey] of Object.keys(this.registerFilters[colName]).entries()) {
-                            console.log('rendering filter', filterKey);
+                            // console.log('rendering filter', filterKey);
                             html += `<div class="filter-input-container d-flex justify-start align-start"><input class="input-select-filter" type="checkbox" ${this.registerFilters[colName][filterKey] == true ? 'checked' : ''} id="input-select-filter-${this.tablecols.indexOf(colName)}-${index}" name="features" part="input-select-feature" value="${filterKey}"></input><label for="input-select-filter-${this.tablecols.indexOf(colName)}-${index}" id="input-select-filter-label-${this.tablecols.indexOf(colName)}-${index}" class="input-select-filter-label"  part="input-select-feature-label">${filterKey}</label></div>`;
                         }
                         html += '</div></div></th>';
@@ -5827,8 +5877,25 @@ let SfIEvents = class SfIEvents extends LitElement {
                     // html += '</div>';
                 }
                 divRegisterList.innerHTML = html;
-                console.log('registerFilters', flagUpdateFilters, this.registerFilters);
+                console.log('registerFilters', flagUpdateFilters, this.registerFilters, html.indexOf('input-select-filter-0-0'));
                 // console.log('csvdataregisters', this.csvDataRegisters);
+                if (this.selectedRegisterIndex >= 0) {
+                    const divFilterString = this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelector('#filter-string');
+                    let filterString = "";
+                    if (searchVal != "" || searchFilterString != "") {
+                        filterString = linesCount + " result(s) when ";
+                        if (searchVal != "") {
+                            filterString += "searched by \"" + searchVal + "\"";
+                            if (searchFilterString != "") {
+                                filterString += ", filtered by \"" + searchFilterString + "\"";
+                            }
+                        }
+                        else if (searchFilterString != "") {
+                            filterString += "filtered by \"" + searchFilterString + "\"";
+                        }
+                    }
+                    divFilterString.innerHTML = filterString;
+                }
                 const arrButtonCountries = this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelectorAll('.button-icon-country');
                 for (i = 0; i < arrButtonCountries.length; i++) {
                     const button = Util.clearListeners(arrButtonCountries[i]);
@@ -7767,7 +7834,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             var _a, _b;
             var html = '';
             html += '<div class="scroll-x w-100 mobile-only">';
-            html += '<div class="title-item-date">';
+            html += '<div class="title-item-date hide">';
             html += '<label part="input-label">Search</label><br />';
             html += '<input id="stream-search-mobile" part="input" type="text" autofocus/>';
             html += '</div>';
@@ -7775,7 +7842,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<div class="d-flex w-100 flex-col">';
             html += '<div class="calendar-left-col-register flex-grow desktop-only flex-col justify-start">';
             html += '<div>';
-            html += '<div class="title-item-date">';
+            html += '<div class="title-item-date hide">';
             html += '<label part="input-label">Search</label><br />';
             html += '<input id="stream-search" part="input" type="text" autofocus/>';
             html += '</div>';
@@ -13392,7 +13459,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.renderEventDetail = (event, mmddyyyy, currentColumnButton, eventsContainer) => {
-            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
             console.log('event details', event, mmddyyyy, currentColumnButton == null ? "null currentColumnButton" : currentColumnButton.id);
             let comments, docs, approved, /*dateOfCompletion,*/ makercheckers, docsOptional, documentType;
             let entityId = "";
@@ -13955,6 +14022,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 let percentage = inputReportingPercentage.value;
                 if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
                     this._SfDetailContainer.querySelector('#reporting-entity-container').classList.remove('hide');
+                    this._SfDetailContainer.querySelector('#reporting-location-container').classList.remove('hide');
                 }
                 else {
                     this._SfDetailContainer.querySelector('#reporting-entity-container').classList.add('hide');
@@ -13966,6 +14034,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         console.log('percentage', percentage, inputReportingPercentage, inputReportingPercentage.value);
                         if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
                             this._SfDetailContainer.querySelector('#reporting-entity-container').classList.remove('hide');
+                            this._SfDetailContainer.querySelector('#reporting-location-container').classList.remove('hide');
                         }
                         else {
                             this._SfDetailContainer.querySelector('#reporting-entity-container').classList.add('hide');
@@ -14014,8 +14083,35 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this._SfDetailContainer.querySelector('#reporting-location-container').classList.remove('hide');
                     selectReportingLocation.value = (_a = event.reportedlocations) !== null && _a !== void 0 ? _a : "";
                 });
-                selectReportingLocation.value = (_t = event.reportedlocations) !== null && _t !== void 0 ? _t : "";
-                (_u = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _u === void 0 ? void 0 : _u.addEventListener('click', async (ev) => {
+                if (event.reportedlocations != null && event.reportedlocations.length > 0) {
+                    console.log('setting reportedlocations', event.reportedlocations);
+                    for (let country of Object.keys(projectUserMap)) {
+                        if (country == "roles") {
+                            continue;
+                        }
+                        for (let entity of Object.keys(projectUserMap[country])) {
+                            let flagSetVal = false;
+                            for (let location of Object.keys(projectUserMap[country][entity])) {
+                                if (event.reportedlocations.indexOf(location) >= 0) {
+                                    selectReportingEntity.value = entity;
+                                    const changeEvent = new Event('change', { bubbles: true });
+                                    selectReportingEntity.dispatchEvent(changeEvent);
+                                    selectReportingLocation.value = location;
+                                    flagSetVal = true;
+                                    break;
+                                }
+                            }
+                            if (flagSetVal) {
+                                break;
+                            }
+                        }
+                    }
+                }
+                else {
+                    selectReportingEntity.value = "";
+                    selectReportingLocation.value = "";
+                }
+                (_t = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _t === void 0 ? void 0 : _t.addEventListener('click', async (ev) => {
                     var _a, _b, _c;
                     let buttonClick = ev.target;
                     buttonClick.innerHTML = "Saving...";
@@ -14154,7 +14250,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         }
                     }
                 });
-                (_v = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _v === void 0 ? void 0 : _v.addEventListener('click', async (ev) => {
+                (_u = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _u === void 0 ? void 0 : _u.addEventListener('click', async (ev) => {
                     var _a, _b;
                     let buttonClick = ev.target;
                     buttonClick.innerHTML = "Saving...";
@@ -14310,7 +14406,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         if (this._SfDetailContainer.querySelector('#button-uploader-submit-report') != null) {
                             this._SfDetailContainer.querySelector('#button-uploader-submit-report').style.visibility = 'visible';
-                            (_w = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _w === void 0 ? void 0 : _w.addEventListener('click', async (ev) => {
+                            (_v = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _v === void 0 ? void 0 : _v.addEventListener('click', async (ev) => {
                                 var _a, _b, _c, _f;
                                 let buttonClick = ev.target;
                                 buttonClick.innerHTML = "Saving...";
@@ -14713,7 +14809,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
             else if (event['reportformat'] != null && event['reportformat'].length > 0) {
-                this.fetchReportFormat(this._SfDetailContainer, reportformatName, (_x = event['reportformatschema']) !== null && _x !== void 0 ? _x : "", (_y = event['reportformatvalues']) !== null && _y !== void 0 ? _y : "");
+                this.fetchReportFormat(this._SfDetailContainer, reportformatName, (_w = event['reportformatschema']) !== null && _w !== void 0 ? _w : "", (_x = event['reportformatvalues']) !== null && _x !== void 0 ? _x : "");
             }
         };
         this.renderCalendar = () => {

package/src/sf-i-events.ts

@@ -858,7 +858,7 @@ export class SfIEvents extends LitElement {
 
   AUTOSAVE_FLAG = true;
 
-  EXCLUDE_COLS_FROM_REGS: Array<string> = ["updatetype", "question", "invalidations", "activations", "alertschedule", "clientquestion", "countryname", "countryid", "entityname", "entityid", "locationname", "locationid", "reporters", "approvers", "timeframe", "responsedays", "execmodule", "functions", "shortid", "shortnumid", "countries", "tagsmap", "reportersmap", "approversmap", "functionheadsmap", "auditorsmap", "viewersmap", "approved", "documents", "comments", "lastupdated", "dateofcompletion", "mmdd", "completeness", "timeliness", "compliance", "delta", "triggers"]
+  EXCLUDE_COLS_FROM_REGS: Array<string> = ["updatetype", "question", "invalidations", "activations", "alertschedule", "clientquestion", "countryname", "countryid", "entityname", "entityid", "locationname", "locationid", "reporters", "approvers", "timeframe", "responsedays", "execmodule", "functions", "shortid", "shortnumid", "countries", "tagsmap", "reportersmap", "approversmap", "functionheadsmap", "auditorsmap", "viewersmap", "approved", "documents", "comments", "lastupdated", "dateofcompletion", "mmdd", "completeness", "timeliness", "compliance", "delta", "triggers", "lastmodifiedby", "lastmodifiedtime"]
 
   CHARTS_LIST_BY_MODULES: { [key: string]: Array<string> } = { "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"] };
 
@@ -6231,7 +6231,8 @@ export class SfIEvents extends LitElement {
       let percentage = inputReportingPercentage.value
 
       if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
-        (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide')
+        (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide');
+        (listReportingContainer.querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
       } else {
         (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.add('hide');
         (listReportingContainer.querySelector('#reporting-location-container') as HTMLDivElement).classList.add('hide')
@@ -6241,7 +6242,8 @@ export class SfIEvents extends LitElement {
           let percentage = inputReportingPercentage.value
           console.log('percentage', percentage, inputReportingPercentage, inputReportingPercentage.value);
           if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
-            (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide')
+            (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide');
+            (listReportingContainer.querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
           } else {
             (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.add('hide');
             (listReportingContainer.querySelector('#reporting-location-container') as HTMLDivElement).classList.add('hide')
@@ -6274,7 +6276,7 @@ export class SfIEvents extends LitElement {
             continue;
           }
           for (let entity of Object.keys(projectUserMap[country])) {
-            if(entity.indexOf(e.target.value) < 0){
+            if (entity.indexOf(e.target.value) < 0) {
               continue;
             }
             for (let location of Object.keys(projectUserMap[country][entity])) {
@@ -6287,8 +6289,34 @@ export class SfIEvents extends LitElement {
         (listReportingContainer.querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
         selectReportingLocation.value = event.reportedlocations ?? "";
       })
-      
-      selectReportingLocation.value = event.reportedlocations ?? "";
+      if (event.reportedlocations != null && event.reportedlocations.length > 0) {
+        console.log('setting reportedlocations', event.reportedlocations)
+        for (let country of Object.keys(projectUserMap)) {
+          if (country == "roles") {
+            continue;
+          }
+          for (let entity of Object.keys(projectUserMap[country])) {
+            let flagSetVal = false;
+            for (let location of Object.keys(projectUserMap[country][entity])) {
+              if (event.reportedlocations.indexOf(location) >= 0) {
+                selectReportingEntity.value = entity;
+                const changeEvent = new Event('change', { bubbles: true });
+                selectReportingEntity.dispatchEvent(changeEvent)
+                selectReportingLocation.value = location;
+                flagSetVal = true;
+                break;
+              }
+            }
+            if (flagSetVal) {
+              break;
+            }
+          }
+        }
+      } else {
+        selectReportingEntity.value = "";
+        selectReportingLocation.value = "";
+      }
+
       listReportingContainer.querySelector('#button-uploader-submit-approve')?.addEventListener('click', async (ev: any) => {
         let buttonClick = ev.target as HTMLButtonElement
         buttonClick.innerHTML = "Saving..."
@@ -6594,7 +6622,7 @@ export class SfIEvents extends LitElement {
                       flag = true;
                     }
                   }
-                }else{
+                } else {
                   flag = true;
                 }
                 if (flag === false) {
@@ -8223,6 +8251,8 @@ export class SfIEvents extends LitElement {
       });
     }
     this.tablecols = []
+    let linesCount = 0;
+    let searchFilterString = ""
     if (this.selectedCountryTab >= 0) {
 
       const index = this.selectedCountryTab;
@@ -8233,6 +8263,7 @@ export class SfIEvents extends LitElement {
 
       var html = '';
       this.csvDataRegisters += '"ID",';
+      linesCount = 0
       for (var i = 0; i < Object.keys(objCountry).length; i++) {
 
         const statute = Object.keys(objCountry)[i];
@@ -8255,10 +8286,13 @@ export class SfIEvents extends LitElement {
           }
           this.csvDataRegisters = this.csvDataRegisters.replace(/,\s*$/, "");
           this.csvDataRegisters += ('\n');
+        } else {
+          continue;
         }
         html += '<div class="w-100p scroll-x ' + (i != this.selectedRegisterIndex ? 'hide' : '') + ' register-body-' + i + '">';
 
-        html += '<div class="d-flex align-end">';
+        html += '<div class="d-flex flex-col left-sticky">';
+        html += '<div class="d-flex align-end">'
         html += '<div class="title-item-date">';
         html += '<label part="input-label">Search In Statute</label><br />'
         html += '<input id="stream-search-statute-' + index + '-' + i + '" class="stream-search-statute" part="input" type="text" value="' + ((searchCountryIndex == index && searchIndex == i) ? searchVal : "") + '"/>'
@@ -8267,8 +8301,11 @@ export class SfIEvents extends LitElement {
         html += '<button id="button-download-statute-' + index + '-' + i + '" part="button" class="button-download-statute d-flex justify-center align-center ml-10"><span class="material-symbols-outlined">download</span>&nbsp;&nbsp;<span>Export</span></button>';
         html += '</div>';
         html += '</div>';
+        html += '<div id="filter-string" part="filter-string">Test String</div>'
+        html += '</div>';
         html += '<table>';
         let tableBodyHtml = ''
+
         for (var j = 0; j < Object.keys(objCountry[statute]).length; j++) {
 
           const complianceId = Object.keys(objCountry[statute])[j];
@@ -8293,6 +8330,7 @@ export class SfIEvents extends LitElement {
           if (compliance.hide != null && compliance.hide == true) {
             continue;
           }
+          linesCount++
           this.csvDataRegisters += ('"' + complianceId + '",');
           // html += '<div class="w-100p scroll-x ' + (i != this.selectedRegisterIndex ? 'hide' : '') + ' register-body-' + i + '">';
           // html += '<table>';
@@ -8328,7 +8366,7 @@ export class SfIEvents extends LitElement {
               entities += entity.split(';')[0].replace(/\([^)]*\)/g, "") + ','
             }
             entities = entities.slice(0, entities.length - 1)
-            tableBodyHtml += ('<td class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important">entities</span><br /><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + entities + '" highlight="' + searchVal + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
+            tableBodyHtml += ('<td class="td-body" part="td-body-register"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + entities + '" highlight="' + searchVal + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
             if (!this.tablecols.includes('entities') && !this.EXCLUDE_COLS_FROM_REGS.includes('entities')) {
               this.tablecols.push('entities')
             }
@@ -8346,7 +8384,7 @@ export class SfIEvents extends LitElement {
               locations += location.split(';')[0].replace(/\([^)]*\)/g, "") + ','
             }
             locations = locations.slice(0, locations.length - 1)
-            tableBodyHtml += ('<td class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important">locations</span><br /><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + locations + '" highlight="' + searchVal + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
+            tableBodyHtml += ('<td class="td-body" part="td-body-register"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + locations + '" highlight="' + searchVal + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
             if (!this.tablecols.includes('locations') && !this.EXCLUDE_COLS_FROM_REGS.includes('locations')) {
               this.tablecols.push('locations')
             }
@@ -8367,21 +8405,30 @@ export class SfIEvents extends LitElement {
         }
         html += '<thead><tr>';
         html += '<th class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important"></span></th>'
-
+        searchFilterString = ""
         for (let colName of this.tablecols) {
           let allSelected = true;
           for (let subfilterObj of Object.keys(this.registerFilters[colName] ?? {})) {
             if (this.registerFilters[colName][subfilterObj] == false) {
               allSelected = false;
+              for (let subfilterObjVal of Object.keys(this.registerFilters[colName] ?? {})) {
+                if (this.registerFilters[colName][subfilterObjVal] == true) {
+                  if (searchFilterString == "") {
+                    searchFilterString += subfilterObjVal
+                  } else {
+                    searchFilterString += ', ' + subfilterObjVal
+                  }
+                }
+              }
               break;
             }
           }
 
-          html += '<th class="td-body" part="td-body-register"><div class="d-flex align-start"><span part="' + (allSelected ? 'td-head' : 'td-head-selected') + '" style="padding-left: 0px !important">' + colName + '</span><div class="filter-button-container ml-10"><button part="' + (allSelected ? 'col-icon' : 'col-icon-selected') + '" id="filter-button-' + this.tablecols.indexOf(colName) + '" class="filter-button material-symbols-outlined">filter_list</button>'
+          html += '<th class="td-body" part="td-body-register"><div class="d-flex align-start"><span part="' + (allSelected ? 'td-head' : 'td-head-selected') + '" style="' + (allSelected ? 'padding-left: 0px !important' : '') + '">' + colName + '</span><div class="filter-button-container ml-10"><button part="' + (allSelected ? 'col-icon' : 'col-icon-selected') + '" id="filter-button-' + this.tablecols.indexOf(colName) + '" class="filter-button material-symbols-outlined">filter_list</button>'
           html += '<div id="filter-list-container-' + this.tablecols.indexOf(colName) + '" class="filter-list-container hide flex-col justify-between align-start p-10" part="filter-list-container" anchor="filter-button">'
           html += `<div id="filter-label-container-${this.tablecols.indexOf(colName)}" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><div class="d-flex align-center"><input class="input-select-filter" type="checkbox" ${allSelected ? 'checked' : ''} id="input-select-filter-${this.tablecols.indexOf(colName)}-all" name="features" part="input-select-feature" value="all-${colName}"></input><label class="filter-label" part="filter-label" for="input-select-filter-${this.tablecols.indexOf(colName)}-all">All</label></div><button id="button-submit-filters-${this.tablecols.indexOf(colName)}" part="col-option-icon" class="button-submit-filters material-icons invisible">check</button></div>`
           for (let [index, filterKey] of Object.keys(this.registerFilters[colName]).entries()) {
-            console.log('rendering filter', filterKey);
+            // console.log('rendering filter', filterKey);
             html += `<div class="filter-input-container d-flex justify-start align-start"><input class="input-select-filter" type="checkbox" ${this.registerFilters[colName][filterKey] == true ? 'checked' : ''} id="input-select-filter-${this.tablecols.indexOf(colName)}-${index}" name="features" part="input-select-feature" value="${filterKey}"></input><label for="input-select-filter-${this.tablecols.indexOf(colName)}-${index}" id="input-select-filter-label-${this.tablecols.indexOf(colName)}-${index}" class="input-select-filter-label"  part="input-select-feature-label">${filterKey}</label></div>`
           }
           html += '</div></div></th>'
@@ -8397,9 +8444,24 @@ export class SfIEvents extends LitElement {
       }
 
       divRegisterList!.innerHTML = html;
-      console.log('registerFilters', flagUpdateFilters, this.registerFilters);
+      console.log('registerFilters', flagUpdateFilters, this.registerFilters, html.indexOf('input-select-filter-0-0'));
       // console.log('csvdataregisters', this.csvDataRegisters);
-
+      if (this.selectedRegisterIndex >= 0) {
+        const divFilterString = (this._SfRegisterContainer.querySelector('.calendar-right-data-register') as HTMLDivElement).querySelector('#filter-string') as HTMLDivElement
+        let filterString = ""
+        if (searchVal != "" || searchFilterString != "") {
+          filterString = linesCount + " result(s) when "
+          if (searchVal != "") {
+            filterString += "searched by \"" + searchVal + "\""
+            if (searchFilterString != "") {
+              filterString += ", filtered by \"" + searchFilterString + "\""
+            }
+          } else if (searchFilterString != "") {
+            filterString += "filtered by \"" + searchFilterString + "\""
+          }
+        }
+        divFilterString.innerHTML = filterString
+      }
       const arrButtonCountries = (this._SfRegisterContainer.querySelector('.calendar-right-data-register') as HTMLDivElement).querySelectorAll('.button-icon-country') as NodeListOf<HTMLButtonElement>;
 
       for (i = 0; i < arrButtonCountries.length; i++) {
@@ -10759,7 +10821,7 @@ export class SfIEvents extends LitElement {
 
     html += '<div class="scroll-x w-100 mobile-only">';
 
-    html += '<div class="title-item-date">';
+    html += '<div class="title-item-date hide">';
     html += '<label part="input-label">Search</label><br />'
     html += '<input id="stream-search-mobile" part="input" type="text" autofocus/>'
     html += '</div>';
@@ -10770,7 +10832,7 @@ export class SfIEvents extends LitElement {
     html += '<div class="calendar-left-col-register flex-grow desktop-only flex-col justify-start">';
 
     html += '<div>';
-    html += '<div class="title-item-date">';
+    html += '<div class="title-item-date hide">';
     html += '<label part="input-label">Search</label><br />'
     html += '<input id="stream-search" part="input" type="text" autofocus/>'
     html += '</div>';
@@ -14259,7 +14321,7 @@ export class SfIEvents extends LitElement {
                       flag = true;
                     }
                   }
-                }else{
+                } else {
                   flag = true;
                 }
                 if (flag === false) {
@@ -18034,7 +18096,8 @@ export class SfIEvents extends LitElement {
       let percentage = inputReportingPercentage.value
 
       if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
-        ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide')
+        ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide');
+        ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
       } else {
         ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.add('hide');
         ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-location-container') as HTMLDivElement).classList.add('hide')
@@ -18044,7 +18107,8 @@ export class SfIEvents extends LitElement {
           let percentage = inputReportingPercentage.value
           console.log('percentage', percentage, inputReportingPercentage, inputReportingPercentage.value);
           if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
-            ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide')
+            ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide');
+            ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
           } else {
             ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.add('hide');
             ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-location-container') as HTMLDivElement).classList.add('hide')
@@ -18077,7 +18141,7 @@ export class SfIEvents extends LitElement {
             continue;
           }
           for (let entity of Object.keys(projectUserMap[country])) {
-            if(entity.indexOf(e.target.value) < 0){
+            if (entity.indexOf(e.target.value) < 0) {
               continue;
             }
             for (let location of Object.keys(projectUserMap[country][entity])) {
@@ -18090,8 +18154,34 @@ export class SfIEvents extends LitElement {
         ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
         selectReportingLocation.value = event.reportedlocations ?? "";
       })
-      
-      selectReportingLocation.value = event.reportedlocations ?? "";
+      if (event.reportedlocations != null && event.reportedlocations.length > 0) {
+        console.log('setting reportedlocations', event.reportedlocations)
+        for (let country of Object.keys(projectUserMap)) {
+          if (country == "roles") {
+            continue;
+          }
+          for (let entity of Object.keys(projectUserMap[country])) {
+            let flagSetVal = false;
+            for (let location of Object.keys(projectUserMap[country][entity])) {
+              if (event.reportedlocations.indexOf(location) >= 0) {
+                selectReportingEntity.value = entity;
+                const changeEvent = new Event('change', { bubbles: true });
+                selectReportingEntity.dispatchEvent(changeEvent)
+                selectReportingLocation.value = location;
+                flagSetVal = true;
+                break;
+              }
+            }
+            if (flagSetVal) {
+              break;
+            }
+          }
+        }
+      } else {
+        selectReportingEntity.value = "";
+        selectReportingLocation.value = "";
+      }
+
       (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-approve')?.addEventListener('click', async (ev: any) => {
         let buttonClick = ev.target as HTMLButtonElement
         buttonClick.innerHTML = "Saving..."
@@ -18441,7 +18531,7 @@ export class SfIEvents extends LitElement {
                       flag = true;
                     }
                   }
-                }else{
+                } else {
                   flag = true;
                 }
                 if (flag === false) {