sf-i-events 1.0.909 → 1.0.911

package/sf-i-events.js

@@ -913,7 +913,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 tempHtml += ', ';
                             }
                         }
-                        html += ('<div><sf-i-elastic-text class="statute-summary id-9" text="' + tempHtml + '" minlength="50"></sf-i-elastic-text></div>');
+                        html += ('<div><sf-i-elastic-text exportparts="highlight,highlight-count" class="statute-summary id-9" text="' + tempHtml + '" minlength="50"></sf-i-elastic-text></div>');
                         html += '</td>';
                         html += '</tr>';
                         count++;
@@ -965,14 +965,14 @@ let SfIEvents = class SfIEvents extends LitElement {
                 html += '<td part="td-body1" class="' + classBg + '">';
                 if (jsonFilterOnboarding[i].excludestatutes != null) {
                     for (var j = 0; j < jsonFilterOnboarding[i].excludestatutes.length; j++) {
-                        html += ('<div><sf-i-elastic-text class="statute-summary id-9" text="' + jsonFilterOnboarding[i].excludestatutes[j] + '" minlength="10"></sf-i-elastic-text></div>');
+                        html += ('<div><sf-i-elastic-text exportparts="highlight,highlight-count" class="statute-summary id-9" text="' + jsonFilterOnboarding[i].excludestatutes[j] + '" minlength="10"></sf-i-elastic-text></div>');
                     }
                 }
                 html += '</td>';
                 html += '<td part="td-body1" class="' + classBg + '">';
                 if (jsonFilterOnboarding[i].includestatutes != null) {
                     for (var j = 0; j < jsonFilterOnboarding[i].includestatutes.length; j++) {
-                        html += ('<div><sf-i-elastic-text class="statute-summary id-9" text="' + jsonFilterOnboarding[i].includestatutes[j] + '" minlength="20"></sf-i-elastic-text></div>');
+                        html += ('<div><sf-i-elastic-text exportparts="highlight,highlight-count" class="statute-summary id-9" text="' + jsonFilterOnboarding[i].includestatutes[j] + '" minlength="20"></sf-i-elastic-text></div>');
                     }
                 }
                 html += '</td>';
@@ -1253,6 +1253,8 @@ let SfIEvents = class SfIEvents extends LitElement {
         this.selectallblock = "100";
         this.graphFilter = "";
         this.recentlyReported = {};
+        this.registerFilters = {};
+        this.tablecols = [];
         this.isSelectedLegend = (value) => {
             return this.chartSelectedLegend.includes(value);
         };
@@ -2549,7 +2551,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<div class="stream-events-container flex-grow" part="' + bgStatus + '">';
             html += '<div class="hidden-tags hide">' + JSON.stringify(event['tags']) + '</div>';
             html += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>not filtered</i></th></thead></table></div>';
-            // html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + '<input id="button-select-' + mmdd.replace('/', '-') + '-' + itemNumber + '-' + (((event.makercheckers != null && (event.makercheckers).length > 0)) ? '1' : '0') + '-' + (((event.docs != null && (event.docs).length > 0)) ? '1' : '0') + '-' + event.entityid.replace(/-/g, '_') + '-' + event.locationid.replace(/-/g, '_') + '-' + event.id.replace(/-/g, '_') + '-' + event.duedate.split('/')[1] + '-' + event.duedate.split('/')[0] + '-' + event.duedate.split('/')[2] + '-' + partStatus.replace(/-/g, '_') + '-' + ((event.module ?? false) ? event.module : 'compliance') + '-' + ((event.isbulk == null || event.isbulk == false) ? "" : "bulk") + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? "reportformat" : "") + '" class="button-select mr-10 ' + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? 'hide' : '') + '" type="checkbox"/>' + (event.isbulk != null && event.isbulk == true ? '<div class="lds-dual-ring1 bulk-loader mr-10"></div>' : '') + '<sf-i-elastic-text class="stream-event-title' + (event.isbulk == null || event.isbulk == false ? ' button-event-title' : '') + '" id="stream-event-title-' + mmdd.replace(/\//g, '-') + '-' + itemNumber + '-' + ((event.module ?? false) ? event.module : 'compliance') + '" text="' + event['obligationtitle'] + '" minLength="' + (event.concise == null ? "100" : "60") + '"></sf-i-elastic-text>' + event.concise == null ? ('') : ('<div part="stream-event-location" class="stream-event-location ml-5">' + event.locationname.replace(/ *\([^)]*\) */g, "") + '</div><div part="stream-event-risk-' + event.risk[0].toLowerCase().replace(/ /g, '-') + '" class="stream-event-risk ml-5">' + event.risk[0] + '</div>') + (((event.reportformat != null && event.reportformat.length > 0) || (event.customreporting != null)) ? '' : ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + itemNumber + '" part="button-list-reporting" class="material-icons ml-10 button-list-reporting">edit_note</button>')) + ((event.concise == null && lastUpdated.length > 0) ? ('&nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">' + lastUpdated + '</div>') : "") + '</div>';
+            // html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + '<input id="button-select-' + mmdd.replace('/', '-') + '-' + itemNumber + '-' + (((event.makercheckers != null && (event.makercheckers).length > 0)) ? '1' : '0') + '-' + (((event.docs != null && (event.docs).length > 0)) ? '1' : '0') + '-' + event.entityid.replace(/-/g, '_') + '-' + event.locationid.replace(/-/g, '_') + '-' + event.id.replace(/-/g, '_') + '-' + event.duedate.split('/')[1] + '-' + event.duedate.split('/')[0] + '-' + event.duedate.split('/')[2] + '-' + partStatus.replace(/-/g, '_') + '-' + ((event.module ?? false) ? event.module : 'compliance') + '-' + ((event.isbulk == null || event.isbulk == false) ? "" : "bulk") + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? "reportformat" : "") + '" class="button-select mr-10 ' + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? 'hide' : '') + '" type="checkbox"/>' + (event.isbulk != null && event.isbulk == true ? '<div class="lds-dual-ring1 bulk-loader mr-10"></div>' : '') + '<sf-i-elastic-text exportparts="highlight,highlight-count" class="stream-event-title' + (event.isbulk == null || event.isbulk == false ? ' button-event-title' : '') + '" id="stream-event-title-' + mmdd.replace(/\//g, '-') + '-' + itemNumber + '-' + ((event.module ?? false) ? event.module : 'compliance') + '" text="' + event['obligationtitle'] + '" minLength="' + (event.concise == null ? "100" : "60") + '"></sf-i-elastic-text>' + event.concise == null ? ('') : ('<div part="stream-event-location" class="stream-event-location ml-5">' + event.locationname.replace(/ *\([^)]*\) */g, "") + '</div><div part="stream-event-risk-' + event.risk[0].toLowerCase().replace(/ /g, '-') + '" class="stream-event-risk ml-5">' + event.risk[0] + '</div>') + (((event.reportformat != null && event.reportformat.length > 0) || (event.customreporting != null)) ? '' : ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + itemNumber + '" part="button-list-reporting" class="material-icons ml-10 button-list-reporting">edit_note</button>')) + ((event.concise == null && lastUpdated.length > 0) ? ('&nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">' + lastUpdated + '</div>') : "") + '</div>';
             const isBulk = event.isbulk === true;
             const hasReportFormat = ((_a = event.reportformat) === null || _a === void 0 ? void 0 : _a.length) > 0;
             const hasCustomReporting = event.customreporting != null;
@@ -2579,7 +2581,7 @@ let SfIEvents = class SfIEvents extends LitElement {
         />
         ${isBulk ? '<div class="lds-dual-ring1 bulk-loader mr-10"></div>' : ''}
         ${isReportedLocation ? '<div class="material-symbols-outlined mr-10">arrow_or_edge</div>' : ''}
-        <sf-i-elastic-text 
+        <sf-i-elastic-text exportparts="highlight,highlight-count" 
           class="stream-event-title${!isBulk ? ' button-event-title' : ''}" 
           id="stream-event-title-${mmddSanitized}-${itemNumber}-${moduleType}-${(isReportedLocation) ? 'reportedlocations' : ''}" 
           text="${event.obligationtitle}" 
@@ -2738,13 +2740,13 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += this.renderStatusHtml(partStatus, lateStatus, complianceStatus, i);
             html += '</td>';
             if (event["locationname"] != null) {
-                html += '<td part="td-body"><sf-i-elastic-text text="' + event["locationname"].replace(/ *\([^)]*\) */g, "") + '" minLength="10"></sf-i-elastic-text></td>';
+                html += '<td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + event["locationname"].replace(/ *\([^)]*\) */g, "") + '" minLength="10"></sf-i-elastic-text></td>';
             }
             if (event["entityname"] != null) {
-                html += '<td part="td-body"><sf-i-elastic-text text="' + event["entityname"].replace(/ *\([^)]*\) */g, "") + '" minLength="10"></sf-i-elastic-text></td>';
+                html += '<td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + event["entityname"].replace(/ *\([^)]*\) */g, "") + '" minLength="10"></sf-i-elastic-text></td>';
             }
             if (event["countryname"] != null) {
-                html += '<td part="td-body"><sf-i-elastic-text text="' + event["countryname"].replace(/ *\([^)]*\) */g, "") + '" minLength="10"></sf-i-elastic-text></td>';
+                html += '<td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + event["countryname"].replace(/ *\([^)]*\) */g, "") + '" minLength="10"></sf-i-elastic-text></td>';
             }
             if (event["functions"] != null) {
                 var functions = '';
@@ -2752,7 +2754,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     functions += (element.split(';')[0].replace(/ *\([^)]*\) */g, "") + ",");
                 }
                 functions = functions.replace(/,\s*$/, "");
-                html += '<td part="td-body"><sf-i-elastic-text text="' + functions + '" minLength="10"></sf-i-elastic-text></td>';
+                html += '<td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + functions + '" minLength="10"></sf-i-elastic-text></td>';
             }
             if (event["risk"] != null) {
                 html += '<td part="td-body"><div part="nc-stream-event-risk-' + event["risk"][0].toLowerCase().replace(/ /g, '-') + '">' + event["risk"][0] + '</div></td>';
@@ -2764,7 +2766,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         html += this.getEventTexts(Object.keys(event)[k], JSON.parse(event[Object.keys(event)[k]]), event);
                     }
                     else {
-                        html += ' <sf-i-elastic-text text="' + event[Object.keys(event)[k]].replace(/"/g, "") + '" minLength="20"></sf-i-elastic-text>';
+                        html += ' <sf-i-elastic-text exportparts="highlight,highlight-count" text="' + event[Object.keys(event)[k]].replace(/"/g, "") + '" minLength="20"></sf-i-elastic-text>';
                     }
                     html += '</td>';
                 }
@@ -2893,7 +2895,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             let approverStr = event.concise == null ? this.getApproverStringFromEvent(event) : "";
             let graphParam = this.getGraphParam(event);
             // console.log("graphParam", graphParam.split(';')[0]);
-            html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + ((event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true))) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + '</div>';
+            html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + ((event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true))) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + '</div>';
             // }
             return html;
         };
