@fluid-topics/ft-search-bar 1.3.15 → 1.3.17

package/build/ft-search-bar.js

@@ -12,7 +12,7 @@ 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 { FtIcon } from "@fluid-topics/ft-icon";
 import { FtAccordion, FtAccordionItem } from "@fluid-topics/ft-accordion";
 import { FtButton } from "@fluid-topics/ft-button";
 import { FtChip } from "@fluid-topics/ft-chip";
@@ -26,7 +26,7 @@ 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");
@@ -45,7 +45,7 @@ export const DEFAULT_LABELS = {
     presetsSelector: "Quick filters",
     removeRecentSearch: "Remove {0}",
     back: "Back",
-    selectLocale: "Select a language"
+    selectLocale: "Select a language",
 };
 export class SearchStateChangeEvent extends CustomEvent {
     constructor(request) {
@@ -70,7 +70,7 @@ class FtSearchBar extends FtLitElement {
         this.displayedFilters = [];
         this.presets = [];
         this.priors = [];
-        this.searchRequestSerializer = (request) => new SearchPlaceConverter(this.baseUrl, {}).serialize(request);
+        this.searchRequestSerializer = (request) => new SearchPlaceConverter(this.baseUrl).serialize(request);
         this.focusOnDisplay = false;
         this.metadataFilters = [];
         this.sizeCategory = FtSizeCategory.M;
@@ -97,7 +97,7 @@ class FtSearchBar extends FtLitElement {
             this.facetsInitialized = false;
             this.updateLocalesDebouncer.run(() => {
                 var _a;
-                (_a = this.api) === null || _a === void 0 ? void 0 : _a.getAvailableSearchLocales().then(result => result.contentLocales).catch(() => []).then(result => {
+                (_a = this.api) === null || _a === void 0 ? void 0 : _a.getAvailableSearchLocales().then((result) => result.contentLocales).catch(() => []).then((result) => {
                     this.availableContentLocales = result;
                     this.availableContentLocalesInitialized = true;
                 });
@@ -114,12 +114,12 @@ class FtSearchBar extends FtLitElement {
         this.updateFacetsDebouncer = new Debouncer(500);
         this.closeFloatingContainer = (e) => {
             if (!this.isMobile()) {
-                this.displayFacets = this.displayFacets && e.composedPath().some(element => element === this.floatingContainer);
+                this.displayFacets = this.displayFacets && e.composedPath().some((element) => element === this.floatingContainer);
             }
         };
         this.closeSuggestListbox = (e) => {
             const path = e.composedPath();
-            const inside = path.some(n => n === this || n === this.shadowRoot);
+            const inside = path.some((n) => n === this || n === this.shadowRoot);
             if (!inside) {
                 this.displaySuggestListbox = false;
                 this.selectedSuggestOptionId = undefined;
@@ -139,7 +139,7 @@ class FtSearchBar extends FtLitElement {
         };
         this.compareValueFilters = (a, b) => a.negative == b.negative
             && a.values.length === b.values.length
-            && a.values.every(value => b.values.includes(value));
+            && a.values.every((value) => b.values.includes(value));
         this.compareDateFilters = (a, b) => a.type === b.type;
         this.compareRangeFilters = (a, b) => a.from === b.from
             && a.to === b.to;
@@ -147,7 +147,7 @@ class FtSearchBar extends FtLitElement {
             && this.compareUnknownFilters(a, b);
         this.compareRequests = (a, b) => (a.contentLocale == null || b.contentLocale == null || a.contentLocale === b.contentLocale)
             && a.metadataFilters.length === b.metadataFilters.length
-            && a.metadataFilters.every(fa => b.metadataFilters.some(fb => this.compareFilters(fa, fb)));
+            && a.metadataFilters.every((fa) => b.metadataFilters.some((fb) => this.compareFilters(fa, fb)));
     }
     isMobileMenuOpen() {
         return this.isMobile() && (this.forceMobileMenuOpen || this.forceMenuOpen || this.mobileMenuOpen);
@@ -165,16 +165,16 @@ class FtSearchBar extends FtLitElement {
         };
     }
     get facetsRequest() {
-        const fromFilters = this.metadataFilters.filter(f => { var _a, _b; return ((_b = (_a = f.valueFilter) === null || _a === void 0 ? void 0 : _a.values.length) !== null && _b !== void 0 ? _b : 0) > 0 && !this.displayedFilters.includes(f.key); })
-            .map(f => ({ id: f.key }));
-        return [...this.displayedFilters.map(id => ({ id })), ...fromFilters];
+        const fromFilters = this.metadataFilters.filter((f) => { var _a, _b; return ((_b = (_a = f.valueFilter) === null || _a === void 0 ? void 0 : _a.values.length) !== null && _b !== void 0 ? _b : 0) > 0 && !this.displayedFilters.includes(f.key); })
+            .map((f) => ({ id: f.key }));
+        return [...this.displayedFilters.map((id) => ({ id })), ...fromFilters];
     }
     get suggestRequest() {
         return {
             contentLocale: this.contentLocale,
             input: this.query,
             metadataFilters: this.metadataFilters,
-            sort: []
+            sort: [],
         };
     }
     isMobile() {
@@ -246,7 +246,7 @@ class FtSearchBar extends FtLitElement {
         `;
     }
     renderMobileFacets() {
-        const currentLocale = this.availableContentLocales.filter(l => l.lang === this.contentLocale).pop();
+        const currentLocale = this.availableContentLocales.filter((l) => l.lang === this.contentLocale).pop();
         return html `
             <ft-accordion class="ft-search-bar--filters-container">
                 ${this.hasLocaleSelector() ? html `
@@ -265,7 +265,7 @@ class FtSearchBar extends FtLitElement {
                         </div>
                     </ft-accordion-item>
                 ` : null}
-                ${repeat(this.facets, facet => facet.key, facet => {
+                ${repeat(this.facets, (facet) => facet.key, (facet) => {
             const filter = facetToFilter(facet);
             const keyWithNoColumn = facet.key.replace(":", "-");
             const values = selectedValues(filter);
@@ -307,7 +307,7 @@ class FtSearchBar extends FtLitElement {
             this.contentLocale = (e.detail === "all" ? undefined : e.detail);
             this.clearFilters();
         }}>
-                ${repeat(((_a = this.availableContentLocales) !== null && _a !== void 0 ? _a : []), locale => locale.lang, locale => {
+                ${repeat(((_a = this.availableContentLocales) !== null && _a !== void 0 ? _a : []), (locale) => locale.lang, (locale) => {
             var _a;
             return html `
                             <ft-radio value="${(_a = locale.lang) !== null && _a !== void 0 ? _a : "all"}"
@@ -348,7 +348,7 @@ class FtSearchBar extends FtLitElement {
                         label="${this.labelResolver.resolve("presetsSelector")}"
                         outlined
                         @change=${(e) => this.selectedPreset = e.detail}>
-                        ${repeat((_a = this.presets) !== null && _a !== void 0 ? _a : [], p => p.name, p => html `
+                        ${repeat((_a = this.presets) !== null && _a !== void 0 ? _a : [], (p) => p.name, (p) => html `
                                 <ft-select-option value="${p.name}"
                                                   label="${p.name}"
                                                   ?selected=${p.name === this.selectedPreset}>
@@ -389,9 +389,9 @@ class FtSearchBar extends FtLitElement {
                         ${this.getContentLocaleRadioGroup()}
                     </div>
                 ` : nothing}
-                ${repeat(this.facets, facet => facet.key, facet => {
+                ${repeat(this.facets, (facet) => facet.key, (facet) => {
             const filter = facetToFilter(facet);
-            const hierachical = filter.options.some(o => { var _a, _b; return ((_b = (_a = o.subOptions) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0; });
+            const hierachical = filter.options.some((o) => { var _a, _b; return ((_b = (_a = o.subOptions) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0; });
             const keyWithNoColumn = facet.key.replace(":", "-");
             return html `
                             <ft-filter
@@ -435,7 +435,7 @@ class FtSearchBar extends FtLitElement {
         }
         super.update(props);
         if ((props.has("availableContentLocales") || props.has("contentLocale")) && this.availableContentLocales.length > 0) {
-            const isKnown = (locale) => this.availableContentLocales.some(l => l.lang == locale);
+            const isKnown = (locale) => this.availableContentLocales.some((l) => l.lang == locale);
             if (!isKnown(this.contentLocale)) {
                 this.contentLocale = props.has("contentLocale") && isKnown(props.get("contentLocale"))
                     ? props.get("contentLocale")
@@ -449,14 +449,14 @@ class FtSearchBar extends FtLitElement {
             this.initRecentSearches();
         }
         if (props.has("presets")) {
-            ((_b = this.presets) !== null && _b !== void 0 ? _b : []).forEach(preset => preset.metadataFilters.forEach(filter => {
+            ((_b = this.presets) !== null && _b !== void 0 ? _b : []).forEach((preset) => preset.metadataFilters.forEach((filter) => {
                 if (filter.valueFilter) {
-                    filter.valueFilter.values = filter.valueFilter.values.map(v => unquote(v));
+                    filter.valueFilter.values = filter.valueFilter.values.map((v) => unquote(v));
                 }
             }));
         }
         if (props.has("presets") || props.has("selectedPreset")) {
-            const currentPreset = ((_c = this.presets) !== null && _c !== void 0 ? _c : []).find(p => p.name === this.selectedPreset);
+            const currentPreset = ((_c = this.presets) !== null && _c !== void 0 ? _c : []).find((p) => p.name === this.selectedPreset);
             if (currentPreset && !this.compareRequests(this.request, currentPreset)) {
                 this.setFiltersFromPreset(currentPreset);
             }
@@ -464,23 +464,23 @@ class FtSearchBar extends FtLitElement {
         if (props.has("contentLocale") && this.contentLocale != null) {
             this.knownFacetLabels = new Map();
         }
-        if (["contentLocale", "metadataFilters"].some(p => props.has(p))) {
-            this.selectedPreset = (_e = ((_d = this.presets) !== null && _d !== void 0 ? _d : []).find(p => this.compareRequests(p, this.request))) === null || _e === void 0 ? void 0 : _e.name;
+        if (["contentLocale", "metadataFilters"].some((p) => props.has(p))) {
+            this.selectedPreset = (_e = ((_d = this.presets) !== null && _d !== void 0 ? _d : []).find((p) => this.compareRequests(p, this.request))) === null || _e === void 0 ? void 0 : _e.name;
         }
-        if (["baseUrl", "apiIntegrationIdentifier"].some(p => props.has(p))) {
+        if (["baseUrl", "apiIntegrationIdentifier"].some((p) => props.has(p))) {
             this.api = undefined;
             this.initApi();
         }
         if (props.has("api") && this.api) {
             this.initSearchData();
         }
-        if (["uiLocale", "contentLocale", "metadataFilters", "displayedFilters"].some(p => props.has(p))) {
+        if (["uiLocale", "contentLocale", "metadataFilters", "displayedFilters"].some((p) => props.has(p))) {
             this.updateFacets();
         }
-        if (["query", "uiLocale", "contentLocale", "metadataFilters", "displayedFilters", "api"].some(p => props.has(p))) {
+        if (["query", "uiLocale", "contentLocale", "metadataFilters", "displayedFilters", "api"].some((p) => props.has(p))) {
             this.suggestManager.update();
         }
-        if (["query", "uiLocale", "contentLocale", "metadataFilters"].some(p => props.has(p))) {
+        if (["query", "uiLocale", "contentLocale", "metadataFilters"].some((p) => props.has(p))) {
             this.dispatchStateChangeEvent();
         }
     }
@@ -509,7 +509,7 @@ class FtSearchBar extends FtLitElement {
             (_a = this.floatingContainer) === null || _a === void 0 ? void 0 : _a.focus();
         }
         if (this.scrollToFacet != null && this.facetsLoaded) {
-            (_b = this.scrollingFiltersContainer) === null || _b === void 0 ? void 0 : _b.scrollIndexIntoView(this.facets.findIndex(f => f.key === this.scrollToFacet));
+            (_b = this.scrollingFiltersContainer) === null || _b === void 0 ? void 0 : _b.scrollIndexIntoView(this.facets.findIndex((f) => f.key === this.scrollToFacet));
             const maybeFacet = (_c = this.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);
             if (maybeFacet) {
                 maybeFacet.active = true;
@@ -528,12 +528,12 @@ class FtSearchBar extends FtLitElement {
     async retrieveFacetsFromSearch() {
         var _a;
         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 => {
+        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);
             retrievedFacets.set(f.key, f);
         })).catch(doNothing));
         this.facets = [];
-        for (let r of this.facetsRequest) {
+        for (const r of this.facetsRequest) {
             if (retrievedFacets.has(r.id)) {
                 this.facets.push(retrievedFacets.get(r.id));
             }
@@ -543,7 +543,7 @@ class FtSearchBar extends FtLitElement {
                     label: this.knownFacetLabels.get(r.id),
                     rootNodes: [],
                     multiSelectionable: true,
-                    hierarchical: false
+                    hierarchical: false,
                 });
             }
         }
@@ -563,8 +563,8 @@ class FtSearchBar extends FtLitElement {
     }
     onLaunchSearch() {
         if (this.query) {
-            let filteredRecentSearches = this.recentSearches
-                .filter(q => q.toLowerCase() !== this.query.toLowerCase())
+            const filteredRecentSearches = this.recentSearches
+                .filter((q) => q.toLowerCase() !== this.query.toLowerCase())
                 .filter((q, index) => index < 20);
             this.recentSearches = [this.query, ...filteredRecentSearches];
             this.saveRecentSearches();
@@ -587,7 +587,7 @@ class FtSearchBar extends FtLitElement {
             key: this.recentSearchesStorageKey,
             newValue,
             storageArea: window.localStorage,
-            url: window.location.href
+            url: window.location.href,
         }));
     }
     async connectedCallback() {
@@ -612,10 +612,10 @@ class FtSearchBar extends FtLitElement {
         this.sizeCategory = e.detail.category;
     }
     setFilter(key, selectedValues) {
-        let newFilters = this.metadataFilters.filter(f => !f.valueFilter || f.key !== key);
-        this.facets.forEach(facet => {
+        const newFilters = this.metadataFilters.filter((f) => !f.valueFilter || f.key !== key);
+        this.facets.forEach((facet) => {
             if (facet.key === key) {
-                flatDeep(facet.rootNodes, n => n.childNodes).forEach(n => n.selected = selectedValues.includes(n.value));
+                flatDeep(facet.rootNodes, (n) => n.childNodes).forEach((n) => n.selected = selectedValues.includes(n.value));
             }
         });
         if (selectedValues.length) {
@@ -623,8 +623,8 @@ class FtSearchBar extends FtLitElement {
                 key: key,
                 valueFilter: {
                     negative: false,
-                    values: selectedValues
-                }
+                    values: selectedValues,
+                },
             });
         }
         this.metadataFilters = newFilters;
@@ -639,7 +639,7 @@ class FtSearchBar extends FtLitElement {
         }
     }
     clearFilters() {
-        this.facets.forEach(facet => flatDeep(facet.rootNodes, n => n.childNodes).forEach(n => n.selected = false));
+        this.facets.forEach((facet) => flatDeep(facet.rootNodes, (n) => n.childNodes).forEach((n) => n.selected = false));
         this.metadataFilters = [];
         const firstFacet = this.facets[0];
         this.scrollToFacet = firstFacet === null || firstFacet === void 0 ? void 0 : firstFacet.key;
@@ -696,7 +696,7 @@ FtSearchBar.styles = [
     facetsCss,
     FacetsChipsManager.styles,
     SuggestManager.styles,
-    screenReaderStyles
+    screenReaderStyles,
 ];
 __decorate([
     property({ type: Boolean })