@fluid-topics/ft-in-product-help 1.2.49 → 1.2.51

package/build/ft-in-product-help.light.js

@@ -600,7 +600,7 @@ Also for action icons.`,r.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(a=>o.has(a))&&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(a=>a.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="",Ca(this.slottedElement,this.tooltip,this.position).then(({x:o,y:a})=>{this.tooltip&&(this.tooltip.style.left=`${o}px`,this.tooltip.style.top=`${a}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,a){return Math.max(o,Math.min(0,-a))}};P.elementDefinitions={"ft-typography":lt};P.styles=qr;tt([(0,G.property)()],P.prototype,"text",void 0);tt([(0,G.property)({type:Boolean})],P.prototype,"manual",void 0);tt([(0,G.property)({type:Boolean})],P.prototype,"inline",void 0);tt([(0,G.property)({type:Number})],P.prototype,"delay",void 0);tt([(0,G.property)()],P.prototype,"position",void 0);tt([(0,G.queryAssignedNodes)()],P.prototype,"slotNodes",void 0);tt([(0,G.query)(".ft-tooltip--container")],P.prototype,"container",void 0);tt([(0,G.query)(".ft-tooltip")],P.prototype,"tooltip",void 0);tt([(0,G.query)(".ft-tooltip--content")],P.prototype,"tooltipContent",void 0);tt([(0,G.state)()],P.prototype,"visible",void 0);tt([(0,G.eventOptions)({passive:!0})],P.prototype,"onTouch",null);tt([(0,G.eventOptions)({passive:!0})],P.prototype,"onHover",null);tt([(0,G.eventOptions)({passive:!0})],P.prototype,"onOut",null);tt([(0,G.eventOptions)({passive:!0})],P.prototype,"onClick",null);(0,wa.customElement)("ft-tooltip")(P);var Ra=x(R());var Na=x(U()),Ea=x(R());var Ht=class extends Ea.FtLitElement{render(){return Na.html`
+        `}updated(o){o.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(o)}contentAvailableCallback(o){super.contentAvailableCallback(o),["visible","text"].some(a=>o.has(a))&&this.visible&&this.positionTooltip()}async show(o){this.visible=!0,o!=null&&await this.hideDebounce.run(()=>{this.hide()},o)}async showTemporaryText(o,a){let i=this.manual;this.manual=!0;let c=this.text;this.text=o,await this.show(a),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(a=>a.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="",Ca(this.slottedElement,this.tooltip,this.position).then(({x:o,y:a})=>{this.tooltip&&(this.tooltip.style.left=`${o}px`,this.tooltip.style.top=`${a}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,a){return Math.max(o,Math.min(0,-a))}};P.elementDefinitions={"ft-typography":lt};P.styles=qr;tt([(0,G.property)()],P.prototype,"text",void 0);tt([(0,G.property)({type:Boolean})],P.prototype,"manual",void 0);tt([(0,G.property)({type:Boolean})],P.prototype,"inline",void 0);tt([(0,G.property)({type:Number})],P.prototype,"delay",void 0);tt([(0,G.property)()],P.prototype,"position",void 0);tt([(0,G.queryAssignedNodes)()],P.prototype,"slotNodes",void 0);tt([(0,G.query)(".ft-tooltip--container")],P.prototype,"container",void 0);tt([(0,G.query)(".ft-tooltip")],P.prototype,"tooltip",void 0);tt([(0,G.query)(".ft-tooltip--content")],P.prototype,"tooltipContent",void 0);tt([(0,G.state)()],P.prototype,"visible",void 0);tt([(0,G.eventOptions)({passive:!0})],P.prototype,"onTouch",null);tt([(0,G.eventOptions)({passive:!0})],P.prototype,"onHover",null);tt([(0,G.eventOptions)({passive:!0})],P.prototype,"onOut",null);tt([(0,G.eventOptions)({passive:!0})],P.prototype,"onClick",null);(0,wa.customElement)("ft-tooltip")(P);var Ra=x(R());var Na=x(U()),Ea=x(R());var Ht=class extends Ea.FtLitElement{render(){return Na.html`
             <div class="ft-loader">
                 <div></div>
                 <div></div>
@@ -644,7 +644,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
                 <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
             `:$t.html`
                 <slot part="icon" name="icon"></slot>
-            `}focus(){var o;(o=this.button)===null||o===void 0||o.focus()}focusWithoutTooltip(){var o;this.setTooltipManual(!0),(o=this.button)===null||o===void 0||o.focus(),this.setTooltipManual(!1)}setTooltipManual(o){this.tooltip&&(this.tooltip.manual=o)}click(){var o;(o=this.button)===null||o===void 0||o.click()}getLabel(){return this.label||this.textContent}get textContent(){return(0,Bt.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};$.elementDefinitions={"ft-ripple":B,"ft-tooltip":P,"ft-typography":lt,"ft-icon":et,"ft-loader":Ht};j([(0,M.property)()],$.prototype,"href",void 0);j([(0,M.property)()],$.prototype,"target",void 0);j([(0,M.property)({type:String,reflect:!0})],$.prototype,"role",void 0);j([(0,M.property)()],$.prototype,"type",void 0);j([(0,M.property)({type:Boolean})],$.prototype,"disabled",void 0);j([(0,M.property)()],$.prototype,"label",void 0);j([(0,M.property)()],$.prototype,"icon",void 0);j([(0,M.property)()],$.prototype,"iconVariant",void 0);j([(0,M.property)({type:Boolean})],$.prototype,"trailingIcon",void 0);j([(0,M.property)({type:Boolean})],$.prototype,"loading",void 0);j([(0,M.property)({attribute:"aria-label"})],$.prototype,"ariaLabel",void 0);j([(0,M.property)()],$.prototype,"tooltipPosition",void 0);j([(0,M.property)({type:Boolean})],$.prototype,"hideTooltip",void 0);j([(0,M.property)({type:Boolean})],$.prototype,"forceTooltip",void 0);j([(0,M.query)(".ft-button")],$.prototype,"button",void 0);j([(0,M.query)(".ft-button--label slot")],$.prototype,"slottedContent",void 0);j([(0,M.query)("[part=tooltip]")],$.prototype,"tooltip",void 0);var Te=function(e,o,a,i){var c=arguments.length,l=c<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(l=(c<3?d(l):c>3?d(o,a,l):d(o,a))||l);return c>3&&l&&Object.defineProperty(o,a,l),l},st=class extends ${constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}};st.styles=[La.safariEllipsisFix,Lr];Te([(0,be.property)({type:Boolean})],st.prototype,"primary",void 0);Te([(0,be.property)({type:Boolean})],st.prototype,"outlined",void 0);Te([(0,be.property)({type:Boolean})],st.prototype,"dense",void 0);Te([(0,be.property)({type:Boolean})],st.prototype,"round",void 0);var xe=x(ft());var ze=x(R());var Aa=x(U()),f=x(R());var Ia=[Aa.css`
+            `}focus(){var o;(o=this.button)===null||o===void 0||o.focus()}focusWithoutTooltip(){var o;this.setTooltipManual(!0),(o=this.button)===null||o===void 0||o.focus(),this.setTooltipManual(!1)}showTemporaryTooltip(o,a){var i;return(i=this.tooltip)===null||i===void 0?void 0:i.showTemporaryText(o,a)}setTooltipManual(o){this.tooltip&&(this.tooltip.manual=o)}click(){var o;(o=this.button)===null||o===void 0||o.click()}getLabel(){return this.label||this.textContent}get textContent(){return(0,Bt.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};$.elementDefinitions={"ft-ripple":B,"ft-tooltip":P,"ft-typography":lt,"ft-icon":et,"ft-loader":Ht};j([(0,M.property)()],$.prototype,"href",void 0);j([(0,M.property)()],$.prototype,"target",void 0);j([(0,M.property)({type:String,reflect:!0})],$.prototype,"role",void 0);j([(0,M.property)()],$.prototype,"type",void 0);j([(0,M.property)({type:Boolean})],$.prototype,"disabled",void 0);j([(0,M.property)()],$.prototype,"label",void 0);j([(0,M.property)()],$.prototype,"icon",void 0);j([(0,M.property)()],$.prototype,"iconVariant",void 0);j([(0,M.property)({type:Boolean})],$.prototype,"trailingIcon",void 0);j([(0,M.property)({type:Boolean})],$.prototype,"loading",void 0);j([(0,M.property)({attribute:"aria-label"})],$.prototype,"ariaLabel",void 0);j([(0,M.property)()],$.prototype,"tooltipPosition",void 0);j([(0,M.property)({type:Boolean})],$.prototype,"hideTooltip",void 0);j([(0,M.property)({type:Boolean})],$.prototype,"forceTooltip",void 0);j([(0,M.query)(".ft-button")],$.prototype,"button",void 0);j([(0,M.query)(".ft-button--label slot")],$.prototype,"slottedContent",void 0);j([(0,M.query)("[part=tooltip]")],$.prototype,"tooltip",void 0);var Te=function(e,o,a,i){var c=arguments.length,l=c<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(l=(c<3?d(l):c>3?d(o,a,l):d(o,a))||l);return c>3&&l&&Object.defineProperty(o,a,l),l},st=class extends ${constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}};st.styles=[La.safariEllipsisFix,Lr];Te([(0,be.property)({type:Boolean})],st.prototype,"primary",void 0);Te([(0,be.property)({type:Boolean})],st.prototype,"outlined",void 0);Te([(0,be.property)({type:Boolean})],st.prototype,"dense",void 0);Te([(0,be.property)({type:Boolean})],st.prototype,"round",void 0);var xe=x(ft());var ze=x(R());var Aa=x(U()),f=x(R());var Ia=[Aa.css`
         :host {
             display: inline-block;
             max-width: 100%;