@fluid-topics/ft-search-bar 0.3.43 → 0.3.46

package/build/ft-search-bar.css.js

@@ -135,10 +135,11 @@ export const searchBarCss = css `
     .ft-search-bar > ft-button,
     .ft-search-bar--actions ft-button {
         flex-shrink: 0;
+        ${setVariable(FtButtonCssVariables.backgroundColor, "transparent")};
     }
 
     .ft-search-bar--left-action {
-        ${setVariable(FtButtonCssVariables.borderRadius, css `calc(${FtSearchBarCssVariables.borderRadius} - 1px) 0 0 calc(${FtSearchBarCssVariables.borderRadius} - 1px)`)};
+        ${setVariable(FtButtonCssVariables.borderRadius, `calc(${FtSearchBarCssVariables.borderRadius} - 1px) 0 0 calc(${FtSearchBarCssVariables.borderRadius} - 1px)`)};
         border-right: 1px solid ${FtSearchBarCssVariables.colorOutline};
         height: 100%;
     }
@@ -148,7 +149,7 @@ export const searchBarCss = css `
     }
 
     .ft-search-bar--floating-panel-open .ft-search-bar--left-action {
-        ${setVariable(FtButtonCssVariables.borderRadius, css `calc(${FtSearchBarCssVariables.borderRadius} - 1px) 0 0 0`)};
+        ${setVariable(FtButtonCssVariables.borderRadius, `calc(${FtSearchBarCssVariables.borderRadius} - 1px) 0 0 0`)};
     }
 
     .ft-search-bar .ft-search-bar--launch-search,
@@ -163,7 +164,7 @@ export const searchBarCss = css `
 
     .ft-search-bar--left-action.ft-search-bar--content-locale {
         ${setVariable(FtInputLabelCssVariables.borderColor, "transparent")};
-        ${setVariable(FtInputLabelCssVariables.borderRadiusS, css `calc(${FtSearchBarCssVariables.borderRadius} - 1px)`)};
+        ${setVariable(FtInputLabelCssVariables.borderRadiusS, `calc(${FtSearchBarCssVariables.borderRadius} - 1px)`)};
         ${setVariable(FtSelectCssVariables.selectedOptionColor, FtSearchBarCssVariables.buttonColor)};
     }
 
@@ -232,6 +233,7 @@ export const facetsCss = css `
         gap: 16px;
         align-items: center;
         justify-content: space-evenly;
