@substrate-system/tool-tip 0.0.0

package/dist/index.min.js

@@ -0,0 +1,5 @@
+var b=Object.defineProperty;var p=(g,t)=>b(g,"name",{value:t,configurable:!0});var u=class extends HTMLElement{static{p(this,"ToolTip")}static observedAttributes=["content","placement","disabled","open","distance","skidding"];popup=null;arrow=null;target=null;_open=!1;_disabled=!1;get content(){return this.getAttribute("content")||""}set content(t){this.setAttribute("content",t)}get placement(){return this.getAttribute("placement")||"top"}set placement(t){this.setAttribute("placement",t)}get trigger(){return(this.getAttribute("trigger")||"hover focus").split(" ").filter(Boolean)}set trigger(t){Array.isArray(t)?this.setAttribute("trigger",t.join(" ")):this.setAttribute("trigger",t)}get disabled(){return this._disabled}set disabled(t){this._disabled=t,t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get open(){return this._open}set open(t){if(this._disabled)return;let e=this._open;this._open=t,t&&!e?this.showTooltip():!t&&e&&this.hideTooltip()}get distance(){return parseInt(this.getAttribute("distance")||"8",10)}set distance(t){this.setAttribute("distance",String(t))}get skidding(){return parseInt(this.getAttribute("skidding")||"0",10)}set skidding(t){this.setAttribute("skidding",String(t))}get hoist(){return this.hasAttribute("hoist")}set hoist(t){t?this.setAttribute("hoist",""):this.removeAttribute("hoist")}connectedCallback(){if(this.style.display="contents",this.target=this.firstElementChild,!this.target){console.warn("tool-tip: No target element found. Add a child element.");return}this.createPopup(),this.bindEvents(),this.hasAttribute("open")&&(this._open=!0,this.showTooltip())}disconnectedCallback(){this.unbindEvents(),this.popup?.remove()}attributeChangedCallback(t,e,i){if(t==="content"&&this.popup){let s=this.popup.querySelector(".tool-tip__body");s&&(s.textContent=i||"")}t==="placement"&&this._open&&this.positionPopup(),t==="disabled"&&(this._disabled=i!==null,this._disabled&&this._open&&this.hide()),t==="open"&&(this.open=i!==null),(t==="distance"||t==="skidding")&&this._open&&this.positionPopup()}createPopup(){this.popup=document.createElement("div"),this.popup.className="tool-tip__popup",this.popup.setAttribute("role","tooltip"),this.popup.setAttribute("aria-hidden","true"),this.popup.innerHTML=`
+            <div class="tool-tip__body">${this.content}</div>
+            <div class="tool-tip__arrow"></div>
+        `,this.arrow=this.popup.querySelector(".tool-tip__arrow"),this.hoist?document.body.appendChild(this.popup):this.appendChild(this.popup)}bindEvents(){if(!this.target)return;let t=this.trigger;t.includes("hover")&&(this.target.addEventListener("mouseenter",this.handleMouseEnter),this.target.addEventListener("mouseleave",this.handleMouseLeave)),t.includes("focus")&&(this.target.addEventListener("focus",this.handleFocus),this.target.addEventListener("blur",this.handleBlur)),t.includes("click")&&this.target.addEventListener("click",this.handleClick),this.target.addEventListener("keydown",this.handleKeyDown)}unbindEvents(){this.target&&(this.target.removeEventListener("mouseenter",this.handleMouseEnter),this.target.removeEventListener("mouseleave",this.handleMouseLeave),this.target.removeEventListener("focus",this.handleFocus),this.target.removeEventListener("blur",this.handleBlur),this.target.removeEventListener("click",this.handleClick),this.target.removeEventListener("keydown",this.handleKeyDown))}handleMouseEnter=p(()=>{this.show()},"handleMouseEnter");handleMouseLeave=p(()=>{this.hide()},"handleMouseLeave");handleFocus=p(()=>{this.show()},"handleFocus");handleBlur=p(()=>{this.hide()},"handleBlur");handleClick=p(()=>{this._open?this.hide():this.show()},"handleClick");handleKeyDown=p(t=>{t.key==="Escape"&&this._open&&this.hide()},"handleKeyDown");showTooltip(){if(!this.popup||this._disabled)return;let t=new CustomEvent("tool-tip-show",{bubbles:!0,cancelable:!0});this.dispatchEvent(t)&&(this.popup.classList.add("tool-tip__popup--visible"),this.popup.setAttribute("aria-hidden","false"),this.positionPopup(),this.dispatchEvent(new CustomEvent("tool-tip-after-show",{bubbles:!0})))}hideTooltip(){if(!this.popup)return;let t=new CustomEvent("tool-tip-hide",{bubbles:!0,cancelable:!0});this.dispatchEvent(t)&&(this.popup.classList.remove("tool-tip__popup--visible"),this.popup.setAttribute("aria-hidden","true"),this.dispatchEvent(new CustomEvent("tool-tip-after-hide",{bubbles:!0})))}positionPopup(){if(!this.popup||!this.target)return;let t=this.target.getBoundingClientRect(),e=this.popup.getBoundingClientRect(),i=8,s=0,a=0,o="",n="",r="",h=this.distance,l=this.skidding,d=this.getOptimalPlacement(t,e);switch(this.popup.dataset.placement=d,d){case"top":s=t.top-e.height-h-i,a=t.left+t.width/2-e.width/2+l,o="100%",n="50%",r="translateX(-50%)";break;case"top-start":s=t.top-e.height-h-i,a=t.left+l,o="100%",n=`${Math.min(24,e.width/2)}px`,r="translateX(-50%)";break;case"top-end":s=t.top-e.height-h-i,a=t.right-e.width+l,o="100%",n=`calc(100% - ${Math.min(24,e.width/2)}px)`,r="translateX(-50%)";break;case"bottom":s=t.bottom+h+i,a=t.left+t.width/2-e.width/2+l,o="0",n="50%",r="translateX(-50%) translateY(-100%)";break;case"bottom-start":s=t.bottom+h+i,a=t.left+l,o="0",n=`${Math.min(24,e.width/2)}px`,r="translateX(-50%) translateY(-100%)";break;case"bottom-end":s=t.bottom+h+i,a=t.right-e.width+l,o="0",n=`calc(100% - ${Math.min(24,e.width/2)}px)`,r="translateX(-50%) translateY(-100%)";break;case"left":s=t.top+t.height/2-e.height/2+l,a=t.left-e.width-h-i,o="50%",n="100%",r="translateY(-50%)";break;case"left-start":s=t.top+l,a=t.left-e.width-h-i,o=`${Math.min(16,e.height/2)}px`,n="100%",r="translateY(-50%)";break;case"left-end":s=t.bottom-e.height+l,a=t.left-e.width-h-i,o=`calc(100% - ${Math.min(16,e.height/2)}px)`,n="100%",r="translateY(-50%)";break;case"right":s=t.top+t.height/2-e.height/2+l,a=t.right+h+i,o="50%",n="0",r="translateY(-50%) translateX(-100%)";break;case"right-start":s=t.top+l,a=t.right+h+i,o=`${Math.min(16,e.height/2)}px`,n="0",r="translateY(-50%) translateX(-100%)";break;case"right-end":s=t.bottom-e.height+l,a=t.right+h+i,o=`calc(100% - ${Math.min(16,e.height/2)}px)`,n="0",r="translateY(-50%) translateX(-100%)";break}this.hoist&&(s+=window.scrollY,a+=window.scrollX),this.popup.style.top=`${s}px`,this.popup.style.left=`${a}px`,this.arrow&&(this.arrow.style.top=o,this.arrow.style.left=n,this.arrow.style.transform=r)}getOptimalPlacement(t,e){let i=this.placement,s=window.innerWidth,a=window.innerHeight,o=this.distance,n=8,r={top:t.top-e.height-o-n>0,bottom:t.bottom+e.height+o+n<a,left:t.left-e.width-o-n>0,right:t.right+e.width+o+n<s},h=i.split("-")[0];if(r[h])return i;let d={top:"bottom",bottom:"top",left:"right",right:"left"}[h];if(r[d]){let c=i.includes("-")?i.split("-")[1]:"";return c?`${d}-${c}`:d}for(let c of["top","bottom","left","right"])if(r[c])return c;return i}show(){this._disabled||(this.open=!0)}hide(){this.open=!1}};"customElements"in window&&customElements.define("tool-tip",u);export{u as ToolTip};
+//# sourceMappingURL=index.min.js.map

package/dist/index.min.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["// for document.querySelector\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'tool-tip':ToolTip\n    }\n}\n\nexport type Placement =\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n\nexport type Trigger = 'hover'|'focus'|'click'|'manual'\n\nexport class ToolTip extends HTMLElement {\n    static observedAttributes = ['content', 'placement', 'disabled',\n        'open', 'distance', 'skidding']\n\n    private popup: HTMLDivElement | null = null\n    private arrow: HTMLDivElement | null = null\n    private target: HTMLElement | null = null\n\n    private _open = false\n    private _disabled = false\n\n    get content (): string {\n        return this.getAttribute('content') || ''\n    }\n\n    set content (value: string) {\n        this.setAttribute('content', value)\n    }\n\n    get placement (): Placement {\n        return (this.getAttribute('placement') as Placement) || 'top'\n    }\n\n    set placement (value: Placement) {\n        this.setAttribute('placement', value)\n    }\n\n    get trigger (): Trigger[] {\n        const attr = this.getAttribute('trigger') || 'hover focus'\n        return attr.split(' ').filter(Boolean) as Trigger[]\n    }\n\n    set trigger (value: Trigger[] | string) {\n        if (Array.isArray(value)) {\n            this.setAttribute('trigger', value.join(' '))\n        } else {\n            this.setAttribute('trigger', value)\n        }\n    }\n\n    get disabled (): boolean {\n        return this._disabled\n    }\n\n    set disabled (value: boolean) {\n        this._disabled = value\n        if (value) {\n            this.setAttribute('disabled', '')\n        } else {\n            this.removeAttribute('disabled')\n        }\n    }\n\n    get open (): boolean {\n        return this._open\n    }\n\n    set open (value: boolean) {\n        if (this._disabled) return\n        const wasOpen = this._open\n        this._open = value\n\n        if (value && !wasOpen) {\n            this.showTooltip()\n        } else if (!value && wasOpen) {\n            this.hideTooltip()\n        }\n    }\n\n    get distance (): number {\n        return parseInt(this.getAttribute('distance') || '8', 10)\n    }\n\n    set distance (value: number) {\n        this.setAttribute('distance', String(value))\n    }\n\n    get skidding (): number {\n        return parseInt(this.getAttribute('skidding') || '0', 10)\n    }\n\n    set skidding (value: number) {\n        this.setAttribute('skidding', String(value))\n    }\n\n    get hoist (): boolean {\n        return this.hasAttribute('hoist')\n    }\n\n    set hoist (value: boolean) {\n        if (value) {\n            this.setAttribute('hoist', '')\n        } else {\n            this.removeAttribute('hoist')\n        }\n    }\n\n    connectedCallback () {\n        // Use display: contents so the tooltip doesn't affect layout\n        this.style.display = 'contents'\n\n        // Find the target element (first child element)\n        this.target = this.firstElementChild as HTMLElement\n\n        if (!this.target) {\n            console.warn('tool-tip: No target element found. ' +\n                'Add a child element.')\n            return\n        }\n\n        // Create the popup element\n        this.createPopup()\n\n        // Bind event handlers\n        this.bindEvents()\n\n        // Check if open attribute is set\n        if (this.hasAttribute('open')) {\n            this._open = true\n            this.showTooltip()\n        }\n    }\n\n    disconnectedCallback () {\n        this.unbindEvents()\n        this.popup?.remove()\n    }\n\n    attributeChangedCallback (\n        name:string,\n        _oldValue:string|null,\n        newValue:string|null\n    ) {\n        if (name === 'content' && this.popup) {\n            const body = this.popup.querySelector('.tool-tip__body')\n            if (body) {\n                body.textContent = newValue || ''\n            }\n        }\n\n        if (name === 'placement' && this._open) {\n            this.positionPopup()\n        }\n\n        if (name === 'disabled') {\n            this._disabled = newValue !== null\n            if (this._disabled && this._open) {\n                this.hide()\n            }\n        }\n\n        if (name === 'open') {\n            this.open = newValue !== null\n        }\n\n        if ((name === 'distance' || name === 'skidding') && this._open) {\n            this.positionPopup()\n        }\n    }\n\n    private createPopup () {\n        this.popup = document.createElement('div')\n        this.popup.className = 'tool-tip__popup'\n        this.popup.setAttribute('role', 'tooltip')\n        this.popup.setAttribute('aria-hidden', 'true')\n        this.popup.innerHTML = `\n            <div class=\"tool-tip__body\">${this.content}</div>\n            <div class=\"tool-tip__arrow\"></div>\n        `\n\n        this.arrow = this.popup.querySelector('.tool-tip__arrow')\n\n        // Append to body if hoisted, otherwise to this element's parent\n        if (this.hoist) {\n            document.body.appendChild(this.popup)\n        } else {\n            this.appendChild(this.popup)\n        }\n    }\n\n    private bindEvents () {\n        if (!this.target) return\n\n        const triggers = this.trigger\n\n        if (triggers.includes('hover')) {\n            this.target.addEventListener('mouseenter', this.handleMouseEnter)\n            this.target.addEventListener('mouseleave', this.handleMouseLeave)\n        }\n\n        if (triggers.includes('focus')) {\n            this.target.addEventListener('focus', this.handleFocus)\n            this.target.addEventListener('blur', this.handleBlur)\n        }\n\n        if (triggers.includes('click')) {\n            this.target.addEventListener('click', this.handleClick)\n        }\n\n        // Add keyboard support\n        this.target.addEventListener('keydown', this.handleKeyDown)\n    }\n\n    private unbindEvents () {\n        if (!this.target) return\n\n        this.target.removeEventListener('mouseenter', this.handleMouseEnter)\n        this.target.removeEventListener('mouseleave', this.handleMouseLeave)\n        this.target.removeEventListener('focus', this.handleFocus)\n        this.target.removeEventListener('blur', this.handleBlur)\n        this.target.removeEventListener('click', this.handleClick)\n        this.target.removeEventListener('keydown', this.handleKeyDown)\n    }\n\n    private handleMouseEnter = () => {\n        this.show()\n    }\n\n    private handleMouseLeave = () => {\n        this.hide()\n    }\n\n    private handleFocus = () => {\n        this.show()\n    }\n\n    private handleBlur = () => {\n        this.hide()\n    }\n\n    private handleClick = () => {\n        if (this._open) {\n            this.hide()\n        } else {\n            this.show()\n        }\n    }\n\n    private handleKeyDown = (event: KeyboardEvent) => {\n        // Close tooltip on Escape\n        if (event.key === 'Escape' && this._open) {\n            this.hide()\n        }\n    }\n\n    private showTooltip () {\n        if (!this.popup || this._disabled) return\n\n        // Emit show event\n        const showEvent = new CustomEvent('tool-tip-show', {\n            bubbles: true,\n            cancelable: true,\n        })\n        if (!this.dispatchEvent(showEvent)) return\n\n        this.popup.classList.add('tool-tip__popup--visible')\n        this.popup.setAttribute('aria-hidden', 'false')\n\n        // Position the popup\n        this.positionPopup()\n\n        // Emit after-show event\n        this.dispatchEvent(new CustomEvent('tool-tip-after-show', {\n            bubbles: true\n        }))\n    }\n\n    private hideTooltip () {\n        if (!this.popup) return\n\n        // Emit hide event\n        const hideEvent = new CustomEvent('tool-tip-hide', {\n            bubbles: true,\n            cancelable: true,\n        })\n        if (!this.dispatchEvent(hideEvent)) return\n\n        this.popup.classList.remove('tool-tip__popup--visible')\n        this.popup.setAttribute('aria-hidden', 'true')\n\n        // Emit after-hide event\n        this.dispatchEvent(new CustomEvent('tool-tip-after-hide', {\n            bubbles: true\n        }))\n    }\n\n    private positionPopup () {\n        if (!this.popup || !this.target) return\n\n        const targetRect = this.target.getBoundingClientRect()\n        const popupRect = this.popup.getBoundingClientRect()\n        const arrowSize = 8\n\n        let top = 0\n        let left = 0\n        let arrowTop = ''\n        let arrowLeft = ''\n        let arrowTransform = ''\n\n        const distance = this.distance\n        const skidding = this.skidding\n        const placement = this.getOptimalPlacement(targetRect, popupRect)\n\n        // Set data attribute for CSS styling\n        this.popup.dataset.placement = placement\n\n        switch (placement) {\n            case 'top':\n                top = targetRect.top - popupRect.height - distance - arrowSize\n                left = targetRect.left + (targetRect.width / 2) -\n                    (popupRect.width / 2) + skidding\n                arrowTop = '100%'\n                arrowLeft = '50%'\n                arrowTransform = 'translateX(-50%)'\n                break\n            case 'top-start':\n                top = targetRect.top - popupRect.height - distance - arrowSize\n                left = targetRect.left + skidding\n                arrowTop = '100%'\n                arrowLeft = `${Math.min(24, popupRect.width / 2)}px`\n                arrowTransform = 'translateX(-50%)'\n                break\n            case 'top-end':\n                top = targetRect.top - popupRect.height - distance - arrowSize\n                left = targetRect.right - popupRect.width + skidding\n                arrowTop = '100%'\n                arrowLeft = `calc(100% - ${Math.min(24, popupRect.width / 2)}px)`\n                arrowTransform = 'translateX(-50%)'\n                break\n            case 'bottom':\n                top = targetRect.bottom + distance + arrowSize\n                left = targetRect.left + (targetRect.width / 2) -\n                    (popupRect.width / 2) + skidding\n                arrowTop = '0'\n                arrowLeft = '50%'\n                arrowTransform = 'translateX(-50%) translateY(-100%)'\n                break\n            case 'bottom-start':\n                top = targetRect.bottom + distance + arrowSize\n                left = targetRect.left + skidding\n                arrowTop = '0'\n                arrowLeft = `${Math.min(24, popupRect.width / 2)}px`\n                arrowTransform = 'translateX(-50%) translateY(-100%)'\n                break\n            case 'bottom-end':\n                top = targetRect.bottom + distance + arrowSize\n                left = targetRect.right - popupRect.width + skidding\n                arrowTop = '0'\n                arrowLeft = `calc(100% - ${Math.min(24, popupRect.width / 2)}px)`\n                arrowTransform = 'translateX(-50%) translateY(-100%)'\n                break\n            case 'left':\n                top = targetRect.top + (targetRect.height / 2) -\n                    (popupRect.height / 2) + skidding\n                left = targetRect.left - popupRect.width - distance - arrowSize\n                arrowTop = '50%'\n                arrowLeft = '100%'\n                arrowTransform = 'translateY(-50%)'\n                break\n            case 'left-start':\n                top = targetRect.top + skidding\n                left = targetRect.left - popupRect.width - distance - arrowSize\n                arrowTop = `${Math.min(16, popupRect.height / 2)}px`\n                arrowLeft = '100%'\n                arrowTransform = 'translateY(-50%)'\n                break\n            case 'left-end':\n                top = targetRect.bottom - popupRect.height + skidding\n                left = targetRect.left - popupRect.width - distance - arrowSize\n                arrowTop = `calc(100% - ${Math.min(16, popupRect.height / 2)}px)`\n                arrowLeft = '100%'\n                arrowTransform = 'translateY(-50%)'\n                break\n            case 'right':\n                top = targetRect.top + (targetRect.height / 2) -\n                    (popupRect.height / 2) + skidding\n                left = targetRect.right + distance + arrowSize\n                arrowTop = '50%'\n                arrowLeft = '0'\n                arrowTransform = 'translateY(-50%) translateX(-100%)'\n                break\n            case 'right-start':\n                top = targetRect.top + skidding\n                left = targetRect.right + distance + arrowSize\n                arrowTop = `${Math.min(16, popupRect.height / 2)}px`\n                arrowLeft = '0'\n                arrowTransform = 'translateY(-50%) translateX(-100%)'\n                break\n            case 'right-end':\n                top = targetRect.bottom - popupRect.height + skidding\n                left = targetRect.right + distance + arrowSize\n                arrowTop = `calc(100% - ${Math.min(16, popupRect.height / 2)}px)`\n                arrowLeft = '0'\n                arrowTransform = 'translateY(-50%) translateX(-100%)'\n                break\n        }\n\n        // Adjust for scroll position\n        if (this.hoist) {\n            top += window.scrollY\n            left += window.scrollX\n        }\n\n        // Apply position\n        this.popup.style.top = `${top}px`\n        this.popup.style.left = `${left}px`\n\n        // Position the arrow\n        if (this.arrow) {\n            this.arrow.style.top = arrowTop\n            this.arrow.style.left = arrowLeft\n            this.arrow.style.transform = arrowTransform\n        }\n    }\n\n    private getOptimalPlacement (targetRect:DOMRect, popupRect:DOMRect):Placement {\n        const placement = this.placement\n        const viewportWidth = window.innerWidth\n        const viewportHeight = window.innerHeight\n        const distance = this.distance\n        const arrowSize = 8\n\n        // Check if the preferred placement fits\n        const fits = {\n            top: targetRect.top - popupRect.height - distance - arrowSize > 0,\n            bottom: (targetRect.bottom + popupRect.height + distance +\n                arrowSize < viewportHeight),\n            left: targetRect.left - popupRect.width - distance - arrowSize > 0,\n            right: (targetRect.right + popupRect.width + distance +\n                arrowSize < viewportWidth),\n        }\n\n        // Get the base direction from the placement\n        const baseDirection = placement.split('-')[0] as 'top'|\n            'bottom'|\n            'left'|\n            'right'\n\n        // If preferred placement fits, use it\n        if (fits[baseDirection]) {\n            return placement\n        }\n\n        // Find the best alternative\n        const opposites: Record<string, string> = {\n            top: 'bottom',\n            bottom: 'top',\n            left: 'right',\n            right: 'left',\n        }\n\n        const opposite = opposites[baseDirection] as\n            'top'|'bottom'|'left'|'right'\n        if (fits[opposite]) {\n            // Return the opposite with the same alignment\n            const alignment = (placement.includes('-') ?\n                placement.split('-')[1] :\n                '')\n            return (alignment ?\n                `${opposite}-${alignment}` :\n                opposite) as Placement\n        }\n\n        // Fall back to a direction that fits\n        for (const dir of ['top', 'bottom', 'left', 'right'] as const) {\n            if (fits[dir]) {\n                return dir\n            }\n        }\n\n        // If nothing fits, return original placement\n        return placement\n    }\n\n    /**\n     * Programmatically show the tooltip\n     */\n    show () {\n        if (this._disabled) return\n        this.open = true\n    }\n\n    /**\n     * Programmatically hide the tooltip\n     */\n    hide () {\n        this.open = false\n    }\n}\n\nif ('customElements' in window) {\n    customElements.define('tool-tip', ToolTip)\n}\n"],
+  "mappings": "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",
+  "names": ["ToolTip", "__name", "value", "wasOpen", "name", "_oldValue", "newValue", "body", "triggers", "event", "showEvent", "hideEvent", "targetRect", "popupRect", "arrowSize", "top", "left", "arrowTop", "arrowLeft", "arrowTransform", "distance", "skidding", "placement", "viewportWidth", "viewportHeight", "fits", "baseDirection", "opposite", "alignment", "dir"]
+}

