@fluid-topics/ft-search-bar 0.2.13 → 0.2.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-search-bar.css.js +1 -1
- package/build/ft-search-bar.d.ts +6 -0
- package/build/ft-search-bar.inline-styles.js +52 -51
- package/build/ft-search-bar.js +28 -10
- package/build/ft-search-bar.light.js +19 -18
- package/build/ft-search-bar.min.js +20 -19
- package/package.json +14 -14
package/build/ft-search-bar.js
CHANGED
|
@@ -61,6 +61,8 @@ export class FtSearchBar extends FtLitElement {
|
|
|
61
61
|
constructor() {
|
|
62
62
|
super(...arguments);
|
|
63
63
|
this.dense = false;
|
|
64
|
+
this.mode = "auto";
|
|
65
|
+
this.forceMobileMenuOpen = false;
|
|
64
66
|
this.baseUrl = "";
|
|
65
67
|
this.apiIntegrationIdentifier = "ft-search-bar";
|
|
66
68
|
this.availableContentLocales = [];
|
|
@@ -98,6 +100,9 @@ export class FtSearchBar extends FtLitElement {
|
|
|
98
100
|
&& a.filters.length === b.filters.length
|
|
99
101
|
&& a.filters.every(fa => b.filters.some(fb => this.compareFilters(fa, fb)));
|
|
100
102
|
}
|
|
103
|
+
get isMobileMenuOpen() {
|
|
104
|
+
return this.forceMobileMenuOpen || this.mobileMenuOpen;
|
|
105
|
+
}
|
|
101
106
|
get recentSearchesStorageKey() {
|
|
102
107
|
return this.baseUrl + ":ft:recent-search-queries";
|
|
103
108
|
}
|
|
@@ -126,7 +131,14 @@ export class FtSearchBar extends FtLitElement {
|
|
|
126
131
|
};
|
|
127
132
|
}
|
|
128
133
|
get isMobile() {
|
|
129
|
-
|
|
134
|
+
switch (this.mode) {
|
|
135
|
+
case "mobile":
|
|
136
|
+
return true;
|
|
137
|
+
case "desktop":
|
|
138
|
+
return false;
|
|
139
|
+
default:
|
|
140
|
+
return this.sizeCategory === FtSizeCategory.S;
|
|
141
|
+
}
|
|
130
142
|
}
|
|
131
143
|
get hasFacets() {
|
|
132
144
|
return this.facetsRequest.length > 0;
|
|
@@ -166,14 +178,14 @@ export class FtSearchBar extends FtLitElement {
|
|
|
166
178
|
"ft-search-bar--mobile": this.isMobile,
|
|
167
179
|
"ft-search-bar--desktop": !this.isMobile,
|
|
168
180
|
"ft-search-bar--floating-panel-open": !this.isMobile && this.displayFacets,
|
|
169
|
-
"ft-search-bar--mobile-menu-open": this.
|
|
181
|
+
"ft-search-bar--mobile-menu-open": this.isMobileMenuOpen,
|
|
170
182
|
};
|
|
171
183
|
return this.facetsInitialized && this.availableContentLocalesInitialized ? html `
|
|
172
184
|
<div class="${classMap(rootClasses)}" part="container" tabindex="-1">
|
|
173
185
|
${this.isMobile ? this.renderMobileSearchBar() : this.renderDesktopSearchBar()}
|
|
174
186
|
</div>
|
|
175
187
|
` : html `
|
|
176
|
-
<ft-skeleton class="ft-search-bar--skeleton"></ft-skeleton>
|
|
188
|
+
<ft-skeleton class="ft-search-bar--skeleton" part="loader"></ft-skeleton>
|
|
177
189
|
`;
|
|
178
190
|
}
|
|
179
191
|
renderMobileSearchBar() {
|
|
@@ -197,7 +209,7 @@ export class FtSearchBar extends FtLitElement {
|
|
|
197
209
|
</div>
|
|
198
210
|
${this.displayFacets ? this.renderFacetsActions() : this.renderSelectedFacets()}
|
|
199
211
|
${this.displayFacets ? this.renderMobileFacets() : this.renderSuggestions()}
|
|
200
|
-
${this.
|
|
212
|
+
${this.isMobileMenuOpen || this.displayFacets ? html `
|
|
201
213
|
<ft-button class="ft-search-bar--launch-search"
|
|
202
214
|
part="launch-search-in-panel"
|
|
203
215
|
icon="search"
|
|
@@ -208,7 +220,7 @@ export class FtSearchBar extends FtLitElement {
|
|
|
208
220
|
`;
|
|
209
221
|
}
|
|
210
222
|
renderMobileSearchBarButtons() {
|
|
211
|
-
if (this.query || this.
|
|
223
|
+
if (this.query || this.isMobileMenuOpen) {
|
|
212
224
|
return html `
|
|
213
225
|
<div class="ft-search-bar--actions"
|
|
214
226
|
part="search-bar-actions">
|
|
@@ -461,7 +473,7 @@ export class FtSearchBar extends FtLitElement {
|
|
|
461
473
|
if (!this.hasLocaleSelector && !this.hasFacets) {
|
|
462
474
|
return null;
|
|
463
475
|
}
|
|
464
|
-
const useSnapScroll = (!this.isMobile && this.dense) || (this.isMobile && this.
|
|
476
|
+
const useSnapScroll = (!this.isMobile && this.dense) || (this.isMobile && this.isMobileMenuOpen);
|
|
465
477
|
const filters = html `
|
|
466
478
|
${this.hasLocaleSelector && (this.hasFacets || this.isMobile) ? html `
|
|
467
479
|
<ft-chip part="selected-filters"
|
|
@@ -870,13 +882,19 @@ __decorate([
|
|
|
870
882
|
property({ type: Boolean })
|
|
871
883
|
], FtSearchBar.prototype, "dense", void 0);
|
|
872
884
|
__decorate([
|
|
873
|
-
property(
|
|
885
|
+
property()
|
|
886
|
+
], FtSearchBar.prototype, "mode", void 0);
|
|
887
|
+
__decorate([
|
|
888
|
+
property({ type: Boolean })
|
|
889
|
+
], FtSearchBar.prototype, "forceMobileMenuOpen", void 0);
|
|
890
|
+
__decorate([
|
|
891
|
+
property()
|
|
874
892
|
], FtSearchBar.prototype, "baseUrl", void 0);
|
|
875
893
|
__decorate([
|
|
876
|
-
property(
|
|
894
|
+
property()
|
|
877
895
|
], FtSearchBar.prototype, "apiIntegrationIdentifier", void 0);
|
|
878
896
|
__decorate([
|
|
879
|
-
property(
|
|
897
|
+
property()
|
|
880
898
|
], FtSearchBar.prototype, "contentLocale", void 0);
|
|
881
899
|
__decorate([
|
|
882
900
|
state()
|
|
@@ -885,7 +903,7 @@ __decorate([
|
|
|
885
903
|
state()
|
|
886
904
|
], FtSearchBar.prototype, "availableContentLocalesInitialized", void 0);
|
|
887
905
|
__decorate([
|
|
888
|
-
property(
|
|
906
|
+
property()
|
|
889
907
|
], FtSearchBar.prototype, "uiLocale", void 0);
|
|
890
908
|
__decorate([
|
|
891
909
|
jsonProperty({})
|
|
@@ -21,13 +21,13 @@
|
|
|
21
21
|
.ft-size-watcher--local .ft-size-watcher--watcher {
|
|
22
22
|
width: 100%;
|
|
23
23
|
}
|
|
24
|
-
`,c([o.property({type:Number})],p.prototype,"debounceTimeout",void 0),c([o.property({type:Boolean})],p.prototype,"local",void 0),c([o.property({type:Number,reflect:!0})],p.prototype,"size",void 0),c([o.property({type:String,reflect:!0})],p.prototype,"category",void 0),c([o.query(".ft-size-watcher--watcher")],p.prototype,"watcher",void 0),e.customElement("ft-size-watcher")(p);const f=globalThis.trustedTypes,d=f?f.createPolicy("lit-html",{createHTML:t=>t}):void 0,u=`lit$${(Math.random()+"").slice(9)}$`,b="?"+u,
|
|
24
|
+
`,c([o.property({type:Number})],p.prototype,"debounceTimeout",void 0),c([o.property({type:Boolean})],p.prototype,"local",void 0),c([o.property({type:Number,reflect:!0})],p.prototype,"size",void 0),c([o.property({type:String,reflect:!0})],p.prototype,"category",void 0),c([o.query(".ft-size-watcher--watcher")],p.prototype,"watcher",void 0),e.customElement("ft-size-watcher")(p);const f=globalThis.trustedTypes,d=f?f.createPolicy("lit-html",{createHTML:t=>t}):void 0,u=`lit$${(Math.random()+"").slice(9)}$`,b="?"+u,v=`<${b}>`,g=document,x=(t="")=>g.createComment(t),y=t=>null===t||"object"!=typeof t&&"function"!=typeof t,m=Array.isArray,$=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,w=/-->/g,k=/>/g,S=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,z=/'/g,O=/"/g,C=/^(?:script|style|textarea|title)$/i,B=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),E=Symbol.for("lit-noChange"),I=Symbol.for("lit-nothing"),D=new WeakMap,L=g.createTreeWalker(g,129,null,!1),F=(t,e)=>{const i=t.length-1,o=[];let s,n=2===e?"<svg>":"",r=$;for(let e=0;e<i;e++){const i=t[e];let l,a,c=-1,h=0;for(;h<i.length&&(r.lastIndex=h,a=r.exec(i),null!==a);)h=r.lastIndex,r===$?"!--"===a[1]?r=w:void 0!==a[1]?r=k:void 0!==a[2]?(C.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=S):void 0!==a[3]&&(r=S):r===S?">"===a[0]?(r=null!=s?s:$,c=-1):void 0===a[1]?c=-2:(c=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?S:'"'===a[3]?O:z):r===O||r===z?r=S:r===w||r===k?r=$:(r=S,s=void 0);const p=r===S&&t[e+1].startsWith("/>")?" ":"";n+=r===$?i+v:c>=0?(o.push(l),i.slice(0,c)+"$lit$"+i.slice(c)+u+p):i+u+(-2===c?(o.push(void 0),e):p)}const l=n+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==d?d.createHTML(l):l,o]};class j{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,n=0;const r=t.length-1,l=this.parts,[a,c]=F(t,e);if(this.el=j.createElement(a,i),L.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=L.nextNode())&&l.length<r;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(u)){const i=c[n++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(u),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?R:"?"===e[1]?Z:"@"===e[1]?_:N})}else l.push({type:6,index:s})}for(const e of t)o.removeAttribute(e)}if(C.test(o.tagName)){const t=o.textContent.split(u),e=t.length-1;if(e>0){o.textContent=f?f.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],x()),L.nextNode(),l.push({type:2,index:++s});o.append(t[e],x())}}}else if(8===o.nodeType)if(o.data===b)l.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(u,t+1));)l.push({type:7,index:s}),t+=u.length-1}s++}}static createElement(t,e){const i=g.createElement("template");return i.innerHTML=t,i}}function M(t,e,i=t,o){var s,n,r,l;if(e===E)return e;let a=void 0!==o?null===(s=i._$Cl)||void 0===s?void 0:s[o]:i._$Cu;const c=y(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==c&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===c?a=void 0:(a=new c(t),a._$AT(t,i,o)),void 0!==o?(null!==(r=(l=i)._$Cl)&&void 0!==r?r:l._$Cl=[])[o]=a:i._$Cu=a),void 0!==a&&(e=M(t,a._$AS(t,e.values),a,o)),e}class A{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:o}=this._$AD,s=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:g).importNode(i,!0);L.currentNode=s;let n=L.nextNode(),r=0,l=0,a=o[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new T(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new U(n,this,t)),this.v.push(e),a=o[++l]}r!==(null==a?void 0:a.index)&&(n=L.nextNode(),r++)}return s}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class T{constructor(t,e,i,o){var s;this.type=2,this._$AH=I,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cg=null===(s=null==o?void 0:o.isConnected)||void 0===s||s}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=M(this,t,e),y(t)?t===I||null==t||""===t?(this._$AH!==I&&this._$AR(),this._$AH=I):t!==this._$AH&&t!==E&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.k(t):(t=>{var e;return m(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.S(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==I&&y(this._$AH)?this._$AA.nextSibling.data=t:this.k(g.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=j.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===s)this._$AH.m(i);else{const t=new A(s,this),e=t.p(this.options);t.m(i),this.k(e),this._$AH=t}}_$AC(t){let e=D.get(t.strings);return void 0===e&&D.set(t.strings,e=new j(t)),e}S(t){m(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const s of t)o===e.length?e.push(i=new T(this.M(x()),this.M(x()),this,this.options)):i=e[o],i._$AI(s),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class N{constructor(t,e,i,o,s){this.type=1,this._$AH=I,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=I}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const s=this.strings;let n=!1;if(void 0===s)t=M(this,t,e,0),n=!y(t)||t!==this._$AH&&t!==E,n&&(this._$AH=t);else{const o=t;let r,l;for(t=s[0],r=0;r<s.length-1;r++)l=M(this,o[i+r],e,r),l===E&&(l=this._$AH[r]),n||(n=!y(l)||l!==this._$AH[r]),l===I?t=I:t!==I&&(t+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}n&&!o&&this.C(t)}C(t){t===I?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class R extends N{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===I?void 0:t}}const P=f?f.emptyScript:"";class Z extends N{constructor(){super(...arguments),this.type=4}C(t){t&&t!==I?this.element.setAttribute(this.name,P):this.element.removeAttribute(this.name)}}class _ extends N{constructor(t,e,i,o,s){super(t,e,i,o,s),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=M(this,t,e,0))&&void 0!==i?i:I)===E)return;const o=this._$AH,s=t===I&&o!==I||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==I&&(o===I||s);s&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class U{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){M(this,t)}}const H=window.litHtmlPolyfillSupport;null==H||H(j,T),(null!==(a=globalThis.litHtmlVersions)&&void 0!==a?a:globalThis.litHtmlVersions=[]).push("2.2.4");
|
|
25
25
|
/**
|
|
26
26
|
* @license
|
|
27
27
|
* Copyright 2020 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
29
|
*/
|
|
30
|
-
const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===K)return null===(i=t)||void 0===i?void 0:i._$litStatic$},V=t=>({_$litStatic$:t,r:K}),W=new Map,G=(t=>(e,...i)=>{const o=i.length;let s,n;const r=[],l=[];let a,c=0,h=!1;for(;c<o;){for(a=e[c];c<o&&void 0!==(n=i[c],s=q(n));)a+=s+e[++c],h=!0;l.push(n),r.push(a),c++}if(c===o&&r.push(e[o]),h){const t=r.join("$$lit$$");void 0===(e=W.get(t))&&(r.raw=r,W.set(t,e=r)),i=l}return t(e,...i)})(B);var X,Y=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(X||(X={}));const J=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),Q=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),tt={fontFamily:Q,fontSize:e.FtCssVariable.create("--ft-typography-font-size","SIZE","16px"),fontWeight:e.FtCssVariable.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:e.FtCssVariable.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:e.FtCssVariable.create("--ft-typography-line-height","SIZE","24px"),textTransform:e.FtCssVariable.create("--ft-typography-text-transform","UNKNOWN","inherit")},et=e.FtCssVariable.extend("--ft-typography-title-font-family",J),it=e.FtCssVariable.extend("--ft-typography-title-font-size",tt.fontSize,"20px"),ot=e.FtCssVariable.extend("--ft-typography-title-font-weight",tt.fontWeight,"normal"),st=e.FtCssVariable.extend("--ft-typography-title-letter-spacing",tt.letterSpacing,"0.15px"),nt=e.FtCssVariable.extend("--ft-typography-title-line-height",tt.lineHeight,"24px"),rt=e.FtCssVariable.extend("--ft-typography-title-text-transform",tt.textTransform,"inherit"),lt=e.FtCssVariable.extend("--ft-typography-title-dense-font-family",J),at=e.FtCssVariable.extend("--ft-typography-title-dense-font-size",tt.fontSize,"14px"),ct=e.FtCssVariable.extend("--ft-typography-title-dense-font-weight",tt.fontWeight,"normal"),ht=e.FtCssVariable.extend("--ft-typography-title-dense-letter-spacing",tt.letterSpacing,"0.105px"),pt=e.FtCssVariable.extend("--ft-typography-title-dense-line-height",tt.lineHeight,"24px"),ft=e.FtCssVariable.extend("--ft-typography-title-dense-text-transform",tt.textTransform,"inherit"),dt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-family",Q),ut=e.FtCssVariable.extend("--ft-typography-subtitle1-font-size",tt.fontSize,"16px"),bt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-weight",tt.fontWeight,"600"),
|
|
30
|
+
const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===K)return null===(i=t)||void 0===i?void 0:i._$litStatic$},V=t=>({_$litStatic$:t,r:K}),W=new Map,G=(t=>(e,...i)=>{const o=i.length;let s,n;const r=[],l=[];let a,c=0,h=!1;for(;c<o;){for(a=e[c];c<o&&void 0!==(n=i[c],s=q(n));)a+=s+e[++c],h=!0;l.push(n),r.push(a),c++}if(c===o&&r.push(e[o]),h){const t=r.join("$$lit$$");void 0===(e=W.get(t))&&(r.raw=r,W.set(t,e=r)),i=l}return t(e,...i)})(B);var X,Y=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(X||(X={}));const J=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),Q=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),tt={fontFamily:Q,fontSize:e.FtCssVariable.create("--ft-typography-font-size","SIZE","16px"),fontWeight:e.FtCssVariable.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:e.FtCssVariable.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:e.FtCssVariable.create("--ft-typography-line-height","SIZE","24px"),textTransform:e.FtCssVariable.create("--ft-typography-text-transform","UNKNOWN","inherit")},et=e.FtCssVariable.extend("--ft-typography-title-font-family",J),it=e.FtCssVariable.extend("--ft-typography-title-font-size",tt.fontSize,"20px"),ot=e.FtCssVariable.extend("--ft-typography-title-font-weight",tt.fontWeight,"normal"),st=e.FtCssVariable.extend("--ft-typography-title-letter-spacing",tt.letterSpacing,"0.15px"),nt=e.FtCssVariable.extend("--ft-typography-title-line-height",tt.lineHeight,"24px"),rt=e.FtCssVariable.extend("--ft-typography-title-text-transform",tt.textTransform,"inherit"),lt=e.FtCssVariable.extend("--ft-typography-title-dense-font-family",J),at=e.FtCssVariable.extend("--ft-typography-title-dense-font-size",tt.fontSize,"14px"),ct=e.FtCssVariable.extend("--ft-typography-title-dense-font-weight",tt.fontWeight,"normal"),ht=e.FtCssVariable.extend("--ft-typography-title-dense-letter-spacing",tt.letterSpacing,"0.105px"),pt=e.FtCssVariable.extend("--ft-typography-title-dense-line-height",tt.lineHeight,"24px"),ft=e.FtCssVariable.extend("--ft-typography-title-dense-text-transform",tt.textTransform,"inherit"),dt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-family",Q),ut=e.FtCssVariable.extend("--ft-typography-subtitle1-font-size",tt.fontSize,"16px"),bt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-weight",tt.fontWeight,"600"),vt=e.FtCssVariable.extend("--ft-typography-subtitle1-letter-spacing",tt.letterSpacing,"0.144px"),gt=e.FtCssVariable.extend("--ft-typography-subtitle1-line-height",tt.lineHeight,"24px"),xt=e.FtCssVariable.extend("--ft-typography-subtitle1-text-transform",tt.textTransform,"inherit"),yt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-family",Q),mt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-size",tt.fontSize,"14px"),$t=e.FtCssVariable.extend("--ft-typography-subtitle2-font-weight",tt.fontWeight,"normal"),wt=e.FtCssVariable.extend("--ft-typography-subtitle2-letter-spacing",tt.letterSpacing,"0.098px"),kt=e.FtCssVariable.extend("--ft-typography-subtitle2-line-height",tt.lineHeight,"24px"),St=e.FtCssVariable.extend("--ft-typography-subtitle2-text-transform",tt.textTransform,"inherit"),zt={fontFamily:e.FtCssVariable.extend("--ft-typography-body1-font-family",Q),fontSize:e.FtCssVariable.extend("--ft-typography-body1-font-size",tt.fontSize,"16px"),fontWeight:e.FtCssVariable.extend("--ft-typography-body1-font-weight",tt.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-body1-letter-spacing",tt.letterSpacing,"0.496px"),lineHeight:e.FtCssVariable.extend("--ft-typography-body1-line-height",tt.lineHeight,"24px"),textTransform:e.FtCssVariable.extend("--ft-typography-body1-text-transform",tt.textTransform,"inherit")},Ot={fontFamily:e.FtCssVariable.extend("--ft-typography-body2-font-family",Q),fontSize:e.FtCssVariable.extend("--ft-typography-body2-font-size",tt.fontSize,"14px"),fontWeight:e.FtCssVariable.extend("--ft-typography-body2-font-weight",tt.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-body2-letter-spacing",tt.letterSpacing,"0.252px"),lineHeight:e.FtCssVariable.extend("--ft-typography-body2-line-height",tt.lineHeight,"20px"),textTransform:e.FtCssVariable.extend("--ft-typography-body2-text-transform",tt.textTransform,"inherit")},Ct={fontFamily:e.FtCssVariable.extend("--ft-typography-caption-font-family",Q),fontSize:e.FtCssVariable.extend("--ft-typography-caption-font-size",tt.fontSize,"12px"),fontWeight:e.FtCssVariable.extend("--ft-typography-caption-font-weight",tt.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-caption-letter-spacing",tt.letterSpacing,"0.396px"),lineHeight:e.FtCssVariable.extend("--ft-typography-caption-line-height",tt.lineHeight,"16px"),textTransform:e.FtCssVariable.extend("--ft-typography-caption-text-transform",tt.textTransform,"inherit")},Bt=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-family",Q),Et=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-size",tt.fontSize,"10px"),It=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-weight",tt.fontWeight,"normal"),Dt=e.FtCssVariable.extend("--ft-typography-breadcrumb-letter-spacing",tt.letterSpacing,"0.33px"),Lt=e.FtCssVariable.extend("--ft-typography-breadcrumb-line-height",tt.lineHeight,"16px"),Ft=e.FtCssVariable.extend("--ft-typography-breadcrumb-text-transform",tt.textTransform,"inherit"),jt=e.FtCssVariable.extend("--ft-typography-overline-font-family",Q),Mt=e.FtCssVariable.extend("--ft-typography-overline-font-size",tt.fontSize,"10px"),At=e.FtCssVariable.extend("--ft-typography-overline-font-weight",tt.fontWeight,"normal"),Tt=e.FtCssVariable.extend("--ft-typography-overline-letter-spacing",tt.letterSpacing,"1.5px"),Nt=e.FtCssVariable.extend("--ft-typography-overline-line-height",tt.lineHeight,"16px"),Rt=e.FtCssVariable.extend("--ft-typography-overline-text-transform",tt.textTransform,"uppercase"),Pt={fontFamily:e.FtCssVariable.extend("--ft-typography-button-font-family",Q),fontSize:e.FtCssVariable.extend("--ft-typography-button-font-size",tt.fontSize,"14px"),fontWeight:e.FtCssVariable.extend("--ft-typography-button-font-weight",tt.fontWeight,"600"),letterSpacing:e.FtCssVariable.extend("--ft-typography-button-letter-spacing",tt.letterSpacing,"1.246px"),lineHeight:e.FtCssVariable.extend("--ft-typography-button-line-height",tt.lineHeight,"16px"),textTransform:e.FtCssVariable.extend("--ft-typography-button-text-transform",tt.textTransform,"uppercase")},Zt=i.css`
|
|
31
31
|
.ft-typography--title {
|
|
32
32
|
font-family: ${et};
|
|
33
33
|
font-size: ${it};
|
|
@@ -50,8 +50,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
50
50
|
font-family: ${dt};
|
|
51
51
|
font-size: ${ut};
|
|
52
52
|
font-weight: ${bt};
|
|
53
|
-
letter-spacing: ${
|
|
54
|
-
line-height: ${
|
|
53
|
+
letter-spacing: ${vt};
|
|
54
|
+
line-height: ${gt};
|
|
55
55
|
text-transform: ${xt};
|
|
56
56
|
}
|
|
57
57
|
`,Ht=i.css`
|
|
@@ -235,7 +235,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
235
235
|
opacity: ${se.opacityContentOnSurfacePressed};
|
|
236
236
|
transform: translate(-50%, -50%) scale(1);
|
|
237
237
|
}
|
|
238
|
-
`,ie([o.property({type:Boolean})],pe.prototype,"primary",void 0),ie([o.property({type:Boolean})],pe.prototype,"secondary",void 0),ie([o.property({type:Boolean})],pe.prototype,"unbounded",void 0),ie([o.property({type:Boolean})],pe.prototype,"activated",void 0),ie([o.property({type:Boolean})],pe.prototype,"selected",void 0),ie([o.property({type:Boolean})],pe.prototype,"disabled",void 0),ie([o.state()],pe.prototype,"hovered",void 0),ie([o.state()],pe.prototype,"focused",void 0),ie([o.state()],pe.prototype,"pressed",void 0),ie([o.state()],pe.prototype,"rippling",void 0),ie([o.state()],pe.prototype,"rippleSize",void 0),ie([o.state()],pe.prototype,"originX",void 0),ie([o.state()],pe.prototype,"originY",void 0),ie([o.query(".ft-ripple")],pe.prototype,"ripple",void 0),ie([o.query(".ft-ripple--effect")],pe.prototype,"rippleEffect",void 0),e.customElement("ft-ripple")(pe);var fe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const de=e.FtCssVariable.create("--ft-tooltip-distance","SIZE","4px"),ue=e.FtCssVariable.create("--ft-tooltip-color","COLOR","#FFFFFF"),be=e.FtCssVariable.create("--ft-tooltip-background-color","COLOR","#666666"),
|
|
238
|
+
`,ie([o.property({type:Boolean})],pe.prototype,"primary",void 0),ie([o.property({type:Boolean})],pe.prototype,"secondary",void 0),ie([o.property({type:Boolean})],pe.prototype,"unbounded",void 0),ie([o.property({type:Boolean})],pe.prototype,"activated",void 0),ie([o.property({type:Boolean})],pe.prototype,"selected",void 0),ie([o.property({type:Boolean})],pe.prototype,"disabled",void 0),ie([o.state()],pe.prototype,"hovered",void 0),ie([o.state()],pe.prototype,"focused",void 0),ie([o.state()],pe.prototype,"pressed",void 0),ie([o.state()],pe.prototype,"rippling",void 0),ie([o.state()],pe.prototype,"rippleSize",void 0),ie([o.state()],pe.prototype,"originX",void 0),ie([o.state()],pe.prototype,"originY",void 0),ie([o.query(".ft-ripple")],pe.prototype,"ripple",void 0),ie([o.query(".ft-ripple--effect")],pe.prototype,"rippleEffect",void 0),e.customElement("ft-ripple")(pe);var fe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const de=e.FtCssVariable.create("--ft-tooltip-distance","SIZE","4px"),ue=e.FtCssVariable.create("--ft-tooltip-color","COLOR","#FFFFFF"),be=e.FtCssVariable.create("--ft-tooltip-background-color","COLOR","#666666"),ve=e.FtCssVariable.create("--ft-tooltip-z-index","NUMBER","1"),ge=e.FtCssVariable.external(e.designSystemVariables.borderRadiusS,"Design system");class xe extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new e.Debouncer,this.revealDebouncer=new e.Debouncer}render(){return i.html`
|
|
239
239
|
<div part="container"
|
|
240
240
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
241
241
|
@mouseenter=${this.onHover}
|
|
@@ -269,12 +269,12 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
269
269
|
max-width: 150px;
|
|
270
270
|
text-align: center;
|
|
271
271
|
padding: ${de};
|
|
272
|
-
z-index: ${
|
|
272
|
+
z-index: ${ve};
|
|
273
273
|
}
|
|
274
274
|
|
|
275
275
|
.ft-tooltip--content {
|
|
276
276
|
padding: 4px 8px;
|
|
277
|
-
border-radius: ${
|
|
277
|
+
border-radius: ${ge};
|
|
278
278
|
background-color: ${be};
|
|
279
279
|
color: ${ue};
|
|
280
280
|
top: -500px;
|
|
@@ -407,6 +407,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
407
407
|
box-shadow: 0px 0px 0px transparent;
|
|
408
408
|
border: 0px solid transparent;
|
|
409
409
|
text-shadow: 0px 0px 0px transparent;
|
|
410
|
+
font-size: inherit;
|
|
410
411
|
}
|
|
411
412
|
|
|
412
413
|
button:hover {
|
|
@@ -1201,9 +1202,9 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1201
1202
|
slot {
|
|
1202
1203
|
display: none;
|
|
1203
1204
|
}
|
|
1204
|
-
`],ni([o.property({type:String})],ui.prototype,"id",void 0),ni([o.property({type:String})],ui.prototype,"label",void 0),ni([o.property({type:String})],ui.prototype,"filterPlaceHolder",void 0),ni([o.property({type:String})],ui.prototype,"clearButtonLabel",void 0),ni([o.property({type:String})],ui.prototype,"moreValuesButtonLabel",void 0),ni([e.jsonProperty([])],ui.prototype,"options",void 0),ni([o.property({type:Boolean})],ui.prototype,"multivalued",void 0),ni([o.property({type:Boolean})],ui.prototype,"disabled",void 0),ni([o.property({type:Boolean})],ui.prototype,"raiseSelectedOptions",void 0),ni([o.property({type:Number})],ui.prototype,"displayedValuesLimit",void 0),ni([o.query(".ft-filter--slot")],ui.prototype,"slotElement",void 0),ni([o.query(".ft-filter--container")],ui.prototype,"container",void 0),ni([o.query(".ft-filter--values")],ui.prototype,"valuesContainer",void 0),ni([o.query(".ft-filter--levels")],ui.prototype,"levelsContainer",void 0),ni([o.query(".ft-filter--levels ft-filter-level:last-child")],ui.prototype,"lastLevel",void 0),ni([o.query(".ft-filter--filter input")],ui.prototype,"filterInput",void 0),ni([o.queryAll(".ft-filter--levels ft-filter-level")],ui.prototype,"levels",void 0),ni([o.state()],ui.prototype,"withScroll",void 0),ni([o.state()],ui.prototype,"filter",void 0),ni([o.state()],ui.prototype,"slideIn",void 0),ni([o.state()],ui.prototype,"slideOut",void 0);var bi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class
|
|
1205
|
+
`],ni([o.property({type:String})],ui.prototype,"id",void 0),ni([o.property({type:String})],ui.prototype,"label",void 0),ni([o.property({type:String})],ui.prototype,"filterPlaceHolder",void 0),ni([o.property({type:String})],ui.prototype,"clearButtonLabel",void 0),ni([o.property({type:String})],ui.prototype,"moreValuesButtonLabel",void 0),ni([e.jsonProperty([])],ui.prototype,"options",void 0),ni([o.property({type:Boolean})],ui.prototype,"multivalued",void 0),ni([o.property({type:Boolean})],ui.prototype,"disabled",void 0),ni([o.property({type:Boolean})],ui.prototype,"raiseSelectedOptions",void 0),ni([o.property({type:Number})],ui.prototype,"displayedValuesLimit",void 0),ni([o.query(".ft-filter--slot")],ui.prototype,"slotElement",void 0),ni([o.query(".ft-filter--container")],ui.prototype,"container",void 0),ni([o.query(".ft-filter--values")],ui.prototype,"valuesContainer",void 0),ni([o.query(".ft-filter--levels")],ui.prototype,"levelsContainer",void 0),ni([o.query(".ft-filter--levels ft-filter-level:last-child")],ui.prototype,"lastLevel",void 0),ni([o.query(".ft-filter--filter input")],ui.prototype,"filterInput",void 0),ni([o.queryAll(".ft-filter--levels ft-filter-level")],ui.prototype,"levels",void 0),ni([o.state()],ui.prototype,"withScroll",void 0),ni([o.state()],ui.prototype,"filter",void 0),ni([o.state()],ui.prototype,"slideIn",void 0),ni([o.state()],ui.prototype,"slideOut",void 0);var bi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class vi extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return i.html`
|
|
1205
1206
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1206
|
-
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}
|
|
1207
|
+
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}vi.elementDefinitions={},bi([o.property({type:String})],vi.prototype,"label",void 0),bi([o.property({type:Object,converter:t=>t})],vi.prototype,"value",void 0),bi([o.property({type:Boolean,reflect:!0})],vi.prototype,"selected",void 0),bi([o.property({type:Object})],vi.prototype,"subOptions",void 0),bi([o.query(".ft-filter-option--slot")],vi.prototype,"slotElement",void 0),e.customElement("ft-filter")(ui),e.customElement("ft-filter-option")(vi);var gi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class xi extends e.FtLitElement{constructor(){super(...arguments),this.multi=!1}render(){return i.html`
|
|
1207
1208
|
<div class="ft-accordion">
|
|
1208
1209
|
<slot @activated=${this.onChange}></slot>
|
|
1209
1210
|
</div>
|
|
@@ -1211,7 +1212,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1211
1212
|
.ft-accordion {
|
|
1212
1213
|
box-sizing: border-box;
|
|
1213
1214
|
}
|
|
1214
|
-
`,
|
|
1215
|
+
`,gi([o.property({type:Boolean})],xi.prototype,"multi",void 0),gi([o.query("slot")],xi.prototype,"content",void 0);var yi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const mi=e.FtCssVariable.create("--ft-accordion-toggle-horizontal-spacing","SIZE","16px"),$i=e.FtCssVariable.create("--ft-accordion-toggle-vertical-spacing","SIZE","16px"),wi=e.FtCssVariable.external(e.designSystemVariables.colorOutline,"Design system");class ki extends e.FtLitElement{constructor(){super(...arguments),this.icon="",this.label="",this.active=!1}render(){return i.html`
|
|
1215
1216
|
<div class="ft-accordion-item ${this.active?"ft-accordion-item--active":""}">
|
|
1216
1217
|
<div class="ft-accordion-item--toggle"
|
|
1217
1218
|
part="toggle"
|
|
@@ -1958,7 +1959,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1958
1959
|
flex-basis: 0;
|
|
1959
1960
|
}
|
|
1960
1961
|
|
|
1961
|
-
|
|
1962
|
+
ft-filter::part(clear-button) {
|
|
1962
1963
|
display: none;
|
|
1963
1964
|
}
|
|
1964
1965
|
|
|
@@ -2143,15 +2144,15 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2143
2144
|
flex-grow: 1;
|
|
2144
2145
|
flex-shrink: 1;
|
|
2145
2146
|
}
|
|
2146
|
-
`;var Vi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};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 Wi={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",searchButton:"Search",noSuggestions:"No results found…",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Preset",removeRecentSearch:"Remove",back:"Back"};class Gi extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class Xi extends CustomEvent{constructor(t){super("change",{detail:t})}}class Yi extends e.FtLitElement{constructor(){super(...arguments),this.dense=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new e.ParametrizedLabelResolver(Wi,{}),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={},this.query="",this.suggestions=[],this.suggestionsLoaded=!0,this.recentSearches=[],this.updateFacetsDebouncer=new e.Debouncer(500),this.suggestDebouncer=new e.Debouncer(300),this.facetsLoaded=!1,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)))))}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}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=>!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:[]}}get isMobile(){return this.sizeCategory===l.S}get 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}get hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return i.html`
|
|
2147
|
+
`;var Vi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};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 Wi={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",searchButton:"Search",noSuggestions:"No results found…",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Preset",removeRecentSearch:"Remove",back:"Back"};class Gi extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class Xi extends CustomEvent{constructor(t){super("change",{detail:t})}}class Yi extends e.FtLitElement{constructor(){super(...arguments),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new e.ParametrizedLabelResolver(Wi,{}),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={},this.query="",this.suggestions=[],this.suggestionsLoaded=!0,this.recentSearches=[],this.updateFacetsDebouncer=new e.Debouncer(500),this.suggestDebouncer=new e.Debouncer(300),this.facetsLoaded=!1,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)))))}get isMobileMenuOpen(){return this.forceMobileMenuOpen||this.mobileMenuOpen}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}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=>!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:[]}}get isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===l.S}}get 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}get hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return i.html`
|
|
2147
2148
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
2148
2149
|
${this.renderSearchBar()}
|
|
2149
|
-
`}renderSearchBar(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":!this.isMobile&&this.dense,"ft-search-bar--mobile":this.isMobile,"ft-search-bar--desktop":!this.isMobile,"ft-search-bar--floating-panel-open":!this.isMobile&&this.displayFacets,"ft-search-bar--mobile-menu-open":this.
|
|
2150
|
+
`}renderSearchBar(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":!this.isMobile&&this.dense,"ft-search-bar--mobile":this.isMobile,"ft-search-bar--desktop":!this.isMobile,"ft-search-bar--floating-panel-open":!this.isMobile&&this.displayFacets,"ft-search-bar--mobile-menu-open":this.isMobileMenuOpen};return this.facetsInitialized&&this.availableContentLocalesInitialized?i.html`
|
|
2150
2151
|
<div class="${n.classMap(t)}" part="container" tabindex="-1">
|
|
2151
2152
|
${this.isMobile?this.renderMobileSearchBar():this.renderDesktopSearchBar()}
|
|
2152
2153
|
</div>
|
|
2153
2154
|
`:i.html`
|
|
2154
|
-
<ft-skeleton class="ft-search-bar--skeleton"></ft-skeleton>
|
|
2155
|
+
<ft-skeleton class="ft-search-bar--skeleton" part="loader"></ft-skeleton>
|
|
2155
2156
|
`}renderMobileSearchBar(){return i.html`
|
|
2156
2157
|
<div class="ft-search-bar">
|
|
2157
2158
|
<div class="ft-search-bar--input-container" part="input-container">
|
|
@@ -2169,7 +2170,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2169
2170
|
</div>
|
|
2170
2171
|
${this.displayFacets?this.renderFacetsActions():this.renderSelectedFacets()}
|
|
2171
2172
|
${this.displayFacets?this.renderMobileFacets():this.renderSuggestions()}
|
|
2172
|
-
${this.
|
|
2173
|
+
${this.isMobileMenuOpen||this.displayFacets?i.html`
|
|
2173
2174
|
<ft-button class="ft-search-bar--launch-search"
|
|
2174
2175
|
part="launch-search-in-panel"
|
|
2175
2176
|
icon="search"
|
|
@@ -2177,7 +2178,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2177
2178
|
${this.labelResolver.resolve("searchButton")}
|
|
2178
2179
|
</ft-button>
|
|
2179
2180
|
`:i.nothing}
|
|
2180
|
-
`}renderMobileSearchBarButtons(){return this.query||this.
|
|
2181
|
+
`}renderMobileSearchBarButtons(){return this.query||this.isMobileMenuOpen?i.html`
|
|
2181
2182
|
<div class="ft-search-bar--actions"
|
|
2182
2183
|
part="search-bar-actions">
|
|
2183
2184
|
<ft-button class="ft-search-bar--clear-query"
|
|
@@ -2370,7 +2371,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2370
2371
|
></ft-filter>
|
|
2371
2372
|
`}))}
|
|
2372
2373
|
</ft-snap-scroll>
|
|
2373
|
-
`:i.nothing}renderSelectedFacets(){if(!this.hasLocaleSelector&&!this.hasFacets)return null;const t=!this.isMobile&&this.dense||this.isMobile&&this.
|
|
2374
|
+
`:i.nothing}renderSelectedFacets(){if(!this.hasLocaleSelector&&!this.hasFacets)return null;const t=!this.isMobile&&this.dense||this.isMobile&&this.isMobileMenuOpen,e=i.html`
|
|
2374
2375
|
${this.hasLocaleSelector&&(this.hasFacets||this.isMobile)?i.html`
|
|
2375
2376
|
<ft-chip part="selected-filters"
|
|
2376
2377
|
?dense=${this.dense&&!this.isMobile}
|
|
@@ -2457,4 +2458,4 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2457
2458
|
<ft-icon variant="${e}" part="suggestion-icon">
|
|
2458
2459
|
${o}
|
|
2459
2460
|
</ft-icon>
|
|
2460
|
-
`}openMobileFilters(t){this.isMobile&&(this.mobileMenuOpen=!0,this.displayFacets=!0,this.scrollToFacet=t)}async firstUpdated(t){super.firstUpdated(t),this.initApi()}update(t){var i,o,s,n,r,l;if(t.has("labels")&&(this.labelResolver=new e.ParametrizedLabelResolver(Wi,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.recentSearches=JSON.parse(null!==(o=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==o?o:"[]")),t.has("presets")&&(null!==(s=this.presets)&&void 0!==s?s:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>Qt(t))))))),t.has("selectedPreset")){const t=(null!==(n=this.presets)&&void 0!==n?n:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(l=(null!==(r=this.presets)&&void 0!==r?r:[]).find((t=>this.compareRequests(t,this.request))))||void 0===l?void 0:l.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi(),this.availableContentLocalesInitialized=!1,this.facetsInitialized=!1),t.has("api")&&this.updateAvailableContentLocales(),["uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.updateSuggestions(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchEvent(new Xi(this.request))}async updateAvailableContentLocales(){this.api&&(this.availableContentLocales=await this.api.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])),this.availableContentLocalesInitialized=!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()),100))}updateFacets(){this.api&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{var t,e;this.facets=null!==(e=await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets)).catch((()=>[]))))&&void 0!==e?e:[],this.facets.forEach((t=>this.knownFacetLabels[t.key]=t.label)),this.facetsLoaded=!0,this.facetsInitialized=!0}))):(this.facets=[],this.facetsInitialized=!0))}updateSuggestions(){this.suggestionsLoaded=!1,this.suggestDebouncer.run((async()=>{this.suggestions=this.api&&this.query.length>2?await this.api.getSuggestions(this.suggestRequest).then((t=>t.suggestions)).catch((()=>[])):[],this.suggestionsLoaded=!0}))}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.query=e.value,"Enter"===t.key&&this.launchSearch()}onSearchBarKeyDown(t){var e,i;switch(t.key){case"Escape":this.mobileMenuOpen=!1,null===(e=this.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),null===(i=this.firstSuggestion)||void 0===i||i.focus()}}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}onSuggestClick(t,e){t.ctrlKey||t.metaKey||this.onSuggestSelected(t,e)}onSuggestKeyUp(t,e){"Enter"!==t.key&&" "!==t.key||this.onSuggestSelected(t,e)}onSuggestSelected(t,e){t.preventDefault(),this.setQuery(e),this.launchSearch()}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 Gi(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}saveRecentSearches(){window.localStorage.setItem(this.recentSearchesStorageKey,JSON.stringify(this.recentSearches))}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}getLocaleLabel(t){var e;return null!==(e=this.availableContentLocales.filter((e=>{var i;return(null!==(i=e.lang)&&void 0!==i?i:"").toLowerCase()===(null!=t?t:"").toLowerCase()})).map((t=>t.label)).pop())&&void 0!==e?e:t}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&Jt(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=>Jt(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}removeRecentSearch(t,e){var i,o,s,n;t.preventDefault(),t.stopPropagation();const r=null!==(n=null!==(o=null===(i=this.focusedSuggestion)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.input;null==r||r.focus(),this.recentSearches=this.recentSearches.filter((t=>t.toLowerCase()!==e.toLowerCase())),this.saveRecentSearches()}onSuggestKeyDown(t){var e,i,o,s,n,r;switch(t.key){case"ArrowUp":null===(o=null!==(i=null===(e=this.focusedSuggestion)||void 0===e?void 0:e.previousElementSibling)&&void 0!==i?i:this.lastSuggestion)||void 0===o||o.focus(),t.preventDefault(),t.stopPropagation();break;case"ArrowDown":null===(r=null!==(n=null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstSuggestion)||void 0===r||r.focus(),t.preventDefault(),t.stopPropagation()}}}Yi.elementDefinitions={"ft-accordion":xi,"ft-accordion-item":ki,"ft-button":Me,"ft-chip":Li,"ft-filter":ui,"ft-filter-option":
|
|
2461
|
+
`}openMobileFilters(t){this.isMobile&&(this.mobileMenuOpen=!0,this.displayFacets=!0,this.scrollToFacet=t)}async firstUpdated(t){super.firstUpdated(t),this.initApi()}update(t){var i,o,s,n,r,l;if(t.has("labels")&&(this.labelResolver=new e.ParametrizedLabelResolver(Wi,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.recentSearches=JSON.parse(null!==(o=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==o?o:"[]")),t.has("presets")&&(null!==(s=this.presets)&&void 0!==s?s:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>Qt(t))))))),t.has("selectedPreset")){const t=(null!==(n=this.presets)&&void 0!==n?n:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(l=(null!==(r=this.presets)&&void 0!==r?r:[]).find((t=>this.compareRequests(t,this.request))))||void 0===l?void 0:l.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi(),this.availableContentLocalesInitialized=!1,this.facetsInitialized=!1),t.has("api")&&this.updateAvailableContentLocales(),["uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.updateSuggestions(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchEvent(new Xi(this.request))}async updateAvailableContentLocales(){this.api&&(this.availableContentLocales=await this.api.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])),this.availableContentLocalesInitialized=!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()),100))}updateFacets(){this.api&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{var t,e;this.facets=null!==(e=await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets)).catch((()=>[]))))&&void 0!==e?e:[],this.facets.forEach((t=>this.knownFacetLabels[t.key]=t.label)),this.facetsLoaded=!0,this.facetsInitialized=!0}))):(this.facets=[],this.facetsInitialized=!0))}updateSuggestions(){this.suggestionsLoaded=!1,this.suggestDebouncer.run((async()=>{this.suggestions=this.api&&this.query.length>2?await this.api.getSuggestions(this.suggestRequest).then((t=>t.suggestions)).catch((()=>[])):[],this.suggestionsLoaded=!0}))}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.query=e.value,"Enter"===t.key&&this.launchSearch()}onSearchBarKeyDown(t){var e,i;switch(t.key){case"Escape":this.mobileMenuOpen=!1,null===(e=this.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),null===(i=this.firstSuggestion)||void 0===i||i.focus()}}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}onSuggestClick(t,e){t.ctrlKey||t.metaKey||this.onSuggestSelected(t,e)}onSuggestKeyUp(t,e){"Enter"!==t.key&&" "!==t.key||this.onSuggestSelected(t,e)}onSuggestSelected(t,e){t.preventDefault(),this.setQuery(e),this.launchSearch()}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 Gi(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}saveRecentSearches(){window.localStorage.setItem(this.recentSearchesStorageKey,JSON.stringify(this.recentSearches))}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}getLocaleLabel(t){var e;return null!==(e=this.availableContentLocales.filter((e=>{var i;return(null!==(i=e.lang)&&void 0!==i?i:"").toLowerCase()===(null!=t?t:"").toLowerCase()})).map((t=>t.label)).pop())&&void 0!==e?e:t}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&Jt(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=>Jt(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}removeRecentSearch(t,e){var i,o,s,n;t.preventDefault(),t.stopPropagation();const r=null!==(n=null!==(o=null===(i=this.focusedSuggestion)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.input;null==r||r.focus(),this.recentSearches=this.recentSearches.filter((t=>t.toLowerCase()!==e.toLowerCase())),this.saveRecentSearches()}onSuggestKeyDown(t){var e,i,o,s,n,r;switch(t.key){case"ArrowUp":null===(o=null!==(i=null===(e=this.focusedSuggestion)||void 0===e?void 0:e.previousElementSibling)&&void 0!==i?i:this.lastSuggestion)||void 0===o||o.focus(),t.preventDefault(),t.stopPropagation();break;case"ArrowDown":null===(r=null!==(n=null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstSuggestion)||void 0===r||r.focus(),t.preventDefault(),t.stopPropagation()}}}Yi.elementDefinitions={"ft-accordion":xi,"ft-accordion-item":ki,"ft-button":Me,"ft-chip":Li,"ft-filter":ui,"ft-filter-option":vi,"ft-icon":Be,"ft-ripple":pe,"ft-select":Ri,"ft-select-option":Ti,"ft-size-watcher":p,"ft-skeleton":Zi,"ft-snap-scroll":si,"ft-tooltip":xe,"ft-typography":Yt},Yi.styles=[qt,Ui,Hi,Ki,qi],Vi([o.property({type:Boolean})],Yi.prototype,"dense",void 0),Vi([o.property()],Yi.prototype,"mode",void 0),Vi([o.property({type:Boolean})],Yi.prototype,"forceMobileMenuOpen",void 0),Vi([o.property()],Yi.prototype,"baseUrl",void 0),Vi([o.property()],Yi.prototype,"apiIntegrationIdentifier",void 0),Vi([o.property()],Yi.prototype,"contentLocale",void 0),Vi([o.state()],Yi.prototype,"availableContentLocales",void 0),Vi([o.state()],Yi.prototype,"availableContentLocalesInitialized",void 0),Vi([o.property()],Yi.prototype,"uiLocale",void 0),Vi([e.jsonProperty({})],Yi.prototype,"labels",void 0),Vi([e.jsonProperty([])],Yi.prototype,"displayedFilters",void 0),Vi([e.jsonProperty([])],Yi.prototype,"presets",void 0),Vi([o.property({type:String,reflect:!0})],Yi.prototype,"selectedPreset",void 0),Vi([e.jsonProperty([])],Yi.prototype,"priors",void 0),Vi([o.property()],Yi.prototype,"searchRequestSerializer",void 0),Vi([o.state()],Yi.prototype,"searchFilters",void 0),Vi([o.state()],Yi.prototype,"sizeCategory",void 0),Vi([o.state()],Yi.prototype,"displayFacets",void 0),Vi([o.state()],Yi.prototype,"mobileMenuOpen",void 0),Vi([o.state()],Yi.prototype,"facets",void 0),Vi([o.state()],Yi.prototype,"facetsInitialized",void 0),Vi([o.query(".ft-search-bar--container")],Yi.prototype,"container",void 0),Vi([o.query(".ft-search-bar--filters-opener")],Yi.prototype,"filtersOpener",void 0),Vi([o.query(".ft-search-bar--floating-panel")],Yi.prototype,"floatingContainer",void 0),Vi([o.query("ft-snap-scroll.ft-search-bar--filters-container")],Yi.prototype,"scrollingFiltersContainer",void 0),Vi([o.query(".ft-search-bar--input")],Yi.prototype,"input",void 0),Vi([o.state()],Yi.prototype,"query",void 0),Vi([o.state()],Yi.prototype,"suggestions",void 0),Vi([o.state()],Yi.prototype,"suggestionsLoaded",void 0),Vi([o.state()],Yi.prototype,"recentSearches",void 0),Vi([o.state()],Yi.prototype,"scrollToFacet",void 0),Vi([o.query(".ft-search-bar--suggestion:first-child")],Yi.prototype,"firstSuggestion",void 0),Vi([o.query(".ft-search-bar--suggestion:focus-within")],Yi.prototype,"focusedSuggestion",void 0),Vi([o.query(".ft-search-bar--suggestion:last-child")],Yi.prototype,"lastSuggestion",void 0),Vi([o.state()],Yi.prototype,"api",void 0),e.customElement("ft-search-bar")(Yi),t.DEFAULT_LABELS=Wi,t.FtSearchBar=Yi,t.FtSearchBarCssVariables=_i,t.LaunchSearchEvent=Gi,t.SearchStateChangeEvent=Xi,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);
|