overview-components 1.1.162 → 1.1.166

package/dist/shared/lit-tooltip.js

@@ -0,0 +1,165 @@
+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 { property, query } from 'lit/decorators.js';
+import { computePosition, offset, flip, shift, arrow, autoUpdate, } from '@floating-ui/dom';
+export 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);
+if (!window.customElements.get('perf-tooltip')) {
+    window.customElements.define('perf-tooltip', 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.js

@@ -0,0 +1,285 @@
+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 { html, css, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { Directive, directive } from 'lit/directive.js';
+import { render } from 'lit';
+// Positioning library
+import { computePosition, autoUpdate, offset, shift, arrow, size, hide, flip, } from '@floating-ui/dom';
+// Events to turn on/off the popper
+const enterEvents = ['click', 'touchend'];
+const leaveEvents = ['blur'];
+export class SimplePopper extends LitElement {
+    // Lazy creation
+    static lazy(target, callback) {
+        const createPopper = () => {
+            const popper = document.createElement('simple-popper');
+            callback(popper);
+            target.parentNode.insertBefore(popper, target.nextSibling);
+            popper.show();
+            // We only need to create the tooltip once, so ignore all future events.
+            enterEvents.forEach((eventName) => target.removeEventListener(eventName, createPopper));
+        };
+        enterEvents.forEach((eventName) => target.addEventListener(eventName, createPopper));
+    }
+    constructor() {
+        super();
+        // Attribute for styling "showing"
+        this.showing = false;
+        this.manualOpening = false;
+        this.maxWidthAsTarget = false;
+        this.placement = 'top';
+        // Position offset
+        this.offset = 4;
+        this.minWidth = '';
+        this.minHeight = '';
+        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 });
+            document.addEventListener('touchend', this.hideOnOutsideClick, { capture: true });
+            if (!this.manualOpening) {
+                this.addEventListener('click', this.hideOnSlotClick);
+                this.addEventListener('touchend', this.hideOnSlotClick);
+            }
+            this.style.cssText = '';
+            this.style.zIndex = '99999';
+            this.style.width = `${this.maxWidthAsTarget ? `${this.target?.clientWidth}px` || '0px' : undefined}`;
+            this.style.maxWidth = `${this.maxWidthAsTarget ? undefined : 'max-content'}`;
+            if (this.minWidth) {
+                this.style.minWidth = this.minWidth;
+            }
+            if (this.minHeight) {
+                this.style.minHeight = this.minHeight;
+            }
+            // Setup autoUpdate to follow parent scroll/resize
+            if (this.target && this.arrowElement) {
+                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, {
+                                visibility: middlewareData.hide.referenceHidden || !this.showing
+                                    ? 'hidden'
+                                    : 'visible',
+                            });
+                        }
+                        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;
+            document.body.appendChild(this);
+        };
+        this.hide = () => {
+            this.showing = false;
+            if (this.cleanupAutoUpdate) {
+                this.cleanupAutoUpdate();
+                this.cleanupAutoUpdate = null;
+            }
+            document.removeEventListener('click', this.hideOnOutsideClick, { capture: true });
+            document.removeEventListener('touchend', this.hideOnOutsideClick, { capture: true });
+            this.removeEventListener('click', this.hideOnSlotClick);
+            this.removeEventListener('touchend', this.hideOnSlotClick);
+            this.onClose?.();
+        };
+        this.hideOnOutsideClick = (event) => {
+            // 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();
+            }
+        };
+        this.hideOnSlotClick = (event) => {
+            event.stopPropagation(); // Prevent click bubbling
+            this.hide();
+        };
+        this.finishHide = () => {
+            if (!this.showing) {
+                this.style.visibility = 'hidden';
+            }
+        };
+        // Finish hiding at end of animation
+        this.addEventListener('transitionend', this.finishHide);
+    }
+    firstUpdated() {
+        this.arrowElement = this.shadowRoot?.querySelector('#arrow');
+    }
+    updated(_changedProperties) {
+        if (_changedProperties.has('showing') && this.manualOpening) {
+            if (this.showing) {
+                this.show();
+            }
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Setup target if needed
+        this.target ??= this.previousElementSibling;
+        // Ensure hidden at start
+        this.finishHide();
+    }
+    get target() {
+        return this._target;
+    }
+    set target(target) {
+        // Remove events from existing target
+        if (this.target && !this.manualOpening) {
+            enterEvents.forEach((name) => this.target.removeEventListener(name, this.show));
+            leaveEvents.forEach((name) => this.target.removeEventListener(name, this.hide));
+        }
+        if (target && !this.manualOpening) {
+            // Add events to new target
+            enterEvents.forEach((name) => target.addEventListener(name, this.show));
+            leaveEvents.forEach((name) => target.addEventListener(name, this.hide));
+        }
+        this._target = target;
+    }
+    render() {
+        return html `<div id="arrow"></div>
+            <slot></slot>`;
+    }
+}
+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 })
+], SimplePopper.prototype, "showing", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], SimplePopper.prototype, "manualOpening", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], SimplePopper.prototype, "maxWidthAsTarget", void 0);
+__decorate([
+    property({ reflect: true, type: String })
+], SimplePopper.prototype, "placement", void 0);
+__decorate([
+    property({ type: Number })
+], SimplePopper.prototype, "offset", void 0);
+__decorate([
+    property({ type: String })
+], SimplePopper.prototype, "minWidth", void 0);
+__decorate([
+    property({ type: String })
+], SimplePopper.prototype, "minHeight", void 0);
+__decorate([
+    property({ type: Function })
+], SimplePopper.prototype, "onClose", void 0);
+class PopperDirective extends Directive {
+    constructor() {
+        super(...arguments);
+        this.didSetupLazy = false;
+    }
+    render(popperContent = '') { }
+    update(part, [popperContent]) {
+        this.popperContent = popperContent;
+        this.part = part;
+        if (!this.didSetupLazy) {
+            this.setupLazy();
+        }
+        if (this.popper) {
+            this.renderTooltipContent();
+        }
+    }
+    setupLazy() {
+        this.didSetupLazy = true;
+        SimplePopper.lazy(this.part.element, (popper) => {
+            this.popper = popper;
+            this.renderTooltipContent();
+        });
+    }
+    renderTooltipContent() {
+        render(this.popperContent, this.popper, this.part.options);
+    }
+}
+export const popper = directive(PopperDirective);
+if (!window.customElements.get('simple-popper')) {
+    window.customElements.define('simple-popper', SimplePopper);
+}
+//# sourceMappingURL=simple-popper.js.map

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

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