@fluid-topics/ft-search-bar 2.1.19 → 2.1.21
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/converters.js +7 -7
- package/build/ft-search-bar.d.ts +1 -1
- package/build/ft-search-bar.js +1 -1
- package/build/ft-search-bar.light.js +57 -57
- package/build/ft-search-bar.min.js +7 -7
- package/build/ft-search-bar.styles.js +3 -3
- package/build/managers/FacetsChipsManager.js +11 -11
- package/build/managers/SuggestManager.js +3 -3
- package/package.json +16 -16
|
@@ -5,7 +5,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:o.extend("--ftds-con
|
|
|
5
5
|
.highlight-html-match {
|
|
6
6
|
background: ${pc};
|
|
7
7
|
}
|
|
8
|
-
`;function pa(t,e,r){var i,n;let a=t.getAttribute("data-highlight-html-query");if((a??"")!==(e??"")){let s=new Jf(t);if(s.unmark(),e&&e.trim()){let l={className:(i=r?.className)!==null&&i!==void 0?i:"highlight-html-match",acrossElements:!0};r?.attributes!=null&&(l.each=
|
|
8
|
+
`;function pa(t,e,r){var i,n;let a=t.getAttribute("data-highlight-html-query");if((a??"")!==(e??"")){let s=new Jf(t);if(s.unmark(),e&&e.trim()){let l={className:(i=r?.className)!==null&&i!==void 0?i:"highlight-html-match",acrossElements:!0};r?.attributes!=null&&(l.each=u=>{for(let h in r.attributes)u.setAttribute(h,r.attributes[h])}),s.mark(e.replace(/"[^"]+"/g,""),{...l,separateWordSearch:!0}),((n=e.match(/"[^"]+"/g))!==null&&n!==void 0?n:[]).forEach(u=>s.mark(u.replace(/"/g,""),{...l,separateWordSearch:!1}))}}t.setAttribute("data-highlight-html-query",e??"")}var ma={};Q(ma,{noTextInputDefaultClearButton:()=>Bo,noTextSelect:()=>pr,safariEllipsisFix:()=>ha,wordWrap:()=>fa});var pr=A`
|
|
9
9
|
.ft-no-text-select {
|
|
10
10
|
-webkit-touch-callout: none;
|
|
11
11
|
-webkit-user-select: none;
|
|
@@ -688,7 +688,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:o.extend("--ftds-con
|
|
|
688
688
|
word-break: break-word;
|
|
689
689
|
}
|
|
690
690
|
`;var tm="ft-app-info",ao=class t extends CustomEvent{constructor(e){super(t.eventName,{detail:e})}};ao.eventName="authentication-change";var qo=class t extends CustomEvent{constructor(e){super(t.eventName,{detail:e})}};qo.eventName="ui-locale-changed";var rm={session:(t,e)=>{Se(t.session,e.payload)||(t.session=e.payload,setTimeout(()=>z.dispatchEvent(new ao(e.payload)),0))}},z=gr.get({name:tm,reducers:rm,initialState:{baseUrl:void 0,tenantId:void 0,apiIntegrationIdentifier:void 0,apiIntegrationAppVersion:void 0,uiLocale:document.documentElement.lang||"en-US",availableContentLocales:[],localesConfiguration:void 0,metadataConfiguration:void 0,privacyPolicyConfiguration:void 0,editorMode:!1,noCustom:!1,noCustomComponent:!1,session:void 0,openExternalDocumentInNewTab:!1,navigatorOnline:!0,forcedOffline:!1,authenticationRequired:!1}});var $i=function(t,e,r,i){var n=arguments.length,a=n<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,i);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(n<3?s(a):n>3?s(e,r,a):s(e,r))||a);return n>3&&a&&Object.defineProperty(e,r,a),a},BE=Ee(Symbol("withDateFormat"),function(t){class e extends t{constructor(...i){super(i),this.useLongDateFormat=!1,this.useDateTimeFormat=!1,this.metadataDescriptors=[],this.uiLocale="en-US",this.addStore(z)}dateFormatOptionsChanged(i){return i.has("metadataDescriptors")||i.has("useLongDateFormat")||i.has("useDateTimeFormat")||i.has("uiLocale")}getDateFormatter(i){var n,a;return((a=(n=this.metadataDescriptors.find(l=>l.key===i))===null||n===void 0?void 0:n.date)!==null&&a!==void 0?a:!1)?l=>yr.format(l,this.uiLocale,this.useLongDateFormat,this.useDateTimeFormat):void 0}}return $i([m({type:Boolean})],e.prototype,"useLongDateFormat",void 0),$i([m({type:Boolean})],e.prototype,"useDateTimeFormat",void 0),$i([Hr({store:z.name,selector:r=>{var i,n;return(n=(i=r.metadataConfiguration)===null||i===void 0?void 0:i.descriptors)!==null&&n!==void 0?n:[]}})],e.prototype,"metadataDescriptors",void 0),$i([Hr({store:z.name})],e.prototype,"uiLocale",void 0),e});var Or=class t{static get(e){let{baseUrl:r,apiIntegrationIdentifier:i}=z.getState(),n=e??i;if(r&&n&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(r,n,!0)}static await(e){return new Promise(r=>{let i=t.get(e);if(i)r(i);else{let n=z.subscribe(()=>{i=t.get(e),i&&(n(),r(i))})}})}};var so=class{constructor(e){this.overrideApi=e}get api(){var e;return(e=this.overrideApi)!==null&&e!==void 0?e:Or.get()}get awaitApi(){return this.overrideApi?Promise.resolve(this.overrideApi):Or.await()}};var Ke=class extends so{constructor(e=!0,r){var i;super(r),this.sortObjectFields=(a,s)=>typeof s!="object"||s==null||Array.isArray(s)?s:Object.fromEntries(Object.entries(s).sort(([l],[d])=>l.localeCompare(d)));let n=this.constructor;n.commonCache=(i=n.commonCache)!==null&&i!==void 0?i:new yt,this.cache=e?n.commonCache:new yt}clearCache(){this.cache.clearAll()}hash(e){return String(Array.from(JSON.stringify(e,this.sortObjectFields)).reduce((r,i)=>0|31*r+i.charCodeAt(0),0))}};var Mi=class extends Ke{async listMySearches(){let{session:e}=z.getState();return _d(e,ye.SAVED_SEARCH_USER)?this.cache.get("my-searches",async()=>(await this.awaitApi).listMySearches(e.profile.userId),300*1e3):[]}};var Bi=class extends Ke{async listMyBookmarks(){let e=z.getState().session;return e?.sessionAuthenticated?this.cache.get("my-bookmarks",async()=>(await this.awaitApi).listMyBookmarks(e.profile.userId),300*1e3):[]}};var Fi=class extends Ke{constructor(){super(...arguments),this.CACHE_DURATION=180*1e3}async getUserAssetCount(e){if(this.isAuthenticated())return this.cache.get(`user-asset-count-${e}`,async()=>(await this.awaitApi).get(`/internal/api/webapp/user/assets/count/${e}`),this.CACHE_DURATION)}async getUserBookmarkCountByMap(e){if(this.isAuthenticated())return this.cache.get(`user-bookmark-count-by-map-${e}`,async()=>(await this.awaitApi).get(`/internal/api/webapp/user/assets/count/BOOKMARKS/${e}`),this.CACHE_DURATION)}isAuthenticated(){let e=z.getState().session;return!!e?.sessionAuthenticated}};var Ui=class extends Ke{constructor(){super(...arguments),this.CACHE_DURATION=180*1e3}async getUserAssetLabels(){return this.isAuthenticated()?this.cache.get("user-asset-labels",async()=>(await this.awaitApi).get("/internal/api/webapp/user/assets/labels"),this.CACHE_DURATION):[]}isAuthenticated(){let e=z.getState().session;return!!e?.sessionAuthenticated}};var om="ft-user-assets",im={setAssetCount:(t,e)=>{let{userAssetType:r,count:i}=e.payload.assetCount;t.assetCounts.allAsset[r]=i},clearAssetCount:t=>{Object.values(rt).forEach(e=>{t.assetCounts.allAsset[e]=void 0})},setBookmarkCountByMap:(t,e)=>{let r=e.payload.mapId;t.assetCounts.bookmarkByMap[r]=e.payload.count},clearBookmarkCountByMap:t=>{t.assetCounts.bookmarkByMap={}},addAsset:(t,e)=>{let{assetType:r,mapId:i,asset:n}=e.payload;xs(t,r,[...vs(t,r),n]),vp(t,r,1,i),xp(t,n)},editAsset:(t,e)=>{let{assetType:r,asset:i}=e.payload;xs(t,r,vs(t,r).map(n=>n.id===i.id?i:n)),xp(t,i)},removeAsset:(t,e)=>{let{assetType:r,mapId:i,assetId:n}=e.payload;xs(t,r,vs(t,r).filter(a=>a.id!==n)),vp(t,r,-1,i)}},Sp={[rt.SEARCHES]:"savedSearches",[rt.BOOKMARKS]:"bookmarks",[rt.BOOKS]:void 0,[rt.COLLECTIONS]:void 0},vs=(t,e)=>{var r;let i=Sp[e];return i?(r=t[i])!==null&&r!==void 0?r:[]:[]},xs=(t,e,r)=>{let i=Sp[e];i&&(t[i]=r)},vp=(t,e,r,i)=>{let n=t.assetCounts.allAsset[e];if(n!==void 0&&(t.assetCounts.allAsset[e]=Math.max(0,n+r),e===rt.BOOKMARKS&&i)){let a=t.assetCounts.bookmarkByMap[i];t.assetCounts.bookmarkByMap[i]=Math.max(0,a+r)}},xp=(t,e)=>{let r=t.assetLabels.map(n=>n.title),i=e.labels.filter(n=>!r.includes(n)).map(n=>({title:n}));t.assetLabels.push(...i)},$e=gr.get({name:om,reducers:im,initialState:{savedSearches:void 0,bookmarks:void 0,assetCounts:{allAsset:Object.fromEntries(Object.values(rt).map(t=>[t,void 0])),bookmarkByMap:{}},assetLabels:[]}}),Ss=class{constructor(e=new Fi,r=new Ui){this.assetCountsService=e,this.assetLabelsService=r,this.currentSession=z.getState().session,this.bookmarksAreUsed=!1,this.bookmarksService=new Bi,this.savedSearchesService=new Mi,z.subscribe(()=>this.reloadWhenUserSessionChanges())}reloadWhenUserSessionChanges(){var e;let{session:r}=z.getState();Se((e=this.currentSession)===null||e===void 0?void 0:e.profile,r?.profile)||(this.currentSession=r,this.clearMySearches(),this.reloadBookmarks(),this.clearUserAssetCounts(),this.reloadAssetLabels())}clearUserAssetCounts(){this.assetCountsService.clearCache(),$e.actions.clearAssetCount(),$e.actions.clearBookmarkCountByMap()}clear(){this.clearMySearches(),this.clearMyBookmarks()}clearMySearches(){this.savedSearchesService.clearCache(),$e.actions.savedSearches(void 0)}clearMyBookmarks(){this.bookmarksService.clearCache(),$e.actions.bookmarks(void 0)}async reloadMySearches(){this.savedSearchesService.clearCache();let e=await this.savedSearchesService.listMySearches();$e.actions.savedSearches(e)}async reloadBookmarks(){this.bookmarksService.clearCache(),await this.updateBookmarksIfUsed()}async reloadAssetLabels(){this.assetLabelsService.clearCache();let e=await this.assetLabelsService.getUserAssetLabels();$e.actions.assetLabels(e)}async loadAssetCount(e){let r=await this.assetCountsService.getUserAssetCount(e);r&&$e.getState().assetCounts.allAsset[e]!==r.count&&$e.actions.setAssetCount({assetCount:r})}async loadBookmarkByMapId(e){let r=await this.assetCountsService.getUserBookmarkCountByMap(e);r&&$e.getState().assetCounts.bookmarkByMap[e]!==r.count&&$e.actions.setBookmarkCountByMap({count:r.count,mapId:e})}async reloadAssetCount(e){this.assetCountsService.clearCache();let r=Object.keys($e.getState().assetCounts.bookmarkByMap).length!==0;e===rt.BOOKMARKS&&r&&$e.actions.clearBookmarkCountByMap(),$e.getState().assetCounts.allAsset[e]!==void 0&&await this.loadAssetCount(e)}async registerBookmarkComponent(){this.bookmarksAreUsed=!0,await this.updateBookmarksIfUsed()}async updateBookmarksIfUsed(){var e;if(this.bookmarksAreUsed){let r=!((e=this.currentSession)===null||e===void 0)&&e.sessionAuthenticated?await this.bookmarksService.listMyBookmarks():void 0;$e.actions.bookmarks(r)}}},nm=new Ss;window.FluidTopicsUserAssetsActions==null&&(window.FluidTopicsUserAssetsActions=nm);var Cs=class{addCommand(e,r=!1){z.commands.add(e,r)}consumeCommand(e){return z.commands.consume(e)}};window.FluidTopicsAppInfoStoreService=new Cs;var Cp,lo=class extends CustomEvent{constructor(e){super("ft-i18n-context-loaded",{detail:e})}},am=Symbol("clearAfterUnitTest"),zi=class extends bi(Ke){constructor(e){super(),this.messageContextProvider=e,this.defaultMessages={},this.listeners={},this.currentUiLocale="",this[Cp]=()=>{this.defaultMessages={},this.cache=new yt,this.listeners={}},this.currentUiLocale=z.getState().uiLocale,z.subscribe(()=>this.clearWhenUiLocaleChanges())}clearWhenUiLocaleChanges(){let{uiLocale:e}=z.getState();this.currentUiLocale!==e&&(this.currentUiLocale=e,this.cache.clearAll(),this.notifyAll())}addContext(e){let r=e.name.toLowerCase();this.cache.setFinal(r,e),this.notify(r)}getAllContexts(){return this.cache.resolvedValues()}async prepareContext(e,r){var i;if(e=e.toLowerCase(),r&&Object.keys(r).length>0){let n={...(i=this.defaultMessages[e])!==null&&i!==void 0?i:{},...r};Se(this.defaultMessages[e],n)||(this.defaultMessages[e]=n,await this.notify(e))}return this.fetchContext(e)}resolveContext(e){var r,i;return this.fetchContext(e),(i=(r=this.cache.getNow(e))===null||r===void 0?void 0:r.messages)!==null&&i!==void 0?i:{}}resolveRawMessage(e,r){let i=e.toLowerCase();return this.resolveContext(i)[r]}resolveMessage(e,r,...i){var n;let a=e.toLowerCase(),s=this.resolveContext(a);return new Ft((n=this.defaultMessages[a])!==null&&n!==void 0?n:{},s).resolve(r,...i)}async fetchContext(e){let r=!this.cache.has(e),i;try{i=await this.cache.get(e,()=>this.messageContextProvider(this.currentUiLocale,e)),r&&await this.notify(e)}catch(n){!(n instanceof rr)&&r&&console.error(n)}return i}subscribe(e,r){var i;return e=e.toLowerCase(),this.listeners[e]=(i=this.listeners[e])!==null&&i!==void 0?i:new Set,this.listeners[e].add(r),()=>{var n;return(n=this.listeners[e])===null||n===void 0?void 0:n.delete(r)}}async notifyAll(){let e=Object.keys(this.listeners);document.body.dispatchEvent(new lo({loadedContexts:e})),this.dispatchEvent(new lo({loadedContexts:e})),await Promise.all(e.map(r=>this.notify(r,!1)))}async notify(e,r=!0){r&&(document.body.dispatchEvent(new lo({loadedContexts:[e]})),this.dispatchEvent(new lo({loadedContexts:[e]}))),this.listeners[e]!=null&&await Promise.all([...this.listeners[e].values()].map(i=>gi(0).then(()=>i()).catch(()=>null)))}};Cp=am;window.FluidTopicsI18nService==null&&(window.FluidTopicsI18nService=new class extends zi{constructor(){super(async(t,e)=>(await this.awaitApi).getFluidTopicsMessageContext(t,e))}});window.FluidTopicsCustomI18nService==null&&(window.FluidTopicsCustomI18nService=new class extends zi{constructor(){super(async(t,e)=>(await this.awaitApi).getCustomMessageContext(t,e))}});var Yo=window.FluidTopicsI18nService,Os=window.FluidTopicsCustomI18nService;var Es=class{highlightHtml(e,r,i){pa(e,r,i)}};window.FluidTopicsHighlightHtmlService=new Es;var ws=class{isDate(e){var r,i,n,a;return(a=(n=((i=(r=z.getState().metadataConfiguration)===null||r===void 0?void 0:r.descriptors)!==null&&i!==void 0?i:[]).find(l=>l.key===e))===null||n===void 0?void 0:n.date)!==null&&a!==void 0?a:!1}format(e,r){var i,n,a,s;if(e==null)return"";try{return yr.format(e,(i=r?.locale)!==null&&i!==void 0?i:z.getState().uiLocale,(n=r?.longFormat)!==null&&n!==void 0?n:!1,(a=r?.withTime)!==null&&a!==void 0?a:!1,(s=r?.onlyTime)!==null&&s!==void 0?s:!1)}catch(l){throw console.error(`Date ${JSON.stringify(e)} is not valid`,l),l}}};window.FluidTopicsDateService=new ws;var Xo=class{static get(e,r){var i,n,a,s;let l=z.getState(),{lang:d,region:u}=(a=(n=(i=l.localesConfiguration)===null||i===void 0?void 0:i.defaultLocales)===null||n===void 0?void 0:n.defaultContentLocale)!==null&&a!==void 0?a:{lang:"en",region:"US"};return new Gt(l.baseUrl,e??20,(s=l.localesConfiguration)===null||s===void 0?void 0:s.allLanguagesAllowed,r??`${d}-${u}`)}};var As=class{urlToSearchRequest(e){return Xo.get().parse(e)}searchRequestToUrl(e){return Xo.get().serialize(e)}};window.FluidTopicsUrlService=new As;var Er=class t extends CustomEvent{constructor(e){super(t.eventName,{detail:{currentItem:e}})}};Er.eventName="change";var Rs=class{itemName(e){return`fluid-topics-history-item-${e}`}get(e){let r=sessionStorage.getItem(this.itemName(e));return r?JSON.parse(r):void 0}set(e,r){sessionStorage.setItem(this.itemName(e),JSON.stringify(r))}},Op=new Rs;var Hi=class t extends Lt{static build(){return new t(window.history,Op,()=>window.location,!1)}constructor(e,r,i,n){var a,s;super(),this.history=e,this.historyStorage=r,this.windowLocation=i,this.states=[],this.realPushState=e.pushState,this.realReplaceState=e.replaceState,this.initialIndex=(s=(a=e.state)===null||a===void 0?void 0:a.index)!==null&&s!==void 0?s:e.length-1,this.currentIndex=this.initialIndex,this.setCurrentState(this.buildCurrentState()),this.installProxies(),this.initEventListeners(),this.initData(n)}setCurrentState(e,r=!1){let i=r&&this.currentIndex===e.index-1;this.currentState={...this.buildCurrentState(),...e},this.currentIndex=this.currentState.index,this.states[this.currentIndex]=this.currentState,i&&(this.states=this.states.slice(0,this.currentIndex+1)),this.historyStorage.set(this.currentIndex,this.currentState),Se(this.currentState,this.history.state)||this.realReplaceState.apply(this.history,[this.currentState,this.currentState.title,window.location.href]),setTimeout(()=>this.dispatchEvent(new Er(this.currentItem())),0)}installProxies(){let e=r=>(i,n,[a,s,l])=>{let d=r(),u={...d===this.currentIndex?this.currentState:void 0,...a,index:d,href:typeof l=="string"?l:(l??this.windowLocation()).href};i.apply(n,[u,s,l]),this.setCurrentState(u,!0)};this.history.pushState=new Proxy(this.history.pushState,{apply:e(()=>this.currentIndex+1)}),this.history.replaceState=new Proxy(this.history.replaceState,{apply:e(()=>this.currentIndex)})}initEventListeners(){window.addEventListener("popstate",e=>this.setCurrentState(e.state)),document.querySelector("title")==null&&document.head.append(document.createElement("title")),new MutationObserver(()=>this.updateCurrentState({title:document.title})).observe(document.querySelector("title"),{subtree:!0,characterData:!0,childList:!0})}initData(e){for(let r=this.history.length-1;r>=0;r--)e?this.states[r]=this.historyStorage.get(r):setTimeout(()=>this.states[r]=this.historyStorage.get(r),this.history.length-r)}updateCurrentState(e){var r;let i={...this.buildCurrentState(),...e,index:this.currentIndex,title:(r=e?.title)!==null&&r!==void 0?r:this.currentState.title};this.setCurrentState(i)}addHistoryChangeListener(e){this.addEventListener(Er.eventName,e)}removeHistoryChangeListener(e){this.removeEventListener(Er.eventName,e)}currentItem(){return at(this.currentState)}back(){let e=this.previousDifferentMajorPosition();e>=0?this.history.go(e-this.currentIndex):this.currentIndex!==this.initialIndex?this.history.go(this.initialIndex-this.currentIndex):this.history.back()}backwardItem(){return at(this.states[this.previousDifferentMajorPosition()])}backwardItemMatching(e){let r=this.states.filter(i=>!!i).filter(i=>i.index<this.currentIndex).reverse();return at(r.find(i=>e(i)))}previousDifferentMajorPosition(){let e=this.currentIndex>0?this.currentIndex-1:0;for(;e>0&&!this.isDifferentMajorState(e);)e--;return e}forward(){let e=this.nextMajorPosition();e&&e<this.states.length?this.history.go(e-this.currentIndex):this.history.forward()}forwardItem(){let e=this.nextMajorPosition();if(e)return at(this.states[e])}nextMajorPosition(){let e=this.currentIndex;if(!(e>=this.states.length)){do e++;while(e<this.states.length&&!this.isDifferentMajorState(e));return this.getHigherPositionInTheSameState(e)}}getHigherPositionInTheSameState(e){var r;let i=(r=this.states[e])===null||r===void 0?void 0:r.majorStateId;if(!i)return e;let n=e,a=e+1;for(;this.states.length>a&&!this.isDifferentMajorState(a,i);)this.hasState(a)&&(n=a),a++;return n}buildCurrentState(){var e,r;return{...this.history.state,index:this.currentIndex,href:this.windowLocation().href,title:(r=(e=this.history.state)===null||e===void 0?void 0:e.title)!==null&&r!==void 0?r:document.title}}hasState(e){return this.states[e]!=null}isDifferentMajorState(e,r){var i;if(!this.hasState(e))return!1;let n=r??this.currentState.majorStateId,a=(i=this.states[e])===null||i===void 0?void 0:i.majorStateId;return a==null||a!=n}};window.FluidTopicsInternalHistoryService==null&&(window.FluidTopicsInternalHistoryService=Hi.build(),window.FluidTopicsHistoryService={currentItem:()=>window.FluidTopicsInternalHistoryService.currentItem(),back:()=>window.FluidTopicsInternalHistoryService.back(),forward:()=>window.FluidTopicsInternalHistoryService.forward(),backwardItem:()=>window.FluidTopicsInternalHistoryService.backwardItem(),forwardItem:()=>window.FluidTopicsInternalHistoryService.forwardItem(),backwardItemMatching:t=>window.FluidTopicsInternalHistoryService.backwardItemMatching(t),addHistoryChangeListener:t=>window.FluidTopicsInternalHistoryService.addHistoryChangeListener(t),removeHistoryChangeListener:t=>window.FluidTopicsInternalHistoryService.removeHistoryChangeListener(t)});var Ep=A`
|
|
691
|
-
`;function wp(t,e){let{authenticationRequired:r,session:i}=z.getState();return r&&!i?.sessionAuthenticated?Promise.resolve(e):t()}var Vi=class extends so{async updateUiLocale(e){return(await this.awaitApi).updateUiLocale(e)}};var Ls=class t extends Wo{static build(e){return new t(z,e)}constructor(e,r){super(),this.store=e,this.cache=new yt,this.withManualResources=!0,this.userLocaleService=new Vi,this.cleanSessionDebouncer=new re,this.reloadDebouncer=new re(500),this.apiProvider=r??(()=>Or.get())}setWithManualResources(e){this.withManualResources=e,this.updateIfNeeded()}async initService(){this.store.addEventListener(ao.eventName,this.reloadConfiguration)}async updateIfNeeded(){this.apiProvider()&&(this.withManualResources||(this.store.getState().session==null&&this.updateSession(),this.store.getState().metadataConfiguration==null&&this.updateMetadataConfiguration()),this.store.getState().localesConfiguration==null&&this.updateLocalesConfiguration(),(this.store.getState().availableContentLocales==null||this.store.getState().availableContentLocales.length==0)&&this.updateAvailableContentLocales())}async updateSession(){let e=await this.cache.get("session",async()=>{let r=await this.apiProvider().getCurrentSession();return r.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run(()=>{this.cache.clear("session"),this.setSession(void 0)},r.idleTimeoutInMillis),r});this.setSession(e)}async updateMetadataConfiguration(){this.setMetadataConfiguration(await this.cache.get("metadataConfiguration",()=>this.apiProvider().getMetadataConfiguration()))}async updateLocalesConfiguration(){this.setLocalesConfiguration(await this.cache.get("localesConfiguration",()=>this.apiProvider().getLocalesConfiguration()))}async updateAvailableContentLocales(){var e;let r=await this.cache.get("availableContentLocales",()=>wp(()=>this.apiProvider().getAvailableSearchLocales(),{contentLocales:[]}));this.setAvailableContentLocales((e=r.contentLocales)!==null&&e!==void 0?e:[])}reloadConfiguration(){var e;(e=this.cache)===null||e===void 0||e.clear("availableContentLocales"),typeof this.updateAvailableContentLocales=="function"&&this.updateAvailableContentLocales()}setBaseUrl(e){this.store.actions.baseUrl(e),window.fluidTopicsBaseUrl=e}setTenantId(e){this.store.actions.tenantId(e)}setApiIntegrationIdentifier(e){this.store.actions.apiIntegrationIdentifier(e)}setApiIntegrationAppVersion(e){this.store.actions.apiIntegrationAppVersion(e)}setUiLocale(e){this.store.actions.uiLocale(e)}setLocalesConfiguration(e){this.store.actions.localesConfiguration(e),setTimeout(()=>this.updateIfNeeded())}setAvailableContentLocales(e){this.store.actions.availableContentLocales(e),setTimeout(()=>this.updateIfNeeded())}stopReloadDebouncer(){this.reloadDebouncer.cancel()}requestUiLocaleUpdate(e){this.userLocaleService.updateUiLocale({uiLocale:e}).then(
|
|
691
|
+
`;function wp(t,e){let{authenticationRequired:r,session:i}=z.getState();return r&&!i?.sessionAuthenticated?Promise.resolve(e):t()}var Vi=class extends so{async updateUiLocale(e){return(await this.awaitApi).updateUiLocale(e)}};var Ls=class t extends Wo{static build(e){return new t(z,e)}constructor(e,r){super(),this.store=e,this.cache=new yt,this.withManualResources=!0,this.userLocaleService=new Vi,this.cleanSessionDebouncer=new re,this.reloadDebouncer=new re(500),this.apiProvider=r??(()=>Or.get())}setWithManualResources(e){this.withManualResources=e,this.updateIfNeeded()}async initService(){this.store.addEventListener(ao.eventName,this.reloadConfiguration)}async updateIfNeeded(){this.apiProvider()&&(this.withManualResources||(this.store.getState().session==null&&this.updateSession(),this.store.getState().metadataConfiguration==null&&this.updateMetadataConfiguration()),this.store.getState().localesConfiguration==null&&this.updateLocalesConfiguration(),(this.store.getState().availableContentLocales==null||this.store.getState().availableContentLocales.length==0)&&this.updateAvailableContentLocales())}async updateSession(){let e=await this.cache.get("session",async()=>{let r=await this.apiProvider().getCurrentSession();return r.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run(()=>{this.cache.clear("session"),this.setSession(void 0)},r.idleTimeoutInMillis),r});this.setSession(e)}async updateMetadataConfiguration(){this.setMetadataConfiguration(await this.cache.get("metadataConfiguration",()=>this.apiProvider().getMetadataConfiguration()))}async updateLocalesConfiguration(){this.setLocalesConfiguration(await this.cache.get("localesConfiguration",()=>this.apiProvider().getLocalesConfiguration()))}async updateAvailableContentLocales(){var e;let r=await this.cache.get("availableContentLocales",()=>wp(()=>this.apiProvider().getAvailableSearchLocales(),{contentLocales:[]}));this.setAvailableContentLocales((e=r.contentLocales)!==null&&e!==void 0?e:[])}reloadConfiguration(){var e;(e=this.cache)===null||e===void 0||e.clear("availableContentLocales"),typeof this.updateAvailableContentLocales=="function"&&this.updateAvailableContentLocales()}setBaseUrl(e){this.store.actions.baseUrl(e),window.fluidTopicsBaseUrl=e}setTenantId(e){this.store.actions.tenantId(e)}setApiIntegrationIdentifier(e){this.store.actions.apiIntegrationIdentifier(e)}setApiIntegrationAppVersion(e){this.store.actions.apiIntegrationAppVersion(e)}setUiLocale(e){this.store.actions.uiLocale(e)}setLocalesConfiguration(e){this.store.actions.localesConfiguration(e),setTimeout(()=>this.updateIfNeeded())}setAvailableContentLocales(e){this.store.actions.availableContentLocales(e),setTimeout(()=>this.updateIfNeeded())}stopReloadDebouncer(){this.reloadDebouncer.cancel()}requestUiLocaleUpdate(e,r){this.userLocaleService.updateUiLocale({uiLocale:e,contentLocale:r}).then(i=>{i.uiLocaleChanged&&(this.reloadDebouncer.run(()=>window.location.reload()),this.store.dispatchEvent(new qo(i)))}).catch(()=>{})}setMetadataConfiguration(e){this.store.actions.metadataConfiguration(e),setTimeout(()=>this.updateIfNeeded())}setNoCustom(e){this.store.actions.noCustom(e)}setEditorMode(e){this.store.actions.editorMode(e)}setNoCustomComponent(e){this.store.actions.noCustomComponent(e)}setSession(e){this.store.actions.session(e),setTimeout(()=>this.updateIfNeeded())}setOpenExternalDocumentInNewTab(e){this.store.actions.openExternalDocumentInNewTab(e)}setNavigatorOnline(e){this.store.actions.navigatorOnline(e)}setForcedOffline(e){this.store.actions.forcedOffline(e)}setAuthenticationRequired(e){this.store.actions.authenticationRequired(e)}},Ap=Ls.build();var wr=class extends Event{constructor(e,r,i,n){super("context-request",{bubbles:!0,composed:!0}),this.context=e,this.contextTarget=r,this.callback=i,this.subscribe=n??!1}};var Jo=class{constructor(){this.pendingContextRequests=new Map,this.onContextProvider=e=>{let r=this.pendingContextRequests.get(e.context);if(r===void 0)return;this.pendingContextRequests.delete(e.context);let{requests:i}=r;for(let{elementRef:n,callbackRef:a}of i){let s=n.deref(),l=a.deref();s===void 0||l===void 0||s.dispatchEvent(new wr(e.context,s,l,!0))}},this.onContextRequest=e=>{if(e.subscribe!==!0)return;let r=e.contextTarget??e.composedPath()[0],i=e.callback,n=this.pendingContextRequests.get(e.context);n===void 0&&this.pendingContextRequests.set(e.context,n={callbacks:new WeakMap,requests:[]});let a=n.callbacks.get(r);a===void 0&&n.callbacks.set(r,a=new WeakSet),a.has(i)||(a.add(i),n.requests.push({elementRef:new WeakRef(r),callbackRef:new WeakRef(i)}))}}attach(e){e.addEventListener("context-request",this.onContextRequest),e.addEventListener("context-provider",this.onContextProvider)}detach(e){e.removeEventListener("context-request",this.onContextRequest),e.removeEventListener("context-provider",this.onContextProvider)}};var Ae=function(t,e,r,i){var n=arguments.length,a=n<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,i);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(n<3?s(a):n>3?s(e,r,a):s(e,r))||a);return n>3&&a&&Object.defineProperty(e,r,a),a},de=class extends fr{constructor(){super(...arguments),this.apiIntegrationIdentifier="ft-integration",this.apiIntegrationAppVersion="ft-integration-app-version",this.uiLocale="en-US",this.editorMode=!1,this.noCustom=!1,this.openExternalDocumentInNewTab=!1,this.noCustomComponent=!1,this.withManualResources=!1,this.navigatorOnline=!1,this.forcedOffline=!1,this.authenticationRequired=!1,this.messageContexts=[],this.stateManager=Ap,this.contextRoot=new Jo}render(){return v`
|
|
692
692
|
<slot></slot>
|
|
693
693
|
`}connectedCallback(){super.connectedCallback(),this.stateManager.initService(),this.contextRoot.attach(document.body)}disconnectedCallback(){super.disconnectedCallback(),this.contextRoot.detach(document.body)}update(e){var r;super.update(e),e.has("baseUrl")&&this.stateManager.setBaseUrl(this.baseUrl),e.has("tenantId")&&this.stateManager.setTenantId(this.tenantId),e.has("apiIntegrationIdentifier")&&this.stateManager.setApiIntegrationIdentifier(this.apiIntegrationIdentifier),e.has("apiIntegrationAppVersion")&&this.stateManager.setApiIntegrationAppVersion(this.apiIntegrationAppVersion),e.has("uiLocale")&&this.stateManager.setUiLocale(this.uiLocale),e.has("metadataConfiguration")&&this.stateManager.setMetadataConfiguration(this.metadataConfiguration),e.has("noCustom")&&this.stateManager.setNoCustom(this.noCustom),e.has("editorMode")&&this.stateManager.setEditorMode(this.editorMode),e.has("noCustomComponent")&&this.stateManager.setNoCustomComponent(this.noCustomComponent),e.has("session")&&this.stateManager.setSession(this.session),e.has("messageContexts")&&this.messageContexts!=null&&this.messageContexts.forEach(i=>Yo.addContext(i)),e.has("openExternalDocumentInNewTab")&&this.stateManager.setOpenExternalDocumentInNewTab(this.openExternalDocumentInNewTab),e.has("navigatorOnline")&&this.stateManager.setNavigatorOnline(this.navigatorOnline),e.has("forcedOffline")&&this.stateManager.setForcedOffline(this.forcedOffline),e.has("authenticationRequired")&&this.stateManager.setAuthenticationRequired(this.authenticationRequired),e.has("withManualResources")&&((r=this.stateManager)===null||r===void 0||r.setWithManualResources(this.withManualResources)),setTimeout(()=>this.stateManager.updateIfNeeded())}};de.elementDefinitions={};de.styles=Ep;Ae([m()],de.prototype,"baseUrl",void 0);Ae([m()],de.prototype,"tenantId",void 0);Ae([m()],de.prototype,"apiIntegrationIdentifier",void 0);Ae([m()],de.prototype,"apiIntegrationAppVersion",void 0);Ae([m()],de.prototype,"uiLocale",void 0);Ae([le(null)],de.prototype,"availableUiLocales",void 0);Ae([le(null)],de.prototype,"metadataConfiguration",void 0);Ae([m({type:Boolean})],de.prototype,"editorMode",void 0);Ae([m({type:Boolean})],de.prototype,"noCustom",void 0);Ae([m({type:Boolean})],de.prototype,"openExternalDocumentInNewTab",void 0);Ae([m({converter:{fromAttribute(t){return t==="false"?!1:t==="true"||(t??!1)}}})],de.prototype,"noCustomComponent",void 0);Ae([m({type:Boolean})],de.prototype,"withManualResources",void 0);Ae([m({type:Boolean})],de.prototype,"navigatorOnline",void 0);Ae([m({type:Boolean})],de.prototype,"forcedOffline",void 0);Ae([m({type:Boolean})],de.prototype,"authenticationRequired",void 0);Ae([le([])],de.prototype,"messageContexts",void 0);Ae([le(void 0)],de.prototype,"session",void 0);var Rp={"ft-app-context":de};j(Rp);var ks=class{fromLocalizableLabel(e){return e.type=="PLAIN_TEXT"?{message:e.text}:{key:e.key,custom:e.type=="LOCALIZED_CUSTOM",context:e.context,message:e.key}}fromAttribute(e){if(e!=null)try{return JSON.parse(e)}catch{if(this.isI18nKey(e)){let[r,i]=e.split(".");return{context:r,key:i,custom:r!=="officialContext",message:""}}return{message:e}}}toAttribute(e){if(e!=null)return JSON.stringify(e)}isI18nKey(e){return e.match(/^[\w-]+\.[\w-]+$/)}},co=new ks;var cm=function(t,e,r,i){var n=arguments.length,a=n<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,i);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(n<3?s(a):n>3?s(e,r,a):s(e,r))||a);return n>3&&a&&Object.defineProperty(e,r,a),a},ei=Symbol("i18nAttributes"),Lp=Symbol("i18nListAttributes"),kp=Symbol("i18nProperties"),Wi=Symbol("i18nContexts"),Qo=Symbol("i18nUnsubs"),Ki=Ee(Symbol("withI18n"),function(t){var e,r;class i extends t{constructor(){super(...arguments),this.useCustomMessageContexts=!1,this[e]=new Map,this[r]=new Map}getI18nService(a){return a??this.useCustomMessageContexts?Os:Yo}i18n(a){let{context:s,key:l,message:d}=a,{custom:u,args:h,argsProvider:f}=a;if(s&&l){this.hasI18nContext(s)||this.addI18nContext(s,void 0,u);let g=h??(f?f(this):[]);return this.getI18nService(u).resolveMessage(s,l,...g)}return d}async awaitI18n(a){let{context:s,custom:l}=a;return s&&await this.getI18nService(l).prepareContext(s),this.i18n(a)}customI18n(a,s){if(co.isI18nKey(a)){let[l,d]=a.split(".");return this.i18n({custom:!0,context:l,key:d,...s})||a}return a}firstUpdated(a){super.firstUpdated(a),this.updateI18nAttributes(()=>!0),this.updateI18nProperties(()=>!0)}update(a){super.update(a),this.updateI18nAttributes((s,l,d)=>a.has(l)||typeof s.argsProvider=="function"),this.updateI18nProperties(s=>typeof s.argsProvider=="function")}onI18nUpdate(a){this.updateI18nAttributes((s,l,d)=>{var u;return((u=d?.context)===null||u===void 0?void 0:u.toLowerCase())===a}),this.updateI18nProperties(s=>s.context.toLowerCase()===a),this.requestUpdate()}updateI18nAttributes(a){var s,l;let d=this,u=(h,f,g)=>g?.context&&g.key&&a(h,f,g)?{...g,message:this.i18n({context:g.context,key:g.key,custom:g.custom,...h})}:g;(s=this[ei])===null||s===void 0||s.forEach((h,f)=>d[f]=u(h,f,d[f])),(l=this[Lp])===null||l===void 0||l.forEach((h,f)=>{var g;return d[f]=(g=d[f])===null||g===void 0?void 0:g.map(y=>u(h,f,y))})}updateI18nProperties(a){var s;(s=this[kp])===null||s===void 0||s.forEach((l,d)=>{a(l,d)&&(this[d]=this.i18n(l))})}addI18nMessages(a,s,l){console.warn('Deprecated usage of method "addI18nMessages", use "addI18nContext" instead.'),this.addI18nContext(a,s,l)}addI18nContext(a,s,l){let d=(typeof a=="string"?a:a.name).toLowerCase();l=typeof a=="string"?l:a.custom,this[Wi].set(d,{isCustomContext:l}),this[Qo].has(d)||this[Qo].set(d,this.getI18nService(l).subscribe(d,()=>this.onI18nUpdate(d))),this.getI18nService(l).prepareContext(d,s)}hasI18nContext(a){return this[Wi].has(a.toLowerCase())}connectedCallback(){super.connectedCallback(),this[Wi].forEach((a,s)=>this.addI18nContext(s,void 0,a.isCustomContext))}disconnectedCallback(){super.disconnectedCallback(),this[Qo].forEach(a=>a()),this[Qo].clear()}}return e=Wi,r=Qo,cm([m({type:Boolean})],i.prototype,"useCustomMessageContexts",void 0),i}),Gi=class extends Ki(D){},ji=class extends Ki(fr){};var Ts=class{fromAttribute(e){if(!e)return[];try{let r=JSON.parse(e);return Array.isArray(r)?r.map(i=>typeof i=="string"?co.fromAttribute(i):i):[]}catch{return[]}}toAttribute(e){if(e!=null)return JSON.stringify(e)}},dm=new Ts;var Tp=(t,e)=>(r,i)=>{var n;r.constructor.createProperty(i,{type:Object,hasChanged:st,converter:co,...e}),r[ei]=(n=r[ei])!==null&&n!==void 0?n:new Map,r[ei].set(i,t??{})};var _p=A`
|
|
694
694
|
`;var ti=function(t,e,r,i){var n=arguments.length,a=n<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,r):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,i);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(n<3?s(a):n>3?s(e,r,a):s(e,r))||a);return n>3&&a&&Object.defineProperty(e,r,a),a},ut=class extends ji{constructor(){super(),this.editorMode=!1,this.addStore(z)}render(){return!this.key||!this.context?this.editorMode?"Select a context and a label key.":_:v`
|
|
@@ -1420,7 +1420,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:o.extend("--ftds-con
|
|
|
1420
1420
|
class="${e}"
|
|
1421
1421
|
filterId="${this.id}"
|
|
1422
1422
|
.filter=${this.filter}
|
|
1423
|
-
.configuredAnalyticsActions
|
|
1423
|
+
.configuredAnalyticsActions=${this.configuredAnalyticsActions}
|
|
1424
1424
|
moreValuesButtonLabel="${this.moreValuesButtonLabel}"
|
|
1425
1425
|
?multivalued=${this.multivalued}
|
|
1426
1426
|
?disabled=${this.disabled||e!=="ft-filter--level-center"}
|
|
@@ -2052,7 +2052,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:o.extend("--ftds-con
|
|
|
2052
2052
|
label="${e.label}"
|
|
2053
2053
|
.value=${e.value}
|
|
2054
2054
|
></ft-select-option>
|
|
2055
|
-
`}willUpdate(e){super.willUpdate(e),e.has("options")&&(this.selectedOption=this.options.filter(r=>r.selected)[0]),e.has("selectedOption")&&(this.optionsDisplayed=!1)}contentAvailableCallback(e){var r,i;if(super.contentAvailableCallback(e),e.has("focusOptions")&&this.focusOptions&&((i=(r=this.selectedOptionElement)!==null&&r!==void 0?r:this.firstOption)===null||i===void 0||i.focus(),this.focusOptions=!1),e.has("optionsDisplayed")&&this.hasOptionsMenuOpen){this.optionsMenu.style.minWidth=this.mainPanel.getBoundingClientRect().width+"px";let n=["bottom","top"];ta(this.mainPanel,this.optionsMenu,"bottom",n,"fixed",V.optionsHeight,0).then(({x:a,y:s})=>{this.optionsMenu.style.left=`${a}px`,this.optionsMenu.style.top=`${s}px`})}}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(e){var r;e.stopPropagation(),this.isSlotEmpty=Do(this.optionsSlot);let i=(r=this.optionsSlot)===null||r===void 0?void 0:r.assignedElements().map(n=>n);i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(e){switch(e.key
|
|
2055
|
+
`}willUpdate(e){super.willUpdate(e),e.has("options")&&(this.selectedOption=this.options.filter(r=>r.selected)[0]),e.has("selectedOption")&&(this.optionsDisplayed=!1)}contentAvailableCallback(e){var r,i;if(super.contentAvailableCallback(e),e.has("focusOptions")&&this.focusOptions&&((i=(r=this.selectedOptionElement)!==null&&r!==void 0?r:this.firstOption)===null||i===void 0||i.focus(),this.focusOptions=!1),e.has("optionsDisplayed")&&this.hasOptionsMenuOpen){this.optionsMenu.style.minWidth=this.mainPanel.getBoundingClientRect().width+"px";let n=["bottom","top"];ta(this.mainPanel,this.optionsMenu,"bottom",n,"fixed",V.optionsHeight,0).then(({x:a,y:s})=>{this.optionsMenu.style.left=`${a}px`,this.optionsMenu.style.top=`${s}px`})}}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(e){var r;e.stopPropagation(),this.isSlotEmpty=Do(this.optionsSlot);let i=(r=this.optionsSlot)===null||r===void 0?void 0:r.assignedElements().map(n=>n);i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(e){switch(e.key===" "&&(e.preventDefault(),e.stopPropagation()),e.key){case" ":case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":e.preventDefault(),e.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0;break}}onOptionsKeyDown(e){var r,i;let n,a=this.focusedOption?this.optionsList.indexOf(this.focusedOption):0;switch(e.key){case" ":case"Enter":e.preventDefault(),e.stopPropagation(),this.onSelectOption(e),this.optionsDisplayed=!1,(r=this.mainPanel)===null||r===void 0||r.focus();break;case"Escape":this.optionsDisplayed=!1,(i=this.mainPanel)===null||i===void 0||i.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":e.preventDefault(),e.stopPropagation(),n=this.optionsList[(a-1+this.optionsList.length)%this.optionsList.length];break;case"ArrowDown":e.preventDefault(),e.stopPropagation(),n=this.optionsList[(a+1)%this.optionsList.length];break;default:if(e.key.length!=1)break;this.isKeyAlphanumeric(e.key)&&(n=this.handleAlphanumericPress(e.key));break}n?.focus()}isKeyAlphanumeric(e){let r=e.charCodeAt(0);return r>47&&r<58||r>64&&r<91||r>96&&r<123}handleAlphanumericPress(e){let r=new Date;r.getTime()-this.lastSearchInputDate.getTime()>t.searchTimeoutMilliseconds&&(this.currentSearch=""),this.currentSearch+=e.toLowerCase();let i=this.options.find(n=>{var a;return((a=n.label)===null||a===void 0?void 0:a.toLowerCase().substring(0,this.currentSearch.length))===this.currentSearch});return this.lastSearchInputDate=r,i&&this.optionsList.find(n=>n.value===i.value)}getOptionId(e){if(!e)return;let r=this.options.findIndex(i=>Se(i.value,e.value));if(r!==-1)return`option-${r}`}onSelectOption(e){e.stopPropagation(),this.setValue(e.target.value)}setValue(e,r=!0){let i=this.options.find(n=>Se(n.value,e));i&&this.selectOption(i,r)}selectOption(e,r=!0){var i,n;if(!Se((i=this.selectedOption)===null||i===void 0?void 0:i.value,e?.value)){this.selectedOption=e;for(let a of this.options)a.selected=a===e;r&&this.dispatchEvent(new CustomEvent("change",{detail:(n=this.selectedOption)===null||n===void 0?void 0:n.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}};ne.elementDefinitions={"ft-input-label":mt,"ft-typography":oe,"ft-ripple":Z,"ft-icon":pe,"ft-select-option":Ne};ne.searchTimeoutMilliseconds=2e3;ne.styles=[jt,nu];Te([m({type:String})],ne.prototype,"label",void 0);Te([m({type:String})],ne.prototype,"ariaLabel",void 0);Te([m({type:String})],ne.prototype,"helper",void 0);Te([m({type:Boolean})],ne.prototype,"outlined",void 0);Te([m({type:Boolean})],ne.prototype,"disabled",void 0);Te([m({type:Boolean})],ne.prototype,"error",void 0);Te([m({type:Boolean})],ne.prototype,"fixedMenuPosition",void 0);Te([m({type:Array})],ne.prototype,"options",void 0);Te([T()],ne.prototype,"selectedOption",void 0);Te([T()],ne.prototype,"optionsDisplayed",void 0);Te([T()],ne.prototype,"focusOptions",void 0);Te([T()],ne.prototype,"currentSearch",void 0);Te([T()],ne.prototype,"lastSearchInputDate",void 0);Te([M(".ft-select")],ne.prototype,"container",void 0);Te([M(".ft-select--options")],ne.prototype,"optionsMenu",void 0);Te([M(".ft-select--input-panel")],ne.prototype,"mainPanel",void 0);Te([M("slot:not([name])")],ne.prototype,"optionsSlot",void 0);var su={"ft-select":ne,"ft-select-option":Ne};j(su);var _e={display:o.create("--ft-skeleton--display","","DISPLAY","block"),width:o.create("--ft-skeleton--width","","SIZE","100%"),height:o.create("--ft-skeleton--height","","SIZE","20px"),backgroundColor:o.create("--ft-skeleton--background-color","","COLOR","#f1f1f1"),glareWidth:o.create("--ft-skeleton--glare-width","","SIZE","200px"),glareColor:o.create("--ft-skeleton--glare-color","","COLOR","rgba(255, 255, 255, .6)"),animationDuration:o.create("--ft-skeleton--animation-duration","","UNKNOWN","2s"),borderRadiusM:o.external(O.borderRadiusM,"Design system")},lu=A`
|
|
2056
2056
|
:host {
|
|
2057
2057
|
width: ${_e.width};
|
|
2058
2058
|
height: ${_e.height};
|
|
@@ -2596,9 +2596,9 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:o.extend("--ftds-con
|
|
|
2596
2596
|
?dense=${this.searchBar.dense&&!e}
|
|
2597
2597
|
?clickable=${e}
|
|
2598
2598
|
?removable=${!e}
|
|
2599
|
-
icon
|
|
2599
|
+
icon="${e?_:"close"}"
|
|
2600
2600
|
label="${l}"
|
|
2601
|
-
title
|
|
2601
|
+
title="${r?l:_}"
|
|
2602
2602
|
@click=${()=>this.openMobileFilters(n.key)}
|
|
2603
2603
|
@icon-click=${()=>this.searchBar.setFilter(n.key,a.filter(h=>h!==s))}
|
|
2604
2604
|
data-key="${n.key}"
|
|
@@ -2937,7 +2937,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:o.extend("--ftds-con
|
|
|
2937
2937
|
></ft-filter>
|
|
2938
2938
|
`})}
|
|
2939
2939
|
</ft-snap-scroll>
|
|
2940
|
-
`:_}
|
|
2940
|
+
`:_}firstUpdated(e){super.firstUpdated(e),this.initApi(),window.addEventListener("storage",r=>{r.key===this.recentSearchesStorageKey&&this.initRecentSearches()})}update(e){var r,i,n,a,s;if(e.has("labels")&&(this.labelResolver=new Ft(uu,this.labels)),e.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(e),(e.has("availableContentLocales")||e.has("contentLocale"))&&this.availableContentLocales.length>0){let l=d=>this.availableContentLocales.some(u=>u.lang==d);l(this.contentLocale)||(this.contentLocale=e.has("contentLocale")&&l(e.get("contentLocale"))?e.get("contentLocale"):(r=this.availableContentLocales[0])===null||r===void 0?void 0:r.lang)}if(e.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),e.has("presets")&&((i=this.presets)!==null&&i!==void 0?i:[]).forEach(l=>l.metadataFilters.forEach(d=>{d.valueFilter&&(d.valueFilter.values=d.valueFilter.values.map(u=>Di(u)))})),e.has("presets")||e.has("selectedPreset")){let l=((n=this.presets)!==null&&n!==void 0?n:[]).find(d=>d.name===this.selectedPreset);l&&!this.compareRequests(this.request,l)&&this.setFiltersFromPreset(l)}e.has("contentLocale")&&this.contentLocale!=null&&(this.knownFacetLabels=new Map),["contentLocale","metadataFilters"].some(l=>e.has(l))&&(this.selectedPreset=(s=((a=this.presets)!==null&&a!==void 0?a:[]).find(l=>this.compareRequests(l,this.request)))===null||s===void 0?void 0:s.name),["baseUrl","apiIntegrationIdentifier"].some(l=>e.has(l))&&(this.api=void 0,this.initApi()),e.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","metadataFilters","displayedFilters"].some(l=>e.has(l))&&this.updateFacets(),["query","uiLocale","contentLocale","metadataFilters","displayedFilters","api"].some(l=>e.has(l))&&this.suggestManager.update(),["query","uiLocale","contentLocale","metadataFilters"].some(l=>e.has(l))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run(()=>this.dispatchEvent(new Bs(this.request)))}updateFacets(){this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run(async()=>{await this.retrieveFacetsFromSearch(),this.facetsLoaded=!0,this.facetsInitialized=!0},this.facetsInitialized?500:10)):(this.facets=[],this.facetsLoaded=!0,this.facetsInitialized=!0)}contentAvailableCallback(e){var r,i,n;if(super.contentAvailableCallback(e),e.has("displayFacets")&&this.displayFacets&&((r=this.floatingContainer)===null||r===void 0||r.focus()),this.scrollToFacet!=null&&this.facetsLoaded){(i=this.scrollingFiltersContainer)===null||i===void 0||i.scrollIndexIntoView(this.facets.findIndex(s=>s.key===this.scrollToFacet));let a=(n=this.shadowRoot)===null||n===void 0?void 0:n.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);a&&(a.active=!0),this.scrollToFacet=void 0}}initApi(){this.api==null&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout(()=>this.initApi(),10))}async retrieveFacetsFromSearch(){var e;if(this.facetsRequest.length==0){this.facets=[];return}let r=new Map;await((e=this.api)===null||e===void 0?void 0:e.search({...this.request,query:""}).then(i=>i.facets.forEach(n=>{this.knownFacetLabels.set(n.key,n.label),r.set(n.key,n)})).catch(hm)),this.facets=[];for(let i of this.facetsRequest)r.has(i.id)?this.facets.push(r.get(i.id)):this.knownFacetLabels.has(i.id)&&this.facets.push({key:i.id,label:this.knownFacetLabels.get(i.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1})}onFloatingContainerKeyUp(e){var r;e.key==="Escape"&&(this.displayFacets=!1,(r=this.filtersOpener)===null||r===void 0||r.focus())}setQuery(e){this.input&&(this.input.value=e),this.query=e}onLaunchSearch(){if(this.query){let e=this.recentSearches.filter(r=>r.toLowerCase()!==this.query.toLowerCase()).filter((r,i)=>i<20);this.recentSearches=[this.query,...e],this.saveRecentSearches()}this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var e;this.recentSearches=JSON.parse((e=window.localStorage.getItem(this.recentSearchesStorageKey))!==null&&e!==void 0?e:"[]")}saveRecentSearches(){let e=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,e),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:e,storageArea:window.localStorage,url:window.location.href}))}async connectedCallback(){super.connectedCallback(),document.addEventListener("pointerdown",this.closeSuggestListbox),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer),this.focusOnDisplay&&!us&&this.focusInput(),z.addEventListener("authentication-change",this.initSearchData),this.initSearchData()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("pointerdown",this.closeSuggestListbox),document.removeEventListener("focusin",this.closeFloatingContainer),document.removeEventListener("click",this.closeFloatingContainer),z.removeEventListener("authentication-change",this.initSearchData)}updateSize(e){this.sizeCategory=e.detail.category}setFilter(e,r){let i=this.metadataFilters.filter(n=>!n.valueFilter||n.key!==e);this.facets.forEach(n=>{n.key===e&&Ve(n.rootNodes,a=>a.childNodes).forEach(a=>a.selected=r.includes(a.value))}),r.length&&i.push({key:e,valueFilter:{negative:!1,values:r}}),this.metadataFilters=i,this.scrollToFacet=e}setFiltersFromPreset(e){e!=null&&(e.contentLocale!=null&&(this.contentLocale=e.contentLocale),this.metadataFilters=e.metadataFilters)}clearFilters(){this.facets.forEach(r=>Ve(r.rootNodes,i=>i.childNodes).forEach(i=>i.selected=!1)),this.metadataFilters=[];let e=this.facets[0];this.scrollToFacet=e?.key}querySelector(e){return this.shadowRoot.querySelector(e)}querySelectorAll(e){return this.shadowRoot.querySelectorAll(e)}renderDesktopFloatingMenu(){return this.forceMenuOpen?_:v`
|
|
2941
2941
|
<div class="ft-search-bar--floating-panel"
|
|
2942
2942
|
id="ft-search-bar-floating-panel"
|
|
2943
2943
|
@keyup=${this.onFloatingContainerKeyUp}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { designSystemVariables, FtCssVariableFactory, setVariable } from "@fluid-topics/ft-wc-utils";
|
|
1
|
+
import { designSystemVariables, FtCssVariableFactory, setVariable, } from "@fluid-topics/ft-wc-utils";
|
|
2
2
|
import { css } from "lit";
|
|
3
3
|
import { FtButtonCssVariables } from "@fluid-topics/ft-button/build/ft-button.styles";
|
|
4
4
|
import { FtInputLabelCssVariables } from "@fluid-topics/ft-input-label/build/ft-input-label.styles";
|
|
@@ -27,7 +27,7 @@ export const FtSearchBarCssVariables = {
|
|
|
27
27
|
buttonRippleColor: FtCssVariableFactory.external(FtButtonCssVariables.rippleColor, "Button"),
|
|
28
28
|
activeItemBorderColor: FtCssVariableFactory.extend("--ft-search-bar-active-border-color", "", designSystemVariables.colorPrimary),
|
|
29
29
|
};
|
|
30
|
-
//language=css
|
|
30
|
+
// language=css
|
|
31
31
|
export const searchBarCss = css `
|
|
32
32
|
* {
|
|
33
33
|
box-sizing: border-box;
|
|
@@ -222,7 +222,7 @@ export const searchBarCss = css `
|
|
|
222
222
|
}
|
|
223
223
|
|
|
224
224
|
`;
|
|
225
|
-
//language=css
|
|
225
|
+
// language=css
|
|
226
226
|
export const facetsCss = css `
|
|
227
227
|
.ft-search-bar--presets {
|
|
228
228
|
min-width: 200px;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { css, html, nothing } from "lit";
|
|
1
|
+
import { css, html, nothing, } from "lit";
|
|
2
2
|
import { repeat } from "lit/directives/repeat.js";
|
|
3
|
-
import { getBreadcrumbFromValue, getLabelFromValue, getSelectedValues } from "../converters";
|
|
3
|
+
import { getBreadcrumbFromValue, getLabelFromValue, getSelectedValues, } from "../converters";
|
|
4
4
|
import { setVariable } from "@fluid-topics/ft-wc-utils";
|
|
5
5
|
import { FtSnapScrollCssVariables } from "@fluid-topics/ft-snap-scroll";
|
|
6
6
|
import { FtChipCssVariables } from "@fluid-topics/ft-chip";
|
|
@@ -25,10 +25,10 @@ export class FacetsChipsManager {
|
|
|
25
25
|
${(this.getLocaleLabel(this.searchBar.contentLocale))}
|
|
26
26
|
</ft-chip>
|
|
27
27
|
` : null}
|
|
28
|
-
${repeat(this.searchBar.facets, facet => facet.key, facet => {
|
|
28
|
+
${repeat(this.searchBar.facets, (facet) => facet.key, (facet) => {
|
|
29
29
|
const values = getSelectedValues(facet);
|
|
30
|
-
return repeat(values, value => {
|
|
31
|
-
|
|
30
|
+
return repeat(values, (value) => {
|
|
31
|
+
const label = facet.label + ": " + getBreadcrumbFromValue(value);
|
|
32
32
|
const keyWithNoColumn = facet.key.replace(":", "-");
|
|
33
33
|
const chip = html `
|
|
34
34
|
<ft-chip
|
|
@@ -36,11 +36,11 @@ export class FacetsChipsManager {
|
|
|
36
36
|
?dense=${this.searchBar.dense && !isMobile}
|
|
37
37
|
?clickable=${isMobile}
|
|
38
38
|
?removable=${!isMobile}
|
|
39
|
-
icon
|
|
39
|
+
icon="${isMobile ? nothing : "close"}"
|
|
40
40
|
label="${label}"
|
|
41
|
-
title
|
|
41
|
+
title="${useSnapScroll ? label : nothing}"
|
|
42
42
|
@click=${() => this.openMobileFilters(facet.key)}
|
|
43
|
-
@icon-click=${() => this.searchBar.setFilter(facet.key, values.filter(v => v !== value))}
|
|
43
|
+
@icon-click=${() => this.searchBar.setFilter(facet.key, values.filter((v) => v !== value))}
|
|
44
44
|
data-key="${facet.key}"
|
|
45
45
|
data-value="${value}">
|
|
46
46
|
${getLabelFromValue(value)}
|
|
@@ -89,12 +89,12 @@ export class FacetsChipsManager {
|
|
|
89
89
|
}
|
|
90
90
|
getLocaleLabel(locale) {
|
|
91
91
|
var _a;
|
|
92
|
-
return (_a = this.searchBar.availableContentLocales.filter(l => { var _a; return ((_a = l.lang) !== null && _a !== void 0 ? _a : "").toLowerCase() === (locale !== null && locale !== void 0 ? locale : "").toLowerCase(); })
|
|
93
|
-
.map(l => l.label)
|
|
92
|
+
return (_a = this.searchBar.availableContentLocales.filter((l) => { var _a; return ((_a = l.lang) !== null && _a !== void 0 ? _a : "").toLowerCase() === (locale !== null && locale !== void 0 ? locale : "").toLowerCase(); })
|
|
93
|
+
.map((l) => l.label)
|
|
94
94
|
.pop()) !== null && _a !== void 0 ? _a : locale;
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
|
-
//language=css
|
|
97
|
+
// language=css
|
|
98
98
|
FacetsChipsManager.styles = css `
|
|
99
99
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
100
100
|
flex-shrink: 0;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { css, html, nothing } from "lit";
|
|
1
|
+
import { css, html, nothing, } from "lit";
|
|
2
2
|
import { repeat } from "lit/directives/repeat.js";
|
|
3
|
-
import { FtIcons, FtIconVariants, resolveFileFormatIcon } from "@fluid-topics/ft-icon";
|
|
4
|
-
import { Debouncer, setVariable, wordWrap } from "@fluid-topics/ft-wc-utils";
|
|
3
|
+
import { FtIcons, FtIconVariants, resolveFileFormatIcon, } from "@fluid-topics/ft-icon";
|
|
4
|
+
import { Debouncer, setVariable, wordWrap, } from "@fluid-topics/ft-wc-utils";
|
|
5
5
|
import { FtSearchBarCssVariables } from "../ft-search-bar.styles";
|
|
6
6
|
import { FtRippleCssVariables } from "@fluid-topics/ft-ripple";
|
|
7
7
|
export class SuggestManager {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-search-bar",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.21",
|
|
4
4
|
"description": "Search bar component using Fluid Topics public API",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,23 +19,23 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-accordion": "2.1.
|
|
23
|
-
"@fluid-topics/ft-app-context": "2.1.
|
|
24
|
-
"@fluid-topics/ft-button": "2.1.
|
|
25
|
-
"@fluid-topics/ft-chip": "2.1.
|
|
26
|
-
"@fluid-topics/ft-filter": "2.1.
|
|
27
|
-
"@fluid-topics/ft-icon": "2.1.
|
|
28
|
-
"@fluid-topics/ft-select": "2.1.
|
|
29
|
-
"@fluid-topics/ft-size-watcher": "2.1.
|
|
30
|
-
"@fluid-topics/ft-skeleton": "2.1.
|
|
31
|
-
"@fluid-topics/ft-snap-scroll": "2.1.
|
|
32
|
-
"@fluid-topics/ft-tooltip": "2.1.
|
|
33
|
-
"@fluid-topics/ft-typography": "2.1.
|
|
34
|
-
"@fluid-topics/ft-wc-utils": "2.1.
|
|
22
|
+
"@fluid-topics/ft-accordion": "2.1.21",
|
|
23
|
+
"@fluid-topics/ft-app-context": "2.1.21",
|
|
24
|
+
"@fluid-topics/ft-button": "2.1.21",
|
|
25
|
+
"@fluid-topics/ft-chip": "2.1.21",
|
|
26
|
+
"@fluid-topics/ft-filter": "2.1.21",
|
|
27
|
+
"@fluid-topics/ft-icon": "2.1.21",
|
|
28
|
+
"@fluid-topics/ft-select": "2.1.21",
|
|
29
|
+
"@fluid-topics/ft-size-watcher": "2.1.21",
|
|
30
|
+
"@fluid-topics/ft-skeleton": "2.1.21",
|
|
31
|
+
"@fluid-topics/ft-snap-scroll": "2.1.21",
|
|
32
|
+
"@fluid-topics/ft-tooltip": "2.1.21",
|
|
33
|
+
"@fluid-topics/ft-typography": "2.1.21",
|
|
34
|
+
"@fluid-topics/ft-wc-utils": "2.1.21",
|
|
35
35
|
"lit": "3.1.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@fluid-topics/public-api": "1.0.
|
|
38
|
+
"@fluid-topics/public-api": "1.0.136"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "a0f619df74c0665183d73df09e75b1eddc2a2a1f"
|
|
41
41
|
}
|