@mhmo91/schmancy 0.2.161 → 0.2.165

package/dist/{tooltip-BJ_lQc8I.cjs → tooltip-BU1ScbI9.cjs}

@@ -1,4 +1,4 @@
-"use strict";const c=require("@floating-ui/dom"),s=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("./tailwind.mixin-DLuYz9Iz.cjs"),d=require("lit"),e=require("lit/decorators.js");var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,i=(t,n,a,r)=>{for(var h,o=r>1?void 0:r?m(n,a):n,p=t.length-1;p>=0;p--)(h=t[p])&&(o=(r?h(n,a,o):h(o))||o);return r&&o&&u(n,a,o),o};exports.SchmancyTooltip=class extends l.TailwindElement(){constructor(){super(...arguments),this.placement="top",this.distance=8,this.showDelay=300,this.hideDelay=100,this.open=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-live","polite")}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.cleanupPositioner)==null||t.call(this),this.showTimeoutId&&clearTimeout(this.showTimeoutId),this.hideTimeoutId&&clearTimeout(this.hideTimeoutId)}async updatePosition(){var h,o;if(!this.triggerContainer||!this.tooltip)return;const{x:t,y:n,placement:a,middlewareData:r}=await c.computePosition(this.triggerContainer,this.tooltip,{placement:this.placement,middleware:[c.offset(this.distance),c.flip(),c.shift({padding:8})]});if(Object.assign(this.tooltip.style,{left:`${t}px`,top:`${n}px`}),this.arrow){const p={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]];p&&Object.assign(this.arrow.style,{left:((h=r.arrow)==null?void 0:h.x)!=null?`${r.arrow.x}px`:"",top:((o=r.arrow)==null?void 0:o.y)!=null?`${r.arrow.y}px`:"",right:"",bottom:"",[p]:"-4px"})}}firstUpdated(){this.triggerContainer&&(s.merge(s.fromEvent(this.triggerContainer,"mouseenter"),s.fromEvent(this.triggerContainer,"focus")).pipe(s.takeUntil(this.disconnecting)).subscribe(()=>{this.disabled||this.scheduleShow()}),s.merge(s.fromEvent(this.triggerContainer,"mouseleave"),s.fromEvent(this.triggerContainer,"blur")).pipe(s.takeUntil(this.disconnecting)).subscribe(()=>{this.disabled||this.scheduleHide()}),s.fromEvent(window,"keydown").pipe(s.takeUntil(this.disconnecting)).subscribe(t=>{t.key==="Escape"&&this.open&&this.hide()}))}scheduleShow(){this.hideTimeoutId&&(clearTimeout(this.hideTimeoutId),this.hideTimeoutId=void 0),this.open||(this.showTimeoutId=window.setTimeout(()=>{this.show()},this.showDelay))}scheduleHide(){this.showTimeoutId&&(clearTimeout(this.showTimeoutId),this.showTimeoutId=void 0),this.open&&(this.hideTimeoutId=window.setTimeout(()=>{this.hide()},this.hideDelay))}show(){this.disabled||this.open||(this.open=!0,this.cleanupPositioner=c.autoUpdate(this.triggerContainer,this.tooltip,()=>this.updatePosition()),this.dispatchEvent(new CustomEvent("schmancy-tooltip-show",{bubbles:!0,composed:!0})))}hide(){this.open&&(this.open=!1,this.cleanupPositioner&&(this.cleanupPositioner(),this.cleanupPositioner=void 0),this.dispatchEvent(new CustomEvent("schmancy-tooltip-hide",{bubbles:!0,composed:!0})))}render(){const t={"absolute z-50 bg-surface-highest text-surface-on rounded-md shadow-md":!0,"max-w-xs opacity-0 invisible scale-95 transition-all duration-150":!0,"opacity-100 visible scale-100":this.open};return d.html`
+"use strict";const c=require("@floating-ui/dom"),s=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("./tailwind.mixin-CAvg5VIG.cjs"),d=require("lit"),e=require("lit/decorators.js");var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,i=(t,n,a,r)=>{for(var h,o=r>1?void 0:r?m(n,a):n,p=t.length-1;p>=0;p--)(h=t[p])&&(o=(r?h(n,a,o):h(o))||o);return r&&o&&u(n,a,o),o};exports.SchmancyTooltip=class extends l.TailwindElement(){constructor(){super(...arguments),this.placement="top",this.distance=8,this.showDelay=300,this.hideDelay=100,this.open=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-live","polite")}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.cleanupPositioner)==null||t.call(this),this.showTimeoutId&&clearTimeout(this.showTimeoutId),this.hideTimeoutId&&clearTimeout(this.hideTimeoutId)}async updatePosition(){var h,o;if(!this.triggerContainer||!this.tooltip)return;const{x:t,y:n,placement:a,middlewareData:r}=await c.computePosition(this.triggerContainer,this.tooltip,{placement:this.placement,middleware:[c.offset(this.distance),c.flip(),c.shift({padding:8})]});if(Object.assign(this.tooltip.style,{left:`${t}px`,top:`${n}px`}),this.arrow){const p={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]];p&&Object.assign(this.arrow.style,{left:((h=r.arrow)==null?void 0:h.x)!=null?`${r.arrow.x}px`:"",top:((o=r.arrow)==null?void 0:o.y)!=null?`${r.arrow.y}px`:"",right:"",bottom:"",[p]:"-4px"})}}firstUpdated(){this.triggerContainer&&(s.merge(s.fromEvent(this.triggerContainer,"mouseenter"),s.fromEvent(this.triggerContainer,"focus")).pipe(s.takeUntil(this.disconnecting)).subscribe(()=>{this.disabled||this.scheduleShow()}),s.merge(s.fromEvent(this.triggerContainer,"mouseleave"),s.fromEvent(this.triggerContainer,"blur")).pipe(s.takeUntil(this.disconnecting)).subscribe(()=>{this.disabled||this.scheduleHide()}),s.fromEvent(window,"keydown").pipe(s.takeUntil(this.disconnecting)).subscribe(t=>{t.key==="Escape"&&this.open&&this.hide()}))}scheduleShow(){this.hideTimeoutId&&(clearTimeout(this.hideTimeoutId),this.hideTimeoutId=void 0),this.open||(this.showTimeoutId=window.setTimeout(()=>{this.show()},this.showDelay))}scheduleHide(){this.showTimeoutId&&(clearTimeout(this.showTimeoutId),this.showTimeoutId=void 0),this.open&&(this.hideTimeoutId=window.setTimeout(()=>{this.hide()},this.hideDelay))}show(){this.disabled||this.open||(this.open=!0,this.cleanupPositioner=c.autoUpdate(this.triggerContainer,this.tooltip,()=>this.updatePosition()),this.dispatchEvent(new CustomEvent("schmancy-tooltip-show",{bubbles:!0,composed:!0})))}hide(){this.open&&(this.open=!1,this.cleanupPositioner&&(this.cleanupPositioner(),this.cleanupPositioner=void 0),this.dispatchEvent(new CustomEvent("schmancy-tooltip-hide",{bubbles:!0,composed:!0})))}render(){const t={"absolute z-50 bg-surface-highest text-surface-on rounded-md shadow-md":!0,"max-w-xs opacity-0 invisible scale-95 transition-all duration-150":!0,"opacity-100 visible scale-100":this.open};return d.html`
 			<div id="trigger-container" class="inline-block" aria-describedby="tooltip">
 				<slot></slot>
 			</div>
@@ -7,4 +7,4 @@
 				<slot name="content"></slot>
 			</div>
 		`}},i([e.property({type:String})],exports.SchmancyTooltip.prototype,"placement",2),i([e.property({type:Number})],exports.SchmancyTooltip.prototype,"distance",2),i([e.property({type:Number})],exports.SchmancyTooltip.prototype,"showDelay",2),i([e.property({type:Number})],exports.SchmancyTooltip.prototype,"hideDelay",2),i([e.property({type:Boolean,reflect:!0})],exports.SchmancyTooltip.prototype,"open",2),i([e.property({type:Boolean,reflect:!0})],exports.SchmancyTooltip.prototype,"disabled",2),i([e.query("#tooltip")],exports.SchmancyTooltip.prototype,"tooltip",2),i([e.query("#trigger-container")],exports.SchmancyTooltip.prototype,"triggerContainer",2),i([e.query("#arrow")],exports.SchmancyTooltip.prototype,"arrow",2),i([e.queryAssignedElements({flatten:!0})],exports.SchmancyTooltip.prototype,"triggerElements",2),exports.SchmancyTooltip=i([e.customElement("schmancy-tooltip")],exports.SchmancyTooltip);
-//# sourceMappingURL=tooltip-BJ_lQc8I.cjs.map
+//# sourceMappingURL=tooltip-BU1ScbI9.cjs.map

package/dist/{tooltip-BJ_lQc8I.cjs.map → tooltip-BU1ScbI9.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tooltip-BJ_lQc8I.cjs","sources":["../src/tooltip/tooltip.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\n\n/**\n * @element schmancy-tooltip\n * A tooltip component that displays additional information when hovering or focusing an element.\n *\n * @slot - The default slot for the trigger element\n * @slot content - The content to display in the tooltip\n *\n * @csspart tooltip - The tooltip container element\n * @csspart arrow - The tooltip arrow element\n *\n * @example\n * <schmancy-tooltip>\n *   <div slot=\"content\">Tooltip content here</div>\n *   <schmancy-button>Hover me</schmancy-button>\n * </schmancy-tooltip>\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement() {\n\t/**\n\t * The placement of the tooltip relative to the trigger element\n\t * @attr\n\t */\n\t@property({ type: String })\n\tplacement: 'top' | 'right' | 'bottom' | 'left' = 'top'\n\n\t/**\n\t * The offset distance from the trigger element in pixels\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tdistance = 8\n\n\t/**\n\t * The delay before showing the tooltip in milliseconds\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tshowDelay = 300\n\n\t/**\n\t * The delay before hiding the tooltip in milliseconds\n\t * @attr\n\t */\n\t@property({ type: Number })\n\thideDelay = 100\n\n\t/**\n\t * Whether the tooltip should be shown\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\topen = false\n\n\t/**\n\t * Whether to disable the tooltip\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled = false\n\n\t@query('#tooltip') tooltip!: HTMLElement\n\t@query('#trigger-container') triggerContainer!: HTMLElement\n\t@query('#arrow') arrow!: HTMLElement\n\n\t@queryAssignedElements({ flatten: true })\n\ttriggerElements!: HTMLElement[]\n\n\tprivate cleanupPositioner?: () => void\n\tprivate showTimeoutId?: number\n\tprivate hideTimeoutId?: number\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setAttribute('aria-live', 'polite')\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\t\tif (this.showTimeoutId) clearTimeout(this.showTimeoutId)\n\t\tif (this.hideTimeoutId) clearTimeout(this.hideTimeoutId)\n\t}\n\n\tprivate async updatePosition() {\n\t\tif (!this.triggerContainer || !this.tooltip) return\n\n\t\tconst { x, y, placement, middlewareData } = await computePosition(this.triggerContainer, this.tooltip, {\n\t\t\tplacement: this.placement,\n\t\t\tmiddleware: [offset(this.distance), flip(), shift({ padding: 8 })],\n\t\t})\n\n\t\t// Position tooltip\n\t\tObject.assign(this.tooltip.style, {\n\t\t\tleft: `${x}px`,\n\t\t\ttop: `${y}px`,\n\t\t})\n\n\t\t// Position arrow if it exists\n\t\tif (this.arrow) {\n\t\t\tconst staticSide = {\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]]\n\n\t\t\tif (staticSide) {\n\t\t\t\tObject.assign(this.arrow.style, {\n\t\t\t\t\tleft: middlewareData.arrow?.x != null ? `${middlewareData.arrow.x}px` : '',\n\t\t\t\t\ttop: middlewareData.arrow?.y != null ? `${middlewareData.arrow.y}px` : '',\n\t\t\t\t\tright: '',\n\t\t\t\t\tbottom: '',\n\t\t\t\t\t[staticSide]: '-4px',\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Setup the auto-updating position and trigger events\n\t */\n\tfirstUpdated() {\n\t\t// The trigger container holds all the slotted trigger elements\n\t\tif (!this.triggerContainer) return\n\n\t\t// Setup event listeners for the trigger container\n\t\tmerge(fromEvent(this.triggerContainer, 'mouseenter'), fromEvent(this.triggerContainer, 'focus'))\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tif (this.disabled) return\n\t\t\t\tthis.scheduleShow()\n\t\t\t})\n\n\t\tmerge(fromEvent(this.triggerContainer, 'mouseleave'), fromEvent(this.triggerContainer, 'blur'))\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tif (this.disabled) return\n\t\t\t\tthis.scheduleHide()\n\t\t\t})\n\n\t\t// Add key event listener for escape key\n\t\tfromEvent<KeyboardEvent>(window, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.open) {\n\t\t\t\t\tthis.hide()\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\t/**\n\t * Schedule showing the tooltip with the configured delay\n\t */\n\tprivate scheduleShow() {\n\t\tif (this.hideTimeoutId) {\n\t\t\tclearTimeout(this.hideTimeoutId)\n\t\t\tthis.hideTimeoutId = undefined\n\t\t}\n\n\t\tif (!this.open) {\n\t\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t\tthis.show()\n\t\t\t}, this.showDelay)\n\t\t}\n\t}\n\n\t/**\n\t * Schedule hiding the tooltip with the configured delay\n\t */\n\tprivate scheduleHide() {\n\t\tif (this.showTimeoutId) {\n\t\t\tclearTimeout(this.showTimeoutId)\n\t\t\tthis.showTimeoutId = undefined\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.hideTimeoutId = window.setTimeout(() => {\n\t\t\t\tthis.hide()\n\t\t\t}, this.hideDelay)\n\t\t}\n\t}\n\n\t/**\n\t * Show the tooltip\n\t */\n\tpublic show() {\n\t\tif (this.disabled || this.open) return\n\n\t\tthis.open = true\n\n\t\t// Position the tooltip\n\t\tthis.cleanupPositioner = autoUpdate(this.triggerContainer, this.tooltip, () => this.updatePosition())\n\n\t\t// Dispatch custom event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-tooltip-show', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Hide the tooltip\n\t */\n\tpublic hide() {\n\t\tif (!this.open) return\n\n\t\tthis.open = false\n\n\t\t// Cleanup the positioner\n\t\tif (this.cleanupPositioner) {\n\t\t\tthis.cleanupPositioner()\n\t\t\tthis.cleanupPositioner = undefined\n\t\t}\n\n\t\t// Dispatch custom event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-tooltip-hide', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\tconst tooltipClasses = {\n\t\t\t'absolute z-50 bg-surface-highest text-surface-on rounded-md shadow-md': true,\n\t\t\t'max-w-xs opacity-0 invisible scale-95 transition-all duration-150': true,\n\t\t\t'opacity-100 visible scale-100': this.open,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div id=\"trigger-container\" class=\"inline-block\" aria-describedby=\"tooltip\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\n\t\t\t<div id=\"tooltip\" part=\"tooltip\" role=\"tooltip\" class=\"${this.classMap(tooltipClasses)}\">\n\t\t\t\t<slot name=\"content\"></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["SchmancyTooltip","TailwindElement","super","arguments","this","placement","distance","showDelay","hideDelay","open","disabled","connectedCallback","setAttribute","disconnectedCallback","cleanupPositioner","showTimeoutId","clearTimeout","hideTimeoutId","updatePosition","triggerContainer","tooltip","x","y","middlewareData","computePosition","middleware","offset","flip","shift","padding","Object","assign","style","left","top","arrow","staticSide","right","bottom","split","firstUpdated","merge","fromEvent","pipe","takeUntil","disconnecting","subscribe","scheduleShow","scheduleHide","window","event","key","hide","setTimeout","show","autoUpdate","dispatchEvent","CustomEvent","bubbles","composed","render","tooltipClasses","html","classMap","__decorateClass","property","type","String","prototype","Number","Boolean","reflect","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
+{"version":3,"file":"tooltip-BU1ScbI9.cjs","sources":["../src/tooltip/tooltip.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\n\n/**\n * @element schmancy-tooltip\n * A tooltip component that displays additional information when hovering or focusing an element.\n *\n * @slot - The default slot for the trigger element\n * @slot content - The content to display in the tooltip\n *\n * @csspart tooltip - The tooltip container element\n * @csspart arrow - The tooltip arrow element\n *\n * @example\n * <schmancy-tooltip>\n *   <div slot=\"content\">Tooltip content here</div>\n *   <schmancy-button>Hover me</schmancy-button>\n * </schmancy-tooltip>\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement() {\n\t/**\n\t * The placement of the tooltip relative to the trigger element\n\t * @attr\n\t */\n\t@property({ type: String })\n\tplacement: 'top' | 'right' | 'bottom' | 'left' = 'top'\n\n\t/**\n\t * The offset distance from the trigger element in pixels\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tdistance = 8\n\n\t/**\n\t * The delay before showing the tooltip in milliseconds\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tshowDelay = 300\n\n\t/**\n\t * The delay before hiding the tooltip in milliseconds\n\t * @attr\n\t */\n\t@property({ type: Number })\n\thideDelay = 100\n\n\t/**\n\t * Whether the tooltip should be shown\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\topen = false\n\n\t/**\n\t * Whether to disable the tooltip\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled = false\n\n\t@query('#tooltip') tooltip!: HTMLElement\n\t@query('#trigger-container') triggerContainer!: HTMLElement\n\t@query('#arrow') arrow!: HTMLElement\n\n\t@queryAssignedElements({ flatten: true })\n\ttriggerElements!: HTMLElement[]\n\n\tprivate cleanupPositioner?: () => void\n\tprivate showTimeoutId?: number\n\tprivate hideTimeoutId?: number\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setAttribute('aria-live', 'polite')\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\t\tif (this.showTimeoutId) clearTimeout(this.showTimeoutId)\n\t\tif (this.hideTimeoutId) clearTimeout(this.hideTimeoutId)\n\t}\n\n\tprivate async updatePosition() {\n\t\tif (!this.triggerContainer || !this.tooltip) return\n\n\t\tconst { x, y, placement, middlewareData } = await computePosition(this.triggerContainer, this.tooltip, {\n\t\t\tplacement: this.placement,\n\t\t\tmiddleware: [offset(this.distance), flip(), shift({ padding: 8 })],\n\t\t})\n\n\t\t// Position tooltip\n\t\tObject.assign(this.tooltip.style, {\n\t\t\tleft: `${x}px`,\n\t\t\ttop: `${y}px`,\n\t\t})\n\n\t\t// Position arrow if it exists\n\t\tif (this.arrow) {\n\t\t\tconst staticSide = {\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]]\n\n\t\t\tif (staticSide) {\n\t\t\t\tObject.assign(this.arrow.style, {\n\t\t\t\t\tleft: middlewareData.arrow?.x != null ? `${middlewareData.arrow.x}px` : '',\n\t\t\t\t\ttop: middlewareData.arrow?.y != null ? `${middlewareData.arrow.y}px` : '',\n\t\t\t\t\tright: '',\n\t\t\t\t\tbottom: '',\n\t\t\t\t\t[staticSide]: '-4px',\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Setup the auto-updating position and trigger events\n\t */\n\tfirstUpdated() {\n\t\t// The trigger container holds all the slotted trigger elements\n\t\tif (!this.triggerContainer) return\n\n\t\t// Setup event listeners for the trigger container\n\t\tmerge(fromEvent(this.triggerContainer, 'mouseenter'), fromEvent(this.triggerContainer, 'focus'))\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tif (this.disabled) return\n\t\t\t\tthis.scheduleShow()\n\t\t\t})\n\n\t\tmerge(fromEvent(this.triggerContainer, 'mouseleave'), fromEvent(this.triggerContainer, 'blur'))\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tif (this.disabled) return\n\t\t\t\tthis.scheduleHide()\n\t\t\t})\n\n\t\t// Add key event listener for escape key\n\t\tfromEvent<KeyboardEvent>(window, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.open) {\n\t\t\t\t\tthis.hide()\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\t/**\n\t * Schedule showing the tooltip with the configured delay\n\t */\n\tprivate scheduleShow() {\n\t\tif (this.hideTimeoutId) {\n\t\t\tclearTimeout(this.hideTimeoutId)\n\t\t\tthis.hideTimeoutId = undefined\n\t\t}\n\n\t\tif (!this.open) {\n\t\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t\tthis.show()\n\t\t\t}, this.showDelay)\n\t\t}\n\t}\n\n\t/**\n\t * Schedule hiding the tooltip with the configured delay\n\t */\n\tprivate scheduleHide() {\n\t\tif (this.showTimeoutId) {\n\t\t\tclearTimeout(this.showTimeoutId)\n\t\t\tthis.showTimeoutId = undefined\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.hideTimeoutId = window.setTimeout(() => {\n\t\t\t\tthis.hide()\n\t\t\t}, this.hideDelay)\n\t\t}\n\t}\n\n\t/**\n\t * Show the tooltip\n\t */\n\tpublic show() {\n\t\tif (this.disabled || this.open) return\n\n\t\tthis.open = true\n\n\t\t// Position the tooltip\n\t\tthis.cleanupPositioner = autoUpdate(this.triggerContainer, this.tooltip, () => this.updatePosition())\n\n\t\t// Dispatch custom event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-tooltip-show', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Hide the tooltip\n\t */\n\tpublic hide() {\n\t\tif (!this.open) return\n\n\t\tthis.open = false\n\n\t\t// Cleanup the positioner\n\t\tif (this.cleanupPositioner) {\n\t\t\tthis.cleanupPositioner()\n\t\t\tthis.cleanupPositioner = undefined\n\t\t}\n\n\t\t// Dispatch custom event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-tooltip-hide', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\tconst tooltipClasses = {\n\t\t\t'absolute z-50 bg-surface-highest text-surface-on rounded-md shadow-md': true,\n\t\t\t'max-w-xs opacity-0 invisible scale-95 transition-all duration-150': true,\n\t\t\t'opacity-100 visible scale-100': this.open,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div id=\"trigger-container\" class=\"inline-block\" aria-describedby=\"tooltip\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\n\t\t\t<div id=\"tooltip\" part=\"tooltip\" role=\"tooltip\" class=\"${this.classMap(tooltipClasses)}\">\n\t\t\t\t<slot name=\"content\"></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["SchmancyTooltip","TailwindElement","super","arguments","this","placement","distance","showDelay","hideDelay","open","disabled","connectedCallback","setAttribute","disconnectedCallback","cleanupPositioner","showTimeoutId","clearTimeout","hideTimeoutId","updatePosition","triggerContainer","tooltip","x","y","middlewareData","computePosition","middleware","offset","flip","shift","padding","Object","assign","style","left","top","arrow","staticSide","right","bottom","split","firstUpdated","merge","fromEvent","pipe","takeUntil","disconnecting","subscribe","scheduleShow","scheduleHide","window","event","key","hide","setTimeout","show","autoUpdate","dispatchEvent","CustomEvent","bubbles","composed","render","tooltipClasses","html","classMap","__decorateClass","property","type","String","prototype","Number","Boolean","reflect","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/{tooltip-Ck-JUG_m.js → tooltip-DLLzuUKg.js}

@@ -2,7 +2,7 @@ import { computePosition as u, offset as b, flip as g, shift as y, autoUpdate as
 import { merge as m, fromEvent as l, takeUntil as d } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as f } from "./tailwind.mixin-B_hJc1PP.js";
+import { T as f } from "./tailwind.mixin-CgdpQXVy.js";
 import { html as v } from "lit";
 import { property as p, query as c, queryAssignedElements as T, customElement as C } from "lit/decorators.js";
 var x = Object.defineProperty, I = Object.getOwnPropertyDescriptor, i = (e, r, h, s) => {
@@ -71,4 +71,4 @@ i([p({ type: String })], t.prototype, "placement", 2), i([p({ type: Number })],
 export {
   t as S
 };
-//# sourceMappingURL=tooltip-Ck-JUG_m.js.map
+//# sourceMappingURL=tooltip-DLLzuUKg.js.map

package/dist/{tooltip-Ck-JUG_m.js.map → tooltip-DLLzuUKg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tooltip-Ck-JUG_m.js","sources":["../src/tooltip/tooltip.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\n\n/**\n * @element schmancy-tooltip\n * A tooltip component that displays additional information when hovering or focusing an element.\n *\n * @slot - The default slot for the trigger element\n * @slot content - The content to display in the tooltip\n *\n * @csspart tooltip - The tooltip container element\n * @csspart arrow - The tooltip arrow element\n *\n * @example\n * <schmancy-tooltip>\n *   <div slot=\"content\">Tooltip content here</div>\n *   <schmancy-button>Hover me</schmancy-button>\n * </schmancy-tooltip>\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement() {\n\t/**\n\t * The placement of the tooltip relative to the trigger element\n\t * @attr\n\t */\n\t@property({ type: String })\n\tplacement: 'top' | 'right' | 'bottom' | 'left' = 'top'\n\n\t/**\n\t * The offset distance from the trigger element in pixels\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tdistance = 8\n\n\t/**\n\t * The delay before showing the tooltip in milliseconds\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tshowDelay = 300\n\n\t/**\n\t * The delay before hiding the tooltip in milliseconds\n\t * @attr\n\t */\n\t@property({ type: Number })\n\thideDelay = 100\n\n\t/**\n\t * Whether the tooltip should be shown\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\topen = false\n\n\t/**\n\t * Whether to disable the tooltip\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled = false\n\n\t@query('#tooltip') tooltip!: HTMLElement\n\t@query('#trigger-container') triggerContainer!: HTMLElement\n\t@query('#arrow') arrow!: HTMLElement\n\n\t@queryAssignedElements({ flatten: true })\n\ttriggerElements!: HTMLElement[]\n\n\tprivate cleanupPositioner?: () => void\n\tprivate showTimeoutId?: number\n\tprivate hideTimeoutId?: number\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setAttribute('aria-live', 'polite')\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\t\tif (this.showTimeoutId) clearTimeout(this.showTimeoutId)\n\t\tif (this.hideTimeoutId) clearTimeout(this.hideTimeoutId)\n\t}\n\n\tprivate async updatePosition() {\n\t\tif (!this.triggerContainer || !this.tooltip) return\n\n\t\tconst { x, y, placement, middlewareData } = await computePosition(this.triggerContainer, this.tooltip, {\n\t\t\tplacement: this.placement,\n\t\t\tmiddleware: [offset(this.distance), flip(), shift({ padding: 8 })],\n\t\t})\n\n\t\t// Position tooltip\n\t\tObject.assign(this.tooltip.style, {\n\t\t\tleft: `${x}px`,\n\t\t\ttop: `${y}px`,\n\t\t})\n\n\t\t// Position arrow if it exists\n\t\tif (this.arrow) {\n\t\t\tconst staticSide = {\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]]\n\n\t\t\tif (staticSide) {\n\t\t\t\tObject.assign(this.arrow.style, {\n\t\t\t\t\tleft: middlewareData.arrow?.x != null ? `${middlewareData.arrow.x}px` : '',\n\t\t\t\t\ttop: middlewareData.arrow?.y != null ? `${middlewareData.arrow.y}px` : '',\n\t\t\t\t\tright: '',\n\t\t\t\t\tbottom: '',\n\t\t\t\t\t[staticSide]: '-4px',\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Setup the auto-updating position and trigger events\n\t */\n\tfirstUpdated() {\n\t\t// The trigger container holds all the slotted trigger elements\n\t\tif (!this.triggerContainer) return\n\n\t\t// Setup event listeners for the trigger container\n\t\tmerge(fromEvent(this.triggerContainer, 'mouseenter'), fromEvent(this.triggerContainer, 'focus'))\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tif (this.disabled) return\n\t\t\t\tthis.scheduleShow()\n\t\t\t})\n\n\t\tmerge(fromEvent(this.triggerContainer, 'mouseleave'), fromEvent(this.triggerContainer, 'blur'))\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tif (this.disabled) return\n\t\t\t\tthis.scheduleHide()\n\t\t\t})\n\n\t\t// Add key event listener for escape key\n\t\tfromEvent<KeyboardEvent>(window, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.open) {\n\t\t\t\t\tthis.hide()\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\t/**\n\t * Schedule showing the tooltip with the configured delay\n\t */\n\tprivate scheduleShow() {\n\t\tif (this.hideTimeoutId) {\n\t\t\tclearTimeout(this.hideTimeoutId)\n\t\t\tthis.hideTimeoutId = undefined\n\t\t}\n\n\t\tif (!this.open) {\n\t\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t\tthis.show()\n\t\t\t}, this.showDelay)\n\t\t}\n\t}\n\n\t/**\n\t * Schedule hiding the tooltip with the configured delay\n\t */\n\tprivate scheduleHide() {\n\t\tif (this.showTimeoutId) {\n\t\t\tclearTimeout(this.showTimeoutId)\n\t\t\tthis.showTimeoutId = undefined\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.hideTimeoutId = window.setTimeout(() => {\n\t\t\t\tthis.hide()\n\t\t\t}, this.hideDelay)\n\t\t}\n\t}\n\n\t/**\n\t * Show the tooltip\n\t */\n\tpublic show() {\n\t\tif (this.disabled || this.open) return\n\n\t\tthis.open = true\n\n\t\t// Position the tooltip\n\t\tthis.cleanupPositioner = autoUpdate(this.triggerContainer, this.tooltip, () => this.updatePosition())\n\n\t\t// Dispatch custom event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-tooltip-show', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Hide the tooltip\n\t */\n\tpublic hide() {\n\t\tif (!this.open) return\n\n\t\tthis.open = false\n\n\t\t// Cleanup the positioner\n\t\tif (this.cleanupPositioner) {\n\t\t\tthis.cleanupPositioner()\n\t\t\tthis.cleanupPositioner = undefined\n\t\t}\n\n\t\t// Dispatch custom event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-tooltip-hide', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\tconst tooltipClasses = {\n\t\t\t'absolute z-50 bg-surface-highest text-surface-on rounded-md shadow-md': true,\n\t\t\t'max-w-xs opacity-0 invisible scale-95 transition-all duration-150': true,\n\t\t\t'opacity-100 visible scale-100': this.open,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div id=\"trigger-container\" class=\"inline-block\" aria-describedby=\"tooltip\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\n\t\t\t<div id=\"tooltip\" part=\"tooltip\" role=\"tooltip\" class=\"${this.classMap(tooltipClasses)}\">\n\t\t\t\t<slot name=\"content\"></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["SchmancyTooltip","TailwindElement","super","arguments","this","placement","distance","showDelay","hideDelay","open","disabled","connectedCallback","setAttribute","disconnectedCallback","cleanupPositioner","showTimeoutId","clearTimeout","hideTimeoutId","updatePosition","triggerContainer","tooltip","x","y","middlewareData","computePosition","middleware","offset","flip","shift","padding","Object","assign","style","left","top","arrow","staticSide","right","bottom","split","merge","fromEvent","pipe","takeUntil","disconnecting","subscribe","scheduleShow","scheduleHide","window","event","key","hide","setTimeout","show","autoUpdate","dispatchEvent","CustomEvent","bubbles","composed","render","tooltipClasses","html","classMap","__decorateClass","property","type","String","prototype","Number","Boolean","reflect","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
+{"version":3,"file":"tooltip-DLLzuUKg.js","sources":["../src/tooltip/tooltip.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\n\n/**\n * @element schmancy-tooltip\n * A tooltip component that displays additional information when hovering or focusing an element.\n *\n * @slot - The default slot for the trigger element\n * @slot content - The content to display in the tooltip\n *\n * @csspart tooltip - The tooltip container element\n * @csspart arrow - The tooltip arrow element\n *\n * @example\n * <schmancy-tooltip>\n *   <div slot=\"content\">Tooltip content here</div>\n *   <schmancy-button>Hover me</schmancy-button>\n * </schmancy-tooltip>\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement() {\n\t/**\n\t * The placement of the tooltip relative to the trigger element\n\t * @attr\n\t */\n\t@property({ type: String })\n\tplacement: 'top' | 'right' | 'bottom' | 'left' = 'top'\n\n\t/**\n\t * The offset distance from the trigger element in pixels\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tdistance = 8\n\n\t/**\n\t * The delay before showing the tooltip in milliseconds\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tshowDelay = 300\n\n\t/**\n\t * The delay before hiding the tooltip in milliseconds\n\t * @attr\n\t */\n\t@property({ type: Number })\n\thideDelay = 100\n\n\t/**\n\t * Whether the tooltip should be shown\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\topen = false\n\n\t/**\n\t * Whether to disable the tooltip\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled = false\n\n\t@query('#tooltip') tooltip!: HTMLElement\n\t@query('#trigger-container') triggerContainer!: HTMLElement\n\t@query('#arrow') arrow!: HTMLElement\n\n\t@queryAssignedElements({ flatten: true })\n\ttriggerElements!: HTMLElement[]\n\n\tprivate cleanupPositioner?: () => void\n\tprivate showTimeoutId?: number\n\tprivate hideTimeoutId?: number\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setAttribute('aria-live', 'polite')\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\t\tif (this.showTimeoutId) clearTimeout(this.showTimeoutId)\n\t\tif (this.hideTimeoutId) clearTimeout(this.hideTimeoutId)\n\t}\n\n\tprivate async updatePosition() {\n\t\tif (!this.triggerContainer || !this.tooltip) return\n\n\t\tconst { x, y, placement, middlewareData } = await computePosition(this.triggerContainer, this.tooltip, {\n\t\t\tplacement: this.placement,\n\t\t\tmiddleware: [offset(this.distance), flip(), shift({ padding: 8 })],\n\t\t})\n\n\t\t// Position tooltip\n\t\tObject.assign(this.tooltip.style, {\n\t\t\tleft: `${x}px`,\n\t\t\ttop: `${y}px`,\n\t\t})\n\n\t\t// Position arrow if it exists\n\t\tif (this.arrow) {\n\t\t\tconst staticSide = {\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]]\n\n\t\t\tif (staticSide) {\n\t\t\t\tObject.assign(this.arrow.style, {\n\t\t\t\t\tleft: middlewareData.arrow?.x != null ? `${middlewareData.arrow.x}px` : '',\n\t\t\t\t\ttop: middlewareData.arrow?.y != null ? `${middlewareData.arrow.y}px` : '',\n\t\t\t\t\tright: '',\n\t\t\t\t\tbottom: '',\n\t\t\t\t\t[staticSide]: '-4px',\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Setup the auto-updating position and trigger events\n\t */\n\tfirstUpdated() {\n\t\t// The trigger container holds all the slotted trigger elements\n\t\tif (!this.triggerContainer) return\n\n\t\t// Setup event listeners for the trigger container\n\t\tmerge(fromEvent(this.triggerContainer, 'mouseenter'), fromEvent(this.triggerContainer, 'focus'))\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tif (this.disabled) return\n\t\t\t\tthis.scheduleShow()\n\t\t\t})\n\n\t\tmerge(fromEvent(this.triggerContainer, 'mouseleave'), fromEvent(this.triggerContainer, 'blur'))\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tif (this.disabled) return\n\t\t\t\tthis.scheduleHide()\n\t\t\t})\n\n\t\t// Add key event listener for escape key\n\t\tfromEvent<KeyboardEvent>(window, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.open) {\n\t\t\t\t\tthis.hide()\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\t/**\n\t * Schedule showing the tooltip with the configured delay\n\t */\n\tprivate scheduleShow() {\n\t\tif (this.hideTimeoutId) {\n\t\t\tclearTimeout(this.hideTimeoutId)\n\t\t\tthis.hideTimeoutId = undefined\n\t\t}\n\n\t\tif (!this.open) {\n\t\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t\tthis.show()\n\t\t\t}, this.showDelay)\n\t\t}\n\t}\n\n\t/**\n\t * Schedule hiding the tooltip with the configured delay\n\t */\n\tprivate scheduleHide() {\n\t\tif (this.showTimeoutId) {\n\t\t\tclearTimeout(this.showTimeoutId)\n\t\t\tthis.showTimeoutId = undefined\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.hideTimeoutId = window.setTimeout(() => {\n\t\t\t\tthis.hide()\n\t\t\t}, this.hideDelay)\n\t\t}\n\t}\n\n\t/**\n\t * Show the tooltip\n\t */\n\tpublic show() {\n\t\tif (this.disabled || this.open) return\n\n\t\tthis.open = true\n\n\t\t// Position the tooltip\n\t\tthis.cleanupPositioner = autoUpdate(this.triggerContainer, this.tooltip, () => this.updatePosition())\n\n\t\t// Dispatch custom event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-tooltip-show', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Hide the tooltip\n\t */\n\tpublic hide() {\n\t\tif (!this.open) return\n\n\t\tthis.open = false\n\n\t\t// Cleanup the positioner\n\t\tif (this.cleanupPositioner) {\n\t\t\tthis.cleanupPositioner()\n\t\t\tthis.cleanupPositioner = undefined\n\t\t}\n\n\t\t// Dispatch custom event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-tooltip-hide', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\tconst tooltipClasses = {\n\t\t\t'absolute z-50 bg-surface-highest text-surface-on rounded-md shadow-md': true,\n\t\t\t'max-w-xs opacity-0 invisible scale-95 transition-all duration-150': true,\n\t\t\t'opacity-100 visible scale-100': this.open,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div id=\"trigger-container\" class=\"inline-block\" aria-describedby=\"tooltip\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\n\t\t\t<div id=\"tooltip\" part=\"tooltip\" role=\"tooltip\" class=\"${this.classMap(tooltipClasses)}\">\n\t\t\t\t<slot name=\"content\"></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"names":["SchmancyTooltip","TailwindElement","super","arguments","this","placement","distance","showDelay","hideDelay","open","disabled","connectedCallback","setAttribute","disconnectedCallback","cleanupPositioner","showTimeoutId","clearTimeout","hideTimeoutId","updatePosition","triggerContainer","tooltip","x","y","middlewareData","computePosition","middleware","offset","flip","shift","padding","Object","assign","style","left","top","arrow","staticSide","right","bottom","split","merge","fromEvent","pipe","takeUntil","disconnecting","subscribe","scheduleShow","scheduleHide","window","event","key","hide","setTimeout","show","autoUpdate","dispatchEvent","CustomEvent","bubbles","composed","render","tooltipClasses","html","classMap","__decorateClass","property","type","String","prototype","Number","Boolean","reflect","query","queryAssignedElements","flatten","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-BJ_lQc8I.cjs");Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>e.SchmancyTooltip});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tooltip-BU1ScbI9.cjs");Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>e.SchmancyTooltip});
 //# sourceMappingURL=tooltip.cjs.map

package/dist/tooltip.js

@@ -1,4 +1,4 @@
-import { S as c } from "./tooltip-Ck-JUG_m.js";
+import { S as c } from "./tooltip-DLLzuUKg.js";
 export {
   c as SchmancyTooltip
 };

package/dist/{tree-plC4VSNF.cjs → tree-DJ0dLSbg.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const d=require("./tailwind.mixin-DLuYz9Iz.cjs"),p=require("lit"),c=require("lit/decorators.js");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 d=require("./tailwind.mixin-CAvg5VIG.cjs"),p=require("lit"),c=require("lit/decorators.js");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-plC4VSNF.cjs.map
+//# sourceMappingURL=tree-DJ0dLSbg.cjs.map

package/dist/{tree-plC4VSNF.cjs.map → tree-DJ0dLSbg.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tree-plC4VSNF.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","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,MAAAC,GAAAA,SAAAA,EAiB8BC,KAAAC,KAAA,EAAA,CAQpC,cAAAC,CAEMF,KAAKC,OACTD,KAAKG,YAAYC,OAAS,IAI3B,MAAMC,EAAeC,EAAAA,UAAsBN,KAAKO,QAAS,OAASC,EAAAA,KACjEC,EAAAA,UAAUT,KAAKU,eACfC,MAASC,IACRA,EAAEC,eAAAA,EACFD,EAAEE,gBACGd,EAAAA,KAAAe,cAAc,IAAIC,YAAY,SAAU,CAAEC,QAAAA,GAAeC,SAAU,EAAA,CAAA,CAAA,CAAO,CAK3EC,CAAAA,EAAAA,EAAgBb,EAAAA,UAAsBN,KAAKoB,QAAS,OAEpDC,EAAAA,QAAAhB,EAAcc,CAAAA,EAClBX,KACAc,EAAAA,UAAU,KAGH,MAAAC,EAAUvB,KAAKC,KAAO,IAAM,EAC5BuB,EAAQxB,KAAKC,KAAO,EAAI,IACxBwB,EAAmBzB,KAAKoB,QAAQM,QACrC,CAAC,CAAEC,UAAW,UAAUJ,SAAiB,CAAEI,UAAW,UAAUH,CAChE,MAAA,CAAA,EAAA,CACCI,SAAU,IACVC,OAAQ,UACRC,KAAM,UAAA,CAAA,EAKH9B,KAAKC,OAETD,KAAKG,YAAYC,OAAAA,IAGZ,MAAA2B,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,aAcA,OAVPG,EAAcE,SAAW,IACpBnC,CAAAA,KAAKC,KACRD,KAAKG,YAAYC,WAEZJ,KAAAG,YAAYiC,MAAMC,OAAS,OAC3BrC,KAAAG,YAAYiC,MAAMF,QAAU,IAAA,EAK5BI,EAAAA,IAAIhC,YAAUmB,EAAkB,QAAWnB,EAAAA,EAAAA,UAAU2B,EAAe,QAAA,CAAA,EAAWzB,KACrFC,EAAAA,UAAUT,KAAKU,aAAAA,CAAAA,CAChB,GAEDC,EAAAA,IAAI,KAEEX,KAAAC,KAAAA,CAAQD,KAAKC,IAAA,CAAA,EAEnBQ,EAAAA,UAAUT,KAAKU,gBAEf6B,UAAU,CAAA,CAGb,QACQ,CAAA,OAAAC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2DAOmD5B,GAAaA,EAAEE,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAiB,CA1F9D2B,EAAAA,EAAA,CAA5BC,WAAS,CAAEC,KAAMC,OAAAA,CAAAA,CAAAA,EAjBNjD,qBAiBiBkD,UAAA,OAAA,GAEVJ,EAAA,CAAlBK,EAAAA,MAAM,UAAA,CAAA,EAnBKnD,qBAmBOkD,UAAA,UAAA,CAAA,EACeJ,EAAA,CAAjCK,EAAAA,MAAM,yBAAA,CAAA,EApBKnD,qBAoBsBkD,UAAA,cAAA,CAGfJ,EAAAA,EAAA,CAAlBK,EAAAA,MAAM,UAAA,CAAA,EAvBKnD,qBAuBOkD,UAAA,UAAA,CAAA,EAvBPlD,QAANA,aAAA8C,EAAA,CADNM,EAAAA,cAAc,eAAA,CAAA,EACFpD"}
+{"version":3,"file":"tree-DJ0dLSbg.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","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,MAAAC,GAAAA,SAAAA,EAiB8BC,KAAAC,KAAA,EAAA,CAQpC,cAAAC,CAEMF,KAAKC,OACTD,KAAKG,YAAYC,OAAS,IAI3B,MAAMC,EAAeC,EAAAA,UAAsBN,KAAKO,QAAS,OAASC,EAAAA,KACjEC,EAAAA,UAAUT,KAAKU,eACfC,MAASC,IACRA,EAAEC,eAAAA,EACFD,EAAEE,gBACGd,EAAAA,KAAAe,cAAc,IAAIC,YAAY,SAAU,CAAEC,QAAAA,GAAeC,SAAU,EAAA,CAAA,CAAA,CAAO,CAK3EC,CAAAA,EAAAA,EAAgBb,EAAAA,UAAsBN,KAAKoB,QAAS,OAEpDC,EAAAA,QAAAhB,EAAcc,CAAAA,EAClBX,KACAc,EAAAA,UAAU,KAGH,MAAAC,EAAUvB,KAAKC,KAAO,IAAM,EAC5BuB,EAAQxB,KAAKC,KAAO,EAAI,IACxBwB,EAAmBzB,KAAKoB,QAAQM,QACrC,CAAC,CAAEC,UAAW,UAAUJ,SAAiB,CAAEI,UAAW,UAAUH,CAChE,MAAA,CAAA,EAAA,CACCI,SAAU,IACVC,OAAQ,UACRC,KAAM,UAAA,CAAA,EAKH9B,KAAKC,OAETD,KAAKG,YAAYC,OAAAA,IAGZ,MAAA2B,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,aAcA,OAVPG,EAAcE,SAAW,IACpBnC,CAAAA,KAAKC,KACRD,KAAKG,YAAYC,WAEZJ,KAAAG,YAAYiC,MAAMC,OAAS,OAC3BrC,KAAAG,YAAYiC,MAAMF,QAAU,IAAA,EAK5BI,EAAAA,IAAIhC,YAAUmB,EAAkB,QAAWnB,EAAAA,EAAAA,UAAU2B,EAAe,QAAA,CAAA,EAAWzB,KACrFC,EAAAA,UAAUT,KAAKU,aAAAA,CAAAA,CAChB,GAEDC,EAAAA,IAAI,KAEEX,KAAAC,KAAAA,CAAQD,KAAKC,IAAA,CAAA,EAEnBQ,EAAAA,UAAUT,KAAKU,gBAEf6B,UAAU,CAAA,CAGb,QACQ,CAAA,OAAAC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2DAOmD5B,GAAaA,EAAEE,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAiB,CA1F9D2B,EAAAA,EAAA,CAA5BC,WAAS,CAAEC,KAAMC,OAAAA,CAAAA,CAAAA,EAjBNjD,qBAiBiBkD,UAAA,OAAA,GAEVJ,EAAA,CAAlBK,EAAAA,MAAM,UAAA,CAAA,EAnBKnD,qBAmBOkD,UAAA,UAAA,CAAA,EACeJ,EAAA,CAAjCK,EAAAA,MAAM,yBAAA,CAAA,EApBKnD,qBAoBsBkD,UAAA,cAAA,CAGfJ,EAAAA,EAAA,CAAlBK,EAAAA,MAAM,UAAA,CAAA,EAvBKnD,qBAuBOkD,UAAA,UAAA,CAAA,EAvBPlD,QAANA,aAAA8C,EAAA,CADNM,EAAAA,cAAc,eAAA,CAAA,EACFpD"}

package/dist/{tree-BE0sci4r.js → tree-Dxc1tbC8.js}

@@ -1,7 +1,7 @@
 import { fromEvent as p, takeUntil as c, tap as g, merge as m, switchMap as f, zip as u } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as y } from "./tailwind.mixin-B_hJc1PP.js";
+import { T as y } from "./tailwind.mixin-CgdpQXVy.js";
 import { css as v, html as b } from "lit";
 import { property as S, query as h, customElement as w } from "lit/decorators.js";
 var k = Object.defineProperty, j = Object.getOwnPropertyDescriptor, l = (e, s, o, i) => {
@@ -61,4 +61,4 @@ l([S({ type: Boolean })], n.prototype, "open", 2), l([h("#toggler")], n.prototyp
 export {
   n as S
 };
-//# sourceMappingURL=tree-BE0sci4r.js.map
+//# sourceMappingURL=tree-Dxc1tbC8.js.map

package/dist/{tree-BE0sci4r.js.map → tree-Dxc1tbC8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tree-BE0sci4r.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","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":";;;;;;;;;;AAWa,IAAAA,IAAN,cAA2BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA3C,EAAA;AAAA,EAAA;AAAAC,UAAAC,GAAAA,SAAAA,GAiB8BC,KAAAC,OAAAA;AAAAA,EAAA;AAAA,EAQpC,eAEMD;AAAAA,SAAKC,SACTD,KAAKE,YAAYC;AAIlB,UAAMC,IAAeC,EAAsBL,KAAKM,SAAS,OAAA,EAASC,KACjEC,EAAUR,KAAKS,aACfC,GAAAA,EAASC,CAAAA;AACRA,MAAAA,EAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACGb,KAAAc,cAAc,IAAIC,YAAY,UAAU,EAAEC,aAAeC,UAAAA,GAAiB,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA,GAK3EC,IAAgBb,EAAsBL,KAAKmB,SAAS,OAAA;AAEpDC,IAAAA,EAAAhB,GAAcc,CAAAA,EAClBX,KACAc,EAAU;AAGH,YAAAC,IAAUtB,KAAKC,OAAO,MAAM,GAC5BsB,IAAQvB,KAAKC,OAAO,IAAI,KACxBuB,IAAmBxB,KAAKmB,QAAQM,QACrC,CAAC,EAAEC,WAAW,UAAUJ,CAAiB,OAAA,GAAA,EAAEI,WAAW,UAAUH,CAAAA,OAAAA,CAAAA,GAChE,EACCI,UAAU,KACVC,QAAQ,WACRC,MAAM,WAKH7B,CAAAA;AAAAA,WAAKC,SAETD,KAAKE,YAAYC,SAAS;AAGrB,YAAA2B,IAAc9B,KAAKC,OAAO,IAAI,GAC9B8B,IAAY/B,KAAKC,OAAO,IAAI,GAE5B+B,IAAgBhC,KAAKE,YAAYuB,QAAQ,CAAC,EAAEQ,SAASH,EAAAA,GAAe,EAAEG,SAASF,EAAAA,CAAAA,GAAc,EAClGJ,UAAU,KACVC,QAAQ,YACRC,MAAM,WAcA,CAAA;AAAA,aAVPG,EAAcE,WAAW,MAAA;AACpBlC,aAAKC,OACRD,KAAKE,YAAYC,SAAAA,MAEZH,KAAAE,YAAYiC,MAAMC,SAAS,QAC3BpC,KAAAE,YAAYiC,MAAMF,UAAU;AAAA,MAAA,GAK5BI,EAAIhC,EAAUmB,GAAkB,QAAA,GAAWnB,EAAU2B,GAAe,QAAA,CAAA,EAAWzB,KACrFC,EAAUR,KAAKS,aAChB,CAAA;AAAA,IAAA,CAAA,GAEDC,EAAI,MAEEV;AAAAA,WAAAC,QAAQD,KAAKC;AAAAA,IAAA,CAEnBO,GAAAA,EAAUR,KAAKS,aAEf6B,CAAAA,EAAAA,UAAAA;AAAAA,EAAU;AAAA,EAGb,SAAAC;AACQ,WAAAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2DAOmD7B,CAAAA,MAAaA,EAAEE,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAiB;AAAA;AA1F9D4B,EAAA,CAA5BC,EAAS,EAAEC,MAAMC,aAjBNjD,EAiBiBkD,WAAA,QAAA,CAAA,GAEVJ,EAAA,CAAlBK,EAAM,cAnBKnD,EAmBOkD,WAAA,WAAA,CACeJ,GAAAA,EAAA,CAAjCK,EAAM,6BApBKnD,EAoBsBkD,WAAA,eAAA,CAGfJ,GAAAA,EAAA,CAAlBK,EAAM,UAAA,CAAA,GAvBKnD,EAuBOkD,WAAA,WAAA,CAvBPlD,GAAAA,IAAN8C,EAAA,CADNM,EAAc,mBACFpD;"}
+{"version":3,"file":"tree-Dxc1tbC8.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","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":";;;;;;;;;;AAWa,IAAAA,IAAN,cAA2BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA3C,EAAA;AAAA,EAAA;AAAAC,UAAAC,GAAAA,SAAAA,GAiB8BC,KAAAC,OAAAA;AAAAA,EAAA;AAAA,EAQpC,eAEMD;AAAAA,SAAKC,SACTD,KAAKE,YAAYC;AAIlB,UAAMC,IAAeC,EAAsBL,KAAKM,SAAS,OAAA,EAASC,KACjEC,EAAUR,KAAKS,aACfC,GAAAA,EAASC,CAAAA;AACRA,MAAAA,EAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACGb,KAAAc,cAAc,IAAIC,YAAY,UAAU,EAAEC,aAAeC,UAAAA,GAAiB,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA,GAK3EC,IAAgBb,EAAsBL,KAAKmB,SAAS,OAAA;AAEpDC,IAAAA,EAAAhB,GAAcc,CAAAA,EAClBX,KACAc,EAAU;AAGH,YAAAC,IAAUtB,KAAKC,OAAO,MAAM,GAC5BsB,IAAQvB,KAAKC,OAAO,IAAI,KACxBuB,IAAmBxB,KAAKmB,QAAQM,QACrC,CAAC,EAAEC,WAAW,UAAUJ,CAAiB,OAAA,GAAA,EAAEI,WAAW,UAAUH,CAAAA,OAAAA,CAAAA,GAChE,EACCI,UAAU,KACVC,QAAQ,WACRC,MAAM,WAKH7B,CAAAA;AAAAA,WAAKC,SAETD,KAAKE,YAAYC,SAAS;AAGrB,YAAA2B,IAAc9B,KAAKC,OAAO,IAAI,GAC9B8B,IAAY/B,KAAKC,OAAO,IAAI,GAE5B+B,IAAgBhC,KAAKE,YAAYuB,QAAQ,CAAC,EAAEQ,SAASH,EAAAA,GAAe,EAAEG,SAASF,EAAAA,CAAAA,GAAc,EAClGJ,UAAU,KACVC,QAAQ,YACRC,MAAM,WAcA,CAAA;AAAA,aAVPG,EAAcE,WAAW,MAAA;AACpBlC,aAAKC,OACRD,KAAKE,YAAYC,SAAAA,MAEZH,KAAAE,YAAYiC,MAAMC,SAAS,QAC3BpC,KAAAE,YAAYiC,MAAMF,UAAU;AAAA,MAAA,GAK5BI,EAAIhC,EAAUmB,GAAkB,QAAA,GAAWnB,EAAU2B,GAAe,QAAA,CAAA,EAAWzB,KACrFC,EAAUR,KAAKS,aAChB,CAAA;AAAA,IAAA,CAAA,GAEDC,EAAI,MAEEV;AAAAA,WAAAC,QAAQD,KAAKC;AAAAA,IAAA,CAEnBO,GAAAA,EAAUR,KAAKS,aAEf6B,CAAAA,EAAAA,UAAAA;AAAAA,EAAU;AAAA,EAGb,SAAAC;AACQ,WAAAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,2DAOmD7B,CAAAA,MAAaA,EAAEE,gBAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAiB;AAAA;AA1F9D4B,EAAA,CAA5BC,EAAS,EAAEC,MAAMC,aAjBNjD,EAiBiBkD,WAAA,QAAA,CAAA,GAEVJ,EAAA,CAAlBK,EAAM,cAnBKnD,EAmBOkD,WAAA,WAAA,CACeJ,GAAAA,EAAA,CAAjCK,EAAM,6BApBKnD,EAoBsBkD,WAAA,eAAA,CAGfJ,GAAAA,EAAA,CAAlBK,EAAM,UAAA,CAAA,GAvBKnD,EAuBOkD,WAAA,WAAA,CAvBPlD,GAAAA,IAAN8C,EAAA,CADNM,EAAc,mBACFpD;"}

package/dist/tree.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tree-plC4VSNF.cjs");Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>e.SchmancyTree});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tree-DJ0dLSbg.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-BE0sci4r.js";
+import { S as a } from "./tree-Dxc1tbC8.js";
 export {
   a as SchmancyTree
 };

package/dist/{typewriter-bUthirMf.js → typewriter-BhxAnEeh.js}

@@ -10,9 +10,9 @@ import { c as qt } from "./consume-B05Dd6qy.js";
 import "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as xt } from "./litElement.mixin-CRbxrdrS.js";
-import "./tailwind.mixin-B_hJc1PP.js";
-import { h as Lt, d as Dt } from "./delay-CoyF7a2c.js";
+import { $ as xt } from "./litElement.mixin-DamySMT5.js";
+import "./tailwind.mixin-CgdpQXVy.js";
+import { h as Lt, d as Dt } from "./delay-DiN5nFO-.js";
 import { i as Mt } from "./intersection-CJxzz8c-.js";
 import { css as kt, html as At } from "lit";
 import { property as T, query as _t, queryAssignedNodes as $t, queryAssignedElements as Ot, customElement as Ht } from "lit/decorators.js";
@@ -433,4 +433,4 @@ g([T({ type: Number })], f.prototype, "speed", 2), g([qt({ context: Dt, subscrib
 export {
   f as T
 };
-//# sourceMappingURL=typewriter-bUthirMf.js.map
+//# sourceMappingURL=typewriter-BhxAnEeh.js.map