@mhmo91/schmancy 0.4.91 → 0.4.93

package/dist/tooltip-Bcun7m0S.cjs

@@ -0,0 +1,7 @@
+"use strict";const r=require("@floating-ui/dom"),w=require("lit/directive.js"),n=require("rxjs"),I=require("./tailwind.mixin-O9jmUJ7m.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-Bcun7m0S.cjs.map

package/dist/tooltip-Bcun7m0S.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-Bcun7m0S.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-CbKaR_7c.js → tooltip-Doh_evJW.js}

@@ -1,61 +1,61 @@
-import { autoUpdate as j, offset as O, flip as $, shift as P, arrow as M, computePosition as z } from "@floating-ui/dom";
-import { directive as D, Directive as R, PartType as U } from "lit/directive.js";
-import { T as q } from "./tailwind.mixin-CUBQFucF.js";
-import { css as B, html as F } from "lit";
-import { property as y, state as G, customElement as H } from "lit/decorators.js";
-import { fromEvent as h, takeUntil as v, merge as S } from "rxjs";
-const E = /* @__PURE__ */ new WeakMap(), tt = D(class extends R {
-  constructor(i) {
-    if (super(i), i.type !== U.ELEMENT) throw new Error("The tooltip directive can only be used on elements");
+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-C13RR5x6.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 {
+  constructor(o) {
+    if (super(o), o.type !== B.ELEMENT) throw new Error("The tooltip directive can only be used on elements");
   }
-  render(i, e = {}) {
-    return { text: i, options: e };
+  render(o, e = {}) {
+    return { text: o, options: e };
   }
-  update(i, [e, o = {}]) {
-    const s = i.element, a = o?.position || "top", n = o?.delay || 300, l = o?.showArrow !== !1;
-    let t = E.get(s);
-    if (t) t.tooltipElement.textContent = e, t.arrowElement && (t.arrowElement.style.visibility = l ? "visible" : "hidden");
+  update(o, [e, i = {}]) {
+    const s = o.element, a = i?.position || "top", l = i?.delay || 300, r = i?.showArrow !== !1;
+    let t = y.get(s);
+    if (t) t.tooltipElement.textContent = e, t.arrowElement && (t.arrowElement.style.visibility = r ? "visible" : "hidden");
     else {
-      const r = document.createElement("div");
+      const p = document.createElement("div");
       let d;
-      r.className = "schmancy-tooltip", Object.assign(r.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" }), l && (d = document.createElement("div"), d.className = "schmancy-tooltip-arrow", Object.assign(d.style, { position: "absolute", width: "8px", height: "8px", background: "inherit", visibility: "hidden", transform: "rotate(45deg)" }), r.appendChild(d)), r.setAttribute("role", "tooltip");
-      const w = `tooltip-${Math.random().toString(36).slice(2, 9)}`;
-      r.id = w, s.setAttribute("aria-describedby", w), document.body.appendChild(r), t = { tooltipElement: r, arrowElement: d }, E.set(s, t);
+      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" }), r && (d = document.createElement("div"), d.className = "schmancy-tooltip-arrow", Object.assign(d.style, { position: "absolute", width: "8px", height: "8px", background: "inherit", visibility: "hidden", transform: "rotate(45deg)" }), p.appendChild(d)), p.setAttribute("role", "tooltip");
+      const v = `tooltip-${Math.random().toString(36).slice(2, 9)}`;
+      p.id = v, s.setAttribute("aria-describedby", v), document.body.appendChild(p), t = { tooltipElement: p, arrowElement: d }, y.set(s, t);
       const x = () => {
         t?.showTimeout && clearTimeout(t.showTimeout), t.showTimeout = window.setTimeout(() => {
-          t.tooltipElement.textContent = e, l && t.arrowElement && !t.tooltipElement.contains(t.arrowElement) && t.tooltipElement.appendChild(t.arrowElement), t.tooltipElement.style.visibility = "visible", t.cleanup && t.cleanup(), t.cleanup = j(s, t.tooltipElement, () => async function(g, m, f, T) {
+          t.tooltipElement.textContent = e, r && t.arrowElement && !t.tooltipElement.contains(t.arrowElement) && t.tooltipElement.appendChild(t.arrowElement), t.tooltipElement.style.visibility = "visible", t.cleanup && t.cleanup(), t.cleanup = j(s, t.tooltipElement, () => async function(g, m, f, T) {
             const C = [O(8), $({ fallbackPlacements: ["top", "right", "bottom", "left"].filter((u) => u !== f), padding: 5 }), P({ padding: 5 })];
-            T && m.arrowElement && C.push(M({ element: m.arrowElement }));
-            const { x: I, y: L, placement: N, middlewareData: k } = await z(g, m.tooltipElement, { placement: f, middleware: C, strategy: "fixed" });
-            if (Object.assign(m.tooltipElement.style, { left: `${I}px`, top: `${L}px`, position: "fixed" }), T && m.arrowElement && k.arrow) {
-              const { x: u, y: A } = k.arrow, W = { top: "bottom", right: "left", bottom: "top", left: "right" }[N.split("-")[0]] || "bottom";
-              Object.assign(m.arrowElement.style, { left: u != null ? `${u}px` : "", top: A != null ? `${A}px` : "", [W]: "-4px", visibility: "visible" });
+            T && m.arrowElement && C.push(R({ element: m.arrowElement }));
+            const { x: N, y: W, placement: M, middlewareData: k } = await z(g, m.tooltipElement, { placement: f, middleware: C, strategy: "fixed" });
+            if (Object.assign(m.tooltipElement.style, { left: `${N}px`, top: `${W}px`, position: "fixed" }), T && m.arrowElement && k.arrow) {
+              const { x: u, y: A } = k.arrow, D = { top: "bottom", right: "left", bottom: "top", left: "right" }[M.split("-")[0]] || "bottom";
+              Object.assign(m.arrowElement.style, { left: u != null ? `${u}px` : "", top: A != null ? `${A}px` : "", [D]: "-4px", visibility: "visible" });
             }
-          }(s, t, a, l)), requestAnimationFrame(() => {
+          }(s, t, a, r)), requestAnimationFrame(() => {
             t.tooltipElement.style.opacity = "1";
           });
-        }, n);
-      }, b = () => {
+        }, l);
+      }, E = () => {
         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);
-      };
-      s.addEventListener("mouseenter", x), s.addEventListener("focus", x), s.addEventListener("mouseleave", b), s.addEventListener("blur", b), document.addEventListener("keydown", (g) => {
-        g.key === "Escape" && t?.tooltipElement.style.opacity === "1" && b();
-      });
+      }, I = [n(s, "mouseenter").subscribe(x), n(s, "focus").subscribe(x), n(s, "mouseleave").subscribe(E), n(s, "blur").subscribe(E), n(document, "keydown").subscribe((g) => {
+        g.key === "Escape" && t?.tooltipElement.style.opacity === "1" && E();
+      })];
+      t.subscriptions = I;
     }
-    return { text: e, options: o };
+    return { text: e, options: i };
   }
-  disconnected(i) {
-    const e = i.element, o = E.get(e);
-    o && (o.showTimeout && clearTimeout(o.showTimeout), o.cleanup && o.cleanup(), document.body.contains(o.tooltipElement) && document.body.removeChild(o.tooltipElement), e.hasAttribute("aria-describedby") && e.removeAttribute("aria-describedby"), E.delete(e));
+  disconnected(o) {
+    const e = o.element, i = y.get(e);
+    i && (i.subscriptions && i.subscriptions.forEach((s) => s.unsubscribe()), i.showTimeout && clearTimeout(i.showTimeout), i.cleanup && i.cleanup(), document.body.contains(i.tooltipElement) && document.body.removeChild(i.tooltipElement), e.hasAttribute("aria-describedby") && e.removeAttribute("aria-describedby"), y.delete(e));
   }
 });
-var J = Object.defineProperty, K = Object.getOwnPropertyDescriptor, c = (i, e, o, s) => {
-  for (var a, n = s > 1 ? void 0 : s ? K(e, o) : e, l = i.length - 1; l >= 0; l--) (a = i[l]) && (n = (s ? a(e, o, n) : a(n)) || n);
-  return s && n && J(e, o, n), n;
+var K = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, h = (o, e, i, s) => {
+  for (var a, l = s > 1 ? void 0 : s ? Q(e, i) : e, r = o.length - 1; r >= 0; r--) (a = o[r]) && (l = (s ? a(e, i, l) : a(l)) || l);
+  return s && l && K(e, i, l), l;
 };
-let p = class extends q(B`
+let c = class extends F(L`
 	:host {
 		display: inline-block;
 		position: relative;
@@ -69,7 +69,7 @@ let p = class extends q(B`
   }
   firstUpdated() {
     this.updateComplete.then(() => {
-      const i = this.shadowRoot?.querySelector("slot"), e = i?.assignedElements() || [];
+      const o = this.shadowRoot?.querySelector("slot"), e = o?.assignedElements() || [];
       e.length > 0 && (this.triggerElement = e[0], this.setupEvents());
     });
   }
@@ -78,14 +78,14 @@ let p = class extends q(B`
   }
   setupEvents() {
     if (!this.triggerElement || this.disabled) return;
-    const i = `tooltip-${Math.random().toString(36).slice(2, 9)}`;
-    this.tooltipElement && (this.tooltipElement.id = i, this.triggerElement.setAttribute("aria-describedby", i));
-    const e = h(this.triggerElement, "mouseenter"), o = h(this.triggerElement, "focus"), s = h(this.triggerElement, "mouseleave"), a = h(this.triggerElement, "blur");
-    h(document, "keydown").pipe(v(this.disconnecting)).subscribe((n) => {
-      n.key === "Escape" && this.visible && this.hideTooltip();
-    }), S(e, o).pipe(v(this.disconnecting)).subscribe(() => {
+    const o = `tooltip-${Math.random().toString(36).slice(2, 9)}`;
+    this.tooltipElement && (this.tooltipElement.id = o, this.triggerElement.setAttribute("aria-describedby", o));
+    const e = n(this.triggerElement, "mouseenter"), i = n(this.triggerElement, "focus"), s = n(this.triggerElement, "mouseleave"), a = n(this.triggerElement, "blur");
+    n(document, "keydown").pipe(w(this.disconnecting)).subscribe((l) => {
+      l.key === "Escape" && this.visible && this.hideTooltip();
+    }), S(e, i).pipe(w(this.disconnecting)).subscribe(() => {
       this.showTooltip();
-    }), S(s, a).pipe(v(this.disconnecting)).subscribe(() => {
+    }), S(s, a).pipe(w(this.disconnecting)).subscribe(() => {
       this.hideTooltip();
     });
   }
@@ -102,18 +102,18 @@ let p = class extends q(B`
   }
   initializePositioning() {
     this.triggerElement && this.tooltipElement && (this.cleanup && this.cleanup(), this.cleanup = j(this.triggerElement, this.tooltipElement, () => {
-      z(this.triggerElement, this.tooltipElement, { placement: this.position, middleware: [O(8), $({ padding: 5 }), P({ padding: 5 })] }).then(({ x: i, y: e }) => {
-        this.tooltipElement && Object.assign(this.tooltipElement.style, { left: `${i}px`, top: `${e}px` });
+      z(this.triggerElement, this.tooltipElement, { placement: this.position, middleware: [O(8), $({ padding: 5 }), P({ padding: 5 })] }).then(({ x: o, y: e }) => {
+        this.tooltipElement && Object.assign(this.tooltipElement.style, { left: `${o}px`, top: `${e}px` });
       });
     }));
   }
   render() {
-    return F`<slot></slot>`;
+    return G`<slot></slot>`;
   }
 };
-c([y({ type: String })], p.prototype, "text", 2), c([y({ type: String })], p.prototype, "position", 2), c([y({ type: Number })], p.prototype, "delay", 2), c([y({ type: Boolean })], p.prototype, "disabled", 2), c([G()], p.prototype, "visible", 2), p = c([H("schmancy-tooltip")], p);
+h([b({ type: String })], c.prototype, "text", 2), h([b({ type: String })], c.prototype, "position", 2), h([b({ type: Number })], c.prototype, "delay", 2), h([b({ type: Boolean })], c.prototype, "disabled", 2), h([H()], c.prototype, "visible", 2), c = h([J("schmancy-tooltip")], c);
 export {
-  p as S,
-  tt as t
+  c as S,
+  et as t
 };
-//# sourceMappingURL=tooltip-CbKaR_7c.js.map
+//# sourceMappingURL=tooltip-Doh_evJW.js.map

package/dist/tooltip-Doh_evJW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-Doh_evJW.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.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tooltip-CKhGU64R.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-Bcun7m0S.cjs");Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>e.SchmancyTooltip}),exports.tooltip=e.tooltip;
 //# sourceMappingURL=tooltip.cjs.map

package/dist/tooltip.js

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

package/dist/{tree-BncfGRKE.cjs → tree-DpKb9Q-1.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const c=require("lit/decorators.js"),d=require("./tailwind.mixin-tQzjJi1o.cjs"),p=require("lit");var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(n,r,o,i)=>{for(var s,e=i>1?void 0:i?g(r,o):r,a=n.length-1;a>=0;a--)(s=n[a])&&(e=(i?s(r,o,e):s(e))||e);return i&&e&&u(r,o,e),e};exports.SchmancyTree=class extends d.TailwindElement(p.css`
+"use strict";const t=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const c=require("lit/decorators.js"),d=require("./tailwind.mixin-O9jmUJ7m.cjs"),p=require("lit");var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(n,r,o,i)=>{for(var s,e=i>1?void 0:i?g(r,o):r,a=n.length-1;a>=0;a--)(s=n[a])&&(e=(i?s(r,o,e):s(e))||e);return i&&e&&u(r,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-BncfGRKE.cjs.map
+//# sourceMappingURL=tree-DpKb9Q-1.cjs.map

package/dist/{tree-BncfGRKE.cjs.map → tree-DpKb9Q-1.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tree-BncfGRKE.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":"oZAWaA,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"}
+{"version":3,"file":"tree-DpKb9Q-1.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":"oZAWaA,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-BalOrz7r.js → tree-cl3PdPTy.js}

@@ -2,7 +2,7 @@ import { fromEvent as p, takeUntil as c, tap as g, merge as m, switchMap as f, z
 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-CUBQFucF.js";
+import { T as b } from "./tailwind.mixin-C13RR5x6.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);
@@ -61,4 +61,4 @@ l([y({ type: Boolean })], n.prototype, "open", 2), l([h("#toggler")], n.prototyp
 export {
   n as S
 };
-//# sourceMappingURL=tree-BalOrz7r.js.map
+//# sourceMappingURL=tree-cl3PdPTy.js.map

package/dist/{tree-BalOrz7r.js.map → tree-cl3PdPTy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tree-BalOrz7r.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;"}
+{"version":3,"file":"tree-cl3PdPTy.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.cjs

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

package/dist/tree.js

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

package/dist/{typewriter-C3nBx8M1.cjs → typewriter-QSd_xI9j.cjs}

@@ -1,21 +1,9 @@
-"use strict";const J=require("./consume-edta5ng5.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("lit/decorators.js");require("./tailwind.mixin-tQzjJi1o.cjs");const W=require("./litElement.mixin-De6F4bUs.cjs"),M=require("./delay-xtpIck-Z.cjs"),G=require("./intersection-CVvaDv96.cjs"),k=require("lit"),B=s=>Array.isArray(s),A=s=>B(s)?s:[s],j="data-typeit-id",y="ti-cursor",Y={started:!1,completed:!1,frozen:!1,destroyed:!1},f={breakLines:!0,cursor:{autoPause:!0,autoPauseDelay:500,animation:{frames:[0,0,1].map(s=>({opacity:s})),options:{iterations:1/0,easing:"steps(2, start)",fill:"forwards"}}},cursorChar:"|",cursorSpeed:1e3,deleteSpeed:null,html:!0,lifeLike:!0,loop:!1,loopDelay:750,nextStringDelay:750,speed:100,startDelay:250,startDelete:!1,strings:[],waitUntilVisible:!1,beforeString:()=>{},afterString:()=>{},beforeStep:()=>{},afterStep:()=>{},afterComplete:()=>{}},Z=`[${j}]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}`,C=s=>document.createElement(s),q=s=>document.createTextNode(s),_=(s,e="")=>{let t=C("style");t.id=e,t.appendChild(q(s)),document.head.appendChild(t)},$=s=>(B(s)||(s=[s/2,s/2]),s),O=(s,e)=>Math.abs(Math.random()*(s+e-(s-e))+(s-e));let H=s=>s/2;const K=s=>Array.from(s);let N=s=>([...s.childNodes].forEach(e=>{if(e.nodeValue)return[...e.nodeValue].forEach(t=>{e.parentNode.insertBefore(q(t),e)}),void e.remove();N(e)}),s);const Q=s=>{let e=document.implementation.createHTMLDocument();return e.body.innerHTML=s,N(e.body)};function U(s,e=!1,t=!1){let i,r=s.querySelector(`.${y}`),n=document.createTreeWalker(s,NodeFilter.SHOW_ALL,{acceptNode:a=>{if(r&&t){if(a.classList?.contains(y))return NodeFilter.FILTER_ACCEPT;if(r.contains(a))return NodeFilter.FILTER_REJECT}return a.classList?.contains(y)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),o=[];for(;i=n.nextNode();)i.originalParent||(i.originalParent=i.parentNode),o.push(i);return e?o.reverse():o}function ee(s,e=!0){return e?U(Q(s)):K(s).map(q)}const te=({index:s,newIndex:e,queueItems:t,cleanUp:i})=>{for(let r=s+1;r<e+1;r++)i(t[r][0])},V=s=>Number.isInteger(s),z=({queueItems:s,selector:e,cursorPosition:t,to:i})=>{if(V(e))return-1*e;let r=new RegExp("END","i").test(i),n=e?[...s].reverse().findIndex(({char:o})=>{let a=o.parentElement,u=a.matches(e);return!(!r||!u)||u&&a.firstChild.isSameNode(o)}):-1;return n<0&&(n=r?0:s.length-1),n-t+(r?0:1)},I=(s,e)=>new Array(e).fill(s);let v=s=>new Promise(e=>{requestAnimationFrame(async()=>{e(await s())})}),F=s=>s?.getAnimations().find(e=>e.id===s.dataset.tiAnimationId),X=({cursor:s,frames:e,options:t})=>{let i=s.animate(e,t);return i.pause(),i.id=s.dataset.tiAnimationId,v(()=>{v(()=>{i.play()})}),i},R=s=>s.func?.call(null),se=async({index:s,queueItems:e,wait:t,cursor:i,cursorOptions:r})=>{let n=e[s][1],o=[],a=s,u=n,h=()=>u&&!u.delay,l=n.shouldPauseCursor()&&r.autoPause;for(;h();)o.push(u),h()&&a++,u=e[a]?e[a][1]:null;if(o.length)return await v(async()=>{for(let b of o)await R(b)}),a-1;let c,m=F(i);return m&&(c={...m.effect.getComputedTiming(),delay:l?r.autoPauseDelay:0}),await t(async()=>{m&&l&&m.cancel(),await v(()=>{R(n)})},n.delay),await(({cursor:b,options:L,cursorOptions:x})=>{if(!b||!x)return;let P,T=F(b);T&&(L.delay=T.effect.getComputedTiming().delay,P=T.currentTime,T.cancel());let D=X({cursor:b,frames:x.animation.frames,options:L});return P&&(D.currentTime=P),D})({cursor:i,options:c,cursorOptions:r}),s};const E=s=>"value"in s;let g=s=>typeof s=="function"?s():s,S=(s,e=document,t=!1)=>e["querySelector"+(t?"All":"")](s);const w=(s,e)=>Object.assign({},s,e);let ie={"font-family":"","font-weight":"","font-size":"","font-style":"","line-height":"",color:"",transform:"translateX(-.125em)"};class re{element;timeouts;cursorPosition;predictedCursorPosition;statuses={started:!1,completed:!1,frozen:!1,destroyed:!1,firing:!1};opts;id;queue;cursor;flushCallback=null;unfreeze=()=>{};constructor(e,t={}){var i;this.opts=w(f,t),this.element=typeof(i=e)=="string"?S(i):i,this.timeouts=[],this.cursorPosition=0,this.unfreeze=()=>{},this.predictedCursorPosition=null,this.statuses=w({},Y),this.id=Math.random().toString().substring(2,9),this.queue=function(r){let n=function(l){return A(l).forEach(c=>h.set(Symbol(c.char?.innerText),o({...c}))),this},o=l=>(l.shouldPauseCursor=function(){return!!(this.typeable||this.cursorable||this.deletable)},l),a=()=>h,u=()=>Array.from(h.values()),h=new Map;return n(r),{add:n,set:function(l,c){let m=[...h.keys()];h.set(m[l],o(c))},wipe:function(){h=new Map,n(r)},done:(l,c=!1)=>c?h.delete(l):h.get(l).done=!0,reset:function(){h.forEach(l=>delete l.done)},destroy:l=>h.delete(l),getItems:(l=!1)=>l?u():u().filter(c=>!c.done),getQueue:a,getTypeable:()=>u().filter(l=>l.typeable),getPendingQueueItems:()=>{const l=[];for(let[,c]of a())c.done||l.push(c);return l}}}([{delay:this.opts.startDelay}]),this.#E(t),this.cursor=this.#v(),this.element.dataset.typeitId=this.id,_(Z),this.opts.strings.length&&this.#I()}go(){return this.statuses.started?this:(this.#m(),this.opts.waitUntilVisible?(e=this.element,t=this.#i.bind(this),new IntersectionObserver((i,r)=>{i.forEach(n=>{n.isIntersecting&&(t(),r.unobserve(e))})},{threshold:1}).observe(e),this):(this.#i(),this));var e,t}destroy(e=!0){this.timeouts=(this.timeouts.forEach(clearTimeout),[]),g(e)&&this.cursor&&this.#c(this.cursor),this.statuses.destroyed=!0}reset(e){!this.is("destroyed")&&this.destroy(),e?(this.queue.wipe(),e(this)):this.queue.reset(),this.cursorPosition=0;for(let t in this.statuses)this.statuses[t]=!1;return this.element[this.#u()?"value":"innerHTML"]="",this}is=function(e){return this.statuses[e]};type(e,t={}){e=g(e);let{instant:i}=t,r=this.#r(t),n=ee(e,this.opts.html).map(a=>{return{func:()=>this.#h(a),char:a,delay:i||(u=a,/<(.+)>(.*?)<\/(.+)>/.test(u.outerHTML))?0:this.#s(),typeable:a.nodeType===Node.TEXT_NODE};var u}),o=[r[0],{func:async()=>await this.opts.beforeString(e,this)},...n,{func:async()=>await this.opts.afterString(e,this)},r[1]];return this.#e(o,t)}break(e={}){return this.#e({func:()=>this.#h(C("BR")),typeable:!0},e)}move(e,t={}){e=g(e);let i=this.#r(t),{instant:r,to:n}=t,o=z({queueItems:this.queue.getTypeable(),selector:e===null?"":e,to:n,cursorPosition:this.#a}),a=o<0?-1:1;return this.predictedCursorPosition=this.#a+o,this.#e([i[0],...I({func:()=>this.#p(a),delay:r?0:this.#s(),cursorable:!0},Math.abs(o)),i[1]],t)}exec(e,t={}){let i=this.#r(t);return this.#e([i[0],{func:()=>e(this)},i[1]],t)}options(e,t={}){return e=g(e),this.#n(e),this.#e({},t)}pause(e,t={}){return this.#e({delay:g(e)},t)}delete(e=null,t={}){e=g(e);let i=this.#r(t),r=e,{instant:n,to:o}=t,a=this.queue.getTypeable(),u=r===null?a.length:V(r)?r:z({queueItems:a,selector:r,cursorPosition:this.#a,to:o});return this.#e([i[0],...I({func:this.#o.bind(this),delay:n?0:this.#s(1),deletable:!0},u),i[1]],t)}freeze(){this.statuses.frozen=!0}flush(e=null){return this.flushCallback=e||this.flushCallback,this.statuses.firing||(this.#m(),this.#i(!1).then(()=>{if(this.queue.getPendingQueueItems().length>0)return this.flush();this.flushCallback(),this.flushCallback=null})),this}getQueue(){return this.queue}getOptions(){return this.opts}updateOptions(e){return this.#n(e)}getElement(){return this.element}empty(e={}){return this.#e({func:this.#b.bind(this)},e)}async#b(){this.#u()?this.element.value="":this.#t.forEach(this.#c.bind(this))}async#i(e=!0){this.statuses.started=!0,this.statuses.firing=!0;let t=i=>{this.queue.done(i,!e)};try{let i=[...this.queue.getQueue()];for(let n=0;n<i.length;n++){let[o,a]=i[n];if(!a.done){if(!a.deletable||a.deletable&&this.#t.length){let u=await this.#d(n,i);te({index:n,newIndex:u,queueItems:i,cleanUp:t}),n=u}t(o)}}if(!e)return this.statuses.firing=!1,this;if(this.statuses.completed=!0,this.statuses.firing=!1,await this.opts.afterComplete(this),!this.opts.loop)throw"";let r=this.opts.loopDelay;this.#y(async()=>{await this.#w(r[0]),this.#i()},r[1])}catch{}return this.statuses.firing=!1,this}async#p(e){var t,i,r;this.cursorPosition=(t=e,i=this.cursorPosition,r=this.#t,Math.min(Math.max(i+t,0),r.length)),((n,o,a)=>{let u=o[a-1],h=S(`.${y}`,n);(n=u?.parentNode||n).insertBefore(h,u||null)})(this.element,this.#t,this.cursorPosition)}async#w(e){let t=this.#a;t&&await this.#p({value:t});let i=this.#t.map(r=>[Symbol(),{func:this.#o.bind(this),delay:this.#s(1),deletable:!0,shouldPauseCursor:()=>!0}]);for(let r=0;r<i.length;r++)await this.#d(r,i);this.queue.reset(),this.queue.set(0,{delay:e})}#d(e,t){return se({index:e,queueItems:t,wait:this.#y.bind(this),cursor:this.cursor,cursorOptions:this.opts.cursor})}async#y(e,t,i=!1){this.statuses.frozen&&await new Promise(r=>{this.unfreeze=()=>{this.statuses.frozen=!1,r()}}),i||await this.opts.beforeStep(this),await((r,n,o)=>new Promise(a=>{o.push(setTimeout(async()=>{await r(),a()},n||0))}))(e,t,this.timeouts),i||await this.opts.afterStep(this)}async#m(){if(!this.#u()&&this.cursor&&this.element.appendChild(this.cursor),this.#g){((r,n)=>{let o=`[${j}='${r}'] .${y}`,a=getComputedStyle(n),u=Object.entries(ie).reduce((h,[l,c])=>`${h} ${l}: var(--ti-cursor-${l}, ${c||a[l]});`,"");_(`${o} { display: inline-block; width: 0; ${u} }`,r)})(this.id,this.element),this.cursor.dataset.tiAnimationId=this.id;let{animation:e}=this.opts.cursor,{frames:t,options:i}=e;X({frames:t,cursor:this.cursor,options:{duration:this.opts.cursorSpeed,...i}})}}#u(){return E(this.element)}#e(e,t){return this.queue.add(e),this.#T(t),this}#T(e={}){let t=e.delay;t&&this.queue.add({delay:t})}#r(e={}){return[{func:()=>this.#n(e)},{func:()=>this.#n(this.opts)}]}async#n(e){this.opts=w(this.opts,e)}#I(){let e=this.opts.strings.filter(t=>!!t);e.forEach((t,i)=>{if(this.type(t),i+1===e.length)return;let r=this.opts.breakLines?[{func:()=>this.#h(C("BR")),typeable:!0}]:I({func:this.#o.bind(this),delay:this.#s(1)},this.queue.getTypeable().length);this.#f(r)})}#E=e=>{this.opts.cursor=(t=>{if(typeof t=="object"){let i={},{frames:r,options:n}=f.cursor.animation;return i.animation=t.animation||{},i.animation.frames=t.animation?.frames||r,i.animation.options=w(n,t.animation?.options||{}),i.autoPause=t.autoPause??f.cursor.autoPause,i.autoPauseDelay=t.autoPauseDelay||f.cursor.autoPauseDelay,i}return t===!0?f.cursor:t})(e.cursor??f.cursor),this.opts.strings=this.#C(A(this.opts.strings)),this.opts=w(this.opts,{html:!this.#l&&this.opts.html,nextStringDelay:$(this.opts.nextStringDelay),loopDelay:$(this.opts.loopDelay)})};#C(e){let t=this.element.innerHTML;return t?(this.element.innerHTML="",this.opts.startDelete?(this.element.innerHTML=t,N(this.element),this.#f(I({func:this.#o.bind(this),delay:this.#s(1),deletable:!0},this.#t.length)),e):(i=t,i.replace(/<!--(.+?)-->/g,"").trim().split(/<br(?:\s*?)(?:\/)?>/)).concat(e)):e;var i}#v(){if(this.#l)return null;let e=C("span");return e.className=y,this.#g?(e.innerHTML=Q(this.opts.cursorChar).innerHTML,e):(e.style.visibility="hidden",e)}#f(e){let t=this.opts.nextStringDelay;this.queue.add([{delay:t[0]},...e,{delay:t[1]}])}#h(e){((t,i)=>{if(E(t))return void(t.value=`${t.value}${i.textContent}`);i.innerHTML="";let r=(n=i.originalParent,/body/i.test(n?.tagName)?t:i.originalParent||t);var n;let o=S("."+y,r)||null;o&&o.parentElement!==r&&(r=o.parentElement),r.insertBefore(i,o)})(this.element,e)}#o(){this.#t.length&&(this.#l?this.element.value=this.element.value.slice(0,-1):this.#c(this.#t[this.cursorPosition]))}#c(e){((t,i)=>{if(!t)return;let r=t.parentNode;(r.childNodes.length>1||r.isSameNode(i)?t:r).remove()})(e,this.element)}#s(e=0){return function(t){let{speed:i,deleteSpeed:r,lifeLike:n}=t;return r=r!==null?r:i/3,n?[O(i,H(i)),O(r,H(r))]:[i,r]}(this.opts)[e]}get#a(){return this.predictedCursorPosition??this.cursorPosition}get#l(){return E(this.element)}get#g(){return!!this.opts.cursor&&!this.#l}get#t(){return e=this.element,E(e)?K(e.value):U(e,!0).filter(t=>!(t.childNodes.length>0));var e}}var ne=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,d=(s,e,t,i)=>{for(var r,n=i>1?void 0:i?oe(e,t):e,o=s.length-1;o>=0;o--)(r=s[o])&&(n=(i?r(e,t,n):r(n))||n);return i&&n&&ne(e,t,n),n};exports.TypewriterElement=class extends W.$LitElement(k.css`
-	:host {
-		display: inherit;
-	}
-
-	#typewriter {
-		--ti-cursor-display: initial;
-	}
-
-	#typewriter .ti-cursor {
-		display: var(--ti-cursor-display);
-	}
-`){constructor(){super(...arguments),this.speed=50,this.delay=0,this.autoStart=!0,this.cursorChar="",this.deleteSpeed=25,this.once=!0,this.typeItInstance=null,this.sessionKey=""}disconnectedCallback(){super.disconnectedCallback(),this._destroyTypeIt()}_startTyping(){if(this._destroyTypeIt(),this.sessionKey=this.generateSessionKey(),this.once&&sessionStorage.getItem(this.sessionKey)==="true")return void this.shadowRoot?.querySelector("slot")?.removeAttribute("hidden");if(!this.typewriterContainer)return;const s={speed:this.speed,startDelay:this.delay,cursor:!!this.cursorChar,cursorChar:this.cursorChar,deleteSpeed:this.deleteSpeed,afterComplete:()=>{if(this.once)try{sessionStorage.setItem(this.sessionKey,"true")}catch{}this.dispatchEvent(new CustomEvent("typeit-complete",{bubbles:!0,composed:!0})),this.typewriterContainer.style.setProperty("--ti-cursor-display","none")}};this.typeItInstance=new re(this.typewriterContainer,s),this._getSlottedNodes.forEach(e=>{e.nodeType===Node.TEXT_NODE?this.typeItInstance?.type(e.textContent||""):e instanceof HTMLElement&&this._processCustomElement(e)}),G.intersection$(this.shadowRoot?.host).subscribe(()=>{this.typeItInstance?.go()})}generateSessionKey(){const s=this._getSlottedElements.map(e=>e.outerHTML).join("");return this.once?M.hashContent(s):""}_destroyTypeIt(){if(this.typeItInstance){try{this.typeItInstance.destroy()}catch{}this.typeItInstance=null}}_processCustomElement(s){const e=s.getAttribute("action"),t=s.getAttribute("value");switch(e){case"pause":this.typeItInstance?.pause(parseInt(t||"0",10));break;case"delete":this.typeItInstance?.delete(parseInt(t||"0",10));break;default:s.tagName==="P"&&this.typeItInstance.break(),this.typeItInstance?.type(s.textContent||"")}}render(){return k.html`<div id="typewriter" aria-live="polite"></div>
+"use strict";const X=require("./consume-edta5ng5.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("lit/decorators.js");require("./tailwind.mixin-O9jmUJ7m.cjs");const J=require("./litElement.mixin-DFG5Ckp7.cjs"),M=require("./delay-l2gPaJoH.cjs"),W=require("./intersection-CVvaDv96.cjs"),G=require("lit"),R=s=>Array.isArray(s),k=s=>R(s)?s:[s],B="data-typeit-id",y="ti-cursor",Y={started:!1,completed:!1,frozen:!1,destroyed:!1},f={breakLines:!0,cursor:{autoPause:!0,autoPauseDelay:500,animation:{frames:[0,0,1].map(s=>({opacity:s})),options:{iterations:1/0,easing:"steps(2, start)",fill:"forwards"}}},cursorChar:"|",cursorSpeed:1e3,deleteSpeed:null,html:!0,lifeLike:!0,loop:!1,loopDelay:750,nextStringDelay:750,speed:100,startDelay:250,startDelete:!1,strings:[],waitUntilVisible:!1,beforeString:()=>{},afterString:()=>{},beforeStep:()=>{},afterStep:()=>{},afterComplete:()=>{}},Z=`[${B}]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}`,C=s=>document.createElement(s),q=s=>document.createTextNode(s),A=(s,e="")=>{let t=C("style");t.id=e,t.appendChild(q(s)),document.head.appendChild(t)},_=s=>(R(s)||(s=[s/2,s/2]),s),$=(s,e)=>Math.abs(Math.random()*(s+e-(s-e))+(s-e));let O=s=>s/2;const j=s=>Array.from(s);let N=s=>([...s.childNodes].forEach(e=>{if(e.nodeValue)return[...e.nodeValue].forEach(t=>{e.parentNode.insertBefore(q(t),e)}),void e.remove();N(e)}),s);const K=s=>{let e=document.implementation.createHTMLDocument();return e.body.innerHTML=s,N(e.body)};function Q(s,e=!1,t=!1){let i,r=s.querySelector(`.${y}`),n=document.createTreeWalker(s,NodeFilter.SHOW_ALL,{acceptNode:a=>{if(r&&t){if(a.classList?.contains(y))return NodeFilter.FILTER_ACCEPT;if(r.contains(a))return NodeFilter.FILTER_REJECT}return a.classList?.contains(y)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),o=[];for(;i=n.nextNode();)i.originalParent||(i.originalParent=i.parentNode),o.push(i);return e?o.reverse():o}function ee(s,e=!0){return e?Q(K(s)):j(s).map(q)}const te=({index:s,newIndex:e,queueItems:t,cleanUp:i})=>{for(let r=s+1;r<e+1;r++)i(t[r][0])},U=s=>Number.isInteger(s),H=({queueItems:s,selector:e,cursorPosition:t,to:i})=>{if(U(e))return-1*e;let r=new RegExp("END","i").test(i),n=e?[...s].reverse().findIndex(({char:o})=>{let a=o.parentElement,u=a.matches(e);return!(!r||!u)||u&&a.firstChild.isSameNode(o)}):-1;return n<0&&(n=r?0:s.length-1),n-t+(r?0:1)},I=(s,e)=>new Array(e).fill(s);let v=s=>new Promise(e=>{requestAnimationFrame(async()=>{e(await s())})}),z=s=>s?.getAnimations().find(e=>e.id===s.dataset.tiAnimationId),V=({cursor:s,frames:e,options:t})=>{let i=s.animate(e,t);return i.pause(),i.id=s.dataset.tiAnimationId,v(()=>{v(()=>{i.play()})}),i},F=s=>s.func?.call(null),se=async({index:s,queueItems:e,wait:t,cursor:i,cursorOptions:r})=>{let n=e[s][1],o=[],a=s,u=n,h=()=>u&&!u.delay,l=n.shouldPauseCursor()&&r.autoPause;for(;h();)o.push(u),h()&&a++,u=e[a]?e[a][1]:null;if(o.length)return await v(async()=>{for(let b of o)await F(b)}),a-1;let c,m=z(i);return m&&(c={...m.effect.getComputedTiming(),delay:l?r.autoPauseDelay:0}),await t(async()=>{m&&l&&m.cancel(),await v(()=>{F(n)})},n.delay),await(({cursor:b,options:L,cursorOptions:x})=>{if(!b||!x)return;let P,T=z(b);T&&(L.delay=T.effect.getComputedTiming().delay,P=T.currentTime,T.cancel());let D=V({cursor:b,frames:x.animation.frames,options:L});return P&&(D.currentTime=P),D})({cursor:i,options:c,cursorOptions:r}),s};const E=s=>"value"in s;let g=s=>typeof s=="function"?s():s,S=(s,e=document,t=!1)=>e["querySelector"+(t?"All":"")](s);const w=(s,e)=>Object.assign({},s,e);let ie={"font-family":"","font-weight":"","font-size":"","font-style":"","line-height":"",color:"",transform:"translateX(-.125em)"};class re{element;timeouts;cursorPosition;predictedCursorPosition;statuses={started:!1,completed:!1,frozen:!1,destroyed:!1,firing:!1};opts;id;queue;cursor;flushCallback=null;unfreeze=()=>{};constructor(e,t={}){var i;this.opts=w(f,t),this.element=typeof(i=e)=="string"?S(i):i,this.timeouts=[],this.cursorPosition=0,this.unfreeze=()=>{},this.predictedCursorPosition=null,this.statuses=w({},Y),this.id=Math.random().toString().substring(2,9),this.queue=function(r){let n=function(l){return k(l).forEach(c=>h.set(Symbol(c.char?.innerText),o({...c}))),this},o=l=>(l.shouldPauseCursor=function(){return!!(this.typeable||this.cursorable||this.deletable)},l),a=()=>h,u=()=>Array.from(h.values()),h=new Map;return n(r),{add:n,set:function(l,c){let m=[...h.keys()];h.set(m[l],o(c))},wipe:function(){h=new Map,n(r)},done:(l,c=!1)=>c?h.delete(l):h.get(l).done=!0,reset:function(){h.forEach(l=>delete l.done)},destroy:l=>h.delete(l),getItems:(l=!1)=>l?u():u().filter(c=>!c.done),getQueue:a,getTypeable:()=>u().filter(l=>l.typeable),getPendingQueueItems:()=>{const l=[];for(let[,c]of a())c.done||l.push(c);return l}}}([{delay:this.opts.startDelay}]),this.#E(t),this.cursor=this.#v(),this.element.dataset.typeitId=this.id,A(Z),this.opts.strings.length&&this.#I()}go(){return this.statuses.started?this:(this.#m(),this.opts.waitUntilVisible?(e=this.element,t=this.#i.bind(this),new IntersectionObserver((i,r)=>{i.forEach(n=>{n.isIntersecting&&(t(),r.unobserve(e))})},{threshold:1}).observe(e),this):(this.#i(),this));var e,t}destroy(e=!0){this.timeouts=(this.timeouts.forEach(clearTimeout),[]),g(e)&&this.cursor&&this.#c(this.cursor),this.statuses.destroyed=!0}reset(e){!this.is("destroyed")&&this.destroy(),e?(this.queue.wipe(),e(this)):this.queue.reset(),this.cursorPosition=0;for(let t in this.statuses)this.statuses[t]=!1;return this.element[this.#u()?"value":"innerHTML"]="",this}is=function(e){return this.statuses[e]};type(e,t={}){e=g(e);let{instant:i}=t,r=this.#r(t),n=ee(e,this.opts.html).map(a=>{return{func:()=>this.#h(a),char:a,delay:i||(u=a,/<(.+)>(.*?)<\/(.+)>/.test(u.outerHTML))?0:this.#s(),typeable:a.nodeType===Node.TEXT_NODE};var u}),o=[r[0],{func:async()=>await this.opts.beforeString(e,this)},...n,{func:async()=>await this.opts.afterString(e,this)},r[1]];return this.#e(o,t)}break(e={}){return this.#e({func:()=>this.#h(C("BR")),typeable:!0},e)}move(e,t={}){e=g(e);let i=this.#r(t),{instant:r,to:n}=t,o=H({queueItems:this.queue.getTypeable(),selector:e===null?"":e,to:n,cursorPosition:this.#a}),a=o<0?-1:1;return this.predictedCursorPosition=this.#a+o,this.#e([i[0],...I({func:()=>this.#p(a),delay:r?0:this.#s(),cursorable:!0},Math.abs(o)),i[1]],t)}exec(e,t={}){let i=this.#r(t);return this.#e([i[0],{func:()=>e(this)},i[1]],t)}options(e,t={}){return e=g(e),this.#n(e),this.#e({},t)}pause(e,t={}){return this.#e({delay:g(e)},t)}delete(e=null,t={}){e=g(e);let i=this.#r(t),r=e,{instant:n,to:o}=t,a=this.queue.getTypeable(),u=r===null?a.length:U(r)?r:H({queueItems:a,selector:r,cursorPosition:this.#a,to:o});return this.#e([i[0],...I({func:this.#o.bind(this),delay:n?0:this.#s(1),deletable:!0},u),i[1]],t)}freeze(){this.statuses.frozen=!0}flush(e=null){return this.flushCallback=e||this.flushCallback,this.statuses.firing||(this.#m(),this.#i(!1).then(()=>{if(this.queue.getPendingQueueItems().length>0)return this.flush();this.flushCallback(),this.flushCallback=null})),this}getQueue(){return this.queue}getOptions(){return this.opts}updateOptions(e){return this.#n(e)}getElement(){return this.element}empty(e={}){return this.#e({func:this.#b.bind(this)},e)}async#b(){this.#u()?this.element.value="":this.#t.forEach(this.#c.bind(this))}async#i(e=!0){this.statuses.started=!0,this.statuses.firing=!0;let t=i=>{this.queue.done(i,!e)};try{let i=[...this.queue.getQueue()];for(let n=0;n<i.length;n++){let[o,a]=i[n];if(!a.done){if(!a.deletable||a.deletable&&this.#t.length){let u=await this.#d(n,i);te({index:n,newIndex:u,queueItems:i,cleanUp:t}),n=u}t(o)}}if(!e)return this.statuses.firing=!1,this;if(this.statuses.completed=!0,this.statuses.firing=!1,await this.opts.afterComplete(this),!this.opts.loop)throw"";let r=this.opts.loopDelay;this.#y(async()=>{await this.#w(r[0]),this.#i()},r[1])}catch{}return this.statuses.firing=!1,this}async#p(e){var t,i,r;this.cursorPosition=(t=e,i=this.cursorPosition,r=this.#t,Math.min(Math.max(i+t,0),r.length)),((n,o,a)=>{let u=o[a-1],h=S(`.${y}`,n);(n=u?.parentNode||n).insertBefore(h,u||null)})(this.element,this.#t,this.cursorPosition)}async#w(e){let t=this.#a;t&&await this.#p({value:t});let i=this.#t.map(r=>[Symbol(),{func:this.#o.bind(this),delay:this.#s(1),deletable:!0,shouldPauseCursor:()=>!0}]);for(let r=0;r<i.length;r++)await this.#d(r,i);this.queue.reset(),this.queue.set(0,{delay:e})}#d(e,t){return se({index:e,queueItems:t,wait:this.#y.bind(this),cursor:this.cursor,cursorOptions:this.opts.cursor})}async#y(e,t,i=!1){this.statuses.frozen&&await new Promise(r=>{this.unfreeze=()=>{this.statuses.frozen=!1,r()}}),i||await this.opts.beforeStep(this),await((r,n,o)=>new Promise(a=>{o.push(setTimeout(async()=>{await r(),a()},n||0))}))(e,t,this.timeouts),i||await this.opts.afterStep(this)}async#m(){if(!this.#u()&&this.cursor&&this.element.appendChild(this.cursor),this.#g){((r,n)=>{let o=`[${B}='${r}'] .${y}`,a=getComputedStyle(n),u=Object.entries(ie).reduce((h,[l,c])=>`${h} ${l}: var(--ti-cursor-${l}, ${c||a[l]});`,"");A(`${o} { display: inline-block; width: 0; ${u} }`,r)})(this.id,this.element),this.cursor.dataset.tiAnimationId=this.id;let{animation:e}=this.opts.cursor,{frames:t,options:i}=e;V({frames:t,cursor:this.cursor,options:{duration:this.opts.cursorSpeed,...i}})}}#u(){return E(this.element)}#e(e,t){return this.queue.add(e),this.#T(t),this}#T(e={}){let t=e.delay;t&&this.queue.add({delay:t})}#r(e={}){return[{func:()=>this.#n(e)},{func:()=>this.#n(this.opts)}]}async#n(e){this.opts=w(this.opts,e)}#I(){let e=this.opts.strings.filter(t=>!!t);e.forEach((t,i)=>{if(this.type(t),i+1===e.length)return;let r=this.opts.breakLines?[{func:()=>this.#h(C("BR")),typeable:!0}]:I({func:this.#o.bind(this),delay:this.#s(1)},this.queue.getTypeable().length);this.#f(r)})}#E=e=>{this.opts.cursor=(t=>{if(typeof t=="object"){let i={},{frames:r,options:n}=f.cursor.animation;return i.animation=t.animation||{},i.animation.frames=t.animation?.frames||r,i.animation.options=w(n,t.animation?.options||{}),i.autoPause=t.autoPause??f.cursor.autoPause,i.autoPauseDelay=t.autoPauseDelay||f.cursor.autoPauseDelay,i}return t===!0?f.cursor:t})(e.cursor??f.cursor),this.opts.strings=this.#C(k(this.opts.strings)),this.opts=w(this.opts,{html:!this.#l&&this.opts.html,nextStringDelay:_(this.opts.nextStringDelay),loopDelay:_(this.opts.loopDelay)})};#C(e){let t=this.element.innerHTML;return t?(this.element.innerHTML="",this.opts.startDelete?(this.element.innerHTML=t,N(this.element),this.#f(I({func:this.#o.bind(this),delay:this.#s(1),deletable:!0},this.#t.length)),e):(i=t,i.replace(/<!--(.+?)-->/g,"").trim().split(/<br(?:\s*?)(?:\/)?>/)).concat(e)):e;var i}#v(){if(this.#l)return null;let e=C("span");return e.className=y,this.#g?(e.innerHTML=K(this.opts.cursorChar).innerHTML,e):(e.style.visibility="hidden",e)}#f(e){let t=this.opts.nextStringDelay;this.queue.add([{delay:t[0]},...e,{delay:t[1]}])}#h(e){((t,i)=>{if(E(t))return void(t.value=`${t.value}${i.textContent}`);i.innerHTML="";let r=(n=i.originalParent,/body/i.test(n?.tagName)?t:i.originalParent||t);var n;let o=S("."+y,r)||null;o&&o.parentElement!==r&&(r=o.parentElement),r.insertBefore(i,o)})(this.element,e)}#o(){this.#t.length&&(this.#l?this.element.value=this.element.value.slice(0,-1):this.#c(this.#t[this.cursorPosition]))}#c(e){((t,i)=>{if(!t)return;let r=t.parentNode;(r.childNodes.length>1||r.isSameNode(i)?t:r).remove()})(e,this.element)}#s(e=0){return function(t){let{speed:i,deleteSpeed:r,lifeLike:n}=t;return r=r!==null?r:i/3,n?[$(i,O(i)),$(r,O(r))]:[i,r]}(this.opts)[e]}get#a(){return this.predictedCursorPosition??this.cursorPosition}get#l(){return E(this.element)}get#g(){return!!this.opts.cursor&&!this.#l}get#t(){return e=this.element,E(e)?j(e.value):Q(e,!0).filter(t=>!(t.childNodes.length>0));var e}}var ne=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,d=(s,e,t,i)=>{for(var r,n=i>1?void 0:i?oe(e,t):e,o=s.length-1;o>=0;o--)(r=s[o])&&(n=(i?r(e,t,n):r(n))||n);return i&&n&&ne(e,t,n),n};exports.TypewriterElement=class extends J.$LitElement(){constructor(){super(...arguments),this.speed=50,this.delay=0,this.autoStart=!0,this.cursorChar="",this.deleteSpeed=25,this.once=!0,this.typeItInstance=null,this.sessionKey=""}disconnectedCallback(){super.disconnectedCallback(),this._destroyTypeIt()}_startTyping(){if(this._destroyTypeIt(),this.sessionKey=this.generateSessionKey(),this.once&&sessionStorage.getItem(this.sessionKey)==="true")return void this.shadowRoot?.querySelector("slot")?.removeAttribute("hidden");if(!this.typewriterContainer)return;const s={speed:this.speed,startDelay:this.delay,cursor:!!this.cursorChar,cursorChar:this.cursorChar,deleteSpeed:this.deleteSpeed,afterComplete:()=>{if(this.once)try{sessionStorage.setItem(this.sessionKey,"true")}catch{}this.dispatchEvent(new CustomEvent("typeit-complete",{bubbles:!0,composed:!0})),this.typewriterContainer.style.setProperty("--ti-cursor-display","none")}};this.typeItInstance=new re(this.typewriterContainer,s),this._getSlottedNodes.forEach(e=>{e.nodeType===Node.TEXT_NODE?this.typeItInstance?.type(e.textContent||""):e instanceof HTMLElement&&this._processCustomElement(e)}),W.intersection$(this.shadowRoot?.host).subscribe(()=>{this.typeItInstance?.go()})}generateSessionKey(){const s=this._getSlottedElements.map(e=>e.outerHTML).join("");return this.once?M.hashContent(s):""}_destroyTypeIt(){if(this.typeItInstance){try{this.typeItInstance.destroy()}catch{}this.typeItInstance=null}}_processCustomElement(s){const e=s.getAttribute("action"),t=s.getAttribute("value");switch(e){case"pause":this.typeItInstance?.pause(parseInt(t||"0",10));break;case"delete":this.typeItInstance?.delete(parseInt(t||"0",10));break;default:s.tagName==="P"&&this.typeItInstance.break(),this.typeItInstance?.type(s.textContent||"")}}render(){return G.html`<div id="typewriter" aria-live="polite"></div>
 
 			<div class="typewriter">
 				<slot
 					hidden
 					@slotchange=${()=>{this._startTyping()}}
 				></slot>
-			</div> `}},d([p.property({type:Number})],exports.TypewriterElement.prototype,"speed",2),d([J.c({context:M.delayContext,subscribe:!0}),p.property({type:Number})],exports.TypewriterElement.prototype,"delay",2),d([p.property({type:Boolean})],exports.TypewriterElement.prototype,"autoStart",2),d([p.property({type:String})],exports.TypewriterElement.prototype,"cursorChar",2),d([p.property({type:Number})],exports.TypewriterElement.prototype,"deleteSpeed",2),d([p.property({type:Boolean})],exports.TypewriterElement.prototype,"once",2),d([p.query("#typewriter")],exports.TypewriterElement.prototype,"typewriterContainer",2),d([p.queryAssignedNodes({flatten:!0})],exports.TypewriterElement.prototype,"_getSlottedNodes",2),d([p.queryAssignedElements({flatten:!0})],exports.TypewriterElement.prototype,"_getSlottedElements",2),exports.TypewriterElement=d([p.customElement("schmancy-typewriter")],exports.TypewriterElement);
-//# sourceMappingURL=typewriter-C3nBx8M1.cjs.map
+			</div> `}},d([p.property({type:Number})],exports.TypewriterElement.prototype,"speed",2),d([X.c({context:M.delayContext,subscribe:!0}),p.property({type:Number})],exports.TypewriterElement.prototype,"delay",2),d([p.property({type:Boolean})],exports.TypewriterElement.prototype,"autoStart",2),d([p.property({type:String})],exports.TypewriterElement.prototype,"cursorChar",2),d([p.property({type:Number})],exports.TypewriterElement.prototype,"deleteSpeed",2),d([p.property({type:Boolean})],exports.TypewriterElement.prototype,"once",2),d([p.query("#typewriter")],exports.TypewriterElement.prototype,"typewriterContainer",2),d([p.queryAssignedNodes({flatten:!0})],exports.TypewriterElement.prototype,"_getSlottedNodes",2),d([p.queryAssignedElements({flatten:!0})],exports.TypewriterElement.prototype,"_getSlottedElements",2),exports.TypewriterElement=d([p.customElement("schmancy-typewriter")],exports.TypewriterElement);
+//# sourceMappingURL=typewriter-QSd_xI9j.cjs.map