sf-i-events 1.0.755 → 1.0.756

package/package.json

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

package/sf-i-events.js

@@ -2141,7 +2141,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             if (this.getFeatures().length > 1) {
                 html += '<div class="filter-button-container"><button part="button-icon" id="filter-button" class="material-icons">filter_list</button>';
                 html += '<div id="filter-list-container" 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" class="filter-label-container d-flex justify-center align-center" part="filter-label-container"><button part="button-icon-small" class="material-icons button-expand mr-10 invisible">check</button><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons button-expand invisible ml-10">check</button></div>';
+                html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons button-expand invisible">check</button></div>';
                 html += `<div class="filter-input-container d-flex"><input class="input-select-feature-all" type="checkbox" ${this.selectedFeatures.length >= (this.getFeatures().length) ? 'checked' : ''} id="input-select-feature-all"  part="input-select-feature" name="all"></input><label for="input-select-feature-all" class="input-select-feature-label-all" id="input-select-feature-label-all"
          part="input-select-feature-label">all</label></div>`;
                 // html += `<div class="filter-input-container d-flex"><input class="input-select-feature-compliances" type="checkbox" ${this.selectedFeatures.indexOf('compliances') >= 0 ? 'checked' : ''} id="input-select-feature-compliances"  part="input-select-feature" name="compliances"></input><label for="input-select-feature-compliances" class="input-select-feature-label"  part="input-select-feature-label">compliances</label></div>`
@@ -3677,6 +3677,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             filterButton === null || filterButton === void 0 ? void 0 : filterButton.addEventListener('click', () => {
                 const filterList = eventsContainer.querySelector('#filter-list-container');
                 filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none');
+                filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close');
                 const filterSubmitButton = filterList.querySelector('#button-submit-features');
                 filterSubmitButton.addEventListener('click', () => {
                     this.processDateSelection(eventsContainer);
@@ -6736,6 +6737,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             filterButton === null || filterButton === void 0 ? void 0 : filterButton.addEventListener('click', () => {
                 const filterList = this._SfThisContainer.querySelector('#filter-list-container');
                 filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none');
+                filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close');
                 const filterSubmitButton = filterList.querySelector('#button-submit-features');
                 filterSubmitButton.addEventListener('click', async () => {
                     const dateResult = this.calculateStartAndEndDateOfStream(index);
@@ -7149,6 +7151,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             filterButton === null || filterButton === void 0 ? void 0 : filterButton.addEventListener('click', () => {
                 const filterList = this._SfStreamContainer.querySelector('#filter-list-container');
                 filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none');
+                filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close');
                 const filterSubmitButton = filterList.querySelector('#button-submit-features');
                 filterSubmitButton.addEventListener('click', async () => {
                     const dateResult = this.calculateStartAndEndDateOfStream(index);

package/src/sf-i-events.ts

@@ -4235,7 +4235,7 @@ export class SfIEvents extends LitElement {
       if(this.getFeatures().length > 1){
         html += '<div class="filter-button-container"><button part="button-icon" id="filter-button" class="material-icons">filter_list</button>'
         html += '<div id="filter-list-container" 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" class="filter-label-container d-flex justify-center align-center" part="filter-label-container"><button part="button-icon-small" class="material-icons button-expand mr-10 invisible">check</button><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons button-expand invisible ml-10">check</button></div>' 
+        html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons button-expand invisible">check</button></div>' 
         html += `<div class="filter-input-container d-flex"><input class="input-select-feature-all" type="checkbox" ${this.selectedFeatures.length >= (this.getFeatures().length) ? 'checked' : ''} id="input-select-feature-all"  part="input-select-feature" name="all"></input><label for="input-select-feature-all" class="input-select-feature-label-all" id="input-select-feature-label-all"
          part="input-select-feature-label">all</label></div>`
         // html += `<div class="filter-input-container d-flex"><input class="input-select-feature-compliances" type="checkbox" ${this.selectedFeatures.indexOf('compliances') >= 0 ? 'checked' : ''} id="input-select-feature-compliances"  part="input-select-feature" name="compliances"></input><label for="input-select-feature-compliances" class="input-select-feature-label"  part="input-select-feature-label">compliances</label></div>`
@@ -6066,6 +6066,7 @@ export class SfIEvents extends LitElement {
     filterButton?.addEventListener('click',() => {
       const filterList = eventsContainer.querySelector('#filter-list-container') as HTMLDivElement
       filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none')
+      filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close')
       const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
       filterSubmitButton.addEventListener('click',() => {
         this.processDateSelection(eventsContainer);
@@ -9784,6 +9785,7 @@ export class SfIEvents extends LitElement {
     filterButton?.addEventListener('click',() => {
       const filterList = (this._SfThisContainer as HTMLDivElement).querySelector('#filter-list-container') as HTMLDivElement
       filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none')
+      filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close')
       const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
       filterSubmitButton.addEventListener('click',async() => {
         const dateResult = this.calculateStartAndEndDateOfStream(index);
@@ -10292,6 +10294,7 @@ export class SfIEvents extends LitElement {
     filterButton?.addEventListener('click',() => {
       const filterList = (this._SfStreamContainer as HTMLDivElement).querySelector('#filter-list-container') as HTMLDivElement
       filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none')
+      filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close')
       const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
       filterSubmitButton.addEventListener('click',async() => {
         const dateResult = this.calculateStartAndEndDateOfStream(index);