package/dist/meta.json

@@ -0,0 +1,30 @@
+{
+  "inputs": {
+    "src/index.ts": {
+      "bytes": 15752,
+      "imports": [],
+      "format": "esm"
+    }
+  },
+  "outputs": {
+    "dist/index.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 24293
+    },
+    "dist/index.js": {
+      "imports": [],
+      "exports": [
+        "ToolTip"
+      ],
+      "entryPoint": "src/index.ts",
+      "inputs": {
+        "src/index.ts": {
+          "bytesInOutput": 12111
+        }
+      },
+      "bytes": 12296
+    }
+  }
+}

package/package.json

@@ -0,0 +1,548 @@
+{
+  "name": "@substrate-system/tool-tip",
+  "version": "0.0.0",
+  "description": "Tooltips for when you hover",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./css": "./dist/index.css",
+    "./min/css": "./dist/index.min.css",
+    "./min/*": {
+      "import": "./dist/*.min.js",
+      "require": "./dist/*.min.cjs"
+    },
+    "./*": {
+      "import": "./dist/*.js",
+      "require": "./dist/*.cjs"
+    }
+  },
+  "main": "dist/index.js",
+  "directories": {
+    "example": "example",
+    "test": "test"
+  },
+  "files": [
+    "./dist/*"
+  ],
+  "scripts": {
+    "lint": "eslint \"./**/*.{ts,js}\"",
+    "test": "esbuild ./test/index.ts --bundle --format=esm | tapout",
+    "build-css": "lightningcss --nesting src/index.css -o dist/index.css",
+    "build-css:min": "lightningcss --nesting --minify src/index.css -o dist/index.min.css",
+    "build-cjs": "esbuild src/*.ts --format=cjs --keep-names --tsconfig=tsconfig.build.json --outdir=./dist --out-extension:.js=.cjs --sourcemap",
+    "build-esm": "esbuild src/*.ts --format=esm --metafile=dist/meta.json --keep-names --tsconfig=tsconfig.build.json --outdir=./dist --sourcemap && tsc --emitDeclarationOnly --project tsconfig.build.json --outDir dist",
+    "build-esm:min": "esbuild ./src/*.ts --format=esm --keep-names --bundle --tsconfig=tsconfig.build.json --minify --out-extension:.js=.min.js --outdir=./dist --sourcemap",
+    "build-example": "mkdir -p ./public && rm -rf ./public/* && NODE_ENV=development vite --mode development --base=\"/tool-tip\" build",
+    "build-docs": "typedoc --tsconfig tsconfig.build.json ./src/index.ts",
+    "build": "mkdir -p ./dist && rm -rf ./dist/* && npm run build-cjs && npm run build-esm && npm run build-esm:min && npm run build-css && npm run build-css:min",
+    "start": "vite",
+    "toc": "markdown-toc --maxdepth 3 -i README.md",
+    "preversion": "npm run lint && stylelint src/*.css",
+    "version": "npm run toc && auto-changelog -p --template keepachangelog --breaking-pattern 'BREAKING CHANGE:' && git add CHANGELOG.md README.md",
+    "postversion": "git push --follow-tags && npm publish",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "acorn": "^8.15.0",
+    "acorn-jsx": "^5.3.2",
+    "ajv": "^6.12.6",
+    "ansi-red": "^0.1.1",
+    "ansi-regex": "^5.0.1",
+    "ansi-styles": "^4.3.0",
+    "ansi-wrap": "^0.1.0",
+    "argparse": "^2.0.1",
+    "array-buffer-byte-length": "^1.0.2",
+    "array-includes": "^3.1.9",
+    "array.prototype.findlastindex": "^1.2.6",
+    "array.prototype.flat": "^1.3.3",
+    "array.prototype.flatmap": "^1.3.3",
+    "arraybuffer.prototype.slice": "^1.0.4",
+    "asap": "^2.0.6",
+    "astral-regex": "^2.0.0",
+    "async-function": "^1.0.0",
+    "autolinker": "^0.28.1",
+    "available-typed-arrays": "^1.0.7",
+    "axe-core": "^4.11.1",
+    "balanced-match": "^1.0.2",
+    "base64-js": "^1.5.1",
+    "baseline-browser-mapping": "^2.9.18",
+    "boolean": "^3.2.0",
+    "brace-expansion": "^2.0.2",
+    "braces": "^3.0.3",
+    "browser-launcher": "^3.0.1",
+    "browser-run": "^12.0.0",
+    "buffer-crc32": "^0.2.13",
+    "buffer-from": "^1.1.2",
+    "buffer-shims": "^1.0.0",
+    "builtin-modules": "^3.3.0",
+    "builtins": "^5.1.0",
+    "bytes": "^3.0.0",
+    "cacheable": "^2.3.2",
+    "cacheable-lookup": "^5.0.4",
+    "cacheable-request": "^7.0.4",
+    "call-bind": "^1.0.8",
+    "call-bind-apply-helpers": "^1.0.2",
+    "call-bound": "^1.0.4",
+    "callsites": "^3.1.0",
+    "caniuse-lite": "^1.0.30001766",
+    "chalk": "^4.1.2",
+    "charset": "^1.0.1",
+    "cliui": "^9.0.1",
+    "clone-response": "^1.0.3",
+    "color-convert": "^2.0.1",
+    "color-name": "^1.1.4",
+    "colord": "^2.9.3",
+    "commander": "^7.2.0",
+    "concat-map": "^0.0.1",
+    "concat-stream": "^1.6.2",
+    "concat-with-sourcemaps": "^1.1.0",
+    "content-disposition": "^0.5.2",
+    "core-util-is": "^1.0.3",
+    "cosmiconfig": "^9.0.0",
+    "cross-spawn": "^7.0.6",
+    "crypto-random-string": "^1.0.0",
+    "css-functions-list": "^3.2.3",
+    "css-tree": "^3.1.0",
+    "cssauron": "^1.4.0",
+    "cssesc": "^3.0.0",
+    "data-view-buffer": "^1.0.2",
+    "data-view-byte-length": "^1.0.2",
+    "data-view-byte-offset": "^1.0.1",
+    "debug": "^4.4.3",
+    "decompress-response": "^6.0.0",
+    "deep-is": "^0.1.4",
+    "defer-to-connect": "^2.0.1",
+    "define-data-property": "^1.1.4",
+    "define-properties": "^1.2.1",
+    "detect-libc": "^2.1.2",
+    "detect-node": "^2.1.0",
+    "dezalgo": "^1.0.4",
+    "diacritics-map": "^0.1.0",
+    "doctrine": "^3.0.0",
+    "dunder-proto": "^1.0.1",
+    "duplexer": "^0.1.2",
+    "duplexer2": "^0.0.2",
+    "ecstatic": "^4.1.4",
+    "ee-first": "^1.1.1",
+    "electron": "^26.6.10",
+    "electron-stream": "^11.0.2",
+    "electron-to-chromium": "^1.5.279",
+    "emoji-regex": "^8.0.0",
+    "end-of-stream": "^1.4.5",
+    "enstore": "^1.0.1",
+    "ent": "^2.2.2",
+    "entities": "^4.5.0",
+    "env-paths": "^2.2.1",
+    "error-ex": "^1.3.4",
+    "es-abstract": "^1.24.1",
+    "es-define-property": "^1.0.1",
+    "es-errors": "^1.3.0",
+    "es-object-atoms": "^1.1.1",
+    "es-set-tostringtag": "^2.1.0",
+    "es-shim-unscopables": "^1.1.0",
+    "es-to-primitive": "^1.3.0",
+    "es6-error": "^4.1.1",
+    "escalade": "^3.2.0",
+    "escape-string-regexp": "^4.0.0",
+    "eslint-compat-utils": "^0.5.1",
+    "eslint-import-resolver-node": "^0.3.9",
+    "eslint-module-utils": "^2.12.1",
+    "eslint-plugin-es-x": "^7.8.0",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-n": "^16.6.2",
+    "eslint-plugin-promise": "^6.6.0",
+    "eslint-scope": "^7.2.2",
+    "eslint-visitor-keys": "^3.4.3",
+    "espree": "^9.6.1",
+    "esprima": "^4.0.1",
+    "esquery": "^1.7.0",
+    "esrecurse": "^4.3.0",
+    "estraverse": "^5.3.0",
+    "esutils": "^2.0.3",
+    "expand-range": "^1.8.2",
+    "extend-shallow": "^2.0.1",
+    "extract-zip": "^2.0.1",
+    "fast-deep-equal": "^3.1.3",
+    "fast-glob": "^3.3.3",
+    "fast-json-stable-stringify": "^2.1.0",
+    "fast-levenshtein": "^2.0.6",
+    "fast-uri": "^3.1.0",
+    "fastest-levenshtein": "^1.0.16",
+    "fastq": "^1.20.1",
+    "fd-slicer": "^1.1.0",
+    "figures": "^1.7.0",
+    "file-entry-cache": "^6.0.1",
+    "fill-range": "^2.2.4",
+    "find-up": "^5.0.0",
+    "flat-cache": "^3.2.0",
+    "flatted": "^3.3.3",
+    "for-each": "^0.3.5",
+    "for-in": "^1.0.2",
+    "fs-extra": "^8.1.0",
+    "fs.realpath": "^1.0.0",
+    "function-bind": "^1.1.2",
+    "function.prototype.name": "^1.1.8",
+    "functions-have-names": "^1.2.3",
+    "generator-function": "^2.0.1",
+    "get-caller-file": "^2.0.5",
+    "get-east-asian-width": "^1.4.0",
+    "get-intrinsic": "^1.3.0",
+    "get-proto": "^1.0.1",
+    "get-stream": "^5.2.0",
+    "get-symbol-description": "^1.1.0",
+    "get-tsconfig": "^4.13.0",
+    "glob": "^7.2.3",
+    "glob-parent": "^6.0.2",
+    "global-agent": "^3.0.0",
+    "global-modules": "^2.0.0",
+    "global-prefix": "^3.0.0",
+    "globals": "^13.24.0",
+    "globalthis": "^1.0.4",
+    "globby": "^16.1.0",
+    "globjoin": "^0.1.4",
+    "gopd": "^1.2.0",
+    "got": "^11.8.6",
+    "graceful-fs": "^4.2.11",
+    "graphemer": "^1.4.0",
+    "gray-matter": "^2.1.1",
+    "gulp-header": "^1.8.12",
+    "handlebars": "^4.7.8",
+    "has-ansi": "^2.0.0",
+    "has-bigints": "^1.1.0",
+    "has-flag": "^5.0.1",
+    "has-property-descriptors": "^1.0.2",
+    "has-proto": "^1.2.0",
+    "has-symbols": "^1.1.0",
+    "has-tostringtag": "^1.0.2",
+    "hashery": "^1.4.0",
+    "hasown": "^2.0.2",
+    "he": "^1.2.0",
+    "headless": "^1.2.0",
+    "hookified": "^1.15.0",
+    "html-inject-script": "^2.0.0",
+    "html-select": "^2.3.24",
+    "html-tags": "^5.1.0",
+    "html-tokenize": "^1.2.5",
+    "http-cache-semantics": "^4.2.0",
+    "http2-wrapper": "^1.0.3",
+    "hyperstream": "^1.2.2",
+    "ignore": "^7.0.5",
+    "import-cwd": "^3.0.0",
+    "import-fresh": "^3.3.1",
+    "import-from": "^3.0.0",
+    "import-meta-resolve": "^4.2.0",
+    "imurmurhash": "^0.1.4",
+    "indexof": "^0.0.1",
+    "inflight": "^1.0.6",
+    "inherits": "^2.0.4",
+    "ini": "^1.3.8",
+    "internal-slot": "^1.1.0",
+    "is-array-buffer": "^3.0.5",
+    "is-arrayish": "^0.2.1",
+    "is-async-function": "^2.1.1",
+    "is-bigint": "^1.1.0",
+    "is-boolean-object": "^1.2.2",
+    "is-buffer": "^1.1.6",
+    "is-builtin-module": "^3.2.1",
+    "is-callable": "^1.2.7",
+    "is-core-module": "^2.16.1",
+    "is-data-view": "^1.0.2",
+    "is-date-object": "^1.1.0",
+    "is-extendable": "^0.1.1",
+    "is-extglob": "^2.1.1",
+    "is-finalizationregistry": "^1.1.1",
+    "is-finite": "^1.1.0",
+    "is-fullwidth-code-point": "^3.0.0",
+    "is-generator-function": "^1.1.2",
+    "is-glob": "^4.0.3",
+    "is-map": "^2.0.3",
+    "is-negative-zero": "^2.0.3",
+    "is-number": "^2.1.0",
+    "is-number-object": "^1.1.1",
+    "is-path-inside": "^3.0.3",
+    "is-plain-object": "^5.0.0",
+    "is-regex": "^1.2.1",
+    "is-set": "^2.0.3",
+    "is-shared-array-buffer": "^1.0.4",
+    "is-string": "^1.1.1",
+    "is-symbol": "^1.1.1",
+    "is-typed-array": "^1.1.15",
+    "is-weakmap": "^2.0.2",
+    "is-weakref": "^1.1.1",
+    "is-weakset": "^2.0.4",
+    "isarray": "^1.0.0",
+    "isexe": "^2.0.0",
+    "isobject": "^2.1.0",
+    "js-tokens": "^4.0.0",
+    "js-yaml": "^4.1.1",
+    "json-buffer": "^3.0.1",
+    "json-parse-even-better-errors": "^2.3.1",
+    "json-schema-traverse": "^0.4.1",
+    "json-stable-stringify-without-jsonify": "^1.0.1",
+    "json-stringify-safe": "^5.0.1",
+    "json5": "^1.0.2",
+    "jsonfile": "^4.0.0",
+    "keyv": "^4.5.4",
+    "kind-of": "^3.2.2",
+    "known-css-properties": "^0.37.0",
+    "lazy-cache": "^2.0.2",
+    "levn": "^0.4.1",
+    "lightningcss-cli-darwin-arm64": "^1.31.1",
+    "lightningcss-darwin-arm64": "^1.31.1",
+    "lines-and-columns": "^1.2.4",
+    "linkify-it": "^5.0.0",
+    "list-item": "^1.1.1",
+    "locate-path": "^6.0.0",
+    "lodash": "^4.17.23",
+    "lodash._reinterpolate": "^3.0.0",
+    "lodash.merge": "^4.6.2",
+    "lodash.template": "^4.5.0",
+    "lodash.templatesettings": "^4.2.0",
+    "lodash.truncate": "^4.4.2",
+    "lowercase-keys": "^2.0.0",
+    "lunr": "^2.3.9",
+    "markdown-it": "^14.1.0",
+    "markdown-link": "^0.1.1",
+    "matcher": "^3.0.0",
+    "math-intrinsics": "^1.1.0",
+    "math-random": "^1.0.4",
+    "mathml-tag-names": "^4.0.0",
+    "mdn-data": "^2.12.2",
+    "mdurl": "^2.0.0",
+    "meow": "^14.0.0",
+    "merge2": "^1.4.1",
+    "micromatch": "^4.0.8",
+    "mime": "^2.6.0",
+    "mime-db": "^1.33.0",
+    "mime-types": "^2.1.18",
+    "mimic-response": "^1.0.1",
+    "minimatch": "^9.0.5",
+    "minimist": "^1.2.8",
+    "mixin-deep": "^1.3.2",
+    "mkdirp": "^1.0.4",
+    "monotonic-timestamp": "^0.0.8",
+    "ms": "^2.1.3",
+    "nanoid": "^3.3.11",
+    "natural-compare": "^1.4.0",
+    "neo-async": "^2.6.2",
+    "node-fetch": "^2.7.0",
+    "node-releases": "^2.0.27",
+    "normalize-path": "^3.0.0",
+    "normalize-url": "^6.1.0",
+    "object-assign": "^4.1.1",
+    "object-inspect": "^1.13.4",
+    "object-keys": "^1.1.1",
+    "object.assign": "^4.1.7",
+    "object.fromentries": "^2.0.8",
+    "object.groupby": "^1.0.3",
+    "object.pick": "^1.3.0",
+    "object.values": "^1.2.1",
+    "on-finished": "^2.4.1",
+    "once": "^1.4.0",
+    "optionator": "^0.9.4",
+    "ordered-emitter": "^0.1.1",
+    "own-keys": "^1.0.1",
+    "p-cancelable": "^2.1.1",
+    "p-limit": "^3.1.0",
+    "p-locate": "^5.0.0",
+    "parent-module": "^1.0.1",
+    "parse-github-url": "^1.0.3",
+    "parse-json": "^5.2.0",
+    "parse-ms": "^1.0.1",
+    "path-exists": "^4.0.0",
+    "path-is-absolute": "^1.0.1",
+    "path-is-inside": "^1.0.2",
+    "path-key": "^3.1.1",
+    "path-parse": "^1.0.7",
+    "path-to-regexp": "^3.3.0",
+    "pend": "^1.2.0",
+    "picocolors": "^1.1.1",
+    "picomatch": "^2.3.1",
+    "pify": "^2.3.0",
+    "playwright": "^1.58.0",
+    "playwright-core": "^1.58.0",
+    "plist": "^3.1.0",
+    "plur": "^1.0.0",
+    "possible-typed-array-names": "^1.1.0",
+    "postcss": "^8.5.6",
+    "postcss-safe-parser": "^7.0.1",
+    "postcss-selector-parser": "^7.1.1",
+    "postcss-value-parser": "^4.2.0",
+    "prelude-ls": "^1.2.1",
+    "pretty-ms": "^2.1.0",
+    "process-nextick-args": "^2.0.1",
+    "progress": "^2.0.3",
+    "pump": "^3.0.3",
+    "punycode": "^1.4.1",
+    "punycode.js": "^2.3.1",
+    "qified": "^0.6.0",
+    "queue-microtask": "^1.2.3",
+    "quick-lru": "^5.1.1",
+    "randomatic": "^3.1.1",
+    "range-parser": "^1.2.0",
+    "re-emitter": "^1.1.3",
+    "readable-stream": "^2.3.8",
+    "readable-wrap": "^1.0.0",
+    "reflect.getprototypeof": "^1.0.10",
+    "regexp.prototype.flags": "^1.5.4",
+    "remarkable": "^1.7.4",
+    "repeat-element": "^1.1.4",
+    "repeat-string": "^1.6.1",
+    "require-directory": "^2.1.1",
+    "require-from-string": "^2.0.2",
+    "resolve": "^1.22.11",
+    "resolve-alpn": "^1.2.1",
+    "resolve-from": "^4.0.0",
+    "resolve-pkg-maps": "^1.0.0",
+    "responselike": "^2.0.1",
+    "reusify": "^1.1.0",
+    "rimraf": "^3.0.2",
+    "roarr": "^2.15.4",
+    "rollup": "^4.56.0",
+    "run-parallel": "^1.2.0",
+    "safe-array-concat": "^1.1.3",
+    "safe-buffer": "^5.1.2",
+    "safe-push-apply": "^1.0.0",
+    "safe-regex-test": "^1.1.0",
+    "semver": "^7.7.3",
+    "semver-compare": "^1.0.0",
+    "serialize-error": "^7.0.1",
+    "serve-handler": "^6.1.6",
+    "server-destroy": "^1.0.1",
+    "set-function-length": "^1.2.2",
+    "set-function-name": "^2.0.2",
+    "set-getter": "^0.1.1",
+    "set-proto": "^1.0.0",
+    "shebang-command": "^2.0.0",
+    "shebang-regex": "^3.0.0",
+    "side-channel": "^1.1.0",
+    "side-channel-list": "^1.0.0",
+    "side-channel-map": "^1.0.1",
+    "side-channel-weakmap": "^1.0.2",
+    "signal-exit": "^4.1.0",
+    "slash": "^5.1.0",
+    "slice-ansi": "^4.0.0",
+    "source-map": "^0.6.1",
+    "source-map-js": "^1.2.1",
+    "source-map-support": "^0.4.18",
+    "split": "^1.0.0",
+    "sprintf-js": "^1.1.3",
+    "stop-iteration-iterator": "^1.1.0",
+    "stream-combiner2": "^1.0.2",
+    "stream-read": "^1.1.2",
+    "stream-splicer": "^1.3.2",
+    "string-width": "^8.1.0",
+    "string.prototype.trim": "^1.2.10",
+    "string.prototype.trimend": "^1.0.9",
+    "string.prototype.trimstart": "^1.0.8",
+    "string_decoder": "^1.1.1",
+    "strip-ansi": "^6.0.1",
+    "strip-bom": "^3.0.0",
+    "strip-color": "^0.1.0",
+    "strip-json-comments": "^3.1.1",
+    "stylelint-config-recommended": "^18.0.0",
+    "sumchecker": "^3.0.1",
+    "supports-color": "^10.2.2",
+    "supports-hyperlinks": "^4.4.0",
+    "supports-preserve-symlinks-flag": "^1.0.0",
+    "svg-tags": "^1.0.0",
+    "table": "^6.9.0",
+    "tap-out": "^2.1.0",
+    "tap-parser": "^0.2.1",
+    "temp-dir": "^1.0.0",
+    "tempy": "^0.1.0",
+    "text-table": "^0.2.0",
+    "through": "^2.3.8",
+    "through2": "^2.0.5",
+    "throughout": "^0.0.0",
+    "tinyglobby": "^0.2.15",
+    "to-object-path": "^0.3.0",
+    "to-regex-range": "^5.0.1",
+    "toml": "^2.3.6",
+    "tr46": "^0.0.3",
+    "trim": "^0.0.1",
+    "trumpet": "^1.7.2",
+    "ts-api-utils": "^2.4.0",
+    "tsconfig-paths": "^3.15.0",
+    "type-check": "^0.4.0",
+    "type-fest": "^0.20.2",
+    "typed-array-buffer": "^1.0.3",
+    "typed-array-byte-length": "^1.0.3",
+    "typed-array-byte-offset": "^1.0.4",
+    "typed-array-length": "^1.0.7",
+    "typedarray": "^0.0.6",
+    "uc.micro": "^2.1.0",
+    "uglify-js": "^3.19.3",
+    "unbox-primitive": "^1.1.0",
+    "undici-types": "^7.16.0",
+    "unicorn-magic": "^0.4.0",
+    "unique-string": "^1.0.0",
+    "universalify": "^0.1.2",
+    "update-browserslist-db": "^1.2.3",
+    "uri-js": "^4.4.1",
+    "url-join": "^4.0.1",
+    "utf8-stream": "^0.0.0",
+    "util-deprecate": "^1.0.2",
+    "webidl-conversions": "^3.0.1",
+    "whatwg-url": "^5.0.0",
+    "which": "^2.0.2",
+    "which-boxed-primitive": "^1.1.1",
+    "which-builtin-type": "^1.2.1",
+    "which-collection": "^1.0.2",
+    "which-typed-array": "^1.1.20",
+    "word-wrap": "^1.2.5",
+    "wordwrap": "^1.0.0",
+    "wrap-ansi": "^9.0.2",
+    "wrappy": "^1.0.2",
+    "write-file-atomic": "^7.0.0",
+    "xhr-write-stream": "^0.1.2",
+    "xmlbuilder": "^15.1.1",
+    "xtend": "^4.0.2",
+    "y18n": "^5.0.8",
+    "yaml": "^2.8.2",
+    "yargs": "^18.0.0",
+    "yargs-parser": "^22.0.0",
+    "yauzl": "^2.10.0",
+    "yocto-queue": "^0.1.0"
+  },
+  "devDependencies": {
+    "@substrate-system/debug": "^0.9.32",
+    "@substrate-system/dom": "^0.1.13",
+    "@substrate-system/tapout": "^0.0.34",
+    "@substrate-system/tapzero": "^0.10.15",
+    "@typescript-eslint/eslint-plugin": "^8.7.0",
+    "@typescript-eslint/parser": "^8.7.0",
+    "auto-changelog": "^2.4.0",
+    "browserslist": "^4.28.1",
+    "esbuild": "^0.27.2",
+    "eslint": "^8.57.0",
+    "eslint-config-standard": "^17.1.0",
+    "lightningcss": "^1.30.2",
+    "lightningcss-cli": "^1.30.2",
+    "markdown-toc": "^1.2.0",
+    "stylelint": "^17.0.0",
+    "stylelint-config-standard": "^40.0.0",
+    "tap-spec": "^5.0.0",
+    "tape-run": "^11.0.0",
+    "typedoc": "^0.28.1",
+    "typescript": "^5.7.3",
+    "vite": "^7.3.0"
+  },
+  "keywords": [
+    "tooltip",
+    "webcomponent"
+  ],
+  "homepage": "https://github.com/substrate-system/tooltip",
+  "bugs": {
+    "url": "https://github.com/substrate-system/tooltip/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/substrate-system/tooltip.git"
+  },
+  "license": "SEE LICENSE IN LICENSE",
+  "author": "nichoth <nichoth@nichoth.com> (https://nichoth.com)"
+}