npm - @mhmo91/schmancy - Versions diffs - 0.7.5 → 0.7.6 - Mend

@mhmo91/schmancy 0.7.5 → 0.7.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (397) hide show

package/dist/{tooltip-D3ZZJEAk.js → tooltip-Btl0IKYC.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { autoUpdate as j, offset as O, flip as $, shift as P, arrow as R, computePosition as z } from "@floating-ui/dom";
 import { directive as U, Directive as q, PartType as B } from "lit/directive.js";
 import { fromEvent as n, takeUntil as w, merge as S } from "rxjs";
-import { T as F } from "./tailwind.mixin-xIIxrXd8.js";
+import { T as F } from "./tailwind.mixin-DIW0B_of.js";
 import { css as L, html as G } from "lit";
 import { property as b, state as H, customElement as J } from "lit/decorators.js";
 const y = /* @__PURE__ */ new WeakMap(), et = U(class extends q {
@@ -116,4 +116,4 @@ export {
   c as S,
   et as t
 };
-//# sourceMappingURL=tooltip-D3ZZJEAk.js.map
+//# sourceMappingURL=tooltip-Btl0IKYC.js.map

package/dist/{tooltip-D3ZZJEAk.js.map → tooltip-Btl0IKYC.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-D3ZZJEAk.js","sources":["../src/tooltip/tooltip.directive.ts","../src/tooltip/tooltip.ts"],"sourcesContent":["import { arrow, autoUpdate, computePosition, flip, offset, Placement, shift, Strategy } from '@floating-ui/dom'\nimport { Directive, directive, ElementPart, ElementPartInfo, PartType } from 'lit/directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\n// Store tooltip data for elements\nconst tooltipMap = new WeakMap<\n\tElement,\n\t{\n\t\ttooltipElement: HTMLElement\n\t\tarrowElement?: HTMLElement\n\t\tcleanup?: () => void\n\t\tshowTimeout?: number\n\t\tsubscriptions?: Subscription[]\n\t}\n>()\n\nclass TooltipDirective extends Directive {\n\tconstructor(partInfo: ElementPartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The tooltip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(\n\t\ttext: string,\n\t\toptions: {\n\t\t\tposition?: 'top' \| 'right' \| 'bottom' \| 'left'\n\t\t\tdelay?: number\n\t\t\tshowArrow?: boolean\n\t\t} = {},\n\t) {\n\t\treturn { text, options }\n\t}\n\n\tupdate(part: ElementPart, [text, options = {}]: [string, any]) {\n\t\tconst element = part.element as HTMLElement\n\t\tconst position = options?.position \|\| 'top'\n\t\tconst delay = options?.delay \|\| 300\n\t\tconst showArrow = options?.showArrow !== false // Default to true\n\n\t\t// Get or create tooltip data\n\t\tlet tooltipData = tooltipMap.get(element)\n\n\t\tif (!tooltipData) {\n\t\t\t// Create tooltip element\n\t\t\tconst tooltipElement = document.createElement('div')\n\t\t\ttooltipElement.className = 'schmancy-tooltip'\n\n\t\t\t// Apply styles\n\t\t\tObject.assign(tooltipElement.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tzIndex: '10000',\n\t\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\t\tpadding: '8px 12px',\n\t\t\t\tborderRadius: '4px',\n\t\t\t\tfontSize: '14px',\n\t\t\t\tfontWeight: 'normal',\n\t\t\t\tmaxWidth: '300px',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 150ms ease',\n\t\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\t\ttextAlign: 'center',\n\t\t\t\t// Important: start with visibility hidden to avoid flash\n\t\t\t\tvisibility: 'hidden',\n\t\t\t})\n\n\t\t\t// Create arrow element if needed\n\t\t\tlet arrowElement: HTMLElement \| undefined\n\t\t\tif (showArrow) {\n\t\t\t\tarrowElement = document.createElement('div')\n\t\t\t\tarrowElement.className = 'schmancy-tooltip-arrow'\n\t\t\t\tObject.assign(arrowElement.style, {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tbackground: 'inherit',\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t// We'll rotate this to create an arrow\n\t\t\t\t\ttransform: 'rotate(45deg)',\n\t\t\t\t})\n\t\t\t\ttooltipElement.appendChild(arrowElement)\n\t\t\t}\n\n\t\t\t// Set ARIA attributes\n\t\t\ttooltipElement.setAttribute('role', 'tooltip')\n\n\t\t\t// Generate unique ID\n\t\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\t\ttooltipElement.id = tooltipId\n\t\t\telement.setAttribute('aria-describedby', tooltipId)\n\n\t\t\t// Add to document\n\t\t\tdocument.body.appendChild(tooltipElement)\n\n\t\t\t// Create tooltip data\n\t\t\ttooltipData = {\n\t\t\t\ttooltipElement,\n\t\t\t\tarrowElement,\n\t\t\t}\n\n\t\t\ttooltipMap.set(element, tooltipData)\n\n\t\t\t// Define show handler\n\t\t\tconst showTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.showTimeout = window.setTimeout(() => {\n\t\t\t\t\t// Set content\n\t\t\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t\t\t// Add arrow back if it was removed\n\t\t\t\t\tif (showArrow && tooltipData.arrowElement && !tooltipData.tooltipElement.contains(tooltipData.arrowElement)) {\n\t\t\t\t\t\ttooltipData.tooltipElement.appendChild(tooltipData.arrowElement)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure element is visible first\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'visible'\n\n\t\t\t\t\t// Clean up existing positioning\n\t\t\t\t\tif (tooltipData.cleanup) {\n\t\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up positioning\n\t\t\t\t\ttooltipData.cleanup = autoUpdate(element, tooltipData.tooltipElement, () =>\n\t\t\t\t\t\tupdatePosition(element, tooltipData, position, showArrow),\n\t\t\t\t\t)\n\n\t\t\t\t\t// Make opacity 1 after positioning is set up\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\ttooltipData.tooltipElement.style.opacity = '1'\n\t\t\t\t\t})\n\t\t\t\t}, delay)\n\t\t\t}\n\n\t\t\t// Define hide handler\n\t\t\tconst hideTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.tooltipElement.style.opacity = '0'\n\n\t\t\t\t// Set visibility to hidden after fade out\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'hidden'\n\t\t\t\t}, 150) // Match transition time\n\n\t\t\t\t// Clean up positioning\n\t\t\t\tif (tooltipData?.cleanup) {\n\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\ttooltipData.cleanup = undefined\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Add event listeners using fromEvent\n\t\t\tconst subscriptions = [\n\t\t\t\tfromEvent(element, 'mouseenter').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'focus').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'mouseleave').subscribe(hideTooltip),\n\t\t\t\tfromEvent(element, 'blur').subscribe(hideTooltip),\n\t\t\t\tfromEvent<KeyboardEvent>(document, 'keydown').subscribe((e: KeyboardEvent) => {\n\t\t\t\t\tif (e.key === 'Escape' && tooltipData?.tooltipElement.style.opacity === '1') {\n\t\t\t\t\t\thideTooltip()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t]\n\n\t\t\t// Store subscriptions for cleanup\n\t\t\ttooltipData.subscriptions = subscriptions\n\t\t} else {\n\t\t\t// Update content for existing tooltip\n\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t// Update arrow visibility if needed\n\t\t\tif (tooltipData.arrowElement) {\n\t\t\t\ttooltipData.arrowElement.style.visibility = showArrow ? 'visible' : 'hidden'\n\t\t\t}\n\t\t}\n\n\t\treturn { text, options }\n\t}\n\n\tdisconnected(part: ElementPart) {\n\t\tconst element = part.element\n\t\tconst tooltipData = tooltipMap.get(element)\n\n\t\tif (tooltipData) {\n\t\t\t// Clean up subscriptions\n\t\t\tif (tooltipData.subscriptions) {\n\t\t\t\ttooltipData.subscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t}\n\n\t\t\t// Clean up timeouts and positioning\n\t\t\tif (tooltipData.showTimeout) {\n\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t}\n\n\t\t\tif (tooltipData.cleanup) {\n\t\t\t\ttooltipData.cleanup()\n\t\t\t}\n\n\t\t\t// Remove tooltip element\n\t\t\tif (document.body.contains(tooltipData.tooltipElement)) {\n\t\t\t\tdocument.body.removeChild(tooltipData.tooltipElement)\n\t\t\t}\n\n\t\t\t// Remove ARIA attributes\n\t\t\tif (element.hasAttribute('aria-describedby')) {\n\t\t\t\telement.removeAttribute('aria-describedby')\n\t\t\t}\n\n\t\t\t// Remove from WeakMap\n\t\t\ttooltipMap.delete(element)\n\t\t}\n\t}\n}\n\n// Separate positioning function for clarity and reuse\nasync function updatePosition(element: HTMLElement, tooltipData: any, position: string, showArrow: boolean) {\n\t// Use floating-ui to compute position\n\tconst middleware = [\n\t\toffset(8), // Distance from the element\n\t\tflip({\n\t\t\tfallbackPlacements: ['top', 'right', 'bottom', 'left'].filter(p => p !== position) as Placement[],\n\t\t\tpadding: 5, // How far from the edges before flipping\n\t\t}),\n\t\tshift({ padding: 5 }), // Keep it within viewport bounds\n\t]\n\n\t// Add arrow middleware if needed\n\tif (showArrow && tooltipData.arrowElement) {\n\t\tmiddleware.push(arrow({ element: tooltipData.arrowElement }))\n\t}\n\n\tconst { x, y, placement, middlewareData } = await computePosition(element, tooltipData.tooltipElement, {\n\t\tplacement: position as Placement,\n\t\tmiddleware,\n\t\tstrategy: 'fixed' as Strategy, // Fixed positioning works better across contexts\n\t})\n\n\t// Apply position\n\tObject.assign(tooltipData.tooltipElement.style, {\n\t\tleft: `${x}px`,\n\t\ttop: `${y}px`,\n\t\tposition: 'fixed',\n\t})\n\n\t// Position the arrow if it exists\n\tif (showArrow && tooltipData.arrowElement && middlewareData.arrow) {\n\t\tconst { x: arrowX, y: arrowY } = middlewareData.arrow\n\n\t\t// Determine which side the arrow should be on based on placement\n\t\tconst staticSide =\n\t\t\t{\n\t\t\t\ttop: 'bottom',\n\t\t\t\tright: 'left',\n\t\t\t\tbottom: 'top',\n\t\t\t\tleft: 'right',\n\t\t\t}[placement.split('-')[0]] \|\| 'bottom'\n\n\t\t// Position the arrow\n\t\tObject.assign(tooltipData.arrowElement.style, {\n\t\t\tleft: arrowX != null ? `${arrowX}px` : '',\n\t\t\ttop: arrowY != null ? `${arrowY}px` : '',\n\t\t\t[staticSide]: '-4px', // Position the arrow on the correct side\n\t\t\tvisibility: 'visible',\n\t\t})\n\t}\n}\n\nexport const tooltip = directive(TooltipDirective)\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\nimport { computePosition, flip, shift, offset, autoUpdate, Placement } from '@floating-ui/dom'\n\n/*\n A tooltip component that displays a text tooltip when hovering over content.\n * Addresses shadow DOM limitations by teleporting the tooltip to document.body.\n \n @element schmancy-tooltip\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t}\n`) {\n\t@property({ type: String })\n\ttext = ''\n\n\t@property({ type: String })\n\tposition: 'top' \| 'right' \| 'bottom' \| 'left' = 'top'\n\n\t@property({ type: Number })\n\tdelay = 50\n\n\t@property({ type: Boolean })\n\tdisabled = false\n\n\t@state() private visible = false\n\n\tprivate triggerElement: HTMLElement \| null = null\n\tprivate tooltipElement: HTMLElement \| null = null\n\tprivate cleanup: (() => void) \| undefined\n\tprivate showTimeoutId: number \| undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create tooltip element once\n\t\tif (!this.tooltipElement) {\n\t\t\tthis.createTooltipElement()\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\t// Wait for slotted elements to be available\n\t\tthis.updateComplete.then(() => {\n\t\t\t// Get the first slotted element as trigger\n\t\t\tconst slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement\n\t\t\tconst slottedElements = slot?.assignedElements() \|\| []\n\n\t\t\tif (slottedElements.length > 0) {\n\t\t\t\tthis.triggerElement = slottedElements[0] as HTMLElement\n\t\t\t\tthis.setupEvents()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate createTooltipElement() {\n\t\t// Create the tooltip element in document.body\n\t\tthis.tooltipElement = document.createElement('div')\n\t\tthis.tooltipElement.className = 'schmancy-tooltip'\n\n\t\t// Apply styles\n\t\tObject.assign(this.tooltipElement.style, {\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '10000',\n\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\tpadding: '8px 12px',\n\t\t\tborderRadius: '4px',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 'normal',\n\t\t\tmaxWidth: '300px',\n\t\t\tpointerEvents: 'none',\n\t\t\topacity: '0',\n\t\t\ttransition: 'opacity 150ms ease',\n\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\ttextAlign: 'center',\n\t\t})\n\n\t\t// Set ARIA attributes\n\t\tthis.tooltipElement.setAttribute('role', 'tooltip')\n\n\t\t// Add to document\n\t\tdocument.body.appendChild(this.tooltipElement)\n\t}\n\n\tprivate setupEvents() {\n\t\tif (!this.triggerElement \|\| this.disabled) return\n\n\t\t// Generate unique ID for ARIA\n\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\tif (this.tooltipElement) {\n\t\t\tthis.tooltipElement.id = tooltipId\n\t\t\tthis.triggerElement.setAttribute('aria-describedby', tooltipId)\n\t\t}\n\n\t\t// Setup event streams using RxJS\n\t\tconst mouseEnter$ = fromEvent(this.triggerElement, 'mouseenter')\n\t\tconst focus$ = fromEvent(this.triggerElement, 'focus')\n\t\tconst mouseLeave$ = fromEvent(this.triggerElement, 'mouseleave')\n\t\tconst blur$ = fromEvent(this.triggerElement, 'blur')\n\n\t\t// Global escape key handler\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.visible) {\n\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Handle showing\n\t\tmerge(mouseEnter$, focus$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showTooltip()\n\t\t\t})\n\n\t\t// Handle hiding\n\t\tmerge(mouseLeave$, blur$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideTooltip()\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up\n\t\tif (this.tooltipElement && document.body.contains(this.tooltipElement)) {\n\t\t\tdocument.body.removeChild(this.tooltipElement)\n\t\t}\n\t\tthis.cleanup?.()\n\t\tclearTimeout(this.showTimeoutId)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.disabled \|\| !this.tooltipElement \|\| !this.triggerElement) return\n\n\t\t// Clear any existing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Set timeout for showing\n\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t// Update content\n\t\t\tif (this.tooltipElement) {\n\t\t\t\tthis.tooltipElement.textContent = this.text\n\n\t\t\t\t// Make visible\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.tooltipElement.style.opacity = '1'\n\n\t\t\t\t// Initialize positioning\n\t\t\t\tthis.initializePositioning()\n\t\t\t}\n\t\t}, this.delay)\n\t}\n\n\tprivate hideTooltip() {\n\t\t// Clear showing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Hide tooltip\n\t\tif (this.tooltipElement) {\n\t\t\tthis.visible = false\n\t\t\tthis.tooltipElement.style.opacity = '0'\n\t\t}\n\n\t\t// Clean up positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t}\n\n\tprivate initializePositioning() {\n\t\tif (!this.triggerElement \|\| !this.tooltipElement) return\n\n\t\t// Clean up existing positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t}\n\n\t\t// Set up auto-updating position\n\t\tthis.cleanup = autoUpdate(this.triggerElement, this.tooltipElement, () => {\n\t\t\t// Compute position\n\t\t\tcomputePosition(this.triggerElement!, this.tooltipElement!, {\n\t\t\t\tplacement: this.position as Placement,\n\t\t\t\tmiddleware: [offset(8), flip({ padding: 5 }), shift({ padding: 5 })],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Apply position\n\t\t\t\tif (this.tooltipElement) {\n\t\t\t\t\tObject.assign(this.tooltipElement.style, {\n\t\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["tooltipMap","WeakMap","tooltip","directive","Directive","partInfo","super","type","PartType","ELEMENT","Error","text","options","part","element","position","delay","showArrow","tooltipData","get","tooltipElement","textContent","arrowElement","style","visibility","document","createElement","className","Object","assign","zIndex","backgroundColor","color","padding","borderRadius","fontSize","fontWeight","maxWidth","pointerEvents","opacity","transition","boxShadow","textAlign","width","height","background","transform","appendChild","setAttribute","tooltipId","Math","random","toString","slice","id","body","set","showTooltip","showTimeout","clearTimeout","window","setTimeout","contains","cleanup","autoUpdate","async","middleware","offset","flip","fallbackPlacements","filter","p","shift","push","arrow","x","y","placement","middlewareData","computePosition","strategy","left","top","arrowX","arrowY","staticSide","right","bottom","split","requestAnimationFrame","hideTooltip","subscriptions","fromEvent","subscribe","e","key","forEach","subscription","unsubscribe","removeChild","hasAttribute","removeAttribute","delete","SchmancyTooltip","TailwindElement","css","constructor","arguments","this","disabled","visible","triggerElement","connectedCallback","createTooltipElement","updateComplete","then","slot","shadowRoot","querySelector","slottedElements","assignedElements","length","setupEvents","mouseEnter$","focus$","mouseLeave$","blur$","pipe","takeUntil","disconnecting","event","merge","disconnectedCallback","showTimeoutId","initializePositioning","render","html","__decorateClass","property","String","prototype","Number","Boolean","state","customElement"],"mappings":";;;;;;AAKA,MAAMA,wBAAiBC,WA+QVC,KAAUC,EApQvB,cAA+BC,EAAAA;AAAAA,EAC9B,YAAYC,GAAAA;AAEX,QADAC,MAAMD,CAAAA,GACFA,EAASE,SAASC,EAASC,QAC9B,OAAM,IAAIC,MAAM,oDAAA;AAAA,EAElB;AAAA,EAEA,OACCC,GACAC,IAII;AAEJ,WAAO,EAAED,MAAAA,GAAMC,SAAAA,EAAAA;AAAAA,EAChB;AAAA,EAEA,OAAOC,GAAAA,CAAoBF,GAAMC,IAAU,CAAA,CAAA,GAAA;AAC1C,UAAME,IAAUD,EAAKC,SACfC,IAAWH,GAASG,YAAY,OAChCC,IAAQJ,GAASI,SAAS,KAC1BC,IAAYL,GAASK,cAArBA;AAGN,QAAIC,IAAclB,EAAWmB,IAAIL,CAAAA;AAEjC,QAAKI,EAqIJA,CAAAA,EAAYE,eAAeC,cAAcV,GAGrCO,EAAYI,iBACfJ,EAAYI,aAAaC,MAAMC,aAAaP,IAAY,YAAY;AAAA,SAzIpD;AAEjB,YAAMG,IAAiBK,SAASC,cAAc,KAAA;AAwB9C,UAAIJ;AAvBJF,MAAAA,EAAeO,YAAY,oBAG3BC,OAAOC,OAAOT,EAAeG,OAAO,EACnCR,UAAU,YACVe,QAAQ,SACRC,iBAAiB,mDACjBC,OAAO,+CACPC,SAAS,YACTC,cAAc,OACdC,UAAU,QACVC,YAAY,UACZC,UAAU,SACVC,eAAe,QACfC,SAAS,KACTC,YAAY,sBACZC,WAAW,mCACXC,WAAW,UAEXlB,YAAY,SAAA,CAAA,GAKTP,MACHK,IAAeG,SAASC,cAAc,KAAA,GACtCJ,EAAaK,YAAY,0BACzBC,OAAOC,OAAOP,EAAaC,OAAO,EACjCR,UAAU,YACV4B,OAAO,OACPC,QAAQ,OACRC,YAAY,WACZrB,YAAY,UAEZsB,WAAW,gBAAA,CAAA,GAEZ1B,EAAe2B,YAAYzB,CAAAA,IAI5BF,EAAe4B,aAAa,QAAQ,SAAA;AAGpC,YAAMC,IAAY,WAAWC,KAAKC,OAAAA,EAASC,SAAS,EAAA,EAAIC,MAAM,GAAG,CAAA,CAAA;AACjEjC,MAAAA,EAAekC,KAAKL,GACpBnC,EAAQkC,aAAa,oBAAoBC,CAAAA,GAGzCxB,SAAS8B,KAAKR,YAAY3B,CAAAA,GAG1BF,IAAc,EACbE,gBAAAA,GACAE,cAAAA,EAAAA,GAGDtB,EAAWwD,IAAI1C,GAASI,CAAAA;AAGxB,YAAMuC,IAAc,MAAA;AACfvC,QAAAA,GAAawC,eAChBC,aAAazC,EAAYwC,WAAAA,GAG1BxC,EAAYwC,cAAcE,OAAOC,WAAW,MAAA;AAE3C3C,UAAAA,EAAYE,eAAeC,cAAcV,GAGrCM,KAAaC,EAAYI,iBAAiBJ,EAAYE,eAAe0C,SAAS5C,EAAYI,YAAAA,KAC7FJ,EAAYE,eAAe2B,YAAY7B,EAAYI,YAAAA,GAIpDJ,EAAYE,eAAeG,MAAMC,aAAa,WAG1CN,EAAY6C,WACf7C,EAAY6C,QAAAA,GAIb7C,EAAY6C,UAAUC,EAAWlD,GAASI,EAAYE,gBAAgB,OA+F3E6C,eAA8BnD,GAAsBI,GAAkBH,GAAkBE,GAAAA;AAEvF,kBAAMiD,IAAa,CAClBC,EAAO,IACPC,EAAK,EACJC,oBAAoB,CAAC,OAAO,SAAS,UAAU,MAAA,EAAQC,OAAOC,CAAAA,MAAKA,MAAMxD,CAAAA,GACzEkB,SAAS,EAAA,CAAA,GAEVuC,EAAM,EAAEvC,SAAS;AAIdhB,YAAAA,KAAaC,EAAYI,gBAC5B4C,EAAWO,KAAKC,EAAM,EAAE5D,SAASI,EAAYI,aAAAA,CAAAA,CAAAA;AAG9C,kBAAA,EAAMqD,GAAEA,GAAAC,GAAGA,GAAAC,WAAGA,GAAAC,gBAAWA,EAAAA,IAAAA,MAAyBC,EAAgBjE,GAASI,EAAYE,gBAAgB,EACtGyD,WAAW9D,GACXmD,YAAAA,GACAc,UAAU,QAAA,CAAA;AAWX,gBAPApD,OAAOC,OAAOX,EAAYE,eAAeG,OAAO,EAC/C0D,MAAM,GAAGN,CAAAA,MACTO,KAAK,GAAGN,CAAAA,MACR7D,UAAU,YAIPE,KAAaC,EAAYI,gBAAgBwD,EAAeJ,OAAO;AAClE,oBAAA,EAAQC,GAAGQ,GAAQP,GAAGQ,EAAAA,IAAWN,EAAeJ,OAG1CW,IACL,EACCH,KAAK,UACLI,OAAO,QACPC,QAAQ,OACRN,MAAM,QAAA,EACLJ,EAAUW,MAAM,GAAA,EAAK,OAAO;AAG/B5D,qBAAOC,OAAOX,EAAYI,aAAaC,OAAO,EAC7C0D,MAAME,KAAU,OAAO,GAAGA,CAAAA,OAAa,IACvCD,KAAKE,KAAU,OAAO,GAAGA,QAAa,IACtCC,CAACA,CAAAA,GAAa,QACd7D,YAAY,UAAA,CAAA;AAAA,YAEd;AAAA,UACD,GAhJqBV,GAASI,GAAaH,GAAUE,CAAAA,CAAAA,GAIhDwE,sBAAsB,MAAA;AACrBvE,YAAAA,EAAYE,eAAeG,MAAMgB,UAAU;AAAA,UAAA,CAAA;AAAA,QAAA,GAE1CvB,CAAAA;AAAAA,MAAAA,GAIE0E,IAAc,MAAA;AACfxE,QAAAA,GAAawC,eAChBC,aAAazC,EAAYwC,WAAAA,GAG1BxC,EAAYE,eAAeG,MAAMgB,UAAU,KAG3CsB,WAAW,MAAA;AACV3C,UAAAA,EAAYE,eAAeG,MAAMC,aAAa;AAAA,QAAA,GAC5C,GAAA,GAGCN,GAAa6C,YAChB7C,EAAY6C,WACZ7C,EAAY6C,UAAAA;AAAAA,MAAU,GAKlB4B,IAAgB,CACrBC,EAAU9E,GAAS,YAAA,EAAc+E,UAAUpC,CAAAA,GAC3CmC,EAAU9E,GAAS,OAAA,EAAS+E,UAAUpC,CAAAA,GACtCmC,EAAU9E,GAAS,cAAc+E,UAAUH,CAAAA,GAC3CE,EAAU9E,GAAS,MAAA,EAAQ+E,UAAUH,CAAAA,GACrCE,EAAyBnE,UAAU,SAAA,EAAWoE,UAAWC,CAAAA,MAAAA;AAC1C,QAAVA,EAAEC,QAAQ,YAAY7E,GAAaE,eAAeG,MAAMgB,YAAY,OACvEmD,EAAAA;AAAAA,MAAAA,CAAAA,CAAAA;AAMHxE,MAAAA,EAAYyE,gBAAgBA;AAAAA,IAC7B;AAUA,WAAO,EAAEhF,MAAAA,GAAMC,SAAAA,EAAAA;AAAAA,EAChB;AAAA,EAEA,aAAaC,GAAAA;AACZ,UAAMC,IAAUD,EAAKC,SACfI,IAAclB,EAAWmB,IAAIL,CAAAA;AAE/BI,IAAAA,MAECA,EAAYyE,iBACfzE,EAAYyE,cAAcK,QAAQC,CAAAA,MAAgBA,EAAaC,YAAAA,CAAAA,GAI5DhF,EAAYwC,eACfC,aAAazC,EAAYwC,WAAAA,GAGtBxC,EAAY6C,WACf7C,EAAY6C,QAAAA,GAITtC,SAAS8B,KAAKO,SAAS5C,EAAYE,cAAAA,KACtCK,SAAS8B,KAAK4C,YAAYjF,EAAYE,cAAAA,GAInCN,EAAQsF,aAAa,uBACxBtF,EAAQuF,gBAAgB,kBAAA,GAIzBrG,EAAWsG,OAAOxF,CAAAA;AAAAA,EAEpB;AAAA,CAAA;;;;;AC/MM,IAAMyF,IAAN,cAA8BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAA9C,cAAAC;AAAApG,aAAAqG,SAAAA,GAONC,KAAAjG,OAAO,IAGPiG,KAAA7F,WAAgD,OAGhD6F,KAAA5F,QAAQ,IAGR4F,KAAAC,eAESD,KAAQE,cAEjBF,KAAQG,iBAAqC,MAC7CH,KAAQxF,iBAAqC;AAAA,EAAA;AAAA,EAI7C;AACCd,UAAM0G,kBAAAA,GAGDJ,KAAKxF,kBACTwF,KAAKK;EAEP;AAAA,EAEA;AAECL,SAAKM,eAAeC,KAAK,MAAA;AAExB,YAAMC,IAAOR,KAAKS,YAAYC,cAAc,MAAA,GACtCC,IAAkBH,GAAMI,sBAAsB,CAAA;AAEhDD,MAAAA,EAAgBE,SAAS,MAC5Bb,KAAKG,iBAAiBQ,EAAgB,CAAA,GACtCX,KAAKc,YAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAGR;AAAA,EAEQ,uBAAAT;AAEPL,SAAKxF,iBAAiBK,SAASC,cAAc,QAC7CkF,KAAKxF,eAAeO,YAAY,oBAGhCC,OAAOC,OAAO+E,KAAKxF,eAAeG,OAAO,EACxCR,UAAU,YACVe,QAAQ,SACRC,iBAAiB,mDACjBC,OAAO,+CACPC,SAAS,YACTC,cAAc,OACdC,UAAU,QACVC,YAAY,UACZC,UAAU,SACVC,eAAe,QACfC,SAAS,KACTC,YAAY,sBACZC,WAAW,mCACXC,WAAW,SAAA,CAAA,GAIZkE,KAAKxF,eAAe4B,aAAa,QAAQ,SAAA,GAGzCvB,SAAS8B,KAAKR,YAAY6D,KAAKxF;EAChC;AAAA,EAEQ;AACP,QAAA,CAAKwF,KAAKG,kBAAkBH,KAAKC,SAAU;AAG3C,UAAM5D,IAAY,WAAWC,KAAKC,OAAAA,EAASC,SAAS,IAAIC,MAAM,GAAG,CAAA,CAAA;AAC7DuD,SAAKxF,mBACRwF,KAAKxF,eAAekC,KAAKL,GACzB2D,KAAKG,eAAe/D,aAAa,oBAAoBC,CAAAA;AAItD,UAAM0E,IAAc/B,EAAUgB,KAAKG,gBAAgB,eAC7Ca,IAAShC,EAAUgB,KAAKG,gBAAgB,OAAA,GACxCc,IAAcjC,EAAUgB,KAAKG,gBAAgB,YAAA,GAC7Ce,IAAQlC,EAAUgB,KAAKG,gBAAgB;AAG7CnB,IAAAA,EAAyBnE,UAAU,WACjCsG,KAAKC,EAAUpB,KAAKqB,aAAAA,CAAAA,EACpBpC,UAAUqC,CAAAA,MAAAA;AACQ,MAAdA,EAAMnC,QAAQ,YAAYa,KAAKE,WAClCF,KAAKlB;QAKRyC,EAAMR,GAAaC,CAAAA,EACjBG,KAAKC,EAAUpB,KAAKqB,gBACpBpC,UAAU,MAAA;AACVe,WAAKnD,YAAAA;AAAAA,IAAAA,CAAAA,GAIP0E,EAAMN,GAAaC,CAAAA,EACjBC,KAAKC,EAAUpB,KAAKqB,aAAAA,CAAAA,EACpBpC,UAAU;AACVe,WAAKlB,YAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAER;AAAA,EAEA,uBAAA0C;AAEKxB,SAAKxF,kBAAkBK,SAAS8B,KAAKO,SAAS8C,KAAKxF,mBACtDK,SAAS8B,KAAK4C,YAAYS,KAAKxF,cAAAA,GAEhCwF,KAAK7C,UAAAA,GACLJ,aAAaiD,KAAKyB,aAAAA,GAClB/H,MAAM8H,qBAAAA;AAAAA,EACP;AAAA,EAEQ,cAAA3E;AAAAA,KACHmD,KAAKC,YAAaD,KAAKxF,kBAAmBwF,KAAKG,mBAGnDpD,aAAaiD,KAAKyB,aAAAA,GAGlBzB,KAAKyB,gBAAgBzE,OAAOC,WAAW;AAElC+C,WAAKxF,mBACRwF,KAAKxF,eAAeC,cAAcuF,KAAKjG,MAGvCiG,KAAKE,UAAAA,IACLF,KAAKxF,eAAeG,MAAMgB,UAAU,KAGpCqE,KAAK0B,sBAAAA;AAAAA,IAAAA,GAEJ1B,KAAK5F;EACT;AAAA,EAEQ;AAEP2C,iBAAaiD,KAAKyB,gBAGdzB,KAAKxF,mBACRwF,KAAKE,UAAAA,IACLF,KAAKxF,eAAeG,MAAMgB,UAAU,MAIjCqE,KAAK7C,YACR6C,KAAK7C,QAAAA,GACL6C,KAAK7C;EAEP;AAAA,EAEQ,wBAAAuE;AACF1B,SAAKG,kBAAmBH,KAAKxF,mBAG9BwF,KAAK7C,WACR6C,KAAK7C,QAAAA,GAIN6C,KAAK7C,UAAUC,EAAW4C,KAAKG,gBAAgBH,KAAKxF,gBAAgB;AAEnE2D,MAAAA,EAAgB6B,KAAKG,gBAAiBH,KAAKxF,gBAAiB,EAC3DyD,WAAW+B,KAAK7F,UAChBmD,YAAY,CAACC,EAAO,CAAA,GAAIC,EAAK,EAAEnC,SAAS,EAAA,CAAA,GAAMuC,EAAM,EAAEvC,SAAS,EAAA,CAAA,CAAA,EAAA,CAAA,EAC7DkF,KAAK,CAAA,EAAGxC,GAAAA,GAAGC;AAETgC,aAAKxF,kBACRQ,OAAOC,OAAO+E,KAAKxF,eAAeG,OAAO,EACxC0D,MAAM,GAAGN,CAAAA,MACTO,KAAK,GAAGN,CAAAA,KAAAA,CAAAA;AAAAA,MAAAA,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAKb;AAAA,EAEA,SAAA2D;AACC,WAAOC;AAAAA,EACR;AAAA;AA5LAC,EAAA,CADCC,EAAS,EAAEnI,MAAMoI,OAAAA,CAAAA,CAAAA,GANNpC,EAOZqC,WAAA,QAAA,CAAA,GAGAH,EAAA,CADCC,EAAS,EAAEnI,MAAMoI,OAAAA,CAAAA,CAAAA,GATNpC,EAUZqC,WAAA,YAAA,IAGAH,EAAA,CADCC,EAAS,EAAEnI,MAAMsI,OAAAA,CAAAA,CAAAA,GAZNtC,EAaZqC,WAAA,SAAA,IAGAH,EAAA,CADCC,EAAS,EAAEnI,MAAMuI,aAfNvC,EAgBZqC,WAAA,YAAA,CAAA,GAEiBH,EAAA,CAAhBM,MAlBWxC,EAkBKqC,WAAA,WAAA,CAAA,GAlBLrC,IAANkC,EAAA,CADNO,EAAc,kBAAA,CAAA,GACFzC,CAAAA;"}
1	+ {"version":3,"file":"tooltip-Btl0IKYC.js","sources":["../src/tooltip/tooltip.directive.ts","../src/tooltip/tooltip.ts"],"sourcesContent":["import { arrow, autoUpdate, computePosition, flip, offset, Placement, shift, Strategy } from '@floating-ui/dom'\nimport { Directive, directive, ElementPart, ElementPartInfo, PartType } from 'lit/directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\n// Store tooltip data for elements\nconst tooltipMap = new WeakMap<\n\tElement,\n\t{\n\t\ttooltipElement: HTMLElement\n\t\tarrowElement?: HTMLElement\n\t\tcleanup?: () => void\n\t\tshowTimeout?: number\n\t\tsubscriptions?: Subscription[]\n\t}\n>()\n\nclass TooltipDirective extends Directive {\n\tconstructor(partInfo: ElementPartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The tooltip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(\n\t\ttext: string,\n\t\toptions: {\n\t\t\tposition?: 'top' \| 'right' \| 'bottom' \| 'left'\n\t\t\tdelay?: number\n\t\t\tshowArrow?: boolean\n\t\t} = {},\n\t) {\n\t\treturn { text, options }\n\t}\n\n\tupdate(part: ElementPart, [text, options = {}]: [string, any]) {\n\t\tconst element = part.element as HTMLElement\n\t\tconst position = options?.position \|\| 'top'\n\t\tconst delay = options?.delay \|\| 300\n\t\tconst showArrow = options?.showArrow !== false // Default to true\n\n\t\t// Get or create tooltip data\n\t\tlet tooltipData = tooltipMap.get(element)\n\n\t\tif (!tooltipData) {\n\t\t\t// Create tooltip element\n\t\t\tconst tooltipElement = document.createElement('div')\n\t\t\ttooltipElement.className = 'schmancy-tooltip'\n\n\t\t\t// Apply styles\n\t\t\tObject.assign(tooltipElement.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tzIndex: '10000',\n\t\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\t\tpadding: '8px 12px',\n\t\t\t\tborderRadius: '4px',\n\t\t\t\tfontSize: '14px',\n\t\t\t\tfontWeight: 'normal',\n\t\t\t\tmaxWidth: '300px',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 150ms ease',\n\t\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\t\ttextAlign: 'center',\n\t\t\t\t// Important: start with visibility hidden to avoid flash\n\t\t\t\tvisibility: 'hidden',\n\t\t\t})\n\n\t\t\t// Create arrow element if needed\n\t\t\tlet arrowElement: HTMLElement \| undefined\n\t\t\tif (showArrow) {\n\t\t\t\tarrowElement = document.createElement('div')\n\t\t\t\tarrowElement.className = 'schmancy-tooltip-arrow'\n\t\t\t\tObject.assign(arrowElement.style, {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tbackground: 'inherit',\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t// We'll rotate this to create an arrow\n\t\t\t\t\ttransform: 'rotate(45deg)',\n\t\t\t\t})\n\t\t\t\ttooltipElement.appendChild(arrowElement)\n\t\t\t}\n\n\t\t\t// Set ARIA attributes\n\t\t\ttooltipElement.setAttribute('role', 'tooltip')\n\n\t\t\t// Generate unique ID\n\t\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\t\ttooltipElement.id = tooltipId\n\t\t\telement.setAttribute('aria-describedby', tooltipId)\n\n\t\t\t// Add to document\n\t\t\tdocument.body.appendChild(tooltipElement)\n\n\t\t\t// Create tooltip data\n\t\t\ttooltipData = {\n\t\t\t\ttooltipElement,\n\t\t\t\tarrowElement,\n\t\t\t}\n\n\t\t\ttooltipMap.set(element, tooltipData)\n\n\t\t\t// Define show handler\n\t\t\tconst showTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.showTimeout = window.setTimeout(() => {\n\t\t\t\t\t// Set content\n\t\t\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t\t\t// Add arrow back if it was removed\n\t\t\t\t\tif (showArrow && tooltipData.arrowElement && !tooltipData.tooltipElement.contains(tooltipData.arrowElement)) {\n\t\t\t\t\t\ttooltipData.tooltipElement.appendChild(tooltipData.arrowElement)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure element is visible first\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'visible'\n\n\t\t\t\t\t// Clean up existing positioning\n\t\t\t\t\tif (tooltipData.cleanup) {\n\t\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up positioning\n\t\t\t\t\ttooltipData.cleanup = autoUpdate(element, tooltipData.tooltipElement, () =>\n\t\t\t\t\t\tupdatePosition(element, tooltipData, position, showArrow),\n\t\t\t\t\t)\n\n\t\t\t\t\t// Make opacity 1 after positioning is set up\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\ttooltipData.tooltipElement.style.opacity = '1'\n\t\t\t\t\t})\n\t\t\t\t}, delay)\n\t\t\t}\n\n\t\t\t// Define hide handler\n\t\t\tconst hideTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.tooltipElement.style.opacity = '0'\n\n\t\t\t\t// Set visibility to hidden after fade out\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'hidden'\n\t\t\t\t}, 150) // Match transition time\n\n\t\t\t\t// Clean up positioning\n\t\t\t\tif (tooltipData?.cleanup) {\n\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\ttooltipData.cleanup = undefined\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Add event listeners using fromEvent\n\t\t\tconst subscriptions = [\n\t\t\t\tfromEvent(element, 'mouseenter').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'focus').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'mouseleave').subscribe(hideTooltip),\n\t\t\t\tfromEvent(element, 'blur').subscribe(hideTooltip),\n\t\t\t\tfromEvent<KeyboardEvent>(document, 'keydown').subscribe((e: KeyboardEvent) => {\n\t\t\t\t\tif (e.key === 'Escape' && tooltipData?.tooltipElement.style.opacity === '1') {\n\t\t\t\t\t\thideTooltip()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t]\n\n\t\t\t// Store subscriptions for cleanup\n\t\t\ttooltipData.subscriptions = subscriptions\n\t\t} else {\n\t\t\t// Update content for existing tooltip\n\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t// Update arrow visibility if needed\n\t\t\tif (tooltipData.arrowElement) {\n\t\t\t\ttooltipData.arrowElement.style.visibility = showArrow ? 'visible' : 'hidden'\n\t\t\t}\n\t\t}\n\n\t\treturn { text, options }\n\t}\n\n\tdisconnected(part: ElementPart) {\n\t\tconst element = part.element\n\t\tconst tooltipData = tooltipMap.get(element)\n\n\t\tif (tooltipData) {\n\t\t\t// Clean up subscriptions\n\t\t\tif (tooltipData.subscriptions) {\n\t\t\t\ttooltipData.subscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t}\n\n\t\t\t// Clean up timeouts and positioning\n\t\t\tif (tooltipData.showTimeout) {\n\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t}\n\n\t\t\tif (tooltipData.cleanup) {\n\t\t\t\ttooltipData.cleanup()\n\t\t\t}\n\n\t\t\t// Remove tooltip element\n\t\t\tif (document.body.contains(tooltipData.tooltipElement)) {\n\t\t\t\tdocument.body.removeChild(tooltipData.tooltipElement)\n\t\t\t}\n\n\t\t\t// Remove ARIA attributes\n\t\t\tif (element.hasAttribute('aria-describedby')) {\n\t\t\t\telement.removeAttribute('aria-describedby')\n\t\t\t}\n\n\t\t\t// Remove from WeakMap\n\t\t\ttooltipMap.delete(element)\n\t\t}\n\t}\n}\n\n// Separate positioning function for clarity and reuse\nasync function updatePosition(element: HTMLElement, tooltipData: any, position: string, showArrow: boolean) {\n\t// Use floating-ui to compute position\n\tconst middleware = [\n\t\toffset(8), // Distance from the element\n\t\tflip({\n\t\t\tfallbackPlacements: ['top', 'right', 'bottom', 'left'].filter(p => p !== position) as Placement[],\n\t\t\tpadding: 5, // How far from the edges before flipping\n\t\t}),\n\t\tshift({ padding: 5 }), // Keep it within viewport bounds\n\t]\n\n\t// Add arrow middleware if needed\n\tif (showArrow && tooltipData.arrowElement) {\n\t\tmiddleware.push(arrow({ element: tooltipData.arrowElement }))\n\t}\n\n\tconst { x, y, placement, middlewareData } = await computePosition(element, tooltipData.tooltipElement, {\n\t\tplacement: position as Placement,\n\t\tmiddleware,\n\t\tstrategy: 'fixed' as Strategy, // Fixed positioning works better across contexts\n\t})\n\n\t// Apply position\n\tObject.assign(tooltipData.tooltipElement.style, {\n\t\tleft: `${x}px`,\n\t\ttop: `${y}px`,\n\t\tposition: 'fixed',\n\t})\n\n\t// Position the arrow if it exists\n\tif (showArrow && tooltipData.arrowElement && middlewareData.arrow) {\n\t\tconst { x: arrowX, y: arrowY } = middlewareData.arrow\n\n\t\t// Determine which side the arrow should be on based on placement\n\t\tconst staticSide =\n\t\t\t{\n\t\t\t\ttop: 'bottom',\n\t\t\t\tright: 'left',\n\t\t\t\tbottom: 'top',\n\t\t\t\tleft: 'right',\n\t\t\t}[placement.split('-')[0]] \|\| 'bottom'\n\n\t\t// Position the arrow\n\t\tObject.assign(tooltipData.arrowElement.style, {\n\t\t\tleft: arrowX != null ? `${arrowX}px` : '',\n\t\t\ttop: arrowY != null ? `${arrowY}px` : '',\n\t\t\t[staticSide]: '-4px', // Position the arrow on the correct side\n\t\t\tvisibility: 'visible',\n\t\t})\n\t}\n}\n\nexport const tooltip = directive(TooltipDirective)\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\nimport { computePosition, flip, shift, offset, autoUpdate, Placement } from '@floating-ui/dom'\n\n/*\n A tooltip component that displays a text tooltip when hovering over content.\n * Addresses shadow DOM limitations by teleporting the tooltip to document.body.\n \n @element schmancy-tooltip\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t}\n`) {\n\t@property({ type: String })\n\ttext = ''\n\n\t@property({ type: String })\n\tposition: 'top' \| 'right' \| 'bottom' \| 'left' = 'top'\n\n\t@property({ type: Number })\n\tdelay = 50\n\n\t@property({ type: Boolean })\n\tdisabled = false\n\n\t@state() private visible = false\n\n\tprivate triggerElement: HTMLElement \| null = null\n\tprivate tooltipElement: HTMLElement \| null = null\n\tprivate cleanup: (() => void) \| undefined\n\tprivate showTimeoutId: number \| undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create tooltip element once\n\t\tif (!this.tooltipElement) {\n\t\t\tthis.createTooltipElement()\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\t// Wait for slotted elements to be available\n\t\tthis.updateComplete.then(() => {\n\t\t\t// Get the first slotted element as trigger\n\t\t\tconst slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement\n\t\t\tconst slottedElements = slot?.assignedElements() \|\| []\n\n\t\t\tif (slottedElements.length > 0) {\n\t\t\t\tthis.triggerElement = slottedElements[0] as HTMLElement\n\t\t\t\tthis.setupEvents()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate createTooltipElement() {\n\t\t// Create the tooltip element in document.body\n\t\tthis.tooltipElement = document.createElement('div')\n\t\tthis.tooltipElement.className = 'schmancy-tooltip'\n\n\t\t// Apply styles\n\t\tObject.assign(this.tooltipElement.style, {\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '10000',\n\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\tpadding: '8px 12px',\n\t\t\tborderRadius: '4px',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 'normal',\n\t\t\tmaxWidth: '300px',\n\t\t\tpointerEvents: 'none',\n\t\t\topacity: '0',\n\t\t\ttransition: 'opacity 150ms ease',\n\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\ttextAlign: 'center',\n\t\t})\n\n\t\t// Set ARIA attributes\n\t\tthis.tooltipElement.setAttribute('role', 'tooltip')\n\n\t\t// Add to document\n\t\tdocument.body.appendChild(this.tooltipElement)\n\t}\n\n\tprivate setupEvents() {\n\t\tif (!this.triggerElement \|\| this.disabled) return\n\n\t\t// Generate unique ID for ARIA\n\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\tif (this.tooltipElement) {\n\t\t\tthis.tooltipElement.id = tooltipId\n\t\t\tthis.triggerElement.setAttribute('aria-describedby', tooltipId)\n\t\t}\n\n\t\t// Setup event streams using RxJS\n\t\tconst mouseEnter$ = fromEvent(this.triggerElement, 'mouseenter')\n\t\tconst focus$ = fromEvent(this.triggerElement, 'focus')\n\t\tconst mouseLeave$ = fromEvent(this.triggerElement, 'mouseleave')\n\t\tconst blur$ = fromEvent(this.triggerElement, 'blur')\n\n\t\t// Global escape key handler\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.visible) {\n\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Handle showing\n\t\tmerge(mouseEnter$, focus$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showTooltip()\n\t\t\t})\n\n\t\t// Handle hiding\n\t\tmerge(mouseLeave$, blur$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideTooltip()\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up\n\t\tif (this.tooltipElement && document.body.contains(this.tooltipElement)) {\n\t\t\tdocument.body.removeChild(this.tooltipElement)\n\t\t}\n\t\tthis.cleanup?.()\n\t\tclearTimeout(this.showTimeoutId)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.disabled \|\| !this.tooltipElement \|\| !this.triggerElement) return\n\n\t\t// Clear any existing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Set timeout for showing\n\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t// Update content\n\t\t\tif (this.tooltipElement) {\n\t\t\t\tthis.tooltipElement.textContent = this.text\n\n\t\t\t\t// Make visible\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.tooltipElement.style.opacity = '1'\n\n\t\t\t\t// Initialize positioning\n\t\t\t\tthis.initializePositioning()\n\t\t\t}\n\t\t}, this.delay)\n\t}\n\n\tprivate hideTooltip() {\n\t\t// Clear showing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Hide tooltip\n\t\tif (this.tooltipElement) {\n\t\t\tthis.visible = false\n\t\t\tthis.tooltipElement.style.opacity = '0'\n\t\t}\n\n\t\t// Clean up positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t}\n\n\tprivate initializePositioning() {\n\t\tif (!this.triggerElement \|\| !this.tooltipElement) return\n\n\t\t// Clean up existing positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t}\n\n\t\t// Set up auto-updating position\n\t\tthis.cleanup = autoUpdate(this.triggerElement, this.tooltipElement, () => {\n\t\t\t// Compute position\n\t\t\tcomputePosition(this.triggerElement!, this.tooltipElement!, {\n\t\t\t\tplacement: this.position as Placement,\n\t\t\t\tmiddleware: [offset(8), flip({ padding: 5 }), shift({ padding: 5 })],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Apply position\n\t\t\t\tif (this.tooltipElement) {\n\t\t\t\t\tObject.assign(this.tooltipElement.style, {\n\t\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["tooltipMap","WeakMap","tooltip","directive","Directive","partInfo","super","type","PartType","ELEMENT","Error","text","options","part","element","position","delay","showArrow","tooltipData","get","tooltipElement","textContent","arrowElement","style","visibility","document","createElement","className","Object","assign","zIndex","backgroundColor","color","padding","borderRadius","fontSize","fontWeight","maxWidth","pointerEvents","opacity","transition","boxShadow","textAlign","width","height","background","transform","appendChild","setAttribute","tooltipId","Math","random","toString","slice","id","body","set","showTooltip","showTimeout","clearTimeout","window","setTimeout","contains","cleanup","autoUpdate","async","middleware","offset","flip","fallbackPlacements","filter","p","shift","push","arrow","x","y","placement","middlewareData","computePosition","strategy","left","top","arrowX","arrowY","staticSide","right","bottom","split","requestAnimationFrame","hideTooltip","subscriptions","fromEvent","subscribe","e","key","forEach","subscription","unsubscribe","removeChild","hasAttribute","removeAttribute","delete","SchmancyTooltip","TailwindElement","css","constructor","arguments","this","disabled","visible","triggerElement","connectedCallback","createTooltipElement","updateComplete","then","slot","shadowRoot","querySelector","slottedElements","assignedElements","length","setupEvents","mouseEnter$","focus$","mouseLeave$","blur$","pipe","takeUntil","disconnecting","event","merge","disconnectedCallback","showTimeoutId","initializePositioning","render","html","__decorateClass","property","String","prototype","Number","Boolean","state","customElement"],"mappings":"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"}

package/dist/{tooltip-D24v5bvM.cjs → tooltip-DyuMJEjL.cjs} RENAMED Viewed

@@ -1,7 +1,7 @@
-"use strict";const r=require("@floating-ui/dom"),w=require("lit/directive.js"),n=require("rxjs"),I=require("./tailwind.mixin-scDxsqaX.cjs"),O=require("lit"),m=require("lit/decorators.js"),E=new WeakMap;class U extends w.Directive{constructor(i){if(super(i),i.type!==w.PartType.ELEMENT)throw new Error("The tooltip directive can only be used on elements")}render(i,s={}){return{text:i,options:s}}update(i,[s,e={}]){const o=i.element,l=e?.position||"top",d=e?.delay||300,y=e?.showArrow!==!1;let t=E.get(o);if(t)t.tooltipElement.textContent=s,t.arrowElement&&(t.arrowElement.style.visibility=y?"visible":"hidden");else{const p=document.createElement("div");let u;p.className="schmancy-tooltip",Object.assign(p.style,{position:"absolute",zIndex:"10000",backgroundColor:"var(--schmancy-sys-color-surface-highest, #333)",color:"var(--schmancy-sys-color-surface-on, white)",padding:"8px 12px",borderRadius:"4px",fontSize:"14px",fontWeight:"normal",maxWidth:"300px",pointerEvents:"none",opacity:"0",transition:"opacity 150ms ease",boxShadow:"var(--schmancy-sys-elevation-2)",textAlign:"center",visibility:"hidden"}),y&&(u=document.createElement("div"),u.className="schmancy-tooltip-arrow",Object.assign(u.style,{position:"absolute",width:"8px",height:"8px",background:"inherit",visibility:"hidden",transform:"rotate(45deg)"}),p.appendChild(u)),p.setAttribute("role","tooltip");const f=`tooltip-${Math.random().toString(36).slice(2,9)}`;p.id=f,o.setAttribute("aria-describedby",f),document.body.appendChild(p),t={tooltipElement:p,arrowElement:u},E.set(o,t);const x=()=>{t?.showTimeout&&clearTimeout(t.showTimeout),t.showTimeout=window.setTimeout(()=>{t.tooltipElement.textContent=s,y&&t.arrowElement&&!t.tooltipElement.contains(t.arrowElement)&&t.tooltipElement.appendChild(t.arrowElement),t.tooltipElement.style.visibility="visible",t.cleanup&&t.cleanup(),t.cleanup=r.autoUpdate(o,t.tooltipElement,()=>(async function(v,c,T,k){const S=[r.offset(8),r.flip({fallbackPlacements:["top","right","bottom","left"].filter(b=>b!==T),padding:5}),r.shift({padding:5})];k&&c.arrowElement&&S.push(r.arrow({element:c.arrowElement}));const{x:q,y:P,placement:$,middlewareData:C}=await r.computePosition(v,c.tooltipElement,{placement:T,middleware:S,strategy:"fixed"});if(Object.assign(c.tooltipElement.style,{left:`${q}px`,top:`${P}px`,position:"fixed"}),k&&c.arrowElement&&C.arrow){const{x:b,y:A}=C.arrow,z={top:"bottom",right:"left",bottom:"top",left:"right"}[$.split("-")[0]]||"bottom";Object.assign(c.arrowElement.style,{left:b!=null?`${b}px`:"",top:A!=null?`${A}px`:"",[z]:"-4px",visibility:"visible"})}})(o,t,l,y)),requestAnimationFrame(()=>{t.tooltipElement.style.opacity="1"})},d)},g=()=>{t?.showTimeout&&clearTimeout(t.showTimeout),t.tooltipElement.style.opacity="0",setTimeout(()=>{t.tooltipElement.style.visibility="hidden"},150),t?.cleanup&&(t.cleanup(),t.cleanup=void 0)},j=[n.fromEvent(o,"mouseenter").subscribe(x),n.fromEvent(o,"focus").subscribe(x),n.fromEvent(o,"mouseleave").subscribe(g),n.fromEvent(o,"blur").subscribe(g),n.fromEvent(document,"keydown").subscribe(v=>{v.key==="Escape"&&t?.tooltipElement.style.opacity==="1"&&g()})];t.subscriptions=j}return{text:s,options:e}}disconnected(i){const s=i.element,e=E.get(s);e&&(e.subscriptions&&e.subscriptions.forEach(o=>o.unsubscribe()),e.showTimeout&&clearTimeout(e.showTimeout),e.cleanup&&e.cleanup(),document.body.contains(e.tooltipElement)&&document.body.removeChild(e.tooltipElement),s.hasAttribute("aria-describedby")&&s.removeAttribute("aria-describedby"),E.delete(s))}}const N=w.directive(U);var W=Object.defineProperty,M=Object.getOwnPropertyDescriptor,h=(a,i,s,e)=>{for(var o,l=e>1?void 0:e?M(i,s):i,d=a.length-1;d>=0;d--)(o=a[d])&&(l=(e?o(i,s,l):o(l))||l);return e&&l&&W(i,s,l),l};exports.SchmancyTooltip=class extends I.TailwindElement(O.css`
+"use strict";const r=require("@floating-ui/dom"),w=require("lit/directive.js"),n=require("rxjs"),I=require("./tailwind.mixin-3TPVvhYf.cjs"),O=require("lit"),m=require("lit/decorators.js"),E=new WeakMap;class U extends w.Directive{constructor(i){if(super(i),i.type!==w.PartType.ELEMENT)throw new Error("The tooltip directive can only be used on elements")}render(i,s={}){return{text:i,options:s}}update(i,[s,e={}]){const o=i.element,l=e?.position||"top",d=e?.delay||300,y=e?.showArrow!==!1;let t=E.get(o);if(t)t.tooltipElement.textContent=s,t.arrowElement&&(t.arrowElement.style.visibility=y?"visible":"hidden");else{const p=document.createElement("div");let u;p.className="schmancy-tooltip",Object.assign(p.style,{position:"absolute",zIndex:"10000",backgroundColor:"var(--schmancy-sys-color-surface-highest, #333)",color:"var(--schmancy-sys-color-surface-on, white)",padding:"8px 12px",borderRadius:"4px",fontSize:"14px",fontWeight:"normal",maxWidth:"300px",pointerEvents:"none",opacity:"0",transition:"opacity 150ms ease",boxShadow:"var(--schmancy-sys-elevation-2)",textAlign:"center",visibility:"hidden"}),y&&(u=document.createElement("div"),u.className="schmancy-tooltip-arrow",Object.assign(u.style,{position:"absolute",width:"8px",height:"8px",background:"inherit",visibility:"hidden",transform:"rotate(45deg)"}),p.appendChild(u)),p.setAttribute("role","tooltip");const f=`tooltip-${Math.random().toString(36).slice(2,9)}`;p.id=f,o.setAttribute("aria-describedby",f),document.body.appendChild(p),t={tooltipElement:p,arrowElement:u},E.set(o,t);const x=()=>{t?.showTimeout&&clearTimeout(t.showTimeout),t.showTimeout=window.setTimeout(()=>{t.tooltipElement.textContent=s,y&&t.arrowElement&&!t.tooltipElement.contains(t.arrowElement)&&t.tooltipElement.appendChild(t.arrowElement),t.tooltipElement.style.visibility="visible",t.cleanup&&t.cleanup(),t.cleanup=r.autoUpdate(o,t.tooltipElement,()=>(async function(v,c,T,k){const S=[r.offset(8),r.flip({fallbackPlacements:["top","right","bottom","left"].filter(b=>b!==T),padding:5}),r.shift({padding:5})];k&&c.arrowElement&&S.push(r.arrow({element:c.arrowElement}));const{x:q,y:P,placement:$,middlewareData:C}=await r.computePosition(v,c.tooltipElement,{placement:T,middleware:S,strategy:"fixed"});if(Object.assign(c.tooltipElement.style,{left:`${q}px`,top:`${P}px`,position:"fixed"}),k&&c.arrowElement&&C.arrow){const{x:b,y:A}=C.arrow,z={top:"bottom",right:"left",bottom:"top",left:"right"}[$.split("-")[0]]||"bottom";Object.assign(c.arrowElement.style,{left:b!=null?`${b}px`:"",top:A!=null?`${A}px`:"",[z]:"-4px",visibility:"visible"})}})(o,t,l,y)),requestAnimationFrame(()=>{t.tooltipElement.style.opacity="1"})},d)},g=()=>{t?.showTimeout&&clearTimeout(t.showTimeout),t.tooltipElement.style.opacity="0",setTimeout(()=>{t.tooltipElement.style.visibility="hidden"},150),t?.cleanup&&(t.cleanup(),t.cleanup=void 0)},j=[n.fromEvent(o,"mouseenter").subscribe(x),n.fromEvent(o,"focus").subscribe(x),n.fromEvent(o,"mouseleave").subscribe(g),n.fromEvent(o,"blur").subscribe(g),n.fromEvent(document,"keydown").subscribe(v=>{v.key==="Escape"&&t?.tooltipElement.style.opacity==="1"&&g()})];t.subscriptions=j}return{text:s,options:e}}disconnected(i){const s=i.element,e=E.get(s);e&&(e.subscriptions&&e.subscriptions.forEach(o=>o.unsubscribe()),e.showTimeout&&clearTimeout(e.showTimeout),e.cleanup&&e.cleanup(),document.body.contains(e.tooltipElement)&&document.body.removeChild(e.tooltipElement),s.hasAttribute("aria-describedby")&&s.removeAttribute("aria-describedby"),E.delete(s))}}const N=w.directive(U);var W=Object.defineProperty,M=Object.getOwnPropertyDescriptor,h=(a,i,s,e)=>{for(var o,l=e>1?void 0:e?M(i,s):i,d=a.length-1;d>=0;d--)(o=a[d])&&(l=(e?o(i,s,l):o(l))||l);return e&&l&&W(i,s,l),l};exports.SchmancyTooltip=class extends I.TailwindElement(O.css`
 	:host {
 		display: inline-block;
 		position: relative;
 	}
 `){constructor(){super(...arguments),this.text="",this.position="top",this.delay=50,this.disabled=!1,this.visible=!1,this.triggerElement=null,this.tooltipElement=null}connectedCallback(){super.connectedCallback(),this.tooltipElement||this.createTooltipElement()}firstUpdated(){this.updateComplete.then(()=>{const a=this.shadowRoot?.querySelector("slot"),i=a?.assignedElements()||[];i.length>0&&(this.triggerElement=i[0],this.setupEvents())})}createTooltipElement(){this.tooltipElement=document.createElement("div"),this.tooltipElement.className="schmancy-tooltip",Object.assign(this.tooltipElement.style,{position:"absolute",zIndex:"10000",backgroundColor:"var(--schmancy-sys-color-surface-highest, #333)",color:"var(--schmancy-sys-color-surface-on, white)",padding:"8px 12px",borderRadius:"4px",fontSize:"14px",fontWeight:"normal",maxWidth:"300px",pointerEvents:"none",opacity:"0",transition:"opacity 150ms ease",boxShadow:"var(--schmancy-sys-elevation-2)",textAlign:"center"}),this.tooltipElement.setAttribute("role","tooltip"),document.body.appendChild(this.tooltipElement)}setupEvents(){if(!this.triggerElement||this.disabled)return;const a=`tooltip-${Math.random().toString(36).slice(2,9)}`;this.tooltipElement&&(this.tooltipElement.id=a,this.triggerElement.setAttribute("aria-describedby",a));const i=n.fromEvent(this.triggerElement,"mouseenter"),s=n.fromEvent(this.triggerElement,"focus"),e=n.fromEvent(this.triggerElement,"mouseleave"),o=n.fromEvent(this.triggerElement,"blur");n.fromEvent(document,"keydown").pipe(n.takeUntil(this.disconnecting)).subscribe(l=>{l.key==="Escape"&&this.visible&&this.hideTooltip()}),n.merge(i,s).pipe(n.takeUntil(this.disconnecting)).subscribe(()=>{this.showTooltip()}),n.merge(e,o).pipe(n.takeUntil(this.disconnecting)).subscribe(()=>{this.hideTooltip()})}disconnectedCallback(){this.tooltipElement&&document.body.contains(this.tooltipElement)&&document.body.removeChild(this.tooltipElement),this.cleanup?.(),clearTimeout(this.showTimeoutId),super.disconnectedCallback()}showTooltip(){!this.disabled&&this.tooltipElement&&this.triggerElement&&(clearTimeout(this.showTimeoutId),this.showTimeoutId=window.setTimeout(()=>{this.tooltipElement&&(this.tooltipElement.textContent=this.text,this.visible=!0,this.tooltipElement.style.opacity="1",this.initializePositioning())},this.delay))}hideTooltip(){clearTimeout(this.showTimeoutId),this.tooltipElement&&(this.visible=!1,this.tooltipElement.style.opacity="0"),this.cleanup&&(this.cleanup(),this.cleanup=void 0)}initializePositioning(){this.triggerElement&&this.tooltipElement&&(this.cleanup&&this.cleanup(),this.cleanup=r.autoUpdate(this.triggerElement,this.tooltipElement,()=>{r.computePosition(this.triggerElement,this.tooltipElement,{placement:this.position,middleware:[r.offset(8),r.flip({padding:5}),r.shift({padding:5})]}).then(({x:a,y:i})=>{this.tooltipElement&&Object.assign(this.tooltipElement.style,{left:`${a}px`,top:`${i}px`})})}))}render(){return O.html`<slot></slot>`}},h([m.property({type:String})],exports.SchmancyTooltip.prototype,"text",2),h([m.property({type:String})],exports.SchmancyTooltip.prototype,"position",2),h([m.property({type:Number})],exports.SchmancyTooltip.prototype,"delay",2),h([m.property({type:Boolean})],exports.SchmancyTooltip.prototype,"disabled",2),h([m.state()],exports.SchmancyTooltip.prototype,"visible",2),exports.SchmancyTooltip=h([m.customElement("schmancy-tooltip")],exports.SchmancyTooltip),exports.tooltip=N;
-//# sourceMappingURL=tooltip-D24v5bvM.cjs.map
+//# sourceMappingURL=tooltip-DyuMJEjL.cjs.map

package/dist/{tooltip-D24v5bvM.cjs.map → tooltip-DyuMJEjL.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-D24v5bvM.cjs","sources":["../src/tooltip/tooltip.directive.ts","../src/tooltip/tooltip.ts"],"sourcesContent":["import { arrow, autoUpdate, computePosition, flip, offset, Placement, shift, Strategy } from '@floating-ui/dom'\nimport { Directive, directive, ElementPart, ElementPartInfo, PartType } from 'lit/directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\n// Store tooltip data for elements\nconst tooltipMap = new WeakMap<\n\tElement,\n\t{\n\t\ttooltipElement: HTMLElement\n\t\tarrowElement?: HTMLElement\n\t\tcleanup?: () => void\n\t\tshowTimeout?: number\n\t\tsubscriptions?: Subscription[]\n\t}\n>()\n\nclass TooltipDirective extends Directive {\n\tconstructor(partInfo: ElementPartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The tooltip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(\n\t\ttext: string,\n\t\toptions: {\n\t\t\tposition?: 'top' \| 'right' \| 'bottom' \| 'left'\n\t\t\tdelay?: number\n\t\t\tshowArrow?: boolean\n\t\t} = {},\n\t) {\n\t\treturn { text, options }\n\t}\n\n\tupdate(part: ElementPart, [text, options = {}]: [string, any]) {\n\t\tconst element = part.element as HTMLElement\n\t\tconst position = options?.position \|\| 'top'\n\t\tconst delay = options?.delay \|\| 300\n\t\tconst showArrow = options?.showArrow !== false // Default to true\n\n\t\t// Get or create tooltip data\n\t\tlet tooltipData = tooltipMap.get(element)\n\n\t\tif (!tooltipData) {\n\t\t\t// Create tooltip element\n\t\t\tconst tooltipElement = document.createElement('div')\n\t\t\ttooltipElement.className = 'schmancy-tooltip'\n\n\t\t\t// Apply styles\n\t\t\tObject.assign(tooltipElement.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tzIndex: '10000',\n\t\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\t\tpadding: '8px 12px',\n\t\t\t\tborderRadius: '4px',\n\t\t\t\tfontSize: '14px',\n\t\t\t\tfontWeight: 'normal',\n\t\t\t\tmaxWidth: '300px',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 150ms ease',\n\t\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\t\ttextAlign: 'center',\n\t\t\t\t// Important: start with visibility hidden to avoid flash\n\t\t\t\tvisibility: 'hidden',\n\t\t\t})\n\n\t\t\t// Create arrow element if needed\n\t\t\tlet arrowElement: HTMLElement \| undefined\n\t\t\tif (showArrow) {\n\t\t\t\tarrowElement = document.createElement('div')\n\t\t\t\tarrowElement.className = 'schmancy-tooltip-arrow'\n\t\t\t\tObject.assign(arrowElement.style, {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tbackground: 'inherit',\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t// We'll rotate this to create an arrow\n\t\t\t\t\ttransform: 'rotate(45deg)',\n\t\t\t\t})\n\t\t\t\ttooltipElement.appendChild(arrowElement)\n\t\t\t}\n\n\t\t\t// Set ARIA attributes\n\t\t\ttooltipElement.setAttribute('role', 'tooltip')\n\n\t\t\t// Generate unique ID\n\t\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\t\ttooltipElement.id = tooltipId\n\t\t\telement.setAttribute('aria-describedby', tooltipId)\n\n\t\t\t// Add to document\n\t\t\tdocument.body.appendChild(tooltipElement)\n\n\t\t\t// Create tooltip data\n\t\t\ttooltipData = {\n\t\t\t\ttooltipElement,\n\t\t\t\tarrowElement,\n\t\t\t}\n\n\t\t\ttooltipMap.set(element, tooltipData)\n\n\t\t\t// Define show handler\n\t\t\tconst showTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.showTimeout = window.setTimeout(() => {\n\t\t\t\t\t// Set content\n\t\t\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t\t\t// Add arrow back if it was removed\n\t\t\t\t\tif (showArrow && tooltipData.arrowElement && !tooltipData.tooltipElement.contains(tooltipData.arrowElement)) {\n\t\t\t\t\t\ttooltipData.tooltipElement.appendChild(tooltipData.arrowElement)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure element is visible first\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'visible'\n\n\t\t\t\t\t// Clean up existing positioning\n\t\t\t\t\tif (tooltipData.cleanup) {\n\t\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up positioning\n\t\t\t\t\ttooltipData.cleanup = autoUpdate(element, tooltipData.tooltipElement, () =>\n\t\t\t\t\t\tupdatePosition(element, tooltipData, position, showArrow),\n\t\t\t\t\t)\n\n\t\t\t\t\t// Make opacity 1 after positioning is set up\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\ttooltipData.tooltipElement.style.opacity = '1'\n\t\t\t\t\t})\n\t\t\t\t}, delay)\n\t\t\t}\n\n\t\t\t// Define hide handler\n\t\t\tconst hideTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.tooltipElement.style.opacity = '0'\n\n\t\t\t\t// Set visibility to hidden after fade out\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'hidden'\n\t\t\t\t}, 150) // Match transition time\n\n\t\t\t\t// Clean up positioning\n\t\t\t\tif (tooltipData?.cleanup) {\n\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\ttooltipData.cleanup = undefined\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Add event listeners using fromEvent\n\t\t\tconst subscriptions = [\n\t\t\t\tfromEvent(element, 'mouseenter').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'focus').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'mouseleave').subscribe(hideTooltip),\n\t\t\t\tfromEvent(element, 'blur').subscribe(hideTooltip),\n\t\t\t\tfromEvent<KeyboardEvent>(document, 'keydown').subscribe((e: KeyboardEvent) => {\n\t\t\t\t\tif (e.key === 'Escape' && tooltipData?.tooltipElement.style.opacity === '1') {\n\t\t\t\t\t\thideTooltip()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t]\n\n\t\t\t// Store subscriptions for cleanup\n\t\t\ttooltipData.subscriptions = subscriptions\n\t\t} else {\n\t\t\t// Update content for existing tooltip\n\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t// Update arrow visibility if needed\n\t\t\tif (tooltipData.arrowElement) {\n\t\t\t\ttooltipData.arrowElement.style.visibility = showArrow ? 'visible' : 'hidden'\n\t\t\t}\n\t\t}\n\n\t\treturn { text, options }\n\t}\n\n\tdisconnected(part: ElementPart) {\n\t\tconst element = part.element\n\t\tconst tooltipData = tooltipMap.get(element)\n\n\t\tif (tooltipData) {\n\t\t\t// Clean up subscriptions\n\t\t\tif (tooltipData.subscriptions) {\n\t\t\t\ttooltipData.subscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t}\n\n\t\t\t// Clean up timeouts and positioning\n\t\t\tif (tooltipData.showTimeout) {\n\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t}\n\n\t\t\tif (tooltipData.cleanup) {\n\t\t\t\ttooltipData.cleanup()\n\t\t\t}\n\n\t\t\t// Remove tooltip element\n\t\t\tif (document.body.contains(tooltipData.tooltipElement)) {\n\t\t\t\tdocument.body.removeChild(tooltipData.tooltipElement)\n\t\t\t}\n\n\t\t\t// Remove ARIA attributes\n\t\t\tif (element.hasAttribute('aria-describedby')) {\n\t\t\t\telement.removeAttribute('aria-describedby')\n\t\t\t}\n\n\t\t\t// Remove from WeakMap\n\t\t\ttooltipMap.delete(element)\n\t\t}\n\t}\n}\n\n// Separate positioning function for clarity and reuse\nasync function updatePosition(element: HTMLElement, tooltipData: any, position: string, showArrow: boolean) {\n\t// Use floating-ui to compute position\n\tconst middleware = [\n\t\toffset(8), // Distance from the element\n\t\tflip({\n\t\t\tfallbackPlacements: ['top', 'right', 'bottom', 'left'].filter(p => p !== position) as Placement[],\n\t\t\tpadding: 5, // How far from the edges before flipping\n\t\t}),\n\t\tshift({ padding: 5 }), // Keep it within viewport bounds\n\t]\n\n\t// Add arrow middleware if needed\n\tif (showArrow && tooltipData.arrowElement) {\n\t\tmiddleware.push(arrow({ element: tooltipData.arrowElement }))\n\t}\n\n\tconst { x, y, placement, middlewareData } = await computePosition(element, tooltipData.tooltipElement, {\n\t\tplacement: position as Placement,\n\t\tmiddleware,\n\t\tstrategy: 'fixed' as Strategy, // Fixed positioning works better across contexts\n\t})\n\n\t// Apply position\n\tObject.assign(tooltipData.tooltipElement.style, {\n\t\tleft: `${x}px`,\n\t\ttop: `${y}px`,\n\t\tposition: 'fixed',\n\t})\n\n\t// Position the arrow if it exists\n\tif (showArrow && tooltipData.arrowElement && middlewareData.arrow) {\n\t\tconst { x: arrowX, y: arrowY } = middlewareData.arrow\n\n\t\t// Determine which side the arrow should be on based on placement\n\t\tconst staticSide =\n\t\t\t{\n\t\t\t\ttop: 'bottom',\n\t\t\t\tright: 'left',\n\t\t\t\tbottom: 'top',\n\t\t\t\tleft: 'right',\n\t\t\t}[placement.split('-')[0]] \|\| 'bottom'\n\n\t\t// Position the arrow\n\t\tObject.assign(tooltipData.arrowElement.style, {\n\t\t\tleft: arrowX != null ? `${arrowX}px` : '',\n\t\t\ttop: arrowY != null ? `${arrowY}px` : '',\n\t\t\t[staticSide]: '-4px', // Position the arrow on the correct side\n\t\t\tvisibility: 'visible',\n\t\t})\n\t}\n}\n\nexport const tooltip = directive(TooltipDirective)\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\nimport { computePosition, flip, shift, offset, autoUpdate, Placement } from '@floating-ui/dom'\n\n/*\n A tooltip component that displays a text tooltip when hovering over content.\n * Addresses shadow DOM limitations by teleporting the tooltip to document.body.\n \n @element schmancy-tooltip\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t}\n`) {\n\t@property({ type: String })\n\ttext = ''\n\n\t@property({ type: String })\n\tposition: 'top' \| 'right' \| 'bottom' \| 'left' = 'top'\n\n\t@property({ type: Number })\n\tdelay = 50\n\n\t@property({ type: Boolean })\n\tdisabled = false\n\n\t@state() private visible = false\n\n\tprivate triggerElement: HTMLElement \| null = null\n\tprivate tooltipElement: HTMLElement \| null = null\n\tprivate cleanup: (() => void) \| undefined\n\tprivate showTimeoutId: number \| undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create tooltip element once\n\t\tif (!this.tooltipElement) {\n\t\t\tthis.createTooltipElement()\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\t// Wait for slotted elements to be available\n\t\tthis.updateComplete.then(() => {\n\t\t\t// Get the first slotted element as trigger\n\t\t\tconst slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement\n\t\t\tconst slottedElements = slot?.assignedElements() \|\| []\n\n\t\t\tif (slottedElements.length > 0) {\n\t\t\t\tthis.triggerElement = slottedElements[0] as HTMLElement\n\t\t\t\tthis.setupEvents()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate createTooltipElement() {\n\t\t// Create the tooltip element in document.body\n\t\tthis.tooltipElement = document.createElement('div')\n\t\tthis.tooltipElement.className = 'schmancy-tooltip'\n\n\t\t// Apply styles\n\t\tObject.assign(this.tooltipElement.style, {\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '10000',\n\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\tpadding: '8px 12px',\n\t\t\tborderRadius: '4px',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 'normal',\n\t\t\tmaxWidth: '300px',\n\t\t\tpointerEvents: 'none',\n\t\t\topacity: '0',\n\t\t\ttransition: 'opacity 150ms ease',\n\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\ttextAlign: 'center',\n\t\t})\n\n\t\t// Set ARIA attributes\n\t\tthis.tooltipElement.setAttribute('role', 'tooltip')\n\n\t\t// Add to document\n\t\tdocument.body.appendChild(this.tooltipElement)\n\t}\n\n\tprivate setupEvents() {\n\t\tif (!this.triggerElement \|\| this.disabled) return\n\n\t\t// Generate unique ID for ARIA\n\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\tif (this.tooltipElement) {\n\t\t\tthis.tooltipElement.id = tooltipId\n\t\t\tthis.triggerElement.setAttribute('aria-describedby', tooltipId)\n\t\t}\n\n\t\t// Setup event streams using RxJS\n\t\tconst mouseEnter$ = fromEvent(this.triggerElement, 'mouseenter')\n\t\tconst focus$ = fromEvent(this.triggerElement, 'focus')\n\t\tconst mouseLeave$ = fromEvent(this.triggerElement, 'mouseleave')\n\t\tconst blur$ = fromEvent(this.triggerElement, 'blur')\n\n\t\t// Global escape key handler\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.visible) {\n\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Handle showing\n\t\tmerge(mouseEnter$, focus$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showTooltip()\n\t\t\t})\n\n\t\t// Handle hiding\n\t\tmerge(mouseLeave$, blur$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideTooltip()\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up\n\t\tif (this.tooltipElement && document.body.contains(this.tooltipElement)) {\n\t\t\tdocument.body.removeChild(this.tooltipElement)\n\t\t}\n\t\tthis.cleanup?.()\n\t\tclearTimeout(this.showTimeoutId)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.disabled \|\| !this.tooltipElement \|\| !this.triggerElement) return\n\n\t\t// Clear any existing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Set timeout for showing\n\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t// Update content\n\t\t\tif (this.tooltipElement) {\n\t\t\t\tthis.tooltipElement.textContent = this.text\n\n\t\t\t\t// Make visible\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.tooltipElement.style.opacity = '1'\n\n\t\t\t\t// Initialize positioning\n\t\t\t\tthis.initializePositioning()\n\t\t\t}\n\t\t}, this.delay)\n\t}\n\n\tprivate hideTooltip() {\n\t\t// Clear showing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Hide tooltip\n\t\tif (this.tooltipElement) {\n\t\t\tthis.visible = false\n\t\t\tthis.tooltipElement.style.opacity = '0'\n\t\t}\n\n\t\t// Clean up positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t}\n\n\tprivate initializePositioning() {\n\t\tif (!this.triggerElement \|\| !this.tooltipElement) return\n\n\t\t// Clean up existing positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t}\n\n\t\t// Set up auto-updating position\n\t\tthis.cleanup = autoUpdate(this.triggerElement, this.tooltipElement, () => {\n\t\t\t// Compute position\n\t\t\tcomputePosition(this.triggerElement!, this.tooltipElement!, {\n\t\t\t\tplacement: this.position as Placement,\n\t\t\t\tmiddleware: [offset(8), flip({ padding: 5 }), shift({ padding: 5 })],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Apply position\n\t\t\t\tif (this.tooltipElement) {\n\t\t\t\t\tObject.assign(this.tooltipElement.style, {\n\t\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["tooltipMap","WeakMap","TooltipDirective","Directive","partInfo","super","type","PartType","ELEMENT","Error","text","options","part","element","position","delay","showArrow","tooltipData","get","tooltipElement","textContent","arrowElement","style","visibility","document","createElement","className","Object","assign","zIndex","backgroundColor","color","padding","borderRadius","fontSize","fontWeight","maxWidth","pointerEvents","opacity","transition","boxShadow","textAlign","width","height","background","transform","appendChild","setAttribute","tooltipId","Math","random","toString","slice","id","body","set","showTooltip","showTimeout","clearTimeout","window","setTimeout","contains","cleanup","autoUpdate","async","middleware","offset","flip","fallbackPlacements","filter","p","shift","push","arrow","x","y","placement","middlewareData","computePosition","strategy","left","top","arrowX","arrowY","staticSide","right","bottom","split","requestAnimationFrame","hideTooltip","subscriptions","fromEvent","subscribe","e","key","forEach","subscription","unsubscribe","removeChild","hasAttribute","removeAttribute","delete","tooltip","directive","SchmancyTooltip","TailwindElement","css","constructor","arguments","this","disabled","visible","triggerElement","connectedCallback","createTooltipElement","firstUpdated","updateComplete","then","slot","shadowRoot","querySelector","slottedElements","assignedElements","length","setupEvents","mouseEnter$","focus$","mouseLeave$","blur$","pipe","takeUntil","disconnecting","event","merge","showTimeoutId","disconnectedCallback","initializePositioning","render","html","__decorateClass","property","String","prototype","Number","Boolean","state","customElement"],"mappings":"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"}
1	+ {"version":3,"file":"tooltip-DyuMJEjL.cjs","sources":["../src/tooltip/tooltip.directive.ts","../src/tooltip/tooltip.ts"],"sourcesContent":["import { arrow, autoUpdate, computePosition, flip, offset, Placement, shift, Strategy } from '@floating-ui/dom'\nimport { Directive, directive, ElementPart, ElementPartInfo, PartType } from 'lit/directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\n// Store tooltip data for elements\nconst tooltipMap = new WeakMap<\n\tElement,\n\t{\n\t\ttooltipElement: HTMLElement\n\t\tarrowElement?: HTMLElement\n\t\tcleanup?: () => void\n\t\tshowTimeout?: number\n\t\tsubscriptions?: Subscription[]\n\t}\n>()\n\nclass TooltipDirective extends Directive {\n\tconstructor(partInfo: ElementPartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The tooltip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(\n\t\ttext: string,\n\t\toptions: {\n\t\t\tposition?: 'top' \| 'right' \| 'bottom' \| 'left'\n\t\t\tdelay?: number\n\t\t\tshowArrow?: boolean\n\t\t} = {},\n\t) {\n\t\treturn { text, options }\n\t}\n\n\tupdate(part: ElementPart, [text, options = {}]: [string, any]) {\n\t\tconst element = part.element as HTMLElement\n\t\tconst position = options?.position \|\| 'top'\n\t\tconst delay = options?.delay \|\| 300\n\t\tconst showArrow = options?.showArrow !== false // Default to true\n\n\t\t// Get or create tooltip data\n\t\tlet tooltipData = tooltipMap.get(element)\n\n\t\tif (!tooltipData) {\n\t\t\t// Create tooltip element\n\t\t\tconst tooltipElement = document.createElement('div')\n\t\t\ttooltipElement.className = 'schmancy-tooltip'\n\n\t\t\t// Apply styles\n\t\t\tObject.assign(tooltipElement.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tzIndex: '10000',\n\t\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\t\tpadding: '8px 12px',\n\t\t\t\tborderRadius: '4px',\n\t\t\t\tfontSize: '14px',\n\t\t\t\tfontWeight: 'normal',\n\t\t\t\tmaxWidth: '300px',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 150ms ease',\n\t\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\t\ttextAlign: 'center',\n\t\t\t\t// Important: start with visibility hidden to avoid flash\n\t\t\t\tvisibility: 'hidden',\n\t\t\t})\n\n\t\t\t// Create arrow element if needed\n\t\t\tlet arrowElement: HTMLElement \| undefined\n\t\t\tif (showArrow) {\n\t\t\t\tarrowElement = document.createElement('div')\n\t\t\t\tarrowElement.className = 'schmancy-tooltip-arrow'\n\t\t\t\tObject.assign(arrowElement.style, {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tbackground: 'inherit',\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t// We'll rotate this to create an arrow\n\t\t\t\t\ttransform: 'rotate(45deg)',\n\t\t\t\t})\n\t\t\t\ttooltipElement.appendChild(arrowElement)\n\t\t\t}\n\n\t\t\t// Set ARIA attributes\n\t\t\ttooltipElement.setAttribute('role', 'tooltip')\n\n\t\t\t// Generate unique ID\n\t\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\t\ttooltipElement.id = tooltipId\n\t\t\telement.setAttribute('aria-describedby', tooltipId)\n\n\t\t\t// Add to document\n\t\t\tdocument.body.appendChild(tooltipElement)\n\n\t\t\t// Create tooltip data\n\t\t\ttooltipData = {\n\t\t\t\ttooltipElement,\n\t\t\t\tarrowElement,\n\t\t\t}\n\n\t\t\ttooltipMap.set(element, tooltipData)\n\n\t\t\t// Define show handler\n\t\t\tconst showTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.showTimeout = window.setTimeout(() => {\n\t\t\t\t\t// Set content\n\t\t\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t\t\t// Add arrow back if it was removed\n\t\t\t\t\tif (showArrow && tooltipData.arrowElement && !tooltipData.tooltipElement.contains(tooltipData.arrowElement)) {\n\t\t\t\t\t\ttooltipData.tooltipElement.appendChild(tooltipData.arrowElement)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure element is visible first\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'visible'\n\n\t\t\t\t\t// Clean up existing positioning\n\t\t\t\t\tif (tooltipData.cleanup) {\n\t\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up positioning\n\t\t\t\t\ttooltipData.cleanup = autoUpdate(element, tooltipData.tooltipElement, () =>\n\t\t\t\t\t\tupdatePosition(element, tooltipData, position, showArrow),\n\t\t\t\t\t)\n\n\t\t\t\t\t// Make opacity 1 after positioning is set up\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\ttooltipData.tooltipElement.style.opacity = '1'\n\t\t\t\t\t})\n\t\t\t\t}, delay)\n\t\t\t}\n\n\t\t\t// Define hide handler\n\t\t\tconst hideTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.tooltipElement.style.opacity = '0'\n\n\t\t\t\t// Set visibility to hidden after fade out\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'hidden'\n\t\t\t\t}, 150) // Match transition time\n\n\t\t\t\t// Clean up positioning\n\t\t\t\tif (tooltipData?.cleanup) {\n\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\ttooltipData.cleanup = undefined\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Add event listeners using fromEvent\n\t\t\tconst subscriptions = [\n\t\t\t\tfromEvent(element, 'mouseenter').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'focus').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'mouseleave').subscribe(hideTooltip),\n\t\t\t\tfromEvent(element, 'blur').subscribe(hideTooltip),\n\t\t\t\tfromEvent<KeyboardEvent>(document, 'keydown').subscribe((e: KeyboardEvent) => {\n\t\t\t\t\tif (e.key === 'Escape' && tooltipData?.tooltipElement.style.opacity === '1') {\n\t\t\t\t\t\thideTooltip()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t]\n\n\t\t\t// Store subscriptions for cleanup\n\t\t\ttooltipData.subscriptions = subscriptions\n\t\t} else {\n\t\t\t// Update content for existing tooltip\n\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t// Update arrow visibility if needed\n\t\t\tif (tooltipData.arrowElement) {\n\t\t\t\ttooltipData.arrowElement.style.visibility = showArrow ? 'visible' : 'hidden'\n\t\t\t}\n\t\t}\n\n\t\treturn { text, options }\n\t}\n\n\tdisconnected(part: ElementPart) {\n\t\tconst element = part.element\n\t\tconst tooltipData = tooltipMap.get(element)\n\n\t\tif (tooltipData) {\n\t\t\t// Clean up subscriptions\n\t\t\tif (tooltipData.subscriptions) {\n\t\t\t\ttooltipData.subscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t}\n\n\t\t\t// Clean up timeouts and positioning\n\t\t\tif (tooltipData.showTimeout) {\n\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t}\n\n\t\t\tif (tooltipData.cleanup) {\n\t\t\t\ttooltipData.cleanup()\n\t\t\t}\n\n\t\t\t// Remove tooltip element\n\t\t\tif (document.body.contains(tooltipData.tooltipElement)) {\n\t\t\t\tdocument.body.removeChild(tooltipData.tooltipElement)\n\t\t\t}\n\n\t\t\t// Remove ARIA attributes\n\t\t\tif (element.hasAttribute('aria-describedby')) {\n\t\t\t\telement.removeAttribute('aria-describedby')\n\t\t\t}\n\n\t\t\t// Remove from WeakMap\n\t\t\ttooltipMap.delete(element)\n\t\t}\n\t}\n}\n\n// Separate positioning function for clarity and reuse\nasync function updatePosition(element: HTMLElement, tooltipData: any, position: string, showArrow: boolean) {\n\t// Use floating-ui to compute position\n\tconst middleware = [\n\t\toffset(8), // Distance from the element\n\t\tflip({\n\t\t\tfallbackPlacements: ['top', 'right', 'bottom', 'left'].filter(p => p !== position) as Placement[],\n\t\t\tpadding: 5, // How far from the edges before flipping\n\t\t}),\n\t\tshift({ padding: 5 }), // Keep it within viewport bounds\n\t]\n\n\t// Add arrow middleware if needed\n\tif (showArrow && tooltipData.arrowElement) {\n\t\tmiddleware.push(arrow({ element: tooltipData.arrowElement }))\n\t}\n\n\tconst { x, y, placement, middlewareData } = await computePosition(element, tooltipData.tooltipElement, {\n\t\tplacement: position as Placement,\n\t\tmiddleware,\n\t\tstrategy: 'fixed' as Strategy, // Fixed positioning works better across contexts\n\t})\n\n\t// Apply position\n\tObject.assign(tooltipData.tooltipElement.style, {\n\t\tleft: `${x}px`,\n\t\ttop: `${y}px`,\n\t\tposition: 'fixed',\n\t})\n\n\t// Position the arrow if it exists\n\tif (showArrow && tooltipData.arrowElement && middlewareData.arrow) {\n\t\tconst { x: arrowX, y: arrowY } = middlewareData.arrow\n\n\t\t// Determine which side the arrow should be on based on placement\n\t\tconst staticSide =\n\t\t\t{\n\t\t\t\ttop: 'bottom',\n\t\t\t\tright: 'left',\n\t\t\t\tbottom: 'top',\n\t\t\t\tleft: 'right',\n\t\t\t}[placement.split('-')[0]] \|\| 'bottom'\n\n\t\t// Position the arrow\n\t\tObject.assign(tooltipData.arrowElement.style, {\n\t\t\tleft: arrowX != null ? `${arrowX}px` : '',\n\t\t\ttop: arrowY != null ? `${arrowY}px` : '',\n\t\t\t[staticSide]: '-4px', // Position the arrow on the correct side\n\t\t\tvisibility: 'visible',\n\t\t})\n\t}\n}\n\nexport const tooltip = directive(TooltipDirective)\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\nimport { computePosition, flip, shift, offset, autoUpdate, Placement } from '@floating-ui/dom'\n\n/*\n A tooltip component that displays a text tooltip when hovering over content.\n * Addresses shadow DOM limitations by teleporting the tooltip to document.body.\n \n @element schmancy-tooltip\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t}\n`) {\n\t@property({ type: String })\n\ttext = ''\n\n\t@property({ type: String })\n\tposition: 'top' \| 'right' \| 'bottom' \| 'left' = 'top'\n\n\t@property({ type: Number })\n\tdelay = 50\n\n\t@property({ type: Boolean })\n\tdisabled = false\n\n\t@state() private visible = false\n\n\tprivate triggerElement: HTMLElement \| null = null\n\tprivate tooltipElement: HTMLElement \| null = null\n\tprivate cleanup: (() => void) \| undefined\n\tprivate showTimeoutId: number \| undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create tooltip element once\n\t\tif (!this.tooltipElement) {\n\t\t\tthis.createTooltipElement()\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\t// Wait for slotted elements to be available\n\t\tthis.updateComplete.then(() => {\n\t\t\t// Get the first slotted element as trigger\n\t\t\tconst slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement\n\t\t\tconst slottedElements = slot?.assignedElements() \|\| []\n\n\t\t\tif (slottedElements.length > 0) {\n\t\t\t\tthis.triggerElement = slottedElements[0] as HTMLElement\n\t\t\t\tthis.setupEvents()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate createTooltipElement() {\n\t\t// Create the tooltip element in document.body\n\t\tthis.tooltipElement = document.createElement('div')\n\t\tthis.tooltipElement.className = 'schmancy-tooltip'\n\n\t\t// Apply styles\n\t\tObject.assign(this.tooltipElement.style, {\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '10000',\n\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\tpadding: '8px 12px',\n\t\t\tborderRadius: '4px',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 'normal',\n\t\t\tmaxWidth: '300px',\n\t\t\tpointerEvents: 'none',\n\t\t\topacity: '0',\n\t\t\ttransition: 'opacity 150ms ease',\n\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\ttextAlign: 'center',\n\t\t})\n\n\t\t// Set ARIA attributes\n\t\tthis.tooltipElement.setAttribute('role', 'tooltip')\n\n\t\t// Add to document\n\t\tdocument.body.appendChild(this.tooltipElement)\n\t}\n\n\tprivate setupEvents() {\n\t\tif (!this.triggerElement \|\| this.disabled) return\n\n\t\t// Generate unique ID for ARIA\n\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\tif (this.tooltipElement) {\n\t\t\tthis.tooltipElement.id = tooltipId\n\t\t\tthis.triggerElement.setAttribute('aria-describedby', tooltipId)\n\t\t}\n\n\t\t// Setup event streams using RxJS\n\t\tconst mouseEnter$ = fromEvent(this.triggerElement, 'mouseenter')\n\t\tconst focus$ = fromEvent(this.triggerElement, 'focus')\n\t\tconst mouseLeave$ = fromEvent(this.triggerElement, 'mouseleave')\n\t\tconst blur$ = fromEvent(this.triggerElement, 'blur')\n\n\t\t// Global escape key handler\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.visible) {\n\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Handle showing\n\t\tmerge(mouseEnter$, focus$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showTooltip()\n\t\t\t})\n\n\t\t// Handle hiding\n\t\tmerge(mouseLeave$, blur$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideTooltip()\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up\n\t\tif (this.tooltipElement && document.body.contains(this.tooltipElement)) {\n\t\t\tdocument.body.removeChild(this.tooltipElement)\n\t\t}\n\t\tthis.cleanup?.()\n\t\tclearTimeout(this.showTimeoutId)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.disabled \|\| !this.tooltipElement \|\| !this.triggerElement) return\n\n\t\t// Clear any existing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Set timeout for showing\n\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t// Update content\n\t\t\tif (this.tooltipElement) {\n\t\t\t\tthis.tooltipElement.textContent = this.text\n\n\t\t\t\t// Make visible\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.tooltipElement.style.opacity = '1'\n\n\t\t\t\t// Initialize positioning\n\t\t\t\tthis.initializePositioning()\n\t\t\t}\n\t\t}, this.delay)\n\t}\n\n\tprivate hideTooltip() {\n\t\t// Clear showing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Hide tooltip\n\t\tif (this.tooltipElement) {\n\t\t\tthis.visible = false\n\t\t\tthis.tooltipElement.style.opacity = '0'\n\t\t}\n\n\t\t// Clean up positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t}\n\n\tprivate initializePositioning() {\n\t\tif (!this.triggerElement \|\| !this.tooltipElement) return\n\n\t\t// Clean up existing positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t}\n\n\t\t// Set up auto-updating position\n\t\tthis.cleanup = autoUpdate(this.triggerElement, this.tooltipElement, () => {\n\t\t\t// Compute position\n\t\t\tcomputePosition(this.triggerElement!, this.tooltipElement!, {\n\t\t\t\tplacement: this.position as Placement,\n\t\t\t\tmiddleware: [offset(8), flip({ padding: 5 }), shift({ padding: 5 })],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Apply position\n\t\t\t\tif (this.tooltipElement) {\n\t\t\t\t\tObject.assign(this.tooltipElement.style, {\n\t\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["tooltipMap","WeakMap","TooltipDirective","Directive","partInfo","super","type","PartType","ELEMENT","Error","text","options","part","element","position","delay","showArrow","tooltipData","get","tooltipElement","textContent","arrowElement","style","visibility","document","createElement","className","Object","assign","zIndex","backgroundColor","color","padding","borderRadius","fontSize","fontWeight","maxWidth","pointerEvents","opacity","transition","boxShadow","textAlign","width","height","background","transform","appendChild","setAttribute","tooltipId","Math","random","toString","slice","id","body","set","showTooltip","showTimeout","clearTimeout","window","setTimeout","contains","cleanup","autoUpdate","async","middleware","offset","flip","fallbackPlacements","filter","p","shift","push","arrow","x","y","placement","middlewareData","computePosition","strategy","left","top","arrowX","arrowY","staticSide","right","bottom","split","requestAnimationFrame","hideTooltip","subscriptions","fromEvent","subscribe","e","key","forEach","subscription","unsubscribe","removeChild","hasAttribute","removeAttribute","delete","tooltip","directive","SchmancyTooltip","TailwindElement","css","constructor","arguments","this","disabled","visible","triggerElement","connectedCallback","createTooltipElement","firstUpdated","updateComplete","then","slot","shadowRoot","querySelector","slottedElements","assignedElements","length","setupEvents","mouseEnter$","focus$","mouseLeave$","blur$","pipe","takeUntil","disconnecting","event","merge","showTimeoutId","disconnectedCallback","initializePositioning","render","html","__decorateClass","property","String","prototype","Number","Boolean","state","customElement"],"mappings":"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"}

package/dist/tooltip.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tooltip-D24v5bvM.cjs");Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>e.SchmancyTooltip}),exports.tooltip=e.tooltip;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tooltip-DyuMJEjL.cjs");Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>e.SchmancyTooltip}),exports.tooltip=e.tooltip;
 //# sourceMappingURL=tooltip.cjs.map

package/dist/tooltip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as a, t as p } from "./tooltip-D3ZZJEAk.js";
+import { S as a, t as p } from "./tooltip-Btl0IKYC.js";
 export {
   a as SchmancyTooltip,
   p as tooltip

package/dist/{tree-CfVyhRIH.js → tree-B_2eIFQi.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { property as y, query as h, customElement as v } from "lit/decorators.js";
-import { T as b } from "./tailwind.mixin-xIIxrXd8.js";
+import { T as b } from "./tailwind.mixin-DIW0B_of.js";
 import { css as S, html as w } from "lit";
 var k = Object.defineProperty, j = Object.getOwnPropertyDescriptor, l = (e, s, o, i) => {
   for (var r, t = i > 1 ? void 0 : i ? j(s, o) : s, a = e.length - 1; a >= 0; a--) (r = e[a]) && (t = (i ? r(s, o, t) : r(t)) || t);
@@ -62,4 +62,4 @@ l([y({ type: Boolean })], n.prototype, "open", 2), l([h("#toggler")], n.prototyp
 export {
   n as S
 };
-//# sourceMappingURL=tree-CfVyhRIH.js.map
+//# sourceMappingURL=tree-B_2eIFQi.js.map

package/dist/{tree-CfVyhRIH.js.map → tree-B_2eIFQi.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tree-~~CfVyhRIH~~.js","sources":["../src/tree/tree.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { fromEvent, merge, switchMap, takeUntil, tap, zip } from 'rxjs'\n\n/*\n @element schmancy-tree\n * @slot root - The root element of the tree\n * @slot - The children of the tree\n /\n@customElement('schmancy-tree')\nexport class SchmancyTree extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tbackground-color: initial;\n\t}\n\t::slotted([slot='root']) {\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t}\n\t::slotted([slot='root'] + ) {\n\t\tmargin-top: 0.5rem;\n\t}\n`) {\n\t/*\n\t Whether the tree’s children are visible\n\t */\n\t@property({ type: Boolean }) open = false\n\n\t@query('#toggler') toggler!: HTMLSlotElement\n\t@query('slot:not([name=\"root\"])') defaultSlot!: HTMLSlotElement\n\n\t// Since it's actually a <schmancy-button>, use HTMLElement or a custom type\n\t@query('#chevron') chevron!: HTMLElement\n\n\tfirstUpdated() {\n\t\t// Hide or show the slot initially based on `open`\n\t\tif (!this.open) {\n\t\t\tthis.defaultSlot.hidden = true\n\t\t}\n\n\t\t// Root toggler\n\t\tconst toggleClick$ = fromEvent<MouseEvent>(this.toggler, 'click').pipe(\n\t\t\ttakeUntil(this.disconnecting),\n\t\t\ttap(e => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(new CustomEvent('toggle', { bubbles: true, composed: true }))\n\t\t\t}),\n\t\t)\n\n\t\t// Chevron (the schmancy-button) click\n\t\tconst chevronClick$ = fromEvent<MouseEvent>(this.chevron, 'click')\n\n\t\tmerge(toggleClick$, chevronClick$)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(() => {\n\t\t\t\t\t// 1. Animate the chevron rotation\n\t\t\t\t\t// If `open` is true, rotate from 180 -> 0; if false, from 0 -> 180\n\t\t\t\t\tconst fromDeg = this.open ? 180 : 0\n\t\t\t\t\tconst toDeg = this.open ? 0 : 180\n\t\t\t\t\tconst chevronAnimation = this.chevron.animate(\n\t\t\t\t\t\t[{ transform: `rotate(${fromDeg}deg)` }, { transform: `rotate(${toDeg}deg)` }],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\t\teasing: 'ease-in',\n\t\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t\t},\n\t\t\t\t\t)\n\n\t\t\t\t\t// 2. Animate the slot’s height + opacity\n\t\t\t\t\tif (!this.open) {\n\t\t\t\t\t\t// We are about to open, so remove `hidden` to measure scrollHeight\n\t\t\t\t\t\tthis.defaultSlot.hidden = false\n\t\t\t\t\t}\n\n\t\t\t\t\tconst fromOpacity = this.open ? 1 : 0\n\t\t\t\t\tconst toOpacity = this.open ? 0 : 1\n\n\t\t\t\t\tconst slotAnimation = this.defaultSlot.animate([{ opacity: fromOpacity }, { opacity: toOpacity }], {\n\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\teasing: 'ease-out',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\t// Hide the slot if we just closed it\n\t\t\t\t\tslotAnimation.onfinish = () => {\n\t\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\t\tthis.defaultSlot.hidden = true\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.defaultSlot.style.height = 'auto'\n\t\t\t\t\t\t\tthis.defaultSlot.style.opacity = '1'\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Return an Observable that completes when both animations finish\n\t\t\t\t\treturn zip(fromEvent(chevronAnimation, 'finish'), fromEvent(slotAnimation, 'finish')).pipe(\n\t\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t\ttap(() => {\n\t\t\t\t\t// Flip the open state\n\t\t\t\t\tthis.open = !this.open\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"flex content-center items-center justify-between\">\n\t\t\t\t<!-- Root toggler content -->\n\t\t\t\t<slot id=\"toggler\" name=\"root\"></slot>\n\n\t\t\t\t<!-- The chevron or arrow symbol -->\n\t\t\t\t<!-- Stop propagation on the schmancy-button itself just to avoid double triggers -->\n\t\t\t\t<schmancy-button slot=\"trailing\" id=\"chevron\" @click=${(e: Event) => e.stopPropagation()}> ⌅ </schmancy-button>\n\t\t\t</div>\n\n\t\t\t<!-- The default slot: tree children -->\n\t\t\t<slot></slot>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tree': SchmancyTree\n\t}\n}\n"],"names":["SchmancyTree","TailwindElement","css","super","arguments","this","open","firstUpdated","defaultSlot","hidden","toggleClick$","fromEvent","toggler","pipe","takeUntil","disconnecting","tap","e","preventDefault","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","chevronClick$","chevron","merge","switchMap","fromDeg","toDeg","chevronAnimation","animate","transform","duration","easing","fill","fromOpacity","toOpacity","slotAnimation","opacity","onfinish","style","height","zip","subscribe","render","html","__decorateClass","property","type","Boolean","prototype","query","customElement"],"mappings":";;;;;;;;;;;AAWO,IAAMA,IAAN,cAA2BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA3C,EAAA;AAAA,EAAA;AAAAC,UAAAA,GAAAC,SAAAA,GAiBuBC,KAAAC,OAAAA;AAAAA,EAAO;AAAA,EAQpC,eAAAC;AAEMF,SAAKC,SACTD,KAAKG,YAAYC,SAAAA;AAIlB,UAAMC,IAAeC,EAAsBN,KAAKO,SAAS,SAASC,KACjEC,EAAUT,KAAKU,aAAAA,GACfC,EAAIC,CAAAA,MAAAA;AACHA,MAAAA,EAAEC,eAAAA,GACFD,EAAEE,mBACFd,KAAKe,cAAc,IAAIC,YAAY,UAAU,EAAEC,SAAAA,IAAeC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA,GAKpEC,IAAgBb,EAAsBN,KAAKoB,SAAS,OAAA;AAE1DC,IAAAA,EAAMhB,GAAcc,CAAAA,EAClBX,KACAc,EAAU;AAGT,YAAMC,IAAUvB,KAAKC,OAAO,MAAM,GAC5BuB,IAAQxB,KAAKC,OAAO,IAAI,KACxBwB,IAAmBzB,KAAKoB,QAAQM,QACrC,CAAC,EAAEC,WAAW,UAAUJ,CAAAA,OAAAA,GAAiB,EAAEI,WAAW,UAAUH,YAChE,EACCI,UAAU,KACVC,QAAQ,WACRC,MAAM,WAAA,CAAA;AAKH9B,WAAKC,SAETD,KAAKG,YAAYC,SAAAA;AAGlB,YAAM2B,IAAc/B,KAAKC,OAAO,IAAI,GAC9B+B,IAAYhC,KAAKC,OAAO,IAAI,GAE5BgC,IAAgBjC,KAAKG,YAAYuB,QAAQ,CAAC,EAAEQ,SAASH,EAAAA,GAAe,EAAEG,SAASF,EAAAA,CAAAA,GAAc,EAClGJ,UAAU,KACVC,QAAQ,YACRC,MAAM;AAcP,aAVAG,EAAcE,WAAW,MAAA;AACpBnC,aAAKC,OACRD,KAAKG,YAAYC,SAAAA,MAEjBJ,KAAKG,YAAYiC,MAAMC,SAAS,QAChCrC,KAAKG,YAAYiC,MAAMF,UAAU;AAAA,MAAA,GAK5BI,EAAIhC,EAAUmB,GAAkB,WAAWnB,EAAU2B,GAAe,QAAA,CAAA,EAAWzB,KACrFC,EAAUT,KAAKU,aAAAA,CAAAA;AAAAA,IAAAA,CAAAA,GAGjBC,EAAI,MAAA;AAEHX,WAAKC,OAAAA,CAAQD,KAAKC;AAAAA,IAAAA,CAAAA,GAEnBQ,EAAUT,KAAKU,aAAAA,CAAAA,EAEf6B,UAAAA;AAAAA,EACH;AAAA,EAEA,SAAAC;AACC,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2DAOmD7B,CAAAA,MAAaA,EAAEE,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAM1E;AAAA;AAhG6B4B,EAAA,CAA5BC,EAAS,EAAEC,MAAMC,aAjBNlD,EAiBiBmD,WAAA,QAAA,CAAA,GAEVJ,EAAA,CAAlBK,EAAM,cAnBKpD,EAmBOmD,WAAA,WAAA,CAAA,GACeJ,EAAA,CAAjCK,EAAM,6BApBKpD,EAoBsBmD,WAAA,eAAA,CAAA,GAGfJ,EAAA,CAAlBK,EAAM,UAAA,CAAA,GAvBKpD,EAuBOmD,WAAA,WAAA,CAAA,GAvBPnD,IAAN+C,EAAA,CADNM,EAAc,mBACFrD,CAAAA;"}
1	+ {"version":3,"file":"tree-B_2eIFQi.js","sources":["../src/tree/tree.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { fromEvent, merge, switchMap, takeUntil, tap, zip } from 'rxjs'\n\n/*\n @element schmancy-tree\n * @slot root - The root element of the tree\n * @slot - The children of the tree\n /\n@customElement('schmancy-tree')\nexport class SchmancyTree extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tbackground-color: initial;\n\t}\n\t::slotted([slot='root']) {\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t}\n\t::slotted([slot='root'] + ) {\n\t\tmargin-top: 0.5rem;\n\t}\n`) {\n\t/*\n\t Whether the tree’s children are visible\n\t */\n\t@property({ type: Boolean }) open = false\n\n\t@query('#toggler') toggler!: HTMLSlotElement\n\t@query('slot:not([name=\"root\"])') defaultSlot!: HTMLSlotElement\n\n\t// Since it's actually a <schmancy-button>, use HTMLElement or a custom type\n\t@query('#chevron') chevron!: HTMLElement\n\n\tfirstUpdated() {\n\t\t// Hide or show the slot initially based on `open`\n\t\tif (!this.open) {\n\t\t\tthis.defaultSlot.hidden = true\n\t\t}\n\n\t\t// Root toggler\n\t\tconst toggleClick$ = fromEvent<MouseEvent>(this.toggler, 'click').pipe(\n\t\t\ttakeUntil(this.disconnecting),\n\t\t\ttap(e => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(new CustomEvent('toggle', { bubbles: true, composed: true }))\n\t\t\t}),\n\t\t)\n\n\t\t// Chevron (the schmancy-button) click\n\t\tconst chevronClick$ = fromEvent<MouseEvent>(this.chevron, 'click')\n\n\t\tmerge(toggleClick$, chevronClick$)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(() => {\n\t\t\t\t\t// 1. Animate the chevron rotation\n\t\t\t\t\t// If `open` is true, rotate from 180 -> 0; if false, from 0 -> 180\n\t\t\t\t\tconst fromDeg = this.open ? 180 : 0\n\t\t\t\t\tconst toDeg = this.open ? 0 : 180\n\t\t\t\t\tconst chevronAnimation = this.chevron.animate(\n\t\t\t\t\t\t[{ transform: `rotate(${fromDeg}deg)` }, { transform: `rotate(${toDeg}deg)` }],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\t\teasing: 'ease-in',\n\t\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t\t},\n\t\t\t\t\t)\n\n\t\t\t\t\t// 2. Animate the slot’s height + opacity\n\t\t\t\t\tif (!this.open) {\n\t\t\t\t\t\t// We are about to open, so remove `hidden` to measure scrollHeight\n\t\t\t\t\t\tthis.defaultSlot.hidden = false\n\t\t\t\t\t}\n\n\t\t\t\t\tconst fromOpacity = this.open ? 1 : 0\n\t\t\t\t\tconst toOpacity = this.open ? 0 : 1\n\n\t\t\t\t\tconst slotAnimation = this.defaultSlot.animate([{ opacity: fromOpacity }, { opacity: toOpacity }], {\n\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\teasing: 'ease-out',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\t// Hide the slot if we just closed it\n\t\t\t\t\tslotAnimation.onfinish = () => {\n\t\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\t\tthis.defaultSlot.hidden = true\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.defaultSlot.style.height = 'auto'\n\t\t\t\t\t\t\tthis.defaultSlot.style.opacity = '1'\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Return an Observable that completes when both animations finish\n\t\t\t\t\treturn zip(fromEvent(chevronAnimation, 'finish'), fromEvent(slotAnimation, 'finish')).pipe(\n\t\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t\ttap(() => {\n\t\t\t\t\t// Flip the open state\n\t\t\t\t\tthis.open = !this.open\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"flex content-center items-center justify-between\">\n\t\t\t\t<!-- Root toggler content -->\n\t\t\t\t<slot id=\"toggler\" name=\"root\"></slot>\n\n\t\t\t\t<!-- The chevron or arrow symbol -->\n\t\t\t\t<!-- Stop propagation on the schmancy-button itself just to avoid double triggers -->\n\t\t\t\t<schmancy-button slot=\"trailing\" id=\"chevron\" @click=${(e: Event) => e.stopPropagation()}> ⌅ </schmancy-button>\n\t\t\t</div>\n\n\t\t\t<!-- The default slot: tree children -->\n\t\t\t<slot></slot>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tree': SchmancyTree\n\t}\n}\n"],"names":["SchmancyTree","TailwindElement","css","super","arguments","this","open","firstUpdated","defaultSlot","hidden","toggleClick$","fromEvent","toggler","pipe","takeUntil","disconnecting","tap","e","preventDefault","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","chevronClick$","chevron","merge","switchMap","fromDeg","toDeg","chevronAnimation","animate","transform","duration","easing","fill","fromOpacity","toOpacity","slotAnimation","opacity","onfinish","style","height","zip","subscribe","render","html","__decorateClass","property","type","Boolean","prototype","query","customElement"],"mappings":";;;;;;;;;;;AAWO,IAAMA,IAAN,cAA2BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA3C,EAAA;AAAA,EAAA;AAAAC,UAAAA,GAAAC,SAAAA,GAiBuBC,KAAAC,OAAAA;AAAAA,EAAO;AAAA,EAQpC,eAAAC;AAEMF,SAAKC,SACTD,KAAKG,YAAYC,SAAAA;AAIlB,UAAMC,IAAeC,EAAsBN,KAAKO,SAAS,SAASC,KACjEC,EAAUT,KAAKU,aAAAA,GACfC,EAAIC,CAAAA,MAAAA;AACHA,MAAAA,EAAEC,eAAAA,GACFD,EAAEE,mBACFd,KAAKe,cAAc,IAAIC,YAAY,UAAU,EAAEC,SAAAA,IAAeC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA,GAKpEC,IAAgBb,EAAsBN,KAAKoB,SAAS,OAAA;AAE1DC,IAAAA,EAAMhB,GAAcc,CAAAA,EAClBX,KACAc,EAAU;AAGT,YAAMC,IAAUvB,KAAKC,OAAO,MAAM,GAC5BuB,IAAQxB,KAAKC,OAAO,IAAI,KACxBwB,IAAmBzB,KAAKoB,QAAQM,QACrC,CAAC,EAAEC,WAAW,UAAUJ,CAAAA,OAAAA,GAAiB,EAAEI,WAAW,UAAUH,YAChE,EACCI,UAAU,KACVC,QAAQ,WACRC,MAAM,WAAA,CAAA;AAKH9B,WAAKC,SAETD,KAAKG,YAAYC,SAAAA;AAGlB,YAAM2B,IAAc/B,KAAKC,OAAO,IAAI,GAC9B+B,IAAYhC,KAAKC,OAAO,IAAI,GAE5BgC,IAAgBjC,KAAKG,YAAYuB,QAAQ,CAAC,EAAEQ,SAASH,EAAAA,GAAe,EAAEG,SAASF,EAAAA,CAAAA,GAAc,EAClGJ,UAAU,KACVC,QAAQ,YACRC,MAAM;AAcP,aAVAG,EAAcE,WAAW,MAAA;AACpBnC,aAAKC,OACRD,KAAKG,YAAYC,SAAAA,MAEjBJ,KAAKG,YAAYiC,MAAMC,SAAS,QAChCrC,KAAKG,YAAYiC,MAAMF,UAAU;AAAA,MAAA,GAK5BI,EAAIhC,EAAUmB,GAAkB,WAAWnB,EAAU2B,GAAe,QAAA,CAAA,EAAWzB,KACrFC,EAAUT,KAAKU,aAAAA,CAAAA;AAAAA,IAAAA,CAAAA,GAGjBC,EAAI,MAAA;AAEHX,WAAKC,OAAAA,CAAQD,KAAKC;AAAAA,IAAAA,CAAAA,GAEnBQ,EAAUT,KAAKU,aAAAA,CAAAA,EAEf6B,UAAAA;AAAAA,EACH;AAAA,EAEA,SAAAC;AACC,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2DAOmD7B,CAAAA,MAAaA,EAAEE,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAM1E;AAAA;AAhG6B4B,EAAA,CAA5BC,EAAS,EAAEC,MAAMC,aAjBNlD,EAiBiBmD,WAAA,QAAA,CAAA,GAEVJ,EAAA,CAAlBK,EAAM,cAnBKpD,EAmBOmD,WAAA,WAAA,CAAA,GACeJ,EAAA,CAAjCK,EAAM,6BApBKpD,EAoBsBmD,WAAA,eAAA,CAAA,GAGfJ,EAAA,CAAlBK,EAAM,UAAA,CAAA,GAvBKpD,EAuBOmD,WAAA,WAAA,CAAA,GAvBPnD,IAAN+C,EAAA,CADNM,EAAc,mBACFrD,CAAAA;"}

package/dist/{tree-DC_jbDRu.cjs → tree-N4Y6MoQe.cjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";const t=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const c=require("lit/decorators.js"),d=require("./tailwind.mixin-scDxsqaX.cjs"),p=require("lit");var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(r,n,o,i)=>{for(var s,e=i>1?void 0:i?g(n,o):n,a=r.length-1;a>=0;a--)(s=r[a])&&(e=(i?s(n,o,e):s(e))||e);return i&&e&&u(n,o,e),e};exports.SchmancyTree=class extends d.TailwindElement(p.css`
+"use strict";const t=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const c=require("lit/decorators.js"),d=require("./tailwind.mixin-3TPVvhYf.cjs"),p=require("lit");var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(r,n,o,i)=>{for(var s,e=i>1?void 0:i?g(n,o):n,a=r.length-1;a>=0;a--)(s=r[a])&&(e=(i?s(n,o,e):s(e))||e);return i&&e&&u(n,o,e),e};exports.SchmancyTree=class extends d.TailwindElement(p.css`
 	:host {
 		display: block;
 		position: relative;
@@ -24,4 +24,4 @@
 			<!-- The default slot: tree children -->
 			<slot></slot>
 		`}},l([c.property({type:Boolean})],exports.SchmancyTree.prototype,"open",2),l([c.query("#toggler")],exports.SchmancyTree.prototype,"toggler",2),l([c.query('slot:not([name="root"])')],exports.SchmancyTree.prototype,"defaultSlot",2),l([c.query("#chevron")],exports.SchmancyTree.prototype,"chevron",2),exports.SchmancyTree=l([c.customElement("schmancy-tree")],exports.SchmancyTree);
-//# sourceMappingURL=tree-DC_jbDRu.cjs.map
+//# sourceMappingURL=tree-N4Y6MoQe.cjs.map

package/dist/{tree-DC_jbDRu.cjs.map → tree-N4Y6MoQe.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tree-~~DC_jbDRu~~.cjs","sources":["../src/tree/tree.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { fromEvent, merge, switchMap, takeUntil, tap, zip } from 'rxjs'\n\n/*\n @element schmancy-tree\n * @slot root - The root element of the tree\n * @slot - The children of the tree\n /\n@customElement('schmancy-tree')\nexport class SchmancyTree extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tbackground-color: initial;\n\t}\n\t::slotted([slot='root']) {\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t}\n\t::slotted([slot='root'] + ) {\n\t\tmargin-top: 0.5rem;\n\t}\n`) {\n\t/*\n\t Whether the tree’s children are visible\n\t */\n\t@property({ type: Boolean }) open = false\n\n\t@query('#toggler') toggler!: HTMLSlotElement\n\t@query('slot:not([name=\"root\"])') defaultSlot!: HTMLSlotElement\n\n\t// Since it's actually a <schmancy-button>, use HTMLElement or a custom type\n\t@query('#chevron') chevron!: HTMLElement\n\n\tfirstUpdated() {\n\t\t// Hide or show the slot initially based on `open`\n\t\tif (!this.open) {\n\t\t\tthis.defaultSlot.hidden = true\n\t\t}\n\n\t\t// Root toggler\n\t\tconst toggleClick$ = fromEvent<MouseEvent>(this.toggler, 'click').pipe(\n\t\t\ttakeUntil(this.disconnecting),\n\t\t\ttap(e => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(new CustomEvent('toggle', { bubbles: true, composed: true }))\n\t\t\t}),\n\t\t)\n\n\t\t// Chevron (the schmancy-button) click\n\t\tconst chevronClick$ = fromEvent<MouseEvent>(this.chevron, 'click')\n\n\t\tmerge(toggleClick$, chevronClick$)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(() => {\n\t\t\t\t\t// 1. Animate the chevron rotation\n\t\t\t\t\t// If `open` is true, rotate from 180 -> 0; if false, from 0 -> 180\n\t\t\t\t\tconst fromDeg = this.open ? 180 : 0\n\t\t\t\t\tconst toDeg = this.open ? 0 : 180\n\t\t\t\t\tconst chevronAnimation = this.chevron.animate(\n\t\t\t\t\t\t[{ transform: `rotate(${fromDeg}deg)` }, { transform: `rotate(${toDeg}deg)` }],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\t\teasing: 'ease-in',\n\t\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t\t},\n\t\t\t\t\t)\n\n\t\t\t\t\t// 2. Animate the slot’s height + opacity\n\t\t\t\t\tif (!this.open) {\n\t\t\t\t\t\t// We are about to open, so remove `hidden` to measure scrollHeight\n\t\t\t\t\t\tthis.defaultSlot.hidden = false\n\t\t\t\t\t}\n\n\t\t\t\t\tconst fromOpacity = this.open ? 1 : 0\n\t\t\t\t\tconst toOpacity = this.open ? 0 : 1\n\n\t\t\t\t\tconst slotAnimation = this.defaultSlot.animate([{ opacity: fromOpacity }, { opacity: toOpacity }], {\n\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\teasing: 'ease-out',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\t// Hide the slot if we just closed it\n\t\t\t\t\tslotAnimation.onfinish = () => {\n\t\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\t\tthis.defaultSlot.hidden = true\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.defaultSlot.style.height = 'auto'\n\t\t\t\t\t\t\tthis.defaultSlot.style.opacity = '1'\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Return an Observable that completes when both animations finish\n\t\t\t\t\treturn zip(fromEvent(chevronAnimation, 'finish'), fromEvent(slotAnimation, 'finish')).pipe(\n\t\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t\ttap(() => {\n\t\t\t\t\t// Flip the open state\n\t\t\t\t\tthis.open = !this.open\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"flex content-center items-center justify-between\">\n\t\t\t\t<!-- Root toggler content -->\n\t\t\t\t<slot id=\"toggler\" name=\"root\"></slot>\n\n\t\t\t\t<!-- The chevron or arrow symbol -->\n\t\t\t\t<!-- Stop propagation on the schmancy-button itself just to avoid double triggers -->\n\t\t\t\t<schmancy-button slot=\"trailing\" id=\"chevron\" @click=${(e: Event) => e.stopPropagation()}> ⌅ </schmancy-button>\n\t\t\t</div>\n\n\t\t\t<!-- The default slot: tree children -->\n\t\t\t<slot></slot>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tree': SchmancyTree\n\t}\n}\n"],"names":["SchmancyTree","TailwindElement","css","super","arguments","this","open","firstUpdated","defaultSlot","hidden","toggleClick$","fromEvent","toggler","pipe","takeUntil","disconnecting","tap","e","preventDefault","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","chevronClick$","chevron","merge","switchMap","fromDeg","toDeg","chevronAnimation","animate","transform","duration","easing","fill","fromOpacity","toOpacity","slotAnimation","opacity","onfinish","style","height","zip","subscribe","render","html","__decorateClass","property","type","Boolean","prototype","query","customElement"],"mappings":"8aAWaA,QAAAA,aAAN,cAA2BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA3C,CAAA,CAAA,cAAAC,MAAAA,GAAAC,SAAAA,EAiBuBC,KAAAC,KAAAA,EAAO,CAQpC,cAAAC,CAEMF,KAAKC,OACTD,KAAKG,YAAYC,OAAAA,IAIlB,MAAMC,EAAeC,EAAAA,UAAsBN,KAAKO,QAAS,OAAA,EAASC,KACjEC,EAAAA,UAAUT,KAAKU,aAAAA,EACfC,EAAAA,IAAIC,GAAAA,CACHA,EAAEC,iBACFD,EAAEE,gBAAAA,EACFd,KAAKe,cAAc,IAAIC,YAAY,SAAU,CAAEC,WAAeC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,EAKpEC,EAAgBb,EAAAA,UAAsBN,KAAKoB,QAAS,OAAA,EAE1DC,QAAMhB,EAAcc,CAAAA,EAClBX,KACAc,EAAAA,UAAU,IAAA,CAGT,MAAMC,EAAUvB,KAAKC,KAAO,IAAM,EAC5BuB,EAAQxB,KAAKC,KAAO,EAAI,IACxBwB,EAAmBzB,KAAKoB,QAAQM,QACrC,CAAC,CAAEC,UAAW,UAAUJ,CAAAA,MAAAA,EAAiB,CAAEI,UAAW,UAAUH,CAAAA,MAAAA,CAAAA,EAChE,CACCI,SAAU,IACVC,OAAQ,UACRC,KAAM,UAAA,CAAA,EAKH9B,KAAKC,OAETD,KAAKG,YAAYC,WAGlB,MAAM2B,EAAc/B,KAAKC,KAAO,EAAI,EAC9B+B,EAAYhC,KAAKC,KAAO,EAAI,EAE5BgC,EAAgBjC,KAAKG,YAAYuB,QAAQ,CAAC,CAAEQ,QAASH,CAAAA,EAAe,CAAEG,QAASF,CAAAA,CAAAA,EAAc,CAClGJ,SAAU,IACVC,OAAQ,WACRC,KAAM,UAAA,CAAA,EAcP,OAVAG,EAAcE,SAAW,KACpBnC,KAAKC,KACRD,KAAKG,YAAYC,OAAAA,IAEjBJ,KAAKG,YAAYiC,MAAMC,OAAS,OAChCrC,KAAKG,YAAYiC,MAAMF,QAAU,IAAA,EAK5BI,EAAAA,IAAIhC,YAAUmB,EAAkB,UAAWnB,EAAAA,UAAU2B,EAAe,QAAA,CAAA,EAAWzB,KACrFC,EAAAA,UAAUT,KAAKU,aAAAA,CAAAA,CAAAA,CAAAA,EAGjBC,EAAAA,IAAI,IAAA,CAEHX,KAAKC,MAAQD,KAAKC,IAAAA,CAAAA,EAEnBQ,EAAAA,UAAUT,KAAKU,gBAEf6B,UAAAA,CACH,CAEA,QAAAC,CACC,OAAOC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2DAOmD7B,GAAaA,EAAEE,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAM1E,CAAA,EAhG6B4B,EAAA,CAA5BC,WAAS,CAAEC,KAAMC,OAAAA,CAAAA,CAAAA,EAjBNlD,qBAiBiBmD,UAAA,OAAA,GAEVJ,EAAA,CAAlBK,EAAAA,MAAM,UAAA,CAAA,EAnBKpD,qBAmBOmD,UAAA,UAAA,CAAA,EACeJ,EAAA,CAAjCK,EAAAA,MAAM,yBAAA,CAAA,EApBKpD,qBAoBsBmD,UAAA,cAAA,CAAA,EAGfJ,EAAA,CAAlBK,EAAAA,MAAM,UAAA,CAAA,EAvBKpD,qBAuBOmD,UAAA,UAAA,CAAA,EAvBPnD,QAAAA,aAAN+C,EAAA,CADNM,EAAAA,cAAc,eAAA,CAAA,EACFrD"}
1	+ {"version":3,"file":"tree-N4Y6MoQe.cjs","sources":["../src/tree/tree.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { fromEvent, merge, switchMap, takeUntil, tap, zip } from 'rxjs'\n\n/*\n @element schmancy-tree\n * @slot root - The root element of the tree\n * @slot - The children of the tree\n /\n@customElement('schmancy-tree')\nexport class SchmancyTree extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tbackground-color: initial;\n\t}\n\t::slotted([slot='root']) {\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t}\n\t::slotted([slot='root'] + ) {\n\t\tmargin-top: 0.5rem;\n\t}\n`) {\n\t/*\n\t Whether the tree’s children are visible\n\t */\n\t@property({ type: Boolean }) open = false\n\n\t@query('#toggler') toggler!: HTMLSlotElement\n\t@query('slot:not([name=\"root\"])') defaultSlot!: HTMLSlotElement\n\n\t// Since it's actually a <schmancy-button>, use HTMLElement or a custom type\n\t@query('#chevron') chevron!: HTMLElement\n\n\tfirstUpdated() {\n\t\t// Hide or show the slot initially based on `open`\n\t\tif (!this.open) {\n\t\t\tthis.defaultSlot.hidden = true\n\t\t}\n\n\t\t// Root toggler\n\t\tconst toggleClick$ = fromEvent<MouseEvent>(this.toggler, 'click').pipe(\n\t\t\ttakeUntil(this.disconnecting),\n\t\t\ttap(e => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(new CustomEvent('toggle', { bubbles: true, composed: true }))\n\t\t\t}),\n\t\t)\n\n\t\t// Chevron (the schmancy-button) click\n\t\tconst chevronClick$ = fromEvent<MouseEvent>(this.chevron, 'click')\n\n\t\tmerge(toggleClick$, chevronClick$)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(() => {\n\t\t\t\t\t// 1. Animate the chevron rotation\n\t\t\t\t\t// If `open` is true, rotate from 180 -> 0; if false, from 0 -> 180\n\t\t\t\t\tconst fromDeg = this.open ? 180 : 0\n\t\t\t\t\tconst toDeg = this.open ? 0 : 180\n\t\t\t\t\tconst chevronAnimation = this.chevron.animate(\n\t\t\t\t\t\t[{ transform: `rotate(${fromDeg}deg)` }, { transform: `rotate(${toDeg}deg)` }],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\t\teasing: 'ease-in',\n\t\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t\t},\n\t\t\t\t\t)\n\n\t\t\t\t\t// 2. Animate the slot’s height + opacity\n\t\t\t\t\tif (!this.open) {\n\t\t\t\t\t\t// We are about to open, so remove `hidden` to measure scrollHeight\n\t\t\t\t\t\tthis.defaultSlot.hidden = false\n\t\t\t\t\t}\n\n\t\t\t\t\tconst fromOpacity = this.open ? 1 : 0\n\t\t\t\t\tconst toOpacity = this.open ? 0 : 1\n\n\t\t\t\t\tconst slotAnimation = this.defaultSlot.animate([{ opacity: fromOpacity }, { opacity: toOpacity }], {\n\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\teasing: 'ease-out',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\t// Hide the slot if we just closed it\n\t\t\t\t\tslotAnimation.onfinish = () => {\n\t\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\t\tthis.defaultSlot.hidden = true\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.defaultSlot.style.height = 'auto'\n\t\t\t\t\t\t\tthis.defaultSlot.style.opacity = '1'\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Return an Observable that completes when both animations finish\n\t\t\t\t\treturn zip(fromEvent(chevronAnimation, 'finish'), fromEvent(slotAnimation, 'finish')).pipe(\n\t\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t\ttap(() => {\n\t\t\t\t\t// Flip the open state\n\t\t\t\t\tthis.open = !this.open\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"flex content-center items-center justify-between\">\n\t\t\t\t<!-- Root toggler content -->\n\t\t\t\t<slot id=\"toggler\" name=\"root\"></slot>\n\n\t\t\t\t<!-- The chevron or arrow symbol -->\n\t\t\t\t<!-- Stop propagation on the schmancy-button itself just to avoid double triggers -->\n\t\t\t\t<schmancy-button slot=\"trailing\" id=\"chevron\" @click=${(e: Event) => e.stopPropagation()}> ⌅ </schmancy-button>\n\t\t\t</div>\n\n\t\t\t<!-- The default slot: tree children -->\n\t\t\t<slot></slot>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tree': SchmancyTree\n\t}\n}\n"],"names":["SchmancyTree","TailwindElement","css","super","arguments","this","open","firstUpdated","defaultSlot","hidden","toggleClick$","fromEvent","toggler","pipe","takeUntil","disconnecting","tap","e","preventDefault","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","chevronClick$","chevron","merge","switchMap","fromDeg","toDeg","chevronAnimation","animate","transform","duration","easing","fill","fromOpacity","toOpacity","slotAnimation","opacity","onfinish","style","height","zip","subscribe","render","html","__decorateClass","property","type","Boolean","prototype","query","customElement"],"mappings":"8aAWaA,QAAAA,aAAN,cAA2BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA3C,CAAA,CAAA,cAAAC,MAAAA,GAAAC,SAAAA,EAiBuBC,KAAAC,KAAAA,EAAO,CAQpC,cAAAC,CAEMF,KAAKC,OACTD,KAAKG,YAAYC,OAAAA,IAIlB,MAAMC,EAAeC,EAAAA,UAAsBN,KAAKO,QAAS,OAAA,EAASC,KACjEC,EAAAA,UAAUT,KAAKU,aAAAA,EACfC,EAAAA,IAAIC,GAAAA,CACHA,EAAEC,iBACFD,EAAEE,gBAAAA,EACFd,KAAKe,cAAc,IAAIC,YAAY,SAAU,CAAEC,WAAeC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,EAKpEC,EAAgBb,EAAAA,UAAsBN,KAAKoB,QAAS,OAAA,EAE1DC,QAAMhB,EAAcc,CAAAA,EAClBX,KACAc,EAAAA,UAAU,IAAA,CAGT,MAAMC,EAAUvB,KAAKC,KAAO,IAAM,EAC5BuB,EAAQxB,KAAKC,KAAO,EAAI,IACxBwB,EAAmBzB,KAAKoB,QAAQM,QACrC,CAAC,CAAEC,UAAW,UAAUJ,CAAAA,MAAAA,EAAiB,CAAEI,UAAW,UAAUH,CAAAA,MAAAA,CAAAA,EAChE,CACCI,SAAU,IACVC,OAAQ,UACRC,KAAM,UAAA,CAAA,EAKH9B,KAAKC,OAETD,KAAKG,YAAYC,WAGlB,MAAM2B,EAAc/B,KAAKC,KAAO,EAAI,EAC9B+B,EAAYhC,KAAKC,KAAO,EAAI,EAE5BgC,EAAgBjC,KAAKG,YAAYuB,QAAQ,CAAC,CAAEQ,QAASH,CAAAA,EAAe,CAAEG,QAASF,CAAAA,CAAAA,EAAc,CAClGJ,SAAU,IACVC,OAAQ,WACRC,KAAM,UAAA,CAAA,EAcP,OAVAG,EAAcE,SAAW,KACpBnC,KAAKC,KACRD,KAAKG,YAAYC,OAAAA,IAEjBJ,KAAKG,YAAYiC,MAAMC,OAAS,OAChCrC,KAAKG,YAAYiC,MAAMF,QAAU,IAAA,EAK5BI,EAAAA,IAAIhC,YAAUmB,EAAkB,UAAWnB,EAAAA,UAAU2B,EAAe,QAAA,CAAA,EAAWzB,KACrFC,EAAAA,UAAUT,KAAKU,aAAAA,CAAAA,CAAAA,CAAAA,EAGjBC,EAAAA,IAAI,IAAA,CAEHX,KAAKC,MAAQD,KAAKC,IAAAA,CAAAA,EAEnBQ,EAAAA,UAAUT,KAAKU,gBAEf6B,UAAAA,CACH,CAEA,QAAAC,CACC,OAAOC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2DAOmD7B,GAAaA,EAAEE,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAM1E,CAAA,EAhG6B4B,EAAA,CAA5BC,WAAS,CAAEC,KAAMC,OAAAA,CAAAA,CAAAA,EAjBNlD,qBAiBiBmD,UAAA,OAAA,GAEVJ,EAAA,CAAlBK,EAAAA,MAAM,UAAA,CAAA,EAnBKpD,qBAmBOmD,UAAA,UAAA,CAAA,EACeJ,EAAA,CAAjCK,EAAAA,MAAM,yBAAA,CAAA,EApBKpD,qBAoBsBmD,UAAA,cAAA,CAAA,EAGfJ,EAAA,CAAlBK,EAAAA,MAAM,UAAA,CAAA,EAvBKpD,qBAuBOmD,UAAA,UAAA,CAAA,EAvBPnD,QAAAA,aAAN+C,EAAA,CADNM,EAAAA,cAAc,eAAA,CAAA,EACFrD"}

package/dist/tree.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tree-DC_jbDRu.cjs");Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>e.SchmancyTree});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tree-N4Y6MoQe.cjs");Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>e.SchmancyTree});
 //# sourceMappingURL=tree.cjs.map

package/dist/tree.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as a } from "./tree-CfVyhRIH.js";
+import { S as a } from "./tree-B_2eIFQi.js";
 export {
   a as SchmancyTree
 };