@@ -3206,9 +3208,9 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     + '</tr>');
                             }
                             if (this.selectedFeatures.indexOf('contracts') >= 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>'
+                                htmlSummaryValues += ('<tr><td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin"><sf-i-elastic-text exportparts="highlight,highlight-count" 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 exportparts="highlight,highlight-count" 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 exportparts="highlight,highlight-count" 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 (_44 = this.events[mmdd][j].contractdocuments) !== 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 />`;
@@ -3216,9 +3218,9 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 htmlSummaryValues += '</td></tr>';
                             }
                             else if (this.selectedFeatures.indexOf('licenses') >= 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>'
+                                htmlSummaryValues += ('<tr><td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin"><sf-i-elastic-text exportparts="highlight,highlight-count" 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 exportparts="highlight,highlight-count" 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 exportparts="highlight,highlight-count" 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 (_45 = this.events[mmdd][j].licensedocuments) !== null && _45 !== void 0 ? _45 : []) {
                                     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 />`;
@@ -3226,16 +3228,16 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 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>');
+                                htmlSummaryValues += ('<tr><td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin"><sf-i-elastic-text exportparts="highlight,highlight-count" 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 exportparts="highlight,highlight-count" 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 exportparts="highlight,highlight-count" 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 exportparts="highlight,highlight-count" 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>'
-                                    // + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text text="' + this.events[mmdd][j]["obligation"] + '" 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>'
+                                htmlSummaryValues += ('<tr><td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin"><sf-i-elastic-text exportparts="highlight,highlight-count" 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 exportparts="highlight,highlight-count" 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 exportparts="highlight,highlight-count" text="' + this.events[mmdd][j]["obligation"] + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text exportparts="highlight,highlight-count" 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 this.events[mmdd][j].documents) {
                                     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 />`;
@@ -3640,7 +3642,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         else if (uploadGuidance != 0) {
                             html += '<div part="upload-guidance-content">';
                             html += '<div part="detail-head" class="mb-5"><strong>Upload Guidance</strong></div>';
-                            html += '<sf-i-elastic-text text="' + (event['uploadguidance'] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="150"></sf-i-elastic-text>';
+                            html += '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + (event['uploadguidance'] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="150"></sf-i-elastic-text>';
                             html += '</div>';
                         }
                         html += '<div part="uploader-analysis-message" class="uploader-analysis-message mt-20">The analysis is running in the background. You can proceed further.</div>';
@@ -3753,8 +3755,8 @@ let SfIEvents = class SfIEvents extends LitElement {
             const j = idArr[5];
             let buttonListReportings = eventsContainer.querySelectorAll('.button-list-reporting');
             for (let buttonListReporting of buttonListReportings) {
-                // console.log('buttonListReporting', buttonListReporting.id, 'button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j);
-                if (buttonListReporting.id == 'button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j) {
+                if (buttonListReporting.id == 'button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j + '-') {
+                    console.log('buttonListReporting', buttonListReporting.id, 'button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j + '-');
                     buttonListReporting.setAttribute('part', 'button-list-reporting-selected');
                 }
                 else {
@@ -4168,8 +4170,30 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 let docs = [];
                                 //console.log('reporter comments 2', reportercomments);
                                 // if(docsOptional.length === 0) {
+                                let percentage = "100";
+                                if (listReportingContainer.querySelector('#input-reporter-percentage') != null) {
+                                    percentage = listReportingContainer.querySelector('#input-reporter-percentage').value;
+                                }
                                 docs = this._SfUploader[0].querySelector('#uploader').selectedValues();
                                 // }
+                                let flag = false;
+                                do {
+                                    if (docs.length > 0 && event.docsOptional != null && event.docsOptional.length === 0 && parseInt(percentage) > 0) {
+                                        for (let doc of docs) {
+                                            if ((doc.jobId == null || doc.jobId.length === 0) && (doc.ext.toLowerCase() == 'pdf' || doc.ext.toLowerCase() == 'png' || doc.ext.toLowerCase() == 'jpeg' || doc.ext.toLowerCase() == 'jpg')) {
+                                                flag = false;
+                                            }
+                                            else {
+                                                flag = true;
+                                            }
+                                        }
+                                    }
+                                    if (flag === false) {
+                                        await this.sleep(1000);
+                                        console.log('waiting for docs', docs);
+                                        docs = this._SfUploader[0].querySelector('#uploader').selectedValues();
+                                    }
+                                } while (flag === false);
                                 //console.log('docs', docs);
                                 let reportformatvalues = "";
                                 let reportformatschema = "";
@@ -4177,10 +4201,6 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     reportformatvalues = (_a = JSON.stringify(this._SfReporting[0].querySelector('#reporting-format').selectedValues())) !== null && _a !== void 0 ? _a : "";
                                     reportformatschema = (_b = this._SfReporting[0].querySelector('#reporting-format').configjson) !== null && _b !== void 0 ? _b : "";
                                 }
-                                let percentage = "100";
-                                if (listReportingContainer.querySelector('#input-reporter-percentage') != null) {
-                                    percentage = listReportingContainer.querySelector('#input-reporter-percentage').value;
-                                }
                                 console.log('percentage', percentage, listReportingContainer.querySelector('#input-reporter-percentage').value);
                                 if (Number.isNaN(parseInt(percentage)) || parseInt(percentage) < 0 || parseInt(percentage) > 100) {
                                     //console.log('reporter comments 3', reportercomments);
@@ -4797,7 +4817,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             let listReportingContainer = eventsContainer.querySelector('#list-reporting-container-' + mmdd.replace(/\//g, '-') + '-' + j);
                             listReportingContainer.style.display = 'none';
                             listReportingContainer.innerHTML = '';
-                            let buttonListReporting = eventsContainer.querySelector('#button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j);
+                            let buttonListReporting = eventsContainer.querySelector('#button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j + '-');
                             buttonListReporting.setAttribute('part', 'button-list-reporting');
                             let streamEventTitle = eventsContainer.querySelector('#stream-event-title-' + mmdd.replace(/\//g, '-') + '-' + j + '-' + module);
                             streamEventTitle.removeAttribute('part');
@@ -4996,7 +5016,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             //         html += '<div class="stream-events-container flex-grow">';
             //           html += '<div class="hidden-tags hide">'+JSON.stringify(this.events[mmdd][j]['tags'])+'</div>'
             //           html += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>filtered out</i></th></thead></table></div>'
-            //           html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + ('<input id="button-select-'+mmdd.replace('/', '-')+'-'+j + '-' + (((this.events[mmdd][j].makercheckers != null && (this.events[mmdd][j].makercheckers).length > 0)) ? '1' : '0') + '-' + (((this.events[mmdd][j].docs != null && (this.events[mmdd][j].docs).length > 0)) ? '1' : '0') + '-' + this.events[mmdd][j].entityid.replace(/-/g, '_') + '-' + this.events[mmdd][j].locationid.replace(/-/g, '_') + '-' + this.events[mmdd][j].id.replace(/-/g, '_') +  '-' + this.events[mmdd][j].duedate.split('/')[1] + '-' + this.events[mmdd][j].duedate.split('/')[0] + '-' + this.events[mmdd][j].duedate.split('/')[2] + '-' + partStatus.replace(/-/g,'_') +  '" class="button-select mr-10" type="checkbox" />') + '<sf-i-elastic-text text="'+this.events[mmdd][j]['obligationtitle']+'" minLength="100"></sf-i-elastic-text></div>';
+            //           html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + ('<input id="button-select-'+mmdd.replace('/', '-')+'-'+j + '-' + (((this.events[mmdd][j].makercheckers != null && (this.events[mmdd][j].makercheckers).length > 0)) ? '1' : '0') + '-' + (((this.events[mmdd][j].docs != null && (this.events[mmdd][j].docs).length > 0)) ? '1' : '0') + '-' + this.events[mmdd][j].entityid.replace(/-/g, '_') + '-' + this.events[mmdd][j].locationid.replace(/-/g, '_') + '-' + this.events[mmdd][j].id.replace(/-/g, '_') +  '-' + this.events[mmdd][j].duedate.split('/')[1] + '-' + this.events[mmdd][j].duedate.split('/')[0] + '-' + this.events[mmdd][j].duedate.split('/')[2] + '-' + partStatus.replace(/-/g,'_') +  '" class="button-select mr-10" type="checkbox" />') + '<sf-i-elastic-text exportparts="highlight,highlight-count" text="'+this.events[mmdd][j]['obligationtitle']+'" minLength="100"></sf-i-elastic-text></div>';
             //           html += '<table class="stream-events-container-table">';
             //           html += '<thead>';
             //           html += '<th part="td-head">';
@@ -5150,22 +5170,22 @@ let SfIEvents = class SfIEvents extends LitElement {
             //           html += '<td id="td-expand-'+i+'" part="td-body">';
             //           html += '<button id="button-unmapped-expand-'+mmdd.replace('/', '-')+'-'+j+'" part="button-icon-small" class="material-icons button-expand mr-10">open_in_new</button>'
             //           html += '</td>';
-            //           html += '<td part="td-body"><sf-i-elastic-text text="'+this.events[mmdd][j]["locationname"].replace(/ *\([^)]*\) */g, "")+'" minLength="10"></sf-i-elastic-text></td>';
-            //           html += '<td part="td-body"><sf-i-elastic-text text="'+this.events[mmdd][j]["entityname"].replace(/ *\([^)]*\) */g, "")+'" minLength="10"></sf-i-elastic-text></td>';
-            //           html += '<td part="td-body"><sf-i-elastic-text text="'+this.events[mmdd][j]["countryname"].replace(/ *\([^)]*\) */g, "")+'" minLength="10"></sf-i-elastic-text></td>';
+            //           html += '<td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="'+this.events[mmdd][j]["locationname"].replace(/ *\([^)]*\) */g, "")+'" minLength="10"></sf-i-elastic-text></td>';
+            //           html += '<td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="'+this.events[mmdd][j]["entityname"].replace(/ *\([^)]*\) */g, "")+'" minLength="10"></sf-i-elastic-text></td>';
+            //           html += '<td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="'+this.events[mmdd][j]["countryname"].replace(/ *\([^)]*\) */g, "")+'" minLength="10"></sf-i-elastic-text></td>';
             //           var functions = '';
             //           for(const element of this.events[mmdd][j]["functions"])  {
             //             functions += (element.split(';')[0].replace(/ *\([^)]*\) */g, "") + ",");
             //           }
             //           functions = functions.replace(/,\s*$/, "");
-            //           html += '<td part="td-body"><sf-i-elastic-text text="'+functions+'" minLength="10"></sf-i-elastic-text></td>';
+            //           html += '<td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="'+functions+'" minLength="10"></sf-i-elastic-text></td>';
             //           for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
             //             if(this.getEventPreviewFields().includes(Object.keys(this.events[mmdd][j])[k])) {
             //               html += '<td part="td-body">';
             //               if(this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]].indexOf("[") >= 0) {
             //                 html += this.getEventTexts(Object.keys(this.events[mmdd][j])[k], JSON.parse(this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]]), this.events[mmdd][j]);
             //               } else {
-            //                 html += ' <sf-i-elastic-text text="'+this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]].replace(/"/g, "")+'" minLength="20"></sf-i-elastic-text>';
+            //                 html += ' <sf-i-elastic-text exportparts="highlight,highlight-count" text="'+this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]].replace(/"/g, "")+'" minLength="20"></sf-i-elastic-text>';
             //               }
             //               html += '</td>';
             //             }
@@ -5594,9 +5614,11 @@ let SfIEvents = class SfIEvents extends LitElement {
             });
             return [buttonSelectAll, buttonUnselectAll];
         };
-        this.renderRegisterEvents = (events, meta = "") => {
+        this.renderRegisterEvents = (events, meta = "", searchCountryIndex = -1, searchIndex = -1, searchVal = "") => {
+            var _a;
             var html = '';
             this.csvDataRegisters = '';
+            let flagUpdateFilters = Object.keys(this.registerFilters).length == 0;
             html += '<div class="d-flex scroll-x w-100p">';
             for (var i = 0; i < Object.keys(events).length; i++) {
                 const country = Object.keys(events)[i];
@@ -5616,6 +5638,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this.renderRegisterEvents(events);
                 });
             }
+            this.tablecols = [];
             if (this.selectedCountryTab >= 0) {
                 const index = this.selectedCountryTab;
                 //console.log('indexclicked', index);
@@ -5641,29 +5664,64 @@ let SfIEvents = class SfIEvents extends LitElement {
                         this.csvDataRegisters += ('\n');
                     }
                     html += '<div class="w-100p scroll-x ' + (i != this.selectedRegisterIndex ? 'hide' : '') + ' register-body-' + i + '">';
+                    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 : "") + '"/>';
+                    html += '</div>';
+                    html += '<div class="title-item-date">';
+                    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 += '<table>';
-                    let tablecols = [];
+                    let tableBodyHtml = '';
                     for (var j = 0; j < Object.keys(objCountry[statute]).length; j++) {
                         const complianceId = Object.keys(objCountry[statute])[j];
                         const compliance = objCountry[statute][complianceId];
+                        console.log('hidecompliances', compliance.hide, complianceId);
                         const data = JSON.parse(compliance.data);
                         const cols = JSON.parse(compliance.cols);
+                        if (!this.tablecols.includes('ID') && !this.EXCLUDE_COLS_FROM_REGS.includes('ID')) {
+                            this.tablecols.push('ID');
+                        }
                         for (let col of cols) {
-                            if (!tablecols.includes(col.toLowerCase()) && !this.EXCLUDE_COLS_FROM_REGS.includes(col.toLowerCase())) {
-                                tablecols.push(col);
+                            if (!this.tablecols.includes(col.toLowerCase()) && !this.EXCLUDE_COLS_FROM_REGS.includes(col.toLowerCase())) {
+                                this.tablecols.push(col);
+                                if (flagUpdateFilters && this.registerFilters[col] == null) {
+                                    this.registerFilters[col] = {};
+                                }
                             }
                         }
+                        if (compliance.hide != null && compliance.hide == true) {
+                            continue;
+                        }
                         this.csvDataRegisters += ('"' + complianceId + '",');
                         // html += '<div class="w-100p scroll-x ' + (i != this.selectedRegisterIndex ? 'hide' : '') + ' register-body-' + i + '">';
                         // html += '<table>';
-                        html += '<tr>';
-                        html += ('<td class="td-body left-sticky" part="td-body-register"><button part="button-icon" id="button-icon-country-' + index + '-' + i + '-' + j + '" class="button-icon-country"><span class="material-symbols-outlined">open_in_new</span></button></td>');
-                        html += ('<td class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important">ID</span><br /><sf-i-elastic-text text="' + complianceId + '" minLength="10" lineSize="4"></sf-i-elastic-text></td>');
+                        tableBodyHtml += '<tr>';
+                        tableBodyHtml += ('<td class="td-body left-sticky" part="td-body-register"><button part="button-icon" id="button-icon-country-' + index + '-' + i + '-' + j + '" class="button-icon-country"><span class="material-symbols-outlined">open_in_new</span></button></td>');
+                        if (flagUpdateFilters) {
+                            if (this.registerFilters["ID"] == null) {
+                                this.registerFilters["ID"] = {};
+                            }
+                            this.registerFilters["ID"][complianceId] = true;
+                        }
+                        tableBodyHtml += ('<td class="td-body" part="td-body-register"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + complianceId + '" highlight="' + searchVal + '" minLength="10" lineSize="4"></sf-i-elastic-text></td>');
+                        // tableBodyHtml += ('<td class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important">ID</span><br /><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + complianceId + '" minLength="10" lineSize="4"></sf-i-elastic-text></td>');
+                        let tempCount = 0;
                         for (var k = 0; k < cols.length; k++) {
-                            if (!this.EXCLUDE_COLS_FROM_REGS.includes(cols[k].toLowerCase())) {
-                                html += ('<td class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important">' + cols[k] + '</span><br /><sf-i-elastic-text text="' + data[k] + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
+                            if (!this.EXCLUDE_COLS_FROM_REGS.includes(cols[k].toLowerCase()) && this.tablecols.indexOf(cols[k]) == tempCount + 1) {
+                                // tableBodyHtml += ('<td class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important">' + cols[k] + '</span><br /><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + data[k] + '" 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="' + data[k] + '" highlight="' + searchVal + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
                                 this.csvDataRegisters += ('"' + (data[k] + "").replace(/"/g, '') + '",');
                                 // this.csvDataRegisters += ('",');
+                                if (flagUpdateFilters) {
+                                    this.registerFilters[cols[k]][data[k]] = true;
+                                }
+                                tempCount++;
+                            }
+                            else {
+                                console.log('skipping col', cols[k], this.tablecols.indexOf(cols[k]), k + 1);
                             }
                         }
                         if (compliance['entities'] != null && Array.isArray(compliance['entities'])) {
@@ -5672,7 +5730,16 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 entities += entity.split(';')[0].replace(/\([^)]*\)/g, "") + ',';
                             }
                             entities = entities.slice(0, entities.length - 1);
-                            html += ('<td class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important">entities</span><br /><sf-i-elastic-text text="' + entities + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
+                            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>');
+                            if (!this.tablecols.includes('entities') && !this.EXCLUDE_COLS_FROM_REGS.includes('entities')) {
+                                this.tablecols.push('entities');
+                            }
+                            if (flagUpdateFilters) {
+                                if (this.registerFilters["entities"] == null) {
+                                    this.registerFilters["entities"] = {};
+                                }
+                                this.registerFilters["entities"][entities] = true;
+                            }
                             // this.csvDataRegisters += ('"' + (data[k] + "").replace(/"/g, '') + '",');
                         }
                         if (compliance['locations'] != null && Array.isArray(compliance['locations'])) {
@@ -5681,23 +5748,54 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 locations += location.split(';')[0].replace(/\([^)]*\)/g, "") + ',';
                             }
                             locations = locations.slice(0, locations.length - 1);
-                            html += ('<td class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important">locations</span><br /><sf-i-elastic-text text="' + locations + '" minLength="80" lineSize="4"></sf-i-elastic-text></td>');
+                            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>');
+                            if (!this.tablecols.includes('locations') && !this.EXCLUDE_COLS_FROM_REGS.includes('locations')) {
+                                this.tablecols.push('locations');
+                            }
+                            if (flagUpdateFilters) {
+                                if (this.registerFilters["locations"] == null) {
+                                    this.registerFilters["locations"] = {};
+                                }
+                                this.registerFilters["locations"][locations] = true;
+                            }
                             // this.csvDataRegisters += ('"' + (data[k] + "").replace(/"/g, '') + '",');
                         }
                         this.csvDataRegisters = this.csvDataRegisters.replace(/,\s*$/, "");
                         this.csvDataRegisters += ('\n');
                         console.log('enter');
-                        html += '</tr>';
+                        tableBodyHtml += '</tr>';
                         // html += '</table>';
                         // html += '</div>';
                     }
+                    html += '<thead><tr>';
+                    html += '<th class="td-body" part="td-body-register"><span part="td-head" style="padding-left: 0px !important"></span></th>';
+                    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;
+                                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 ? 'button-icon' : 'button-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="button-icon-small" 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);
+                            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>';
+                    }
+                    html += '</tr></thead>';
+                    html += tableBodyHtml;
                     html += '</table>';
                     html += '</div>';
                     //   html += '</table>';
                     // html += '</div>';
                 }
                 divRegisterList.innerHTML = html;
-                console.log('csvdataregisters', this.csvDataRegisters);
+                console.log('registerFilters', flagUpdateFilters, this.registerFilters);
+                // console.log('csvdataregisters', this.csvDataRegisters);
                 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]);
@@ -5746,6 +5844,122 @@ let SfIEvents = class SfIEvents extends LitElement {
                         // }
                     });
                 }
+                const arrInputStatuteSearch = this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelectorAll('.stream-search-statute');
+                for (i = 0; i < arrInputStatuteSearch.length; i++) {
+                    const input = Util.clearListeners(arrInputStatuteSearch[i]);
+                    input.addEventListener('change', (e) => {
+                        const searchedValue = e.currentTarget.value;
+                        const countryIndex = e.currentTarget.id.split('-')[3];
+                        const searchIndex = e.currentTarget.id.split('-')[4];
+                        // const objCountry = events[Object.keys(events)[countryIndex]]
+                        // const statute = Object.keys(objCountry)[searchIndex];
+                        // for (var j = 0; j < Object.keys(objCountry[statute]).length; j++) {
+                        //   const complianceId = Object.keys(objCountry[statute])[j];
+                        //   const compliance = objCountry[statute][complianceId];
+                        //   if (JSON.stringify(compliance).toLowerCase().includes(searchedValue.toLowerCase())) {
+                        //     events[Object.keys(events)[countryIndex]][statute][complianceId].hide = false;
+                        //   } else {
+                        //     events[Object.keys(events)[countryIndex]][statute][complianceId].hide = true;
+                        //   }
+                        // }
+                        this.processRegisterFilters(events, meta, countryIndex, searchIndex, searchedValue);
+                        // this.renderRegisterEvents(events, meta, countryIndex, searchIndex, searchedValue);
+                    });
+                }
+                const arrButtonDownloadStatute = this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelectorAll('.button-download-statute');
+                for (i = 0; i < arrButtonDownloadStatute.length; i++) {
+                    const button = Util.clearListeners(arrButtonDownloadStatute[i]);
+                    button.addEventListener('click', (e) => {
+                        const countryIndex = e.currentTarget.id.split('-')[3];
+                        const searchIndex = e.currentTarget.id.split('-')[4];
+                        const objCountry = events[Object.keys(events)[countryIndex]];
+                        const statute = Object.keys(objCountry)[searchIndex];
+                        let csvData = '"ID","Country","Entities","Locations","Statute","Reference","Obligation"\n';
+                        for (var j = 0; j < Object.keys(objCountry[statute]).length; j++) {
+                            const complianceId = Object.keys(objCountry[statute])[j];
+                            const compliance = objCountry[statute][complianceId];
+                            console.log('hidecompliances', compliance.hide, complianceId);
+                            if (compliance.hide != null && compliance.hide == true) {
+                                continue;
+                            }
+                            const data = JSON.parse(compliance.data);
+                            const cols = JSON.parse(compliance.cols);
+                            csvData += ('"' + complianceId + '",');
+                            csvData += ('"' + Object.keys(events)[countryIndex] + '",');
+                            csvData += ('"' + (compliance['entities'] != null && Array.isArray(compliance['entities']) ? compliance['entities'].map((e) => e.split(';')[0].replace(/\([^)]*\)/g, "")).join(',') : '') + '",');
+                            csvData += ('"' + (compliance['locations'] != null && Array.isArray(compliance['locations']) ? compliance['locations'].map((e) => e.split(';')[0].replace(/\([^)]*\)/g, "")).join(',') : '') + '",');
+                            csvData += ('"' + statute + '",');
+                            csvData += ('"' + data[cols.indexOf('reference')] + '",');
+                            csvData += ('"' + data[cols.indexOf('obligation')] + '"\n');
+                        }
+                        console.log('csvData', csvData);
+                        const ts = new Date();
+                        let fileName = 'register_' + statute.replace(/ /g, '_').slice(0, 25) + '_' + ts + '.xlsx';
+                        Util.downloadExcelFromCSV(csvData, fileName, "Register Export", this.projectName);
+                    });
+                }
+                const arrFilterButtons = this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelectorAll('.filter-button');
+                for (i = 0; i < arrFilterButtons.length; i++) {
+                    const button = Util.clearListeners(arrFilterButtons[i]);
+                    button.addEventListener('click', (e) => {
+                        const index = e.currentTarget.id.split('-')[2];
+                        let filterListContainer = this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelector('#filter-list-container-' + index);
+                        if (filterListContainer != null) {
+                            if (filterListContainer.classList.contains('hide')) {
+                                filterListContainer.classList.remove('hide');
+                            }
+                            else {
+                                filterListContainer.classList.add('hide');
+                            }
+                        }
+                    });
+                }
+                const arrFilterInputs = this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelectorAll('.input-select-filter');
+                for (i = 0; i < arrFilterInputs.length; i++) {
+                    const input = Util.clearListeners(arrFilterInputs[i]);
+                    input.addEventListener('change', (e) => {
+                        let checked = e.currentTarget.checked;
+                        let selectedColIndex = e.currentTarget.id.split('-')[3];
+                        let selectedFilterIndex = e.currentTarget.id.split('-')[4];
+                        let colName = this.tablecols[selectedColIndex];
+                        // for (let [colIndex, colName] of Object.keys(this.registerFilters).entries()) {
+                        if (colName != null) {
+                            for (let [filterIndex, filterKey] of Object.keys(this.registerFilters[colName]).entries()) {
+                                if (filterIndex == parseInt(selectedFilterIndex) || selectedFilterIndex == 'all') {
+                                    this.registerFilters[colName][filterKey] = checked;
+                                    console.log('registerFilters entry', this.registerFilters[colName][filterKey], colName, filterKey);
+                                }
+                                if (selectedFilterIndex == 'all') {
+                                    this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelector('#input-select-filter-' + selectedColIndex + '-' + filterIndex).checked = checked;
+                                }
+                            }
+                            if (!checked) {
+                                this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelector('#input-select-filter-' + selectedColIndex + '-all').checked = checked;
+                            }
+                            if (selectedFilterIndex == 'all') {
+                                for (let [filterIndex, filterKey] of Object.keys(this.registerFilters[colName]).entries()) {
+                                    this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelector('#input-select-filter-' + selectedColIndex + '-' + filterIndex).checked = checked;
+                                    console.log('Changing Key', filterKey);
+                                }
+                            }
+                        }
+                        // }
+                        // this.processRegisterFilters(events, meta, searchCountryIndex, searchIndex, searchVal);
+                        const buttonSubmitFilters = this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelector('#button-submit-filters-' + selectedColIndex);
+                        if (buttonSubmitFilters != null) {
+                            buttonSubmitFilters.style.visibility = 'visible';
+                        }
+                        console.log('registerFilters applying', colName, selectedFilterIndex, this.tablecols);
+                    });
+                }
+                const arrButtonSubmitFilters = this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelectorAll('.button-submit-filters');
+                for (i = 0; i < arrButtonSubmitFilters.length; i++) {
+                    const button = Util.clearListeners(arrButtonSubmitFilters[i]);
+                    button.addEventListener('click', (e) => {
+                        console.log('registerFilters applied', e.currentTarget.id);
+                        this.processRegisterFilters(events, meta, searchCountryIndex, searchIndex, searchVal);
+                    });
+                }
                 const registerStatute = this._SfRegisterContainer.querySelector('.calendar-right-data-register').querySelector('#register-statute-' + this.selectedRegisterIndex);
                 if (registerStatute != null) {
                     registerStatute.scrollIntoView();
@@ -5757,6 +5971,46 @@ let SfIEvents = class SfIEvents extends LitElement {
                 this.renderRegisterEvents(events, meta);
             }
         };
+        this.processRegisterFilters = (events, meta = "", searchCountryIndex = -1, searchIndex = -1, searchVal = "") => {
+            if (this.selectedCountryTab >= 0) {
+                const index = this.selectedCountryTab;
+                //console.log('indexclicked', index);
+                const objCountry = events[Object.keys(events)[index]];
+                for (var i = 0; i < Object.keys(objCountry).length; i++) {
+                    const statute = Object.keys(objCountry)[i];
+                    for (var j = 0; j < Object.keys(objCountry[statute]).length; j++) {
+                        let flagFilter = true;
+                        const complianceId = Object.keys(objCountry[statute])[j];
+                        events[Object.keys(events)[index]][statute][complianceId].hide = false;
+                        if (this.registerFilters['ID'][complianceId] == false) {
+                            flagFilter = false;
+                            events[Object.keys(events)[index]][statute][complianceId].hide = true;
+                        }
+                        const compliance = objCountry[statute][complianceId];
+                        const data = JSON.parse(compliance.data);
+                        const cols = JSON.parse(compliance.cols);
+                        for (var k = 0; k < cols.length; k++) {
+                            if (this.registerFilters[cols[k]] != null && this.registerFilters[cols[k]][data[k]] == false) {
+                                flagFilter = false;
+                                events[Object.keys(events)[index]][statute][complianceId].hide = true;
+                            }
+                            else {
+                                console.log('notFound', k, this.registerFilters[cols[k]]);
+                            }
+                        }
+                        if (JSON.stringify(compliance).toLowerCase().includes(searchVal.toLowerCase())) {
+                            if (flagFilter) {
+                                events[Object.keys(events)[index]][statute][complianceId].hide = false;
+                            }
+                        }
+                        else {
+                            events[Object.keys(events)[index]][statute][complianceId].hide = true;
+                        }
+                    }
+                }
+            }
+            this.renderRegisterEvents(events, meta, searchCountryIndex, searchIndex, searchVal);
+        };
         this.checkStartDateEarliness = (value) => {
             var startDateCalendar = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
             var startDateChosen = new Date(value);
@@ -6190,7 +6444,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 html += ",";
                             }
                         }
-                        divTagsArr[i].innerHTML = '<sf-i-elastic-text text="' + html + '" minLength="20"></sf-i-elastic-text>';
+                        divTagsArr[i].innerHTML = '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + html + '" minLength="20"></sf-i-elastic-text>';
                         this.mappedValuesTags[i] = value;
                     }
                     if (param == "users") {
@@ -6207,7 +6461,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 html += ",";
                             }
                         }
-                        divUsersArr[i].innerHTML = '<sf-i-elastic-text text="' + html + '" minLength="20"></sf-i-elastic-text>';
+                        divUsersArr[i].innerHTML = '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + html + '" minLength="20"></sf-i-elastic-text>';
                         this.mappedValuesUsers[i] = value;
                         this.updateMappingStatus(value, i);
                         this.calculateAndShowSummary();
@@ -7192,7 +7446,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 for (var j = 0; j < adhocQuestions[Object.keys(adhocQuestions)[i]].length; j++) {
                     const compliance = adhocQuestions[Object.keys(adhocQuestions)[i]][j];
                     html += '<tr>';
-                    html += ('<td part="td-body"><sf-i-elastic-text text="' + compliance.id + '" minLength="10" lineSize="6"></sf-i-elastic-text></td><td part="td-body"><sf-i-elastic-text text="' + compliance.locationname.replace(/ *\([^)]*\) */g, "").trim() + '" minLength="80" lineSize="6"></sf-i-elastic-text></td><td part="td-body"><sf-i-elastic-text text="' + compliance.obligationtitle.replace(/ *\([^)]*\) */g, "").trim() + '" minLength="80" lineSize="6"></sf-i-elastic-text></td><td part="td-body"><sf-i-elastic-text text="' + compliance.obligation + '" minLength="80" lineSize="6"></sf-i-elastic-text></td>');
+                    html += ('<td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + compliance.id + '" minLength="10" lineSize="6"></sf-i-elastic-text></td><td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + compliance.locationname.replace(/ *\([^)]*\) */g, "").trim() + '" minLength="80" lineSize="6"></sf-i-elastic-text></td><td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + compliance.obligationtitle.replace(/ *\([^)]*\) */g, "").trim() + '" minLength="80" lineSize="6"></sf-i-elastic-text></td><td part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + compliance.obligation + '" minLength="80" lineSize="6"></sf-i-elastic-text></td>');
                     html += '</tr>';
                 }
                 html += '</table>';
@@ -7269,10 +7523,10 @@ let SfIEvents = class SfIEvents extends LitElement {
                 for (var j = 0; j < arrTriggerIds.length; j++) {
                     html += '<div class="d-flex align-center mt-20">';
                     html += '<span class="badge-counter" part="badge-counter">' + (j + 1) + '</span>';
-                    html += '<div part="results-title"><sf-i-elastic-text text="' + arrTriggerRemarks[j] + '" minLength="40"></sf-i-elastic-text></div>';
+                    html += '<div part="results-title"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + arrTriggerRemarks[j] + '" minLength="40"></sf-i-elastic-text></div>';
                     html += '</div>';
                     html += '<div part="td-body" class="d-flex align-center">';
-                    html += '<div>Trigger Id: </div>&nbsp;&nbsp;<sf-i-elastic-text text="' + arrTriggerIds[j] + '" minLength="10" lineSize="6"></sf-i-elastic-text>&nbsp;&nbsp; <button id="adhoc-delete-start-' + arrTriggerIds[j].replace(/-/g, "_") + '"  class="mr-10 adhoc-delete-start">Retract</button><button id="adhoc-delete-cancel-' + arrTriggerIds[j].replace(/-/g, "_") + '" class="mr-10 hide adhoc-delete-cancel">Cancel</button><button id="adhoc-delete-confirm-' + arrTriggerIds[j].replace(/-/g, "_") + '" class="mr-10 hide adhoc-delete-confirm">Confirm Retract</button>';
+                    html += '<div>Trigger Id: </div>&nbsp;&nbsp;<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + arrTriggerIds[j] + '" minLength="10" lineSize="6"></sf-i-elastic-text>&nbsp;&nbsp; <button id="adhoc-delete-start-' + arrTriggerIds[j].replace(/-/g, "_") + '"  class="mr-10 adhoc-delete-start">Retract</button><button id="adhoc-delete-cancel-' + arrTriggerIds[j].replace(/-/g, "_") + '" class="mr-10 hide adhoc-delete-cancel">Cancel</button><button id="adhoc-delete-confirm-' + arrTriggerIds[j].replace(/-/g, "_") + '" class="mr-10 hide adhoc-delete-confirm">Confirm Retract</button>';
                     html += '</div>';
                     for (var k = 0; k < Object.keys(arrTriggers[arrTriggerIds[j]]).length; k++) {
                         const dateTrigger = Object.keys(arrTriggers[arrTriggerIds[j]])[k];
@@ -7282,7 +7536,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 const complianceTrigger = Object.keys(arrTriggers[arrTriggerIds[j]][dateTrigger][locationTrigger])[m];
                                 const dateOccurrence = arrTriggers[arrTriggerIds[j]][dateTrigger][locationTrigger][complianceTrigger];
                                 html += '<div part="td-head" class="d-flex align-center ml-10">';
-                                html += '<div>Occurred on&nbsp;&nbsp;' + dateOccurrence + ',&nbsp;&nbsp;Triggered on&nbsp;&nbsp;' + dateTrigger + '&nbsp;&nbsp;at&nbsp;&nbsp;' + locationTrigger.replace(/ *\([^)]*\) */g, "").trim() + '&nbsp;&nbsp;for Compliance Id&nbsp;&nbsp;</div><sf-i-elastic-text text="' + complianceTrigger + '" minLength="10" lineSize="6"></sf-i-elastic-text>';
+                                html += '<div>Occurred on&nbsp;&nbsp;' + dateOccurrence + ',&nbsp;&nbsp;Triggered on&nbsp;&nbsp;' + dateTrigger + '&nbsp;&nbsp;at&nbsp;&nbsp;' + locationTrigger.replace(/ *\([^)]*\) */g, "").trim() + '&nbsp;&nbsp;for Compliance Id&nbsp;&nbsp;</div><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + complianceTrigger + '" minLength="10" lineSize="6"></sf-i-elastic-text>';
                                 html += '</div>';
                             }
                         }
@@ -8358,7 +8612,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         let listReportingContainer = this._SfThisContainer.querySelector('#list-reporting-container-' + mmdd.replace(/\//g, '-') + '-' + j);
                         listReportingContainer.style.display = 'none';
                         listReportingContainer.innerHTML = '';
-                        let buttonListReporting = this._SfThisContainer.querySelector('#button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j);
+                        let buttonListReporting = this._SfThisContainer.querySelector('#button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j + '-');
                         buttonListReporting.setAttribute('part', 'button-list-reporting');
                         let streamEventTitle = this._SfThisContainer.querySelector('#stream-event-title-' + mmdd.replace(/\//g, '-') + '-' + j + '-' + module);
                         streamEventTitle.removeAttribute('part');
@@ -8883,7 +9137,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         let listReportingContainer = this._SfStreamContainer.querySelector('#list-reporting-container-' + mmdd.replace(/\//g, '-') + '-' + j);
                         listReportingContainer.style.display = 'none';
                         listReportingContainer.innerHTML = '';
-                        let buttonListReporting = this._SfStreamContainer.querySelector('#button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j);
+                        let buttonListReporting = this._SfStreamContainer.querySelector('#button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j + '-');
                         buttonListReporting.setAttribute('part', 'button-list-reporting');
                         let streamEventTitle = this._SfStreamContainer.querySelector('#stream-event-title-' + mmdd.replace(/\//g, '-') + '-' + j + '-' + module);
                         streamEventTitle.removeAttribute('part');
@@ -9810,7 +10064,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 if (!this.EXCLUDE_COLS_FROM_REGS.includes(cols[k].toLowerCase())) {
                     html += '<div class="m-20">';
                     html += '<div part="detail-head"><strong>' + cols[k] + '</strong></div>';
-                    html += '<sf-i-elastic-text text="' + data[k] + '" minLength="80" lineSize="6"></sf-i-elastic-text>';
+                    html += '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + data[k] + '" minLength="80" lineSize="6"></sf-i-elastic-text>';
                     html += '</div>';
                 }
                 if (cols[k].toLowerCase() == "shortid") {
@@ -9982,7 +10236,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         for (var j = 0; j < Object.keys(jsonComments).length; j++) {
                             htmlTable += '<div class="mb-20">';
                             htmlTable += ('<div part="detail-head">' + Object.keys(jsonComments)[j] + '</div>');
-                            htmlTable += ('<sf-i-elastic-text text="' + jsonComments[Object.keys(jsonComments)[j]] + '" minLength="20"></sf-i-elastic-text>');
+                            htmlTable += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + jsonComments[Object.keys(jsonComments)[j]] + '" minLength="20"></sf-i-elastic-text>');
                             htmlTable += '</div>';
                         }
                         html += '<div class="">' + htmlTable + '<small><span class="muted">' + Util.getDateTimeStrings(new Date(comments[i].timestamp).getTime()) + '</span></small></div>';
@@ -10353,9 +10607,31 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 const reporterdoc = this._SfDetailContainer.querySelector('#input-reporter-doc').value.length > 0 ? (new Date(this._SfDetailContainer.querySelector('#input-reporter-doc').value).getTime() + "") : "";
                                 let docs = [];
                                 //console.log('reporter comments 2', reportercomments);
+                                let percentage = "100";
+                                if (this._SfDetailContainer.querySelector('#input-reporter-percentage') != null) {
+                                    percentage = this._SfDetailContainer.querySelector('#input-reporter-percentage').value;
+                                }
                                 // if(docsOptional.length === 0) {
                                 docs = this._SfUploader[0].querySelector('#uploader').selectedValues();
                                 // }
+                                let flag = false;
+                                do {
+                                    if (docs.length > 0 && docsOptional != null && docsOptional.length === 0 && parseInt(percentage) > 0) {
+                                        for (let doc of docs) {
+                                            if ((doc.jobId == null || doc.jobId.length === 0) && (doc.ext.toLowerCase() == 'pdf' || doc.ext.toLowerCase() == 'png' || doc.ext.toLowerCase() == 'jpeg' || doc.ext.toLowerCase() == 'jpg')) {
+                                                flag = false;
+                                            }
+                                            else {
+                                                flag = true;
+                                            }
+                                        }
+                                    }
+                                    if (flag === false) {
+                                        await this.sleep(1000);
+                                        console.log('waiting for docs', docs);
+                                        docs = this._SfUploader[0].querySelector('#uploader').selectedValues();
+                                    }
+                                } while (flag === false);
                                 //console.log('docs', docs);
                                 let reportformatvalues = "";
                                 let reportformatschema = "";
@@ -10363,10 +10639,6 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     reportformatvalues = (_a = JSON.stringify(this._SfReporting[0].querySelector('#reporting-format').selectedValues())) !== null && _a !== void 0 ? _a : "";
                                     reportformatschema = (_b = this._SfReporting[0].querySelector('#reporting-format').configjson) !== null && _b !== void 0 ? _b : "";
                                 }
-                                let percentage = "100";
-                                if (this._SfDetailContainer.querySelector('#input-reporter-percentage') != null) {
-                                    percentage = this._SfDetailContainer.querySelector('#input-reporter-percentage').value;
-                                }
                                 if (Number.isNaN(parseInt(percentage)) || parseInt(percentage) < 0 || parseInt(percentage) > 100) {
                                     //console.log('reporter comments 3', reportercomments);
                                     buttonClick.innerHTML = "Save";
@@ -10750,7 +11022,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         for (var j = 0; j < Object.keys(jsonComments).length; j++) {
                             htmlTable += '<div class="mb-20">';
                             htmlTable += ('<div part="detail-head">' + Object.keys(jsonComments)[j] + '</div>');
-                            htmlTable += ('<sf-i-elastic-text text="' + jsonComments[Object.keys(jsonComments)[j]] + '" minLength="20"></sf-i-elastic-text>');
+                            htmlTable += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + jsonComments[Object.keys(jsonComments)[j]] + '" minLength="20"></sf-i-elastic-text>');
                             htmlTable += '</div>';
                         }
                         html += '<div class="">' + htmlTable + '<small><span class="muted">' + Util.getDateTimeStrings(new Date(comments[i].timestamp).getTime()) + '</span></small></div>';
@@ -11541,7 +11813,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         for (var j = 0; j < Object.keys(jsonComments).length; j++) {
                             htmlTable += '<div class="mb-20">';
                             htmlTable += ('<div part="detail-head">' + Object.keys(jsonComments)[j] + '</div>');
-                            htmlTable += ('<sf-i-elastic-text text="' + jsonComments[Object.keys(jsonComments)[j]] + '" minLength="20"></sf-i-elastic-text>');
+                            htmlTable += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + jsonComments[Object.keys(jsonComments)[j]] + '" minLength="20"></sf-i-elastic-text>');
                             htmlTable += '</div>';
                         }
                         html += '<div class="">' + htmlTable + '<small><span class="muted">' + Util.getDateTimeStrings(new Date(comments[i].timestamp).getTime()) + '</span></small></div>';
@@ -12333,7 +12605,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         for (var j = 0; j < Object.keys(jsonComments).length; j++) {
                             htmlTable += '<div class="mb-20">';
                             htmlTable += ('<div part="detail-head">' + Object.keys(jsonComments)[j] + '</div>');
-                            htmlTable += ('<sf-i-elastic-text text="' + jsonComments[Object.keys(jsonComments)[j]] + '" minLength="20"></sf-i-elastic-text>');
+                            htmlTable += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + jsonComments[Object.keys(jsonComments)[j]] + '" minLength="20"></sf-i-elastic-text>');
                             htmlTable += '</div>';
                         }
                         html += '<div class="">' + htmlTable + '<small><span class="muted">' + Util.getDateTimeStrings(new Date(comments[i].timestamp).getTime()) + '</span></small></div>';
@@ -13151,9 +13423,9 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += ('<div part="detail-summary-subtitle" class="pl-20 pr-20"><h3>' + obligationArr[0].replace(/\n/g, '<br />') + '</h3></div>');
             if (obligationArr.length > 1) {
                 let tempObligationArr = obligationArr.slice(1);
-                html += ('<div part="detail-summary-subtitle-more-info" class="pl-20 pr-20 pb-10">' + ('<sf-i-elastic-text text="More information:' + (tempObligationArr.join('')).replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>') + '</div>');
+                html += ('<div part="detail-summary-subtitle-more-info" class="pl-20 pr-20 pb-10">' + ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="More information:' + (tempObligationArr.join('')).replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>') + '</div>');
             }
-            html += ('<div part="detail-summary-content" class="pl-20 pr-20 pt-20">' + ('<sf-i-elastic-text text="' + (event['internalcontrols'] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>') + '</div>');
+            html += ('<div part="detail-summary-content" class="pl-20 pr-20 pt-20">' + ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + (event['internalcontrols'] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>') + '</div>');
             html += '</div>';
             html += '<br />';
             html += '<div class="accordian-section section-basic pl-20 pr-20" part="accordian-section">';
@@ -13175,7 +13447,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         else {
                             html += '<div class="m-20">';
                             html += '<div part="detail-head"><strong>' + basicFields[i] + '</strong></div>';
-                            html += '<sf-i-elastic-text text="' + (event[basicFields[i]] + "").replace(/"/g, "").replace(/ *\([^)]*\) */g, "").trim().split(';')[0] + '" minLength="80"></sf-i-elastic-text>';
+                            html += '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + (event[basicFields[i]] + "").replace(/"/g, "").replace(/ *\([^)]*\) */g, "").trim().split(';')[0] + '" minLength="80"></sf-i-elastic-text>';
                             html += '</div>';
                         }
                     }
@@ -13229,7 +13501,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 html += this.getEventTexts(statuteFields[i], JSON.parse(event[statuteFields[i]]), event);
                             }
                             else {
-                                html += '<sf-i-elastic-text text="' + (event[statuteFields[i]] + "").replace(/"/g, "") + '" minLength="80"></sf-i-elastic-text>';
+                                html += '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + (event[statuteFields[i]] + "").replace(/"/g, "") + '" minLength="80"></sf-i-elastic-text>';
                             }
                             html += '</div>';
                         }
@@ -13259,7 +13531,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     html += this.getEventTexts(complianceFields[i], JSON.parse(event[complianceFields[i]]), event) + "&nbsp;<a href=\"" + res + "\" target=\"_blank\">Open</a>";
                                 }
                                 else {
-                                    html += '<sf-i-elastic-text text="' + (event[complianceFields[i]] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>' + "&nbsp;<a href=\"" + res + "\" target=\"_blank\">Open</a>";
+                                    html += '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + (event[complianceFields[i]] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>' + "&nbsp;<a href=\"" + res + "\" target=\"_blank\">Open</a>";
                                 }
                                 html += '</div>';
                             }
@@ -13288,7 +13560,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     html += this.getEventTexts(complianceFields[i], JSON.parse(event[complianceFields[i]]), event);
                                 }
                                 else {
-                                    html += '<sf-i-elastic-text text="' + (event[complianceFields[i]] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>';
+                                    html += '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + (event[complianceFields[i]] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>';
                                 }
                                 html += '</div>';
                             }
@@ -13323,7 +13595,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 }
                                 else {
                                     //console.log('grcfield', event[grcFields[i]]);
-                                    html += '<sf-i-elastic-text text="' + (event[grcFields[i]] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>';
+                                    html += '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + (event[grcFields[i]] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>';
                                 }
                             }
                             html += '</div>';
@@ -13382,7 +13654,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             for (var j = 0; j < Object.keys(jsonComments).length; j++) {
                                 htmlTable += '<div class="mb-20">';
                                 htmlTable += ('<div part="detail-head">' + Object.keys(jsonComments)[j] + '</div>');
-                                htmlTable += ('<sf-i-elastic-text text="' + jsonComments[Object.keys(jsonComments)[j]] + '" minLength="20"></sf-i-elastic-text>');
+                                htmlTable += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + jsonComments[Object.keys(jsonComments)[j]] + '" minLength="20"></sf-i-elastic-text>');
                                 htmlTable += '</div>';
                             }
                             html += '<div class="">' + htmlTable + '<small><span class="muted">' + Util.getDateTimeStrings(new Date(comments[i].timestamp).getTime()) + '</span></small></div>';
@@ -13413,7 +13685,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         if (!this.EXCLUDE_COLS_FROM_REGS.includes(Object.keys(jsonReportEvent)[i].toLowerCase())) {
                             html += '<td part="td-body-register">';
                             html += ('<span part="td-head" style="padding-left: 0px !important">' + Object.keys(jsonReportEvent)[i] + '</span>');
-                            html += ('<span part="td-body"><sf-i-elastic-text text="' + jsonReportEvent[Object.keys(jsonReportEvent)[i]] + '" lineSize="4" minLength="60"></sf-i-elastic-text>' + '</span>');
+                            html += ('<span part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + jsonReportEvent[Object.keys(jsonReportEvent)[i]] + '" lineSize="4" minLength="60"></sf-i-elastic-text>' + '</span>');
                             html += '</td>';
                         }
                     }
@@ -13988,9 +14260,31 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 const reporterdoc = this._SfDetailContainer.querySelector('#input-reporter-doc').value.length > 0 ? (new Date(this._SfDetailContainer.querySelector('#input-reporter-doc').value).getTime() + "") : "";
                                 let docs = [];
                                 //console.log('reporter comments 2', reportercomments);
+                                let percentage = "100";
+                                if (this._SfDetailContainer.querySelector('#input-reporter-percentage') != null) {
+                                    percentage = this._SfDetailContainer.querySelector('#input-reporter-percentage').value;
+                                }
                                 // if(docsOptional.length === 0) {
                                 docs = this._SfUploader[0].querySelector('#uploader').selectedValues();
                                 // }
+                                let flag = false;
+                                do {
+                                    if (docs.length > 0 && docsOptional != null && docsOptional.length === 0 && parseInt(percentage) > 0) {
+                                        for (let doc of docs) {
+                                            if ((doc.jobId == null || doc.jobId.length === 0) && (doc.ext.toLowerCase() == 'pdf' || doc.ext.toLowerCase() == 'png' || doc.ext.toLowerCase() == 'jpeg' || doc.ext.toLowerCase() == 'jpg')) {
+                                                flag = false;
+                                            }
+                                            else {
+                                                flag = true;
+                                            }
+                                        }
+                                    }
+                                    if (flag === false) {
+                                        await this.sleep(1000);
+                                        console.log('waiting for docs', docs);
+                                        docs = this._SfUploader[0].querySelector('#uploader').selectedValues();
+                                    }
+                                } while (flag === false);
                                 //console.log('docs', docs);
                                 let reportformatvalues = "";
                                 let reportformatschema = "";
@@ -13998,10 +14292,6 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     reportformatvalues = (_a = JSON.stringify(this._SfReporting[0].querySelector('#reporting-format').selectedValues())) !== null && _a !== void 0 ? _a : "";
                                     reportformatschema = (_b = this._SfReporting[0].querySelector('#reporting-format').configjson) !== null && _b !== void 0 ? _b : "";
                                 }
-                                let percentage = "100";
-                                if (this._SfDetailContainer.querySelector('#input-reporter-percentage') != null) {
-                                    percentage = this._SfDetailContainer.querySelector('#input-reporter-percentage').value;
-                                }
                                 if (Number.isNaN(parseInt(percentage)) || parseInt(percentage) < 0 || parseInt(percentage) > 100) {
                                     //console.log('reporter comments 3', reportercomments);
                                     buttonClick.innerHTML = "Save";
@@ -15007,7 +15297,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     //       this.clearMessages();
                     //     }, 20000);
                     //   } else {
-                    //     html += '<sf-i-elastic-text text="'+JSON.stringify(arrFeedbackReference[JSON.parse(sourceArray.data.mappings.mappings[i].data)[1][0].trim()][JSON.parse(sourceArray.data.mappings.mappings[i].data)[6][0].trim().replace(/&amp;/g, "&")]).replace(/"/g,"").replace(/\\n/g,"").replace(/{/g,"").replace(/}/g,"").replace(/\\/g,"")+'" lineSize="4" minLength="60"></sf-i-elastic-text>';
+                    //     html += '<sf-i-elastic-text exportparts="highlight,highlight-count" text="'+JSON.stringify(arrFeedbackReference[JSON.parse(sourceArray.data.mappings.mappings[i].data)[1][0].trim()][JSON.parse(sourceArray.data.mappings.mappings[i].data)[6][0].trim().replace(/&amp;/g, "&")]).replace(/"/g,"").replace(/\\n/g,"").replace(/{/g,"").replace(/}/g,"").replace(/\\/g,"")+'" lineSize="4" minLength="60"></sf-i-elastic-text>';
                     //   }
                     //   html += '</div>';
                     //   html += '</td>'
@@ -15016,7 +15306,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         // console.log('uniqcolval', uniqCols[l], sourceArray.data.mappings.mappings[i], sourceArray.data.mappings.mappings[i][uniqCols[l]]);
                         html += '<td class="td-body ' + classBg + '" part="td-key">';
                         html += '<div class="' + (!showSearch ? 'truncate' : '') + '">';
-                        html += '<sf-i-elastic-text text="' + sourceArray.data.mappings.mappings[i][uniqCols[l]].replace(/ *\([^)]*\) */g, "") + '" minLength="20"></sf-i-elastic-text>';
+                        html += '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + sourceArray.data.mappings.mappings[i][uniqCols[l]].replace(/ *\([^)]*\) */g, "") + '" minLength="20"></sf-i-elastic-text>';
                         html += '</div>';
                         html += '</td>';
                     }
@@ -15042,11 +15332,11 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     //console.log('isArray', sourceCols[l], Array.isArray(JSON.parse(sourceArray.data.mappings.mappings[i].data)[j]));
                                     if (Array.isArray(JSON.parse(sourceArray.data.mappings.mappings[i].data)[j])) {
                                         for (var k = 0; k < JSON.parse(sourceArray.data.mappings.mappings[i].data)[j].length; k++) {
-                                            html += ('<sf-i-elastic-text text="' + JSON.parse(sourceArray.data.mappings.mappings[i].data)[j][k] + '" minLength="100" lineSize="4"></sf-i-elastic-text>');
+                                            html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + JSON.parse(sourceArray.data.mappings.mappings[i].data)[j][k] + '" minLength="100" lineSize="4"></sf-i-elastic-text>');
                                         }
                                     }
                                     else {
-                                        html += ('<sf-i-elastic-text text="' + JSON.parse(sourceArray.data.mappings.mappings[i].data)[j] + '" minLength="100" lineSize="4"></sf-i-elastic-text>');
+                                        html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + JSON.parse(sourceArray.data.mappings.mappings[i].data)[j] + '" minLength="100" lineSize="4"></sf-i-elastic-text>');
                                     }
                                     html += '</div>';
                                     html += '</td>';
@@ -15713,7 +16003,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             html += '</td>';
                         }
                         html += '<td part="td-body">';
-                        html += '<sf-i-elastic-text class="statute id-' + i + '" text="' + (jsonData[i].id) + '" minLength="10"></sf-i-elastic-text>';
+                        html += '<sf-i-elastic-text exportparts="highlight,highlight-count" class="statute id-' + i + '" text="' + (jsonData[i].id) + '" minLength="10"></sf-i-elastic-text>';
                         html += '</td>';
                         html += '</tr>';
                         continue;
@@ -15866,7 +16156,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             html += '</td>';
                         }
                         html += '<td part="td-body" class="' + classBg + ' ' + (jsonData[i].mapped ? 'chosen' : '') + '">';
-                        html += '<div class="' + (!showSearch ? 'truncate' : '') + '"><sf-i-elastic-text class="statute id-' + i + '" text="' + (jsonData[i].id) + '" minLength="10"></sf-i-elastic-text></div>';
+                        html += '<div class="' + (!showSearch ? 'truncate' : '') + '"><sf-i-elastic-text exportparts="highlight,highlight-count" class="statute id-' + i + '" text="' + (jsonData[i].id) + '" minLength="10"></sf-i-elastic-text></div>';
                         html += '</td>';
                         //let data = JSON.parse(jsonData[i].fields.data);
                         for (var j = 0; j < JSON.parse(jsonData[i].data.cols).length; j++) {
@@ -15890,13 +16180,13 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 html += ('<div part="td-head" class="pl-0-imp w-100">' + JSON.parse(jsonData[i].data.cols)[j] + '</div>');
                                 if (Array.isArray(JSON.parse(jsonData[i].data.data)[j])) {
                                     for (var k = 0; k < JSON.parse(jsonData[i].data.data)[j].length; k++) {
-                                        html += ('<sf-i-elastic-text text="' + JSON.parse(jsonData[i].data.data)[j][k] + '" minLength="80" lineSize="4"></sf-i-elastic-text>');
-                                        //console.log('Considering', JSON.parse(jsonData[i].data.cols)[j], jsonData[i].cols, j, JSON.parse(jsonData[i].data.data)[j], '<sf-i-elastic-text text="'+JSON.parse(jsonData[i].data.data)[j][k]+'" minLength="80"></sf-i-elastic-text>');
+                                        html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + JSON.parse(jsonData[i].data.data)[j][k] + '" minLength="80" lineSize="4"></sf-i-elastic-text>');
+                                        //console.log('Considering', JSON.parse(jsonData[i].data.cols)[j], jsonData[i].cols, j, JSON.parse(jsonData[i].data.data)[j], '<sf-i-elastic-text exportparts="highlight,highlight-count" text="'+JSON.parse(jsonData[i].data.data)[j][k]+'" minLength="80"></sf-i-elastic-text>');
                                     }
                                 }
                                 else {
-                                    html += ('<sf-i-elastic-text text="' + JSON.parse(jsonData[i].data.data)[j] + '" minLength="80" lineSize="4"></sf-i-elastic-text>');
-                                    //console.log('Considering', JSON.parse(jsonData[i].data.cols)[j], jsonData[i].cols, j, JSON.parse(jsonData[i].data.data)[j], '<sf-i-elastic-text text="'+JSON.parse(jsonData[i].data.data)[j]+'" minLength="80"></sf-i-elastic-text>');
+                                    html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + JSON.parse(jsonData[i].data.data)[j] + '" minLength="80" lineSize="4"></sf-i-elastic-text>');
+                                    //console.log('Considering', JSON.parse(jsonData[i].data.cols)[j], jsonData[i].cols, j, JSON.parse(jsonData[i].data.data)[j], '<sf-i-elastic-text exportparts="highlight,highlight-count" text="'+JSON.parse(jsonData[i].data.data)[j]+'" minLength="80"></sf-i-elastic-text>');
                                 }
                                 html += '</div>';
                                 html += '</div>';
@@ -16116,7 +16406,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     if (val == '') {
                                         val = '-';
                                     }
-                                    html += ('<sf-i-elastic-text text="' + val + '" minLength="80"></sf-i-elastic-text>');
+                                    html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + val + '" minLength="80"></sf-i-elastic-text>');
                                 }
                             }
                             html += '</div>';
@@ -16126,7 +16416,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             if (val == '') {
                                 val = '-';
                             }
-                            html += ('<div part="td-body">' + '<sf-i-elastic-text text="' + val + '" minLength="80"></sf-i-elastic-text>' + '</div><br />');
+                            html += ('<div part="td-body">' + '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + val + '" minLength="80"></sf-i-elastic-text>' + '</div><br />');
                         }
                         html += '</div>';
                     }
@@ -16844,7 +17134,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 if (arrStatus[0].toLowerCase().indexOf('entities') >= 0) {
                     this._SfOnboardingTabContainer.querySelector('#button-status-entities').innerHTML = arrStatus[1];
                 }
-                if (arrStatus[0].toLowerCase().indexOf('locations') >= 0) {
+                if (arrStatus[0].toLowerCase().indexOf('locations') >= 0 && arrStatus[0].toLowerCase().indexOf('reportedlocations') < 0) {
                     this._SfOnboardingTabContainer.querySelector('#button-status-locations').innerHTML = arrStatus[1];
                 }
                 if (arrStatus[0].toLowerCase().indexOf('functions') >= 0) {
@@ -17161,7 +17451,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             classBg = 'td-light';
             html += '<tr>';
             html += '<td part="td-body" class="' + classBg + '">';
-            html += '<sf-i-elastic-text class="statute id-' + i + '" text="' + (this.rcmSelectedCompliance.id) + '" minLength="80"></sf-i-elastic-text>';
+            html += '<sf-i-elastic-text exportparts="highlight,highlight-count" class="statute id-' + i + '" text="' + (this.rcmSelectedCompliance.id) + '" minLength="80"></sf-i-elastic-text>';
             html += '</td>';
             //let data = JSON.parse(jsonData[i].fields.data);
             for (var j = 0; j < Object.keys(this.rcmSelectedCompliance.values).length; j++) {
@@ -17171,10 +17461,10 @@ let SfIEvents = class SfIEvents extends LitElement {
                     if (Array.isArray(this.rcmSelectedCompliance.values[objectKey].value)) {
                         for (var k = 0; k < this.rcmSelectedCompliance.values[objectKey].value.length; k++) {
                             if (this.rcmSelectedCompliance.values[objectKey].text != null) {
-                                html += ('<sf-i-elastic-text text="' + this.rcmSelectedCompliance.values[objectKey].text[k] + '" minLength="80"></sf-i-elastic-text>');
+                                html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + this.rcmSelectedCompliance.values[objectKey].text[k] + '" minLength="80"></sf-i-elastic-text>');
                             }
                             else {
-                                html += ('<sf-i-elastic-text text="' + this.rcmSelectedCompliance.values[objectKey].value[k] + '" minLength="80"></sf-i-elastic-text>');
+                                html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + this.rcmSelectedCompliance.values[objectKey].value[k] + '" minLength="80"></sf-i-elastic-text>');
                             }
                             if (k < (this.rcmSelectedCompliance.values[objectKey].value.length - 1)) {
                                 html += "; ";
@@ -17183,10 +17473,10 @@ let SfIEvents = class SfIEvents extends LitElement {
                     }
                     else {
                         if (this.rcmSelectedCompliance.values[objectKey].text != null) {
-                            html += ('<sf-i-elastic-text text="' + this.rcmSelectedCompliance.values[objectKey].value + '" minLength="80"></sf-i-elastic-text>');
+                            html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + this.rcmSelectedCompliance.values[objectKey].value + '" minLength="80"></sf-i-elastic-text>');
                         }
                         else {
-                            html += ('<sf-i-elastic-text text="' + this.rcmSelectedCompliance.values[objectKey].value + '" minLength="80"></sf-i-elastic-text>');
+                            html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + this.rcmSelectedCompliance.values[objectKey].value + '" minLength="80"></sf-i-elastic-text>');
                         }
                     }
                     html += '</td>';
@@ -17238,7 +17528,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 html += '<div class="d-flex"><button id="button-lock-' + (updatedCompliances[i].id) + '" class="mr-10 button-lock-icon button-lock-' + i + '" part="button-icon-small"><span class="material-symbols-outlined">done</span></button></div>';
                 html += '</td>';
                 html += '<td part="td-body" class="' + classBg + '">';
-                html += '<sf-i-elastic-text class="statute id-' + i + '" text="' + (updatedCompliances[i].id) + '" minLength="80"></sf-i-elastic-text>';
+                html += '<sf-i-elastic-text exportparts="highlight,highlight-count" class="statute id-' + i + '" text="' + (updatedCompliances[i].id) + '" minLength="80"></sf-i-elastic-text>';
                 html += '</td>';
                 //let data = JSON.parse(jsonData[i].fields.data);
                 for (var j = 0; j < Object.keys(updatedCompliances[i].values).length; j++) {
@@ -17248,10 +17538,10 @@ let SfIEvents = class SfIEvents extends LitElement {
                         if (Array.isArray(updatedCompliances[i].values[objectKey].value)) {
                             for (var k = 0; k < updatedCompliances[i].values[objectKey].value.length; k++) {
                                 if (updatedCompliances[i].values[objectKey].text != null) {
-                                    html += ('<sf-i-elastic-text text="' + updatedCompliances[i].values[objectKey].text[k] + '" minLength="80"></sf-i-elastic-text>');
+                                    html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + updatedCompliances[i].values[objectKey].text[k] + '" minLength="80"></sf-i-elastic-text>');
                                 }
                                 else {
-                                    html += ('<sf-i-elastic-text text="' + updatedCompliances[i].values[objectKey].value[k] + '" minLength="80"></sf-i-elastic-text>');
+                                    html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + updatedCompliances[i].values[objectKey].value[k] + '" minLength="80"></sf-i-elastic-text>');
                                 }
                                 if (k < (updatedCompliances[i].values[objectKey].value.length - 1)) {
                                     html += "; ";
@@ -17260,10 +17550,10 @@ let SfIEvents = class SfIEvents extends LitElement {
                         }
                         else {
                             if (updatedCompliances[i].values[objectKey].text != null) {
-                                html += ('<sf-i-elastic-text text="' + updatedCompliances[i].values[objectKey].value + '" minLength="80"></sf-i-elastic-text>');
+                                html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + updatedCompliances[i].values[objectKey].value + '" minLength="80"></sf-i-elastic-text>');
                             }
                             else {
-                                html += ('<sf-i-elastic-text text="' + updatedCompliances[i].values[objectKey].value + '" minLength="80"></sf-i-elastic-text>');
+                                html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + updatedCompliances[i].values[objectKey].value + '" minLength="80"></sf-i-elastic-text>');
                             }
                         }
                         html += '</td>';
@@ -17333,7 +17623,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 //   html += '<div id="select-'+i+'"><button id="button-'+i+'" class="button-icon button-'+i+'"><span class="material-symbols-outlined">navigate_next</span></button></div>';
                 //   html += '</td>';
                 html += '<td part="td-body" class="' + classBg + '">';
-                html += '<sf-i-elastic-text class="statute id-' + i + '" text="' + (projects[i].id) + '" minLength="80"></sf-i-elastic-text>';
+                html += '<sf-i-elastic-text exportparts="highlight,highlight-count" class="statute id-' + i + '" text="' + (projects[i].id) + '" minLength="80"></sf-i-elastic-text>';
                 html += '</td>';
                 //   //let data = JSON.parse(jsonData[i].fields.data);
                 for (var j = 0; j < Object.keys(projects[i]).length; j++) {
@@ -17343,12 +17633,12 @@ let SfIEvents = class SfIEvents extends LitElement {
                         //console.log('value',projects[i][objectKey]);
                         if (Array.isArray(projects[i][objectKey])) {
                             for (var k = 0; k < projects[i][objectKey].value.length; k++) {
-                                html += ('<sf-i-elastic-text text="' + projects[i][objectKey][0] + '" minLength="80"></sf-i-elastic-text>');
+                                html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + projects[i][objectKey][0] + '" minLength="80"></sf-i-elastic-text>');
                             }
                         }
                         else {
                             //console.log('not array');
-                            html += ('<sf-i-elastic-text text="' + projects[i][objectKey].replace(/"/g, '') + '" minLength="80"></sf-i-elastic-text>');
+                            html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + projects[i][objectKey].replace(/"/g, '') + '" minLength="80"></sf-i-elastic-text>');
                         }
                         html += '</td>';
                     }
@@ -19966,7 +20256,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         html += this.getEventTexts(Object.keys(events[index])[k], JSON.parse(events[index][Object.keys(events[index])[k]]), events[index]);
                     }
                     else {
-                        html += '<sf-i-elastic-text text="' + events[index][Object.keys(events[index])[k]].replace(/"/g, "") + '" minLength="20"></sf-i-elastic-text>';
+                        html += '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + events[index][Object.keys(events[index])[k]].replace(/"/g, "") + '" minLength="20"></sf-i-elastic-text>';
                     }
                     html += '</td>';
                 }
@@ -20114,7 +20404,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             html += this.getEventTexts(Object.keys(unmappedEvents[i])[k], JSON.parse(unmappedEvents[i][Object.keys(unmappedEvents[i])[k]]), unmappedEvents[i]);
                         }
                         else {
-                            html += ' <sf-i-elastic-text text="' + unmappedEvents[i][Object.keys(unmappedEvents[i])[k]].replace(/"/g, "") + '" minLength="20"></sf-i-elastic-text>';
+                            html += ' <sf-i-elastic-text exportparts="highlight,highlight-count" text="' + unmappedEvents[i][Object.keys(unmappedEvents[i])[k]].replace(/"/g, "") + '" minLength="20"></sf-i-elastic-text>';
                         }
                         html += '</td>';
                     }
@@ -20196,7 +20486,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             html += ",";
                         }
                     }
-                    div.innerHTML = '<sf-i-elastic-text text="' + html + '" minLength="20"></sf-i-elastic-text>';
+                    div.innerHTML = '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + html + '" minLength="20"></sf-i-elastic-text>';
                     this.mappedValuesTags[clickIndex] = form.selectedValues();
                     // const div = ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-div-tags-'+clickIndex) as HTMLDivElement);
                     // const input = ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-tags-'+clickIndex) as HTMLInputElement);
@@ -20215,7 +20505,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             html += ",";
                         }
                     }
-                    div.innerHTML = '<sf-i-elastic-text text="' + html + '" minLength="20"></sf-i-elastic-text>';
+                    div.innerHTML = '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + html + '" minLength="20"></sf-i-elastic-text>';
                     this.mappedValuesUsers[clickIndex] = form.selectedValues();
                     this.updateMappingStatus(form.selectedValues(), clickIndex);
                     this.calculateAndShowSummary();
@@ -20361,7 +20651,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             html += ',';
                         }
                     }
-                    this._SfMappingContainer.querySelector('#row-unmapped-div-tags-' + i).innerHTML = '<sf-i-elastic-text text="' + html + '" minLength="20"></sf-i-elastic-text>';
+                    this._SfMappingContainer.querySelector('#row-unmapped-div-tags-' + i).innerHTML = '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + html + '" minLength="20"></sf-i-elastic-text>';
                     this._SfMappingContainer.querySelector('#row-unmapped-input-tags-' + i).preselectedValues = JSON.stringify(this.mappedValuesTags[i]);
                     //((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-tags-'+i) as SfIForm)!.populatePreselected();
                 }
@@ -20373,7 +20663,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             html += ',';
                         }
                     }
-                    this._SfMappingContainer.querySelector('#row-unmapped-div-users-' + i).innerHTML = '<sf-i-elastic-text text="' + html + '" minLength="20"></sf-i-elastic-text>';
+                    this._SfMappingContainer.querySelector('#row-unmapped-div-users-' + i).innerHTML = '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + html + '" minLength="20"></sf-i-elastic-text>';
                     this._SfMappingContainer.querySelector('#row-unmapped-input-users-' + i).preselectedValues = JSON.stringify(this.mappedValuesUsers[i]);
                     //((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-users-'+i) as SfIForm)!.populatePreselected();
                 }
