From 0324abca2f01240b406575a7a463d2daad8c26df Mon Sep 17 00:00:00 2001
From: Josemi <josemijuanes@gmail.com>
Date: Fri, 24 Jan 2025 13:53:45 +0100
Subject: [PATCH] wc: Fix filter clear event in variant browser #TASK-7216
 #TASK-7100

---
 src/webcomponents/variant/variant-browser.js | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/webcomponents/variant/variant-browser.js b/src/webcomponents/variant/variant-browser.js
index 04c8e11ba..75a93efe0 100644
--- a/src/webcomponents/variant/variant-browser.js
+++ b/src/webcomponents/variant/variant-browser.js
@@ -222,7 +222,16 @@ export default class VariantBrowser extends LitElement {
         this.requestUpdate();
     }
 
-    onQueryFilterChange(e) {
+    onVariantFilterClear() {
+        this.preparedQuery = {};
+        this.executedQuery = {};
+        this.searchActive = false;
+        this.variant = null;
+        this.notifySearch(this.preparedQuery);
+        this.requestUpdate();
+    }
+
+    onVariantFilterChange(e) {
         this.preparedQuery = e.detail.query;
         this.requestUpdate();
     }
@@ -384,8 +393,9 @@ export default class VariantBrowser extends LitElement {
                             .query="${this.preparedQuery}"
                             .searchActive="${this.searchActive || false}"
                             .config="${this._config.filter}"
-                            @queryChange="${this.onQueryFilterChange}"
-                            @querySearch="${this.onVariantFilterSearch}">
+                            @queryChange="${this.onVariantFilterChange}"
+                            @querySearch="${this.onVariantFilterSearch}"
+                            @queryClear="${this.onVariantFilterClear}">
                         </variant-browser-filter>
 
                         <div class="main-view">