@fluid-topics/ft-search-bar 0.2.4 → 0.2.8

package/build/ft-search-bar.js

@@ -44,7 +44,11 @@ export const DEFAULT_LABELS = {
 export { FtSearchBarCssVariables } from "./ft-search-bar.css";
 export class LaunchSearchEvent extends CustomEvent {
     constructor(request) {
-        super("launch-search", { detail: request });
+        super("launch-search", {
+            detail: request,
+            bubbles: true,
+            composed: true
+        });
     }
 }
 export class SearchStateChangeEvent extends CustomEvent {
@@ -63,6 +67,7 @@ export class FtSearchBar extends FtLitElement {
         this.labelResolver = new ParametrizedLabelResolver(DEFAULT_LABELS, {});
         this.displayedFilters = [];
         this.presets = [];
+        this.priors = [];
         this.searchRequestSerializer = (request) => serializeRequest(this.baseUrl, request);
         this.searchFilters = [];
         this.sizeCategory = FtSizeCategory.S;
@@ -99,6 +104,7 @@ export class FtSearchBar extends FtLitElement {
             contentLocale: this.contentLocale,
             query: this.query,
             facets: this.facetsRequest,
+            priors: this.hasPriors ? this.priors : undefined,
             filters: this.searchFilters,
             paging: { perPage: 0, page: 1 },
             sort: [],
@@ -113,7 +119,7 @@ export class FtSearchBar extends FtLitElement {
             contentLocale: this.contentLocale,
             input: this.query,
             filters: this.searchFilters,
-            sort: [],
+            sort: []
         };
     }
     get isMobile() {
@@ -123,7 +129,10 @@ export class FtSearchBar extends FtLitElement {
         return this.facetsRequest.length > 0;
     }
     get hasPresets() {
-        return this.presets.length > 0;
+        return this.presets != null && this.presets.length > 0;
+    }
+    get hasPriors() {
+        return this.priors != null && this.priors.length > 0;
     }
     get hasLocaleSelector() {
         return this.availableContentLocales.length > 1;
@@ -370,6 +379,7 @@ export class FtSearchBar extends FtLitElement {
         `;
     }
     renderFacetsActions() {
+        var _a;
         return html `
             <div class="ft-search-bar--facets-actions">
                 ${this.hasPresets ? html `
@@ -379,7 +389,7 @@ export class FtSearchBar extends FtLitElement {
                             label="${this.labelResolver.resolve("presetsSelector")}"
                             outlined
                             @change=${(e) => this.selectedPreset = e.detail}>
-                        ${repeat(this.presets, 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}>
@@ -580,7 +590,7 @@ export class FtSearchBar extends FtLitElement {
         this.availableContentLocales = (_b = await ((_a = this.api) === null || _a === void 0 ? void 0 : _a.getAvailableSearchLocales().then(result => result.contentLocales).catch(() => []))) !== null && _b !== void 0 ? _b : [];
     }
     update(props) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         if (props.has("labels")) {
             this.labelResolver = new ParametrizedLabelResolver(DEFAULT_LABELS, this.labels);
         }
@@ -602,13 +612,13 @@ export class FtSearchBar extends FtLitElement {
             this.recentSearches = JSON.parse((_b = window.localStorage.getItem(this.recentSearchesStorageKey)) !== null && _b !== void 0 ? _b : "[]");
         }
         if (props.has("selectedPreset")) {
-            const currentPreset = this.presets.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);
             }
         }
         if (["contentLocale", "searchFilters"].some(p => props.has(p))) {
-            this.selectedPreset = (_c = this.presets.find(p => this.compareRequests(p, this.request))) === null || _c === void 0 ? void 0 : _c.name;
+            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))) {
             this.setApi();
@@ -861,6 +871,9 @@ __decorate([
 __decorate([
     property({ type: String, reflect: true })
 ], FtSearchBar.prototype, "selectedPreset", void 0);
+__decorate([
+    jsonProperty([])
+], FtSearchBar.prototype, "priors", void 0);
 __decorate([
     property()
 ], FtSearchBar.prototype, "searchRequestSerializer", void 0);