@@ -22070,6 +22360,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 console.log('jsonRespose', jsonRespose);
                 const registers = (await this.fetchPresignedUrl(jsonRespose.signedUrlGet));
                 await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete);
+                this.registerFilters = {};
                 // this.renderAppropriateStream(startDate, endDate);
                 // const jsonRespose = JSON.parse(xhr.responseText);
                 //console.log(jsonRespose);
@@ -23364,10 +23655,10 @@ let SfIEvents = class SfIEvents extends LitElement {
                         eventHtml += '<div class="stream-events-container flex-grow">';
                         eventHtml += '<div class="hidden-tags hide">' + JSON.stringify(eventsData[role][mmdd][j]['tags']) + '</div>';
                         eventHtml += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>not filtered</i></th></thead></table></div>';
-                        eventHtml += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5 mb-10">' + (eventsData[role][mmdd][j].isbulk ? ('<div class="lds-dual-ring1 bulk-loader mr-10"></div>') : ('<input id="button-select-' + mmdd.replace('/', '-') + '-' + j + '-' + (((eventsData[role][mmdd][j].makercheckers != null && (eventsData[role][mmdd][j].makercheckers).length > 0)) ? '1' : '0') + '-' + (((eventsData[role][mmdd][j].docs != null && (eventsData[role][mmdd][j].docs).length > 0)) ? '1' : '0') + '-' + eventsData[role][mmdd][j].entityid.replace(/-/g, '_') + '-' + eventsData[role][mmdd][j].locationid.replace(/-/g, '_') + '-' + eventsData[role][mmdd][j].id.replace(/-/g, '_') + '-' + eventsData[role][mmdd][j].duedate.split('/')[1] + '-' + eventsData[role][mmdd][j].duedate.split('/')[0] + '-' + eventsData[role][mmdd][j].duedate.split('/')[2] + '-' + partStatus.replace(/-/g, '_') + '" class="button-select mr-10 ' + ((eventsData[role][mmdd][j].reportformat != null && eventsData[role][mmdd][j].reportformat.length > 0) ? 'hide' : '') + '" type="checkbox" />')) + (eventsData[role][mmdd][j].isbulk ? '' : ('<button id="button-unmapped-expand-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="material-icons button-expand mr-10">open_in_new</button>')) + '<sf-i-elastic-text text="' + eventsData[role][mmdd][j]['obligationtitle'] + '" minLength="100"></sf-i-elastic-text>&nbsp;&nbsp;' + '<div part="td-body"><sf-i-elastic-text text="' + eventsData[role][mmdd][j]["locationname"].replace(/ *\([^)]*\) */g, "") + '" minLength="30"></sf-i-elastic-text></div>&nbsp;&nbsp;<div part="upcoming-function">' + functionStr + '</div>&nbsp;&nbsp;' + this.renderStatusHtml(partStatus, lateStatus, complianceStatus, i);
+                        eventHtml += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5 mb-10">' + (eventsData[role][mmdd][j].isbulk ? ('<div class="lds-dual-ring1 bulk-loader mr-10"></div>') : ('<input id="button-select-' + mmdd.replace('/', '-') + '-' + j + '-' + (((eventsData[role][mmdd][j].makercheckers != null && (eventsData[role][mmdd][j].makercheckers).length > 0)) ? '1' : '0') + '-' + (((eventsData[role][mmdd][j].docs != null && (eventsData[role][mmdd][j].docs).length > 0)) ? '1' : '0') + '-' + eventsData[role][mmdd][j].entityid.replace(/-/g, '_') + '-' + eventsData[role][mmdd][j].locationid.replace(/-/g, '_') + '-' + eventsData[role][mmdd][j].id.replace(/-/g, '_') + '-' + eventsData[role][mmdd][j].duedate.split('/')[1] + '-' + eventsData[role][mmdd][j].duedate.split('/')[0] + '-' + eventsData[role][mmdd][j].duedate.split('/')[2] + '-' + partStatus.replace(/-/g, '_') + '" class="button-select mr-10 ' + ((eventsData[role][mmdd][j].reportformat != null && eventsData[role][mmdd][j].reportformat.length > 0) ? 'hide' : '') + '" type="checkbox" />')) + (eventsData[role][mmdd][j].isbulk ? '' : ('<button id="button-unmapped-expand-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="material-icons button-expand mr-10">open_in_new</button>')) + '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + eventsData[role][mmdd][j]['obligationtitle'] + '" minLength="100"></sf-i-elastic-text>&nbsp;&nbsp;' + '<div part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + eventsData[role][mmdd][j]["locationname"].replace(/ *\([^)]*\) */g, "") + '" minLength="30"></sf-i-elastic-text></div>&nbsp;&nbsp;<div part="upcoming-function">' + functionStr + '</div>&nbsp;&nbsp;' + this.renderStatusHtml(partStatus, lateStatus, complianceStatus, i);
                         console.log('next isBulk', eventsData[role][mmdd][j].isbulk);
                         if (eventsData[role][mmdd][j].isbulk == null || eventsData[role][mmdd][j].isbulk == false) {
-                            eventHtml += '<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '" part="button-list-reporting" class="material-icons ml-10 button-list-reporting">edit_note</button>';
+                            eventHtml += '<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 button-list-reporting">edit_note</button>';
                             eventHtml += '</div>';
                             eventHtml += '<div class="list-reporting-container d-flex flex-col hide" part="list-reporting-container" id="list-reporting-container-' + mmdd.replace(/\//g, '-') + '-' + j + '"></div>';
                         }
@@ -23631,7 +23922,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         if (!this.EXCLUDE_COLS_FROM_REGS.includes(Object.keys(JSON.parse(report['event']))[i].toLowerCase())) {
                             html += '<td part="td-body-register">';
                             html += ('<span part="td-head" style="padding-left: 0px !important">' + Object.keys(JSON.parse(report['event']))[i] + '</span>');
-                            html += ('<span part="td-body"><sf-i-elastic-text text="' + JSON.parse(report['event'])[Object.keys(JSON.parse(report['event']))[i]] + '" lineSize="4" minLength="60"></sf-i-elastic-text>' + '</span>');
+                            html += ('<span part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + JSON.parse(report['event'])[Object.keys(JSON.parse(report['event']))[i]] + '" lineSize="4" minLength="60"></sf-i-elastic-text>' + '</span>');
                             html += '</td>';
                         }
                     }
@@ -23913,7 +24204,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         eventHtml += '<div class="stream-events-container flex-grow">';
                         eventHtml += '<div class="hidden-tags hide">' + JSON.stringify(eventsData[mmdd][j]['tags']) + '</div>';
                         eventHtml += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>not filtered</i></th></thead></table></div>';
-                        eventHtml += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5 mb-10">' + '<button id="button-unmapped-expand-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="material-icons button-expand mr-10">check</button>' + '<sf-i-elastic-text text="' + eventsData[mmdd][j]['obligationtitle'] + '" minLength="100"></sf-i-elastic-text>&nbsp;&nbsp;' + '<div part="td-body"><sf-i-elastic-text text="' + eventsData[mmdd][j]["locationname"].replace(/ *\([^)]*\) */g, "") + '" minLength="30"></sf-i-elastic-text></div>&nbsp;&nbsp;<div part="upcoming-function">' + functionStr + '</div>&nbsp;&nbsp;' + this.renderStatusHtml(partStatus, lateStatus, complianceStatus, i) + '</div>';
+                        eventHtml += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5 mb-10">' + '<button id="button-unmapped-expand-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="material-icons button-expand mr-10">check</button>' + '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + eventsData[mmdd][j]['obligationtitle'] + '" minLength="100"></sf-i-elastic-text>&nbsp;&nbsp;' + '<div part="td-body"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + eventsData[mmdd][j]["locationname"].replace(/ *\([^)]*\) */g, "") + '" minLength="30"></sf-i-elastic-text></div>&nbsp;&nbsp;<div part="upcoming-function">' + functionStr + '</div>&nbsp;&nbsp;' + this.renderStatusHtml(partStatus, lateStatus, complianceStatus, i) + '</div>';
                         eventHtml += '</div>';
                         html += eventHtml;
                     }
@@ -25623,7 +25914,8 @@ SfIEvents.styles = css `
       right: 5px;
       background-color: white;
       border: solid 1px #888;
-      border-radius: 5px
+      border-radius: 5px;
+      width: max-content;
     }
 
     .filter-button-container{