@scania/tegel 1.25.0-tooltip-beta.0 → 1.26.0

package/dist/collection/components/tooltip-beta/tooltip-beta.js

@@ -1,319 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class TdsTooltipBeta {
-    constructor() {
-        this.debounce = (func, delay) => (...args) => {
-            let debounceTimer;
-            clearTimeout(debounceTimer);
-            debounceTimer = setTimeout(() => func.apply(this, args), delay);
-        };
-        this.showTooltip = this.debounce(() => {
-            this.isVisible = true;
-            this.updateTooltipPosition();
-        }, 100);
-        this.hideTooltip = this.debounce(() => {
-            this.isVisible = false;
-        }, 100);
-        this.toggleTooltip = () => {
-            this.isVisible = !this.isVisible;
-            this.updateTooltipPosition();
-        };
-        this.setTooltipRef = (element) => {
-            this.tooltipEl = element;
-        };
-        this.text = '';
-        this.selector = undefined;
-        this.referenceEl = undefined;
-        this.defaultShow = false;
-        this.mouseOverTooltip = false;
-        this.trigger = 'hover';
-        this.show = null;
-        this.placement = 'bottom';
-        this.offsetSkidding = 0;
-        this.offsetDistance = 8;
-        this.isVisible = this.defaultShow;
-    }
-    componentDidLoad() {
-        if (!this.referenceEl && this.selector) {
-            this.referenceEl = document.querySelector(this.selector);
-        }
-        if (this.referenceEl) {
-            this.bindEvents();
-        }
-    }
-    connectedCallback() {
-        this.resizeObserver = new ResizeObserver(() => this.updateTooltipPosition());
-        if (this.referenceEl) {
-            this.resizeObserver.observe(this.referenceEl);
-        }
-        window.addEventListener('resize', this.updateTooltipPosition);
-    }
-    disconnectedCallback() {
-        this.resizeObserver.disconnect();
-        window.removeEventListener('resize', this.updateTooltipPosition);
-    }
-    bindEvents() {
-        var _a, _b;
-        if (this.trigger === 'hover') {
-            this.referenceEl.addEventListener('mouseenter', this.showTooltip);
-            this.referenceEl.addEventListener('mouseleave', this.hideTooltip);
-            if (this.mouseOverTooltip) {
-                (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', this.showTooltip);
-                (_b = this.tooltipEl) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', this.hideTooltip);
-            }
-        }
-        else if (this.trigger === 'click') {
-            this.referenceEl.addEventListener('click', this.toggleTooltip);
-        }
-    }
-    updateTooltipPosition() {
-        if (!this.tooltipEl || !this.referenceEl)
-            return;
-        requestAnimationFrame(() => {
-            const rect = this.referenceEl.getBoundingClientRect();
-            const { height, width, bottom } = rect;
-            let { top, left } = rect;
-            switch (this.placement) {
-                case 'top':
-                    top -= this.tooltipEl.offsetHeight + this.offsetDistance;
-                    left += width / 2 - this.tooltipEl.offsetWidth / 2;
-                    break;
-                case 'bottom':
-                    top += height + this.offsetDistance;
-                    left += width / 2 - this.tooltipEl.offsetWidth / 2;
-                    break;
-                case 'left':
-                    top += height / 2 - this.tooltipEl.offsetHeight / 2;
-                    left -= this.tooltipEl.offsetWidth + this.offsetDistance;
-                    break;
-                case 'right':
-                    top += height / 2 - this.tooltipEl.offsetHeight / 2;
-                    left += width + this.offsetDistance;
-                    break;
-                // Handle more complex placements like 'top-start', 'bottom-end', etc.
-                default:
-                    top = bottom + this.offsetDistance;
-                    left = left + width / 2 - this.tooltipEl.offsetWidth / 2;
-                    break;
-            }
-            // Additional offsets
-            left += this.offsetSkidding;
-            this.tooltipEl.style.top = `${top}px`;
-            this.tooltipEl.style.left = `${left}px`;
-        });
-    }
-    render() {
-        return (h(Host, { key: 'ccab2630363c007e8d4719d22ab140e80547251b' }, h("div", { key: '3c64224e0620e60f42089205e3ca8d0766df90cc', class: {
-                'tds-tooltip': true,
-                'tds-tooltip-show': this.isVisible,
-            }, ref: this.setTooltipRef }, this.text, h("slot", { key: '4674e18dbf5bfe563ca3c01757280ccd660c5049' }))));
-    }
-    static get is() { return "tds-tooltip-beta"; }
-    static get encapsulation() { return "scoped"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["tooltip-beta.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["tooltip-beta.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "text": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "text",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "selector": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "selector",
-                "reflect": false
-            },
-            "referenceEl": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "HTMLElement | null",
-                    "resolved": "HTMLElement",
-                    "references": {
-                        "HTMLElement": {
-                            "location": "global",
-                            "id": "global::HTMLElement"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "defaultShow": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "default-show",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "mouseOverTooltip": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "mouse-over-tooltip",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "trigger": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'click' | 'hover'",
-                    "resolved": "\"click\" | \"hover\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "trigger",
-                "reflect": false,
-                "defaultValue": "'hover'"
-            },
-            "show": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "show",
-                "reflect": false,
-                "defaultValue": "null"
-            },
-            "placement": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "Placement",
-                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-                    "references": {
-                        "Placement": {
-                            "location": "import",
-                            "path": "../../types/Tooltip",
-                            "id": "src/types/Tooltip.ts::Placement"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "placement",
-                "reflect": false,
-                "defaultValue": "'bottom'"
-            },
-            "offsetSkidding": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "offset-skidding",
-                "reflect": false,
-                "defaultValue": "0"
-            },
-            "offsetDistance": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "offset-distance",
-                "reflect": false,
-                "defaultValue": "8"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isVisible": {}
-        };
-    }
-    static get elementRef() { return "host"; }
-}

