Merge branch 'Develop' into Updates-to-CMS-Filter

Signed-off-by: Jorge C. <jacortez_94@hotmail.com>

Author: JorchCortez

Dist/WebflowOnly/CMSFilter.js

@@ -418,7 +418,6 @@ class CMSFilter {
                             const datasetValue = (item.dataset && item.dataset[category]) ? item.dataset[category] : '';
                             const itemValue = parseFloat(datasetValue);
                             if (isNaN(itemValue)) return false;
-                            
                             if (value.from !== null && value.to !== null) {
                                 return itemValue >= value.from && itemValue <= value.to;
                             } else if (value.from !== null && value.to == null) {

Dist/WebflowOnly/RenderStatic.js

@@ -4,6 +4,8 @@ class RenderStatic {
     constructor(_container) {
         this.container = _container;
         this.cloneables = document.querySelectorAll("[wt-renderstatic-element='cloneable']");
+        this.resetIx2 = this.container.getAttribute('wt-renderstatic-resetix2') || false;
+
         this.gap = 0;
         this.observer = null;
 
@@ -49,6 +51,7 @@ class RenderStatic {
         let childClone = child.cloneNode(true);
         if (parent) {
             parent.insertBefore(childClone, parent.children[index]);
+            if(this.resetIx2) this.ResetInteraction(childClone);
         }
     }
 
@@ -68,6 +71,38 @@ class RenderStatic {
 
         this.observer.observe(this.container, { childList: true });
     }
+    
+    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.');
+        }
+    }
 }
 
 const initializeRenderStatic = () => {

docs/WebflowOnly/CMSFilter.md

@@ -237,6 +237,10 @@ Your CMS items should include data attributes that match your filter categories.
 
 ### JavaScript API
 Access the filter instance globally:
+
+> **Note:** The following example uses [optional chaining (`?.`)](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining), which is supported in all modern browsers but **not** in Internet Explorer or some older browsers. If you need to support older browsers, use the alternative code below.
+
+**Modern browsers (with optional chaining):**
 ```javascript
 // Get the filter instance
 const filterInstance = window.webtricks.find(item => item.CMSFilter)?.CMSFilter;