@fluid-topics/ft-tooltip 1.2.50 → 1.2.52

package/build/ft-tooltip.d.ts

@@ -21,6 +21,7 @@ export declare class FtTooltip extends FtLitElement implements FtTooltipProperti
     protected contentAvailableCallback(props: PropertyValues): void;
     private hideDebounce;
     show(duration?: number): Promise<void>;
+    showTemporaryText(text: string, duration: number): Promise<void>;
     hide(): void;
     toggle(): void;
     private get slottedElement();

package/build/ft-tooltip.js

@@ -67,6 +67,15 @@ class FtTooltip extends FtLitElement {
             }, duration);
         }
     }
+    async showTemporaryText(text, duration) {
+        const manualCurrentValue = this.manual;
+        this.manual = true;
+        const currentText = this.text;
+        this.text = text;
+        await this.show(duration);
+        this.text = currentText;
+        this.manual = manualCurrentValue;
+    }
     hide() {
         this.visible = false;
     }

package/build/ft-tooltip.light.js

@@ -160,7 +160,7 @@ Also for action icons.`,e.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
                     </div>
                 </div>
             </div>
-        `}updated(o){o.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(o)}contentAvailableCallback(o){super.contentAvailableCallback(o),["visible","text"].some(n=>o.has(n))&&this.visible&&this.positionTooltip()}async show(o){this.visible=!0,o!=null&&await this.hideDebounce.run(()=>{this.hide()},o)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var o;return((o=this.slotNodes)!==null&&o!==void 0?o:[]).filter(n=>n.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let o=this.tooltipContent.style;switch(o.transition="none",this.validPosition){case"top":o.top=this.tooltip.clientHeight+"px",o.left="0";break;case"bottom":o.top=-this.tooltip.clientHeight+"px",o.left="0";break;case"left":o.top="0",o.left=this.tooltip.clientWidth+"px";break;case"right":o.top="0",o.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Xo(this.slottedElement,this.tooltip,this.position).then(({x:o,y:n})=>{this.tooltip&&(this.tooltip.style.left=`${o}px`,this.tooltip.style.top=`${n}px`)})),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",o=>{o.composedPath().includes(this.container)||this.onOut()},{once:!0}),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(o,n){return Math.max(o,Math.min(0,-n))}};C.elementDefinitions={"ft-typography":G};C.styles=Io;L([(0,N.property)()],C.prototype,"text",void 0);L([(0,N.property)({type:Boolean})],C.prototype,"manual",void 0);L([(0,N.property)({type:Boolean})],C.prototype,"inline",void 0);L([(0,N.property)({type:Number})],C.prototype,"delay",void 0);L([(0,N.property)()],C.prototype,"position",void 0);L([(0,N.queryAssignedNodes)()],C.prototype,"slotNodes",void 0);L([(0,N.query)(".ft-tooltip--container")],C.prototype,"container",void 0);L([(0,N.query)(".ft-tooltip")],C.prototype,"tooltip",void 0);L([(0,N.query)(".ft-tooltip--content")],C.prototype,"tooltipContent",void 0);L([(0,N.state)()],C.prototype,"visible",void 0);L([(0,N.eventOptions)({passive:!0})],C.prototype,"onTouch",null);L([(0,N.eventOptions)({passive:!0})],C.prototype,"onHover",null);L([(0,N.eventOptions)({passive:!0})],C.prototype,"onOut",null);L([(0,N.eventOptions)({passive:!0})],C.prototype,"onClick",null);(0,Jo.customElement)("ft-tooltip")(C);})();
+        `}updated(o){o.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(o)}contentAvailableCallback(o){super.contentAvailableCallback(o),["visible","text"].some(n=>o.has(n))&&this.visible&&this.positionTooltip()}async show(o){this.visible=!0,o!=null&&await this.hideDebounce.run(()=>{this.hide()},o)}async showTemporaryText(o,n){let i=this.manual;this.manual=!0;let c=this.text;this.text=o,await this.show(n),this.text=c,this.manual=i}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var o;return((o=this.slotNodes)!==null&&o!==void 0?o:[]).filter(n=>n.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let o=this.tooltipContent.style;switch(o.transition="none",this.validPosition){case"top":o.top=this.tooltip.clientHeight+"px",o.left="0";break;case"bottom":o.top=-this.tooltip.clientHeight+"px",o.left="0";break;case"left":o.top="0",o.left=this.tooltip.clientWidth+"px";break;case"right":o.top="0",o.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Xo(this.slottedElement,this.tooltip,this.position).then(({x:o,y:n})=>{this.tooltip&&(this.tooltip.style.left=`${o}px`,this.tooltip.style.top=`${n}px`)})),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",o=>{o.composedPath().includes(this.container)||this.onOut()},{once:!0}),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(o,n){return Math.max(o,Math.min(0,-n))}};C.elementDefinitions={"ft-typography":G};C.styles=Io;L([(0,N.property)()],C.prototype,"text",void 0);L([(0,N.property)({type:Boolean})],C.prototype,"manual",void 0);L([(0,N.property)({type:Boolean})],C.prototype,"inline",void 0);L([(0,N.property)({type:Number})],C.prototype,"delay",void 0);L([(0,N.property)()],C.prototype,"position",void 0);L([(0,N.queryAssignedNodes)()],C.prototype,"slotNodes",void 0);L([(0,N.query)(".ft-tooltip--container")],C.prototype,"container",void 0);L([(0,N.query)(".ft-tooltip")],C.prototype,"tooltip",void 0);L([(0,N.query)(".ft-tooltip--content")],C.prototype,"tooltipContent",void 0);L([(0,N.state)()],C.prototype,"visible",void 0);L([(0,N.eventOptions)({passive:!0})],C.prototype,"onTouch",null);L([(0,N.eventOptions)({passive:!0})],C.prototype,"onHover",null);L([(0,N.eventOptions)({passive:!0})],C.prototype,"onOut",null);L([(0,N.eventOptions)({passive:!0})],C.prototype,"onClick",null);(0,Jo.customElement)("ft-tooltip")(C);})();
 /*! Bundled license information:
 
 lit-html/lit-html.js: