Merging changes with Dev branch

Author: JorchCortez

Dist/WebflowOnly/CMSFilter.js

@@ -18,7 +18,7 @@ class CMSFilter {
         //Pagination wrapper is a MUST for the full functionality of the filter to work properly, 
         //if not added the filter will only work with whatever is loaded by default.
         this.paginationWrapper = document.querySelector('[wt-cmsfilter-element="pagination-wrapper"]') || null;
-        this.loadMode = this.listElement.getAttribute('wt-cmsfilter-loadmode') || 'load-all'; //Currently only paginate and load-all
+        this.loadMode = this.listElement.getAttribute('wt-cmsfilter-loadmode') || 'load-all';
         this.previousButton = document.querySelector('[wt-cmsfilter-pagination="prev"]');
         this.nextButton = document.querySelector('[wt-cmsfilter-pagination="next"]');
         this.customNextButton = document.querySelector('[wt-cmsfilter-element="custom-next"]');
@@ -30,6 +30,7 @@ class CMSFilter {
         this.sortOptions = document.querySelector('[wt-cmsfilter-element="sort-options"]');
         this.resultCount = document.querySelector('[wt-cmsfilter-element="results-count"]');
         this.emptyElement = document.querySelector('[wt-cmsfilter-element="empty"]');
+        this.resetIx2 = this.listElement.getAttribute('wt-cmsfilter-resetix2') || false;
 
         this.allItems = [];
         this.filteredItems = [];
@@ -206,18 +207,16 @@ class CMSFilter {
                 const currentPage = this.filteredItems.slice(currentSlice, currentSlice + this.itemsPerPage);
                 currentPage.forEach(item => {
                     this.listElement.appendChild(item);
+                    if(this.resetIx2) this.ResetInteraction(item);
                 });
             }
         } else {
             this.filteredItems.forEach(item => {
                 this.listElement.appendChild(item);
+                if(this.resetIx2) this.ResetInteraction(item);
             });
         }
 
-        var webflow = window.Webflow || [];
-        if(webflow) {
-            webflow.require('ix2').init();
-        }
         this.ToggleEmptyState();
         this.UpdatePaginationDisplay();
     }
@@ -292,7 +291,6 @@ class CMSFilter {
         this.SetActiveTags();
     }
 
-
     ShowResultCount() {
         if(!this.resultCount) return;
         this.resultCount.innerText = this.GetResults();
@@ -369,7 +367,6 @@ class CMSFilter {
         return filters;
     }
 
-
     GetDataSet(str) {
         return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function(word, index) {
             return index === 0 ? word.toLowerCase() : word.toUpperCase();
@@ -523,8 +520,10 @@ class CMSFilter {
             }
         } 
         if(this.allItems){
-            if(this.allItems.length > 0) {
-                return this.allItems.length;
+            //trim out static elements from RenderStatic
+            let elements = this.allItems.filter(item => !item.hasAttribute('wt-renderstatic-element'));
+            if(elements.length > 0) {
+                return elements.length;
             }
             return 0;
         }
@@ -564,6 +563,37 @@ class CMSFilter {
         this.ApplyFilters();
     }
 
+    ResetInteraction(element) {
+        if (!element) {
+            console.error('Element not found');
+            return;
+        }
+
+        const WebflowIX2 = window.Webflow && Webflow.require('ix2');
+        if (!WebflowIX2) {
+            console.error('Webflow IX2 engine not found.');
+            return;
+        }
+
+        const targetElement = element.hasAttribute('data-w-id') 
+            ? element 
+            : element.querySelector('[data-w-id]');
+        
+        if (!targetElement) {
+            console.warn('No IX2 interaction found on the element or its children.');
+            return;
+        }
+
+        const dataWId = targetElement.getAttribute('data-w-id');
+        if (dataWId) {
+            targetElement.removeAttribute('data-w-id');
+            targetElement.setAttribute('data-w-id', dataWId);
+
+            WebflowIX2.init();
+        } else {
+            console.warn('No valid data-w-id attribute found.');
+        }
+    }
 
     GetFilterData() {
         let filterData = {