@kelvininc/ui-components/components/p-DFBbXuLI.js

Kelvin UI Components

import { H as proxyCustomElement, I as H, K as h, L as Host } from './p-BP5CxQcH.js';

const tooltipTextCss = "@property --rotation{syntax:\"<angle>\";initial-value:0deg;inherits:false}@keyframes rotate-border{to{--rotation:360deg}}kv-dropdown-base:not(.hydrated)>[slot=list]{display:none}:host{--container-white-space:normal;--container-width:fit-content;--container-max-width:280px;--container-background-color:var(--tooltip-background-default)}.tooltip-container{height:fit-content;width:var(--container-width);max-width:var(--container-max-width);display:inline-block;word-wrap:break-word;background-color:var(--container-background-color);user-select:none;border-radius:var(--tooltip-radius-default);padding:var(--tooltip-padding-y-default) var(--tooltip-padding-x-default);white-space:var(--container-white-space)}.tooltip-container .tooltip-text{font-family:Proxima Nova;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0;color:var(--tooltip-text-default)}";

const KvTooltipText = /*@__PURE__*/ proxyCustomElement(class KvTooltipText extends H {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
        /** @inheritdoc */
        this.text = '';
    }
    render() {
        return (h(Host, { key: '70840ea0de71d12ce34b657f0fdf9d2a940f6332' }, h("div", { key: '4ff2b2e412cb5d3531548915b4885f9eb109524f', class: "tooltip-container", part: "tooltip-container" }, this.text && h("div", { key: 'af8d1f527dbc20d141c1e00ff58f5ebbd320014b', class: "tooltip-text" }, this.text), h("div", { key: 'e5a8a93fc9d3c37615c10e060cb6cc4026dd3b71', class: "tooltip-slot", part: "tooltip-slot-content" }, h("slot", { key: '0e011fc72a7b96a2a4324e1715f679092f11473b' })))));
    }
    static get style() { return tooltipTextCss; }
}, [257, "kv-tooltip-text", {
        "text": [513]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["kv-tooltip-text"];
    components.forEach(tagName => { switch (tagName) {
        case "kv-tooltip-text":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, KvTooltipText);
            }
            break;
    } });
}
defineCustomElement();

export { KvTooltipText as K, defineCustomElement as d };