@mhmo91/schmancy 0.4.71 → 0.4.73

package/dist/notification-service-y0T4rXdS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-service-y0T4rXdS.js","sources":["../src/notification/notification.ts","../src/notification/notification-audio-generator.ts","../src/notification/notification-audio.ts","../src/notification/notification-container.ts","../src/notification/notification-service.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { html, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport '@schmancy/progress'\nimport style from './notification.scss?inline'\n\nexport type NotificationType = 'info' | 'success' | 'warning' | 'error'\n\n/**\n * @fires close - When notification is closed\n */\n@customElement('sch-notification')\nexport default class SchmancyNotification extends $LitElement(style) {\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) message = ''\n\t@property({ type: String }) type: NotificationType = 'info'\n\t@property({ type: Boolean }) closable = true\n\t@property({ type: Number }) duration = 5000 // 0 means no auto-close\n\t@property({ type: String }) id = `notification-${Date.now()}-${Math.floor(Math.random() * 10000)}`\n\t@property({ type: Boolean }) playSound = true\n\t@property({ type: Boolean }) showProgress = false // Show indeterminate progress bar\n\n\t@state() private _visible = true\n\t@state() private _progress = 100\n\t@state() private _hovered = false\n\t@state() private _closing = false\n\t@state() private _autoCloseTimer?: number\n\t@state() private _progressTimer?: number\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tif (this.duration > 0) {\n\t\t\tthis._startAutoCloseTimer()\n\t\t}\n\n\t\tif (this.playSound) {\n\t\t\tthis._playSound()\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis._clearTimers()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('duration') && this.duration > 0) {\n\t\t\tthis._clearTimers()\n\t\t\tthis._startAutoCloseTimer()\n\t\t}\n\t}\n\n\tprivate _startAutoCloseTimer() {\n\t\tif (this.duration <= 0) return\n\n\t\tconst startTime = Date.now()\n\t\tconst endTime = startTime + this.duration\n\n\t\t// Setup the auto-close timer\n\t\tthis._autoCloseTimer = window.setTimeout(() => {\n\t\t\tthis.close()\n\t\t}, this.duration)\n\n\t\t// Setup the progress timer to update every 16ms (60fps)\n\t\tthis._progressTimer = window.setInterval(() => {\n\t\t\tif (this._hovered) return\n\n\t\t\tconst now = Date.now()\n\t\t\tconst remaining = Math.max(0, endTime - now)\n\t\t\tthis._progress = (remaining / this.duration) * 100\n\n\t\t\tif (remaining <= 0) {\n\t\t\t\tthis._clearTimers()\n\t\t\t}\n\t\t}, 16)\n\t}\n\n\tprivate _clearTimers() {\n\t\tif (this._autoCloseTimer) {\n\t\t\tclearTimeout(this._autoCloseTimer)\n\t\t\tthis._autoCloseTimer = undefined\n\t\t}\n\n\t\tif (this._progressTimer) {\n\t\t\tclearInterval(this._progressTimer)\n\t\t\tthis._progressTimer = undefined\n\t\t}\n\t}\n\n\tprivate _pauseTimers() {\n\t\tthis._clearTimers()\n\t}\n\n\tprivate _resumeTimers() {\n\t\tif (this.duration > 0) {\n\t\t\t// Calculate remaining time based on progress\n\t\t\tconst remainingTime = (this._progress / 100) * this.duration\n\n\t\t\tif (remainingTime > 0) {\n\t\t\t\tthis._autoCloseTimer = window.setTimeout(() => {\n\t\t\t\t\tthis.close()\n\t\t\t\t}, remainingTime)\n\n\t\t\t\tconst startTime = Date.now()\n\t\t\t\tconst endTime = startTime + remainingTime\n\n\t\t\t\tthis._progressTimer = window.setInterval(() => {\n\t\t\t\t\tif (this._hovered) return\n\n\t\t\t\t\tconst now = Date.now()\n\t\t\t\t\tconst remaining = Math.max(0, endTime - now)\n\t\t\t\t\tthis._progress = (remaining / remainingTime) * 100\n\n\t\t\t\t\tif (remaining <= 0) {\n\t\t\t\t\t\tthis._clearTimers()\n\t\t\t\t\t}\n\t\t\t\t}, 16)\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _playSound() {\n\t\t// Dispatch event to play sound through audio service\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('playsound', {\n\t\t\t\tdetail: { type: this.type },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate _handleMouseEnter() {\n\t\tthis._hovered = true\n\t\tthis._pauseTimers()\n\t}\n\n\tprivate _handleMouseLeave() {\n\t\tthis._hovered = false\n\t\tthis._resumeTimers()\n\t}\n\n\tpublic close() {\n\t\tif (this._closing) return\n\n\t\tthis._closing = true\n\t\tthis._clearTimers()\n\n\t\t// Add closing animation\n\t\tthis._visible = false\n\n\t\t// Dispatch close event\n\t\tsetTimeout(() => {\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('close', {\n\t\t\t\t\tdetail: { id: this.id },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}, 300) // Match animation duration\n\t}\n\n\trender() {\n\t\tif (!this._visible && this._closing) return html``\n\n\t\tconst typeStyles = this._getTypeStyles()\n\n\t\t// Calculate elevation based on hover state\n\t\tconst elevationLevel = this._hovered ? '3' : '2'\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${classMap({\n\t\t\t\t\tnotification: true,\n\t\t\t\t\tclosing: this._closing,\n\t\t\t\t\t[this.type]: true,\n\t\t\t\t})}\n\t\t\t\trole=\"alert\"\n\t\t\t\tstyle=${styleMap({\n\t\t\t\t\ttransform: this._closing ? 'translateX(120%)' : 'translateX(0)',\n\t\t\t\t\topacity: this._closing ? '0' : '1',\n\t\t\t\t\tboxShadow: `var(--schmancy-sys-elevation-${elevationLevel})`,\n\t\t\t\t\ttransition:\n\t\t\t\t\t\t'transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease',\n\t\t\t\t})}\n\t\t\t\t@mouseenter=${this._handleMouseEnter}\n\t\t\t\t@mouseleave=${this._handleMouseLeave}\n\t\t\t>\n\t\t\t\t<div class=\"notification-content\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"icon-container\"\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: typeStyles.iconColor,\n\t\t\t\t\t\t\tbgColor: `color-mix(in srgb, ${typeStyles.iconColor} 10%, transparent)`,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t${typeStyles.icon}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t${this.title\n\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclass=\"title\"\n\t\t\t\t\t\t\t\t\t\tstyle=${styleMap({\n\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\tthis.type === 'info'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? `color-mix(in srgb, ${SchmancyTheme.sys.color.primary.default} 90%, ${SchmancyTheme.sys.color.surface.on} 10%)`\n\t\t\t\t\t\t\t\t\t\t\t\t\t: this.type === 'success'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `color-mix(in srgb, ${SchmancyTheme.sys.color.success.default} 90%, ${SchmancyTheme.sys.color.surface.on} 10%)`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: this.type === 'warning'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `color-mix(in srgb, ${SchmancyTheme.sys.color.tertiary.default} 90%, ${SchmancyTheme.sys.color.surface.on} 10%)`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: `color-mix(in srgb, ${SchmancyTheme.sys.color.error.default} 90%, ${SchmancyTheme.sys.color.surface.on} 10%)`,\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t${this.title}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t: ''}\n\n\t\t\t\t\t\t<div class=\"message\">${this.message}</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t${this.closable\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"close-button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Close notification\"\n\t\t\t\t\t\t\t\t\t@click=${this.close}\n\t\t\t\t\t\t\t\t\tstyle=${styleMap({\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\tthis.type === 'info'\n\t\t\t\t\t\t\t\t\t\t\t\t? SchmancyTheme.sys.color.surface.onVariant\n\t\t\t\t\t\t\t\t\t\t\t\t: `color-mix(in srgb, ${typeStyles.iconColor} 80%, ${SchmancyTheme.sys.color.surface.onVariant} 20%)`,\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\twidth=\"18\"\n\t\t\t\t\t\t\t\t\t\theight=\"18\"\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n\t\t\t\t\t\t\t\t\t\t<line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t`\n\t\t\t\t\t\t: ''}\n\t\t\t\t</div>\n\n\t\t\t\t${this.showProgress || this.duration > 0\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<schmancy-progress\n\t\t\t\t\t\t\t\tstyle=\"position: absolute; bottom: 0; left: 0; right: 0; width: 100%;\"\n\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t.color=${this.type === 'error' ? 'error' : this.type === 'success' ? 'success' : 'primary'}\n\t\t\t\t\t\t\t\t?indeterminate=${this.showProgress}\n\t\t\t\t\t\t\t\t.value=${this.showProgress ? 0 : this._progress}\n\t\t\t\t\t\t\t\t.max=${100}\n\t\t\t\t\t\t\t></schmancy-progress>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate _getTypeStyles() {\n\t\tswitch (this.type) {\n\t\t\tcase 'success':\n\t\t\t\treturn {\n\t\t\t\t\ticon: html`\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"></path>\n\t\t\t\t\t\t\t<polyline points=\"22 4 12 14.01 9 11.01\"></polyline>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t`,\n\t\t\t\t\ticonColor: SchmancyTheme.sys.color.success.default,\n\t\t\t\t\tprogressColor: `color-mix(in srgb, ${SchmancyTheme.sys.color.success.default} 95%, ${SchmancyTheme.sys.color.success.container} 5%)`,\n\t\t\t\t}\n\t\t\tcase 'warning':\n\t\t\t\treturn {\n\t\t\t\t\ticon: html`\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"></path>\n\t\t\t\t\t\t\t<line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"></line>\n\t\t\t\t\t\t\t<line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"></line>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t`,\n\t\t\t\t\ticonColor: SchmancyTheme.sys.color.tertiary.default,\n\t\t\t\t\tprogressColor: `color-mix(in srgb, ${SchmancyTheme.sys.color.tertiary.default} 90%, ${SchmancyTheme.sys.color.tertiary.container} 10%)`,\n\t\t\t\t}\n\t\t\tcase 'error':\n\t\t\t\treturn {\n\t\t\t\t\ticon: html`\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n\t\t\t\t\t\t\t<line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"></line>\n\t\t\t\t\t\t\t<line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"></line>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t`,\n\t\t\t\t\ticonColor: SchmancyTheme.sys.color.error.default,\n\t\t\t\t\tprogressColor: `color-mix(in srgb, ${SchmancyTheme.sys.color.error.default} 92%, ${SchmancyTheme.sys.color.error.container} 8%)`,\n\t\t\t\t}\n\t\t\tcase 'info':\n\t\t\tdefault:\n\t\t\t\treturn {\n\t\t\t\t\ticon: html`\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n\t\t\t\t\t\t\t<line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"></line>\n\t\t\t\t\t\t\t<line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"></line>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t`,\n\t\t\t\t\ticonColor: SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\tprogressColor: `color-mix(in srgb, ${SchmancyTheme.sys.color.primary.default} 94%, ${SchmancyTheme.sys.color.primary.container} 6%)`,\n\t\t\t\t}\n\t\t}\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-notification': SchmancyNotification\n\t}\n}\n","/**\n * Programmatic sound generator for Schmancy notifications\n * Uses Web Audio API to generate gentle, subtle and soft sounds for each notification type\n */\nexport class NotificationSoundGenerator {\n\tprivate audioContext: AudioContext | null = null\n\n\t/**\n\t * Get or create AudioContext\n\t */\n\tprivate getAudioContext(): AudioContext {\n\t\tif (!this.audioContext) {\n\t\t\tconst AudioContextClass = window.AudioContext || (window as any).webkitAudioContext\n\t\t\tthis.audioContext = new AudioContextClass()\n\t\t}\n\t\treturn this.audioContext\n\t}\n\n\tpublic playInfoSound(volume = 0.2): void {\n\t\tconst ctx = this.getAudioContext()\n\t\tconst now = ctx.currentTime\n\n\t\tconst oscillator = ctx.createOscillator()\n\t\tconst gainNode = ctx.createGain()\n\t\tconst filter = ctx.createBiquadFilter()\n\n\t\toscillator.type = 'sine'\n\t\toscillator.frequency.setValueAtTime(392, now) // G4\n\t\toscillator.frequency.exponentialRampToValueAtTime(523.25, now + 0.25) // C5\n\n\t\tfilter.type = 'lowpass'\n\t\tfilter.frequency.value = 1500\n\n\t\tgainNode.gain.setValueAtTime(0.0001, now)\n\t\tgainNode.gain.exponentialRampToValueAtTime(volume, now + 0.15)\n\t\tgainNode.gain.exponentialRampToValueAtTime(0.0001, now + 0.4)\n\n\t\toscillator.connect(filter).connect(gainNode).connect(ctx.destination)\n\t\toscillator.start(now)\n\t\toscillator.stop(now + 0.45)\n\t}\n\n\tpublic playSuccessSound(volume = 0.2): void {\n\t\tconst ctx = this.getAudioContext()\n\t\tconst now = ctx.currentTime\n\n\t\tconst createBell = (freq: number, start: number, duration: number) => {\n\t\t\tconst osc = ctx.createOscillator()\n\t\t\tconst gain = ctx.createGain()\n\t\t\tconst filter = ctx.createBiquadFilter()\n\n\t\t\tosc.type = 'sine'\n\t\t\tosc.frequency.setValueAtTime(freq, now)\n\t\t\tfilter.type = 'lowpass'\n\t\t\tfilter.frequency.value = freq * 4\n\n\t\t\tgain.gain.setValueAtTime(0.0001, now)\n\t\t\tgain.gain.exponentialRampToValueAtTime(volume, now + 0.1)\n\t\t\tgain.gain.exponentialRampToValueAtTime(0.0001, now + duration)\n\n\t\t\tosc.connect(filter).connect(gain).connect(ctx.destination)\n\t\t\tosc.start(now + start)\n\t\t\tosc.stop(now + duration)\n\t\t}\n\n\t\tcreateBell(659.25, 0, 0.6) // E5\n\t\tcreateBell(523.25, 0.05, 0.55) // C5\n\t}\n\n\tpublic playWarningSound(volume = 0.25): void {\n\t\tconst ctx = this.getAudioContext()\n\t\tconst now = ctx.currentTime\n\n\t\tconst osc1 = ctx.createOscillator()\n\t\tconst osc2 = ctx.createOscillator()\n\t\tconst gain = ctx.createGain()\n\t\tconst filter = ctx.createBiquadFilter()\n\n\t\tosc1.type = 'sine'\n\t\tosc2.type = 'sine'\n\t\tosc1.frequency.setValueAtTime(349.23, now) // F4\n\t\tosc2.frequency.setValueAtTime(440, now) // A4\n\n\t\tfilter.type = 'lowpass'\n\t\tfilter.frequency.value = 1000\n\n\t\tgain.gain.setValueAtTime(0.0001, now)\n\t\tgain.gain.exponentialRampToValueAtTime(volume, now + 0.08)\n\t\tgain.gain.exponentialRampToValueAtTime(0.0001, now + 0.5)\n\n\t\tosc1.connect(filter)\n\t\tosc2.connect(filter)\n\t\tfilter.connect(gain).connect(ctx.destination)\n\n\t\tosc1.start(now)\n\t\tosc2.start(now)\n\t\tosc1.stop(now + 0.55)\n\t\tosc2.stop(now + 0.55)\n\t}\n\n\tpublic playErrorSound(volume = 0.25): void {\n\t\tconst ctx = this.getAudioContext()\n\t\tconst now = ctx.currentTime\n\n\t\tconst osc = ctx.createOscillator()\n\t\tconst gain = ctx.createGain()\n\t\tconst filter = ctx.createBiquadFilter()\n\n\t\tosc.type = 'triangle'\n\t\tosc.frequency.setValueAtTime(220, now) // A3\n\t\tosc.frequency.exponentialRampToValueAtTime(1760, now + 0.3) // A6\n\n\t\tfilter.type = 'lowpass'\n\t\tfilter.frequency.value = 800\n\t\tfilter.Q.value = 0.5\n\n\t\tgain.gain.setValueAtTime(0.0001, now)\n\t\tgain.gain.exponentialRampToValueAtTime(volume * 0.8, now + 0.1)\n\t\tgain.gain.exponentialRampToValueAtTime(0.0001, now + 0.7)\n\n\t\tosc.connect(filter).connect(gain).connect(ctx.destination)\n\t\tosc.start(now)\n\t\tosc.stop(now + 0.75)\n\t}\n\n\t/**\n\t * Generate audio blob files for all notification sounds\n\t * Returns a Promise that resolves with URLs to the generated audio files\n\t */\n\tpublic async generateAudioFiles(volume = 0.25): Promise<Record<string, string>> {\n\t\t// Create offline audio context for rendering\n\t\tconst sampleRate = 44100\n\t\tconst duration = 1 // 1 second duration to capture the full sound\n\n\t\tconst audioUrls: Record<string, string> = {}\n\n\t\t// Generate info sound\n\t\taudioUrls.info = await this.generateAudioFile(\n\t\t\tasync ctx => {\n\t\t\t\t// Create oscillator for main tone\n\t\t\t\tconst oscillator = ctx.createOscillator()\n\t\t\t\toscillator.type = 'sine'\n\t\t\t\toscillator.frequency.setValueAtTime(320, 0)\n\t\t\t\toscillator.frequency.exponentialRampToValueAtTime(520, 0.3)\n\n\t\t\t\t// Create gain node for volume control with softer attack/release\n\t\t\t\tconst gainNode = ctx.createGain()\n\t\t\t\tgainNode.gain.setValueAtTime(0, 0)\n\t\t\t\tgainNode.gain.linearRampToValueAtTime(volume, 0.1)\n\t\t\t\tgainNode.gain.linearRampToValueAtTime(0, 0.5)\n\n\t\t\t\t// Connect and play\n\t\t\t\toscillator.connect(gainNode)\n\t\t\t\tgainNode.connect(ctx.destination)\n\t\t\t\toscillator.start()\n\t\t\t\toscillator.stop(0.5)\n\t\t\t},\n\t\t\tsampleRate,\n\t\t\tduration,\n\t\t)\n\n\t\t// Generate success sound\n\t\taudioUrls.success = await this.generateAudioFile(\n\t\t\tasync ctx => {\n\t\t\t\t// Create main oscillator (higher note)\n\t\t\t\tconst osc1 = ctx.createOscillator()\n\t\t\t\tosc1.type = 'sine'\n\t\t\t\tosc1.frequency.setValueAtTime(660, 0)\n\n\t\t\t\t// Create secondary oscillator (lower note)\n\t\t\t\tconst osc2 = ctx.createOscillator()\n\t\t\t\tosc2.type = 'sine'\n\t\t\t\tosc2.frequency.setValueAtTime(440, 0)\n\n\t\t\t\t// Create gain nodes with softer envelope\n\t\t\t\tconst gain1 = ctx.createGain()\n\t\t\t\tgain1.gain.setValueAtTime(0, 0)\n\t\t\t\tgain1.gain.linearRampToValueAtTime(volume, 0.1)\n\t\t\t\tgain1.gain.linearRampToValueAtTime(0, 0.5)\n\n\t\t\t\tconst gain2 = ctx.createGain()\n\t\t\t\tgain2.gain.setValueAtTime(0, 0)\n\t\t\t\tgain2.gain.linearRampToValueAtTime(volume * 0.6, 0.15)\n\t\t\t\tgain2.gain.linearRampToValueAtTime(0, 0.7)\n\n\t\t\t\t// Connect and play\n\t\t\t\tosc1.connect(gain1)\n\t\t\t\tgain1.connect(ctx.destination)\n\n\t\t\t\tosc2.connect(gain2)\n\t\t\t\tgain2.connect(ctx.destination)\n\n\t\t\t\tosc1.start()\n\t\t\t\tosc2.start(0.15)\n\n\t\t\t\tosc1.stop(0.5)\n\t\t\t\tosc2.stop(0.7)\n\t\t\t},\n\t\t\tsampleRate,\n\t\t\tduration,\n\t\t)\n\n\t\t// Generate warning sound\n\t\taudioUrls.warning = await this.generateAudioFile(\n\t\t\tasync ctx => {\n\t\t\t\t// Create oscillators for a two-tone warning\n\t\t\t\tconst osc1 = ctx.createOscillator()\n\t\t\t\tosc1.type = 'sine'\n\t\t\t\tosc1.frequency.setValueAtTime(293.66, 0)\n\n\t\t\t\tconst osc2 = ctx.createOscillator()\n\t\t\t\tosc2.type = 'sine'\n\t\t\t\tosc2.frequency.setValueAtTime(349.23, 0)\n\n\t\t\t\t// Create gain node with softer envelope\n\t\t\t\tconst gain = ctx.createGain()\n\t\t\t\tgain.gain.setValueAtTime(0, 0)\n\t\t\t\tgain.gain.linearRampToValueAtTime(volume, 0.1)\n\t\t\t\tgain.gain.linearRampToValueAtTime(volume * 0.6, 0.2)\n\t\t\t\tgain.gain.linearRampToValueAtTime(volume * 0.8, 0.3)\n\t\t\t\tgain.gain.linearRampToValueAtTime(0, 0.6)\n\n\t\t\t\t// Connect and play\n\t\t\t\tosc1.connect(gain)\n\t\t\t\tosc2.connect(gain)\n\t\t\t\tgain.connect(ctx.destination)\n\n\t\t\t\tosc1.start()\n\t\t\t\tosc2.start()\n\n\t\t\t\tosc1.stop(0.6)\n\t\t\t\tosc2.stop(0.6)\n\t\t\t},\n\t\t\tsampleRate,\n\t\t\tduration,\n\t\t)\n\n\t\t// Generate error sound\n\t\taudioUrls.error = await this.generateAudioFile(\n\t\t\tasync ctx => {\n\t\t\t\t// Create main oscillator\n\t\t\t\tconst osc = ctx.createOscillator()\n\t\t\t\tosc.type = 'sine'\n\t\t\t\tosc.frequency.setValueAtTime(196, 0)\n\n\t\t\t\t// Create gain node with softer envelope\n\t\t\t\tconst gain = ctx.createGain()\n\t\t\t\tgain.gain.setValueAtTime(0, 0)\n\t\t\t\tgain.gain.linearRampToValueAtTime(volume, 0.1)\n\t\t\t\tgain.gain.linearRampToValueAtTime(volume * 0.4, 0.2)\n\t\t\t\tgain.gain.linearRampToValueAtTime(volume * 0.6, 0.3)\n\t\t\t\tgain.gain.linearRampToValueAtTime(0, 0.7)\n\n\t\t\t\t// Additional filter to make it even softer\n\t\t\t\tconst filter = ctx.createBiquadFilter()\n\t\t\t\tfilter.type = 'lowpass'\n\t\t\t\tfilter.frequency.value = 600\n\t\t\t\tfilter.Q.value = 0.7\n\n\t\t\t\t// Connect and play\n\t\t\t\tosc.connect(filter)\n\t\t\t\tfilter.connect(gain)\n\t\t\t\tgain.connect(ctx.destination)\n\n\t\t\t\tosc.start()\n\t\t\t\tosc.stop(0.7)\n\t\t\t},\n\t\t\tsampleRate,\n\t\t\tduration,\n\t\t)\n\n\t\treturn audioUrls\n\t}\n\n\t/**\n\t * Generate an audio file from a sound generation function\n\t * @param renderFunction Function that creates the sound in the provided context\n\t * @param sampleRate Sample rate for the audio\n\t * @param duration Duration in seconds\n\t * @returns Promise that resolves with the URL to the generated audio file\n\t */\n\tprivate async generateAudioFile(\n\t\trenderFunction: (ctx: OfflineAudioContext) => Promise<void>,\n\t\tsampleRate = 44100,\n\t\tduration = 1,\n\t): Promise<string> {\n\t\t// Create offline context\n\t\tconst offlineCtx = new OfflineAudioContext(2, sampleRate * duration, sampleRate)\n\n\t\t// Render the sound\n\t\tawait renderFunction(offlineCtx)\n\n\t\t// Render the audio\n\t\tconst audioBuffer = await offlineCtx.startRendering()\n\n\t\t// Convert to WAV format\n\t\tconst wavBlob = this.audioBufferToWav(audioBuffer)\n\n\t\t// Create URL\n\t\treturn URL.createObjectURL(wavBlob)\n\t}\n\n\t/**\n\t * Convert AudioBuffer to WAV format\n\t * Based on https://github.com/Jam3/audiobuffer-to-wav\n\t */\n\tprivate audioBufferToWav(buffer: AudioBuffer): Blob {\n\t\tconst numChannels = buffer.numberOfChannels\n\t\tconst sampleRate = buffer.sampleRate\n\t\tconst format = 1 // PCM\n\t\tconst bitDepth = 16\n\n\t\tconst bytesPerSample = bitDepth / 8\n\t\tconst blockAlign = numChannels * bytesPerSample\n\n\t\tconst samples = this.getAudioSamples(buffer, bitDepth)\n\t\tconst dataLength = samples.length * bytesPerSample\n\n\t\t// Create WAV header\n\t\tconst headerLength = 44\n\t\tconst wavBuffer = new ArrayBuffer(headerLength + dataLength)\n\t\tconst view = new DataView(wavBuffer)\n\n\t\t// RIFF identifier\n\t\tthis.writeString(view, 0, 'RIFF')\n\t\t// File length minus RIFF identifier and file size\n\t\tview.setUint32(4, 36 + dataLength, true)\n\t\t// RIFF type\n\t\tthis.writeString(view, 8, 'WAVE')\n\t\t// Format chunk identifier\n\t\tthis.writeString(view, 12, 'fmt ')\n\t\t// Format chunk length\n\t\tview.setUint32(16, 16, true)\n\t\t// Sample format (PCM)\n\t\tview.setUint16(20, format, true)\n\t\t// Channel count\n\t\tview.setUint16(22, numChannels, true)\n\t\t// Sample rate\n\t\tview.setUint32(24, sampleRate, true)\n\t\t// Byte rate (sample rate * block align)\n\t\tview.setUint32(28, sampleRate * blockAlign, true)\n\t\t// Block align (channel count * bytes per sample)\n\t\tview.setUint16(32, blockAlign, true)\n\t\t// Bits per sample\n\t\tview.setUint16(34, bitDepth, true)\n\t\t// Data chunk identifier\n\t\tthis.writeString(view, 36, 'data')\n\t\t// Data chunk length\n\t\tview.setUint32(40, dataLength, true)\n\n\t\t// Write the audio data\n\t\tif (bitDepth === 16) {\n\t\t\tthis.writeInt16Samples(view, headerLength, samples)\n\t\t} else {\n\t\t\tthrow new Error('Only 16-bit audio is supported')\n\t\t}\n\n\t\treturn new Blob([wavBuffer], { type: 'audio/wav' })\n\t}\n\n\t/**\n\t * Get audio samples from an AudioBuffer\n\t */\n\tprivate getAudioSamples(buffer: AudioBuffer, bitDepth: number): number[] {\n\t\tconst numChannels = buffer.numberOfChannels\n\t\tconst length = buffer.length\n\t\tconst samples: number[] = []\n\t\tconst scale = bitDepth === 16 ? 32768 : 128\n\n\t\t// Get samples from all channels\n\t\tfor (let i = 0; i < length; i++) {\n\t\t\tfor (let channel = 0; channel < numChannels; channel++) {\n\t\t\t\tconst sample = buffer.getChannelData(channel)[i]\n\t\t\t\t// Convert float32 to int16 or int8\n\t\t\t\tconst intSample = Math.max(-1, Math.min(1, sample))\n\t\t\t\tsamples.push(intSample * scale)\n\t\t\t}\n\t\t}\n\n\t\treturn samples\n\t}\n\n\t/**\n\t * Write 16-bit samples to a DataView\n\t */\n\tprivate writeInt16Samples(view: DataView, offset: number, samples: number[]): void {\n\t\tfor (let i = 0; i < samples.length; i++) {\n\t\t\tview.setInt16(offset + i * 2, samples[i], true)\n\t\t}\n\t}\n\n\t/**\n\t * Write a string to a DataView\n\t */\n\tprivate writeString(view: DataView, offset: number, string: string): void {\n\t\tfor (let i = 0; i < string.length; i++) {\n\t\t\tview.setUint8(offset + i, string.charCodeAt(i))\n\t\t}\n\t}\n}\n","import { NotificationType } from './notification'\nimport { NotificationSoundGenerator } from './notification-audio-generator'\n\n/**\n * Audio service for playing notification sounds.\n * Uses Web Audio API with fallback to HTML5 Audio.\n */\nexport class NotificationAudioService {\n\tprivate audioContext: AudioContext | null = null\n\tprivate soundBuffers: Map<NotificationType, AudioBuffer> = new Map()\n\tprivate volume: number = 0.5\n\tprivate muted: boolean = false\n\tprivate soundGenerator = new NotificationSoundGenerator()\n\n\t// Default sound URLs (will be generated programmatically as fallback)\n\tprivate soundUrls: Record<NotificationType, string> = {\n\t\tinfo: '/assets/sounds/notification-info.mp3',\n\t\tsuccess: '/assets/sounds/notification-success.mp3',\n\t\twarning: '/assets/sounds/notification-warning.mp3',\n\t\terror: '/assets/sounds/notification-error.mp3',\n\t}\n\n\tconstructor() {\n\t\t// Initialize audio context when first needed\n\t\tthis.initializeAudioFiles()\n\t}\n\n\t/**\n\t * Initialize audio files - generate programmatically if needed\n\t */\n\tprivate async initializeAudioFiles(): Promise<void> {\n\t\ttry {\n\t\t\t// Try to load from default URLs\n\t\t\tawait this.preloadSounds()\n\t\t} catch (err) {\n\t\t\tconsole.log('Generating programmatic notification sounds')\n\n\t\t\t// If loading fails, generate programmatically\n\t\t\ttry {\n\t\t\t\tconst generatedUrls = await this.soundGenerator.generateAudioFiles(this.volume)\n\t\t\t\tthis.soundUrls = generatedUrls\n\t\t\t} catch (genErr) {\n\t\t\t\tconsole.warn('Failed to generate notification sounds:', genErr)\n\t\t\t\t// Will fall back to direct playback when needed\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Lazy-initialize the audio context\n\t */\n\tprivate getAudioContext(): AudioContext {\n\t\tif (!this.audioContext) {\n\t\t\t// Use AudioContext with webkit prefix fallback for Safari\n\t\t\tconst AudioContextClass = window.AudioContext || (window as any).webkitAudioContext\n\t\t\tthis.audioContext = new AudioContextClass()\n\t\t}\n\n\t\treturn this.audioContext\n\t}\n\n\t/**\n\t * Preload all notification sounds\n\t */\n\tprivate async preloadSounds(): Promise<void> {\n\t\tconst types: NotificationType[] = ['info', 'success', 'warning', 'error']\n\n\t\tfor (const type of types) {\n\t\t\ttry {\n\t\t\t\tconst buffer = await this.loadSound(type)\n\t\t\t\tthis.soundBuffers.set(type, buffer)\n\t\t\t} catch (err) {\n\t\t\t\tconsole.warn(`Failed to preload ${type} sound:`, err)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Load a sound file and decode it\n\t */\n\tprivate async loadSound(type: NotificationType): Promise<AudioBuffer> {\n\t\tconst url = this.soundUrls[type]\n\t\tconst response = await fetch(url)\n\n\t\tif (!response.ok) {\n\t\t\tthrow new Error(`Failed to load sound from ${url}: ${response.statusText}`)\n\t\t}\n\n\t\tconst arrayBuffer = await response.arrayBuffer()\n\t\treturn await this.getAudioContext().decodeAudioData(arrayBuffer)\n\t}\n\n\t/**\n\t * Play a notification sound\n\t */\n\tpublic async playSound(type: NotificationType): Promise<void> {\n\t\tif (this.muted) return\n\n\t\ttry {\n\t\t\t// Try to use Web Audio API first\n\t\t\tconst context = this.getAudioContext()\n\n\t\t\t// Ensure audio context is resumed (needed due to autoplay policy)\n\t\t\tif (context.state === 'suspended') {\n\t\t\t\tawait context.resume()\n\t\t\t}\n\n\t\t\t// Try to use programmatically generated sound first\n\t\t\tif (this.soundUrls[type].startsWith('blob:')) {\n\t\t\t\tthis.playFallbackSound(type)\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// Load sound if not already cached\n\t\t\tif (!this.soundBuffers.has(type)) {\n\t\t\t\ttry {\n\t\t\t\t\tconst buffer = await this.loadSound(type)\n\t\t\t\t\tthis.soundBuffers.set(type, buffer)\n\t\t\t\t} catch (err) {\n\t\t\t\t\t// Fall back to direct generator\n\t\t\t\t\tthis.playDirectGeneratedSound(type)\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst buffer = this.soundBuffers.get(type)\n\t\t\tif (!buffer) {\n\t\t\t\tthrow new Error(`Sound buffer for ${type} not available`)\n\t\t\t}\n\n\t\t\t// Create source and gain nodes\n\t\t\tconst source = context.createBufferSource()\n\t\t\tsource.buffer = buffer\n\n\t\t\tconst gainNode = context.createGain()\n\t\t\tgainNode.gain.value = this.volume\n\n\t\t\t// Connect and play\n\t\t\tsource.connect(gainNode)\n\t\t\tgainNode.connect(context.destination)\n\t\t\tsource.start(0)\n\t\t} catch (err) {\n\t\t\tconsole.warn(`Web Audio API buffer playback failed, trying direct generation:`, err)\n\t\t\tthis.playDirectGeneratedSound(type)\n\t\t}\n\t}\n\n\t/**\n\t * Play a directly generated sound when other methods fail\n\t */\n\tprivate playDirectGeneratedSound(type: NotificationType): void {\n\t\tif (this.muted) return\n\n\t\ttry {\n\t\t\tswitch (type) {\n\t\t\t\tcase 'info':\n\t\t\t\t\tthis.soundGenerator.playInfoSound(this.volume)\n\t\t\t\t\tbreak\n\t\t\t\tcase 'success':\n\t\t\t\t\tthis.soundGenerator.playSuccessSound(this.volume)\n\t\t\t\t\tbreak\n\t\t\t\tcase 'warning':\n\t\t\t\t\tthis.soundGenerator.playWarningSound(this.volume)\n\t\t\t\t\tbreak\n\t\t\t\tcase 'error':\n\t\t\t\t\tthis.soundGenerator.playErrorSound(this.volume)\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t} catch (err) {\n\t\t\tconsole.error(`Failed to play generated sound for ${type}:`, err)\n\t\t}\n\t}\n\n\t/**\n\t * Play sound using HTML5 Audio as a fallback\n\t */\n\tprivate playFallbackSound(type: NotificationType): void {\n\t\tif (this.muted) return\n\n\t\ttry {\n\t\t\tconst audio = new Audio(this.soundUrls[type])\n\t\t\taudio.volume = this.volume\n\n\t\t\t// Add event listener to clean up after playback\n\t\t\taudio.addEventListener('ended', () => {\n\t\t\t\taudio.remove()\n\t\t\t})\n\n\t\t\taudio.play().catch(err => {\n\t\t\t\tconsole.error(`Failed to play fallback sound for ${type}:`, err)\n\t\t\t\tthis.playDirectGeneratedSound(type)\n\t\t\t})\n\t\t} catch (err) {\n\t\t\tconsole.error('HTML5 Audio fallback failed:', err)\n\t\t\tthis.playDirectGeneratedSound(type)\n\t\t}\n\t}\n\n\t/**\n\t * Set volume for notification sounds (0.0 to 1.0)\n\t */\n\tpublic setVolume(volume: number): void {\n\t\tthis.volume = Math.max(0, Math.min(1, volume))\n\t}\n\n\t/**\n\t * Get current volume level\n\t */\n\tpublic getVolume(): number {\n\t\treturn this.volume\n\t}\n\n\t/**\n\t * Mute notification sounds\n\t */\n\tpublic mute(): void {\n\t\tthis.muted = true\n\t}\n\n\t/**\n\t * Unmute notification sounds\n\t */\n\tpublic unmute(): void {\n\t\tthis.muted = false\n\t}\n\n\t/**\n\t * Check if notification sounds are muted\n\t */\n\tpublic isMuted(): boolean {\n\t\treturn this.muted\n\t}\n\n\t/**\n\t * Set custom sound URL for a notification type\n\t */\n\tpublic setSoundUrl(type: NotificationType, url: string): void {\n\t\tthis.soundUrls[type] = url\n\n\t\t// Clear cached buffer to force reload\n\t\tthis.soundBuffers.delete(type)\n\t}\n\n\t/**\n\t * Get the current sound URL for a notification type\n\t */\n\tpublic getSoundUrl(type: NotificationType): string {\n\t\treturn this.soundUrls[type]\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { fromEvent, takeUntil } from 'rxjs'\nimport { NotificationType } from './notification'\nimport { NotificationAudioService } from './notification-audio'\nimport style from './notification-container.scss?inline'\n\nexport interface NotificationItem {\n\tid: string\n\ttitle: string\n\tmessage: string\n\ttype: NotificationType\n\tduration: number\n\tclosable: boolean\n\tplaySound: boolean\n\tshowProgress?: boolean\n}\n\nexport interface NotificationOptions {\n\tid?: string\n\ttitle?: string\n\tmessage: string\n\ttype?: NotificationType\n\tduration?: number\n\tclosable?: boolean\n\tplaySound?: boolean\n\tshowProgress?: boolean\n}\n\n/**\n * Container component for displaying stacked notifications.\n *\n * @element sch-notification-container\n */\n@customElement('sch-notification-container')\nexport default class SchmancyNotificationContainer extends $LitElement(style) {\n\t@property({ type: String }) position:\n\t\t| 'top-right'\n\t\t| 'top-left'\n\t\t| 'bottom-right'\n\t\t| 'bottom-left'\n\t\t| 'top-center'\n\t\t| 'bottom-center' = 'top-right'\n\t@property({ type: Number }) maxVisibleNotifications = 2\n\t@property({ type: Boolean }) playSound = false\n\t@property({ type: Number }) audioVolume = 0.1\n\n\t@state() private _notifications: NotificationItem[] = []\n\n\t// Audio service\n\tprivate _audioService = new NotificationAudioService()\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Set audio volume\n\t\tthis._audioService.setVolume(this.audioVolume)\n\n\t\t// Listen for notification events\n\t\tfromEvent<CustomEvent<NotificationOptions>>(window, 'schmancy-notification')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tthis.addNotification(event.detail)\n\t\t\t})\n\n\t\t// Listen for dismiss events\n\t\tfromEvent<CustomEvent<{ id: string }>>(window, 'schmancy-notification-dismiss')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tthis.removeNotification(event.detail.id)\n\t\t\t})\n\n\t\t// Listen for update events\n\t\tfromEvent<CustomEvent<{ id: string } & Partial<NotificationOptions>>>(window, 'schmancy-notification-update')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tthis.updateNotification(event.detail.id, event.detail)\n\t\t\t})\n\n\t\t// Listen for play sound events from child notifications\n\t\tthis.addEventListener('playsound', ((event: CustomEvent) => {\n\t\t\tif (this.playSound) {\n\t\t\t\tthis._audioService.playSound(event.detail.type)\n\t\t\t}\n\t\t}) as EventListener)\n\t}\n\n\t// Public API to add notifications\n\tpublic addNotification(options: NotificationOptions): string {\n\t\tconst id = options.id || `notification-${Date.now()}-${Math.floor(Math.random() * 10000)}`\n\n\t\tconst notification: NotificationItem = {\n\t\t\tid,\n\t\t\ttitle: options.title || '',\n\t\t\tmessage: options.message,\n\t\t\ttype: options.type || 'info',\n\t\t\tduration: options.duration !== undefined ? options.duration : 750,\n\t\t\tclosable: options.closable !== undefined ? options.closable : true,\n\t\t\tplaySound: options.playSound !== undefined ? options.playSound : this.playSound,\n\t\t\tshowProgress: options.showProgress !== undefined ? options.showProgress : false,\n\t\t}\n\n\t\t// Add new notification (top for top-* positions, bottom for bottom-* positions)\n\t\tif (this.position.startsWith('top')) {\n\t\t\tthis._notifications = [...this._notifications, notification]\n\t\t} else {\n\t\t\tthis._notifications = [notification, ...this._notifications]\n\t\t}\n\n\t\t// Enforce max visible notifications\n\t\tif (this._notifications.length > this.maxVisibleNotifications) {\n\t\t\tthis._notifications = this._notifications.slice(-this.maxVisibleNotifications)\n\t\t}\n\n\t\t// Play sound if enabled\n\t\tif (notification.playSound) {\n\t\t\tthis._audioService.playSound(notification.type)\n\t\t}\n\n\t\treturn id\n\t}\n\n\tpublic removeNotification(id: string) {\n\t\tthis._notifications = this._notifications.filter(n => n.id !== id)\n\t}\n\n\tpublic updateNotification(id: string, options: Partial<NotificationOptions>) {\n\t\tconst index = this._notifications.findIndex(n => n.id === id)\n\t\tif (index !== -1) {\n\t\t\tthis._notifications[index] = {\n\t\t\t\t...this._notifications[index],\n\t\t\t\t...options,\n\t\t\t}\n\t\t\tthis.requestUpdate()\n\t\t}\n\t}\n\n\tprivate _handleClose(e: CustomEvent) {\n\t\tconst id = e.detail.id\n\t\tthis.removeNotification(id)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${classMap({\n\t\t\t\t\t'notification-container': true,\n\t\t\t\t\t[this.position]: true,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t${repeat(\n\t\t\t\t\tthis._notifications,\n\t\t\t\t\tnotification => notification.id,\n\t\t\t\t\tnotification => html`\n            <sch-notification\n              .id=${notification.id}\n              .title=${notification.title}\n              .message=${notification.message}\n              .type=${notification.type}\n              .duration=${notification.duration}\n              ?closable=${notification.closable}\n              ?playSound=${false}\n              ?showProgress=${notification.showProgress}\n              @close=${this._handleClose}\n            ></sch-notification>\n          `,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-notification-container': SchmancyNotificationContainer\n\t}\n}\n","import { NotificationOptions } from './notification-container'\n\n/**\n * Notification service for centralized notification management.\n * Provides a simple API for showing notifications.\n */\nexport class NotificationService {\n\tprivate static instance: NotificationService\n\tprivate notificationStack: string[] = []\n\n\t// Default notification options\n\tprivate static DEFAULT_OPTIONS: Partial<NotificationOptions> = {\n\t\tduration: 1000, // 1 seconds - long enough to be readable\n\t\tclosable: true,\n\t\tplaySound: true,\n\t}\n\n\t// Private constructor for singleton pattern\n\tprivate constructor() {}\n\n\t/**\n\t * Get the singleton instance\n\t */\n\tpublic static getInstance(): NotificationService {\n\t\tif (!NotificationService.instance) {\n\t\t\tNotificationService.instance = new NotificationService()\n\t\t}\n\t\treturn NotificationService.instance\n\t}\n\n\t/**\n\t * Show a notification\n\t * @returns The ID of the created notification\n\t */\n\tpublic notify(options: NotificationOptions): string {\n\t\t// Apply default options\n\t\tconst completeOptions = {\n\t\t\t...NotificationService.DEFAULT_OPTIONS,\n\t\t\t...options,\n\t\t\t// Override with duraton from options if provided, otherwise use default\n\t\t\tduration: options.duration ?? NotificationService.DEFAULT_OPTIONS.duration,\n\t\t}\n\n\t\tconst id = completeOptions.id || `notification-${Date.now()}-${Math.floor(Math.random() * 10000)}`\n\n\t\t// Add to stack for tracking\n\t\tthis.notificationStack.push(id)\n\n\t\t// Create and dispatch event\n\t\tconst event = new CustomEvent('schmancy-notification', {\n\t\t\tbubbles: true,\n\t\t\tcomposed: true,\n\t\t\tdetail: {\n\t\t\t\t...completeOptions,\n\t\t\t\tid,\n\t\t\t},\n\t\t})\n\n\t\twindow.dispatchEvent(event)\n\t\treturn id\n\t}\n\n\t/**\n\t * Dismiss a notification\n\t * @param id Optional notification ID. If not provided, dismisses the most recent notification\n\t */\n\tpublic dismiss(id?: string): void {\n\t\tlet targetId: string | undefined\n\n\t\tif (id) {\n\t\t\t// Remove specific notification from stack\n\t\t\tconst index = this.notificationStack.indexOf(id)\n\t\t\tif (index > -1) {\n\t\t\t\tthis.notificationStack.splice(index, 1)\n\t\t\t\ttargetId = id\n\t\t\t}\n\t\t} else {\n\t\t\t// Remove most recent notification (last in stack)\n\t\t\ttargetId = this.notificationStack.pop()\n\t\t}\n\n\t\tif (targetId) {\n\t\t\t// Dispatch dismiss event\n\t\t\tconst event = new CustomEvent('schmancy-notification-dismiss', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t\tdetail: { id: targetId },\n\t\t\t})\n\t\t\twindow.dispatchEvent(event)\n\t\t}\n\t}\n\n\t/**\n\t * Update a notification's content\n\t */\n\tpublic update(id: string, options: Partial<NotificationOptions>): void {\n\t\tconst event = new CustomEvent('schmancy-notification-update', {\n\t\t\tbubbles: true,\n\t\t\tcomposed: true,\n\t\t\tdetail: { id, ...options },\n\t\t})\n\t\twindow.dispatchEvent(event)\n\t}\n\n\t/**\n\t * Show an info notification\n\t */\n\tpublic info(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'info',\n\t\t\tduration: message ? options.duration : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a success notification\n\t */\n\tpublic success(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'success',\n\t\t\tduration: message ? options.duration : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a warning notification\n\t */\n\tpublic warning(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'warning',\n\t\t\tduration: message ? options.duration : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show an error notification\n\t */\n\tpublic error(message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage: message ?? '',\n\t\t\ttype: 'error',\n\t\t\tduration: message ? options.duration : 1,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a notification with a custom duration\n\t */\n\tpublic customDuration(\n\t\tmessage: string,\n\t\tduration: number,\n\t\toptions: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {},\n\t): string {\n\t\treturn this.notify({\n\t\t\tmessage,\n\t\t\tduration,\n\t\t\t...options,\n\t\t})\n\t}\n\n\t/**\n\t * Show a persistent notification (won't auto-dismiss)\n\t */\n\tpublic persistent(message: string, options: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {}): string {\n\t\treturn this.notify({\n\t\t\tmessage,\n\t\t\tduration: 0, // Zero duration means no auto-close\n\t\t\t...options,\n\t\t})\n\t}\n\n}\n\n/**\n * Global notification utility - provides a quick way to show notifications\n */\nexport const $notify = {\n\t/**\n\t * Show a notification\n\t */\n\tshow: (options: NotificationOptions): string => {\n\t\treturn NotificationService.getInstance().notify(options)\n\t},\n\n\t/**\n\t * Show an info notification\n\t */\n\tinfo: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().info(message, options)\n\t},\n\n\t/**\n\t * Show a success notification\n\t */\n\tsuccess: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().success(message, options)\n\t},\n\n\t/**\n\t * Show a warning notification\n\t */\n\twarning: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().warning(message, options)\n\t},\n\n\t/**\n\t * Show an error notification\n\t */\n\terror: (message?: string, options: Partial<Omit<NotificationOptions, 'message' | 'type'>> = {}): string => {\n\t\treturn NotificationService.getInstance().error(message, options)\n\t},\n\n\t/**\n\t * Show a notification with a custom duration\n\t * @param message The notification message\n\t * @param duration Duration in milliseconds before auto-dismissing (0 for no auto-dismiss)\n\t * @param options Additional notification options\n\t */\n\tcustomDuration: (\n\t\tmessage: string,\n\t\tduration: number,\n\t\toptions: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {},\n\t): string => {\n\t\treturn NotificationService.getInstance().customDuration(message, duration, options)\n\t},\n\n\t/**\n\t * Show a persistent notification that won't auto-dismiss\n\t */\n\tpersistent: (message: string, options: Partial<Omit<NotificationOptions, 'message' | 'duration'>> = {}): string => {\n\t\treturn NotificationService.getInstance().persistent(message, options)\n\t},\n\n\t/**\n\t * Dismiss a notification\n\t * @param id Optional notification ID. If not provided, dismisses the most recent notification (queue-like behavior)\n\t */\n\tdismiss: (id?: string): void => {\n\t\treturn NotificationService.getInstance().dismiss(id)\n\t},\n\n\t/**\n\t * Update a notification's content\n\t */\n\tupdate: (id: string, options: Partial<NotificationOptions>): void => {\n\t\treturn NotificationService.getInstance().update(id, options)\n\t},\n}\n\nexport default NotificationService\n"],"names":["SchmancyNotification","$LitElement","super","arguments","this","title","message","type","closable","duration","id","Date","now","Math","floor","random","playSound","showProgress","_visible","_progress","_hovered","_closing","connectedCallback","_startAutoCloseTimer","_playSound","disconnectedCallback","_clearTimers","changedProps","updated","has","endTime","_autoCloseTimer","window","setTimeout","close","_progressTimer","setInterval","remaining","max","clearTimeout","clearInterval","_pauseTimers","_resumeTimers","remainingTime","dispatchEvent","CustomEvent","detail","bubbles","composed","_handleMouseEnter","render","html","typeStyles","_getTypeStyles","elevationLevel","classMap","notification","closing","styleMap","transform","opacity","boxShadow","transition","_handleMouseLeave","color","iconColor","bgColor","icon","SchmancyTheme","sys","primary","default","surface","on","success","tertiary","error","onVariant","progressColor","container","__decorateClass","property","String","prototype","Boolean","Number","state","customElement","NotificationSoundGenerator","constructor","audioContext","getAudioContext","AudioContextClass","AudioContext","webkitAudioContext","volume","ctx","currentTime","oscillator","createOscillator","gainNode","createGain","filter","createBiquadFilter","frequency","setValueAtTime","exponentialRampToValueAtTime","value","gain","connect","destination","start","stop","createBell","freq","osc","osc1","osc2","Q","audioUrls","info","generateAudioFile","async","linearRampToValueAtTime","sampleRate","gain1","gain2","warning","renderFunction","offlineCtx","OfflineAudioContext","audioBuffer","startRendering","wavBlob","audioBufferToWav","URL","createObjectURL","buffer","numChannels","numberOfChannels","blockAlign","bitDepth","samples","getAudioSamples","dataLength","length","wavBuffer","ArrayBuffer","view","DataView","writeString","setUint32","setUint16","writeInt16Samples","Blob","scale","i","channel","sample","getChannelData","intSample","min","push","offset","setInt16","string","setUint8","charCodeAt","NotificationAudioService","soundBuffers","Map","muted","soundGenerator","soundUrls","initializeAudioFiles","preloadSounds","err","generatedUrls","generateAudioFiles","genErr","types","loadSound","set","url","response","fetch","ok","Error","statusText","arrayBuffer","decodeAudioData","context","resume","startsWith","playFallbackSound","playDirectGeneratedSound","get","source","createBufferSource","playInfoSound","playSuccessSound","playWarningSound","playErrorSound","audio","Audio","addEventListener","remove","play","catch","getVolume","mute","unmute","isMuted","delete","SchmancyNotificationContainer","position","maxVisibleNotifications","audioVolume","_notifications","_audioService","setVolume","fromEvent","pipe","takeUntil","disconnecting","subscribe","event","addNotification","removeNotification","updateNotification","options","slice","n","index","findIndex","requestUpdate","e","repeat","_handleClose","NotificationService","notificationStack","getInstance","instance","completeOptions","DEFAULT_OPTIONS","targetId","indexOf","splice","pop","notify","_$","$notify","show","customDuration","persistent","dismiss","update"],"mappings":"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"}

package/dist/schmancy-steps-container-CPSL_8H0.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"schmancy-steps-container-CPSL_8H0.cjs","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t\ttransition: all 0.2s ease-in-out;\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Subscribe to updates from the container's StepsController.\n\t\t// Context is guaranteed to be available after first render\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.steps.currentStep) return 'complete'\n\t\tif (this.position === this.steps.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.steps.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Enhanced styling classes with better visual hierarchy\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-outline-variant': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-8 items-center justify-center rounded-full transition-all duration-200': true,\n\t\t\t'bg-tertiary-default text-tertiary-on shadow-md group-hover:shadow-lg': isComplete,\n\t\t\t'border-2 border-primary-default bg-primary-container text-primary-onContainer shadow-sm': !isComplete && isActive,\n\t\t\t'border-2 border-outline bg-surface-default text-surface-onVariant group-hover:border-primary-default group-hover:bg-primary-container': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-primary-default font-medium': isActive,\n\t\t\t'text-tertiary-default': isComplete,\n\t\t\t'text-surface-onVariant': isUpcoming,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-8 left-4 -ml-px w-0.5 transition-colors duration-200 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\tstyle=\"height: calc(100% + var(--steps-gap, 0px))\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button \n\t\t\t\t\ttype=\"button\" \n\t\t\t\t\t@click=${this._onStepClick} \n\t\t\t\t\tclass=\"relative flex items-center group transition-all duration-200 hover:scale-[1.02] ${clickableClass} ${isActive ? 'bg-primary-container/20 -mx-2 px-2 py-3 rounded-lg' : 'py-2'}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex items-center h-12\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"size-5 transition-transform duration-200 group-hover:scale-110\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-3 rounded-full transition-all duration-200 ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary-onContainer'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-primary-default group-hover:scale-125'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start justify-center min-w-0 ml-6\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\">\n\t\t\t\t\t\t\t<span class=\"transition-colors duration-200 ${this.classMap(textClasses)}\">${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"mt-1\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-surface-onVariant transition-colors duration-200 ${isActive ? 'text-primary-onContainer' : ''}\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, with enhanced spacing -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"ml-10 mt-4 pb-8 transition-all duration-300 ease-out\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\t/**\n\t * Gap between steps. Maps to Tailwind gap classes.\n\t * Options: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24\n\t * @default 4\n\t */\n\t@property({ type: Number, reflect: true })\n\tgap: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 = 4\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\t// Map gap value to Tailwind gap class\n\t\tconst gapClass = `gap-${this.gap}`\n\t\t\n\t\t// Map gap value to actual rem value for CSS custom property\n\t\t// Tailwind gap scale: 1 = 0.25rem, 2 = 0.5rem, etc.\n\t\tconst gapRem = {\n\t\t\t0: '0',\n\t\t\t1: '0.25rem',\n\t\t\t2: '0.5rem',\n\t\t\t3: '0.75rem',\n\t\t\t4: '1rem',\n\t\t\t5: '1.25rem',\n\t\t\t6: '1.5rem',\n\t\t\t8: '2rem',\n\t\t\t10: '2.5rem',\n\t\t\t12: '3rem',\n\t\t\t16: '4rem',\n\t\t\t20: '5rem',\n\t\t\t24: '6rem'\n\t\t}[this.gap] || '1rem'\n\t\t\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1 ${gapClass}\" role=\"list\" style=\"--steps-gap: ${gapRem}\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n}\n"],"names":["StepsController","constructor","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","firstUpdated","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","_e","status","setStep","render","isComplete","isUpcoming","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","controller","stepsController","gap","oldValue","requestUpdate","gapClass","gapRem","provide"],"mappings":"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"}

