@fluid-topics/ft-search-bar 2.0.6 → 2.0.8

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

@@ -92,7 +92,7 @@ export declare class FtSearchBar extends FtLitElement implements FtSearchBarProp
     private dispatchStateChangeEvent;
     private updateLocalesDebouncer;
     private initSearchData;
-    private facetsLoaded;
+    facetsLoaded: boolean;
     private updateFacetsDebouncer;
     private updateFacets;
     protected contentAvailableCallback(props: PropertyValues): void;

package/build/ft-search-bar.js

@@ -4,29 +4,29 @@ 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, nothing } from "lit";
-import { property, query, state } from "lit/decorators.js";
+import { html, nothing, } from "lit";
+import { property, query, state, } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
-import { Debouncer, flatDeep, FtLitElement, isTouchScreen, jsonProperty, noTextInputDefaultClearButton, ParametrizedLabelResolver, screenReaderStyles, SearchPlaceConverter, waitFor } from "@fluid-topics/ft-wc-utils";
-import { FtSizeCategory, FtSizeWatcher } from "@fluid-topics/ft-size-watcher";
-import { FtTypography, FtTypographyBody2 } from "@fluid-topics/ft-typography";
-import { facetToFilter, selectedValues, unquote } from "./converters";
-import { FtFilter, FtFilterOption } from "@fluid-topics/ft-filter";
+import { Debouncer, flatDeep, FtLitElement, isTouchScreen, jsonProperty, noTextInputDefaultClearButton, ParametrizedLabelResolver, screenReaderStyles, SearchPlaceConverter, waitFor, } from "@fluid-topics/ft-wc-utils";
+import { FtSizeCategory, FtSizeWatcher, } from "@fluid-topics/ft-size-watcher";
+import { FtTypography, FtTypographyBody2, } from "@fluid-topics/ft-typography";
+import { facetToFilter, selectedValues, unquote, } from "./converters";
+import { FtFilter, FtFilterOption, } from "@fluid-topics/ft-filter";
 import { FtIcon } from "@fluid-topics/ft-icon";
-import { FtAccordion, FtAccordionItem } from "@fluid-topics/ft-accordion";
+import { FtAccordion, FtAccordionItem, } from "@fluid-topics/ft-accordion";
 import { FtButton } from "@fluid-topics/ft-button";
 import { FtChip } from "@fluid-topics/ft-chip";
-import { FtSelect, FtSelectOption } from "@fluid-topics/ft-select";
+import { FtSelect, FtSelectOption, } from "@fluid-topics/ft-select";
 import { FtSnapScroll } from "@fluid-topics/ft-snap-scroll";
 import { FtTooltip } from "@fluid-topics/ft-tooltip";
 import { FtRipple } from "@fluid-topics/ft-ripple";
-import { facetsCss, searchBarCss } from "./ft-search-bar.styles";
+import { facetsCss, searchBarCss, } from "./ft-search-bar.styles";
 import { FtSkeleton } from "@fluid-topics/ft-skeleton";
 import { SuggestManager } from "./managers/SuggestManager";
 import { FacetsChipsManager } from "./managers/FacetsChipsManager";
 import { MobileSearchBarManager } from "./managers/MobileSearchBarManager";
 import { DesktopSearchBarManager } from "./managers/DesktopSearchBarManager";
-import { FtRadio, FtRadioGroup } from "@fluid-topics/ft-radio";
+import { FtRadio, FtRadioGroup, } from "@fluid-topics/ft-radio";
 import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
 if (window.fluidtopics == null) {
     console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");
@@ -102,13 +102,7 @@ class FtSearchBar extends FtLitElement {
                     this.availableContentLocalesInitialized = true;
                 });
             });
-            this.updateFacetsDebouncer.run(() => {
-                this.retrieveFacetsFromSearch()
-                    .then(() => {
-                    this.facetsLoaded = true;
-                    this.facetsInitialized = true;
-                });
-            }, this.facetsInitialized ? 500 : 10);
+            this.updateFacets();
         };
         this.facetsLoaded = false;
         this.updateFacetsDebouncer = new Debouncer(500);
@@ -488,18 +482,18 @@ class FtSearchBar extends FtLitElement {
         this.stateChangeEventDebouncer.run(() => this.dispatchEvent(new SearchStateChangeEvent(this.request)));
     }
     updateFacets() {
-        if (this.api) {
-            if (this.facetsRequest.length > 0) {
-                this.facetsLoaded = false;
-                this.updateFacetsDebouncer.run(async () => {
-                    await this.retrieveFacetsFromSearch();
-                    this.facetsLoaded = true;
-                    this.facetsInitialized = true;
-                }, this.facetsInitialized ? 500 : 10);
-            }
-            else {
-                this.facets = [];
-            }
+        if (this.facetsRequest.length > 0) {
+            this.facetsLoaded = false;
+            this.updateFacetsDebouncer.run(async () => {
+                await this.retrieveFacetsFromSearch();
+                this.facetsLoaded = true;
+                this.facetsInitialized = true;
+            }, this.facetsInitialized ? 500 : 10);
+        }
+        else {
+            this.facets = [];
+            this.facetsLoaded = true;
+            this.facetsInitialized = true;
         }
     }
     contentAvailableCallback(props) {
@@ -527,6 +521,11 @@ class FtSearchBar extends FtLitElement {
     }
     async retrieveFacetsFromSearch() {
         var _a;
+        // Safeguard if facetsRequest is modified during a Debouncer period
+        if (this.facetsRequest.length == 0) {
+            this.facets = [];
+            return;
+        }
         const retrievedFacets = new Map();
         await ((_a = this.api) === null || _a === void 0 ? void 0 : _a.search({ ...this.request, query: "" }).then((r) => r.facets.forEach((f) => {
             this.knownFacetLabels.set(f.key, f.label);