+        flex-wrap: wrap;
     }
 
     .ft-search-bar--mobile .ft-search-bar--facets-actions > * {
@@ -305,20 +307,26 @@ export const facetsCss = css `
         display: flex;
         justify-content: space-between;
         align-items: baseline;
+        flex-wrap: wrap;
         gap: 8px;
     }
 
     .ft-search-bar--filter-label > * {
-        white-space: nowrap;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        word-break: break-all;
+        word-break: break-word;
+        hyphens: auto;
         overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-    .ft-search-bar--filter-label > :first-child {
-        flex-shrink: 0;
+        min-width: 75px;
+        max-width: 100%;
+        flex-grow: 1;
+        flex-shrink: 1;
     }
 
-    .ft-search-bar--filter-label > :last-child {
+    .ft-search-bar--filter-label-values {
+        flex-grow: 0;
         flex-shrink: 1;
         color: ${FtSearchBarCssVariables.colorOnSurfaceMedium};
     }

package/build/ft-search-bar.js

@@ -91,7 +91,7 @@ export class FtSearchBar extends FtLitElement {
         this.suggestManager = new SuggestManager(this);
         this.selectedFacetsManager = new FacetsChipsManager(this);
         this.desktopSearchBarManager = new DesktopSearchBarManager(this);
-        this.mobileSearchBarManager = new MobileSearchBarManager(this);
+        this.mobileSearchBarManager = new MobileSearchBarManager(this, this.selectedFacetsManager, this.suggestManager);
         this.stateChangeEventDebouncer = new Debouncer(10);
         this.initDataDebouncer = new Debouncer(10);
         this.facetsLoaded = false;
@@ -195,7 +195,6 @@ export class FtSearchBar extends FtLitElement {
                 `;
     }
     renderMobileFacets() {
-        var _a;
         const currentLocale = this.availableContentLocales.filter(l => l.lang === this.contentLocale).pop();
         return html `
             <ft-accordion class="ft-search-bar--filters-container">
@@ -204,9 +203,11 @@ export class FtSearchBar extends FtLitElement {
                         <div class="ft-search-bar--filter-label" slot="toggle">
                             <ft-typography variant="button">${this.labelResolver.resolve("contentLocaleSelector")}
                             </ft-typography>
-                            <ft-typography variant="body2">
-                                ${(_a = currentLocale === null || currentLocale === void 0 ? void 0 : currentLocale.label) !== null && _a !== void 0 ? _a : ""}
-                            </ft-typography>
+                            ${(currentLocale === null || currentLocale === void 0 ? void 0 : currentLocale.label) ? html `
+                                <ft-typography class="ft-search-bar--filter-label-values" variant="body2">
+                                    ${currentLocale === null || currentLocale === void 0 ? void 0 : currentLocale.label}
+                                </ft-typography>
+                            ` : nothing}
                         </div>
                         <ft-filter
                                 id="ft:locale"
@@ -222,13 +223,16 @@ export class FtSearchBar extends FtLitElement {
                 ${repeat(this.facets, facet => facet.key, facet => {
             const filter = facetToFilter(facet);
             const keyWithNoColumn = facet.key.replace(":", "-");
+            const values = selectedValues(filter);
             return facet.rootNodes.length > 0 ? html `
                                 <ft-accordion-item data-facet-key="${facet.key}">
                                     <div class="ft-search-bar--filter-label" slot="toggle">
                                         <ft-typography variant="button">${facet.label}</ft-typography>
-                                        <ft-typography variant="body2">
-                                            ${selectedValues(filter).join(", ")}
-                                        </ft-typography>
+                                        ${values.length > 0 ? html `
+                                            <ft-typography class="ft-search-bar--filter-label-values" variant="body2">
+                                                ${values.join(", ")}
+                                            </ft-typography>
+                                        ` : nothing}
                                     </div>
                                     <ft-filter
                                             part="filters filter filter-${keyWithNoColumn}"
@@ -422,6 +426,7 @@ export class FtSearchBar extends FtLitElement {
     }
     initSearchData() {
         this.availableContentLocalesInitialized = false;
+        this.facetsLoaded = false;
         this.facetsInitialized = false;
         this.initDataDebouncer.run(() => {
             var _a;
@@ -430,7 +435,10 @@ export class FtSearchBar extends FtLitElement {
                 this.availableContentLocalesInitialized = true;
             });
             this.retrieveFacetsFromSearch()
-                .then(() => this.facetsInitialized = true);
+                .then(() => {
+                this.facetsLoaded = true;
+                this.facetsInitialized = true;
+            });
         });
     }
     contentAvailableCallback(props) {
@@ -714,4 +722,7 @@ __decorate([
 __decorate([
     state()
 ], FtSearchBar.prototype, "api", void 0);
+__decorate([
+    state()
+], FtSearchBar.prototype, "facetsLoaded", void 0);
 //# sourceMappingURL=ft-search-bar.js.map

package/build/ft-search-bar.light.js

@@ -1920,10 +1920,11 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     .ft-search-bar > ft-button,
     .ft-search-bar--actions ft-button {
         flex-shrink: 0;
+        ${e.setVariable(Le.backgroundColor,"transparent")};
     }
 
     .ft-search-bar--left-action {
-        ${e.setVariable(Le.borderRadius,i.css`calc(${oo.borderRadius} - 1px) 0 0 calc(${oo.borderRadius} - 1px)`)};
+        ${e.setVariable(Le.borderRadius,`calc(${oo.borderRadius} - 1px) 0 0 calc(${oo.borderRadius} - 1px)`)};
         border-right: 1px solid ${oo.colorOutline};
         height: 100%;
     }
@@ -1933,7 +1934,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-search-bar--floating-panel-open .ft-search-bar--left-action {
-        ${e.setVariable(Le.borderRadius,i.css`calc(${oo.borderRadius} - 1px) 0 0 0`)};
+        ${e.setVariable(Le.borderRadius,`calc(${oo.borderRadius} - 1px) 0 0 0`)};
     }
 
     .ft-search-bar .ft-search-bar--launch-search,
@@ -1948,7 +1949,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
 
     .ft-search-bar--left-action.ft-search-bar--content-locale {
         ${e.setVariable(Ki.borderColor,"transparent")};
-        ${e.setVariable(Ki.borderRadiusS,i.css`calc(${oo.borderRadius} - 1px)`)};
+        ${e.setVariable(Ki.borderRadiusS,`calc(${oo.borderRadius} - 1px)`)};
         ${e.setVariable(Xi.selectedOptionColor,oo.buttonColor)};
     }
 
@@ -2015,6 +2016,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         gap: 16px;
         align-items: center;
         justify-content: space-evenly;
+        flex-wrap: wrap;
     }
 
     .ft-search-bar--mobile .ft-search-bar--facets-actions > * {
@@ -2088,20 +2090,26 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         display: flex;
         justify-content: space-between;
         align-items: baseline;
+        flex-wrap: wrap;
         gap: 8px;
     }
 
     .ft-search-bar--filter-label > * {
-        white-space: nowrap;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        word-break: break-all;
+        word-break: break-word;
+        hyphens: auto;
         overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-    .ft-search-bar--filter-label > :first-child {
-        flex-shrink: 0;
+        min-width: 75px;
+        max-width: 100%;
+        flex-grow: 1;
+        flex-shrink: 1;
     }
 
-    .ft-search-bar--filter-label > :last-child {
+    .ft-search-bar--filter-label-values {
+        flex-grow: 0;
         flex-shrink: 1;
         color: ${oo.colorOnSurfaceMedium};
     }
@@ -2432,22 +2440,24 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             </div>
         `}onSearchBarKeyDown(t){var e;switch(t.key){case"Escape":this.searchBar.mobileMenuOpen=!1,null===(e=this.searchBar.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),this.suggestManager.focusFirstSuggestion()}}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}ho.styles=i.css`
 
-    `;var po=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};null==window.fluidtopics&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");const fo={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",noFilterValuesAvailable:"No values available",searchButton:"Search",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Quick filters",removeRecentSearch:"Remove",back:"Back"};class uo extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class bo extends CustomEvent{constructor(t){super("change",{detail:t})}}const vo=()=>{};class go extends e.FtLitElement{constructor(){super(...arguments),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.forceMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new e.ParametrizedLabelResolver(fo,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=t=>function(t,e){var i;const o=new URLSearchParams({"content-lang":null!==(i=e.contentLocale)&&void 0!==i?i:"all",query:e.query});if(e.filters.length>0){const t=e.filters.map((t=>{const e=t.values.map((t=>t.replace(/_/g,"\\\\\\\\_").replace(/~/g,"\\\\~").replace(/\*/g,"\\*"))).map((t=>encodeURIComponent(function(t){return`"${t}"`}(t)))).join("_");return`${t.key}~${e}`})).join("*");o.append("filters",t)}return new URL(`${t}/search/all?${o.toString()}`).href}(this.baseUrl,t),this.searchFilters=[],this.sizeCategory=l.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.recentSearches=[],this.suggestManager=new lo(this),this.selectedFacetsManager=new ao(this),this.desktopSearchBarManager=new ho(this),this.mobileSearchBarManager=new co(this),this.stateChangeEventDebouncer=new e.Debouncer(10),this.initDataDebouncer=new e.Debouncer(10),this.facetsLoaded=!1,this.updateFacetsDebouncer=new e.Debouncer(500),this.closeFloatingContainer=t=>{this.isMobile()||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e)))))}isMobileMenuOpen(){return this.isMobile()&&(this.forceMobileMenuOpen||this.forceMenuOpen||this.mobileMenuOpen)}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>t.values.length>0&&!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===l.S}}hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return null!=this.presets&&this.presets.length>0}get hasPriors(){return null!=this.priors&&this.priors.length>0}hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}focusInput(){this.input?this.input.focus():setTimeout((()=>this.focusInput()),50)}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return i.html`
+    `;var po=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};null==window.fluidtopics&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");const fo={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",noFilterValuesAvailable:"No values available",searchButton:"Search",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Quick filters",removeRecentSearch:"Remove",back:"Back"};class uo extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class bo extends CustomEvent{constructor(t){super("change",{detail:t})}}const vo=()=>{};class go extends e.FtLitElement{constructor(){super(...arguments),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.forceMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new e.ParametrizedLabelResolver(fo,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=t=>function(t,e){var i;const o=new URLSearchParams({"content-lang":null!==(i=e.contentLocale)&&void 0!==i?i:"all",query:e.query});if(e.filters.length>0){const t=e.filters.map((t=>{const e=t.values.map((t=>t.replace(/_/g,"\\\\\\\\_").replace(/~/g,"\\\\~").replace(/\*/g,"\\*"))).map((t=>encodeURIComponent(function(t){return`"${t}"`}(t)))).join("_");return`${t.key}~${e}`})).join("*");o.append("filters",t)}return new URL(`${t}/search/all?${o.toString()}`).href}(this.baseUrl,t),this.searchFilters=[],this.sizeCategory=l.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.recentSearches=[],this.suggestManager=new lo(this),this.selectedFacetsManager=new ao(this),this.desktopSearchBarManager=new ho(this),this.mobileSearchBarManager=new co(this,this.selectedFacetsManager,this.suggestManager),this.stateChangeEventDebouncer=new e.Debouncer(10),this.initDataDebouncer=new e.Debouncer(10),this.facetsLoaded=!1,this.updateFacetsDebouncer=new e.Debouncer(500),this.closeFloatingContainer=t=>{this.isMobile()||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e)))))}isMobileMenuOpen(){return this.isMobile()&&(this.forceMobileMenuOpen||this.forceMenuOpen||this.mobileMenuOpen)}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>t.values.length>0&&!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===l.S}}hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return null!=this.presets&&this.presets.length>0}get hasPriors(){return null!=this.priors&&this.priors.length>0}hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}focusInput(){this.input?this.input.focus():setTimeout((()=>this.focusInput()),50)}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return i.html`
             <ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
             ${this.renderSearchBar()}
         `}renderSearchBar(){return this.facetsInitialized&&this.availableContentLocalesInitialized?this.isMobile()?this.mobileSearchBarManager.render():this.desktopSearchBarManager.render():i.html`
                     <ft-skeleton class="ft-search-bar--container ft-search-bar--skeleton" part="loader"
                                  tabindex="-1"></ft-skeleton>
-                `}renderMobileFacets(){var t;const e=this.availableContentLocales.filter((t=>t.lang===this.contentLocale)).pop();return i.html`
+                `}renderMobileFacets(){const t=this.availableContentLocales.filter((t=>t.lang===this.contentLocale)).pop();return i.html`
             <ft-accordion class="ft-search-bar--filters-container">
                 ${this.hasLocaleSelector()?i.html`
                     <ft-accordion-item data-facet-key="ft:locale">
                         <div class="ft-search-bar--filter-label" slot="toggle">
                             <ft-typography variant="button">${this.labelResolver.resolve("contentLocaleSelector")}
                             </ft-typography>
-                            <ft-typography variant="body2">
-                                ${null!==(t=null==e?void 0:e.label)&&void 0!==t?t:""}
-                            </ft-typography>
+                            ${(null==t?void 0:t.label)?i.html`
+                                <ft-typography class="ft-search-bar--filter-label-values" variant="body2">
+                                    ${null==t?void 0:t.label}
+                                </ft-typography>
+                            `:i.nothing}
                         </div>
                         <ft-filter
                                 id="ft:locale"
@@ -2460,13 +2470,15 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                         ></ft-filter>
                     </ft-accordion-item>
                 `:null}
-                ${s.repeat(this.facets,(t=>t.key),(t=>{const e=se(t),o=t.key.replace(":","-");return t.rootNodes.length>0?i.html`
+                ${s.repeat(this.facets,(t=>t.key),(t=>{const e=se(t),o=t.key.replace(":","-"),s=function(t){return ee(t.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).filter((t=>t.selected)).map((t=>t.label))}(e);return t.rootNodes.length>0?i.html`
                                 <ft-accordion-item data-facet-key="${t.key}">
                                     <div class="ft-search-bar--filter-label" slot="toggle">
                                         <ft-typography variant="button">${t.label}</ft-typography>
-                                        <ft-typography variant="body2">
-                                            ${function(t){return ee(t.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).filter((t=>t.selected)).map((t=>t.label))}(e).join(", ")}
-                                        </ft-typography>
+                                        ${s.length>0?i.html`
+                                            <ft-typography class="ft-search-bar--filter-label-values" variant="body2">
+                                                ${s.join(", ")}
+                                            </ft-typography>
+                                        `:i.nothing}
                                     </div>
                                     <ft-filter
                                             part="filters filter filter-${o}"
@@ -2561,10 +2573,10 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                                 ></ft-filter>
                             `}))}
             </ft-snap-scroll>
-        `:i.nothing}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",(t=>{t.key===this.recentSearchesStorageKey&&this.initRecentSearches()}))}update(t){var i,o,s,r,n;if(t.has("labels")&&(this.labelResolver=new e.ParametrizedLabelResolver(fo,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){const e=t=>this.availableContentLocales.some((e=>e.lang===t));e(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&e(t.get("contentLocale"))?t.get("contentLocale"):null===(i=this.availableContentLocales[0])||void 0===i?void 0:i.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),t.has("presets")&&(null!==(o=this.presets)&&void 0!==o?o:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>ie(t))))))),t.has("presets")||t.has("selectedPreset")){const t=(null!==(s=this.presets)&&void 0!==s?s:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}t.has("contentLocale")&&null!=this.contentLocale&&(this.knownFacetLabels=new Map),["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(n=(null!==(r=this.presets)&&void 0!==r?r:[]).find((t=>this.compareRequests(t,this.request))))||void 0===n?void 0:n.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi()),t.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","searchFilters","displayedFilters"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.suggestManager.update(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run((()=>this.dispatchEvent(new bo(this.request))))}initSearchData(){this.availableContentLocalesInitialized=!1,this.facetsInitialized=!1,this.initDataDebouncer.run((()=>{var t;null===(t=this.api)||void 0===t||t.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])).then((t=>{this.availableContentLocales=t,this.availableContentLocalesInitialized=!0})),this.retrieveFacetsFromSearch().then((()=>this.facetsInitialized=!0))}))}contentAvailableCallback(t){var e,i,o;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&(null===(e=this.floatingContainer)||void 0===e||e.focus()),null!=this.scrollToFacet&&this.facetsLoaded){null===(i=this.scrollingFiltersContainer)||void 0===i||i.scrollIndexIntoView(this.facets.findIndex((t=>t.key===this.scrollToFacet)));const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);t&&(t.active=!0),this.scrollToFacet=void 0}}initApi(){null==this.api&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout((()=>this.initApi()),10))}updateFacets(){this.api&&this.facetsInitialized&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{await this.retrieveFacetsFromSearch(),this.facetsLoaded=!0}))):this.facets=[])}async retrieveFacetsFromSearch(){var t;const e=new Map;await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets.forEach((t=>{this.knownFacetLabels.set(t.key,t.label),e.set(t.key,t)})))).catch(vo)),this.facets=[];for(let t of this.facetsRequest)e.has(t.id)?this.facets.push(e.get(t.id)):this.knownFacetLabels.has(t.id)&&this.facets.push({key:t.id,label:this.knownFacetLabels.get(t.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1})}onFloatingContainerKeyUp(t){var e;"Escape"===t.key&&(this.displayFacets=!1,null===(e=this.filtersOpener)||void 0===e||e.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}launchSearch(){if(this.query){let t=this.recentSearches.filter((t=>t.toLowerCase()!==this.query.toLowerCase())).filter(((t,e)=>e<20));this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new uo(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var t;this.recentSearches=JSON.parse(null!==(t=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==t?t:"[]")}saveRecentSearches(){const t=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,t),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:t,storageArea:window.localStorage,url:window.location.href}))}connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&ee(i.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=e.includes(t.value)))})),e.length&&i.push({key:t,negative:!1,values:e}),this.searchFilters=i,this.scrollToFacet=t}setFiltersFromPreset(t){null!=t&&(null!=t.contentLocale&&(this.contentLocale=t.contentLocale),this.searchFilters=t.filters)}clearFilters(){this.facets.forEach((t=>ee(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}querySelector(t){return this.shadowRoot.querySelector(t)}querySelectorAll(t){return this.shadowRoot.querySelectorAll(t)}renderDesktopFloatingMenu(){return this.forceMenuOpen?i.nothing:i.html`
+        `:i.nothing}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",(t=>{t.key===this.recentSearchesStorageKey&&this.initRecentSearches()}))}update(t){var i,o,s,r,n;if(t.has("labels")&&(this.labelResolver=new e.ParametrizedLabelResolver(fo,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){const e=t=>this.availableContentLocales.some((e=>e.lang===t));e(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&e(t.get("contentLocale"))?t.get("contentLocale"):null===(i=this.availableContentLocales[0])||void 0===i?void 0:i.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),t.has("presets")&&(null!==(o=this.presets)&&void 0!==o?o:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>ie(t))))))),t.has("presets")||t.has("selectedPreset")){const t=(null!==(s=this.presets)&&void 0!==s?s:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}t.has("contentLocale")&&null!=this.contentLocale&&(this.knownFacetLabels=new Map),["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(n=(null!==(r=this.presets)&&void 0!==r?r:[]).find((t=>this.compareRequests(t,this.request))))||void 0===n?void 0:n.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi()),t.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","searchFilters","displayedFilters"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.suggestManager.update(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run((()=>this.dispatchEvent(new bo(this.request))))}initSearchData(){this.availableContentLocalesInitialized=!1,this.facetsLoaded=!1,this.facetsInitialized=!1,this.initDataDebouncer.run((()=>{var t;null===(t=this.api)||void 0===t||t.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])).then((t=>{this.availableContentLocales=t,this.availableContentLocalesInitialized=!0})),this.retrieveFacetsFromSearch().then((()=>{this.facetsLoaded=!0,this.facetsInitialized=!0}))}))}contentAvailableCallback(t){var e,i,o;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&(null===(e=this.floatingContainer)||void 0===e||e.focus()),null!=this.scrollToFacet&&this.facetsLoaded){null===(i=this.scrollingFiltersContainer)||void 0===i||i.scrollIndexIntoView(this.facets.findIndex((t=>t.key===this.scrollToFacet)));const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);t&&(t.active=!0),this.scrollToFacet=void 0}}initApi(){null==this.api&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout((()=>this.initApi()),10))}updateFacets(){this.api&&this.facetsInitialized&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{await this.retrieveFacetsFromSearch(),this.facetsLoaded=!0}))):this.facets=[])}async retrieveFacetsFromSearch(){var t;const e=new Map;await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets.forEach((t=>{this.knownFacetLabels.set(t.key,t.label),e.set(t.key,t)})))).catch(vo)),this.facets=[];for(let t of this.facetsRequest)e.has(t.id)?this.facets.push(e.get(t.id)):this.knownFacetLabels.has(t.id)&&this.facets.push({key:t.id,label:this.knownFacetLabels.get(t.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1})}onFloatingContainerKeyUp(t){var e;"Escape"===t.key&&(this.displayFacets=!1,null===(e=this.filtersOpener)||void 0===e||e.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}launchSearch(){if(this.query){let t=this.recentSearches.filter((t=>t.toLowerCase()!==this.query.toLowerCase())).filter(((t,e)=>e<20));this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new uo(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var t;this.recentSearches=JSON.parse(null!==(t=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==t?t:"[]")}saveRecentSearches(){const t=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,t),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:t,storageArea:window.localStorage,url:window.location.href}))}connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&ee(i.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=e.includes(t.value)))})),e.length&&i.push({key:t,negative:!1,values:e}),this.searchFilters=i,this.scrollToFacet=t}setFiltersFromPreset(t){null!=t&&(null!=t.contentLocale&&(this.contentLocale=t.contentLocale),this.searchFilters=t.filters)}clearFilters(){this.facets.forEach((t=>ee(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}querySelector(t){return this.shadowRoot.querySelector(t)}querySelectorAll(t){return this.shadowRoot.querySelectorAll(t)}renderDesktopFloatingMenu(){return this.forceMenuOpen?i.nothing:i.html`
             <div class="ft-search-bar--floating-panel"
                  @keyup=${this.onFloatingContainerKeyUp}
                  part="floating-panel"
                  tabindex="-1">
                 ${this.renderDesktopMenu()}
-            </div>`}}go.elementDefinitions={"ft-accordion":Ei,"ft-accordion-item":Mi,"ft-button":Te,"ft-chip":Vi,"ft-filter":Si,"ft-filter-option":Oi,"ft-icon":De,"ft-ripple":be,"ft-select":to,"ft-select-option":Qi,"ft-size-watcher":f,"ft-skeleton":no,"ft-snap-scroll":di,"ft-tooltip":ye,"ft-typography":te},go.styles=[qt,so,ro,ao.styles,lo.styles],po([o.property({type:Boolean})],go.prototype,"dense",void 0),po([o.property()],go.prototype,"mode",void 0),po([o.property({type:Boolean})],go.prototype,"forceMobileMenuOpen",void 0),po([o.property({type:Boolean})],go.prototype,"forceMenuOpen",void 0),po([o.property()],go.prototype,"baseUrl",void 0),po([o.property()],go.prototype,"apiIntegrationIdentifier",void 0),po([o.property()],go.prototype,"contentLocale",void 0),po([o.state()],go.prototype,"availableContentLocales",void 0),po([o.state()],go.prototype,"availableContentLocalesInitialized",void 0),po([o.property()],go.prototype,"uiLocale",void 0),po([e.jsonProperty({})],go.prototype,"labels",void 0),po([e.jsonProperty([])],go.prototype,"displayedFilters",void 0),po([e.jsonProperty([])],go.prototype,"presets",void 0),po([o.property({type:String,reflect:!0})],go.prototype,"selectedPreset",void 0),po([e.jsonProperty([])],go.prototype,"priors",void 0),po([o.property()],go.prototype,"searchRequestSerializer",void 0),po([o.state()],go.prototype,"searchFilters",void 0),po([o.state()],go.prototype,"sizeCategory",void 0),po([o.state()],go.prototype,"displayFacets",void 0),po([o.state()],go.prototype,"mobileMenuOpen",void 0),po([o.state()],go.prototype,"facets",void 0),po([o.state()],go.prototype,"facetsInitialized",void 0),po([o.query(".ft-search-bar--container")],go.prototype,"container",void 0),po([o.query(".ft-search-bar--filters-opener")],go.prototype,"filtersOpener",void 0),po([o.query(".ft-search-bar--floating-panel")],go.prototype,"floatingContainer",void 0),po([o.query("ft-snap-scroll.ft-search-bar--filters-container")],go.prototype,"scrollingFiltersContainer",void 0),po([o.query(".ft-search-bar--input")],go.prototype,"input",void 0),po([o.state()],go.prototype,"query",void 0),po([o.state()],go.prototype,"suggestions",void 0),po([o.state()],go.prototype,"recentSearches",void 0),po([o.state()],go.prototype,"scrollToFacet",void 0),po([o.state()],go.prototype,"api",void 0),e.customElement("ft-search-bar")(go),t.DEFAULT_LABELS=fo,t.FtSearchBar=go,t.FtSearchBarCssVariables=oo,t.LaunchSearchEvent=uo,t.SearchStateChangeEvent=bo,t.facetsCss=ro,t.searchBarCss=so,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);
+            </div>`}}go.elementDefinitions={"ft-accordion":Ei,"ft-accordion-item":Mi,"ft-button":Te,"ft-chip":Vi,"ft-filter":Si,"ft-filter-option":Oi,"ft-icon":De,"ft-ripple":be,"ft-select":to,"ft-select-option":Qi,"ft-size-watcher":f,"ft-skeleton":no,"ft-snap-scroll":di,"ft-tooltip":ye,"ft-typography":te},go.styles=[qt,so,ro,ao.styles,lo.styles],po([o.property({type:Boolean})],go.prototype,"dense",void 0),po([o.property()],go.prototype,"mode",void 0),po([o.property({type:Boolean})],go.prototype,"forceMobileMenuOpen",void 0),po([o.property({type:Boolean})],go.prototype,"forceMenuOpen",void 0),po([o.property()],go.prototype,"baseUrl",void 0),po([o.property()],go.prototype,"apiIntegrationIdentifier",void 0),po([o.property()],go.prototype,"contentLocale",void 0),po([o.state()],go.prototype,"availableContentLocales",void 0),po([o.state()],go.prototype,"availableContentLocalesInitialized",void 0),po([o.property()],go.prototype,"uiLocale",void 0),po([e.jsonProperty({})],go.prototype,"labels",void 0),po([e.jsonProperty([])],go.prototype,"displayedFilters",void 0),po([e.jsonProperty([])],go.prototype,"presets",void 0),po([o.property({type:String,reflect:!0})],go.prototype,"selectedPreset",void 0),po([e.jsonProperty([])],go.prototype,"priors",void 0),po([o.property()],go.prototype,"searchRequestSerializer",void 0),po([o.state()],go.prototype,"searchFilters",void 0),po([o.state()],go.prototype,"sizeCategory",void 0),po([o.state()],go.prototype,"displayFacets",void 0),po([o.state()],go.prototype,"mobileMenuOpen",void 0),po([o.state()],go.prototype,"facets",void 0),po([o.state()],go.prototype,"facetsInitialized",void 0),po([o.query(".ft-search-bar--container")],go.prototype,"container",void 0),po([o.query(".ft-search-bar--filters-opener")],go.prototype,"filtersOpener",void 0),po([o.query(".ft-search-bar--floating-panel")],go.prototype,"floatingContainer",void 0),po([o.query("ft-snap-scroll.ft-search-bar--filters-container")],go.prototype,"scrollingFiltersContainer",void 0),po([o.query(".ft-search-bar--input")],go.prototype,"input",void 0),po([o.state()],go.prototype,"query",void 0),po([o.state()],go.prototype,"suggestions",void 0),po([o.state()],go.prototype,"recentSearches",void 0),po([o.state()],go.prototype,"scrollToFacet",void 0),po([o.state()],go.prototype,"api",void 0),po([o.state()],go.prototype,"facetsLoaded",void 0),e.customElement("ft-search-bar")(go),t.DEFAULT_LABELS=fo,t.FtSearchBar=go,t.FtSearchBarCssVariables=oo,t.LaunchSearchEvent=uo,t.SearchStateChangeEvent=bo,t.facetsCss=ro,t.searchBarCss=so,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);

package/build/ft-search-bar.min.js

@@ -2052,10 +2052,11 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
     .ft-search-bar > ft-button,
     .ft-search-bar--actions ft-button {
         flex-shrink: 0;
+        ${yt(ji.backgroundColor,"transparent")};
     }
 
     .ft-search-bar--left-action {
-        ${yt(ji.borderRadius,y`calc(${ls.borderRadius} - 1px) 0 0 calc(${ls.borderRadius} - 1px)`)};
+        ${yt(ji.borderRadius,`calc(${ls.borderRadius} - 1px) 0 0 calc(${ls.borderRadius} - 1px)`)};
         border-right: 1px solid ${ls.colorOutline};
         height: 100%;
     }
@@ -2065,7 +2066,7 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
     }
 
     .ft-search-bar--floating-panel-open .ft-search-bar--left-action {
-        ${yt(ji.borderRadius,y`calc(${ls.borderRadius} - 1px) 0 0 0`)};
+        ${yt(ji.borderRadius,`calc(${ls.borderRadius} - 1px) 0 0 0`)};
     }
 
     .ft-search-bar .ft-search-bar--launch-search,
@@ -2080,7 +2081,7 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
 
     .ft-search-bar--left-action.ft-search-bar--content-locale {
         ${yt(Xo.borderColor,"transparent")};
-        ${yt(Xo.borderRadiusS,y`calc(${ls.borderRadius} - 1px)`)};
+        ${yt(Xo.borderRadiusS,`calc(${ls.borderRadius} - 1px)`)};
         ${yt(ts.selectedOptionColor,ls.buttonColor)};
     }
 
@@ -2147,6 +2148,7 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
         gap: 16px;
         align-items: center;
         justify-content: space-evenly;
+        flex-wrap: wrap;
     }
 
     .ft-search-bar--mobile .ft-search-bar--facets-actions > * {
@@ -2220,20 +2222,26 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
         display: flex;
         justify-content: space-between;
         align-items: baseline;
+        flex-wrap: wrap;
         gap: 8px;
     }
 
     .ft-search-bar--filter-label > * {
-        white-space: nowrap;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        word-break: break-all;
+        word-break: break-word;
+        hyphens: auto;
         overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-    .ft-search-bar--filter-label > :first-child {
-        flex-shrink: 0;
+        min-width: 75px;
+        max-width: 100%;
+        flex-grow: 1;
+        flex-shrink: 1;
     }
 
-    .ft-search-bar--filter-label > :last-child {
+    .ft-search-bar--filter-label-values {
+        flex-grow: 0;
         flex-shrink: 1;
         color: ${ls.colorOnSurfaceMedium};
     }
@@ -2564,22 +2572,24 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
             </div>
         `}onSearchBarKeyDown(t){var e;switch(t.key){case"Escape":this.searchBar.mobileMenuOpen=!1,null===(e=this.searchBar.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),this.suggestManager.focusFirstSuggestion()}}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}us.styles=y`
 
-    `;var bs=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};null==window.fluidtopics&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");const vs={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",noFilterValuesAvailable:"No values available",searchButton:"Search",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Quick filters",removeRecentSearch:"Remove",back:"Back"};class gs extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class xs extends CustomEvent{constructor(t){super("change",{detail:t})}}const ys=()=>{};class ms extends wt{constructor(){super(...arguments),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.forceMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new Ot(vs,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=t=>function(t,e){var i;const o=new URLSearchParams({"content-lang":null!==(i=e.contentLocale)&&void 0!==i?i:"all",query:e.query});if(e.filters.length>0){const t=e.filters.map((t=>{const e=t.values.map((t=>t.replace(/_/g,"\\\\\\\\_").replace(/~/g,"\\\\~").replace(/\*/g,"\\*"))).map((t=>encodeURIComponent(function(t){return`"${t}"`}(t)))).join("_");return`${t.key}~${e}`})).join("*");o.append("filters",t)}return new URL(`${t}/search/all?${o.toString()}`).href}(this.baseUrl,t),this.searchFilters=[],this.sizeCategory=_t.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.recentSearches=[],this.suggestManager=new ps(this),this.selectedFacetsManager=new ds(this),this.desktopSearchBarManager=new us(this),this.mobileSearchBarManager=new fs(this),this.stateChangeEventDebouncer=new e(10),this.initDataDebouncer=new e(10),this.facetsLoaded=!1,this.updateFacetsDebouncer=new e(500),this.closeFloatingContainer=t=>{this.isMobile()||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e)))))}isMobileMenuOpen(){return this.isMobile()&&(this.forceMobileMenuOpen||this.forceMenuOpen||this.mobileMenuOpen)}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>t.values.length>0&&!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===_t.S}}hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return null!=this.presets&&this.presets.length>0}get hasPriors(){return null!=this.priors&&this.priors.length>0}hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}focusInput(){this.input?this.input.focus():setTimeout((()=>this.focusInput()),50)}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return X`
+    `;var bs=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};null==window.fluidtopics&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");const vs={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",noFilterValuesAvailable:"No values available",searchButton:"Search",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Quick filters",removeRecentSearch:"Remove",back:"Back"};class gs extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class xs extends CustomEvent{constructor(t){super("change",{detail:t})}}const ys=()=>{};class ms extends wt{constructor(){super(...arguments),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.forceMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new Ot(vs,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=t=>function(t,e){var i;const o=new URLSearchParams({"content-lang":null!==(i=e.contentLocale)&&void 0!==i?i:"all",query:e.query});if(e.filters.length>0){const t=e.filters.map((t=>{const e=t.values.map((t=>t.replace(/_/g,"\\\\\\\\_").replace(/~/g,"\\\\~").replace(/\*/g,"\\*"))).map((t=>encodeURIComponent(function(t){return`"${t}"`}(t)))).join("_");return`${t.key}~${e}`})).join("*");o.append("filters",t)}return new URL(`${t}/search/all?${o.toString()}`).href}(this.baseUrl,t),this.searchFilters=[],this.sizeCategory=_t.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.recentSearches=[],this.suggestManager=new ps(this),this.selectedFacetsManager=new ds(this),this.desktopSearchBarManager=new us(this),this.mobileSearchBarManager=new fs(this,this.selectedFacetsManager,this.suggestManager),this.stateChangeEventDebouncer=new e(10),this.initDataDebouncer=new e(10),this.facetsLoaded=!1,this.updateFacetsDebouncer=new e(500),this.closeFloatingContainer=t=>{this.isMobile()||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e)))))}isMobileMenuOpen(){return this.isMobile()&&(this.forceMobileMenuOpen||this.forceMenuOpen||this.mobileMenuOpen)}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>t.values.length>0&&!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===_t.S}}hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return null!=this.presets&&this.presets.length>0}get hasPriors(){return null!=this.priors&&this.priors.length>0}hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}focusInput(){this.input?this.input.focus():setTimeout((()=>this.focusInput()),50)}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return X`
             <ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
             ${this.renderSearchBar()}
         `}renderSearchBar(){return this.facetsInitialized&&this.availableContentLocalesInitialized?this.isMobile()?this.mobileSearchBarManager.render():this.desktopSearchBarManager.render():X`
                     <ft-skeleton class="ft-search-bar--container ft-search-bar--skeleton" part="loader"
                                  tabindex="-1"></ft-skeleton>
-                `}renderMobileFacets(){var t;const e=this.availableContentLocales.filter((t=>t.lang===this.contentLocale)).pop();return X`
+                `}renderMobileFacets(){const t=this.availableContentLocales.filter((t=>t.lang===this.contentLocale)).pop();return X`
             <ft-accordion class="ft-search-bar--filters-container">
                 ${this.hasLocaleSelector()?X`
                     <ft-accordion-item data-facet-key="ft:locale">
                         <div class="ft-search-bar--filter-label" slot="toggle">
                             <ft-typography variant="button">${this.labelResolver.resolve("contentLocaleSelector")}
                             </ft-typography>
-                            <ft-typography variant="body2">
-                                ${null!==(t=null==e?void 0:e.label)&&void 0!==t?t:""}
-                            </ft-typography>
+                            ${(null==t?void 0:t.label)?X`
+                                <ft-typography class="ft-search-bar--filter-label-values" variant="body2">
+                                    ${null==t?void 0:t.label}
+                                </ft-typography>
+                            `:Q}
                         </div>
                         <ft-filter
                                 id="ft:locale"
@@ -2592,13 +2602,15 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
                         ></ft-filter>
                     </ft-accordion-item>
                 `:null}
-                ${Tt(this.facets,(t=>t.key),(t=>{const e=si(t),i=t.key.replace(":","-");return t.rootNodes.length>0?X`
+                ${Tt(this.facets,(t=>t.key),(t=>{const e=si(t),i=t.key.replace(":","-"),o=function(t){return ei(t.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).filter((t=>t.selected)).map((t=>t.label))}(e);return t.rootNodes.length>0?X`
                                 <ft-accordion-item data-facet-key="${t.key}">
                                     <div class="ft-search-bar--filter-label" slot="toggle">
                                         <ft-typography variant="button">${t.label}</ft-typography>
-                                        <ft-typography variant="body2">
-                                            ${function(t){return ei(t.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).filter((t=>t.selected)).map((t=>t.label))}(e).join(", ")}
-                                        </ft-typography>
+                                        ${o.length>0?X`
+                                            <ft-typography class="ft-search-bar--filter-label-values" variant="body2">
+                                                ${o.join(", ")}
+                                            </ft-typography>
+                                        `:Q}
                                     </div>
                                     <ft-filter
                                             part="filters filter filter-${i}"
@@ -2693,10 +2705,10 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
                                 ></ft-filter>
                             `}))}
             </ft-snap-scroll>
-        `:Q}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",(t=>{t.key===this.recentSearchesStorageKey&&this.initRecentSearches()}))}update(t){var e,i,o,s,r;if(t.has("labels")&&(this.labelResolver=new Ot(vs,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){const i=t=>this.availableContentLocales.some((e=>e.lang===t));i(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&i(t.get("contentLocale"))?t.get("contentLocale"):null===(e=this.availableContentLocales[0])||void 0===e?void 0:e.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),t.has("presets")&&(null!==(i=this.presets)&&void 0!==i?i:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>ii(t))))))),t.has("presets")||t.has("selectedPreset")){const t=(null!==(o=this.presets)&&void 0!==o?o:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}t.has("contentLocale")&&null!=this.contentLocale&&(this.knownFacetLabels=new Map),["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(r=(null!==(s=this.presets)&&void 0!==s?s:[]).find((t=>this.compareRequests(t,this.request))))||void 0===r?void 0:r.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi()),t.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","searchFilters","displayedFilters"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.suggestManager.update(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run((()=>this.dispatchEvent(new xs(this.request))))}initSearchData(){this.availableContentLocalesInitialized=!1,this.facetsInitialized=!1,this.initDataDebouncer.run((()=>{var t;null===(t=this.api)||void 0===t||t.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])).then((t=>{this.availableContentLocales=t,this.availableContentLocalesInitialized=!0})),this.retrieveFacetsFromSearch().then((()=>this.facetsInitialized=!0))}))}contentAvailableCallback(t){var e,i,o;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&(null===(e=this.floatingContainer)||void 0===e||e.focus()),null!=this.scrollToFacet&&this.facetsLoaded){null===(i=this.scrollingFiltersContainer)||void 0===i||i.scrollIndexIntoView(this.facets.findIndex((t=>t.key===this.scrollToFacet)));const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);t&&(t.active=!0),this.scrollToFacet=void 0}}initApi(){null==this.api&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout((()=>this.initApi()),10))}updateFacets(){this.api&&this.facetsInitialized&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{await this.retrieveFacetsFromSearch(),this.facetsLoaded=!0}))):this.facets=[])}async retrieveFacetsFromSearch(){var t;const e=new Map;await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets.forEach((t=>{this.knownFacetLabels.set(t.key,t.label),e.set(t.key,t)})))).catch(ys)),this.facets=[];for(let t of this.facetsRequest)e.has(t.id)?this.facets.push(e.get(t.id)):this.knownFacetLabels.has(t.id)&&this.facets.push({key:t.id,label:this.knownFacetLabels.get(t.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1})}onFloatingContainerKeyUp(t){var e;"Escape"===t.key&&(this.displayFacets=!1,null===(e=this.filtersOpener)||void 0===e||e.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}launchSearch(){if(this.query){let t=this.recentSearches.filter((t=>t.toLowerCase()!==this.query.toLowerCase())).filter(((t,e)=>e<20));this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new gs(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var t;this.recentSearches=JSON.parse(null!==(t=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==t?t:"[]")}saveRecentSearches(){const t=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,t),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:t,storageArea:window.localStorage,url:window.location.href}))}connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&ei(i.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=e.includes(t.value)))})),e.length&&i.push({key:t,negative:!1,values:e}),this.searchFilters=i,this.scrollToFacet=t}setFiltersFromPreset(t){null!=t&&(null!=t.contentLocale&&(this.contentLocale=t.contentLocale),this.searchFilters=t.filters)}clearFilters(){this.facets.forEach((t=>ei(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}querySelector(t){return this.shadowRoot.querySelector(t)}querySelectorAll(t){return this.shadowRoot.querySelectorAll(t)}renderDesktopFloatingMenu(){return this.forceMenuOpen?Q:X`
+        `:Q}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",(t=>{t.key===this.recentSearchesStorageKey&&this.initRecentSearches()}))}update(t){var e,i,o,s,r;if(t.has("labels")&&(this.labelResolver=new Ot(vs,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){const i=t=>this.availableContentLocales.some((e=>e.lang===t));i(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&i(t.get("contentLocale"))?t.get("contentLocale"):null===(e=this.availableContentLocales[0])||void 0===e?void 0:e.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),t.has("presets")&&(null!==(i=this.presets)&&void 0!==i?i:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>ii(t))))))),t.has("presets")||t.has("selectedPreset")){const t=(null!==(o=this.presets)&&void 0!==o?o:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}t.has("contentLocale")&&null!=this.contentLocale&&(this.knownFacetLabels=new Map),["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(r=(null!==(s=this.presets)&&void 0!==s?s:[]).find((t=>this.compareRequests(t,this.request))))||void 0===r?void 0:r.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi()),t.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","searchFilters","displayedFilters"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.suggestManager.update(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run((()=>this.dispatchEvent(new xs(this.request))))}initSearchData(){this.availableContentLocalesInitialized=!1,this.facetsLoaded=!1,this.facetsInitialized=!1,this.initDataDebouncer.run((()=>{var t;null===(t=this.api)||void 0===t||t.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])).then((t=>{this.availableContentLocales=t,this.availableContentLocalesInitialized=!0})),this.retrieveFacetsFromSearch().then((()=>{this.facetsLoaded=!0,this.facetsInitialized=!0}))}))}contentAvailableCallback(t){var e,i,o;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&(null===(e=this.floatingContainer)||void 0===e||e.focus()),null!=this.scrollToFacet&&this.facetsLoaded){null===(i=this.scrollingFiltersContainer)||void 0===i||i.scrollIndexIntoView(this.facets.findIndex((t=>t.key===this.scrollToFacet)));const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);t&&(t.active=!0),this.scrollToFacet=void 0}}initApi(){null==this.api&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout((()=>this.initApi()),10))}updateFacets(){this.api&&this.facetsInitialized&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{await this.retrieveFacetsFromSearch(),this.facetsLoaded=!0}))):this.facets=[])}async retrieveFacetsFromSearch(){var t;const e=new Map;await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets.forEach((t=>{this.knownFacetLabels.set(t.key,t.label),e.set(t.key,t)})))).catch(ys)),this.facets=[];for(let t of this.facetsRequest)e.has(t.id)?this.facets.push(e.get(t.id)):this.knownFacetLabels.has(t.id)&&this.facets.push({key:t.id,label:this.knownFacetLabels.get(t.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1})}onFloatingContainerKeyUp(t){var e;"Escape"===t.key&&(this.displayFacets=!1,null===(e=this.filtersOpener)||void 0===e||e.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}launchSearch(){if(this.query){let t=this.recentSearches.filter((t=>t.toLowerCase()!==this.query.toLowerCase())).filter(((t,e)=>e<20));this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new gs(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var t;this.recentSearches=JSON.parse(null!==(t=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==t?t:"[]")}saveRecentSearches(){const t=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,t),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:t,storageArea:window.localStorage,url:window.location.href}))}connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&ei(i.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=e.includes(t.value)))})),e.length&&i.push({key:t,negative:!1,values:e}),this.searchFilters=i,this.scrollToFacet=t}setFiltersFromPreset(t){null!=t&&(null!=t.contentLocale&&(this.contentLocale=t.contentLocale),this.searchFilters=t.filters)}clearFilters(){this.facets.forEach((t=>ei(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}querySelector(t){return this.shadowRoot.querySelector(t)}querySelectorAll(t){return this.shadowRoot.querySelectorAll(t)}renderDesktopFloatingMenu(){return this.forceMenuOpen?Q:X`
             <div class="ft-search-bar--floating-panel"
                  @keyup=${this.onFloatingContainerKeyUp}
                  part="floating-panel"
                  tabindex="-1">
                 ${this.renderDesktopMenu()}
-            </div>`}}ms.elementDefinitions={"ft-accordion":Ro,"ft-accordion-item":Po,"ft-button":_i,"ft-chip":Jo,"ft-filter":zo,"ft-filter-option":Mo,"ft-icon":Li,"ft-ripple":vi,"ft-select":ss,"ft-select-option":os,"ft-size-watcher":Wt,"ft-skeleton":hs,"ft-snap-scroll":go,"ft-tooltip":mi,"ft-typography":ti},ms.styles=[Ve,as,cs,ds.styles,ps.styles],bs([o({type:Boolean})],ms.prototype,"dense",void 0),bs([o()],ms.prototype,"mode",void 0),bs([o({type:Boolean})],ms.prototype,"forceMobileMenuOpen",void 0),bs([o({type:Boolean})],ms.prototype,"forceMenuOpen",void 0),bs([o()],ms.prototype,"baseUrl",void 0),bs([o()],ms.prototype,"apiIntegrationIdentifier",void 0),bs([o()],ms.prototype,"contentLocale",void 0),bs([s()],ms.prototype,"availableContentLocales",void 0),bs([s()],ms.prototype,"availableContentLocalesInitialized",void 0),bs([o()],ms.prototype,"uiLocale",void 0),bs([p({})],ms.prototype,"labels",void 0),bs([p([])],ms.prototype,"displayedFilters",void 0),bs([p([])],ms.prototype,"presets",void 0),bs([o({type:String,reflect:!0})],ms.prototype,"selectedPreset",void 0),bs([p([])],ms.prototype,"priors",void 0),bs([o()],ms.prototype,"searchRequestSerializer",void 0),bs([s()],ms.prototype,"searchFilters",void 0),bs([s()],ms.prototype,"sizeCategory",void 0),bs([s()],ms.prototype,"displayFacets",void 0),bs([s()],ms.prototype,"mobileMenuOpen",void 0),bs([s()],ms.prototype,"facets",void 0),bs([s()],ms.prototype,"facetsInitialized",void 0),bs([n(".ft-search-bar--container")],ms.prototype,"container",void 0),bs([n(".ft-search-bar--filters-opener")],ms.prototype,"filtersOpener",void 0),bs([n(".ft-search-bar--floating-panel")],ms.prototype,"floatingContainer",void 0),bs([n("ft-snap-scroll.ft-search-bar--filters-container")],ms.prototype,"scrollingFiltersContainer",void 0),bs([n(".ft-search-bar--input")],ms.prototype,"input",void 0),bs([s()],ms.prototype,"query",void 0),bs([s()],ms.prototype,"suggestions",void 0),bs([s()],ms.prototype,"recentSearches",void 0),bs([s()],ms.prototype,"scrollToFacet",void 0),bs([s()],ms.prototype,"api",void 0),h("ft-search-bar")(ms),t.DEFAULT_LABELS=vs,t.FtSearchBar=ms,t.FtSearchBarCssVariables=ls,t.LaunchSearchEvent=gs,t.SearchStateChangeEvent=xs,t.facetsCss=cs,t.searchBarCss=as,Object.defineProperty(t,"i",{value:!0})}({});
+            </div>`}}ms.elementDefinitions={"ft-accordion":Ro,"ft-accordion-item":Po,"ft-button":_i,"ft-chip":Jo,"ft-filter":zo,"ft-filter-option":Mo,"ft-icon":Li,"ft-ripple":vi,"ft-select":ss,"ft-select-option":os,"ft-size-watcher":Wt,"ft-skeleton":hs,"ft-snap-scroll":go,"ft-tooltip":mi,"ft-typography":ti},ms.styles=[Ve,as,cs,ds.styles,ps.styles],bs([o({type:Boolean})],ms.prototype,"dense",void 0),bs([o()],ms.prototype,"mode",void 0),bs([o({type:Boolean})],ms.prototype,"forceMobileMenuOpen",void 0),bs([o({type:Boolean})],ms.prototype,"forceMenuOpen",void 0),bs([o()],ms.prototype,"baseUrl",void 0),bs([o()],ms.prototype,"apiIntegrationIdentifier",void 0),bs([o()],ms.prototype,"contentLocale",void 0),bs([s()],ms.prototype,"availableContentLocales",void 0),bs([s()],ms.prototype,"availableContentLocalesInitialized",void 0),bs([o()],ms.prototype,"uiLocale",void 0),bs([p({})],ms.prototype,"labels",void 0),bs([p([])],ms.prototype,"displayedFilters",void 0),bs([p([])],ms.prototype,"presets",void 0),bs([o({type:String,reflect:!0})],ms.prototype,"selectedPreset",void 0),bs([p([])],ms.prototype,"priors",void 0),bs([o()],ms.prototype,"searchRequestSerializer",void 0),bs([s()],ms.prototype,"searchFilters",void 0),bs([s()],ms.prototype,"sizeCategory",void 0),bs([s()],ms.prototype,"displayFacets",void 0),bs([s()],ms.prototype,"mobileMenuOpen",void 0),bs([s()],ms.prototype,"facets",void 0),bs([s()],ms.prototype,"facetsInitialized",void 0),bs([n(".ft-search-bar--container")],ms.prototype,"container",void 0),bs([n(".ft-search-bar--filters-opener")],ms.prototype,"filtersOpener",void 0),bs([n(".ft-search-bar--floating-panel")],ms.prototype,"floatingContainer",void 0),bs([n("ft-snap-scroll.ft-search-bar--filters-container")],ms.prototype,"scrollingFiltersContainer",void 0),bs([n(".ft-search-bar--input")],ms.prototype,"input",void 0),bs([s()],ms.prototype,"query",void 0),bs([s()],ms.prototype,"suggestions",void 0),bs([s()],ms.prototype,"recentSearches",void 0),bs([s()],ms.prototype,"scrollToFacet",void 0),bs([s()],ms.prototype,"api",void 0),bs([s()],ms.prototype,"facetsLoaded",void 0),h("ft-search-bar")(ms),t.DEFAULT_LABELS=vs,t.FtSearchBar=ms,t.FtSearchBarCssVariables=ls,t.LaunchSearchEvent=gs,t.SearchStateChangeEvent=xs,t.facetsCss=cs,t.searchBarCss=as,Object.defineProperty(t,"i",{value:!0})}({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-search-bar",
-  "version": "0.3.43",
+  "version": "0.3.46",
   "description": "Search bar component using Fluid Topics public API",
   "keywords": [
     "Lit"
@@ -19,25 +19,25 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-accordion": "0.3.43",
-    "@fluid-topics/ft-button": "0.3.43",
-    "@fluid-topics/ft-chip": "0.3.43",
-    "@fluid-topics/ft-filter": "0.3.43",
-    "@fluid-topics/ft-icon": "0.3.43",
-    "@fluid-topics/ft-select": "0.3.43",
-    "@fluid-topics/ft-size-watcher": "0.3.43",
-    "@fluid-topics/ft-skeleton": "0.3.43",
-    "@fluid-topics/ft-snap-scroll": "0.3.43",
-    "@fluid-topics/ft-tooltip": "0.3.43",
-    "@fluid-topics/ft-typography": "0.3.43",
-    "@fluid-topics/ft-wc-utils": "0.3.43",
+    "@fluid-topics/ft-accordion": "0.3.46",
+    "@fluid-topics/ft-button": "0.3.46",
+    "@fluid-topics/ft-chip": "0.3.46",
+    "@fluid-topics/ft-filter": "0.3.46",
+    "@fluid-topics/ft-icon": "0.3.46",
+    "@fluid-topics/ft-select": "0.3.46",
+    "@fluid-topics/ft-size-watcher": "0.3.46",
+    "@fluid-topics/ft-skeleton": "0.3.46",
+    "@fluid-topics/ft-snap-scroll": "0.3.46",
+    "@fluid-topics/ft-tooltip": "0.3.46",
+    "@fluid-topics/ft-typography": "0.3.46",
+    "@fluid-topics/ft-wc-utils": "0.3.46",
     "lit": "2.2.8"
   },
   "devDependencies": {
-    "@fluid-topics/public-api": "1.0.27"
+    "@fluid-topics/public-api": "1.0.28"
   },
   "peerDependencies": {
-    "@fluid-topics/public-api": "1.0.27"
+    "@fluid-topics/public-api": "1.0.28"
   },
-  "gitHead": "42962910ff06ebfa42e961d1567ee771c517ccb7"
+  "gitHead": "de9703e114f8104f705c56d7793f03bfb5faae06"
 }