npm - @mhmo91/schmancy - Versions diffs - 0.2.174 → 0.2.175 - Mend

@mhmo91/schmancy 0.2.174 → 0.2.175

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

Files changed (256) hide show

package/dist/{tooltip-BvlP4LLw.js → tooltip-3phi-zvc.js} RENAMED Viewed

@@ -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-PpOEXUY6.js";
+import { T as f } from "./tailwind.mixin-DxW0KQ-d.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-BvlP4LLw.js.map
+//# sourceMappingURL=tooltip-3phi-zvc.js.map

package/dist/{tooltip-BvlP4LLw.js.map → tooltip-3phi-zvc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-BvlP4LLw.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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"}
1	+ {"version":3,"file":"tooltip-3phi-zvc.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-CKmoUynJ.cjs → tooltip-Bs1R5e8R.cjs} RENAMED Viewed

@@ -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-C-SZB7Or.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-B9QsShMd.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-CKmoUynJ.cjs.map
+//# sourceMappingURL=tooltip-Bs1R5e8R.cjs.map

package/dist/{tooltip-CKmoUynJ.cjs.map → tooltip-Bs1R5e8R.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-CKmoUynJ.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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"}
1	+ {"version":3,"file":"tooltip-Bs1R5e8R.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.cjs CHANGED Viewed

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

package/dist/tooltip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as c } from "./tooltip-BvlP4LLw.js";
+import { S as c } from "./tooltip-3phi-zvc.js";
 export {
   c as SchmancyTooltip
 };

package/dist/{tree-Pa4t5MHy.cjs → tree-C68UrNiC.cjs} RENAMED Viewed

@@ -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-C-SZB7Or.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-B9QsShMd.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-Pa4t5MHy.cjs.map
+//# sourceMappingURL=tree-C68UrNiC.cjs.map

package/dist/{tree-Pa4t5MHy.cjs.map → tree-C68UrNiC.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tree-~~Pa4t5MHy~~.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"}
1	+ {"version":3,"file":"tree-C68UrNiC.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-UFPk4UJM.js → tree-DSeadYt9.js} RENAMED Viewed

@@ -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-PpOEXUY6.js";
+import { T as y } from "./tailwind.mixin-DxW0KQ-d.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-UFPk4UJM.js.map
+//# sourceMappingURL=tree-DSeadYt9.js.map

package/dist/{tree-UFPk4UJM.js.map → tree-DSeadYt9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tree-~~UFPk4UJM~~.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;"}
1	+ {"version":3,"file":"tree-DSeadYt9.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 CHANGED Viewed

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

package/dist/tree.js CHANGED Viewed

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

package/dist/{typewriter-DXYFRAAl.cjs → typewriter-CFgNAfJm.cjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";var qe=Object.defineProperty;var se=s=>{throw TypeError(s)};var Ne=(s,e,t)=>e in s?qe(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var m=(s,e,t)=>Ne(s,typeof e!="symbol"?e+"":e,t),ie=(s,e,t)=>e.has(s)||se("Cannot "+t);var d=(s,e,t)=>(ie(s,e,"read from private field"),t?t.call(s):e.get(s)),j=(s,e,t)=>e.has(s)?se("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(s):e.set(s,t);var a=(s,e,t)=>(ie(s,e,"access private method"),t);const Le=require("./consume-uKrSupzs.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const xe=require("./litElement.mixin-DqMWf6Rp.cjs");require("./tailwind.mixin-C-SZB7Or.cjs");const re=require("./delay-dM9FOKCv.cjs"),De=require("./intersection-CVvaDv96.cjs"),ne=require("lit"),f=require("lit/decorators.js"),ye=s=>Array.isArray(s),oe=s=>ye(s)?s:[s],me="data-typeit-id",E="ti-cursor",Me={started:!1,completed:!1,frozen:!1,destroyed:!1},C={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:()=>{}},ke=`[${me}]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}`,$=s=>document.createElement(s),G=s=>document.createTextNode(s),ae=(s,e="")=>{let t=$("style");t.id=e,t.appendChild(G(s)),document.head.appendChild(t)},le=s=>(ye(s)||(s=[s/2,s/2]),s),ue=(s,e)=>Math.abs(Math.random()*(s+e-(s-e))+(s-e));let he=s=>s/2;const fe=s=>Array.from(s);let Y=s=>([...s.childNodes].forEach(e=>{if(e.nodeValue)return[...e.nodeValue].forEach(t=>{e.parentNode.insertBefore(G(t),e)}),void e.remove();Y(e)}),s);const ge=s=>{let e=document.implementation.createHTMLDocument();return e.body.innerHTML=s,Y(e.body)};function be(s,e=!1,t=!1){let r,n=s.querySelector(`.${E}`),o=document.createTreeWalker(s,NodeFilter.SHOW_ALL,{acceptNode:u=>{var h,p;if(n&&t){if((h=u.classList)!=null&&h.contains(E))return NodeFilter.FILTER_ACCEPT;if(n.contains(u))return NodeFilter.FILTER_REJECT}return(p=u.classList)!=null&&p.contains(E)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),l=[];for(;r=o.nextNode();)r.originalParent||(r.originalParent=r.parentNode),l.push(r);return e?l.reverse():l}function Ae(s,e=!0){return e?be(ge(s)):fe(s).map(G)}const _e=({index:s,newIndex:e,queueItems:t,cleanUp:r})=>{for(let n=s+1;n<e+1;n++)r(t[n][0])},we=s=>Number.isInteger(s),ce=({queueItems:s,selector:e,cursorPosition:t,to:r})=>{if(we(e))return-1*e;let n=new RegExp("END","i").test(r),o=e?[...s].reverse().findIndex(({char:l})=>{let u=l.parentElement,h=u.matches(e);return!(!n||!h)||h&&u.firstChild.isSameNode(l)}):-1;return o<0&&(o=n?0:s.length-1),o-t+(n?0:1)},A=(s,e)=>new Array(e).fill(s);let F=s=>new Promise(e=>{requestAnimationFrame(async()=>{e(await s())})}),pe=s=>s==null?void 0:s.getAnimations().find(e=>e.id===s.dataset.tiAnimationId),Te=({cursor:s,frames:e,options:t})=>{let r=s.animate(e,t);return r.pause(),r.id=s.dataset.tiAnimationId,F(()=>{F(()=>{r.play()})}),r},de=s=>{var e;return(e=s.func)==null?void 0:e.call(null)},$e=async({index:s,queueItems:e,wait:t,cursor:r,cursorOptions:n})=>{let o=e[s][1],l=[],u=s,h=o,p=()=>h&&!h.delay,c=o.shouldPauseCursor()&&n.autoPause;for(;p();)l.push(h),p()&&u++,h=e[u]?e[u][1]:null;if(l.length)return await F(async()=>{for(let P of l)await de(P)}),u-1;let y,b=pe(r);return b&&(y={...b.effect.getComputedTiming(),delay:c?n.autoPauseDelay:0}),await t(async()=>{b&&c&&b.cancel(),await F(()=>{de(o)})},o.delay),await(({cursor:P,options:Z,cursorOptions:ee})=>{if(!P||!ee)return;let B,k=pe(P);k&&(Z.delay=k.effect.getComputedTiming().delay,B=k.currentTime,k.cancel());let te=Te({cursor:P,frames:ee.animation.frames,options:Z});return B&&(te.currentTime=B),te})({cursor:r,options:y,cursorOptions:n}),s};const _=s=>"value"in s;let v=s=>typeof s=="function"?s():s,K=(s,e=document,t=!1)=>e["querySelector"+(t?"All":"")](s);const S=(s,e)=>Object.assign({},s,e);let Oe={"font-family":"","font-weight":"","font-size":"","font-style":"","line-height":"",color:"",transform:"translateX(-.125em)"};var i,Ie,q,Q,Ee,U,V,X,O,w,Ce,N,L,ve,R,Pe,Se,J,H,x,z,I,D,M,W,T;class He{constructor(e,t={}){j(this,i);m(this,"element");m(this,"timeouts");m(this,"cursorPosition");m(this,"predictedCursorPosition");m(this,"statuses",{started:!1,completed:!1,frozen:!1,destroyed:!1,firing:!1});m(this,"opts");m(this,"id");m(this,"queue");m(this,"cursor");m(this,"flushCallback",null);m(this,"unfreeze",()=>{});m(this,"is",function(e){return this.statuses[e]});j(this,R,e=>{this.opts.cursor=(t=>{var r,n;if(typeof t=="object"){let o={},{frames:l,options:u}=C.cursor.animation;return o.animation=t.animation||{},o.animation.frames=((r=t.animation)==null?void 0:r.frames)||l,o.animation.options=S(u,((n=t.animation)==null?void 0:n.options)||{}),o.autoPause=t.autoPause??C.cursor.autoPause,o.autoPauseDelay=t.autoPauseDelay||C.cursor.autoPauseDelay,o}return t===!0?C.cursor:t})(e.cursor??C.cursor),this.opts.strings=a(this,i,Pe).call(this,oe(this.opts.strings)),this.opts=S(this.opts,{html:!d(this,i,M)&&this.opts.html,nextStringDelay:le(this.opts.nextStringDelay),loopDelay:le(this.opts.loopDelay)})});var r;this.opts=S(C,t),this.element=typeof(r=e)=="string"?K(r):r,this.timeouts=[],this.cursorPosition=0,this.unfreeze=()=>{},this.predictedCursorPosition=null,this.statuses=S({},Me),this.id=Math.random().toString().substring(2,9),this.queue=function(n){let o=function(c){return oe(c).forEach(y=>{var b;return p.set(Symbol((b=y.char)==null?void 0:b.innerText),l({...y}))}),this},l=c=>(c.shouldPauseCursor=function(){return!!(this.typeable||this.cursorable||this.deletable)},c),u=()=>p,h=()=>Array.from(p.values()),p=new Map;return o(n),{add:o,set:function(c,y){let b=[...p.keys()];p.set(b[c],l(y))},wipe:function(){p=new Map,o(n)},done:(c,y=!1)=>y?p.delete(c):p.get(c).done=!0,reset:function(){p.forEach(c=>delete c.done)},destroy:c=>p.delete(c),getItems:(c=!1)=>c?h():h().filter(y=>!y.done),getQueue:u,getTypeable:()=>h().filter(c=>c.typeable),getPendingQueueItems:()=>{const c=[];for(let[,y]of u())y.done||c.push(y);return c}}}([{delay:this.opts.startDelay}]),d(this,R).call(this,t),this.cursor=a(this,i,Se).call(this),this.element.dataset.typeitId=this.id,ae(ke),this.opts.strings.length&&a(this,i,ve).call(this)}go(){return this.statuses.started?this:(a(this,i,X).call(this),this.opts.waitUntilVisible?(e=this.element,t=a(this,i,q).bind(this),new IntersectionObserver((r,n)=>{r.forEach(o=>{o.isIntersecting&&(t(),n.unobserve(e))})},{threshold:1}).observe(e),this):(a(this,i,q).call(this),this));var e,t}destroy(e=!0){this.timeouts=(this.timeouts.forEach(clearTimeout),[]),v(e)&&this.cursor&&a(this,i,z).call(this,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[a(this,i,O).call(this)?"value":"innerHTML"]="",this}type(e,t={}){e=v(e);let{instant:r}=t,n=a(this,i,N).call(this,t),o=Ae(e,this.opts.html).map(u=>{return{func:()=>a(this,i,H).call(this,u),char:u,delay:r||(h=u,/<(.+)>(.*?)<\/(.+)>/.test(h.outerHTML))?0:a(this,i,I).call(this),typeable:u.nodeType===Node.TEXT_NODE};var h}),l=[n[0],{func:async()=>await this.opts.beforeString(e,this)},...o,{func:async()=>await this.opts.afterString(e,this)},n[1]];return a(this,i,w).call(this,l,t)}break(e={}){return a(this,i,w).call(this,{func:()=>a(this,i,H).call(this,$("BR")),typeable:!0},e)}move(e,t={}){e=v(e);let r=a(this,i,N).call(this,t),{instant:n,to:o}=t,l=ce({queueItems:this.queue.getTypeable(),selector:e===null?"":e,to:o,cursorPosition:d(this,i,D)}),u=l<0?-1:1;return this.predictedCursorPosition=d(this,i,D)+l,a(this,i,w).call(this,[r[0],...A({func:()=>a(this,i,Q).call(this,u),delay:n?0:a(this,i,I).call(this),cursorable:!0},Math.abs(l)),r[1]],t)}exec(e,t={}){let r=a(this,i,N).call(this,t);return a(this,i,w).call(this,[r[0],{func:()=>e(this)},r[1]],t)}options(e,t={}){return e=v(e),a(this,i,L).call(this,e),a(this,i,w).call(this,{},t)}pause(e,t={}){return a(this,i,w).call(this,{delay:v(e)},t)}delete(e=null,t={}){e=v(e);let r=a(this,i,N).call(this,t),n=e,{instant:o,to:l}=t,u=this.queue.getTypeable(),h=n===null?u.length:we(n)?n:ce({queueItems:u,selector:n,cursorPosition:d(this,i,D),to:l});return a(this,i,w).call(this,[r[0],...A({func:a(this,i,x).bind(this),delay:o?0:a(this,i,I).call(this,1),deletable:!0},h),r[1]],t)}freeze(){this.statuses.frozen=!0}flush(e=null){return this.flushCallback=e||this.flushCallback,this.statuses.firing||(a(this,i,X).call(this),a(this,i,q).call(this,!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 a(this,i,L).call(this,e)}getElement(){return this.element}empty(e={}){return a(this,i,w).call(this,{func:a(this,i,Ie).bind(this)},e)}}i=new WeakSet,Ie=async function(){a(this,i,O).call(this)?this.element.value="":d(this,i,T).forEach(a(this,i,z).bind(this))},q=async function(e=!0){this.statuses.started=!0,this.statuses.firing=!0;let t=r=>{this.queue.done(r,!e)};try{let r=[...this.queue.getQueue()];for(let o=0;o<r.length;o++){let[l,u]=r[o];if(!u.done){if(!u.deletable||u.deletable&&d(this,i,T).length){let h=await a(this,i,U).call(this,o,r);_e({index:o,newIndex:h,queueItems:r,cleanUp:t}),o=h}t(l)}}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 n=this.opts.loopDelay;a(this,i,V).call(this,async()=>{await a(this,i,Ee).call(this,n[0]),a(this,i,q).call(this)},n[1])}catch{}return this.statuses.firing=!1,this},Q=async function(e){var t,r,n;this.cursorPosition=(t=e,r=this.cursorPosition,n=d(this,i,T),Math.min(Math.max(r+t,0),n.length)),((o,l,u)=>{let h=l[u-1],p=K(`.${E}`,o);(o=(h==null?void 0:h.parentNode)||o).insertBefore(p,h||null)})(this.element,d(this,i,T),this.cursorPosition)},Ee=async function(e){let t=d(this,i,D);t&&await a(this,i,Q).call(this,{value:t});let r=d(this,i,T).map(n=>[Symbol(),{func:a(this,i,x).bind(this),delay:a(this,i,I).call(this,1),deletable:!0,shouldPauseCursor:()=>!0}]);for(let n=0;n<r.length;n++)await a(this,i,U).call(this,n,r);this.queue.reset(),this.queue.set(0,{delay:e})},U=function(e,t){return $e({index:e,queueItems:t,wait:a(this,i,V).bind(this),cursor:this.cursor,cursorOptions:this.opts.cursor})},V=async function(e,t,r=!1){this.statuses.frozen&&await new Promise(n=>{this.unfreeze=()=>{this.statuses.frozen=!1,n()}}),r||await this.opts.beforeStep(this),await((n,o,l)=>new Promise(u=>{l.push(setTimeout(async()=>{await n(),u()},o||0))}))(e,t,this.timeouts),r||await this.opts.afterStep(this)},X=async function(){if(!a(this,i,O).call(this)&&this.cursor&&this.element.appendChild(this.cursor),d(this,i,W)){((n,o)=>{let l=`[${me}='${n}'] .${E}`,u=getComputedStyle(o),h=Object.entries(Oe).reduce((p,[c,y])=>`${p} ${c}: var(--ti-cursor-${c}, ${y||u[c]});`,"");ae(`${l} { display: inline-block; width: 0; ${h} }`,n)})(this.id,this.element),this.cursor.dataset.tiAnimationId=this.id;let{animation:e}=this.opts.cursor,{frames:t,options:r}=e;Te({frames:t,cursor:this.cursor,options:{duration:this.opts.cursorSpeed,...r}})}},O=function(){return _(this.element)},w=function(e,t){return this.queue.add(e),a(this,i,Ce).call(this,t),this},Ce=function(e={}){let t=e.delay;t&&this.queue.add({delay:t})},N=function(e={}){return[{func:()=>a(this,i,L).call(this,e)},{func:()=>a(this,i,L).call(this,this.opts)}]},L=async function(e){this.opts=S(this.opts,e)},ve=function(){let e=this.opts.strings.filter(t=>!!t);e.forEach((t,r)=>{if(this.type(t),r+1===e.length)return;let n=this.opts.breakLines?[{func:()=>a(this,i,H).call(this,$("BR")),typeable:!0}]:A({func:a(this,i,x).bind(this),delay:a(this,i,I).call(this,1)},this.queue.getTypeable().length);a(this,i,J).call(this,n)})},R=new WeakMap,Pe=function(e){let t=this.element.innerHTML;return t?(this.element.innerHTML="",this.opts.startDelete?(this.element.innerHTML=t,Y(this.element),a(this,i,J).call(this,A({func:a(this,i,x).bind(this),delay:a(this,i,I).call(this,1),deletable:!0},d(this,i,T).length)),e):(r=t,r.replace(/<!--(.+?)-->/g,"").trim().split(/<br(?:\s*?)(?:\/)?>/)).concat(e)):e;var r},Se=function(){if(d(this,i,M))return null;let e=$("span");return e.className=E,d(this,i,W)?(e.innerHTML=ge(this.opts.cursorChar).innerHTML,e):(e.style.visibility="hidden",e)},J=function(e){let t=this.opts.nextStringDelay;this.queue.add([{delay:t[0]},...e,{delay:t[1]}])},H=function(e){((t,r)=>{if(_(t))return void(t.value=`${t.value}${r.textContent}`);r.innerHTML="";let n=(o=r.originalParent,/body/i.test(o==null?void 0:o.tagName)?t:r.originalParent||t);var o;let l=K("."+E,n)||null;l&&l.parentElement!==n&&(n=l.parentElement),n.insertBefore(r,l)})(this.element,e)},x=function(){d(this,i,T).length&&(d(this,i,M)?this.element.value=this.element.value.slice(0,-1):a(this,i,z).call(this,d(this,i,T)[this.cursorPosition]))},z=function(e){((t,r)=>{if(!t)return;let n=t.parentNode;(n.childNodes.length>1||n.isSameNode(r)?t:n).remove()})(e,this.element)},I=function(e=0){return function(t){let{speed:r,deleteSpeed:n,lifeLike:o}=t;return n=n!==null?n:r/3,o?[ue(r,he(r)),ue(n,he(n))]:[r,n]}(this.opts)[e]},D=function(){return this.predictedCursorPosition??this.cursorPosition},M=function(){return _(this.element)},W=function(){return!!this.opts.cursor&&!d(this,i,M)},T=function(){return e=this.element,_(e)?fe(e.value):be(e,!0).filter(t=>!(t.childNodes.length>0));var e};var ze=Object.defineProperty,Fe=Object.getOwnPropertyDescriptor,g=(s,e,t,r)=>{for(var n,o=r>1?void 0:r?Fe(e,t):e,l=s.length-1;l>=0;l--)(n=s[l])&&(o=(r?n(e,t,o):n(o))||o);return r&&o&&ze(e,t,o),o};exports.TypewriterElement=class extends xe.$LitElement(ne.css`
+"use strict";var qe=Object.defineProperty;var se=s=>{throw TypeError(s)};var Ne=(s,e,t)=>e in s?qe(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var m=(s,e,t)=>Ne(s,typeof e!="symbol"?e+"":e,t),ie=(s,e,t)=>e.has(s)||se("Cannot "+t);var d=(s,e,t)=>(ie(s,e,"read from private field"),t?t.call(s):e.get(s)),j=(s,e,t)=>e.has(s)?se("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(s):e.set(s,t);var a=(s,e,t)=>(ie(s,e,"access private method"),t);const Le=require("./consume-uKrSupzs.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const xe=require("./litElement.mixin-DcVBwo9t.cjs");require("./tailwind.mixin-B9QsShMd.cjs");const re=require("./delay-C0xLB5YE.cjs"),De=require("./intersection-CVvaDv96.cjs"),ne=require("lit"),f=require("lit/decorators.js"),ye=s=>Array.isArray(s),oe=s=>ye(s)?s:[s],me="data-typeit-id",E="ti-cursor",Me={started:!1,completed:!1,frozen:!1,destroyed:!1},C={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:()=>{}},ke=`[${me}]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}`,$=s=>document.createElement(s),G=s=>document.createTextNode(s),ae=(s,e="")=>{let t=$("style");t.id=e,t.appendChild(G(s)),document.head.appendChild(t)},le=s=>(ye(s)||(s=[s/2,s/2]),s),ue=(s,e)=>Math.abs(Math.random()*(s+e-(s-e))+(s-e));let he=s=>s/2;const fe=s=>Array.from(s);let Y=s=>([...s.childNodes].forEach(e=>{if(e.nodeValue)return[...e.nodeValue].forEach(t=>{e.parentNode.insertBefore(G(t),e)}),void e.remove();Y(e)}),s);const ge=s=>{let e=document.implementation.createHTMLDocument();return e.body.innerHTML=s,Y(e.body)};function be(s,e=!1,t=!1){let r,n=s.querySelector(`.${E}`),o=document.createTreeWalker(s,NodeFilter.SHOW_ALL,{acceptNode:u=>{var h,p;if(n&&t){if((h=u.classList)!=null&&h.contains(E))return NodeFilter.FILTER_ACCEPT;if(n.contains(u))return NodeFilter.FILTER_REJECT}return(p=u.classList)!=null&&p.contains(E)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),l=[];for(;r=o.nextNode();)r.originalParent||(r.originalParent=r.parentNode),l.push(r);return e?l.reverse():l}function Ae(s,e=!0){return e?be(ge(s)):fe(s).map(G)}const _e=({index:s,newIndex:e,queueItems:t,cleanUp:r})=>{for(let n=s+1;n<e+1;n++)r(t[n][0])},we=s=>Number.isInteger(s),ce=({queueItems:s,selector:e,cursorPosition:t,to:r})=>{if(we(e))return-1*e;let n=new RegExp("END","i").test(r),o=e?[...s].reverse().findIndex(({char:l})=>{let u=l.parentElement,h=u.matches(e);return!(!n||!h)||h&&u.firstChild.isSameNode(l)}):-1;return o<0&&(o=n?0:s.length-1),o-t+(n?0:1)},A=(s,e)=>new Array(e).fill(s);let F=s=>new Promise(e=>{requestAnimationFrame(async()=>{e(await s())})}),pe=s=>s==null?void 0:s.getAnimations().find(e=>e.id===s.dataset.tiAnimationId),Te=({cursor:s,frames:e,options:t})=>{let r=s.animate(e,t);return r.pause(),r.id=s.dataset.tiAnimationId,F(()=>{F(()=>{r.play()})}),r},de=s=>{var e;return(e=s.func)==null?void 0:e.call(null)},$e=async({index:s,queueItems:e,wait:t,cursor:r,cursorOptions:n})=>{let o=e[s][1],l=[],u=s,h=o,p=()=>h&&!h.delay,c=o.shouldPauseCursor()&&n.autoPause;for(;p();)l.push(h),p()&&u++,h=e[u]?e[u][1]:null;if(l.length)return await F(async()=>{for(let P of l)await de(P)}),u-1;let y,b=pe(r);return b&&(y={...b.effect.getComputedTiming(),delay:c?n.autoPauseDelay:0}),await t(async()=>{b&&c&&b.cancel(),await F(()=>{de(o)})},o.delay),await(({cursor:P,options:Z,cursorOptions:ee})=>{if(!P||!ee)return;let B,k=pe(P);k&&(Z.delay=k.effect.getComputedTiming().delay,B=k.currentTime,k.cancel());let te=Te({cursor:P,frames:ee.animation.frames,options:Z});return B&&(te.currentTime=B),te})({cursor:r,options:y,cursorOptions:n}),s};const _=s=>"value"in s;let v=s=>typeof s=="function"?s():s,K=(s,e=document,t=!1)=>e["querySelector"+(t?"All":"")](s);const S=(s,e)=>Object.assign({},s,e);let Oe={"font-family":"","font-weight":"","font-size":"","font-style":"","line-height":"",color:"",transform:"translateX(-.125em)"};var i,Ie,q,Q,Ee,U,V,X,O,w,Ce,N,L,ve,R,Pe,Se,J,H,x,z,I,D,M,W,T;class He{constructor(e,t={}){j(this,i);m(this,"element");m(this,"timeouts");m(this,"cursorPosition");m(this,"predictedCursorPosition");m(this,"statuses",{started:!1,completed:!1,frozen:!1,destroyed:!1,firing:!1});m(this,"opts");m(this,"id");m(this,"queue");m(this,"cursor");m(this,"flushCallback",null);m(this,"unfreeze",()=>{});m(this,"is",function(e){return this.statuses[e]});j(this,R,e=>{this.opts.cursor=(t=>{var r,n;if(typeof t=="object"){let o={},{frames:l,options:u}=C.cursor.animation;return o.animation=t.animation||{},o.animation.frames=((r=t.animation)==null?void 0:r.frames)||l,o.animation.options=S(u,((n=t.animation)==null?void 0:n.options)||{}),o.autoPause=t.autoPause??C.cursor.autoPause,o.autoPauseDelay=t.autoPauseDelay||C.cursor.autoPauseDelay,o}return t===!0?C.cursor:t})(e.cursor??C.cursor),this.opts.strings=a(this,i,Pe).call(this,oe(this.opts.strings)),this.opts=S(this.opts,{html:!d(this,i,M)&&this.opts.html,nextStringDelay:le(this.opts.nextStringDelay),loopDelay:le(this.opts.loopDelay)})});var r;this.opts=S(C,t),this.element=typeof(r=e)=="string"?K(r):r,this.timeouts=[],this.cursorPosition=0,this.unfreeze=()=>{},this.predictedCursorPosition=null,this.statuses=S({},Me),this.id=Math.random().toString().substring(2,9),this.queue=function(n){let o=function(c){return oe(c).forEach(y=>{var b;return p.set(Symbol((b=y.char)==null?void 0:b.innerText),l({...y}))}),this},l=c=>(c.shouldPauseCursor=function(){return!!(this.typeable||this.cursorable||this.deletable)},c),u=()=>p,h=()=>Array.from(p.values()),p=new Map;return o(n),{add:o,set:function(c,y){let b=[...p.keys()];p.set(b[c],l(y))},wipe:function(){p=new Map,o(n)},done:(c,y=!1)=>y?p.delete(c):p.get(c).done=!0,reset:function(){p.forEach(c=>delete c.done)},destroy:c=>p.delete(c),getItems:(c=!1)=>c?h():h().filter(y=>!y.done),getQueue:u,getTypeable:()=>h().filter(c=>c.typeable),getPendingQueueItems:()=>{const c=[];for(let[,y]of u())y.done||c.push(y);return c}}}([{delay:this.opts.startDelay}]),d(this,R).call(this,t),this.cursor=a(this,i,Se).call(this),this.element.dataset.typeitId=this.id,ae(ke),this.opts.strings.length&&a(this,i,ve).call(this)}go(){return this.statuses.started?this:(a(this,i,X).call(this),this.opts.waitUntilVisible?(e=this.element,t=a(this,i,q).bind(this),new IntersectionObserver((r,n)=>{r.forEach(o=>{o.isIntersecting&&(t(),n.unobserve(e))})},{threshold:1}).observe(e),this):(a(this,i,q).call(this),this));var e,t}destroy(e=!0){this.timeouts=(this.timeouts.forEach(clearTimeout),[]),v(e)&&this.cursor&&a(this,i,z).call(this,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[a(this,i,O).call(this)?"value":"innerHTML"]="",this}type(e,t={}){e=v(e);let{instant:r}=t,n=a(this,i,N).call(this,t),o=Ae(e,this.opts.html).map(u=>{return{func:()=>a(this,i,H).call(this,u),char:u,delay:r||(h=u,/<(.+)>(.*?)<\/(.+)>/.test(h.outerHTML))?0:a(this,i,I).call(this),typeable:u.nodeType===Node.TEXT_NODE};var h}),l=[n[0],{func:async()=>await this.opts.beforeString(e,this)},...o,{func:async()=>await this.opts.afterString(e,this)},n[1]];return a(this,i,w).call(this,l,t)}break(e={}){return a(this,i,w).call(this,{func:()=>a(this,i,H).call(this,$("BR")),typeable:!0},e)}move(e,t={}){e=v(e);let r=a(this,i,N).call(this,t),{instant:n,to:o}=t,l=ce({queueItems:this.queue.getTypeable(),selector:e===null?"":e,to:o,cursorPosition:d(this,i,D)}),u=l<0?-1:1;return this.predictedCursorPosition=d(this,i,D)+l,a(this,i,w).call(this,[r[0],...A({func:()=>a(this,i,Q).call(this,u),delay:n?0:a(this,i,I).call(this),cursorable:!0},Math.abs(l)),r[1]],t)}exec(e,t={}){let r=a(this,i,N).call(this,t);return a(this,i,w).call(this,[r[0],{func:()=>e(this)},r[1]],t)}options(e,t={}){return e=v(e),a(this,i,L).call(this,e),a(this,i,w).call(this,{},t)}pause(e,t={}){return a(this,i,w).call(this,{delay:v(e)},t)}delete(e=null,t={}){e=v(e);let r=a(this,i,N).call(this,t),n=e,{instant:o,to:l}=t,u=this.queue.getTypeable(),h=n===null?u.length:we(n)?n:ce({queueItems:u,selector:n,cursorPosition:d(this,i,D),to:l});return a(this,i,w).call(this,[r[0],...A({func:a(this,i,x).bind(this),delay:o?0:a(this,i,I).call(this,1),deletable:!0},h),r[1]],t)}freeze(){this.statuses.frozen=!0}flush(e=null){return this.flushCallback=e||this.flushCallback,this.statuses.firing||(a(this,i,X).call(this),a(this,i,q).call(this,!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 a(this,i,L).call(this,e)}getElement(){return this.element}empty(e={}){return a(this,i,w).call(this,{func:a(this,i,Ie).bind(this)},e)}}i=new WeakSet,Ie=async function(){a(this,i,O).call(this)?this.element.value="":d(this,i,T).forEach(a(this,i,z).bind(this))},q=async function(e=!0){this.statuses.started=!0,this.statuses.firing=!0;let t=r=>{this.queue.done(r,!e)};try{let r=[...this.queue.getQueue()];for(let o=0;o<r.length;o++){let[l,u]=r[o];if(!u.done){if(!u.deletable||u.deletable&&d(this,i,T).length){let h=await a(this,i,U).call(this,o,r);_e({index:o,newIndex:h,queueItems:r,cleanUp:t}),o=h}t(l)}}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 n=this.opts.loopDelay;a(this,i,V).call(this,async()=>{await a(this,i,Ee).call(this,n[0]),a(this,i,q).call(this)},n[1])}catch{}return this.statuses.firing=!1,this},Q=async function(e){var t,r,n;this.cursorPosition=(t=e,r=this.cursorPosition,n=d(this,i,T),Math.min(Math.max(r+t,0),n.length)),((o,l,u)=>{let h=l[u-1],p=K(`.${E}`,o);(o=(h==null?void 0:h.parentNode)||o).insertBefore(p,h||null)})(this.element,d(this,i,T),this.cursorPosition)},Ee=async function(e){let t=d(this,i,D);t&&await a(this,i,Q).call(this,{value:t});let r=d(this,i,T).map(n=>[Symbol(),{func:a(this,i,x).bind(this),delay:a(this,i,I).call(this,1),deletable:!0,shouldPauseCursor:()=>!0}]);for(let n=0;n<r.length;n++)await a(this,i,U).call(this,n,r);this.queue.reset(),this.queue.set(0,{delay:e})},U=function(e,t){return $e({index:e,queueItems:t,wait:a(this,i,V).bind(this),cursor:this.cursor,cursorOptions:this.opts.cursor})},V=async function(e,t,r=!1){this.statuses.frozen&&await new Promise(n=>{this.unfreeze=()=>{this.statuses.frozen=!1,n()}}),r||await this.opts.beforeStep(this),await((n,o,l)=>new Promise(u=>{l.push(setTimeout(async()=>{await n(),u()},o||0))}))(e,t,this.timeouts),r||await this.opts.afterStep(this)},X=async function(){if(!a(this,i,O).call(this)&&this.cursor&&this.element.appendChild(this.cursor),d(this,i,W)){((n,o)=>{let l=`[${me}='${n}'] .${E}`,u=getComputedStyle(o),h=Object.entries(Oe).reduce((p,[c,y])=>`${p} ${c}: var(--ti-cursor-${c}, ${y||u[c]});`,"");ae(`${l} { display: inline-block; width: 0; ${h} }`,n)})(this.id,this.element),this.cursor.dataset.tiAnimationId=this.id;let{animation:e}=this.opts.cursor,{frames:t,options:r}=e;Te({frames:t,cursor:this.cursor,options:{duration:this.opts.cursorSpeed,...r}})}},O=function(){return _(this.element)},w=function(e,t){return this.queue.add(e),a(this,i,Ce).call(this,t),this},Ce=function(e={}){let t=e.delay;t&&this.queue.add({delay:t})},N=function(e={}){return[{func:()=>a(this,i,L).call(this,e)},{func:()=>a(this,i,L).call(this,this.opts)}]},L=async function(e){this.opts=S(this.opts,e)},ve=function(){let e=this.opts.strings.filter(t=>!!t);e.forEach((t,r)=>{if(this.type(t),r+1===e.length)return;let n=this.opts.breakLines?[{func:()=>a(this,i,H).call(this,$("BR")),typeable:!0}]:A({func:a(this,i,x).bind(this),delay:a(this,i,I).call(this,1)},this.queue.getTypeable().length);a(this,i,J).call(this,n)})},R=new WeakMap,Pe=function(e){let t=this.element.innerHTML;return t?(this.element.innerHTML="",this.opts.startDelete?(this.element.innerHTML=t,Y(this.element),a(this,i,J).call(this,A({func:a(this,i,x).bind(this),delay:a(this,i,I).call(this,1),deletable:!0},d(this,i,T).length)),e):(r=t,r.replace(/<!--(.+?)-->/g,"").trim().split(/<br(?:\s*?)(?:\/)?>/)).concat(e)):e;var r},Se=function(){if(d(this,i,M))return null;let e=$("span");return e.className=E,d(this,i,W)?(e.innerHTML=ge(this.opts.cursorChar).innerHTML,e):(e.style.visibility="hidden",e)},J=function(e){let t=this.opts.nextStringDelay;this.queue.add([{delay:t[0]},...e,{delay:t[1]}])},H=function(e){((t,r)=>{if(_(t))return void(t.value=`${t.value}${r.textContent}`);r.innerHTML="";let n=(o=r.originalParent,/body/i.test(o==null?void 0:o.tagName)?t:r.originalParent||t);var o;let l=K("."+E,n)||null;l&&l.parentElement!==n&&(n=l.parentElement),n.insertBefore(r,l)})(this.element,e)},x=function(){d(this,i,T).length&&(d(this,i,M)?this.element.value=this.element.value.slice(0,-1):a(this,i,z).call(this,d(this,i,T)[this.cursorPosition]))},z=function(e){((t,r)=>{if(!t)return;let n=t.parentNode;(n.childNodes.length>1||n.isSameNode(r)?t:n).remove()})(e,this.element)},I=function(e=0){return function(t){let{speed:r,deleteSpeed:n,lifeLike:o}=t;return n=n!==null?n:r/3,o?[ue(r,he(r)),ue(n,he(n))]:[r,n]}(this.opts)[e]},D=function(){return this.predictedCursorPosition??this.cursorPosition},M=function(){return _(this.element)},W=function(){return!!this.opts.cursor&&!d(this,i,M)},T=function(){return e=this.element,_(e)?fe(e.value):be(e,!0).filter(t=>!(t.childNodes.length>0));var e};var ze=Object.defineProperty,Fe=Object.getOwnPropertyDescriptor,g=(s,e,t,r)=>{for(var n,o=r>1?void 0:r?Fe(e,t):e,l=s.length-1;l>=0;l--)(n=s[l])&&(o=(r?n(e,t,o):n(o))||o);return r&&o&&ze(e,t,o),o};exports.TypewriterElement=class extends xe.$LitElement(ne.css`
 	:host {
 		display: inherit;
 	}
@@ -18,4 +18,4 @@
 					@slotchange=${()=>{this._startTyping()}}
 				></slot>
 			</div> `}},g([f.property({type:Number})],exports.TypewriterElement.prototype,"speed",2),g([Le.c({context:re.delayContext,subscribe:!0}),f.property({type:Number})],exports.TypewriterElement.prototype,"delay",2),g([f.property({type:Boolean})],exports.TypewriterElement.prototype,"autoStart",2),g([f.property({type:String})],exports.TypewriterElement.prototype,"cursorChar",2),g([f.property({type:Number})],exports.TypewriterElement.prototype,"deleteSpeed",2),g([f.property({type:Boolean})],exports.TypewriterElement.prototype,"once",2),g([f.query("#typewriter")],exports.TypewriterElement.prototype,"typewriterContainer",2),g([f.queryAssignedNodes({flatten:!0})],exports.TypewriterElement.prototype,"_getSlottedNodes",2),g([f.queryAssignedElements({flatten:!0})],exports.TypewriterElement.prototype,"_getSlottedElements",2),exports.TypewriterElement=g([f.customElement("schmancy-typewriter")],exports.TypewriterElement);
-//# sourceMappingURL=typewriter-DXYFRAAl.cjs.map
+//# sourceMappingURL=typewriter-CFgNAfJm.cjs.map