package/dist/schmancy-steps-container-WYO4SOrb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"schmancy-steps-container-WYO4SOrb.js","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/**\n * The actual context object. We provide/consume this in the container and steps.\n */\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/* Base display is just grid, flex properties will be applied dynamically */\n\t\ttransition: all 0.2s ease-in-out;\n\t}\n`) {\n\t/**\n\t * The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t */\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/**\n\t * NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t */\n\t@property({ type: Boolean }) lockBack = false\n\n\t/**\n\t * Consume the shared StepsController from context.\n\t */\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/**\n\t * Local reactive copy of the container's current step number.\n\t */\n\t@state()\n\tprivate currentStep = 1\n\n\t/**\n\t * Keep a reference to our subscription so we can unsubscribe cleanly.\n\t */\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Subscribe to updates from the container's StepsController.\n\t\t// Context is guaranteed to be available after first render\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Update the host element's flex properties based on active state\n\t */\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/**\n\t * Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t */\n\tget status(): 'complete' | 'current' | 'upcoming' {\n\t\tif (this.completed || this.position < this.steps.currentStep) return 'complete'\n\t\tif (this.position === this.steps.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/**\n\t * Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t */\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.steps.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Enhanced styling classes with better visual hierarchy\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-outline-variant': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-8 items-center justify-center rounded-full transition-all duration-200': true,\n\t\t\t'bg-tertiary-default text-tertiary-on shadow-md group-hover:shadow-lg': isComplete,\n\t\t\t'border-2 border-primary-default bg-primary-container text-primary-onContainer shadow-sm': !isComplete && isActive,\n\t\t\t'border-2 border-outline bg-surface-default text-surface-onVariant group-hover:border-primary-default group-hover:bg-primary-container': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-primary-default font-medium': isActive,\n\t\t\t'text-tertiary-default': isComplete,\n\t\t\t'text-surface-onVariant': isUpcoming,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive || isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-8 left-4 -ml-px w-0.5 transition-colors duration-200 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\tstyle=\"height: calc(100% + var(--steps-gap, 0px))\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button \n\t\t\t\t\ttype=\"button\" \n\t\t\t\t\t@click=${this._onStepClick} \n\t\t\t\t\tclass=\"relative flex items-center group transition-all duration-200 hover:scale-[1.02] ${clickableClass} ${isActive ? 'bg-primary-container/20 -mx-2 px-2 py-3 rounded-lg' : 'py-2'}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex items-center h-12\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"size-5 transition-transform duration-200 group-hover:scale-110\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-3 rounded-full transition-all duration-200 ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary-onContainer'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-primary-default group-hover:scale-125'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start justify-center min-w-0 ml-6\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\">\n\t\t\t\t\t\t\t<span class=\"transition-colors duration-200 ${this.classMap(textClasses)}\">${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"mt-1\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-surface-onVariant transition-colors duration-200 ${isActive ? 'text-primary-onContainer' : ''}\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, with enhanced spacing -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"ml-10 mt-4 pb-8 transition-all duration-300 ease-out\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\t/**\n\t * Gap between steps. Maps to Tailwind gap classes.\n\t * Options: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24\n\t * @default 4\n\t */\n\t@property({ type: Number, reflect: true })\n\tgap: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 = 4\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\t// Map gap value to Tailwind gap class\n\t\tconst gapClass = `gap-${this.gap}`\n\t\t\n\t\t// Map gap value to actual rem value for CSS custom property\n\t\t// Tailwind gap scale: 1 = 0.25rem, 2 = 0.5rem, etc.\n\t\tconst gapRem = {\n\t\t\t0: '0',\n\t\t\t1: '0.25rem',\n\t\t\t2: '0.5rem',\n\t\t\t3: '0.75rem',\n\t\t\t4: '1rem',\n\t\t\t5: '1.25rem',\n\t\t\t6: '1.5rem',\n\t\t\t8: '2rem',\n\t\t\t10: '2.5rem',\n\t\t\t12: '3rem',\n\t\t\t16: '4rem',\n\t\t\t20: '5rem',\n\t\t\t24: '6rem'\n\t\t}[this.gap] || '1rem'\n\t\t\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1 ${gapClass}\" role=\"list\" style=\"--steps-gap: ${gapRem}\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n}\n"],"names":["StepsController","constructor","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","firstUpdated","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","_e","status","setStep","render","isComplete","isUpcoming","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","controller","stepsController","gap","oldValue","requestUpdate","gapClass","gapRem","provide"],"mappings":"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"}

