https://zoomboola.com/js/6383162-c693423a.js

1"use strict";(globalThis.webpackChunkwebpacktemplate=globalThis.webpackChunkwebpacktemplate||[]).push([[6383],{6383(e,l,t){t.r(l),t.d(l,{default:()=>p});var a=t(822),o=t(7416),i=t(4526);const s=["title"];var n=t(4390),r=t(5671),u=t(744);const c={name:"IconTooltip",inheritAttrs:!1,props:{icon:{type:String,default:null},text:{type:String,default:null},iconClass:{type:String,default:null},tooltipClass:{type:String,default:null},ariaLabel:{type:String,default:null},hoverDelay:{type:Number,default:null},config:{type:Object,default:()=>({})}},setup(e){const l=(0,n.KR)(!1),t=(0,n.KR)(null),o=(0,n.KR)(null),i=(0,n.KR)(null),s=(0,n.KR)(null),c=(0,n.KR)(null),p=(0,a.EW)(()=>e.icon??e.config?.icon??"★"),f=(0,a.EW)(()=>e.text??e.config?.text??""),g=(0,a.EW)(()=>e.iconClass??e.config?.iconClass??"text-sm"),v=(0,a.EW)(()=>e.tooltipClass??e.config?.tooltipClass??""),T=(0,a.EW)(()=>e.ariaLabel??e.config?.ariaLabel??"Additional information"),d=(0,a.EW)(()=>e.hoverDelay??e.config?.hoverDelay??300),{floatingStyles:m,middlewareData:b,placement:h}=(0,r.we)(i,s,{placement:"top",middleware:[(0,u.cY)(8),(0,u.UU)(),(0,u.BN)({padding:16}),(0,r.UE)({element:c})],whileElementsMounted:u.ll}),y=(0,a.EW)(()=>{if(!b.value.arrow)return{};const{x:e,y:l}=b.value.arrow,t={top:"bottom",right:"left",bottom:"top",left:"right"}[h.value.split("-")[0]];return{left:null!=e?e+"px":"",top:null!=l?l+"px":"",[t]:"-4px"}});return{isVisible:l,triggerRef:i,floatingRef:s,arrowRef:c,floatingStyles:m,arrowStyles:y,actualIcon:p,actualText:f,actualIconClass:g,actualTooltipClass:v,actualAriaLabel:T,showTooltip:()=>{clearTimeout(o.value),clearTimeout(t.value),t.value=setTimeout(()=>{l.value=!0},d.value)},hideTooltip:()=>{clearTimeout(t.value),clearTimeout(o.value),o.value=setTimeout(()=>{l.value=!1},1e3)},keepTooltipVisible:()=>{clearTimeout(o.value),clearTimeout(t.value)},toggleTooltip:()=>{l.value=!l.value}}},beforeUnmount(){clearTimeout(this.showTimer),clearTimeout(this.hideTimer)}};const p=(0,t(1535).A)(c,[["render",function(e,l,t,n,r,u){return(0,a.uX)(),(0,a.CE)(a.FK,null,[(0,a.Lk)("abbr",(0,a.v6)(e.$attrs,{ref:"triggerRef",class:"relative inline-block no-underline cursor-help",title:n.actualText,onMouseenter:l[0]||(l[0]=(...e)=>n.showTooltip&&n.showTooltip(...e)),onMouseleave:l[1]||(l[1]=(...e)=>n.hideTooltip&&n.hideTooltip(...e)),onClick:l[2]||(l[2]=(0,o.D$)((...e)=>n.toggleTooltip&&n.toggleTooltip(...e),["prevent"]))}),[(0,a.Lk)("span",{class:(0,i.C4)(n.actualIconClass)},(0,i.v_)(n.actualIcon),3)],16,s),((0,a.uX)(),(0,a.Wv)(a.Im,{to:"body"},[(0,a.bF)(o.eB,{"enter-active-class":"transition duration-200 ease-out","enter-from-class":"scale-95 opacity-0","enter-to-class":"scale-100 opacity-100","leave-active-class":"transition duration-150 ease-in","leave-from-class":"scale-100 opacity-100","leave-to-class":"scale-95 opacity-0"},{default:(0,a.k6)(()=>[n.isVisible?((0,a.uX)(),(0,a.CE)("div",{key:0,ref:"floatingRef",style:(0,i.Tr)(n.floatingStyles),class:(0,i.C4)([n.actualTooltipClass,"z-[9999] px-3 py-2 text-xs text-white bg-gray-900 rounded-lg shadow-lg max-w-[calc(100vw-2rem)]"]),role:"tooltip",onMouseenter:l[3]||(l[3]=(...e)=>n.keepTooltipVisible&&n.keepTooltipVisible(...e)),onMouseleave:l[4]||(l[4]=(...e)=>n.hideTooltip&&n.hideTooltip(...e))},[(0,a.eW)((0,i.v_)(n.actualText)+" ",1),(0,a.Lk)("div",{ref:"arrowRef",style:(0,i.Tr)(n.arrowStyles),class:"absolute w-2 h-2 rotate-45 bg-gray-900"},null,4)],38)):(0,a.Q3)("",!0)]),_:1})]))],64)}]])}}]);