@fluid-topics/ft-search-input 0.3.63 → 0.3.64
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-input.js
CHANGED
|
@@ -82,9 +82,8 @@ export class FtSearchInput extends withI18n(FtSearchComponent) {
|
|
|
82
82
|
this.forceCloseSuggestion = true;
|
|
83
83
|
}
|
|
84
84
|
onSuggestionSelected(e) {
|
|
85
|
-
var _a
|
|
85
|
+
var _a;
|
|
86
86
|
(_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setQuery(e.detail);
|
|
87
|
-
(_b = this.stateManager) === null || _b === void 0 ? void 0 : _b.setLiveQuery(e.detail);
|
|
88
87
|
this.forceCloseSuggestion = true;
|
|
89
88
|
}
|
|
90
89
|
}
|
|
@@ -611,13 +611,13 @@ const J=Symbol.for(""),tt=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:
|
|
|
611
611
|
.ft-search-input.ft-search-input--with-suggestions:focus-within:not(.ft-search-input--with-suggestions-closed) ft-search-input-suggestion {
|
|
612
612
|
display: block;
|
|
613
613
|
}
|
|
614
|
-
|
|
615
|
-
`,Ji=e.
|
|
616
|
-
`,te=i.FtReduxStore.get({name:"ft-app-info",reducers:{setBaseUrl:(t,i)=>{t.baseUrl=i.payload},setApiIntegrationIdentifier:(t,i)=>{t.apiIntegrationIdentifier=i.payload},setUiLocale:(t,i)=>{t.uiLocale=i.payload},setAvailableUiLocales:(t,i)=>{t.availableUiLocales=i.payload},setEditorMode:(t,i)=>{t.editorMode=i.payload},setNoCustom:(t,i)=>{t.noCustom=i.payload},setNoCustomComponent:(t,i)=>{t.noCustomComponent=i.payload},setSession:(t,i)=>{t.session=i.payload}},initialState:{uiLocale:document.documentElement.lang||"en-US",availableUiLocales:[],editorMode:!1,noCustom:!1,noCustomComponent:!1}});class ie{static build(t){const{baseUrl:i,apiIntegrationIdentifier:e}=te.getState(),o=null!=t?t:e;if(i&&o&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(i,o,!0)}static get(t){var i;return null!=t?ie.build(t):null!==(i=ie.API)&&void 0!==i?i:ie.API=ie.build()}static await(t){return new Promise((i=>{let e=ie.get(t);if(e)i(e);else{const o=te.subscribe((()=>{e=ie.get(t),e&&(o(),i(e))}))}}))}}var ee;const oe=Symbol("clearAfterUnitTest");class ne{constructor(t){this.apiProvider=t,this.defaultMessages={},this.cache=new i.CacheRegistry,this.listeners={},this.currentUiLocale="",this[ee]=()=>{this.defaultMessages={},this.cache=new i.CacheRegistry,this.listeners={}},this.currentUiLocale=te.getState().uiLocale,te.subscribe((()=>this.clearWhenUiLocaleChanges()))}clearWhenUiLocaleChanges(){const{uiLocale:t}=te.getState();this.currentUiLocale!==t&&(this.currentUiLocale=t,this.cache.clearAll(),this.notifyAll())}addContext(t){const i=t.name.toLowerCase();this.cache.setFinal(i,t),this.notify(i)}getAllContexts(){return this.cache.resolvedValues()}async prepareContext(t,e){var o;if(t=t.toLowerCase(),Object.keys(e).length>0){const n={...null!==(o=this.defaultMessages[t])&&void 0!==o?o:{},...e};i.deepEqual(this.defaultMessages[t],n)||(this.defaultMessages[t]=n,await this.notify(t))}await this.fetchContext(t)}resolveMessage(t,e,...o){var n,s,r;t=t.toLowerCase(),this.fetchContext(t);const a=null!==(s=null===(n=this.cache.getNow(t))||void 0===n?void 0:n.messages)&&void 0!==s?s:{};return new i.ParametrizedLabelResolver(null!==(r=this.defaultMessages[t])&&void 0!==r?r:{},a).resolve(e,...o)}async fetchContext(t){if(!this.cache.has(t))try{await this.cache.get(t,(async()=>{var i;return await(null===(i=this.apiProvider())||void 0===i?void 0:i.getFluidTopicsMessageContext(this.currentUiLocale,t))})),await this.notify(t)}catch(t){console.error(t)}}subscribe(t,i){var e;return t=t.toLowerCase(),this.listeners[t]=null!==(e=this.listeners[t])&&void 0!==e?e:new Set,this.listeners[t].add(i),()=>{var e;return null===(e=this.listeners[t])||void 0===e?void 0:e.delete(i)}}async notifyAll(){await Promise.all(Object.keys(this.listeners).map((t=>this.notify(t))))}async notify(t){null!=this.listeners[t]&&await Promise.all([...this.listeners[t].values()].map((t=>i.delay(0).then((()=>t())).catch((()=>null)))))}}ee=oe,null==window.FluidTopicsI18nService&&(window.FluidTopicsI18nService=new ne(ie.get));const se=window.FluidTopicsI18nService;var re=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class ae extends i.FtLitElement{constructor(){super(...arguments),this.apiIntegrationIdentifier="ft-integration",this.uiLocale="en-US",this.availableUiLocales=[],this.editorMode=!1,this.noCustom=!1,this.noCustomComponent=!1,this.withManualResources=!1,this.messageContexts=[],this.apiProvider=()=>ie.get(),this.cache=new i.CacheRegistry,this.cleanSessionDebouncer=new i.Debouncer}render(){return e.html`
|
|
614
|
+
`,qi=e.css`
|
|
615
|
+
`,Qi=i.FtReduxStore.get({name:"ft-app-info",reducers:{setBaseUrl:(t,i)=>{t.baseUrl=i.payload},setApiIntegrationIdentifier:(t,i)=>{t.apiIntegrationIdentifier=i.payload},setUiLocale:(t,i)=>{t.uiLocale=i.payload},setAvailableUiLocales:(t,i)=>{t.availableUiLocales=i.payload},setEditorMode:(t,i)=>{t.editorMode=i.payload},setNoCustom:(t,i)=>{t.noCustom=i.payload},setNoCustomComponent:(t,i)=>{t.noCustomComponent=i.payload},setSession:(t,i)=>{t.session=i.payload}},initialState:{uiLocale:document.documentElement.lang||"en-US",availableUiLocales:[],editorMode:!1,noCustom:!1,noCustomComponent:!1}});class Vi{static build(t){const{baseUrl:i,apiIntegrationIdentifier:e}=Qi.getState(),o=null!=t?t:e;if(i&&o&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(i,o,!0)}static get(t){var i;return null!=t?Vi.build(t):null!==(i=Vi.API)&&void 0!==i?i:Vi.API=Vi.build()}static await(t){return new Promise((i=>{let e=Vi.get(t);if(e)i(e);else{const o=Qi.subscribe((()=>{e=Vi.get(t),e&&(o(),i(e))}))}}))}}var Xi;const Yi=Symbol("clearAfterUnitTest");class Ji{constructor(t){this.apiProvider=t,this.defaultMessages={},this.cache=new i.CacheRegistry,this.listeners={},this.currentUiLocale="",this[Xi]=()=>{this.defaultMessages={},this.cache=new i.CacheRegistry,this.listeners={}},this.currentUiLocale=Qi.getState().uiLocale,Qi.subscribe((()=>this.clearWhenUiLocaleChanges()))}clearWhenUiLocaleChanges(){const{uiLocale:t}=Qi.getState();this.currentUiLocale!==t&&(this.currentUiLocale=t,this.cache.clearAll(),this.notifyAll())}addContext(t){const i=t.name.toLowerCase();this.cache.setFinal(i,t),this.notify(i)}getAllContexts(){return this.cache.resolvedValues()}async prepareContext(t,e){var o;if(t=t.toLowerCase(),Object.keys(e).length>0){const n={...null!==(o=this.defaultMessages[t])&&void 0!==o?o:{},...e};i.deepEqual(this.defaultMessages[t],n)||(this.defaultMessages[t]=n,await this.notify(t))}await this.fetchContext(t)}resolveMessage(t,e,...o){var n,s,r;t=t.toLowerCase(),this.fetchContext(t);const a=null!==(s=null===(n=this.cache.getNow(t))||void 0===n?void 0:n.messages)&&void 0!==s?s:{};return new i.ParametrizedLabelResolver(null!==(r=this.defaultMessages[t])&&void 0!==r?r:{},a).resolve(e,...o)}async fetchContext(t){if(!this.cache.has(t))try{await this.cache.get(t,(async()=>{var i;return await(null===(i=this.apiProvider())||void 0===i?void 0:i.getFluidTopicsMessageContext(this.currentUiLocale,t))})),await this.notify(t)}catch(t){console.error(t)}}subscribe(t,i){var e;return t=t.toLowerCase(),this.listeners[t]=null!==(e=this.listeners[t])&&void 0!==e?e:new Set,this.listeners[t].add(i),()=>{var e;return null===(e=this.listeners[t])||void 0===e?void 0:e.delete(i)}}async notifyAll(){await Promise.all(Object.keys(this.listeners).map((t=>this.notify(t))))}async notify(t){null!=this.listeners[t]&&await Promise.all([...this.listeners[t].values()].map((t=>i.delay(0).then((()=>t())).catch((()=>null)))))}}Xi=Yi,null==window.FluidTopicsI18nService&&(window.FluidTopicsI18nService=new Ji(Vi.get));const te=window.FluidTopicsI18nService;var ie=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class ee extends i.FtLitElement{constructor(){super(...arguments),this.apiIntegrationIdentifier="ft-integration",this.uiLocale="en-US",this.availableUiLocales=[],this.editorMode=!1,this.noCustom=!1,this.noCustomComponent=!1,this.withManualResources=!1,this.messageContexts=[],this.apiProvider=()=>Vi.get(),this.cache=new i.CacheRegistry,this.cleanSessionDebouncer=new i.Debouncer}render(){return e.html`
|
|
617
616
|
<slot></slot>
|
|
618
|
-
`}updated(t){super.updated(t),t.has("baseUrl")&&
|
|
617
|
+
`}updated(t){super.updated(t),t.has("baseUrl")&&Qi.actions.setBaseUrl(this.baseUrl),t.has("apiIntegrationIdentifier")&&Qi.actions.setApiIntegrationIdentifier(this.apiIntegrationIdentifier),t.has("uiLocale")&&Qi.actions.setUiLocale(this.uiLocale),t.has("noCustom")&&Qi.actions.setNoCustom(this.noCustom),t.has("editorMode")&&Qi.actions.setEditorMode(this.editorMode),t.has("noCustomComponent")&&Qi.actions.setNoCustomComponent(this.noCustomComponent),t.has("session")&&Qi.actions.setSession(this.session),t.has("availableUiLocales")&&Qi.actions.setAvailableUiLocales(Array.isArray(this.availableUiLocales)?this.availableUiLocales:[]),t.has("messageContexts")&&null!=this.messageContexts&&this.messageContexts.forEach((t=>te.addContext(t))),setTimeout((()=>this.updateIfNeeded()))}async updateIfNeeded(){const t=this.apiProvider();!this.withManualResources&&t&&(null==this.session&&(this.session=await this.cache.get("session",(async()=>{const i=await t.getCurrentSession();return i.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run((()=>{this.cache.clear("session"),this.session=void 0}),i.idleTimeoutInMillis),i}))),null==this.availableUiLocales&&(this.availableUiLocales=await this.cache.get("availableUiLocales",(()=>t.getAvailableUiLocales()))))}}ee.elementDefinitions={},ee.styles=qi,ie([o.property()],ee.prototype,"baseUrl",void 0),ie([o.property()],ee.prototype,"apiIntegrationIdentifier",void 0),ie([o.property()],ee.prototype,"uiLocale",void 0),ie([i.jsonProperty([])],ee.prototype,"availableUiLocales",void 0),ie([o.property({type:Boolean})],ee.prototype,"editorMode",void 0),ie([o.property({type:Boolean})],ee.prototype,"noCustom",void 0),ie([o.property({converter:{fromAttribute:t=>"false"!==t&&("true"===t||null!=t&&t)}})],ee.prototype,"noCustomComponent",void 0),ie([o.property({type:Boolean})],ee.prototype,"withManualResources",void 0),ie([i.jsonProperty([])],ee.prototype,"messageContexts",void 0),ie([i.jsonProperty(void 0)],ee.prototype,"session",void 0),ie([o.property({type:Object})],ee.prototype,"apiProvider",void 0),i.customElement("ft-app-context")(ee);var oe=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class ne extends Event{constructor(){super("register-ft-search-component",{bubbles:!0,composed:!0})}}const se=Symbol("registerInterval");class re extends(function(t){var i;class e extends t{constructor(){super(...arguments),this[i]=0}setSearchStateManager(t){this.clearStateManager(),this.stateManager=t,this.addStore(t.store,"search")}clearStateManager(){this.stateManager&&(this.removeStore(this.stateManager.store),this.stateManager=void 0)}connectedCallback(){super.connectedCallback(),this[se]=window.setInterval((()=>this.tryToRegisterToContext()),50)}tryToRegisterToContext(){null!=this.stateManager?window.clearInterval(this[se]):this.dispatchEvent(new ne)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return i=se,oe([o.state()],e.prototype,"stateManager",void 0),e}(i.FtLitElementRedux)){}const ae=e.css`
|
|
618
|
+
`,le=Symbol("i18nProperties"),pe=Symbol("i18nUnsubs");function he(t){var i;return i=pe,class extends t{constructor(){super(...arguments),this[i]=new Map}i18n(t,i,...e){var o;if("string"==typeof t)return te.resolveMessage(t,i,...e);const n=null!==(o=t.args)&&void 0!==o?o:t.argsProvider?t.argsProvider(this):[];return te.resolveMessage(t.context,t.key,...n)}onI18nUpdate(t){var i;null===(i=this[le])||void 0===i||i.forEach(((i,e)=>{i.context.toLowerCase()===t.toLowerCase()&&(this[e]=this.i18n(i))})),setTimeout((()=>this.requestUpdate()),0)}updated(t){var i;super.updated(t),null===(i=this[le])||void 0===i||i.forEach(((t,i)=>{null!=t.argsProvider&&(this[i]=this.i18n(t))}))}connectedCallback(){super.connectedCallback(),null!=this[le]&&new Set([...this[le].values()].map((t=>t.context))).forEach((t=>this.addI18nMessages(t)))}addI18nMessages(t,i){t=t.toLowerCase(),this[pe].has(t)||this[pe].set(t,te.subscribe(t,(()=>this.onI18nUpdate(t)))),te.prepareContext(t,null!=i?i:{})}addI18nContext(t,i){this.addI18nMessages(t.name,i)}disconnectedCallback(){super.disconnectedCallback(),this[pe].forEach((t=>t())),this[pe].clear()}}}class ce extends(he(i.FtLitElement)){}class fe extends(he(i.FtLitElementRedux)){}var de=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class ue extends ce{render(){return this.key&&this.context?e.html`
|
|
619
619
|
<span class="ft-i18n">${this.i18n(this.context,this.key,...Array.isArray(this.args)?this.args:[])}</span>
|
|
620
|
-
`:e.nothing}update(t){super.update(t),this.context&&this.key&&this.defaultMessage&&this.addI18nMessages(this.context,{[this.key]:this.defaultMessage})}}ue.elementDefinitions={},ue.styles=
|
|
620
|
+
`:e.nothing}update(t){super.update(t),this.context&&this.key&&this.defaultMessage&&this.addI18nMessages(this.context,{[this.key]:this.defaultMessage})}}ue.elementDefinitions={},ue.styles=ae,de([o.property()],ue.prototype,"context",void 0),de([o.property()],ue.prototype,"key",void 0),de([i.jsonProperty([])],ue.prototype,"args",void 0),de([o.property()],ue.prototype,"defaultMessage",void 0);class ge{constructor(t){this.name=t,this.properties=new Proxy({},{get:(t,i)=>{const e=i;return t=>({context:this.name,key:e,args:"function"==typeof t?void 0:t,argsProvider:"function"==typeof t?t:void 0})}}),this.messages=new Proxy({},{get:(t,i)=>(...t)=>te.resolveMessage(this.name,i,...t)})}static build(t){return new ge(t)}static fromGwt(t){return new ge(t)}}i.customElement("ft-i18n")(ue);const ve=ge.build("designedSearchInput"),xe=e.css`
|
|
621
621
|
* {
|
|
622
622
|
box-sizing: border-box;
|
|
623
623
|
}
|
|
@@ -659,7 +659,7 @@ const J=Symbol.for(""),tt=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:
|
|
|
659
659
|
flex-grow: 1;
|
|
660
660
|
flex-shrink: 1;
|
|
661
661
|
}
|
|
662
|
-
`;var ye=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class be extends CustomEvent{constructor(t){super("suggestion-selected",{detail:t})}}let me=class extends
|
|
662
|
+
`;var ye=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class be extends CustomEvent{constructor(t){super("suggestion-selected",{detail:t})}}let me=class extends re{constructor(){super(...arguments),this.suggestResults=[]}render(){return e.html`
|
|
663
663
|
<div class="ft-search-input-suggestion ft-word-wrap"
|
|
664
664
|
part="container"
|
|
665
665
|
@keydown=${t=>this.onSuggestKeyDown(t)}>
|
|
@@ -679,7 +679,7 @@ const J=Symbol.for(""),tt=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:
|
|
|
679
679
|
<ft-icon variant="${i}" part="suggestion-icon">
|
|
680
680
|
${o}
|
|
681
681
|
</ft-icon>
|
|
682
|
-
`}getFocusedSuggestionElement(){return this.shadowRoot.querySelector(".ft-search-input-suggestion--suggestion:focus-within")}getLastSuggestionElement(){let t=this.shadowRoot.querySelectorAll(".ft-search-input-suggestion--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.shadowRoot.querySelector(".ft-search-input-suggestion--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}};me.elementDefinitions={"ft-ripple":y,"ft-typography":$i,"ft-icon":Fi},me.styles=[i.wordWrap,xe],ye([i.redux()],me.prototype,"suggestResults",void 0),me=ye([o.customElement("ft-search-input-suggestion")],me);var $e=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class we extends(he(
|
|
682
|
+
`}getFocusedSuggestionElement(){return this.shadowRoot.querySelector(".ft-search-input-suggestion--suggestion:focus-within")}getLastSuggestionElement(){let t=this.shadowRoot.querySelectorAll(".ft-search-input-suggestion--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.shadowRoot.querySelector(".ft-search-input-suggestion--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}};me.elementDefinitions={"ft-ripple":y,"ft-typography":$i,"ft-icon":Fi},me.styles=[i.wordWrap,xe],ye([i.redux()],me.prototype,"suggestResults",void 0),me=ye([o.customElement("ft-search-input-suggestion")],me);var $e=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class we extends(he(re)){constructor(){super(),this.liveQuery="",this.suggestResults=[],this.forceCloseSuggestion=!1,this.addI18nContext(ve)}render(){let t={"ft-search-input":!0,"ft-search-input--with-suggestions":this.suggestResults.length>0,"ft-search-input--with-suggestions-closed":this.forceCloseSuggestion};return e.html`
|
|
683
683
|
<div class="${n.classMap(t)}" @focusout=${()=>this.forceCloseSuggestion=!1}>
|
|
684
684
|
<div class="ft-search-input--input-container" part="input-container" tabindex="-1">
|
|
685
685
|
<div class="ft-search-input--input-outline" part="input-outline">
|
|
@@ -705,4 +705,4 @@ const J=Symbol.for(""),tt=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:
|
|
|
705
705
|
></ft-button>
|
|
706
706
|
</div>
|
|
707
707
|
</div>
|
|
708
|
-
`}onSearchBarKeyDown(t){if("ArrowDown"===t.key)t.stopPropagation(),t.preventDefault(),this.suggestion.focusFirstSuggestion()}onSearchBarKeyUp(t){var i,e;"Enter"===t.key?(null===(i=this.stateManager)||void 0===i||i.setQuery(this.input.value),this.forceCloseSuggestion=!0):null===(e=this.stateManager)||void 0===e||e.setLiveQuery(this.input.value)}launchSearch(){var t;null===(t=this.stateManager)||void 0===t||t.setQuery(this.liveQuery),this.forceCloseSuggestion=!0}onSuggestionSelected(t){var i
|
|
708
|
+
`}onSearchBarKeyDown(t){if("ArrowDown"===t.key)t.stopPropagation(),t.preventDefault(),this.suggestion.focusFirstSuggestion()}onSearchBarKeyUp(t){var i,e;"Enter"===t.key?(null===(i=this.stateManager)||void 0===i||i.setQuery(this.input.value),this.forceCloseSuggestion=!0):null===(e=this.stateManager)||void 0===e||e.setLiveQuery(this.input.value)}launchSearch(){var t;null===(t=this.stateManager)||void 0===t||t.setQuery(this.liveQuery),this.forceCloseSuggestion=!0}onSuggestionSelected(t){var i;null===(i=this.stateManager)||void 0===i||i.setQuery(t.detail),this.forceCloseSuggestion=!0}}we.elementDefinitions={"ft-search-input-suggestion":me,"ft-button":Wi},we.styles=[ui,Hi],$e([i.redux()],we.prototype,"request",void 0),$e([i.redux()],we.prototype,"liveQuery",void 0),$e([i.redux()],we.prototype,"suggestResults",void 0),$e([o.state()],we.prototype,"forceCloseSuggestion",void 0),$e([o.query(".ft-search-input--input")],we.prototype,"input",void 0),$e([o.query("ft-search-input-suggestion")],we.prototype,"suggestion",void 0),i.customElement("ft-search-input")(we),t.FtSearchInput=we,t.FtSearchInputCssVariables=Gi,t.styles=Hi,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML,ftGlobals.litRepeat);
|
|
@@ -743,13 +743,13 @@ class ao extends yi{constructor(t){if(super(t),this.it=Y,t.type!==vi)throw Error
|
|
|
743
743
|
.ft-search-input.ft-search-input--with-suggestions:focus-within:not(.ft-search-input--with-suggestions-closed) ft-search-input-suggestion {
|
|
744
744
|
display: block;
|
|
745
745
|
}
|
|
746
|
-
|
|
747
|
-
`,Po=
|
|
748
|
-
`,Fo=ci.get({name:"ft-app-info",reducers:{setBaseUrl:(t,e)=>{t.baseUrl=e.payload},setApiIntegrationIdentifier:(t,e)=>{t.apiIntegrationIdentifier=e.payload},setUiLocale:(t,e)=>{t.uiLocale=e.payload},setAvailableUiLocales:(t,e)=>{t.availableUiLocales=e.payload},setEditorMode:(t,e)=>{t.editorMode=e.payload},setNoCustom:(t,e)=>{t.noCustom=e.payload},setNoCustomComponent:(t,e)=>{t.noCustomComponent=e.payload},setSession:(t,e)=>{t.session=e.payload}},initialState:{uiLocale:document.documentElement.lang||"en-US",availableUiLocales:[],editorMode:!1,noCustom:!1,noCustomComponent:!1}});class zo{static build(t){const{baseUrl:e,apiIntegrationIdentifier:i}=Fo.getState(),n=null!=t?t:i;if(e&&n&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(e,n,!0)}static get(t){var e;return null!=t?zo.build(t):null!==(e=zo.API)&&void 0!==e?e:zo.API=zo.build()}static await(t){return new Promise((e=>{let i=zo.get(t);if(i)e(i);else{const n=Fo.subscribe((()=>{i=zo.get(t),i&&(n(),e(i))}))}}))}}var Io;const Bo=Symbol("clearAfterUnitTest");class To{constructor(t){this.apiProvider=t,this.defaultMessages={},this.cache=new i,this.listeners={},this.currentUiLocale="",this[Io]=()=>{this.defaultMessages={},this.cache=new i,this.listeners={}},this.currentUiLocale=Fo.getState().uiLocale,Fo.subscribe((()=>this.clearWhenUiLocaleChanges()))}clearWhenUiLocaleChanges(){const{uiLocale:t}=Fo.getState();this.currentUiLocale!==t&&(this.currentUiLocale=t,this.cache.clearAll(),this.notifyAll())}addContext(t){const e=t.name.toLowerCase();this.cache.setFinal(e,t),this.notify(e)}getAllContexts(){return this.cache.resolvedValues()}async prepareContext(t,e){var i;if(t=t.toLowerCase(),Object.keys(e).length>0){const n={...null!==(i=this.defaultMessages[t])&&void 0!==i?i:{},...e};f(this.defaultMessages[t],n)||(this.defaultMessages[t]=n,await this.notify(t))}await this.fetchContext(t)}resolveMessage(t,e,...i){var n,o,r;t=t.toLowerCase(),this.fetchContext(t);const s=null!==(o=null===(n=this.cache.getNow(t))||void 0===n?void 0:n.messages)&&void 0!==o?o:{};return new jt(null!==(r=this.defaultMessages[t])&&void 0!==r?r:{},s).resolve(e,...i)}async fetchContext(t){if(!this.cache.has(t))try{await this.cache.get(t,(async()=>{var e;return await(null===(e=this.apiProvider())||void 0===e?void 0:e.getFluidTopicsMessageContext(this.currentUiLocale,t))})),await this.notify(t)}catch(t){console.error(t)}}subscribe(t,e){var i;return t=t.toLowerCase(),this.listeners[t]=null!==(i=this.listeners[t])&&void 0!==i?i:new Set,this.listeners[t].add(e),()=>{var i;return null===(i=this.listeners[t])||void 0===i?void 0:i.delete(e)}}async notifyAll(){await Promise.all(Object.keys(this.listeners).map((t=>this.notify(t))))}async notify(t){null!=this.listeners[t]&&await Promise.all([...this.listeners[t].values()].map((t=>{return(e=0,new Promise((t=>setTimeout(t,e)))).then((()=>t())).catch((()=>null));var e})))}}Io=Bo,null==window.FluidTopicsI18nService&&(window.FluidTopicsI18nService=new To(zo.get));const Lo=window.FluidTopicsI18nService;var Do=function(t,e,i,n){for(var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(e,i,s):o(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class _o extends Ot{constructor(){super(...arguments),this.apiIntegrationIdentifier="ft-integration",this.uiLocale="en-US",this.availableUiLocales=[],this.editorMode=!1,this.noCustom=!1,this.noCustomComponent=!1,this.withManualResources=!1,this.messageContexts=[],this.apiProvider=()=>zo.get(),this.cache=new i,this.cleanSessionDebouncer=new n}render(){return G`
|
|
746
|
+
`,No=x`
|
|
747
|
+
`,Ro=ci.get({name:"ft-app-info",reducers:{setBaseUrl:(t,e)=>{t.baseUrl=e.payload},setApiIntegrationIdentifier:(t,e)=>{t.apiIntegrationIdentifier=e.payload},setUiLocale:(t,e)=>{t.uiLocale=e.payload},setAvailableUiLocales:(t,e)=>{t.availableUiLocales=e.payload},setEditorMode:(t,e)=>{t.editorMode=e.payload},setNoCustom:(t,e)=>{t.noCustom=e.payload},setNoCustomComponent:(t,e)=>{t.noCustomComponent=e.payload},setSession:(t,e)=>{t.session=e.payload}},initialState:{uiLocale:document.documentElement.lang||"en-US",availableUiLocales:[],editorMode:!1,noCustom:!1,noCustomComponent:!1}});class Mo{static build(t){const{baseUrl:e,apiIntegrationIdentifier:i}=Ro.getState(),n=null!=t?t:i;if(e&&n&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(e,n,!0)}static get(t){var e;return null!=t?Mo.build(t):null!==(e=Mo.API)&&void 0!==e?e:Mo.API=Mo.build()}static await(t){return new Promise((e=>{let i=Mo.get(t);if(i)e(i);else{const n=Ro.subscribe((()=>{i=Mo.get(t),i&&(n(),e(i))}))}}))}}var Uo;const Ao=Symbol("clearAfterUnitTest");class Po{constructor(t){this.apiProvider=t,this.defaultMessages={},this.cache=new i,this.listeners={},this.currentUiLocale="",this[Uo]=()=>{this.defaultMessages={},this.cache=new i,this.listeners={}},this.currentUiLocale=Ro.getState().uiLocale,Ro.subscribe((()=>this.clearWhenUiLocaleChanges()))}clearWhenUiLocaleChanges(){const{uiLocale:t}=Ro.getState();this.currentUiLocale!==t&&(this.currentUiLocale=t,this.cache.clearAll(),this.notifyAll())}addContext(t){const e=t.name.toLowerCase();this.cache.setFinal(e,t),this.notify(e)}getAllContexts(){return this.cache.resolvedValues()}async prepareContext(t,e){var i;if(t=t.toLowerCase(),Object.keys(e).length>0){const n={...null!==(i=this.defaultMessages[t])&&void 0!==i?i:{},...e};f(this.defaultMessages[t],n)||(this.defaultMessages[t]=n,await this.notify(t))}await this.fetchContext(t)}resolveMessage(t,e,...i){var n,o,r;t=t.toLowerCase(),this.fetchContext(t);const s=null!==(o=null===(n=this.cache.getNow(t))||void 0===n?void 0:n.messages)&&void 0!==o?o:{};return new jt(null!==(r=this.defaultMessages[t])&&void 0!==r?r:{},s).resolve(e,...i)}async fetchContext(t){if(!this.cache.has(t))try{await this.cache.get(t,(async()=>{var e;return await(null===(e=this.apiProvider())||void 0===e?void 0:e.getFluidTopicsMessageContext(this.currentUiLocale,t))})),await this.notify(t)}catch(t){console.error(t)}}subscribe(t,e){var i;return t=t.toLowerCase(),this.listeners[t]=null!==(i=this.listeners[t])&&void 0!==i?i:new Set,this.listeners[t].add(e),()=>{var i;return null===(i=this.listeners[t])||void 0===i?void 0:i.delete(e)}}async notifyAll(){await Promise.all(Object.keys(this.listeners).map((t=>this.notify(t))))}async notify(t){null!=this.listeners[t]&&await Promise.all([...this.listeners[t].values()].map((t=>{return(e=0,new Promise((t=>setTimeout(t,e)))).then((()=>t())).catch((()=>null));var e})))}}Uo=Ao,null==window.FluidTopicsI18nService&&(window.FluidTopicsI18nService=new Po(Mo.get));const Fo=window.FluidTopicsI18nService;var zo=function(t,e,i,n){for(var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(e,i,s):o(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class Io extends Ot{constructor(){super(...arguments),this.apiIntegrationIdentifier="ft-integration",this.uiLocale="en-US",this.availableUiLocales=[],this.editorMode=!1,this.noCustom=!1,this.noCustomComponent=!1,this.withManualResources=!1,this.messageContexts=[],this.apiProvider=()=>Mo.get(),this.cache=new i,this.cleanSessionDebouncer=new n}render(){return G`
|
|
749
748
|
<slot></slot>
|
|
750
|
-
`}updated(t){super.updated(t),t.has("baseUrl")&&
|
|
749
|
+
`}updated(t){super.updated(t),t.has("baseUrl")&&Ro.actions.setBaseUrl(this.baseUrl),t.has("apiIntegrationIdentifier")&&Ro.actions.setApiIntegrationIdentifier(this.apiIntegrationIdentifier),t.has("uiLocale")&&Ro.actions.setUiLocale(this.uiLocale),t.has("noCustom")&&Ro.actions.setNoCustom(this.noCustom),t.has("editorMode")&&Ro.actions.setEditorMode(this.editorMode),t.has("noCustomComponent")&&Ro.actions.setNoCustomComponent(this.noCustomComponent),t.has("session")&&Ro.actions.setSession(this.session),t.has("availableUiLocales")&&Ro.actions.setAvailableUiLocales(Array.isArray(this.availableUiLocales)?this.availableUiLocales:[]),t.has("messageContexts")&&null!=this.messageContexts&&this.messageContexts.forEach((t=>Fo.addContext(t))),setTimeout((()=>this.updateIfNeeded()))}async updateIfNeeded(){const t=this.apiProvider();!this.withManualResources&&t&&(null==this.session&&(this.session=await this.cache.get("session",(async()=>{const e=await t.getCurrentSession();return e.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run((()=>{this.cache.clear("session"),this.session=void 0}),e.idleTimeoutInMillis),e}))),null==this.availableUiLocales&&(this.availableUiLocales=await this.cache.get("availableUiLocales",(()=>t.getAvailableUiLocales()))))}}Io.elementDefinitions={},Io.styles=No,zo([r()],Io.prototype,"baseUrl",void 0),zo([r()],Io.prototype,"apiIntegrationIdentifier",void 0),zo([r()],Io.prototype,"uiLocale",void 0),zo([p([])],Io.prototype,"availableUiLocales",void 0),zo([r({type:Boolean})],Io.prototype,"editorMode",void 0),zo([r({type:Boolean})],Io.prototype,"noCustom",void 0),zo([r({converter:{fromAttribute:t=>"false"!==t&&("true"===t||null!=t&&t)}})],Io.prototype,"noCustomComponent",void 0),zo([r({type:Boolean})],Io.prototype,"withManualResources",void 0),zo([p([])],Io.prototype,"messageContexts",void 0),zo([p(void 0)],Io.prototype,"session",void 0),zo([r({type:Object})],Io.prototype,"apiProvider",void 0),h("ft-app-context")(Io);var Bo=function(t,e,i,n){for(var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(e,i,s):o(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class To extends Event{constructor(){super("register-ft-search-component",{bubbles:!0,composed:!0})}}const Lo=Symbol("registerInterval");class Do extends(function(t){var e;class i extends t{constructor(){super(...arguments),this[e]=0}setSearchStateManager(t){this.clearStateManager(),this.stateManager=t,this.addStore(t.store,"search")}clearStateManager(){this.stateManager&&(this.removeStore(this.stateManager.store),this.stateManager=void 0)}connectedCallback(){super.connectedCallback(),this[Lo]=window.setInterval((()=>this.tryToRegisterToContext()),50)}tryToRegisterToContext(){null!=this.stateManager?window.clearInterval(this[Lo]):this.dispatchEvent(new To)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return e=Lo,Bo([s()],i.prototype,"stateManager",void 0),i}(ai)){}const _o=x`
|
|
750
|
+
`,Wo=Symbol("i18nProperties"),Ko=Symbol("i18nUnsubs");function Ho(t){var e;return e=Ko,class extends t{constructor(){super(...arguments),this[e]=new Map}i18n(t,e,...i){var n;if("string"==typeof t)return Fo.resolveMessage(t,e,...i);const o=null!==(n=t.args)&&void 0!==n?n:t.argsProvider?t.argsProvider(this):[];return Fo.resolveMessage(t.context,t.key,...o)}onI18nUpdate(t){var e;null===(e=this[Wo])||void 0===e||e.forEach(((e,i)=>{e.context.toLowerCase()===t.toLowerCase()&&(this[i]=this.i18n(e))})),setTimeout((()=>this.requestUpdate()),0)}updated(t){var e;super.updated(t),null===(e=this[Wo])||void 0===e||e.forEach(((t,e)=>{null!=t.argsProvider&&(this[e]=this.i18n(t))}))}connectedCallback(){super.connectedCallback(),null!=this[Wo]&&new Set([...this[Wo].values()].map((t=>t.context))).forEach((t=>this.addI18nMessages(t)))}addI18nMessages(t,e){t=t.toLowerCase(),this[Ko].has(t)||this[Ko].set(t,Fo.subscribe(t,(()=>this.onI18nUpdate(t)))),Fo.prepareContext(t,null!=e?e:{})}addI18nContext(t,e){this.addI18nMessages(t.name,e)}disconnectedCallback(){super.disconnectedCallback(),this[Ko].forEach((t=>t())),this[Ko].clear()}}}class Zo extends(Ho(Ot)){}class Vo extends(Ho(ai)){}var qo=function(t,e,i,n){for(var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(e,i,s):o(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class Jo extends Zo{render(){return this.key&&this.context?G`
|
|
751
751
|
<span class="ft-i18n">${this.i18n(this.context,this.key,...Array.isArray(this.args)?this.args:[])}</span>
|
|
752
|
-
`:Y}update(t){super.update(t),this.context&&this.key&&this.defaultMessage&&this.addI18nMessages(this.context,{[this.key]:this.defaultMessage})}}Jo.elementDefinitions={},Jo.styles=
|
|
752
|
+
`:Y}update(t){super.update(t),this.context&&this.key&&this.defaultMessage&&this.addI18nMessages(this.context,{[this.key]:this.defaultMessage})}}Jo.elementDefinitions={},Jo.styles=_o,qo([r()],Jo.prototype,"context",void 0),qo([r()],Jo.prototype,"key",void 0),qo([p([])],Jo.prototype,"args",void 0),qo([r()],Jo.prototype,"defaultMessage",void 0);class Xo{constructor(t){this.name=t,this.properties=new Proxy({},{get:(t,e)=>{const i=e;return t=>({context:this.name,key:i,args:"function"==typeof t?void 0:t,argsProvider:"function"==typeof t?t:void 0})}}),this.messages=new Proxy({},{get:(t,e)=>(...t)=>Fo.resolveMessage(this.name,e,...t)})}static build(t){return new Xo(t)}static fromGwt(t){return new Xo(t)}}h("ft-i18n")(Jo);const Go=Xo.build("designedSearchInput"),Qo=x`
|
|
753
753
|
* {
|
|
754
754
|
box-sizing: border-box;
|
|
755
755
|
}
|
|
@@ -796,7 +796,7 @@ class ao extends yi{constructor(t){if(super(t),this.it=Y,t.type!==vi)throw Error
|
|
|
796
796
|
* @license
|
|
797
797
|
* Copyright 2020 Google LLC
|
|
798
798
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
799
|
-
*/,{I:Yo}=pt,tr=()=>document.createComment(""),er=(t,e,i)=>{var n;const o=t._$AA.parentNode,r=void 0===e?t._$AB:e._$AA;if(void 0===i){const e=o.insertBefore(tr(),r),n=o.insertBefore(tr(),r);i=new Yo(e,n,t,t.options)}else{const e=i._$AB.nextSibling,s=i._$AM,a=s!==t;if(a){let e;null===(n=i._$AQ)||void 0===n||n.call(i,t),i._$AM=t,void 0!==i._$AP&&(e=t._$AU)!==s._$AU&&i._$AP(e)}if(e!==r||a){let t=i._$AA;for(;t!==e;){const e=t.nextSibling;o.insertBefore(t,r),t=e}}}return i},ir=(t,e,i=t)=>(t._$AI(e,i),t),nr={},or=t=>{var e;null===(e=t._$AP)||void 0===e||e.call(t,!1,!0);let i=t._$AA;const n=t._$AB.nextSibling;for(;i!==n;){const t=i.nextSibling;i.remove(),i=t}},rr=(t,e,i)=>{const n=new Map;for(let o=e;o<=i;o++)n.set(t[o],o);return n},sr=bi(class extends yi{constructor(t){if(super(t),t.type!==vi)throw Error("repeat() can only be used in text expressions")}ht(t,e,i){let n;void 0===i?i=e:void 0!==e&&(n=e);const o=[],r=[];let s=0;for(const e of t)o[s]=n?n(e,s):s,r[s]=i(e,s),s++;return{values:r,keys:o}}render(t,e,i){return this.ht(t,e,i).values}update(t,[e,i,n]){var o;const r=(t=>t._$AH)(t),{values:s,keys:a}=this.ht(e,i,n);if(!Array.isArray(r))return this.ut=a,s;const l=null!==(o=this.ut)&&void 0!==o?o:this.ut=[],c=[];let u,f,h=0,p=r.length-1,d=0,v=s.length-1;for(;h<=p&&d<=v;)if(null===r[h])h++;else if(null===r[p])p--;else if(l[h]===a[d])c[d]=ir(r[h],s[d]),h++,d++;else if(l[p]===a[v])c[v]=ir(r[p],s[v]),p--,v--;else if(l[h]===a[v])c[v]=ir(r[h],s[v]),er(t,c[v+1],r[h]),h++,v--;else if(l[p]===a[d])c[d]=ir(r[p],s[d]),er(t,r[h],r[p]),p--,d++;else if(void 0===u&&(u=rr(a,d,v),f=rr(l,h,p)),u.has(l[h]))if(u.has(l[p])){const e=f.get(a[d]),i=void 0!==e?r[e]:null;if(null===i){const e=er(t,r[h]);ir(e,s[d]),c[d]=e}else c[d]=ir(i,s[d]),er(t,r[h],i),r[e]=null;d++}else or(r[p]),p--;else or(r[h]),h++;for(;d<=v;){const e=er(t,c[v+1]);ir(e,s[d]),c[d++]=e}for(;h<=p;){const t=r[h++];null!==t&&or(t)}return this.ut=a,((t,e=nr)=>{t._$AH=e})(t,c),Q}});var ar=function(t,e,i,n){for(var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(e,i,s):o(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class lr extends CustomEvent{constructor(t){super("suggestion-selected",{detail:t})}}let cr=class extends
|
|
799
|
+
*/,{I:Yo}=pt,tr=()=>document.createComment(""),er=(t,e,i)=>{var n;const o=t._$AA.parentNode,r=void 0===e?t._$AB:e._$AA;if(void 0===i){const e=o.insertBefore(tr(),r),n=o.insertBefore(tr(),r);i=new Yo(e,n,t,t.options)}else{const e=i._$AB.nextSibling,s=i._$AM,a=s!==t;if(a){let e;null===(n=i._$AQ)||void 0===n||n.call(i,t),i._$AM=t,void 0!==i._$AP&&(e=t._$AU)!==s._$AU&&i._$AP(e)}if(e!==r||a){let t=i._$AA;for(;t!==e;){const e=t.nextSibling;o.insertBefore(t,r),t=e}}}return i},ir=(t,e,i=t)=>(t._$AI(e,i),t),nr={},or=t=>{var e;null===(e=t._$AP)||void 0===e||e.call(t,!1,!0);let i=t._$AA;const n=t._$AB.nextSibling;for(;i!==n;){const t=i.nextSibling;i.remove(),i=t}},rr=(t,e,i)=>{const n=new Map;for(let o=e;o<=i;o++)n.set(t[o],o);return n},sr=bi(class extends yi{constructor(t){if(super(t),t.type!==vi)throw Error("repeat() can only be used in text expressions")}ht(t,e,i){let n;void 0===i?i=e:void 0!==e&&(n=e);const o=[],r=[];let s=0;for(const e of t)o[s]=n?n(e,s):s,r[s]=i(e,s),s++;return{values:r,keys:o}}render(t,e,i){return this.ht(t,e,i).values}update(t,[e,i,n]){var o;const r=(t=>t._$AH)(t),{values:s,keys:a}=this.ht(e,i,n);if(!Array.isArray(r))return this.ut=a,s;const l=null!==(o=this.ut)&&void 0!==o?o:this.ut=[],c=[];let u,f,h=0,p=r.length-1,d=0,v=s.length-1;for(;h<=p&&d<=v;)if(null===r[h])h++;else if(null===r[p])p--;else if(l[h]===a[d])c[d]=ir(r[h],s[d]),h++,d++;else if(l[p]===a[v])c[v]=ir(r[p],s[v]),p--,v--;else if(l[h]===a[v])c[v]=ir(r[h],s[v]),er(t,c[v+1],r[h]),h++,v--;else if(l[p]===a[d])c[d]=ir(r[p],s[d]),er(t,r[h],r[p]),p--,d++;else if(void 0===u&&(u=rr(a,d,v),f=rr(l,h,p)),u.has(l[h]))if(u.has(l[p])){const e=f.get(a[d]),i=void 0!==e?r[e]:null;if(null===i){const e=er(t,r[h]);ir(e,s[d]),c[d]=e}else c[d]=ir(i,s[d]),er(t,r[h],i),r[e]=null;d++}else or(r[p]),p--;else or(r[h]),h++;for(;d<=v;){const e=er(t,c[v+1]);ir(e,s[d]),c[d++]=e}for(;h<=p;){const t=r[h++];null!==t&&or(t)}return this.ut=a,((t,e=nr)=>{t._$AH=e})(t,c),Q}});var ar=function(t,e,i,n){for(var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(e,i,s):o(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class lr extends CustomEvent{constructor(t){super("suggestion-selected",{detail:t})}}let cr=class extends Do{constructor(){super(...arguments),this.suggestResults=[]}render(){return G`
|
|
800
800
|
<div class="ft-search-input-suggestion ft-word-wrap"
|
|
801
801
|
part="container"
|
|
802
802
|
@keydown=${t=>this.onSuggestKeyDown(t)}>
|
|
@@ -816,7 +816,7 @@ class ao extends yi{constructor(t){if(super(t),this.it=Y,t.type!==vi)throw Error
|
|
|
816
816
|
<ft-icon variant="${e}" part="suggestion-icon">
|
|
817
817
|
${i}
|
|
818
818
|
</ft-icon>
|
|
819
|
-
`}getFocusedSuggestionElement(){return this.shadowRoot.querySelector(".ft-search-input-suggestion--suggestion:focus-within")}getLastSuggestionElement(){let t=this.shadowRoot.querySelectorAll(".ft-search-input-suggestion--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.shadowRoot.querySelector(".ft-search-input-suggestion--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}};cr.elementDefinitions={"ft-ripple":Ni,"ft-typography":Yn,"ft-icon":go},cr.styles=[kt,Qo],ar([si()],cr.prototype,"suggestResults",void 0),cr=ar([(t=>e=>"function"==typeof e?((t,e)=>(customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:i,elements:n}=e;return{kind:i,elements:n,finisher(e){customElements.define(t,e)}}})(t,e))("ft-search-input-suggestion")],cr);var ur=function(t,e,i,n){for(var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(e,i,s):o(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class fr extends(Ho(
|
|
819
|
+
`}getFocusedSuggestionElement(){return this.shadowRoot.querySelector(".ft-search-input-suggestion--suggestion:focus-within")}getLastSuggestionElement(){let t=this.shadowRoot.querySelectorAll(".ft-search-input-suggestion--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.shadowRoot.querySelector(".ft-search-input-suggestion--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}};cr.elementDefinitions={"ft-ripple":Ni,"ft-typography":Yn,"ft-icon":go},cr.styles=[kt,Qo],ar([si()],cr.prototype,"suggestResults",void 0),cr=ar([(t=>e=>"function"==typeof e?((t,e)=>(customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:i,elements:n}=e;return{kind:i,elements:n,finisher(e){customElements.define(t,e)}}})(t,e))("ft-search-input-suggestion")],cr);var ur=function(t,e,i,n){for(var o,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(r<3?o(s):r>3?o(e,i,s):o(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class fr extends(Ho(Do)){constructor(){super(),this.liveQuery="",this.suggestResults=[],this.forceCloseSuggestion=!1,this.addI18nContext(Go)}render(){let t={"ft-search-input":!0,"ft-search-input--with-suggestions":this.suggestResults.length>0,"ft-search-input--with-suggestions-closed":this.forceCloseSuggestion};return G`
|
|
820
820
|
<div class="${gi(t)}" @focusout=${()=>this.forceCloseSuggestion=!1}>
|
|
821
821
|
<div class="ft-search-input--input-container" part="input-container" tabindex="-1">
|
|
822
822
|
<div class="ft-search-input--input-outline" part="input-outline">
|
|
@@ -842,4 +842,4 @@ class ao extends yi{constructor(t){if(super(t),this.it=Y,t.type!==vi)throw Error
|
|
|
842
842
|
></ft-button>
|
|
843
843
|
</div>
|
|
844
844
|
</div>
|
|
845
|
-
`}onSearchBarKeyDown(t){if("ArrowDown"===t.key)t.stopPropagation(),t.preventDefault(),this.suggestion.focusFirstSuggestion()}onSearchBarKeyUp(t){var e,i;"Enter"===t.key?(null===(e=this.stateManager)||void 0===e||e.setQuery(this.input.value),this.forceCloseSuggestion=!0):null===(i=this.stateManager)||void 0===i||i.setLiveQuery(this.input.value)}launchSearch(){var t;null===(t=this.stateManager)||void 0===t||t.setQuery(this.liveQuery),this.forceCloseSuggestion=!0}onSuggestionSelected(t){var e
|
|
845
|
+
`}onSearchBarKeyDown(t){if("ArrowDown"===t.key)t.stopPropagation(),t.preventDefault(),this.suggestion.focusFirstSuggestion()}onSearchBarKeyUp(t){var e,i;"Enter"===t.key?(null===(e=this.stateManager)||void 0===e||e.setQuery(this.input.value),this.forceCloseSuggestion=!0):null===(i=this.stateManager)||void 0===i||i.setLiveQuery(this.input.value)}launchSearch(){var t;null===(t=this.stateManager)||void 0===t||t.setQuery(this.liveQuery),this.forceCloseSuggestion=!0}onSuggestionSelected(t){var e;null===(e=this.stateManager)||void 0===e||e.setQuery(t.detail),this.forceCloseSuggestion=!0}}fr.elementDefinitions={"ft-search-input-suggestion":cr,"ft-button":Eo},fr.styles=[Zn,Co],ur([si()],fr.prototype,"request",void 0),ur([si()],fr.prototype,"liveQuery",void 0),ur([si()],fr.prototype,"suggestResults",void 0),ur([s()],fr.prototype,"forceCloseSuggestion",void 0),ur([l(".ft-search-input--input")],fr.prototype,"input",void 0),ur([l("ft-search-input-suggestion")],fr.prototype,"suggestion",void 0),h("ft-search-input")(fr),t.FtSearchInput=fr,t.FtSearchInputCssVariables=jo,t.styles=Co,Object.defineProperty(t,"W",{value:!0})}({});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-search-input",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.64",
|
|
4
4
|
"description": "Search bar input for integrated search component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-button": "0.3.
|
|
23
|
-
"@fluid-topics/ft-i18n": "0.3.
|
|
24
|
-
"@fluid-topics/ft-icon": "0.3.
|
|
25
|
-
"@fluid-topics/ft-ripple": "0.3.
|
|
26
|
-
"@fluid-topics/ft-search-context": "0.3.
|
|
27
|
-
"@fluid-topics/ft-typography": "0.3.
|
|
28
|
-
"@fluid-topics/ft-wc-utils": "0.3.
|
|
22
|
+
"@fluid-topics/ft-button": "0.3.64",
|
|
23
|
+
"@fluid-topics/ft-i18n": "0.3.64",
|
|
24
|
+
"@fluid-topics/ft-icon": "0.3.64",
|
|
25
|
+
"@fluid-topics/ft-ripple": "0.3.64",
|
|
26
|
+
"@fluid-topics/ft-search-context": "0.3.64",
|
|
27
|
+
"@fluid-topics/ft-typography": "0.3.64",
|
|
28
|
+
"@fluid-topics/ft-wc-utils": "0.3.64",
|
|
29
29
|
"lit": "2.2.8"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"@fluid-topics/public-api": "1.0.32"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "4f42c34c49255250cddf729582cc01c17b334857"
|
|
38
38
|
}
|