overview-components 1.1.0 → 1.1.10

package/dist/shared/lit-tooltip.js

@@ -0,0 +1,166 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { computePosition, offset, flip, shift, arrow, autoUpdate, } from '@floating-ui/dom';
+let PerfTooltip = class PerfTooltip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.placement = 'top';
+        this.cleanup = null;
+        this.isHoveringTrigger = false;
+        this.isHoveringTooltip = false;
+        this.hideTimeout = null;
+    }
+    firstUpdated() {
+        const triggerEl = this.triggerSlot.assignedElements()[0];
+        const tooltipEl = this.tooltipSlot.assignedElements()[0];
+        if (!triggerEl || !tooltipEl)
+            return;
+        triggerEl.addEventListener('mouseenter', () => {
+            this.isHoveringTrigger = true;
+            this.clearHideTimeout();
+            this.showTooltip(triggerEl, tooltipEl);
+        });
+        triggerEl.addEventListener('mouseleave', () => {
+            this.isHoveringTrigger = false;
+            this.startHideTimeout();
+        });
+        triggerEl.addEventListener('focus', () => this.showTooltip(triggerEl, tooltipEl));
+        triggerEl.addEventListener('blur', () => this.hideTooltip(tooltipEl));
+        triggerEl.addEventListener('keydown', (e) => {
+            if (e.key === 'Escape')
+                this.hideTooltip(tooltipEl);
+        });
+        tooltipEl.addEventListener('mouseenter', () => {
+            this.isHoveringTooltip = true;
+            this.clearHideTimeout();
+        });
+        tooltipEl.addEventListener('mouseleave', () => {
+            this.isHoveringTooltip = false;
+            this.startHideTimeout();
+        });
+    }
+    startHideTimeout() {
+        this.clearHideTimeout();
+        this.hideTimeout = window.setTimeout(() => {
+            if (!this.isHoveringTrigger && !this.isHoveringTooltip) {
+                const tooltipEl = this.tooltipSlot.assignedElements()[0];
+                if (tooltipEl)
+                    this.hideTooltip(tooltipEl);
+            }
+        }, 200);
+    }
+    clearHideTimeout() {
+        if (this.hideTimeout !== null) {
+            clearTimeout(this.hideTimeout);
+            this.hideTimeout = null;
+        }
+    }
+    async showTooltip(triggerEl, tooltipEl) {
+        tooltipEl.setAttribute('data-visible', '');
+        let arrowEl = tooltipEl.querySelector('.arrow');
+        if (!arrowEl) {
+            arrowEl = document.createElement('div');
+            arrowEl.classList.add('arrow');
+            tooltipEl.appendChild(arrowEl);
+        }
+        this.cleanup = autoUpdate(triggerEl, tooltipEl, async () => {
+            const position = await computePosition(triggerEl, tooltipEl, {
+                placement: this.placement,
+                middleware: [offset(8), flip(), shift({ padding: 5 }), arrow({ element: arrowEl })],
+            });
+            const { x, y, placement, middlewareData } = position;
+            const { arrow: arrowData } = middlewareData;
+            Object.assign(tooltipEl.style, {
+                left: `${x}px`,
+                top: `${y}px`,
+            });
+            if (arrowData) {
+                const { x: arrowX, y: arrowY } = arrowData;
+                Object.assign(arrowEl.style, {
+                    left: arrowX != null ? `${arrowX}px` : '',
+                    top: arrowY != null ? `${arrowY}px` : '',
+                });
+            }
+            arrowEl.setAttribute('data-placement', placement);
+        });
+    }
+    hideTooltip(tooltipEl) {
+        tooltipEl.removeAttribute('data-visible');
+        this.cleanup?.();
+        this.cleanup = null;
+    }
+    render() {
+        return html `
+            <slot name="trigger"></slot>
+            <slot name="tooltip"></slot>
+        `;
+    }
+};
+PerfTooltip.styles = css `
+        :host {
+            position: relative;
+            display: inline-block;
+        }
+
+        ::slotted([slot='tooltip']) {
+            position: absolute;
+            z-index: 9999;
+            background: #111;
+            color: #fff;
+            padding: 6px 10px;
+            border-radius: 4px;
+            font-size: 12px;
+            opacity: 0;
+            transition: opacity 0.2s ease;
+            pointer-events: none;
+        }
+
+        ::slotted([slot='tooltip'][data-visible]) {
+            opacity: 1;
+            pointer-events: auto;
+        }
+
+        .arrow {
+            position: absolute;
+            width: 8px;
+            height: 8px;
+            background: inherit;
+            transform: rotate(45deg);
+        }
+
+        .arrow[data-placement^='top'] {
+            bottom: -4px;
+        }
+
+        .arrow[data-placement^='bottom'] {
+            top: -4px;
+        }
+
+        .arrow[data-placement^='left'] {
+            right: -4px;
+        }
+
+        .arrow[data-placement^='right'] {
+            left: -4px;
+        }
+    `;
+__decorate([
+    property({ type: String })
+], PerfTooltip.prototype, "placement", void 0);
+__decorate([
+    query('slot[name="trigger"]')
+], PerfTooltip.prototype, "triggerSlot", void 0);
+__decorate([
+    query('slot[name="tooltip"]')
+], PerfTooltip.prototype, "tooltipSlot", void 0);
+PerfTooltip = __decorate([
+    customElement('perf-tooltip')
+], PerfTooltip);
+export { PerfTooltip };
+//# sourceMappingURL=lit-tooltip.js.map

