@fluid-topics/ft-search-input 1.2.31 → 1.2.32

package/build/ft-search-input.d.ts

@@ -12,6 +12,7 @@ export declare class FtSearchInput extends FtSearchInput_base implements FtSearc
     private forceCloseSuggestion;
     launchSearchPath?: string;
     useCustomSearchPath: boolean;
+    triggerSearchOnClear: boolean;
     private input;
     private suggestion;
     private launchSearchButton;
@@ -19,6 +20,7 @@ export declare class FtSearchInput extends FtSearchInput_base implements FtSearc
     private onSearchBarKeyDown;
     private onSearchBarKeyUp;
     private onInput;
+    private onClearInput;
     private launchSearch;
     private onSuggestionSelected;
 }

package/build/ft-search-input.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html } from "lit";
+import { html, nothing } from "lit";
 import { noTextInputDefaultClearButton, redux } from "@fluid-topics/ft-wc-utils";
 import { styles } from "./ft-search-input.styles";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
@@ -22,6 +22,7 @@ class FtSearchInput extends withI18n(FtSearchComponent) {
         this.liveQuery = "";
         this.forceCloseSuggestion = false;
         this.useCustomSearchPath = false;
+        this.triggerSearchOnClear = false;
         this.addI18nContext(searchInputContext);
     }
     render() {
@@ -61,11 +62,7 @@ class FtSearchInput extends withI18n(FtSearchComponent) {
                                    icon="close"
                                    round dense
                                    label="${searchInputContext.messages.clearButton()}"
-                                   @click=${() => {
-            var _a;
-            (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setLiveQuery("");
-            this.input.focus();
-        }}
+                                   @click=${() => this.onClearInput()}
                         ></ft-button>
                         <div class="ft-search-input--separator"></div>
                     ` : null}
@@ -115,6 +112,12 @@ class FtSearchInput extends withI18n(FtSearchComponent) {
         (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setLiveQuery(this.input.value);
         this.forceCloseSuggestion = false;
     }
+    onClearInput() {
+        var _a;
+        (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setLiveQuery("");
+        this.triggerSearchOnClear ? this.launchSearch("") : nothing;
+        this.input.focus();
+    }
     launchSearch(query) {
         var _a;
         this.forceCloseSuggestion = true;
@@ -154,6 +157,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], FtSearchInput.prototype, "useCustomSearchPath", void 0);
+__decorate([
+    property({ type: Boolean })
+], FtSearchInput.prototype, "triggerSearchOnClear", void 0);
 __decorate([
     query(".ft-search-input--input")
 ], FtSearchInput.prototype, "input", void 0);