@fluid-topics/ft-search-result-metadata 1.0.1 → 1.0.3

package/build/ft-search-result-metadata.light.js

@@ -168,7 +168,7 @@ const yt=Symbol.for(""),mt=t=>{if((null==t?void 0:t.r)===yt)return null==t?void
                     </div>
                 </div>
             </div>
-        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){["visible","text"].some((i=>t.has(i)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let n=0,s=0;switch(this.validPosition){case"top":s=-this.tooltip.clientHeight,n=o;break;case"bottom":s=i.height,n=o;break;case"left":s=e,n=-this.tooltip.clientWidth;break;case"right":s=e,n=i.width}i.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+n<0&&(n=0);const r=this.tooltip.style;r.left=n+"px",r.top=s+"px",r.maxWidth=`max(${i.width}px, ${Pi})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}Ki.elementDefinitions={"ft-typography":Ai},Ki.styles=Di,Wi([o.property()],Ki.prototype,"text",void 0),Wi([o.property({type:Boolean})],Ki.prototype,"manual",void 0),Wi([o.property({type:Boolean})],Ki.prototype,"inline",void 0),Wi([o.property({type:Number})],Ki.prototype,"delay",void 0),Wi([o.property()],Ki.prototype,"position",void 0),Wi([o.queryAssignedNodes("",!0)],Ki.prototype,"slotNodes",void 0),Wi([o.query(".ft-tooltip--container")],Ki.prototype,"container",void 0),Wi([o.query("slot")],Ki.prototype,"target",void 0),Wi([o.query(".ft-tooltip")],Ki.prototype,"tooltip",void 0),Wi([o.query(".ft-tooltip--content")],Ki.prototype,"tooltipContent",void 0),Wi([o.state()],Ki.prototype,"visible",void 0),i.customElement("ft-tooltip")(Ki);const Hi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),Gi={color:Hi,backgroundColor:i.FtCssVariableFactory.extend("--ft-ripple-background-color",Hi),opacityContentOnSurfacePressed:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:i.FtCssVariableFactory.create("--ft-ripple-border-radius","SIZE","0px")},Vi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),qi=Vi,Xi=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Vi),Yi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),Ji=Yi,Qi=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Yi),te=e.css`
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((i=>t.has(i)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let n=0,s=0;switch(this.validPosition){case"top":s=-this.tooltip.clientHeight,n=o;break;case"bottom":s=i.height,n=o;break;case"left":s=e,n=-this.tooltip.clientWidth;break;case"right":s=e,n=i.width}i.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+n<0&&(n=0);const r=this.tooltip.style;r.left=n+"px",r.top=s+"px",r.maxWidth=`max(${i.width}px, ${Pi})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}Ki.elementDefinitions={"ft-typography":Ai},Ki.styles=Di,Wi([o.property()],Ki.prototype,"text",void 0),Wi([o.property({type:Boolean})],Ki.prototype,"manual",void 0),Wi([o.property({type:Boolean})],Ki.prototype,"inline",void 0),Wi([o.property({type:Number})],Ki.prototype,"delay",void 0),Wi([o.property()],Ki.prototype,"position",void 0),Wi([o.queryAssignedNodes("",!0)],Ki.prototype,"slotNodes",void 0),Wi([o.query(".ft-tooltip--container")],Ki.prototype,"container",void 0),Wi([o.query("slot")],Ki.prototype,"target",void 0),Wi([o.query(".ft-tooltip")],Ki.prototype,"tooltip",void 0),Wi([o.query(".ft-tooltip--content")],Ki.prototype,"tooltipContent",void 0),Wi([o.state()],Ki.prototype,"visible",void 0),i.customElement("ft-tooltip")(Ki);const Hi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),Gi={color:Hi,backgroundColor:i.FtCssVariableFactory.extend("--ft-ripple-background-color",Hi),opacityContentOnSurfacePressed:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:i.FtCssVariableFactory.create("--ft-ripple-border-radius","SIZE","0px")},Vi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),qi=Vi,Xi=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Vi),Yi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),Ji=Yi,Qi=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Yi),te=e.css`
     :host {
         display: contents;
     }