package/dist/shared/lit-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-tooltip.js","sourceRoot":"","sources":["../../src/shared/lit-tooltip.ts"],"names":[],"mappings":"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"}

package/dist/shared/simple-popper.d.ts

@@ -9,6 +9,7 @@ export declare class SimplePopper extends LitElement {
     maxWidthAsTarget: boolean;
     placement: 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
     offset: number;
+    onClose: () => void;
     private arrowElement;
     constructor();
     firstUpdated(): void;
@@ -17,10 +18,11 @@ export declare class SimplePopper extends LitElement {
     _target: Element | null;
     get target(): Element | null;
     set target(target: Element | null);
+    private cleanupAutoUpdate;
     show: () => void;
+    hide: () => void;
     hideOnOutsideClick: (event: Event) => void;
     hideOnSlotClick: (event: Event) => void;
-    hide: () => void;
     finishHide: () => void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/shared/simple-popper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-popper.d.ts","sourceRoot":"","sources":["../../src/shared/simple-popper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAU,MAAM,KAAK,CAAC;AAS1C,qBACa,YAAa,SAAQ,UAAU;IAExC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI;IAYrE,MAAM,CAAC,MAAM,0BA8BX;IAIF,OAAO,UAAS;IAEhB,aAAa,UAAS;IAEtB,gBAAgB,UAAS;IAEzB,SAAS,EACH,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,GACT,aAAa,GACb,WAAW,GACX,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,CAAS;IAIzB,MAAM,SAAK;IAEX,OAAO,CAAC,YAAY,CAAwC;;IAQ5D,YAAY;IAGZ,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAO3D,iBAAiB;IASjB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAQ;IAC/B,IAAI,MAAM,IAGS,OAAO,GAAG,IAAI,CADhC;IACD,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,EAYhC;IAED,IAAI,aAiEF;IAEF,kBAAkB,GAAI,OAAO,KAAK,UAIhC;IAEF,eAAe,GAAI,OAAO,KAAK,UAG7B;IAEF,IAAI,aAIF;IAEF,UAAU,aAIR;IAEF,MAAM;CAIT;AAED,cAAM,eAAgB,SAAQ,SAAS;IACnC,YAAY,UAAS;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,aAAa,GAAE,OAAY;IAClC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC;IAUpE,SAAS;IAOT,oBAAoB;CAGvB;AAED,eAAO,MAAM,MAAM,mGAA6B,CAAC"}
+{"version":3,"file":"simple-popper.d.ts","sourceRoot":"","sources":["../../src/shared/simple-popper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAU,MAAM,KAAK,CAAC;AAkB1C,qBACa,YAAa,SAAQ,UAAU;IAExC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI;IAYrE,MAAM,CAAC,MAAM,0BAiCX;IAIF,OAAO,UAAS;IAEhB,aAAa,UAAS;IAEtB,gBAAgB,UAAS;IAEzB,SAAS,EACH,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,GACT,aAAa,GACb,WAAW,GACX,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,CAAS;IAIzB,MAAM,SAAK;IAEX,OAAO,aAAY;IAEnB,OAAO,CAAC,YAAY,CAAwC;;IAQ5D,YAAY;IAGZ,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAO3D,iBAAiB;IASjB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAQ;IAC/B,IAAI,MAAM,IAGS,OAAO,GAAG,IAAI,CADhC;IACD,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,EAYhC;IACD,OAAO,CAAC,iBAAiB,CAA6B;IAEtD,IAAI,aAiGF;IAEF,IAAI,aASF;IAEF,kBAAkB,GAAI,OAAO,KAAK,UAMhC;IAEF,eAAe,GAAI,OAAO,KAAK,UAG7B;IAEF,UAAU,aAIR;IAEF,MAAM;CAIT;AAED,cAAM,eAAgB,SAAQ,SAAS;IACnC,YAAY,UAAS;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,aAAa,GAAE,OAAY;IAClC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC;IAUpE,SAAS;IAOT,oBAAoB;CAGvB;AAED,eAAO,MAAM,MAAM,mGAA6B,CAAC"}

package/dist/shared/simple-popper.js

@@ -9,9 +9,9 @@ import { customElement, property } from 'lit/decorators.js';
 import { Directive, directive } from 'lit/directive.js';
 import { render } from 'lit';
 // Positioning library
-import { computePosition, offset, shift, arrow, size } from '@floating-ui/dom';
+import { computePosition, autoUpdate, offset, shift, arrow, size, hide, flip, } from '@floating-ui/dom';
 // Events to turn on/off the popper
-const enterEvents = ['click', 'focus'];
+const enterEvents = ['click'];
 const leaveEvents = ['blur'];
 let SimplePopper = class SimplePopper extends LitElement {
     // Lazy creation
@@ -35,59 +35,97 @@ let SimplePopper = class SimplePopper extends LitElement {
         this.placement = 'top';
         // Position offset
         this.offset = 4;
+        this.onClose = () => { };
         this.arrowElement = null;
         // Target for which to show tooltip
         this._target = null;
+        this.cleanupAutoUpdate = null;
         this.show = () => {
+            document.addEventListener('click', this.hideOnOutsideClick, { capture: true });
             if (!this.manualOpening) {
-                document.addEventListener('click', this.hideOnOutsideClick, { capture: true });
                 this.addEventListener('click', this.hideOnSlotClick);
             }
-            // document.body.appendChild(tooltip);
             this.style.cssText = '';
-            this.style.zIndex = '1500';
+            this.style.zIndex = '99999';
             this.style.width = `${this.maxWidthAsTarget ? `${this.target?.clientWidth}px` || '0px' : undefined}`;
             this.style.maxWidth = `${this.maxWidthAsTarget ? undefined : 'max-content'}`;
+            // Setup autoUpdate to follow parent scroll/resize
             if (this.target && this.arrowElement) {
-                computePosition(this.target, this, {
-                    placement: this.placement,
-                    strategy: 'absolute',
-                    middleware: [
-                        offset(this.offset),
-                        shift(),
-                        size({ padding: 5 }),
-                        //autoPlacement({ allowedPlacements: ['top', 'bottom', 'left', 'right'] }),
-                        arrow({ element: this.arrowElement }),
-                    ],
-                }).then(({ x, y, middlewareData, placement, }) => {
-                    this.style.left = `${x}px`;
-                    this.style.top = `${y}px`;
-                    // Append to body to escape parent stacking context
-                    const { x: arrowX, y: arrowY } = middlewareData.arrow;
-                    const staticSide = {
-                        top: 'bottom',
-                        right: 'left',
-                        bottom: 'top',
-                        left: 'right',
-                    }[placement.split('-')[0]] || 'top';
-                    if (this.arrowElement) {
-                        Object.assign(this.arrowElement.style, {
-                            left: arrowX != null ? `${arrowX}px` : '',
-                            top: arrowY != null ? `${arrowY}px` : '',
-                            right: '',
-                            bottom: '',
-                            [staticSide]: '-4px',
-                        });
-                    }
+                if (this.cleanupAutoUpdate) {
+                    this.cleanupAutoUpdate();
+                    this.cleanupAutoUpdate = null;
+                }
+                this.cleanupAutoUpdate = autoUpdate(this.target, this, () => {
+                    computePosition(this.target, this, {
+                        placement: this.placement,
+                        strategy: 'absolute',
+                        middleware: [
+                            offset(this.offset),
+                            shift(),
+                            flip(),
+                            hide(),
+                            size({
+                                padding: 20,
+                                apply({ availableWidth, availableHeight, elements }) {
+                                    // Clamp maxWidth to availableWidth
+                                    elements.floating.style.maxWidth = `${Math.max(0, availableWidth)}px`;
+                                    // Determine the maximum allowed height
+                                    const computedMaxHeight = Math.min(400, Math.max(0, availableHeight));
+                                    // If everything fits, remove maxHeight restriction. Otherwise, apply the clamp.
+                                    if (elements.floating.scrollHeight <= computedMaxHeight) {
+                                        elements.floating.style.maxHeight = '';
+                                    }
+                                    else {
+                                        elements.floating.style.maxHeight = `${computedMaxHeight}px`;
+                                    }
+                                },
+                            }),
+                            arrow({ element: this.arrowElement }),
+                        ],
+                    }).then(({ x, y, middlewareData, placement, }) => {
+                        if (middlewareData.hide) {
+                            Object.assign(this.style, {
+                                display: (middlewareData.hide.referenceHidden || !this.showing) ? 'none' : 'block',
+                            });
+                        }
+                        this.style.left = `${x}px`;
+                        this.style.top = `${y}px`;
+                        const { x: arrowX, y: arrowY } = middlewareData.arrow;
+                        const staticSide = {
+                            top: 'bottom',
+                            right: 'left',
+                            bottom: 'top',
+                            left: 'right',
+                        }[placement.split('-')[0]] || 'top';
+                        if (this.arrowElement) {
+                            Object.assign(this.arrowElement.style, {
+                                left: arrowX != null ? `${arrowX}px` : '',
+                                top: arrowY != null ? `${arrowY}px` : '',
+                                right: '',
+                                bottom: '',
+                                [staticSide]: '-4px',
+                            });
+                        }
+                    });
                 });
             }
             this.showing = true;
-            if (!document.body.contains(this)) {
-                document.body.appendChild(this);
+            document.body.appendChild(this);
+        };
+        this.hide = () => {
+            this.showing = false;
+            if (this.cleanupAutoUpdate) {
+                this.cleanupAutoUpdate();
+                this.cleanupAutoUpdate = null;
             }
+            document.removeEventListener('click', this.hideOnOutsideClick, { capture: true });
+            this.removeEventListener('click', this.hideOnSlotClick);
+            this.onClose?.();
         };
         this.hideOnOutsideClick = (event) => {
-            if (!this.contains(event.target) && !this.target?.contains(event.target)) {
+            // Use composedPath to reliably detect if click was inside popper or target
+            const path = (event.composedPath && event.composedPath()) || [];
+            if (!path.includes(this) && !path.includes(this.target)) {
                 this.hide();
             }
         };
@@ -95,11 +133,6 @@ let SimplePopper = class SimplePopper extends LitElement {
             event.stopPropagation(); // Prevent click bubbling
             this.hide();
         };
-        this.hide = () => {
-            this.showing = false;
-            document.removeEventListener('click', this.hideOnOutsideClick, { capture: true });
-            this.removeEventListener('click', this.hideOnSlotClick);
-        };
         this.finishHide = () => {
             if (!this.showing) {
                 this.style.display = 'none';
@@ -142,40 +175,43 @@ let SimplePopper = class SimplePopper extends LitElement {
         this._target = target;
     }
     render() {
-        return html `<div id="arrow"></div>
+        return html `<div id="arrow"></div>
             <slot></slot>`;
     }
 };
-SimplePopper.styles = css `
-        :host {
-            position: absolute;
-            max-height: 200px;
-            top: 0;
-            left: 0;
-            background-color: var(--background-paper, #fff);
-            border-radius: 0.5rem;
-            padding: 0.375rem;
-            box-shadow: var(--box-shadow, 0px 4px 6px rgba(0, 0, 0, 0.1));
-            /* Animate in */
-            opacity: 0;
-            transform: scale(0.75);
-            transition: opacity, transform;
-            transition-duration: 0.33s;
-            color: var(--text-primary, #111827);
-            overflow: auto;
-        }
-
-        :host([showing]) {
-            opacity: 1;
-            transform: scale(1);
-        }
-        #arrow {
-            position: absolute;
-            background: var(--background-paper, #fff);
-            width: 8px;
-            height: 8px;
-            transform: rotate(45deg);
-        }
+SimplePopper.styles = css `
+        :host {
+            position: absolute;
+            max-height: 50vh;
+            top: 0;
+            left: 0;
+            background-color: var(--background-paper, #fff);
+            border-radius: 0.5rem;
+            padding: 0.375rem;
+            box-shadow: var(--box-shadow, 0px 4px 6px rgba(0, 0, 0, 0.1));
+            /* Animate in */
+            opacity: 0;
+            transform: scale(0.75);
+            transition: opacity, transform;
+            transition-duration: 0.33s;
+            color: var(--text-primary, #111827);
+            overflow-y: auto;
+            overflow-x: hidden;
+            border: 0.0625rem solid var(--color-divider, #e5e7eb);
+        }
+
+        :host([showing]) {
+            pointer-events: auto;
+            opacity: 1;
+            transform: scale(1);
+        }
+        #arrow {
+            position: absolute;
+            background: var(--background-paper, #fff);
+            width: 0.5rem;
+            height: 0.5rem;
+            transform: rotate(45deg);
+        }
     `;
 __decorate([
     property({ reflect: true, type: Boolean })
@@ -192,6 +228,9 @@ __decorate([
 __decorate([
     property({ type: Number })
 ], SimplePopper.prototype, "offset", void 0);
+__decorate([
+    property({ type: Function })
+], SimplePopper.prototype, "onClose", void 0);
 SimplePopper = __decorate([
     customElement('simple-popper')
 ], SimplePopper);

package/dist/shared/simple-popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-popper.js","sourceRoot":"","sources":["../../src/shared/simple-popper.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"simple-popper.js","sourceRoot":"","sources":["../../src/shared/simple-popper.ts"],"names":[],"mappings":"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"}

package/dist/shared/simple-tooltip.d.ts

@@ -1,35 +1,26 @@
 import { LitElement } from 'lit';
-import { Directive, DirectiveParameters } from 'lit/directive.js';
-import { ElementPart } from 'lit';
-export type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 export declare class SimpleTooltip extends LitElement {
-    static lazy(target: Element, callback: (target: SimpleTooltip) => void): void;
     static styles: import("lit").CSSResult;
     showing: boolean;
     placement: TooltipPlacement;
     offset: number;
+    openDelayMs: number;
     private arrowElement;
-    constructor();
-    firstUpdated(): void;
-    connectedCallback(): void;
-    _target: Element | null;
+    private _target;
+    private openTimeout;
+    private isHoveringTarget;
     get target(): Element | null;
-    set target(target: Element | null);
-    show: () => void;
+    set target(el: Element | null);
+    connectedCallback(): void;
+    firstUpdated(): void;
+    scheduleShow: () => void;
+    private showTooltipNow;
+    private clearOpenTimeout;
+    private markHovering;
+    private markNotHovering;
     hide: () => void;
-    finishHide: () => void;
     render(): import("lit-html").TemplateResult<1>;
 }
-declare class TooltipDirective extends Directive {
-    didSetupLazy: boolean;
-    tooltipContent?: unknown;
-    part?: ElementPart;
-    tooltip?: SimpleTooltip;
-    render(tooltipContent?: unknown): void;
-    update(part: ElementPart, [tooltipContent]: DirectiveParameters<this>): void;
-    setupLazy(): void;
-    renderTooltipContent(): void;
-}
-export declare const tooltip: (tooltipContent?: unknown) => import("lit-html/directive").DirectiveResult<typeof TooltipDirective>;
-export {};
+export declare const tooltip: (content: unknown, placement?: TooltipPlacement, delay?: number, onCleanup?: (cleanup: () => void) => void) => any;
 //# sourceMappingURL=simple-tooltip.d.ts.map

package/dist/shared/simple-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-tooltip.d.ts","sourceRoot":"","sources":["../../src/shared/simple-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAU,MAAM,KAAK,CAAC;AAS1C,MAAM,MAAM,gBAAgB,GACtB,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,GACT,aAAa,GACb,WAAW,GACX,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,CAAC;AACjB,qBACa,aAAc,SAAQ,UAAU;IAEzC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI;IActE,MAAM,CAAC,MAAM,0BAmCX;IAIF,OAAO,UAAS;IAGhB,SAAS,EAAE,gBAAgB,CAAS;IAGpC,MAAM,SAAK;IAEX,OAAO,CAAC,YAAY,CAAwC;;IAQ5D,YAAY;IAGZ,iBAAiB;IASjB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAQ;IAC/B,IAAI,MAAM,IAGS,OAAO,GAAG,IAAI,CADhC;IACD,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,EAYhC;IAED,IAAI,aA4DF;IAEF,IAAI,aAEF;IAEF,UAAU,aAIR;IAEF,MAAM;CAIT;AAED,cAAM,gBAAiB,SAAQ,SAAS;IACpC,YAAY,UAAS;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,CAAC,cAAc,GAAE,OAAY;IACnC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,cAAc,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC;IAUrE,SAAS;IAOT,oBAAoB;CAGvB;AAED,eAAO,MAAM,OAAO,qGAA8B,CAAC"}
+{"version":3,"file":"simple-tooltip.d.ts","sourceRoot":"","sources":["../../src/shared/simple-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C,MAAM,MAAM,gBAAgB,GACtB,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;AAKlB,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BA2CX;IAE0C,OAAO,UAAS;IACjB,SAAS,EAAE,gBAAgB,CAAS;IACnD,MAAM,SAAK;IACX,WAAW,SAAO;IAE9C,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,gBAAgB,CAAS;IAEjC,IAAI,MAAM,IAIK,OAAO,GAAG,IAAI,CAF5B;IAED,IAAI,MAAM,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,EAqB5B;IAED,iBAAiB;IAKjB,YAAY;IAIL,YAAY,aAQjB;IAEF,OAAO,CAAC,cAAc,CAmDpB;IAEF,OAAO,CAAC,gBAAgB,CAKtB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF,IAAI,aAGF;IAEF,MAAM;CAMT;AA4ED,eAAO,MAAM,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,IAAI,KAAK,GACtG,CAAC"}