package/dist/collection/types/Tooltip.js

@@ -1 +0,0 @@
-export {};

package/dist/components/tds-tooltip-beta.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TdsTooltipBeta extends Components.TdsTooltipBeta, HTMLElement {}
-export const TdsTooltipBeta: {
-    prototype: TdsTooltipBeta;
-    new (): TdsTooltipBeta;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tds-tooltip-beta.js

@@ -1,149 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const tooltipBetaCss = ".sc-tds-tooltip-beta-h{position:absolute}.tds-tooltip.sc-tds-tooltip-beta{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip-beta *.sc-tds-tooltip-beta{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip-beta{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip-beta{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip-beta{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip-beta{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip-beta{opacity:1;visibility:visible}";
-const TdsTooltipBetaStyle0 = tooltipBetaCss;
-
-const TdsTooltipBeta$1 = /*@__PURE__*/ proxyCustomElement(class TdsTooltipBeta extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.debounce = (func, delay) => (...args) => {
-            let debounceTimer;
-            clearTimeout(debounceTimer);
-            debounceTimer = setTimeout(() => func.apply(this, args), delay);
-        };
-        this.showTooltip = this.debounce(() => {
-            this.isVisible = true;
-            this.updateTooltipPosition();
-        }, 100);
-        this.hideTooltip = this.debounce(() => {
-            this.isVisible = false;
-        }, 100);
-        this.toggleTooltip = () => {
-            this.isVisible = !this.isVisible;
-            this.updateTooltipPosition();
-        };
-        this.setTooltipRef = (element) => {
-            this.tooltipEl = element;
-        };
-        this.text = '';
-        this.selector = undefined;
-        this.referenceEl = undefined;
-        this.defaultShow = false;
-        this.mouseOverTooltip = false;
-        this.trigger = 'hover';
-        this.show = null;
-        this.placement = 'bottom';
-        this.offsetSkidding = 0;
-        this.offsetDistance = 8;
-        this.isVisible = this.defaultShow;
-    }
-    componentDidLoad() {
-        if (!this.referenceEl && this.selector) {
-            this.referenceEl = document.querySelector(this.selector);
-        }
-        if (this.referenceEl) {
-            this.bindEvents();
-        }
-    }
-    connectedCallback() {
-        this.resizeObserver = new ResizeObserver(() => this.updateTooltipPosition());
-        if (this.referenceEl) {
-            this.resizeObserver.observe(this.referenceEl);
-        }
-        window.addEventListener('resize', this.updateTooltipPosition);
-    }
-    disconnectedCallback() {
-        this.resizeObserver.disconnect();
-        window.removeEventListener('resize', this.updateTooltipPosition);
-    }
-    bindEvents() {
-        var _a, _b;
-        if (this.trigger === 'hover') {
-            this.referenceEl.addEventListener('mouseenter', this.showTooltip);
-            this.referenceEl.addEventListener('mouseleave', this.hideTooltip);
-            if (this.mouseOverTooltip) {
-                (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', this.showTooltip);
-                (_b = this.tooltipEl) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', this.hideTooltip);
-            }
-        }
-        else if (this.trigger === 'click') {
-            this.referenceEl.addEventListener('click', this.toggleTooltip);
-        }
-    }
-    updateTooltipPosition() {
-        if (!this.tooltipEl || !this.referenceEl)
-            return;
-        requestAnimationFrame(() => {
-            const rect = this.referenceEl.getBoundingClientRect();
-            const { height, width, bottom } = rect;
-            let { top, left } = rect;
-            switch (this.placement) {
-                case 'top':
-                    top -= this.tooltipEl.offsetHeight + this.offsetDistance;
-                    left += width / 2 - this.tooltipEl.offsetWidth / 2;
-                    break;
-                case 'bottom':
-                    top += height + this.offsetDistance;
-                    left += width / 2 - this.tooltipEl.offsetWidth / 2;
-                    break;
-                case 'left':
-                    top += height / 2 - this.tooltipEl.offsetHeight / 2;
-                    left -= this.tooltipEl.offsetWidth + this.offsetDistance;
-                    break;
-                case 'right':
-                    top += height / 2 - this.tooltipEl.offsetHeight / 2;
-                    left += width + this.offsetDistance;
-                    break;
-                // Handle more complex placements like 'top-start', 'bottom-end', etc.
-                default:
-                    top = bottom + this.offsetDistance;
-                    left = left + width / 2 - this.tooltipEl.offsetWidth / 2;
-                    break;
-            }
-            // Additional offsets
-            left += this.offsetSkidding;
-            this.tooltipEl.style.top = `${top}px`;
-            this.tooltipEl.style.left = `${left}px`;
-        });
-    }
-    render() {
-        return (h(Host, { key: 'ccab2630363c007e8d4719d22ab140e80547251b' }, h("div", { key: '3c64224e0620e60f42089205e3ca8d0766df90cc', class: {
-                'tds-tooltip': true,
-                'tds-tooltip-show': this.isVisible,
-            }, ref: this.setTooltipRef }, this.text, h("slot", { key: '4674e18dbf5bfe563ca3c01757280ccd660c5049' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsTooltipBetaStyle0; }
-}, [6, "tds-tooltip-beta", {
-        "text": [1],
-        "selector": [1],
-        "referenceEl": [16],
-        "defaultShow": [4, "default-show"],
-        "mouseOverTooltip": [4, "mouse-over-tooltip"],
-        "trigger": [1],
-        "show": [1028],
-        "placement": [1],
-        "offsetSkidding": [2, "offset-skidding"],
-        "offsetDistance": [2, "offset-distance"],
-        "isVisible": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-tooltip-beta"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-tooltip-beta":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTooltipBeta$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTooltipBeta = TdsTooltipBeta$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTooltipBeta, defineCustomElement };

package/dist/esm/tds-tooltip-beta.entry.js

@@ -1,119 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-51d04e39.js';
-
-const tooltipBetaCss = ".sc-tds-tooltip-beta-h{position:absolute}.tds-tooltip.sc-tds-tooltip-beta{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip-beta *.sc-tds-tooltip-beta{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip-beta{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip-beta{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip-beta{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip-beta{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip-beta{opacity:1;visibility:visible}";
-const TdsTooltipBetaStyle0 = tooltipBetaCss;
-
-const TdsTooltipBeta = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.debounce = (func, delay) => (...args) => {
-            let debounceTimer;
-            clearTimeout(debounceTimer);
-            debounceTimer = setTimeout(() => func.apply(this, args), delay);
-        };
-        this.showTooltip = this.debounce(() => {
-            this.isVisible = true;
-            this.updateTooltipPosition();
-        }, 100);
-        this.hideTooltip = this.debounce(() => {
-            this.isVisible = false;
-        }, 100);
-        this.toggleTooltip = () => {
-            this.isVisible = !this.isVisible;
-            this.updateTooltipPosition();
-        };
-        this.setTooltipRef = (element) => {
-            this.tooltipEl = element;
-        };
-        this.text = '';
-        this.selector = undefined;
-        this.referenceEl = undefined;
-        this.defaultShow = false;
-        this.mouseOverTooltip = false;
-        this.trigger = 'hover';
-        this.show = null;
-        this.placement = 'bottom';
-        this.offsetSkidding = 0;
-        this.offsetDistance = 8;
-        this.isVisible = this.defaultShow;
-    }
-    componentDidLoad() {
-        if (!this.referenceEl && this.selector) {
-            this.referenceEl = document.querySelector(this.selector);
-        }
-        if (this.referenceEl) {
-            this.bindEvents();
-        }
-    }
-    connectedCallback() {
-        this.resizeObserver = new ResizeObserver(() => this.updateTooltipPosition());
-        if (this.referenceEl) {
-            this.resizeObserver.observe(this.referenceEl);
-        }
-        window.addEventListener('resize', this.updateTooltipPosition);
-    }
-    disconnectedCallback() {
-        this.resizeObserver.disconnect();
-        window.removeEventListener('resize', this.updateTooltipPosition);
-    }
-    bindEvents() {
-        var _a, _b;
-        if (this.trigger === 'hover') {
-            this.referenceEl.addEventListener('mouseenter', this.showTooltip);
-            this.referenceEl.addEventListener('mouseleave', this.hideTooltip);
-            if (this.mouseOverTooltip) {
-                (_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', this.showTooltip);
-                (_b = this.tooltipEl) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', this.hideTooltip);
-            }
-        }
-        else if (this.trigger === 'click') {
-            this.referenceEl.addEventListener('click', this.toggleTooltip);
-        }
-    }
-    updateTooltipPosition() {
-        if (!this.tooltipEl || !this.referenceEl)
-            return;
-        requestAnimationFrame(() => {
-            const rect = this.referenceEl.getBoundingClientRect();
-            const { height, width, bottom } = rect;
-            let { top, left } = rect;
-            switch (this.placement) {
-                case 'top':
-                    top -= this.tooltipEl.offsetHeight + this.offsetDistance;
-                    left += width / 2 - this.tooltipEl.offsetWidth / 2;
-                    break;
-                case 'bottom':
-                    top += height + this.offsetDistance;
-                    left += width / 2 - this.tooltipEl.offsetWidth / 2;
-                    break;
-                case 'left':
-                    top += height / 2 - this.tooltipEl.offsetHeight / 2;
-                    left -= this.tooltipEl.offsetWidth + this.offsetDistance;
-                    break;
-                case 'right':
-                    top += height / 2 - this.tooltipEl.offsetHeight / 2;
-                    left += width + this.offsetDistance;
-                    break;
-                // Handle more complex placements like 'top-start', 'bottom-end', etc.
-                default:
-                    top = bottom + this.offsetDistance;
-                    left = left + width / 2 - this.tooltipEl.offsetWidth / 2;
-                    break;
-            }
-            // Additional offsets
-            left += this.offsetSkidding;
-            this.tooltipEl.style.top = `${top}px`;
-            this.tooltipEl.style.left = `${left}px`;
-        });
-    }
-    render() {
-        return (h(Host, { key: 'ccab2630363c007e8d4719d22ab140e80547251b' }, h("div", { key: '3c64224e0620e60f42089205e3ca8d0766df90cc', class: {
-                'tds-tooltip': true,
-                'tds-tooltip-show': this.isVisible,
-            }, ref: this.setTooltipRef }, this.text, h("slot", { key: '4674e18dbf5bfe563ca3c01757280ccd660c5049' }))));
-    }
-    get host() { return getElement(this); }
-};
-TdsTooltipBeta.style = TdsTooltipBetaStyle0;
-
-export { TdsTooltipBeta as tds_tooltip_beta };

package/dist/tegel/p-ef3671d8.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as s,g as o}from"./p-2049fab2.js";const e=class{constructor(i){t(this,i),this.debounce=(t,i)=>(...s)=>{let o;clearTimeout(o),o=setTimeout((()=>t.apply(this,s)),i)},this.showTooltip=this.debounce((()=>{this.isVisible=!0,this.updateTooltipPosition()}),100),this.hideTooltip=this.debounce((()=>{this.isVisible=!1}),100),this.toggleTooltip=()=>{this.isVisible=!this.isVisible,this.updateTooltipPosition()},this.setTooltipRef=t=>{this.tooltipEl=t},this.text="",this.selector=void 0,this.referenceEl=void 0,this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.isVisible=this.defaultShow}componentDidLoad(){!this.referenceEl&&this.selector&&(this.referenceEl=document.querySelector(this.selector)),this.referenceEl&&this.bindEvents()}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>this.updateTooltipPosition())),this.referenceEl&&this.resizeObserver.observe(this.referenceEl),window.addEventListener("resize",this.updateTooltipPosition)}disconnectedCallback(){this.resizeObserver.disconnect(),window.removeEventListener("resize",this.updateTooltipPosition)}bindEvents(){var t,i;"hover"===this.trigger?(this.referenceEl.addEventListener("mouseenter",this.showTooltip),this.referenceEl.addEventListener("mouseleave",this.hideTooltip),this.mouseOverTooltip&&(null===(t=this.tooltipEl)||void 0===t||t.addEventListener("mouseenter",this.showTooltip),null===(i=this.tooltipEl)||void 0===i||i.addEventListener("mouseleave",this.hideTooltip))):"click"===this.trigger&&this.referenceEl.addEventListener("click",this.toggleTooltip)}updateTooltipPosition(){this.tooltipEl&&this.referenceEl&&requestAnimationFrame((()=>{const t=this.referenceEl.getBoundingClientRect(),{height:i,width:s,bottom:o}=t;let{top:e,left:h}=t;switch(this.placement){case"top":e-=this.tooltipEl.offsetHeight+this.offsetDistance,h+=s/2-this.tooltipEl.offsetWidth/2;break;case"bottom":e+=i+this.offsetDistance,h+=s/2-this.tooltipEl.offsetWidth/2;break;case"left":e+=i/2-this.tooltipEl.offsetHeight/2,h-=this.tooltipEl.offsetWidth+this.offsetDistance;break;case"right":e+=i/2-this.tooltipEl.offsetHeight/2,h+=s+this.offsetDistance;break;default:e=o+this.offsetDistance,h=h+s/2-this.tooltipEl.offsetWidth/2}h+=this.offsetSkidding,this.tooltipEl.style.top=`${e}px`,this.tooltipEl.style.left=`${h}px`}))}render(){return i(s,{key:"ccab2630363c007e8d4719d22ab140e80547251b"},i("div",{key:"3c64224e0620e60f42089205e3ca8d0766df90cc",class:{"tds-tooltip":!0,"tds-tooltip-show":this.isVisible},ref:this.setTooltipRef},this.text,i("slot",{key:"4674e18dbf5bfe563ca3c01757280ccd660c5049"})))}get host(){return o(this)}};e.style=".sc-tds-tooltip-beta-h{position:absolute}.tds-tooltip.sc-tds-tooltip-beta{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip-beta *.sc-tds-tooltip-beta{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip-beta{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip-beta{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip-beta{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip-beta{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip-beta{opacity:1;visibility:visible}";export{e as tds_tooltip_beta}

package/dist/types/components/tooltip-beta/tooltip-beta.d.ts

@@ -1,28 +0,0 @@
-import { Placement } from '../../types/Tooltip';
-export declare class TdsTooltipBeta {
-    host: HTMLElement;
-    text: string;
-    selector: string;
-    referenceEl?: HTMLElement | null;
-    defaultShow: boolean;
-    mouseOverTooltip: boolean;
-    trigger: 'click' | 'hover';
-    show: boolean;
-    placement: Placement;
-    offsetSkidding: number;
-    offsetDistance: number;
-    isVisible: boolean;
-    private tooltipEl;
-    private resizeObserver;
-    componentDidLoad(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private bindEvents;
-    private debounce;
-    private showTooltip;
-    private hideTooltip;
-    private toggleTooltip;
-    private updateTooltipPosition;
-    private setTooltipRef;
-    render(): any;
-}

package/dist/types/types/Tooltip.d.ts

@@ -1,4 +0,0 @@
-type BasePlacement = 'top' | 'bottom' | 'left' | 'right';
-type VariationPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
-export type Placement = BasePlacement | VariationPlacement;
-export {};