@trimble-oss/moduswebcomponents
Version:
Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust
1 lines • 1.95 kB
JavaScript
import{r as o,h as t,H as s,g as i}from"./p-dzXW86AR.js";import{i as e}from"./p-B5lx0dpl.js";const d=class{constructor(t){o(this,t),this.inheritedAttributes={},this.content="",this.customClass="",this.disabled=!1,this.position="auto"}componentWillLoad(){this.inheritedAttributes=e(this.el)}getClasses(){const o=["modus-wc-tooltip"],t=(o=>{let t="";return Object.prototype.hasOwnProperty.call(o,"disabled")&&o.disabled&&(t=`${t} modus-wc-tooltip-disabled`),Object.prototype.hasOwnProperty.call(o,"forceOpen")&&o.forceOpen&&(t=`${t} modus-wc-tooltip-open`),Object.prototype.hasOwnProperty.call(o,"position")&&o.position&&"auto"!==o.position&&(t=`${t} modus-wc-tooltip-${o.position}`),t})({disabled:this.disabled,forceOpen:this.forceOpen,position:this.position});return t&&o.push(t),this.customClass&&o.push(this.customClass),o.join(" ")}render(){return t(s,{key:"26ff463c2a49953c59410de0daabd4296a056c48"},t("div",Object.assign({key:"52f2a2dd4b5c0c76ef2ddd7e6380159aa56efeb4",class:this.getClasses(),"data-tip":this.content,id:this.tooltipId,role:"tooltip"},this.inheritedAttributes),t("slot",{key:"e3bb96e9d501349ca0702a5b697d1bd31d3ad533"})))}get el(){return i(this)}};d.style=".modus-wc-tooltip{--tooltip-color:var(--modus-wc-color-neutral-content);--tooltip-text-color:var(--modus-wc-color-neutral);font-weight:var(--modus-wc-font-weight-regular)}[data-theme=modus-classic-light] modus-wc-tooltip .modus-wc-tooltip{--tooltip-color:var(--modus-wc-color-gray-7);--tooltip-text-color:var(--modus-wc-color-white);font-weight:var(--modus-wc-font-weight-regular)}[data-theme=modus-classic-dark] modus-wc-tooltip .modus-wc-tooltip{--tooltip-color:var(--modus-wc-color-gray-0);--tooltip-text-color:var(--modus-wc-color-trimble-gray);font-weight:var(--modus-wc-font-weight-regular)}modus-wc-tooltip .modus-wc-tooltip-disabled::before,modus-wc-tooltip .modus-wc-tooltip-disabled::after{display:none;opacity:0;visibility:hidden}";export{d as modus_wc_tooltip}