@fluid-topics/ft-search-facet 1.0.44 → 1.0.45

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

@@ -12,9 +12,11 @@ export declare class FtSearchFacet extends FtSearchFacet_base implements FtSearc
     private request?;
     private facets?;
     private editorMode?;
+    private filter;
     setSearchStateManager(stateManager: FtSearchStateManager): void;
     protected render(): import("lit-html").TemplateResult<1> | typeof nothing;
     protected updated(props: PropertyValues): void;
     private onFacetValueSelected;
+    clearFacet(): void;
 }
 export {};

package/build/ft-search-facet.js

@@ -5,8 +5,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, nothing } from "lit";
-import { redux } from "@fluid-topics/ft-wc-utils";
-import { property } from "lit/decorators.js";
+import { redux, reduxEventListener } from "@fluid-topics/ft-wc-utils";
+import { property, query } from "lit/decorators.js";
 import { styles } from "./ft-search-facet.css";
 import { FtFilter } from "@fluid-topics/ft-filter";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
@@ -15,6 +15,7 @@ import { FtTypography } from "@fluid-topics/ft-typography";
 import { withI18n } from "@fluid-topics/ft-i18n";
 import { searchFacetContext } from "./SearchFacetMessages";
 import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
+import { ClearAllFiltersEvent } from "@fluid-topics/ft-search-context";
 class FtSearchFacet extends withI18n(FtSearchComponent) {
     constructor() {
         super(...arguments);
@@ -36,19 +37,19 @@ class FtSearchFacet extends withI18n(FtSearchComponent) {
         if (facet) {
             return html `
                 <ft-filter
-                        part="filter"
-                        label="${facet.label}"
-                        .exportpartsPrefixes=${["filter"]}
-                        id="${this.facetId}"
-                        ?multivalued=${facet.multiSelectionable}
-                        ?raiseSelectedOptions=${this.raiseSelectedOptions}
-                        .options=${convertFacetToFilterOptions(facet)}
-                        .displayedValuesLimit=${this.maxValues}
-                        filterPlaceHolder="${searchFacetContext.messages.filterInputPlaceHolder(facet.label)}"
-                        clearButtonLabel="${searchFacetContext.messages.clearFilterButton()}"
-                        moreValuesButtonLabel="${searchFacetContext.messages.displayMoreFilterValuesButton()}"
-                        noValuesLabel="${searchFacetContext.messages.noFilterValuesAvailable()}"
-                        @change=${this.onFacetValueSelected}
+                    part="filter"
+                    label="${facet.label}"
+                    .exportpartsPrefixes=${["filter"]}
+                    id="${this.facetId}"
+                    ?multivalued=${facet.multiSelectionable}
+                    ?raiseSelectedOptions=${this.raiseSelectedOptions}
+                    .options=${convertFacetToFilterOptions(facet)}
+                    .displayedValuesLimit=${this.maxValues}
+                    filterPlaceHolder="${searchFacetContext.messages.filterInputPlaceHolder(facet.label)}"
+                    clearButtonLabel="${searchFacetContext.messages.clearFilterButton()}"
+                    moreValuesButtonLabel="${searchFacetContext.messages.displayMoreFilterValuesButton()}"
+                    noValuesLabel="${searchFacetContext.messages.noFilterValuesAvailable()}"
+                    @change=${this.onFacetValueSelected}
                 ></ft-filter>
             `;
         }
@@ -73,6 +74,9 @@ class FtSearchFacet extends withI18n(FtSearchComponent) {
         var _a;
         (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setFilter(this.facetId, event.detail);
     }
+    clearFacet() {
+        this.filter.clear();
+    }
 }
 FtSearchFacet.elementDefinitions = {
     "ft-filter": FtFilter,
@@ -97,4 +101,10 @@ __decorate([
 __decorate([
     redux({ store: ftAppInfoStore.name })
 ], FtSearchFacet.prototype, "editorMode", void 0);
+__decorate([
+    query("ft-filter")
+], FtSearchFacet.prototype, "filter", void 0);
+__decorate([
+    reduxEventListener({ eventName: ClearAllFiltersEvent.eventName })
+], FtSearchFacet.prototype, "clearFacet", null);
 export { FtSearchFacet };