Support previous iteration

Author: lrljoe

resources/js/laravel-livewire-tables.js

@@ -250,33 +250,44 @@ document.addEventListener('alpine:init', () => {
 
         }
     }));
-    
 
-    Alpine.data('booleanFilter', (filterKey,tableName,defaultValue) => ({
+    Alpine.data('booleanFilter', (wire,filterKey,tableName,defaultValue) => ({
+        switchOn: false, 
+        value: wire.entangle('filterComponents.'+filterKey).live, 
+        init() { 
+            this.switchOn = false; 
+            if (typeof this.value !== 'undefined') { 
+                this.switchOn = Boolean(Number(this.value)); 
+            }
+            this.listeners.push(
+                Livewire.on('filter-was-set', (detail) => {
+                    if(detail.tableName == tableName && detail.filterKey == filterKey) { 
+                        this.switchOn = detail.value ?? defaultValue; 
+                    }
+                })
+            );
+        }
+    }));
+    
+    Alpine.data('newBooleanFilter', (filterKey,tableName,defaultValue) => ({
         switchOn: false, 
         value: false, 
         toggleStatus()
         {
             let tempValue = Boolean(Number(this.$wire.get('filterComponents.'+filterKey) ?? this.value));
             let newBoolean = !tempValue;
-            let newValue = Number(newBoolean);
-            this.value = newBoolean;
-            this.switchOn = newBoolean;
-            this.updateStatus(newValue);
+            this.switchOn = this.value = newBoolean;
+            return Number(newBoolean);
         },
-        toggleStatusWithReset()
+        toggleStatusWithUpdate()
         {
-            let tempValue = Boolean(Number(this.$wire.get('filterComponents.'+filterKey) ?? this.value));
-            let newBoolean = !tempValue;
-            let newValue = Number(newBoolean);
-            this.value = newBoolean;
-            this.switchOn = newBoolean;
-            this.$wire.call('resetFilter',filterKey);
-            
+            let newValue = this.toggleStatus();
+            this.$wire.set('filterComponents.'+filterKey, newValue);
         },
-        updateStatus(newValue)
+        toggleStatusWithReset()
         {
-            this.$wire.set('filterComponents.'+filterKey, newValue);
+            let newValue = this.toggleStatus();
+            this.$wire.call('resetFilter',filterKey);
         },
         setSwitchOn(val)
         {
@@ -286,8 +297,7 @@ document.addEventListener('alpine:init', () => {
         init() { 
             this.$nextTick(() => { 
                 this.value = this.$wire.get('filterComponents.'+filterKey) ?? defaultValue;
-                let number = Number(this.value ?? 0);
-                this.switchOn = Boolean(number); 
+                this.setSwitchOn(this.value ?? 0);
             });
 
             this.listeners.push(