Clear filters when dialog closes

app/helpers/filters_helper.rb

@@ -28,7 +28,7 @@ module FiltersHelper
 
   def filter_dialog(label, &block)
     tag.dialog class: "margin-block-start-half popup panel flex-column align-start gap-half fill-white shadow txt-small", data: {
-      action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset toggle->filter#filter",
+      action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset toggle->filter#filter dialog:close@document->filter#clearInput",
       aria: { label: label, aria_description: label },
       controller: "filter navigable-list",
       dialog_target: "dialog",

app/javascript/controllers/dialog_controller.js

@@ -44,6 +44,7 @@ export default class extends Controller {
     this.dialogTarget.blur()
     orient(this.dialogTarget, false)
     limitHeightToViewport(this.dialogTarget, false)
+    this.dispatch("close")
   }
 
   closeOnClickOutside({ target }) {

app/javascript/controllers/filter_controller.js

@@ -20,4 +20,9 @@ export default class extends Controller {
 
     this.dispatch("changed")
   }
+
+  clearInput() {
+    if (!this.hasInputTarget) return
+    this.inputTarget.value = ""
+  }
 }