package/dist/sheet.service-DV9xNhS8.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet.service-DV9xNhS8.cjs","sources":["../src/sheet/sheet.service.ts"],"sourcesContent":["import {\n\tdefaultIfEmpty,\n\tdelay,\n\tforkJoin,\n\tfromEvent,\n\tmap,\n\tmergeMap,\n\tof,\n\tSubject,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimer,\n} from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from '../theme/theme.component'\nimport SchmancySheet from './sheet'\n\nexport enum SchmancySheetPosition {\n\tSide = 'side',\n\tBottom = 'bottom',\n}\n\nexport type SheetConfig = {\n\tcomponent: HTMLElement\n\tuid?: string\n\tposition?: SchmancySheetPosition\n\tpersist?: boolean\n\tclose?: () => void\n\tlock?: boolean // Controls both ESC and overlay click dismissal\n\thandleHistory?: boolean // Controls browser back button behavior\n\ttitle?: string\n\theader?: 'hidden' | 'visible'\n\tonBeforeOpen?: (component: HTMLElement) => void\n\tonAfterOpen?: (component: HTMLElement) => void\n}\n\n// Keep old name for backward compatibility\ntype BottomSheeetTarget = SheetConfig\n\n// Events for communication between bottom-sheet component and bottom-sheet.service\nexport type SheetWhereAreYouRickyEvent = CustomEvent<{\n\tuid: string\n}>\nexport const SheetWhereAreYouRicky = 'are-you-there-sheet'\n\nexport type SheetHereMortyEvent = CustomEvent<{\n\tsheet?: SchmancySheet\n\ttheme?: HTMLElement\n}>\nexport const SheetHereMorty = 'yes-here'\n\n// Function to determine the position based on screen size\nconst getPosition = (): SchmancySheetPosition => {\n\treturn window.innerWidth >= 768 ? SchmancySheetPosition.Side : SchmancySheetPosition.Bottom // Adjust 768 as needed for your breakpoint\n}\n\nclass BottomSheetService {\n\tbottomSheet = new Subject<BottomSheeetTarget>()\n\t$dismiss = new Subject<string>()\n\t// Track currently open sheets\n\tprivate activeSheets = new Set<string>()\n\t// Track sheet components for retrieval\n\tprivate sheetComponents = new Map<string, HTMLElement>()\n\t// To track if we've set up the popstate listener\n\tprivate popStateListenerActive = false\n\n\tconstructor() {\n\t\tthis.setupSheetOpeningLogic()\n\t\tthis.setupSheetDismissLogic()\n\t\tthis.setupPopStateListener()\n\t}\n\n\t/**\n\t * Sets up the main sheet opening logic\n\t */\n\tprivate setupSheetOpeningLogic() {\n\t\tthis.bottomSheet\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\t// First check for existing sheet\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(50)),\n\t\t\t\t\t\t\tmap(e => e.detail),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\t// Then find theme container\n\t\t\t\t\t\tfromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(50)),\n\t\t\t\t\t\t\tmap(e => e.detail.theme),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\t// Determine uid - use provided uid or component tagName\n\t\t\t\t\t\t\t\tconst uid = target.uid ?? target.component.tagName\n\n\t\t\t\t\t\t\t\t// First ask for existing sheet\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(SheetWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid },\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t// Then ask for theme container\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(ThemeWhereAreYou, {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\n\t\t\t\tmap(([existingSheet, theme, target]) => {\n\t\t\t\t\tlet sheet = existingSheet?.sheet\n\t\t\t\t\tlet targetContainer: HTMLElement\n\n\t\t\t\t\tif (sheet) {\n\t\t\t\t\t\t// Use existing sheet\n\t\t\t\t\t\tconsole.log('Found existing sheet:', sheet)\n\t\t\t\t\t\ttargetContainer = sheet.parentElement as HTMLElement\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Determine container - use theme from discovery or fallback\n\t\t\t\t\t\ttargetContainer = theme || (document.querySelector('schmancy-theme') as HTMLElement) || document.body\n\n\t\t\t\t\t\t// Create new sheet\n\t\t\t\t\t\tconst uid = target.uid ?? target.component.tagName\n\t\t\t\t\t\tconsole.log('Creating new sheet for uid:', uid)\n\t\t\t\t\t\tsheet = document.createElement('schmancy-sheet')\n\t\t\t\t\t\tsheet.setAttribute('uid', uid)\n\t\t\t\t\t\ttargetContainer.appendChild(sheet)\n\t\t\t\t\t}\n\n\t\t\t\t\ttarget.lock && sheet.setAttribute('lock', 'true')\n\n\t\t\t\t\t// Use the dynamic position function here\n\t\t\t\t\tconst position = target.position || getPosition()\n\t\t\t\t\tsheet.setAttribute('position', position)\n\n\t\t\t\t\ttarget.title && sheet.setAttribute('title', target.title)\n\t\t\t\t\ttarget.persist && sheet.setAttribute('persist', String(target.persist))\n\t\t\t\t\ttarget.header && sheet.setAttribute('header', target.header)\n\n\t\t\t\t\t// Handle history logic if the property exists\n\t\t\t\t\tif (target.handleHistory !== undefined) {\n\t\t\t\t\t\tsheet.setAttribute('handleHistory', String(target.handleHistory))\n\t\t\t\t\t}\n\n\t\t\t\t\tdocument.body.style.overflow = 'hidden' // lock the scroll of the host\n\t\t\t\t\treturn { target, sheet: sheet as SchmancySheet }\n\t\t\t\t}),\n\t\t\t\tdelay(20),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\t// Call onBeforeOpen callback if provided\n\t\t\t\t\tif (target.onBeforeOpen) {\n\t\t\t\t\t\ttarget.onBeforeOpen(target.component)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Handle HTMLElement components\n\t\t\t\t\tconst assignedElements = sheet?.shadowRoot?.querySelector('slot')?.assignedElements() || []\n\n\t\t\t\t\tconsole.log(\n\t\t\t\t\t\t'Assigned elements in sheet:',\n\t\t\t\t\t\tassignedElements.map(e => (e as HTMLElement).tagName),\n\t\t\t\t\t)\n\n\t\t\t\t\tconst existingComponent = assignedElements.find(e => (e as HTMLElement).tagName === target.component.tagName)\n\n\t\t\t\t\tif (!existingComponent) {\n\t\t\t\t\t\t// Need to append the component\n\t\t\t\t\t\tconsole.log('Component not found, will append:', target.component.tagName)\n\t\t\t\t\t\tsheet?.appendChild(target.component)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconsole.log('Component already exists, reusing:', target.component.tagName)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tdelay(1),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\n\t\t\t\t\t// Add to active sheets tracking\n\t\t\t\t\tconst uid =\n\t\t\t\t\t\ttarget.uid ?? (target.component instanceof HTMLElement ? target.component.tagName : `sheet-${Date.now()}`)\n\t\t\t\t\tthis.activeSheets.add(uid)\n\t\t\t\t\tthis.sheetComponents.set(uid, target.component)\n\n\t\t\t\t\t// Handle history integration - default to true if not specified\n\t\t\t\t\tconst shouldHandleHistory = target.handleHistory !== false\n\n\t\t\t\t\tif (shouldHandleHistory) {\n\t\t\t\t\t\t// Use history state to track this specific sheet\n\t\t\t\t\t\tconst historyState = {\n\t\t\t\t\t\t\tschmancySheet: true,\n\t\t\t\t\t\t\tuid: uid,\n\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Push a new history state\n\t\t\t\t\t\thistory.pushState(historyState, '', window.location.href)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Call onAfterOpen callback if provided\n\t\t\t\t\tif (target.onAfterOpen) {\n\t\t\t\t\t\ttarget.onAfterOpen(target.component)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up close event listener (always, not just for new sheets)\n\t\t\t\t\tfromEvent<CustomEvent>(sheet, 'close')\n\t\t\t\t\t\t.pipe(take(1))\n\t\t\t\t\t\t.pipe(delay(300))\n\t\t\t\t\t\t.subscribe(_ => {\n\t\t\t\t\t\t\t// Use the sheet reference directly, not e.target\n\t\t\t\t\t\t\tconst sheetElement = sheet as SchmancySheet\n\t\t\t\t\t\t\tconsole.log('Close event fired for sheet:', sheetElement)\n\n\t\t\t\t\t\t\t// Remove from active sheets tracking\n\t\t\t\t\t\t\tif (sheetElement) {\n\t\t\t\t\t\t\t\tconst uid = sheetElement.getAttribute('uid')\n\t\t\t\t\t\t\t\tif (uid) {\n\t\t\t\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t\t\t\t\tthis.sheetComponents.delete(uid)\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Only keep sheet if persist is explicitly set to a truthy value\n\t\t\t\t\t\t\t\tconst persistAttr = sheetElement.getAttribute('persist')\n\t\t\t\t\t\t\t\tconst shouldRemove = !persistAttr || persistAttr === 'false'\n\t\t\t\t\t\t\t\tconsole.log('Sheet close - persist:', persistAttr, 'shouldRemove:', shouldRemove)\n\n\t\t\t\t\t\t\t\tif (shouldRemove) {\n\t\t\t\t\t\t\t\t\tconsole.log('Removing sheet from DOM:', uid)\n\t\t\t\t\t\t\t\t\tsheetElement.remove()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tdocument.body.style.overflow = 'auto' // unlock the scroll of the host\n\t\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the sheet closing/dismissal logic\n\t */\n\tprivate setupSheetDismissLogic() {\n\t\tthis.$dismiss\n\t\t\t.pipe(\n\t\t\t\tmergeMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(new CustomEvent(SheetWhereAreYouRicky, { detail: { uid } }))\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\ttap(([response, uid]) => {\n\t\t\t\t\tconsole.log('Dismiss called for uid:', uid, 'Found sheet:', !!response?.sheet)\n\t\t\t\t\tif (response?.sheet) {\n\t\t\t\t\t\tresponse.sheet.closeSheet()\n\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconsole.log('No sheet found to dismiss for uid:', uid)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the popstate listener to handle browser back button\n\t */\n\tprivate setupPopStateListener() {\n\t\tif (this.popStateListenerActive) return\n\n\t\tfromEvent<PopStateEvent>(window, 'popstate').subscribe(event => {\n\t\t\t// If we have active sheets, close the most recently opened one\n\t\t\tif (this.activeSheets.size > 0) {\n\t\t\t\t// Get the last sheet (Set maintains insertion order)\n\t\t\t\tconst lastSheet = Array.from(this.activeSheets).pop()\n\t\t\t\tif (lastSheet) {\n\t\t\t\t\tthis.dismiss(lastSheet)\n\n\t\t\t\t\t// Prevent default navigation behavior by pushing a new state\n\t\t\t\t\t// This effectively cancels out the back navigation\n\t\t\t\t\tif (event.state && event.state.schmancySheet) {\n\t\t\t\t\t\thistory.pushState({}, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\n\t\tthis.popStateListenerActive = true\n\t}\n\n\t/**\n\t * Dismiss a sheet by uid, or dismiss the most recently opened sheet if no uid provided\n\t */\n\tdismiss(uid?: string) {\n\t\tif (!uid && this.activeSheets.size > 0) {\n\t\t\t// Get the last sheet opened (Set maintains insertion order)\n\t\t\tconst sheetsArray = Array.from(this.activeSheets)\n\t\t\tuid = sheetsArray[sheetsArray.length - 1]\n\t\t}\n\n\t\tif (uid) {\n\t\t\tthis.$dismiss.next(uid)\n\t\t}\n\t}\n\n\t/**\n\t * Open a sheet with the given target configuration\n\t */\n\topen(target: BottomSheeetTarget) {\n\t\tthis.bottomSheet.next(target)\n\t}\n\n\t/**\n\t * Check if a sheet is currently open by uid\n\t */\n\tisOpen(uid: string): boolean {\n\t\treturn this.activeSheets.has(uid)\n\t}\n\n\t/**\n\t * Close all open sheets\n\t */\n\tcloseAll() {\n\t\t// Copy the set to avoid modification during iteration\n\t\tArray.from(this.activeSheets).forEach(uid => {\n\t\t\tthis.dismiss(uid)\n\t\t})\n\t}\n\n\t/**\n\t * Gets the component instance for a given sheet\n\t * @param uid - The unique identifier of the sheet\n\t * @returns The component instance, or undefined if not found\n\t */\n\tgetComponent<T extends HTMLElement = HTMLElement>(uid: string): T | undefined {\n\t\treturn this.sheetComponents.get(uid) as T | undefined\n\t}\n}\nexport const sheet = new BottomSheetService()\n"],"names":["SchmancySheetPosition","SheetWhereAreYouRicky","SheetHereMorty","sheet","constructor","this","bottomSheet","Subject","$dismiss","activeSheets","Set","sheetComponents","Map","popStateListenerActive","setupSheetOpeningLogic","setupSheetDismissLogic","setupPopStateListener","pipe","switchMap","forkJoin","fromEvent","window","takeUntil","timer","map","e","detail","defaultIfEmpty","ThemeHereIAm","theme","of","target","tap","uid","component","tagName","dispatchEvent","CustomEvent","bubbles","composed","ThemeWhereAreYou","existingSheet","targetContainer","parentElement","document","querySelector","body","createElement","setAttribute","appendChild","lock","position","innerWidth","title","persist","String","header","handleHistory","style","overflow","delay","onBeforeOpen","shadowRoot","assignedElements","find","HTMLElement","Date","now","add","set","historyState","schmancySheet","timestamp","history","pushState","location","href","onAfterOpen","take","subscribe","_","sheetElement","getAttribute","delete","persistAttr","remove","mergeMap","response","closeSheet","event","size","lastSheet","Array","from","pop","dismiss","state","sheetsArray","length","next","has","closeAll","forEach","get"],"mappings":"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"}

package/dist/sheet.service-ieSXeqCj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet.service-ieSXeqCj.js","sources":["../src/sheet/sheet.service.ts"],"sourcesContent":["import {\n\tdefaultIfEmpty,\n\tdelay,\n\tforkJoin,\n\tfromEvent,\n\tmap,\n\tmergeMap,\n\tof,\n\tSubject,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimer,\n} from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from '../theme/theme.component'\nimport SchmancySheet from './sheet'\n\nexport enum SchmancySheetPosition {\n\tSide = 'side',\n\tBottom = 'bottom',\n}\n\nexport type SheetConfig = {\n\tcomponent: HTMLElement\n\tuid?: string\n\tposition?: SchmancySheetPosition\n\tpersist?: boolean\n\tclose?: () => void\n\tlock?: boolean // Controls both ESC and overlay click dismissal\n\thandleHistory?: boolean // Controls browser back button behavior\n\ttitle?: string\n\theader?: 'hidden' | 'visible'\n\tonBeforeOpen?: (component: HTMLElement) => void\n\tonAfterOpen?: (component: HTMLElement) => void\n}\n\n// Keep old name for backward compatibility\ntype BottomSheeetTarget = SheetConfig\n\n// Events for communication between bottom-sheet component and bottom-sheet.service\nexport type SheetWhereAreYouRickyEvent = CustomEvent<{\n\tuid: string\n}>\nexport const SheetWhereAreYouRicky = 'are-you-there-sheet'\n\nexport type SheetHereMortyEvent = CustomEvent<{\n\tsheet?: SchmancySheet\n\ttheme?: HTMLElement\n}>\nexport const SheetHereMorty = 'yes-here'\n\n// Function to determine the position based on screen size\nconst getPosition = (): SchmancySheetPosition => {\n\treturn window.innerWidth >= 768 ? SchmancySheetPosition.Side : SchmancySheetPosition.Bottom // Adjust 768 as needed for your breakpoint\n}\n\nclass BottomSheetService {\n\tbottomSheet = new Subject<BottomSheeetTarget>()\n\t$dismiss = new Subject<string>()\n\t// Track currently open sheets\n\tprivate activeSheets = new Set<string>()\n\t// Track sheet components for retrieval\n\tprivate sheetComponents = new Map<string, HTMLElement>()\n\t// To track if we've set up the popstate listener\n\tprivate popStateListenerActive = false\n\n\tconstructor() {\n\t\tthis.setupSheetOpeningLogic()\n\t\tthis.setupSheetDismissLogic()\n\t\tthis.setupPopStateListener()\n\t}\n\n\t/**\n\t * Sets up the main sheet opening logic\n\t */\n\tprivate setupSheetOpeningLogic() {\n\t\tthis.bottomSheet\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\t// First check for existing sheet\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(50)),\n\t\t\t\t\t\t\tmap(e => e.detail),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\t// Then find theme container\n\t\t\t\t\t\tfromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(50)),\n\t\t\t\t\t\t\tmap(e => e.detail.theme),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\t// Determine uid - use provided uid or component tagName\n\t\t\t\t\t\t\t\tconst uid = target.uid ?? target.component.tagName\n\n\t\t\t\t\t\t\t\t// First ask for existing sheet\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(SheetWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid },\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t// Then ask for theme container\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(ThemeWhereAreYou, {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\n\t\t\t\tmap(([existingSheet, theme, target]) => {\n\t\t\t\t\tlet sheet = existingSheet?.sheet\n\t\t\t\t\tlet targetContainer: HTMLElement\n\n\t\t\t\t\tif (sheet) {\n\t\t\t\t\t\t// Use existing sheet\n\t\t\t\t\t\tconsole.log('Found existing sheet:', sheet)\n\t\t\t\t\t\ttargetContainer = sheet.parentElement as HTMLElement\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Determine container - use theme from discovery or fallback\n\t\t\t\t\t\ttargetContainer = theme || (document.querySelector('schmancy-theme') as HTMLElement) || document.body\n\n\t\t\t\t\t\t// Create new sheet\n\t\t\t\t\t\tconst uid = target.uid ?? target.component.tagName\n\t\t\t\t\t\tconsole.log('Creating new sheet for uid:', uid)\n\t\t\t\t\t\tsheet = document.createElement('schmancy-sheet')\n\t\t\t\t\t\tsheet.setAttribute('uid', uid)\n\t\t\t\t\t\ttargetContainer.appendChild(sheet)\n\t\t\t\t\t}\n\n\t\t\t\t\ttarget.lock && sheet.setAttribute('lock', 'true')\n\n\t\t\t\t\t// Use the dynamic position function here\n\t\t\t\t\tconst position = target.position || getPosition()\n\t\t\t\t\tsheet.setAttribute('position', position)\n\n\t\t\t\t\ttarget.title && sheet.setAttribute('title', target.title)\n\t\t\t\t\ttarget.persist && sheet.setAttribute('persist', String(target.persist))\n\t\t\t\t\ttarget.header && sheet.setAttribute('header', target.header)\n\n\t\t\t\t\t// Handle history logic if the property exists\n\t\t\t\t\tif (target.handleHistory !== undefined) {\n\t\t\t\t\t\tsheet.setAttribute('handleHistory', String(target.handleHistory))\n\t\t\t\t\t}\n\n\t\t\t\t\tdocument.body.style.overflow = 'hidden' // lock the scroll of the host\n\t\t\t\t\treturn { target, sheet: sheet as SchmancySheet }\n\t\t\t\t}),\n\t\t\t\tdelay(20),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\t// Call onBeforeOpen callback if provided\n\t\t\t\t\tif (target.onBeforeOpen) {\n\t\t\t\t\t\ttarget.onBeforeOpen(target.component)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Handle HTMLElement components\n\t\t\t\t\tconst assignedElements = sheet?.shadowRoot?.querySelector('slot')?.assignedElements() || []\n\n\t\t\t\t\tconsole.log(\n\t\t\t\t\t\t'Assigned elements in sheet:',\n\t\t\t\t\t\tassignedElements.map(e => (e as HTMLElement).tagName),\n\t\t\t\t\t)\n\n\t\t\t\t\tconst existingComponent = assignedElements.find(e => (e as HTMLElement).tagName === target.component.tagName)\n\n\t\t\t\t\tif (!existingComponent) {\n\t\t\t\t\t\t// Need to append the component\n\t\t\t\t\t\tconsole.log('Component not found, will append:', target.component.tagName)\n\t\t\t\t\t\tsheet?.appendChild(target.component)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconsole.log('Component already exists, reusing:', target.component.tagName)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tdelay(1),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\n\t\t\t\t\t// Add to active sheets tracking\n\t\t\t\t\tconst uid =\n\t\t\t\t\t\ttarget.uid ?? (target.component instanceof HTMLElement ? target.component.tagName : `sheet-${Date.now()}`)\n\t\t\t\t\tthis.activeSheets.add(uid)\n\t\t\t\t\tthis.sheetComponents.set(uid, target.component)\n\n\t\t\t\t\t// Handle history integration - default to true if not specified\n\t\t\t\t\tconst shouldHandleHistory = target.handleHistory !== false\n\n\t\t\t\t\tif (shouldHandleHistory) {\n\t\t\t\t\t\t// Use history state to track this specific sheet\n\t\t\t\t\t\tconst historyState = {\n\t\t\t\t\t\t\tschmancySheet: true,\n\t\t\t\t\t\t\tuid: uid,\n\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Push a new history state\n\t\t\t\t\t\thistory.pushState(historyState, '', window.location.href)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Call onAfterOpen callback if provided\n\t\t\t\t\tif (target.onAfterOpen) {\n\t\t\t\t\t\ttarget.onAfterOpen(target.component)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up close event listener (always, not just for new sheets)\n\t\t\t\t\tfromEvent<CustomEvent>(sheet, 'close')\n\t\t\t\t\t\t.pipe(take(1))\n\t\t\t\t\t\t.pipe(delay(300))\n\t\t\t\t\t\t.subscribe(_ => {\n\t\t\t\t\t\t\t// Use the sheet reference directly, not e.target\n\t\t\t\t\t\t\tconst sheetElement = sheet as SchmancySheet\n\t\t\t\t\t\t\tconsole.log('Close event fired for sheet:', sheetElement)\n\n\t\t\t\t\t\t\t// Remove from active sheets tracking\n\t\t\t\t\t\t\tif (sheetElement) {\n\t\t\t\t\t\t\t\tconst uid = sheetElement.getAttribute('uid')\n\t\t\t\t\t\t\t\tif (uid) {\n\t\t\t\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t\t\t\t\tthis.sheetComponents.delete(uid)\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Only keep sheet if persist is explicitly set to a truthy value\n\t\t\t\t\t\t\t\tconst persistAttr = sheetElement.getAttribute('persist')\n\t\t\t\t\t\t\t\tconst shouldRemove = !persistAttr || persistAttr === 'false'\n\t\t\t\t\t\t\t\tconsole.log('Sheet close - persist:', persistAttr, 'shouldRemove:', shouldRemove)\n\n\t\t\t\t\t\t\t\tif (shouldRemove) {\n\t\t\t\t\t\t\t\t\tconsole.log('Removing sheet from DOM:', uid)\n\t\t\t\t\t\t\t\t\tsheetElement.remove()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tdocument.body.style.overflow = 'auto' // unlock the scroll of the host\n\t\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the sheet closing/dismissal logic\n\t */\n\tprivate setupSheetDismissLogic() {\n\t\tthis.$dismiss\n\t\t\t.pipe(\n\t\t\t\tmergeMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(new CustomEvent(SheetWhereAreYouRicky, { detail: { uid } }))\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\ttap(([response, uid]) => {\n\t\t\t\t\tconsole.log('Dismiss called for uid:', uid, 'Found sheet:', !!response?.sheet)\n\t\t\t\t\tif (response?.sheet) {\n\t\t\t\t\t\tresponse.sheet.closeSheet()\n\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconsole.log('No sheet found to dismiss for uid:', uid)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the popstate listener to handle browser back button\n\t */\n\tprivate setupPopStateListener() {\n\t\tif (this.popStateListenerActive) return\n\n\t\tfromEvent<PopStateEvent>(window, 'popstate').subscribe(event => {\n\t\t\t// If we have active sheets, close the most recently opened one\n\t\t\tif (this.activeSheets.size > 0) {\n\t\t\t\t// Get the last sheet (Set maintains insertion order)\n\t\t\t\tconst lastSheet = Array.from(this.activeSheets).pop()\n\t\t\t\tif (lastSheet) {\n\t\t\t\t\tthis.dismiss(lastSheet)\n\n\t\t\t\t\t// Prevent default navigation behavior by pushing a new state\n\t\t\t\t\t// This effectively cancels out the back navigation\n\t\t\t\t\tif (event.state && event.state.schmancySheet) {\n\t\t\t\t\t\thistory.pushState({}, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\n\t\tthis.popStateListenerActive = true\n\t}\n\n\t/**\n\t * Dismiss a sheet by uid, or dismiss the most recently opened sheet if no uid provided\n\t */\n\tdismiss(uid?: string) {\n\t\tif (!uid && this.activeSheets.size > 0) {\n\t\t\t// Get the last sheet opened (Set maintains insertion order)\n\t\t\tconst sheetsArray = Array.from(this.activeSheets)\n\t\t\tuid = sheetsArray[sheetsArray.length - 1]\n\t\t}\n\n\t\tif (uid) {\n\t\t\tthis.$dismiss.next(uid)\n\t\t}\n\t}\n\n\t/**\n\t * Open a sheet with the given target configuration\n\t */\n\topen(target: BottomSheeetTarget) {\n\t\tthis.bottomSheet.next(target)\n\t}\n\n\t/**\n\t * Check if a sheet is currently open by uid\n\t */\n\tisOpen(uid: string): boolean {\n\t\treturn this.activeSheets.has(uid)\n\t}\n\n\t/**\n\t * Close all open sheets\n\t */\n\tcloseAll() {\n\t\t// Copy the set to avoid modification during iteration\n\t\tArray.from(this.activeSheets).forEach(uid => {\n\t\t\tthis.dismiss(uid)\n\t\t})\n\t}\n\n\t/**\n\t * Gets the component instance for a given sheet\n\t * @param uid - The unique identifier of the sheet\n\t * @returns The component instance, or undefined if not found\n\t */\n\tgetComponent<T extends HTMLElement = HTMLElement>(uid: string): T | undefined {\n\t\treturn this.sheetComponents.get(uid) as T | undefined\n\t}\n}\nexport const sheet = new BottomSheetService()\n"],"names":["SchmancySheetPosition","SheetWhereAreYouRicky","SheetHereMorty","sheet","constructor","this","bottomSheet","Subject","$dismiss","activeSheets","Set","sheetComponents","Map","popStateListenerActive","setupSheetOpeningLogic","setupSheetDismissLogic","setupPopStateListener","pipe","switchMap","forkJoin","fromEvent","window","takeUntil","timer","map","e","detail","defaultIfEmpty","ThemeHereIAm","theme","of","target","tap","uid","component","tagName","dispatchEvent","CustomEvent","bubbles","composed","ThemeWhereAreYou","existingSheet","targetContainer","parentElement","document","querySelector","body","createElement","setAttribute","appendChild","lock","position","innerWidth","title","persist","String","header","handleHistory","style","overflow","delay","onBeforeOpen","shadowRoot","assignedElements","find","HTMLElement","Date","now","add","set","historyState","schmancySheet","timestamp","history","pushState","location","href","onAfterOpen","take","subscribe","_","sheetElement","getAttribute","delete","persistAttr","remove","mergeMap","response","closeSheet","event","size","lastSheet","Array","from","pop","dismiss","state","sheetsArray","length","next","has","closeAll","forEach","get"],"mappings":"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"}

package/dist/tailwind.mixin-BlZIIaOE.cjs

@@ -1,2 +0,0 @@
-"use strict";const a=require("lit"),s=require("rxjs"),l=require("lit/directives/class-map.js"),c=require("lit/directives/style-map.js"),i=e=>class extends e{constructor(){super(...arguments),this.disconnecting=new s.Subject}classMap(r){const t={};return Object.keys(r).forEach(o=>{o.trim().split(" ").filter(Boolean).forEach(n=>{t[n]=r[o]})}),l.classMap(t)}styleMap(r){return c.styleMap(r)}disconnectedCallback(){this.disconnecting.next(!0),this.disconnecting.complete(),super.disconnectedCallback()}},d=a.unsafeCSS('/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme;@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-4{inset:1rem}.inset-x-6{inset-inline:1.5rem}.top-0{top:0}.top-1\\/2{top:50%}.top-3{top:.75rem}.top-8{top:2rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-49{z-index:49}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.z-\\[1000\\]{z-index:1000}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-2{margin-inline:-.5rem}.mx-auto{margin-inline:auto}.my-1{margin-block:.25rem}.my-2{margin-block:.5rem}.my-4{margin-block:1rem}.my-6{margin-block:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-\\[4px\\]{margin-bottom:4px}.-ml-px{margin-left:-1px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-10{margin-left:2.5rem}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.table{display:table}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-8{width:2rem;height:2rem}.h-0\\.5{height:.125rem}.h-1{height:.25rem}.h-1\\.5{height:.375rem}.h-2{height:.5rem}.h-2\\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-32{height:8rem}.h-64{height:16rem}.h-80{height:20rem}.h-96{height:24rem}.h-\\[24px\\]{height:24px}.h-\\[500px\\]{height:500px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-96{max-height:24rem}.max-h-\\[24px\\]{max-height:24px}.max-h-\\[70vh\\]{max-height:70vh}.max-h-\\[80vh\\]{max-height:80vh}.max-h-\\[90vh\\]{max-height:90vh}.max-h-\\[200px\\]{max-height:200px}.max-h-\\[calc\\(100vh-40px\\)\\]{max-height:calc(100vh - 40px)}.min-h-0{min-height:0}.min-h-\\[56px\\]{min-height:56px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[150px\\]{min-height:150px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[400px\\]{min-height:400px}.min-h-screen{min-height:100vh}.w-0\\.5{width:.125rem}.w-1\\.5{width:.375rem}.w-2{width:.5rem}.w-2\\.5{width:.625rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-48{width:12rem}.w-64{width:16rem}.w-\\[24px\\]{width:24px}.w-\\[30\\%\\]{width:30%}.w-\\[100vw\\]{width:100vw}.w-\\[var\\(--dialog-width\\)\\]{width:var(--dialog-width)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-32{max-width:8rem}.max-w-\\[24px\\]{max-width:24px}.max-w-\\[320px\\]{max-width:320px}.max-w-\\[360px\\]{max-width:360px}.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem)}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.min-w-0{min-width:0}.min-w-\\[60px\\]{min-width:60px}.min-w-\\[160px\\]{min-width:160px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.grow\\!{flex-grow:1!important}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/4{--tw-translate-y: -25% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\\[55\\%\\]{--tw-translate-y: -55% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y: 0rem ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-x-\\[-1\\]{--tw-scale-x:-1;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.columns-2{columns:2}.columns-3{columns:3}.auto-cols-max{grid-auto-columns:max-content}.grid-flow-col{grid-auto-flow:column}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row{grid-auto-flow:row}.grid-flow-row-dense{grid-auto-flow:dense}.auto-rows-max{grid-auto-rows:max-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[250px_1fr\\]{grid-template-columns:250px 1fr}.grid-cols-\\[auto_1fr\\]{grid-template-columns:auto 1fr}.grid-rows-\\[auto_1fr\\]{grid-template-rows:auto 1fr}.grid-rows-\\[auto_1fr_auto\\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.content-around{align-content:space-around}.content-between{align-content:space-between}.content-center{align-content:center}.content-end{align-content:flex-end}.content-evenly{align-content:space-evenly}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-baseline{justify-content:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}.gap-0{gap:0}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\\[8px\\]{gap:8px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.25rem *var(--tw-space-y-reverse));margin-block-end:calc(.25rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.5rem *var(--tw-space-y-reverse));margin-block-end:calc(.5rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.75rem *var(--tw-space-y-reverse));margin-block-end:calc(.75rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1rem *var(--tw-space-y-reverse));margin-block-end:calc(1rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1.5rem *var(--tw-space-y-reverse));margin-block-end:calc(1.5rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(2rem *var(--tw-space-y-reverse));margin-block-end:calc(2rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(.5rem *var(--tw-space-x-reverse));margin-inline-end:calc(.5rem *calc(1 - var(--tw-space-x-reverse)))}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-outline>:not(:last-child)){border-color:var(--schmancy-sys-color-outline)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.scroll-smooth{scroll-behavior:smooth}.rounded-\\[8px\\]{border-radius:8px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5dc}.border-outline{border-color:var(--schmancy-sys-color-outline)}.border-outline-variant{border-color:var(--schmancy-sys-color-outlineVariant)}.border-outline\\/12{border-color:var(--schmancy-sys-color-outline)}@supports (color:color-mix(in lab,red,red)){.border-outline\\/12{border-color:color-mix(in oklab,var(--schmancy-sys-color-outline)12%,transparent)}}.border-outline\\/20{border-color:var(--schmancy-sys-color-outline)}@supports (color:color-mix(in lab,red,red)){.border-outline\\/20{border-color:color-mix(in oklab,var(--schmancy-sys-color-outline)20%,transparent)}}.border-outline\\/30{border-color:var(--schmancy-sys-color-outline)}@supports (color:color-mix(in lab,red,red)){.border-outline\\/30{border-color:color-mix(in oklab,var(--schmancy-sys-color-outline)30%,transparent)}}.border-outlineVariant{border-color:var(--schmancy-sys-color-outlineVariant)}.border-primary-container{border-color:var(--schmancy-sys-color-primary-container)}.border-primary-default{border-color:var(--schmancy-sys-color-primary-default)}.border-primary-on{border-color:var(--schmancy-sys-color-primary-on)}.border-primary-onContainer{border-color:var(--schmancy-sys-color-primary-onContainer)}.border-red-500{border-color:#fb2c36}.border-scrim{border-color:var(--schmancy-sys-color-scrim)}.border-success-on{border-color:var(--schmancy-sys-color-success-on)}.border-surface-container{border-color:var(--schmancy-sys-color-surface-container)}.border-surface-default{border-color:var(--schmancy-sys-color-surface-default)}.border-surface-dim{border-color:var(--schmancy-sys-color-surface-dim)}.border-transparent{border-color:#0000}.bg-\\[color\\]{background-color:color}.bg-blue-500{background-color:#3280ff;background-color:oklch(62.3% .214 259.815)}.bg-blue-600{background-color:#155dfc}.bg-error-container{background-color:var(--schmancy-sys-color-error-container)}.bg-error-default,.bg-error-default\\/70{background-color:var(--schmancy-sys-color-error-default)}@supports (color:color-mix(in lab,red,red)){.bg-error-default\\/70{background-color:color-mix(in oklab,var(--schmancy-sys-color-error-default)70%,transparent)}}.bg-gray-50{background-color:#f9fafb}.bg-gray-600{background-color:#4a5565}.bg-green-500{background-color:#00c65a;background-color:oklch(72.3% .219 149.579)}.bg-green-600{background-color:#00a447;background-color:oklch(62.7% .194 149.214)}.bg-indigo-500{background-color:#6260ff;background-color:oklch(58.5% .233 277.117)}.bg-orange-600{background-color:#ec5600;background-color:oklch(64.6% .222 41.116)}.bg-outline-variant{background-color:var(--schmancy-sys-color-outlineVariant)}.bg-pink-500{background-color:#f6339a}.bg-primary-container,.bg-primary-container\\/20{background-color:var(--schmancy-sys-color-primary-container)}@supports (color:color-mix(in lab,red,red)){.bg-primary-container\\/20{background-color:color-mix(in oklab,var(--schmancy-sys-color-primary-container)20%,transparent)}}.bg-primary-default,.bg-primary-default\\/70{background-color:var(--schmancy-sys-color-primary-default)}@supports (color:color-mix(in lab,red,red)){.bg-primary-default\\/70{background-color:color-mix(in oklab,var(--schmancy-sys-color-primary-default)70%,transparent)}}.bg-primary-on{background-color:var(--schmancy-sys-color-primary-on)}.bg-primary-onContainer{background-color:var(--schmancy-sys-color-primary-onContainer)}.bg-purple-500{background-color:#ab4eff;background-color:oklch(62.7% .265 303.9)}.bg-purple-600{background-color:#9810fa}.bg-red-500{background-color:#fb2c36}.bg-red-600{background-color:#e40014;background-color:oklch(57.7% .245 27.325)}.bg-scrim,.bg-scrim\\/40{background-color:var(--schmancy-sys-color-scrim)}@supports (color:color-mix(in lab,red,red)){.bg-scrim\\/40{background-color:color-mix(in oklab,var(--schmancy-sys-color-scrim)40%,transparent)}}.bg-secondary-container{background-color:var(--schmancy-sys-color-secondary-container)}.bg-secondary-default,.bg-secondary-default\\/70{background-color:var(--schmancy-sys-color-secondary-default)}@supports (color:color-mix(in lab,red,red)){.bg-secondary-default\\/70{background-color:color-mix(in oklab,var(--schmancy-sys-color-secondary-default)70%,transparent)}}.bg-success-default,.bg-success-default\\/70{background-color:var(--schmancy-sys-color-success-default)}@supports (color:color-mix(in lab,red,red)){.bg-success-default\\/70{background-color:color-mix(in oklab,var(--schmancy-sys-color-success-default)70%,transparent)}}.bg-surface-bright{background-color:var(--schmancy-sys-color-surface-bright)}.bg-surface-container,.bg-surface-container\\/10{background-color:var(--schmancy-sys-color-surface-container)}@supports (color:color-mix(in lab,red,red)){.bg-surface-container\\/10{background-color:color-mix(in oklab,var(--schmancy-sys-color-surface-container)10%,transparent)}}.bg-surface-container\\/20{background-color:var(--schmancy-sys-color-surface-container)}@supports (color:color-mix(in lab,red,red)){.bg-surface-container\\/20{background-color:color-mix(in oklab,var(--schmancy-sys-color-surface-container)20%,transparent)}}.bg-surface-default{background-color:var(--schmancy-sys-color-surface-default)}.bg-surface-dim{background-color:var(--schmancy-sys-color-surface-dim)}.bg-surface-high{background-color:var(--schmancy-sys-color-surface-high)}.bg-surface-highest{background-color:var(--schmancy-sys-color-surface-highest)}.bg-surface-low{background-color:var(--schmancy-sys-color-surface-low)}.bg-surface-lowest{background-color:var(--schmancy-sys-color-surface-lowest)}.bg-teal-500{background-color:#00b9a6;background-color:oklch(70.4% .14 182.503)}.bg-tertiary-default,.bg-tertiary-default\\/70{background-color:var(--schmancy-sys-color-tertiary-default)}@supports (color:color-mix(in lab,red,red)){.bg-tertiary-default\\/70{background-color:color-mix(in oklab,var(--schmancy-sys-color-tertiary-default)70%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bg-yellow-500{background-color:#eab300;background-color:oklch(79.5% .184 86.047)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:oklch(62.3% .214 259.815);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-600{--tw-gradient-from:oklch(51.1% .262 276.966);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary-container{--tw-gradient-from:var(--schmancy-sys-color-primary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:oklch(62.7% .265 303.9);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-surface-on\\/20{--tw-gradient-from:var(--schmancy-sys-color-surface-on)}@supports (color:color-mix(in lab,red,red)){.from-surface-on\\/20{--tw-gradient-from:color-mix(in oklab,var(--schmancy-sys-color-surface-on)20%,transparent)}}.from-surface-on\\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-purple-600{--tw-gradient-via:oklch(55.8% .288 302.321);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-pink-500{--tw-gradient-to:oklch(65.6% .241 354.308);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:oklch(59.2% .249 .584);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-secondary-container{--tw-gradient-to:var(--schmancy-sys-color-secondary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:oklch(70.4% .14 182.503);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\\[16px\\]{padding:16px}.px-1{padding-inline:.25rem}.px-1\\.5{padding-inline:.375rem}.px-2{padding-inline:.5rem}.px-2\\.5{padding-inline:.625rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.px-\\[6px\\]{padding-inline:6px}.px-\\[8px\\]{padding-inline:8px}.px-\\[12px\\]{padding-inline:12px}.px-\\[16px\\]{padding-inline:16px}.py-0\\.75{padding-block:.1875rem}.py-1{padding-block:.25rem}.py-1\\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-4{padding-block:1rem}.py-6{padding-block:1.5rem}.py-8{padding-block:2rem}.py-\\[6px\\]{padding-block:6px}.py-\\[8px\\]{padding-block:8px}.py-\\[12px\\]{padding-block:12px}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pt-\\[4px\\]{padding-top:4px}.pr-1{padding-right:.25rem}.pr-4{padding-right:1rem}.pb-0{padding-bottom:0}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pb-\\[300px\\]{padding-bottom:300px}.pl-2{padding-left:.5rem}.pl-6{padding-left:1.5rem}.pl-12{padding-left:3rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--schmancy-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-2xl{font-size:1.5rem;line-height:var(--tw-leading,calc(2/1.5))}.text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5/2.25))}.text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75/1.125))}.text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25/.875))}.text-xl{font-size:1.25rem;line-height:var(--tw-leading,calc(1.75/1.25))}.text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1/.75))}.text-\\[24px\\]{font-size:24px}.leading-6{--tw-leading: 1.5rem ;line-height:1.5rem}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:1.25;line-height:1.25}.font-bold{--tw-font-weight:700;font-weight:700}.font-medium{--tw-font-weight:500;font-weight:500}.font-semibold{--tw-font-weight:600;font-weight:600}.tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.text-error-container{color:var(--schmancy-sys-color-error-container)}.text-error-default{color:var(--schmancy-sys-color-error-default)}.text-error-on{color:var(--schmancy-sys-color-error-on)}.text-error-onContainer{color:var(--schmancy-sys-color-error-onContainer)}.text-gray-500{color:#6a7282}.text-gray-600{color:#4a5565}.text-outline{color:var(--schmancy-sys-color-outline)}.text-outlineVariant{color:var(--schmancy-sys-color-outlineVariant)}.text-primary-container{color:var(--schmancy-sys-color-primary-container)}.text-primary-default{color:var(--schmancy-sys-color-primary-default)}.text-primary-on{color:var(--schmancy-sys-color-primary-on)}.text-primary-onContainer{color:var(--schmancy-sys-color-primary-onContainer)}.text-red-500{color:#fb2c36}.text-scrim{color:var(--schmancy-sys-color-scrim)}.text-secondary-onContainer{color:var(--schmancy-sys-color-secondary-onContainer)}.text-success-default{color:var(--schmancy-sys-color-success-default)}.text-success-on{color:var(--schmancy-sys-color-success-on)}.text-surface-bright{color:var(--schmancy-sys-color-surface-bright)}.text-surface-dim{color:var(--schmancy-sys-color-surface-dim)}.text-surface-on{color:var(--schmancy-sys-color-surface-on)}.text-surface-onVariant{color:var(--schmancy-sys-color-surface-onVariant)}.text-tertiary-default{color:var(--schmancy-sys-color-tertiary-default)}.text-tertiary-on{color:var(--schmancy-sys-color-tertiary-on)}.text-white{color:#fff}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.caret-transparent{caret-color:#0000}.opacity-0{opacity:0}.opacity-1{opacity:.01}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-\\[0\\.08\\]{opacity:.08}.opacity-\\[0\\.38\\]{opacity:.38}.shadow-1{--tw-shadow:var(--schmancy-sys-elevation-1);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_20px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[inset_0_1px_1px_0_rgba\\(255\\,255\\,255\\,0\\.2\\)\\]{--tw-shadow:inset 0 1px 1px 0 var(--tw-shadow-color,#fff3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[inset_0_1px_2px_0_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:inset 0 1px 2px 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-error-default{--tw-ring-color:var(--schmancy-sys-color-error-default)}.ring-outline{--tw-ring-color:var(--schmancy-sys-color-outline)}.ring-primary-default{--tw-ring-color:var(--schmancy-sys-color-primary-default)}.ring-secondary-default{--tw-ring-color:var(--schmancy-sys-color-secondary-default)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-secondary-default{outline-color:var(--schmancy-sys-color-secondary-default)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-saturate-150{--tw-backdrop-saturate:saturate(150%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:cubic-bezier(.4,0,1,1);transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{--tw-ease:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{--tw-ease:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.select-none{-webkit-user-select:none;user-select:none}.\\[--schmancy-sys-color-primary-default\\:rgb\\(0\\,0\\,255\\)\\]{--schmancy-sys-color-primary-default:#00f}.\\[--schmancy-sys-color-primary-default\\:rgb\\(0\\,255\\,0\\)\\]{--schmancy-sys-color-primary-default:#0f0}.\\[--schmancy-sys-color-primary-default\\:rgb\\(255\\,0\\,0\\)\\]{--schmancy-sys-color-primary-default:red}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\\:scale-125:is(:where(.group):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\\:border-primary-default:is(:where(.group):hover *){border-color:var(--schmancy-sys-color-primary-default)}.group-hover\\:bg-primary-container:is(:where(.group):hover *){background-color:var(--schmancy-sys-color-primary-container)}.group-hover\\:bg-primary-default:is(:where(.group):hover *){background-color:var(--schmancy-sys-color-primary-default)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-lg:is(:where(.group):hover *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.first\\:mt-0:first-child{margin-top:0}@media (hover:hover){.hover\\:scale-\\[1\\.02\\]:hover{scale:1.02}.hover\\:border-outlineVariant:hover{border-color:var(--schmancy-sys-color-outlineVariant)}.hover\\:bg-error-container:hover{background-color:var(--schmancy-sys-color-error-container)}.hover\\:bg-green-700:hover{background-color:#00813a;background-color:oklch(52.7% .154 150.069)}.hover\\:bg-orange-700:hover{background-color:#c43e00;background-color:oklch(55.3% .195 38.402)}.hover\\:bg-primary-default:hover{background-color:var(--schmancy-sys-color-primary-default)}.hover\\:bg-primary-on:hover{background-color:var(--schmancy-sys-color-primary-on)}.hover\\:bg-red-700:hover{background-color:#bf000f;background-color:oklch(50.5% .213 27.518)}.hover\\:bg-secondary-container:hover{background-color:var(--schmancy-sys-color-secondary-container)}.hover\\:bg-success-container:hover{background-color:var(--schmancy-sys-color-success-container)}.hover\\:bg-surface-container:hover{background-color:var(--schmancy-sys-color-surface-container)}.hover\\:bg-surface-high:hover{background-color:var(--schmancy-sys-color-surface-high)}.hover\\:bg-surface-on:hover{background-color:var(--schmancy-sys-color-surface-on)}.hover\\:bg-tertiary-container:hover{background-color:var(--schmancy-sys-color-tertiary-container)}.hover\\:text-error-container:hover{color:var(--schmancy-sys-color-error-container)}.hover\\:text-primary-default:hover{color:var(--schmancy-sys-color-primary-default)}.hover\\:text-surface-on:hover{color:var(--schmancy-sys-color-surface-on)}.hover\\:opacity-100:hover{opacity:1}.hover\\:opacity-\\[0\\.08\\]:hover{opacity:.08}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-xs:hover{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-error-default:focus{--tw-ring-color:var(--schmancy-sys-color-error-default)}.focus\\:ring-primary-container:focus{--tw-ring-color:var(--schmancy-sys-color-primary-container)}.focus\\:ring-primary-default:focus{--tw-ring-color:var(--schmancy-sys-color-primary-default)}.focus\\:ring-secondary-default:focus{--tw-ring-color:var(--schmancy-sys-color-secondary-default)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\\:outline-1:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\\:ring-inset:focus{--tw-ring-inset:inset}.focus-visible\\:z-1:focus-visible{z-index:1}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-0:focus-visible{outline-offset:0px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-primary-default:focus-visible{outline-color:var(--schmancy-sys-color-primary-default)}.focus-visible\\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:justify-between{justify-content:space-between}.sm\\:px-\\[12px\\]{padding-inline:12px}}@media (min-width:48rem){.md\\:right-0{right:0}.md\\:left-\\[unset\\]{left:unset}.md\\:block{display:block}.md\\:hidden{display:none}.md\\:w-64{width:16rem}.md\\:w-\\[70vw\\]{width:70vw}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:justify-between{justify-content:space-between}.md\\:px-\\[16px\\]{padding-inline:16px}}@media (min-width:64rem){.lg\\:w-\\[60vw\\]{width:60vw}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:80rem){.xl\\:w-1\\/2{width:50%}.xl\\:w-\\[40vw\\]{width:40vw}.xl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}}}:host,:root{font-family:var(--schmancy-font-family)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}'),p=e=>{const t=class t extends a.LitElement{};t.styles=[a.unsafeCSS(e),d];let r=t;return r};exports.BaseElement=i,exports.TailwindElement=e=>{class r extends i(p(e)){constructor(){super(...arguments),this.disconnectedCallback=()=>{super.disconnectedCallback()}}}return r};
-//# sourceMappingURL=tailwind.mixin-BlZIIaOE.cjs.map