@salla.sa/twilight-components/dist/twilight/p-32ff9ab8.entry.js

Salla Web Component

/*!
 * Crafted with ❤ by Salla
 */
import{r as t,h as e,g as a}from"./p-BrMYHkA5.js";const o='.s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;-webkit-transform:translateX(-39%);transform:translateX(-39%);background-color:#baf3e6;color:#004d5a;bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#baf3e6 transparent transparent transparent}.s-tooltip-item:dir(ltr){-webkit-transform:translateX(-72%);transform:translateX(-72%)}';const i=class{constructor(e){t(this,e);this.show=false;this.targetElement=null}handleMouseOver(t){if(this.targetElement&&this.targetElement.contains(t.target)){this.show=true}}handleMouseOut(t){if(this.targetElement&&this.targetElement.contains(t.target)){this.show=false}}componentDidLoad(){this.targetElement=document.getElementById(this.targetId)}render(){return e("div",{key:"b0afcb634e39c7ec45478aaa5f5962b86f56bf30",class:"s-tooltip-container"},e("slot",{key:"caa9b1f670791ef06a2220f92f060440c2908a31"}),this.show&&e("div",{key:"acae5a536d6c339da0274ea0f19f10148d9fe09e",class:"s-tooltip-item"},this.text))}get el(){return a(this)}};i.style=o;export{i as salla_tooltip};
//# sourceMappingURL=p-32ff9ab8.entry.js.map