@mhmo91/schmancy 0.10.16 → 0.10.18

package/dist/typewriter.js.map

@@ -1 +1 @@
-{"version":3,"file":"typewriter.js","names":[],"sources":["../src/typewriter/typewriter.directive.ts"],"sourcesContent":["/**\n * Typewriter Directive - RxJS-based typing animation\n *\n * Creates a smooth typewriter effect with automatic cycling through phrases.\n * Uses RxJS for precise timing and clean reactive patterns.\n *\n * @example\n * ```ts\n * // Simple cycling through words\n * html`<div ${typewriter(['Trustless', 'Permissionless', 'Transparent'])}>\n *   <span class=\"typed\"></span>\n * </div>`\n *\n * // Custom speeds and pauses\n * html`<div ${typewriter(['Fast', 'Typing'], { typeSpeed: 50, pauseDuration: 1000 })}>\n *   <span class=\"typed\"></span>\n * </div>`\n *\n * // One-time typing (no loop)\n * html`<div ${typewriter(['Hello World'], { loop: false })}>\n *   <span class=\"typed\"></span>\n * </div>`\n * ```\n */\n\nimport type { ElementPart } from 'lit'\nimport { noChange } from 'lit'\nimport { AsyncDirective, directive } from 'lit/async-directive.js'\nimport { concat, defer, EMPTY, interval, of, Subscription } from 'rxjs'\nimport { delay, repeat, take, tap } from 'rxjs/operators'\n\nexport interface TypewriterOptions {\n\ttypeSpeed?: number // Speed of typing (ms per character)\n\tdeleteSpeed?: number // Speed of deleting (ms per character)\n\tpauseDuration?: number // Pause after typing before deleting (ms)\n\tloop?: boolean // Whether to loop through phrases\n\tselector?: string // CSS selector for target element (default: '.typed')\n\tcursor?: boolean // Show cursor\n\tfinalMessage?: string // Message to display after cycling completes\n\tsound?: boolean // Play typewriter sounds (default: true)\n\tvolume?: number // Sound volume (0-1, default: 0.3)\n}\n\ninterface TypewriterState {\n\tphrases: string[]\n\toptions: Required<TypewriterOptions>\n\telement?: HTMLElement\n\ttargetElement?: HTMLElement\n\tsubscription?: Subscription\n\taudioContext?: AudioContext\n}\n\n// Typewriter sound generator using Web Audio API\nclass TypewriterSound {\n\tprivate audioContext: AudioContext\n\tprivate volume: number\n\n\tconstructor(volume: number = 0.3) {\n\t\tthis.audioContext = new AudioContext()\n\t\tthis.volume = Math.max(0, Math.min(1, volume))\n\t}\n\n\t// Generate cute, soft typing sound - like a gentle \"pop\"\n\tplayKeyPress() {\n\t\tconst now = this.audioContext.currentTime\n\n\t\t// Higher, softer main tone - more \"pop\" than \"clack\"\n\t\tconst osc = this.audioContext.createOscillator()\n\t\tconst gainNode = this.audioContext.createGain()\n\n\t\t// Higher base frequency for cute sound + randomness\n\t\tconst baseFreq = 800 + Math.random() * 200\n\t\tosc.frequency.setValueAtTime(baseFreq, now)\n\t\tosc.type = 'sine' // Smoother, rounder sound\n\n\t\t// Gentler attack, quick but soft\n\t\tgainNode.gain.setValueAtTime(0, now)\n\t\tgainNode.gain.linearRampToValueAtTime(this.volume * 0.2, now + 0.005)\n\t\tgainNode.gain.exponentialRampToValueAtTime(0.001, now + 0.03)\n\n\t\tosc.connect(gainNode)\n\t\tgainNode.connect(this.audioContext.destination)\n\n\t\tosc.start(now)\n\t\tosc.stop(now + 0.03)\n\n\t\t// Add a cute high \"bleep\" for character\n\t\tconst bleepOsc = this.audioContext.createOscillator()\n\t\tconst bleepGain = this.audioContext.createGain()\n\n\t\tbleepOsc.frequency.setValueAtTime(1800 + Math.random() * 400, now)\n\t\tbleepOsc.type = 'sine'\n\n\t\tbleepGain.gain.setValueAtTime(0, now)\n\t\tbleepGain.gain.linearRampToValueAtTime(this.volume * 0.08, now + 0.003)\n\t\tbleepGain.gain.exponentialRampToValueAtTime(0.001, now + 0.015)\n\n\t\tbleepOsc.connect(bleepGain)\n\t\tbleepGain.connect(this.audioContext.destination)\n\n\t\tbleepOsc.start(now)\n\t\tbleepOsc.stop(now + 0.015)\n\t}\n\n\t// Softer \"whoosh\" sound for deletion - like erasing\n\tplayDelete() {\n\t\tconst now = this.audioContext.currentTime\n\n\t\tconst osc = this.audioContext.createOscillator()\n\t\tconst gainNode = this.audioContext.createGain()\n\n\t\t// Descending pitch for \"erasing\" feel\n\t\tosc.frequency.setValueAtTime(600, now)\n\t\tosc.frequency.exponentialRampToValueAtTime(200, now + 0.04)\n\t\tosc.type = 'sine'\n\n\t\tgainNode.gain.setValueAtTime(0, now)\n\t\tgainNode.gain.linearRampToValueAtTime(this.volume * 0.12, now + 0.005)\n\t\tgainNode.gain.exponentialRampToValueAtTime(0.001, now + 0.04)\n\n\t\tosc.connect(gainNode)\n\t\tgainNode.connect(this.audioContext.destination)\n\n\t\tosc.start(now)\n\t\tosc.stop(now + 0.04)\n\t}\n\n\tcleanup() {\n\t\tthis.audioContext.close()\n\t}\n}\n\nclass TypewriterDirective extends AsyncDirective {\n\tprivate state: TypewriterState | null = null\n\tprivate soundEngine: TypewriterSound | null = null\n\n\trender(_phrases: string[], _options: TypewriterOptions = {}) {\n\t\treturn noChange\n\t}\n\n\toverride update(\n\t\tpart: ElementPart,\n\t\t[phrases, options = {}]: [string[], TypewriterOptions]\n\t) {\n\t\tconst element = part.element as HTMLElement\n\n\t\t// Clean up if params changed\n\t\tif (\n\t\t\tthis.state &&\n\t\t\t(JSON.stringify(this.state.phrases) !== JSON.stringify(phrases) ||\n\t\t\t\tJSON.stringify(this.state.options) !== JSON.stringify(options))\n\t\t) {\n\t\t\tthis.cleanup()\n\t\t}\n\n\t\t// Initialize state\n\t\tif (!this.state) {\n\t\t\tconst defaultOptions: Required<TypewriterOptions> = {\n\t\t\t\ttypeSpeed: 50,\n\t\t\t\tdeleteSpeed: 30,\n\t\t\t\tpauseDuration: 1500,\n\t\t\t\tloop: true,\n\t\t\t\tselector: '.typed',\n\t\t\t\tcursor: false,\n\t\t\t\tfinalMessage: '',\n\t\t\t\tsound: true,\n\t\t\t\tvolume: 0.08,\n\t\t\t}\n\n\t\t\tthis.state = {\n\t\t\t\tphrases,\n\t\t\t\toptions: { ...defaultOptions, ...options },\n\t\t\t\telement,\n\t\t\t}\n\n\t\t\t// Initialize sound engine if enabled\n\t\t\tif (this.state.options.sound) {\n\t\t\t\tthis.soundEngine = new TypewriterSound(this.state.options.volume)\n\t\t\t}\n\n\t\t\t// Find target element\n\t\t\tthis.state.targetElement = element.querySelector<HTMLElement>(\n\t\t\t\tthis.state.options.selector\n\t\t\t) ?? undefined\n\n\t\t\tif (!this.state.targetElement) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`Typewriter: Target element \"${this.state.options.selector}\" not found`\n\t\t\t\t)\n\t\t\t\treturn noChange\n\t\t\t}\n\n\t\t\t// Add cursor if enabled\n\t\t\tif (this.state.options.cursor) {\n\t\t\t\tthis.state.targetElement.style.position = 'relative'\n\t\t\t\tthis.state.targetElement.style.display = 'inline-block'\n\t\t\t\tconst cursor = document.createElement('span')\n\t\t\t\tcursor.className = 'typewriter-cursor'\n\t\t\t\tcursor.textContent = '|'\n\t\t\t\tcursor.style.cssText = `\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmargin-left: 2px;\n\t\t\t\t\tanimation: typewriter-blink 1s step-end infinite;\n\t\t\t\t`\n\t\t\t\tthis.state.targetElement.appendChild(cursor)\n\n\t\t\t\t// Add blink animation if not already present\n\t\t\t\tif (!document.getElementById('typewriter-styles')) {\n\t\t\t\t\tconst style = document.createElement('style')\n\t\t\t\t\tstyle.id = 'typewriter-styles'\n\t\t\t\t\tstyle.textContent = `\n\t\t\t\t\t\t@keyframes typewriter-blink {\n\t\t\t\t\t\t\t0%, 50% { opacity: 1; }\n\t\t\t\t\t\t\t51%, 100% { opacity: 0; }\n\t\t\t\t\t\t}\n\t\t\t\t\t`\n\t\t\t\t\tdocument.head.appendChild(style)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.startTyping()\n\t\t}\n\n\t\treturn noChange\n\t}\n\n\tprivate startTyping() {\n\t\tif (!this.state || !this.state.targetElement) return\n\n\t\tconst { phrases, options, targetElement } = this.state\n\n\t\t// Create typing observable for a single phrase\n\t\tconst typePhrase = (phrase: string, shouldDelete: boolean = true) => {\n\t\t\treturn concat(\n\t\t\t\t// Type each character\n\t\t\t\tdefer(() => {\n\t\t\t\t\tconst chars = phrase.split('')\n\t\t\t\t\treturn concat(\n\t\t\t\t\t\t...chars.map((char) =>\n\t\t\t\t\t\t\tof(char).pipe(\n\t\t\t\t\t\t\t\tdelay(options.typeSpeed),\n\t\t\t\t\t\t\t\ttap((c) => {\n\t\t\t\t\t\t\t\t\tconst textNode = this.getTextNode(targetElement)\n\t\t\t\t\t\t\t\t\tif (textNode) {\n\t\t\t\t\t\t\t\t\t\ttextNode.textContent += c\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Play key press sound\n\t\t\t\t\t\t\t\t\tif (this.soundEngine) {\n\t\t\t\t\t\t\t\t\t\tthis.soundEngine.playKeyPress()\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\t\t\t\t// Pause after typing\n\t\t\t\tof(null).pipe(delay(options.pauseDuration)),\n\t\t\t\t// Delete each character (only if shouldDelete is true)\n\t\t\t\tshouldDelete ? defer(() => {\n\t\t\t\t\tconst deleteCount = phrase.length\n\t\t\t\t\treturn interval(options.deleteSpeed).pipe(\n\t\t\t\t\t\ttake(deleteCount),\n\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\tconst textNode = this.getTextNode(targetElement)\n\t\t\t\t\t\t\tif (textNode && textNode.textContent) {\n\t\t\t\t\t\t\t\ttextNode.textContent = textNode.textContent.slice(0, -1)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Play delete sound\n\t\t\t\t\t\t\tif (this.soundEngine) {\n\t\t\t\t\t\t\t\tthis.soundEngine.playDelete()\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}) : EMPTY,\n\t\t\t\t// Small pause before next phrase\n\t\t\t\tshouldDelete ? of(null).pipe(delay(200)) : EMPTY\n\t\t\t)\n\t\t}\n\n\t\t// Create observable that cycles through all phrases\n\t\tconst phrasesSequence = concat(\n\t\t\t...phrases.map((phrase) => typePhrase(phrase))\n\t\t)\n\n\t\t// Add final message if provided\n\t\tconst typingSequence = options.finalMessage\n\t\t\t? concat(\n\t\t\t\t\tphrasesSequence,\n\t\t\t\t\ttypePhrase(options.finalMessage, false) // Don't delete final message\n\t\t\t\t)\n\t\t\t: phrasesSequence\n\n\t\t// Subscribe and optionally loop\n\t\tthis.state.subscription = (\n\t\t\toptions.loop ? phrasesSequence.pipe(repeat()) : typingSequence\n\t\t).subscribe({\n\t\t\terror: (err) => console.error('Typewriter error:', err),\n\t\t})\n\t}\n\n\tprivate getTextNode(targetElement: HTMLElement): Text | null {\n\t\t// Get or create text node (ignoring cursor element)\n\t\tfor (const child of Array.from(targetElement.childNodes)) {\n\t\t\tif (child.nodeType === Node.TEXT_NODE) {\n\t\t\t\treturn child as Text\n\t\t\t}\n\t\t}\n\t\t// Create text node if it doesn't exist\n\t\tconst textNode = document.createTextNode('')\n\t\ttargetElement.insertBefore(textNode, targetElement.firstChild)\n\t\treturn textNode\n\t}\n\n\tprivate cleanup() {\n\t\tif (!this.state) return\n\n\t\t// Unsubscribe from typing observable\n\t\tif (this.state.subscription) {\n\t\t\tthis.state.subscription.unsubscribe()\n\t\t}\n\n\t\t// Remove cursor if present\n\t\tif (this.state.targetElement) {\n\t\t\tconst cursor = this.state.targetElement.querySelector('.typewriter-cursor')\n\t\t\tcursor?.remove()\n\t\t}\n\n\t\t// Cleanup sound engine\n\t\tif (this.soundEngine) {\n\t\t\tthis.soundEngine.cleanup()\n\t\t\tthis.soundEngine = null\n\t\t}\n\n\t\tthis.state = null\n\t}\n\n\toverride disconnected() {\n\t\tthis.cleanup()\n\t}\n\n\toverride reconnected(): void {\n\t\t// Re-start typing if state exists\n\t\tif (this.state && !this.state.subscription) {\n\t\t\tthis.startTyping()\n\t\t}\n\t}\n}\n\nexport const typewriter = directive(TypewriterDirective)\n"],"mappings":"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"}
+{"version":3,"file":"typewriter.js","names":[],"sources":["../src/typewriter/typewriter.directive.ts"],"sourcesContent":["/**\n * Typewriter Directive - RxJS-based typing animation\n *\n * Creates a smooth typewriter effect with automatic cycling through phrases.\n * Uses RxJS for precise timing and clean reactive patterns.\n *\n * @example\n * ```ts\n * // Simple cycling through words\n * html`<div ${typewriter(['Trustless', 'Permissionless', 'Transparent'])}>\n *   <span class=\"typed\"></span>\n * </div>`\n *\n * // Custom speeds and pauses\n * html`<div ${typewriter(['Fast', 'Typing'], { typeSpeed: 50, pauseDuration: 1000 })}>\n *   <span class=\"typed\"></span>\n * </div>`\n *\n * // One-time typing (no loop)\n * html`<div ${typewriter(['Hello World'], { loop: false })}>\n *   <span class=\"typed\"></span>\n * </div>`\n * ```\n */\n\nimport type { ElementPart } from 'lit'\nimport { noChange } from 'lit'\nimport { AsyncDirective, directive } from 'lit/async-directive.js'\nimport { concat, defer, EMPTY, interval, of, Subscription } from 'rxjs'\nimport { delay, repeat, take, tap } from 'rxjs/operators'\n\nexport interface TypewriterOptions {\n\ttypeSpeed?: number // Speed of typing (ms per character)\n\tdeleteSpeed?: number // Speed of deleting (ms per character)\n\tpauseDuration?: number // Pause after typing before deleting (ms)\n\tloop?: boolean // Whether to loop through phrases\n\tselector?: string // CSS selector for target element (default: '.typed')\n\tcursor?: boolean // Show cursor\n\tfinalMessage?: string // Message to display after cycling completes\n\tsound?: boolean // Play typewriter sounds (default: true)\n\tvolume?: number // Sound volume (0-1, default: 0.3)\n}\n\ninterface TypewriterState {\n\tphrases: string[]\n\toptions: Required<TypewriterOptions>\n\telement?: HTMLElement\n\ttargetElement?: HTMLElement\n\tsubscription?: Subscription\n\taudioContext?: AudioContext\n}\n\n// Typewriter sound generator using Web Audio API\nclass TypewriterSound {\n\tprivate audioContext: AudioContext\n\tprivate volume: number\n\n\tconstructor(volume: number = 0.3) {\n\t\tthis.audioContext = new AudioContext()\n\t\tthis.volume = Math.max(0, Math.min(1, volume))\n\t}\n\n\t// Generate cute, soft typing sound - like a gentle \"pop\"\n\tplayKeyPress() {\n\t\tconst now = this.audioContext.currentTime\n\n\t\t// Higher, softer main tone - more \"pop\" than \"clack\"\n\t\tconst osc = this.audioContext.createOscillator()\n\t\tconst gainNode = this.audioContext.createGain()\n\n\t\t// Higher base frequency for cute sound + randomness\n\t\tconst baseFreq = 800 + Math.random() * 200\n\t\tosc.frequency.setValueAtTime(baseFreq, now)\n\t\tosc.type = 'sine' // Smoother, rounder sound\n\n\t\t// Gentler attack, quick but soft\n\t\tgainNode.gain.setValueAtTime(0, now)\n\t\tgainNode.gain.linearRampToValueAtTime(this.volume * 0.2, now + 0.005)\n\t\tgainNode.gain.exponentialRampToValueAtTime(0.001, now + 0.03)\n\n\t\tosc.connect(gainNode)\n\t\tgainNode.connect(this.audioContext.destination)\n\n\t\tosc.start(now)\n\t\tosc.stop(now + 0.03)\n\n\t\t// Add a cute high \"bleep\" for character\n\t\tconst bleepOsc = this.audioContext.createOscillator()\n\t\tconst bleepGain = this.audioContext.createGain()\n\n\t\tbleepOsc.frequency.setValueAtTime(1800 + Math.random() * 400, now)\n\t\tbleepOsc.type = 'sine'\n\n\t\tbleepGain.gain.setValueAtTime(0, now)\n\t\tbleepGain.gain.linearRampToValueAtTime(this.volume * 0.08, now + 0.003)\n\t\tbleepGain.gain.exponentialRampToValueAtTime(0.001, now + 0.015)\n\n\t\tbleepOsc.connect(bleepGain)\n\t\tbleepGain.connect(this.audioContext.destination)\n\n\t\tbleepOsc.start(now)\n\t\tbleepOsc.stop(now + 0.015)\n\t}\n\n\t// Softer \"whoosh\" sound for deletion - like erasing\n\tplayDelete() {\n\t\tconst now = this.audioContext.currentTime\n\n\t\tconst osc = this.audioContext.createOscillator()\n\t\tconst gainNode = this.audioContext.createGain()\n\n\t\t// Descending pitch for \"erasing\" feel\n\t\tosc.frequency.setValueAtTime(600, now)\n\t\tosc.frequency.exponentialRampToValueAtTime(200, now + 0.04)\n\t\tosc.type = 'sine'\n\n\t\tgainNode.gain.setValueAtTime(0, now)\n\t\tgainNode.gain.linearRampToValueAtTime(this.volume * 0.12, now + 0.005)\n\t\tgainNode.gain.exponentialRampToValueAtTime(0.001, now + 0.04)\n\n\t\tosc.connect(gainNode)\n\t\tgainNode.connect(this.audioContext.destination)\n\n\t\tosc.start(now)\n\t\tosc.stop(now + 0.04)\n\t}\n\n\tcleanup() {\n\t\tthis.audioContext.close()\n\t}\n}\n\nclass TypewriterDirective extends AsyncDirective {\n\tprivate state: TypewriterState | null = null\n\tprivate soundEngine: TypewriterSound | null = null\n\n\trender(_phrases: string[], _options: TypewriterOptions = {}) {\n\t\treturn noChange\n\t}\n\n\toverride update(\n\t\tpart: ElementPart,\n\t\t[phrases, options = {}]: [string[], TypewriterOptions]\n\t) {\n\t\tconst element = part.element as HTMLElement\n\n\t\t// Clean up if params changed\n\t\tif (\n\t\t\tthis.state &&\n\t\t\t(JSON.stringify(this.state.phrases) !== JSON.stringify(phrases) ||\n\t\t\t\tJSON.stringify(this.state.options) !== JSON.stringify(options))\n\t\t) {\n\t\t\tthis.cleanup()\n\t\t}\n\n\t\t// Initialize state\n\t\tif (!this.state) {\n\t\t\tconst defaultOptions: Required<TypewriterOptions> = {\n\t\t\t\ttypeSpeed: 50,\n\t\t\t\tdeleteSpeed: 30,\n\t\t\t\tpauseDuration: 1500,\n\t\t\t\tloop: true,\n\t\t\t\tselector: '.typed',\n\t\t\t\tcursor: false,\n\t\t\t\tfinalMessage: '',\n\t\t\t\tsound: true,\n\t\t\t\tvolume: 0.08,\n\t\t\t}\n\n\t\t\tthis.state = {\n\t\t\t\tphrases,\n\t\t\t\toptions: { ...defaultOptions, ...options },\n\t\t\t\telement,\n\t\t\t}\n\n\t\t\t// Initialize sound engine if enabled\n\t\t\tif (this.state.options.sound) {\n\t\t\t\tthis.soundEngine = new TypewriterSound(this.state.options.volume)\n\t\t\t}\n\n\t\t\t// Find target element\n\t\t\tthis.state.targetElement = element.querySelector<HTMLElement>(\n\t\t\t\tthis.state.options.selector\n\t\t\t) ?? undefined\n\n\t\t\tif (!this.state.targetElement) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`Typewriter: Target element \"${this.state.options.selector}\" not found`\n\t\t\t\t)\n\t\t\t\treturn noChange\n\t\t\t}\n\n\t\t\t// Add cursor if enabled\n\t\t\tif (this.state.options.cursor) {\n\t\t\t\tthis.state.targetElement.style.position = 'relative'\n\t\t\t\tthis.state.targetElement.style.display = 'inline-block'\n\t\t\t\tconst cursor = document.createElement('span')\n\t\t\t\tcursor.className = 'typewriter-cursor'\n\t\t\t\tcursor.textContent = '|'\n\t\t\t\tcursor.style.cssText = `\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmargin-left: 2px;\n\t\t\t\t\tanimation: typewriter-blink 1s step-end infinite;\n\t\t\t\t`\n\t\t\t\tthis.state.targetElement.appendChild(cursor)\n\n\t\t\t\t// Add blink animation if not already present\n\t\t\t\tif (!document.getElementById('typewriter-styles')) {\n\t\t\t\t\tconst style = document.createElement('style')\n\t\t\t\t\tstyle.id = 'typewriter-styles'\n\t\t\t\t\tstyle.textContent = `\n\t\t\t\t\t\t@keyframes typewriter-blink {\n\t\t\t\t\t\t\t0%, 50% { opacity: 1; }\n\t\t\t\t\t\t\t51%, 100% { opacity: 0; }\n\t\t\t\t\t\t}\n\t\t\t\t\t`\n\t\t\t\t\tdocument.head.appendChild(style)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.startTyping()\n\t\t}\n\n\t\treturn noChange\n\t}\n\n\tprivate startTyping() {\n\t\tif (!this.state || !this.state.targetElement) return\n\n\t\tconst { phrases, options, targetElement } = this.state\n\n\t\t// Create typing observable for a single phrase\n\t\tconst typePhrase = (phrase: string, shouldDelete: boolean = true) => {\n\t\t\treturn concat(\n\t\t\t\t// Type each character\n\t\t\t\tdefer(() => {\n\t\t\t\t\tconst chars = phrase.split('')\n\t\t\t\t\treturn concat(\n\t\t\t\t\t\t...chars.map((char) =>\n\t\t\t\t\t\t\tof(char).pipe(\n\t\t\t\t\t\t\t\tdelay(options.typeSpeed),\n\t\t\t\t\t\t\t\ttap((c) => {\n\t\t\t\t\t\t\t\t\tconst textNode = this.getTextNode(targetElement)\n\t\t\t\t\t\t\t\t\tif (textNode) {\n\t\t\t\t\t\t\t\t\t\ttextNode.textContent += c\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// Play key press sound\n\t\t\t\t\t\t\t\t\tif (this.soundEngine) {\n\t\t\t\t\t\t\t\t\t\tthis.soundEngine.playKeyPress()\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\t\t\t\t// Pause after typing\n\t\t\t\tof(null).pipe(delay(options.pauseDuration)),\n\t\t\t\t// Delete each character (only if shouldDelete is true)\n\t\t\t\tshouldDelete ? defer(() => {\n\t\t\t\t\tconst deleteCount = phrase.length\n\t\t\t\t\treturn interval(options.deleteSpeed).pipe(\n\t\t\t\t\t\ttake(deleteCount),\n\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\tconst textNode = this.getTextNode(targetElement)\n\t\t\t\t\t\t\tif (textNode && textNode.textContent) {\n\t\t\t\t\t\t\t\ttextNode.textContent = textNode.textContent.slice(0, -1)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// Play delete sound\n\t\t\t\t\t\t\tif (this.soundEngine) {\n\t\t\t\t\t\t\t\tthis.soundEngine.playDelete()\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}) : EMPTY,\n\t\t\t\t// Small pause before next phrase\n\t\t\t\tshouldDelete ? of(null).pipe(delay(200)) : EMPTY\n\t\t\t)\n\t\t}\n\n\t\t// Create observable that cycles through all phrases\n\t\tconst phrasesSequence = concat(\n\t\t\t...phrases.map((phrase) => typePhrase(phrase))\n\t\t)\n\n\t\t// Add final message if provided\n\t\tconst typingSequence = options.finalMessage\n\t\t\t? concat(\n\t\t\t\t\tphrasesSequence,\n\t\t\t\t\ttypePhrase(options.finalMessage, false) // Don't delete final message\n\t\t\t\t)\n\t\t\t: phrasesSequence\n\n\t\t// Subscribe and optionally loop\n\t\tthis.state.subscription = (\n\t\t\toptions.loop ? phrasesSequence.pipe(repeat()) : typingSequence\n\t\t).subscribe({\n\t\t\terror: (err) => console.error('Typewriter error:', err),\n\t\t})\n\t}\n\n\tprivate getTextNode(targetElement: HTMLElement): Text | null {\n\t\t// Get or create text node (ignoring cursor element)\n\t\tfor (const child of Array.from(targetElement.childNodes)) {\n\t\t\tif (child.nodeType === Node.TEXT_NODE) {\n\t\t\t\treturn child as Text\n\t\t\t}\n\t\t}\n\t\t// Create text node if it doesn't exist\n\t\tconst textNode = document.createTextNode('')\n\t\ttargetElement.insertBefore(textNode, targetElement.firstChild)\n\t\treturn textNode\n\t}\n\n\tprivate cleanup() {\n\t\tif (!this.state) return\n\n\t\t// Unsubscribe from typing observable\n\t\tif (this.state.subscription) {\n\t\t\tthis.state.subscription.unsubscribe()\n\t\t}\n\n\t\t// Remove cursor if present\n\t\tif (this.state.targetElement) {\n\t\t\tconst cursor = this.state.targetElement.querySelector('.typewriter-cursor')\n\t\t\tcursor?.remove()\n\t\t}\n\n\t\t// Cleanup sound engine\n\t\tif (this.soundEngine) {\n\t\t\tthis.soundEngine.cleanup()\n\t\t\tthis.soundEngine = null\n\t\t}\n\n\t\tthis.state = null\n\t}\n\n\toverride disconnected() {\n\t\tthis.cleanup()\n\t}\n\n\toverride reconnected(): void {\n\t\t// Re-start typing if state exists\n\t\tif (this.state && !this.state.subscription) {\n\t\t\tthis.startTyping()\n\t\t}\n\t}\n}\n\nexport const typewriter = directive(TypewriterDirective)\n"],"mappings":"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"}

package/dist/typography.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BOOu6q2n.cjs`),t=require(`./active-host-jH3iloCR.cjs`);let n=require(`rxjs`),r=require(`rxjs/operators`),i=require(`lit/decorators.js`),a=require(`lit`),o=require(`lit/directives/ref.js`);var s=class extends e.c{constructor(...e){super(...e),this.type=`body`,this.token=`md`,this.editable=!1,this.value=``,this.placeholder=``,this._editRef=(0,o.createRef)()}static{this.styles=[a.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-Du9HMrIG.cjs`),t=require(`./active-host-jH3iloCR.cjs`);let n=require(`rxjs`),r=require(`rxjs/operators`),i=require(`lit/decorators.js`),a=require(`lit`),o=require(`lit/directives/ref.js`);var s=class extends e.c{constructor(...e){super(...e),this.type=`body`,this.token=`md`,this.editable=!1,this.value=``,this.placeholder=``,this._editRef=(0,o.createRef)()}static{this.styles=[a.css`
 	:host {
 		display: block;
 		font-family: inherit;

package/dist/typography.js

@@ -1,4 +1,4 @@
-import { c as e } from "./mixins-BWb9_e1s.js";
+import { c as e } from "./mixins-DCVXqL1Q.js";
 import { a as t } from "./active-host-BP0zy_Y9.js";
 import { fromEvent as n } from "rxjs";
 import { filter as r, takeUntil as i, tap as a } from "rxjs/operators";

package/dist/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":[],"sources":["../src/typography/typography.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { fromEvent } from 'rxjs'\nimport { filter, tap, takeUntil } from 'rxjs/operators'\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Type-based weight defaults (when using Tailwind classes without token) */\n\t:host([type='display']),\n\t:host([type='headline']),\n\t:host([type='body']) {\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='label']),\n\t:host([type='subtitle']),\n\t:host([type='title']) {\n\t\tfont-weight: 500;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */\n\n\t:host([editable]) {\n\t\tcursor: text;\n\t\tborder-radius: 4px;\n\t\ttransition: background 150ms;\n\t\tmin-height: 1em;\n\t}\n\t/* Editable div lives in shadow DOM so light DOM (Lit markers) is untouched */\n\t.edit {\n\t\toutline: none;\n\t\tmin-height: 1em;\n\t\tfont: inherit;\n\t\tcolor: inherit;\n\t\tletter-spacing: inherit;\n\t\tline-height: inherit;\n\t}\n\t.edit:empty::before {\n\t\tcontent: attr(data-placeholder);\n\t\tpointer-events: none;\n\t\tdisplay: block;\n\t\topacity: 0.35;\n\t}\n`];\n\tstatic shadowRootOptions: ShadowRootInit = {\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' = 'body'\n\n\t/**\n\t * @attr token - The size token.\n\t * @deprecated Prefer using Tailwind responsive text classes for better responsive design.\n\t * Set token=\"\" and use class=\"text-sm md:text-base lg:text-lg\" instead.\n\t * Example: <schmancy-typography type=\"display\" token=\"\" class=\"text-2xl sm:text-3xl md:text-4xl\">\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | ''}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\t\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number })\n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\t/** When true, the element becomes contenteditable and dispatches 'change' events on blur/Enter */\n\t@property({ type: Boolean, reflect: true }) editable = false\n\t/** The text value when in editable mode. Set via property binding: .value=${...} */\n\t@property({ type: String }) value = ''\n\t/** Placeholder shown when editable and empty */\n\t@property({ type: String }) placeholder = ''\n\n\tprivate _editRef = createRef<HTMLDivElement>()\n\n\t/** Focus and select all text in editable mode */\n\tselectAll() {\n\t\tconst el = this._editRef.value\n\t\tif (!el) return\n\t\tel.focus()\n\t\tconst sel = window.getSelection()\n\t\tif (sel && el.textContent) {\n\t\t\tconst range = document.createRange()\n\t\t\trange.selectNodeContents(el)\n\t\t\tsel.removeAllRanges()\n\t\t\tsel.addRange(range)\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tfromEvent<FocusEvent>(this, 'focusout').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\ttap(() => {\n\t\t\t\tconst el = this._editRef.value\n\t\t\t\tif (!el) return\n\t\t\t\tconst newValue = el.innerText.trim()\n\t\t\t\tif (newValue !== this.value) {\n\t\t\t\t\tthis.dispatchEvent(new CustomEvent('change', {\n\t\t\t\t\t\tdetail: { value: newValue },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}))\n\t\t\t\t}\n\t\t\t\t// Ensure truly empty so :empty CSS placeholder works\n\t\t\t\tif (!newValue) el.textContent = ''\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\t// Clean stray <br> / whitespace nodes so :empty CSS matches\n\t\tfromEvent(this, 'input').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\ttap(() => {\n\t\t\t\tconst el = this._editRef.value\n\t\t\t\tif (el && !el.innerText.trim()) el.textContent = ''\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\tfilter(e => e.key === 'Enter'),\n\t\t\ttap(e => { e.preventDefault(); (this._editRef.value ?? this).blur() }),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\t}\n\n\tprotected updated(changedProperties: Map<string, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('maxLines')) {\n\t\t\t// Remove all line-clamp classes\n\t\t\tthis.classList.remove('line-clamp-1', 'line-clamp-2', 'line-clamp-3', 'line-clamp-4', 'line-clamp-5', 'line-clamp-6')\n\t\t\t// Add the appropriate one\n\t\t\tif (this.maxLines) {\n\t\t\t\tthis.classList.add(`line-clamp-${this.maxLines}`)\n\t\t\t}\n\t\t}\n\t\tif ((changedProperties.has('value') || changedProperties.has('editable')) && this.editable) {\n\t\t\tconst el = this._editRef.value\n\t\t\tif (el && document.activeElement !== el) {\n\t\t\t\tif (this.value) {\n\t\t\t\t\tel.innerText = this.value\n\t\t\t\t} else {\n\t\t\t\t\tel.textContent = ''\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\tif (this.editable) {\n\t\t\treturn html`<div\n\t\t\t\t${ref(this._editRef)}\n\t\t\t\tclass=\"edit\"\n\t\t\t\tcontenteditable=\"true\"\n\t\t\t\tdata-placeholder=${this.placeholder ?? ''}\n\t\t\t></div>`\n\t\t}\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"mappings":"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"}
+{"version":3,"file":"typography.js","names":[],"sources":["../src/typography/typography.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { fromEvent } from 'rxjs'\nimport { filter, tap, takeUntil } from 'rxjs/operators'\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Type-based weight defaults (when using Tailwind classes without token) */\n\t:host([type='display']),\n\t:host([type='headline']),\n\t:host([type='body']) {\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='label']),\n\t:host([type='subtitle']),\n\t:host([type='title']) {\n\t\tfont-weight: 500;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */\n\n\t:host([editable]) {\n\t\tcursor: text;\n\t\tborder-radius: 4px;\n\t\ttransition: background 150ms;\n\t\tmin-height: 1em;\n\t}\n\t/* Editable div lives in shadow DOM so light DOM (Lit markers) is untouched */\n\t.edit {\n\t\toutline: none;\n\t\tmin-height: 1em;\n\t\tfont: inherit;\n\t\tcolor: inherit;\n\t\tletter-spacing: inherit;\n\t\tline-height: inherit;\n\t}\n\t.edit:empty::before {\n\t\tcontent: attr(data-placeholder);\n\t\tpointer-events: none;\n\t\tdisplay: block;\n\t\topacity: 0.35;\n\t}\n`];\n\tstatic shadowRootOptions: ShadowRootInit = {\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' = 'body'\n\n\t/**\n\t * @attr token - The size token.\n\t * @deprecated Prefer using Tailwind responsive text classes for better responsive design.\n\t * Set token=\"\" and use class=\"text-sm md:text-base lg:text-lg\" instead.\n\t * Example: <schmancy-typography type=\"display\" token=\"\" class=\"text-2xl sm:text-3xl md:text-4xl\">\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | ''}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\t\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number })\n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\t/** When true, the element becomes contenteditable and dispatches 'change' events on blur/Enter */\n\t@property({ type: Boolean, reflect: true }) editable = false\n\t/** The text value when in editable mode. Set via property binding: .value=${...} */\n\t@property({ type: String }) value = ''\n\t/** Placeholder shown when editable and empty */\n\t@property({ type: String }) placeholder = ''\n\n\tprivate _editRef = createRef<HTMLDivElement>()\n\n\t/** Focus and select all text in editable mode */\n\tselectAll() {\n\t\tconst el = this._editRef.value\n\t\tif (!el) return\n\t\tel.focus()\n\t\tconst sel = window.getSelection()\n\t\tif (sel && el.textContent) {\n\t\t\tconst range = document.createRange()\n\t\t\trange.selectNodeContents(el)\n\t\t\tsel.removeAllRanges()\n\t\t\tsel.addRange(range)\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tfromEvent<FocusEvent>(this, 'focusout').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\ttap(() => {\n\t\t\t\tconst el = this._editRef.value\n\t\t\t\tif (!el) return\n\t\t\t\tconst newValue = el.innerText.trim()\n\t\t\t\tif (newValue !== this.value) {\n\t\t\t\t\tthis.dispatchEvent(new CustomEvent('change', {\n\t\t\t\t\t\tdetail: { value: newValue },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}))\n\t\t\t\t}\n\t\t\t\t// Ensure truly empty so :empty CSS placeholder works\n\t\t\t\tif (!newValue) el.textContent = ''\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\t// Clean stray <br> / whitespace nodes so :empty CSS matches\n\t\tfromEvent(this, 'input').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\ttap(() => {\n\t\t\t\tconst el = this._editRef.value\n\t\t\t\tif (el && !el.innerText.trim()) el.textContent = ''\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\tfilter(e => e.key === 'Enter'),\n\t\t\ttap(e => { e.preventDefault(); (this._editRef.value ?? this).blur() }),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\t}\n\n\tprotected updated(changedProperties: Map<string, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('maxLines')) {\n\t\t\t// Remove all line-clamp classes\n\t\t\tthis.classList.remove('line-clamp-1', 'line-clamp-2', 'line-clamp-3', 'line-clamp-4', 'line-clamp-5', 'line-clamp-6')\n\t\t\t// Add the appropriate one\n\t\t\tif (this.maxLines) {\n\t\t\t\tthis.classList.add(`line-clamp-${this.maxLines}`)\n\t\t\t}\n\t\t}\n\t\tif ((changedProperties.has('value') || changedProperties.has('editable')) && this.editable) {\n\t\t\tconst el = this._editRef.value\n\t\t\tif (el && document.activeElement !== el) {\n\t\t\t\tif (this.value) {\n\t\t\t\t\tel.innerText = this.value\n\t\t\t\t} else {\n\t\t\t\t\tel.textContent = ''\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\tif (this.editable) {\n\t\t\treturn html`<div\n\t\t\t\t${ref(this._editRef)}\n\t\t\t\tclass=\"edit\"\n\t\t\t\tcontenteditable=\"true\"\n\t\t\t\tdata-placeholder=${this.placeholder ?? ''}\n\t\t\t></div>`\n\t\t}\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"mappings":"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"}

package/dist/utils-Cj_nRRyx.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils-Cj_nRRyx.js","names":[],"sources":["../src/utils/intersection.ts","../src/utils/number.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tif (Array.isArray(element)) {\n\t\t\telement.forEach(el => observer.observe(el))\n\t\t} else {\n\t\t\tobserver.observe(element)\n\t\t}\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n","/**\n * Gets the user's system locale from browser settings.\n * Falls back to 'de-DE' if not available (e.g., in Node.js environment).\n */\nconst getSystemLocale = (): string => {\n  if (typeof navigator !== 'undefined' && navigator.language) {\n    return navigator.language\n  }\n  return 'de-DE'\n}\n\nexport class Numbers {\n  /**\n   * The system locale detected from user's browser/OS settings.\n   * Use this for display formatting. For exports, use explicit locale like 'de-DE'.\n   */\n  readonly systemLocale = getSystemLocale()\n\n  /**\n   * Rounds a number to the specified number of decimal places.\n   * @param {number} number - The number to round.\n   * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n   * @returns {number} - The rounded number.\n   */\n  roundNumber(number: number, decimalPlaces: number = 2): number {\n    const factor = Math.pow(10, decimalPlaces);\n    return Math.round(number * factor) / factor;\n  }\n\n  /**\n   * Formats a number according to the specified locale and options.\n   * Uses the user's system locale by default for display formatting.\n   *\n   * @param {number} number - The number to format.\n   * @param {string} [locale] - The locale string (e.g., 'de-DE'). Defaults to system locale.\n   * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n   * @returns {string} - The formatted number as a string.\n   *\n   * @example\n   * // Uses system locale (e.g., user's browser setting)\n   * numbers.formatNumber(1234.56)\n   *\n   * // Explicit locale for exports (bank systems expect German format)\n   * numbers.formatNumber(1234.56, 'de-DE', { useGrouping: false })\n   */\n  formatNumber(\n    number: number,\n    locale: string = this.systemLocale,\n    options: Intl.NumberFormatOptions = {},\n  ): string {\n    return new Intl.NumberFormat(locale, options).format(number);\n  }\n\n  /**\n   * Parses a string with a specified decimal separator into a number.\n   * @param {string} numberString - The string to parse.\n   * @param {string} [decimalSeparator=','] - The decimal separator used in the string.\n   * @returns {number} - The parsed number.\n   */\n  parseToPureNumber(\n    numberString: string,\n    decimalSeparator: string = \",\",\n  ): number {\n    const normalizedString = numberString.replace(decimalSeparator, \".\");\n    return parseFloat(normalizedString);\n  }\n\n  /**\n   * Rounds a number to the specified decimal places and formats it according to the specified locale and options.\n   * Uses the user's system locale by default.\n   *\n   * @param {number} number - The number to process.\n   * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n   * @param {string} [locale] - The locale string. Defaults to system locale.\n   * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n   * @returns {string} - The formatted number as a string.\n   */\n  doIt(\n    number: number,\n    decimalPlaces: number = 2,\n    locale: string = this.systemLocale,\n    options: Intl.NumberFormatOptions = {},\n  ): string {\n    const roundedNumber = this.roundNumber(number, decimalPlaces);\n    return this.formatNumber(roundedNumber, locale, options);\n  }\n\n  /**\n   * Format a currency amount consistently across the application\n   *\n   * @param amount The amount to format\n   * @param currency The currency symbol to display (default: '€')\n   * @returns Formatted amount with currency symbol\n   */\n  formatCurrency(amount: number, currency: string = \"€\"): string {\n    return `${currency}${this.doIt(amount)}`;\n  }\n\n  /**\n   * Format a delta value with appropriate directional indicator\n   *\n   * @param delta The delta amount to format\n   * @param currency The currency symbol to display (default: '€')\n   * @returns Formatted delta with direction indicator and currency symbol\n   */\n  formatDelta(delta: number, currency: string = \"€\"): string {\n    const symbol = delta > 0 ? \"↑\" : delta < 0 ? \"↓\" : \"→\";\n    return `${symbol} ${currency}${this.doIt(Math.abs(delta))}`;\n  }\n\n  /**\n   * Get CSS class for delta value\n   *\n   * @param delta The delta amount\n   * @returns CSS class based on delta direction\n   */\n  getDeltaClass(delta: number): string {\n    return delta > 0\n      ? \"text-error-default\"\n      : delta < 0\n        ? \"text-primary-default\"\n        : \"text-neutral\";\n  }\n\n  /**\n   * Converts a decimal number to a mixed fraction string\n   * For example: 1.5 becomes \"1 1/2\", 2.25 becomes \"2 1/4\"\n   *\n   * @param number The decimal number to convert\n   * @param precision The precision level for fraction approximation (default: 16)\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns A string representing the mixed fraction\n   */\n  toMixedFraction(\n    number: number,\n    precision: number = 16,\n    maxDenominator: number = 4,\n  ): string {\n    // Handle negative numbers\n    const isNegative = number < 0;\n    number = Math.abs(number);\n\n    // Extract whole number part\n    const wholePart = Math.floor(number);\n\n    // Extract decimal part and convert to fraction\n    let decimalPart = number - wholePart;\n\n    // If the decimal part is very small or zero, just return the whole number\n    if (decimalPart < 1 / Math.pow(10, precision)) {\n      return isNegative ? `-${wholePart}` : `${wholePart}`;\n    }\n\n    // Find the best fraction approximation using precision and max denominator\n    const { numerator, denominator } = this.decimalToFraction(\n      decimalPart,\n      precision,\n      maxDenominator,\n    );\n\n    // Format based on whether there's a whole part\n    if (wholePart === 0) {\n      return isNegative\n        ? `-${numerator}/${denominator}`\n        : `${numerator}/${denominator}`;\n    } else {\n      return isNegative\n        ? `-${wholePart} ${numerator}/${denominator}`\n        : `${wholePart} ${numerator}/${denominator}`;\n    }\n  }\n\n  /**\n   * Converts a decimal to a simplified fraction with a maximum denominator\n   *\n   * @param decimal The decimal part to convert (0 <= decimal < 1)\n   * @param precision The precision level for approximation\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns Object containing numerator and denominator\n   */\n  private decimalToFraction(\n    decimal: number,\n    precision: number,\n    maxDenominator: number = 4,\n  ): { numerator: number; denominator: number } {\n    if (decimal === 0) {\n      return { numerator: 0, denominator: 1 };\n    }\n\n    // Initialize best approximation\n    let bestError = Infinity;\n    let bestNumerator = 0;\n    let bestDenominator = 1;\n\n    // Check common fractions first for better user experience\n    // Filter to only include fractions with denominators <= maxDenominator\n    const commonFractions = [\n      { n: 1, d: 2 }, // 1/2\n      { n: 1, d: 3 }, // 1/3\n      { n: 2, d: 3 }, // 2/3\n      { n: 1, d: 4 }, // 1/4\n      { n: 3, d: 4 }, // 3/4\n    ];\n\n    // Add additional fractions only if maxDenominator allows\n    const additionalFractions = [];\n    if (maxDenominator >= 5) {\n      additionalFractions.push(\n        { n: 1, d: 5 }, // 1/5\n        { n: 2, d: 5 }, // 2/5\n        { n: 3, d: 5 }, // 3/5\n        { n: 4, d: 5 }, // 4/5\n      );\n    }\n    if (maxDenominator >= 6) {\n      additionalFractions.push(\n        { n: 1, d: 6 }, // 1/6\n        { n: 5, d: 6 }, // 5/6\n      );\n    }\n    if (maxDenominator >= 8) {\n      additionalFractions.push(\n        { n: 1, d: 8 }, // 1/8\n        { n: 3, d: 8 }, // 3/8\n        { n: 5, d: 8 }, // 5/8\n        { n: 7, d: 8 }, // 7/8\n      );\n    }\n    if (maxDenominator >= 10) {\n      additionalFractions.push(\n        { n: 1, d: 10 }, // 1/10\n        { n: 3, d: 10 }, // 3/10\n        { n: 7, d: 10 }, // 7/10\n        { n: 9, d: 10 }, // 9/10\n      );\n    }\n    if (maxDenominator >= 12) {\n      additionalFractions.push(\n        { n: 1, d: 12 }, // 1/12\n        { n: 5, d: 12 }, // 5/12\n        { n: 7, d: 12 }, // 7/12\n        { n: 11, d: 12 }, // 11/12\n      );\n    }\n    if (maxDenominator >= 16) {\n      additionalFractions.push(\n        { n: 1, d: 16 }, // 1/16\n        { n: 3, d: 16 }, // 3/16\n        { n: 5, d: 16 }, // 5/16\n        { n: 7, d: 16 }, // 7/16\n        { n: 9, d: 16 }, // 9/16\n        { n: 11, d: 16 }, // 11/16\n        { n: 13, d: 16 }, // 13/16\n        { n: 15, d: 16 }, // 15/16\n      );\n    }\n\n    // Combine all applicable fractions\n    const allFractions = [...commonFractions, ...additionalFractions];\n\n    // Check common fractions first\n    for (const frac of allFractions) {\n      if (frac.d <= maxDenominator) {\n        const error = Math.abs(decimal - frac.n / frac.d);\n        if (error < bestError) {\n          bestError = error;\n          bestNumerator = frac.n;\n          bestDenominator = frac.d;\n\n          // If we're very close to a common fraction, just use it\n          if (error < 1 / Math.pow(10, precision)) {\n            return { numerator: frac.n, denominator: frac.d };\n          }\n        }\n      }\n    }\n\n    // If no suitable common fraction found, use a more sophisticated approach\n    // for denominators up to maxDenominator\n\n    // Find the best approximation with denominator <= maxDenominator\n    for (let d = 1; d <= maxDenominator; d++) {\n      // Find best numerator for this denominator\n      const n = Math.round(decimal * d);\n      const error = Math.abs(decimal - n / d);\n\n      if (error < bestError) {\n        bestError = error;\n        bestNumerator = n;\n        bestDenominator = d;\n      }\n    }\n\n    // Only use continued fraction expansion if we're significantly off\n    // and maxDenominator allows for larger denominators\n    if (bestError > 1 / Math.pow(10, precision / 2) && maxDenominator > 4) {\n      // Implementation of continued fraction expansion\n      let n1 = 1,\n        n2 = 0;\n      let d1 = 0,\n        d2 = 1;\n      let b = decimal;\n\n      do {\n        let a = Math.floor(b);\n        let aux = n1;\n        n1 = a * n1 + n2;\n        n2 = aux;\n\n        aux = d1;\n        d1 = a * d1 + d2;\n        d2 = aux;\n\n        b = 1 / (b - a);\n\n        // Calculate the current approximation\n        const currentError = Math.abs(decimal - n1 / d1);\n\n        // If we hit the precision limit or if the denominator gets too large, use this approximation\n        if (currentError < 1 / Math.pow(10, precision) || d1 > maxDenominator) {\n          // If d1 exceeds maxDenominator, return the previous best result\n          if (d1 > maxDenominator) {\n            return { numerator: bestNumerator, denominator: bestDenominator };\n          }\n\n          // Otherwise return this result\n          return { numerator: n1, denominator: d1 };\n        }\n      } while (b !== Infinity);\n\n      bestNumerator = n1;\n      bestDenominator = d1;\n    }\n\n    // Simplify the fraction\n    const gcd = this.findGCD(bestNumerator, bestDenominator);\n    return {\n      numerator: bestNumerator / gcd,\n      denominator: bestDenominator / gcd,\n    };\n  }\n\n  /**\n   * Calculates the greatest common divisor of two numbers\n   */\n  private findGCD(a: number, b: number): number {\n    return b === 0 ? a : this.findGCD(b, a % b);\n  }\n\n  /**\n   * Alternative method to get a formatted mixed fraction with a specified format\n   *\n   * @param number The decimal number to convert\n   * @param format The format specification ('unicode', 'ascii', 'superscript')\n   * @param precision The precision level for fraction approximation\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns A formatted string representing the mixed fraction\n   */\n  formatMixedFraction(\n    number: number,\n    format: \"unicode\" | \"ascii\" | \"superscript\" = \"ascii\",\n    precision: number = 16,\n    maxDenominator: number = 4,\n  ): string {\n    // Get the basic mixed fraction\n    const basicFraction = this.toMixedFraction(\n      number,\n      precision,\n      maxDenominator,\n    );\n\n    // If the format is ascii, just return the basic fraction\n    if (format === \"ascii\") {\n      return basicFraction;\n    }\n\n    // For unicode and superscript formats, we need to parse the basic fraction\n    const isNegative = basicFraction.startsWith(\"-\");\n    const withoutSign = isNegative ? basicFraction.substring(1) : basicFraction;\n\n    // Check if it's a pure fraction or mixed fraction\n    const hasMixedPart = withoutSign.includes(\" \");\n\n    if (!withoutSign.includes(\"/\")) {\n      // If there's no fraction part, just return the number\n      return basicFraction;\n    }\n\n    let wholePart = \"\";\n    let fractionPart = withoutSign;\n\n    if (hasMixedPart) {\n      // Split the whole and fraction parts\n      const parts = withoutSign.split(\" \");\n      wholePart = parts[0];\n      fractionPart = parts[1];\n    }\n\n    // Split the fraction part into numerator and denominator\n    const [numerator, denominator] = fractionPart.split(\"/\");\n\n    if (format === \"unicode\") {\n      // Try to find a unicode fraction character\n      const unicodeFraction = this.getUnicodeFraction(\n        parseInt(numerator),\n        parseInt(denominator),\n      );\n\n      if (unicodeFraction) {\n        return isNegative\n          ? `-${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`\n          : `${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`;\n      }\n\n      // Fallback to basic format if no unicode fraction is available\n      return basicFraction;\n    }\n\n    // Handle superscript format\n    if (format === \"superscript\") {\n      const superNumerator = this.toSuperscript(numerator);\n      const subDenominator = this.toSubscript(denominator);\n\n      if (hasMixedPart) {\n        return isNegative\n          ? `-${wholePart} ${superNumerator}⁄${subDenominator}`\n          : `${wholePart} ${superNumerator}⁄${subDenominator}`;\n      } else {\n        return isNegative\n          ? `-${superNumerator}⁄${subDenominator}`\n          : `${superNumerator}⁄${subDenominator}`;\n      }\n    }\n\n    // Fallback to basic format\n    return basicFraction;\n  }\n\n  /**\n   * Gets the Unicode fraction character if available\n   *\n   * @param numerator The numerator\n   * @param denominator The denominator\n   * @returns Unicode fraction character or null if not available\n   */\n  private getUnicodeFraction(\n    numerator: number,\n    denominator: number,\n  ): string | null {\n    // Map common fractions to their Unicode characters\n    const fractionMap: Record<string, string> = {\n      \"1/4\": \"¼\",\n      \"1/2\": \"½\",\n      \"3/4\": \"¾\",\n      \"1/3\": \"⅓\",\n      \"2/3\": \"⅔\",\n      \"1/5\": \"⅕\",\n      \"2/5\": \"⅖\",\n      \"3/5\": \"⅗\",\n      \"4/5\": \"⅘\",\n      \"1/6\": \"⅙\",\n      \"5/6\": \"⅚\",\n      \"1/7\": \"⅐\",\n      \"1/8\": \"⅛\",\n      \"3/8\": \"⅜\",\n      \"5/8\": \"⅝\",\n      \"7/8\": \"⅞\",\n      \"1/9\": \"⅑\",\n      \"1/10\": \"⅒\",\n    };\n\n    const key = `${numerator}/${denominator}`;\n    return fractionMap[key] || null;\n  }\n\n  /**\n   * Converts digits to superscript\n   */\n  private toSuperscript(str: string): string {\n    const superscriptMap: Record<string, string> = {\n      \"0\": \"⁰\",\n      \"1\": \"¹\",\n      \"2\": \"²\",\n      \"3\": \"³\",\n      \"4\": \"⁴\",\n      \"5\": \"⁵\",\n      \"6\": \"⁶\",\n      \"7\": \"⁷\",\n      \"8\": \"⁸\",\n      \"9\": \"⁹\",\n      \"-\": \"⁻\",\n    };\n\n    return str\n      .split(\"\")\n      .map((char) => superscriptMap[char] || char)\n      .join(\"\");\n  }\n\n  /**\n   * Converts digits to subscript\n   */\n  private toSubscript(str: string): string {\n    const subscriptMap: Record<string, string> = {\n      \"0\": \"₀\",\n      \"1\": \"₁\",\n      \"2\": \"₂\",\n      \"3\": \"₃\",\n      \"4\": \"₄\",\n      \"5\": \"₅\",\n      \"6\": \"₆\",\n      \"7\": \"₇\",\n      \"8\": \"₈\",\n      \"9\": \"₉\",\n      \"-\": \"₋\",\n    };\n\n    return str\n      .split(\"\")\n      .map((char) => subscriptMap[char] || char)\n      .join(\"\");\n  }\n}\n\n\n\nconst numbers = new Numbers()\n\nexport default numbers"],"mappings":"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"}
+{"version":3,"file":"utils-Cj_nRRyx.js","names":[],"sources":["../src/utils/intersection.ts","../src/utils/number.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tif (Array.isArray(element)) {\n\t\t\telement.forEach(el => observer.observe(el))\n\t\t} else {\n\t\t\tobserver.observe(element)\n\t\t}\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n","/**\n * Gets the user's system locale from browser settings.\n * Falls back to 'de-DE' if not available (e.g., in Node.js environment).\n */\nconst getSystemLocale = (): string => {\n  if (typeof navigator !== 'undefined' && navigator.language) {\n    return navigator.language\n  }\n  return 'de-DE'\n}\n\nexport class Numbers {\n  /**\n   * The system locale detected from user's browser/OS settings.\n   * Use this for display formatting. For exports, use explicit locale like 'de-DE'.\n   */\n  readonly systemLocale = getSystemLocale()\n\n  /**\n   * Rounds a number to the specified number of decimal places.\n   * @param {number} number - The number to round.\n   * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n   * @returns {number} - The rounded number.\n   */\n  roundNumber(number: number, decimalPlaces: number = 2): number {\n    const factor = Math.pow(10, decimalPlaces);\n    return Math.round(number * factor) / factor;\n  }\n\n  /**\n   * Formats a number according to the specified locale and options.\n   * Uses the user's system locale by default for display formatting.\n   *\n   * @param {number} number - The number to format.\n   * @param {string} [locale] - The locale string (e.g., 'de-DE'). Defaults to system locale.\n   * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n   * @returns {string} - The formatted number as a string.\n   *\n   * @example\n   * // Uses system locale (e.g., user's browser setting)\n   * numbers.formatNumber(1234.56)\n   *\n   * // Explicit locale for exports (bank systems expect German format)\n   * numbers.formatNumber(1234.56, 'de-DE', { useGrouping: false })\n   */\n  formatNumber(\n    number: number,\n    locale: string = this.systemLocale,\n    options: Intl.NumberFormatOptions = {},\n  ): string {\n    return new Intl.NumberFormat(locale, options).format(number);\n  }\n\n  /**\n   * Parses a string with a specified decimal separator into a number.\n   * @param {string} numberString - The string to parse.\n   * @param {string} [decimalSeparator=','] - The decimal separator used in the string.\n   * @returns {number} - The parsed number.\n   */\n  parseToPureNumber(\n    numberString: string,\n    decimalSeparator: string = \",\",\n  ): number {\n    const normalizedString = numberString.replace(decimalSeparator, \".\");\n    return parseFloat(normalizedString);\n  }\n\n  /**\n   * Rounds a number to the specified decimal places and formats it according to the specified locale and options.\n   * Uses the user's system locale by default.\n   *\n   * @param {number} number - The number to process.\n   * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n   * @param {string} [locale] - The locale string. Defaults to system locale.\n   * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n   * @returns {string} - The formatted number as a string.\n   */\n  doIt(\n    number: number,\n    decimalPlaces: number = 2,\n    locale: string = this.systemLocale,\n    options: Intl.NumberFormatOptions = {},\n  ): string {\n    const roundedNumber = this.roundNumber(number, decimalPlaces);\n    return this.formatNumber(roundedNumber, locale, options);\n  }\n\n  /**\n   * Format a currency amount consistently across the application\n   *\n   * @param amount The amount to format\n   * @param currency The currency symbol to display (default: '€')\n   * @returns Formatted amount with currency symbol\n   */\n  formatCurrency(amount: number, currency: string = \"€\"): string {\n    return `${currency}${this.doIt(amount)}`;\n  }\n\n  /**\n   * Format a delta value with appropriate directional indicator\n   *\n   * @param delta The delta amount to format\n   * @param currency The currency symbol to display (default: '€')\n   * @returns Formatted delta with direction indicator and currency symbol\n   */\n  formatDelta(delta: number, currency: string = \"€\"): string {\n    const symbol = delta > 0 ? \"↑\" : delta < 0 ? \"↓\" : \"→\";\n    return `${symbol} ${currency}${this.doIt(Math.abs(delta))}`;\n  }\n\n  /**\n   * Get CSS class for delta value\n   *\n   * @param delta The delta amount\n   * @returns CSS class based on delta direction\n   */\n  getDeltaClass(delta: number): string {\n    return delta > 0\n      ? \"text-error-default\"\n      : delta < 0\n        ? \"text-primary-default\"\n        : \"text-neutral\";\n  }\n\n  /**\n   * Converts a decimal number to a mixed fraction string\n   * For example: 1.5 becomes \"1 1/2\", 2.25 becomes \"2 1/4\"\n   *\n   * @param number The decimal number to convert\n   * @param precision The precision level for fraction approximation (default: 16)\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns A string representing the mixed fraction\n   */\n  toMixedFraction(\n    number: number,\n    precision: number = 16,\n    maxDenominator: number = 4,\n  ): string {\n    // Handle negative numbers\n    const isNegative = number < 0;\n    number = Math.abs(number);\n\n    // Extract whole number part\n    const wholePart = Math.floor(number);\n\n    // Extract decimal part and convert to fraction\n    let decimalPart = number - wholePart;\n\n    // If the decimal part is very small or zero, just return the whole number\n    if (decimalPart < 1 / Math.pow(10, precision)) {\n      return isNegative ? `-${wholePart}` : `${wholePart}`;\n    }\n\n    // Find the best fraction approximation using precision and max denominator\n    const { numerator, denominator } = this.decimalToFraction(\n      decimalPart,\n      precision,\n      maxDenominator,\n    );\n\n    // Format based on whether there's a whole part\n    if (wholePart === 0) {\n      return isNegative\n        ? `-${numerator}/${denominator}`\n        : `${numerator}/${denominator}`;\n    } else {\n      return isNegative\n        ? `-${wholePart} ${numerator}/${denominator}`\n        : `${wholePart} ${numerator}/${denominator}`;\n    }\n  }\n\n  /**\n   * Converts a decimal to a simplified fraction with a maximum denominator\n   *\n   * @param decimal The decimal part to convert (0 <= decimal < 1)\n   * @param precision The precision level for approximation\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns Object containing numerator and denominator\n   */\n  private decimalToFraction(\n    decimal: number,\n    precision: number,\n    maxDenominator: number = 4,\n  ): { numerator: number; denominator: number } {\n    if (decimal === 0) {\n      return { numerator: 0, denominator: 1 };\n    }\n\n    // Initialize best approximation\n    let bestError = Infinity;\n    let bestNumerator = 0;\n    let bestDenominator = 1;\n\n    // Check common fractions first for better user experience\n    // Filter to only include fractions with denominators <= maxDenominator\n    const commonFractions = [\n      { n: 1, d: 2 }, // 1/2\n      { n: 1, d: 3 }, // 1/3\n      { n: 2, d: 3 }, // 2/3\n      { n: 1, d: 4 }, // 1/4\n      { n: 3, d: 4 }, // 3/4\n    ];\n\n    // Add additional fractions only if maxDenominator allows\n    const additionalFractions = [];\n    if (maxDenominator >= 5) {\n      additionalFractions.push(\n        { n: 1, d: 5 }, // 1/5\n        { n: 2, d: 5 }, // 2/5\n        { n: 3, d: 5 }, // 3/5\n        { n: 4, d: 5 }, // 4/5\n      );\n    }\n    if (maxDenominator >= 6) {\n      additionalFractions.push(\n        { n: 1, d: 6 }, // 1/6\n        { n: 5, d: 6 }, // 5/6\n      );\n    }\n    if (maxDenominator >= 8) {\n      additionalFractions.push(\n        { n: 1, d: 8 }, // 1/8\n        { n: 3, d: 8 }, // 3/8\n        { n: 5, d: 8 }, // 5/8\n        { n: 7, d: 8 }, // 7/8\n      );\n    }\n    if (maxDenominator >= 10) {\n      additionalFractions.push(\n        { n: 1, d: 10 }, // 1/10\n        { n: 3, d: 10 }, // 3/10\n        { n: 7, d: 10 }, // 7/10\n        { n: 9, d: 10 }, // 9/10\n      );\n    }\n    if (maxDenominator >= 12) {\n      additionalFractions.push(\n        { n: 1, d: 12 }, // 1/12\n        { n: 5, d: 12 }, // 5/12\n        { n: 7, d: 12 }, // 7/12\n        { n: 11, d: 12 }, // 11/12\n      );\n    }\n    if (maxDenominator >= 16) {\n      additionalFractions.push(\n        { n: 1, d: 16 }, // 1/16\n        { n: 3, d: 16 }, // 3/16\n        { n: 5, d: 16 }, // 5/16\n        { n: 7, d: 16 }, // 7/16\n        { n: 9, d: 16 }, // 9/16\n        { n: 11, d: 16 }, // 11/16\n        { n: 13, d: 16 }, // 13/16\n        { n: 15, d: 16 }, // 15/16\n      );\n    }\n\n    // Combine all applicable fractions\n    const allFractions = [...commonFractions, ...additionalFractions];\n\n    // Check common fractions first\n    for (const frac of allFractions) {\n      if (frac.d <= maxDenominator) {\n        const error = Math.abs(decimal - frac.n / frac.d);\n        if (error < bestError) {\n          bestError = error;\n          bestNumerator = frac.n;\n          bestDenominator = frac.d;\n\n          // If we're very close to a common fraction, just use it\n          if (error < 1 / Math.pow(10, precision)) {\n            return { numerator: frac.n, denominator: frac.d };\n          }\n        }\n      }\n    }\n\n    // If no suitable common fraction found, use a more sophisticated approach\n    // for denominators up to maxDenominator\n\n    // Find the best approximation with denominator <= maxDenominator\n    for (let d = 1; d <= maxDenominator; d++) {\n      // Find best numerator for this denominator\n      const n = Math.round(decimal * d);\n      const error = Math.abs(decimal - n / d);\n\n      if (error < bestError) {\n        bestError = error;\n        bestNumerator = n;\n        bestDenominator = d;\n      }\n    }\n\n    // Only use continued fraction expansion if we're significantly off\n    // and maxDenominator allows for larger denominators\n    if (bestError > 1 / Math.pow(10, precision / 2) && maxDenominator > 4) {\n      // Implementation of continued fraction expansion\n      let n1 = 1,\n        n2 = 0;\n      let d1 = 0,\n        d2 = 1;\n      let b = decimal;\n\n      do {\n        let a = Math.floor(b);\n        let aux = n1;\n        n1 = a * n1 + n2;\n        n2 = aux;\n\n        aux = d1;\n        d1 = a * d1 + d2;\n        d2 = aux;\n\n        b = 1 / (b - a);\n\n        // Calculate the current approximation\n        const currentError = Math.abs(decimal - n1 / d1);\n\n        // If we hit the precision limit or if the denominator gets too large, use this approximation\n        if (currentError < 1 / Math.pow(10, precision) || d1 > maxDenominator) {\n          // If d1 exceeds maxDenominator, return the previous best result\n          if (d1 > maxDenominator) {\n            return { numerator: bestNumerator, denominator: bestDenominator };\n          }\n\n          // Otherwise return this result\n          return { numerator: n1, denominator: d1 };\n        }\n      } while (b !== Infinity);\n\n      bestNumerator = n1;\n      bestDenominator = d1;\n    }\n\n    // Simplify the fraction\n    const gcd = this.findGCD(bestNumerator, bestDenominator);\n    return {\n      numerator: bestNumerator / gcd,\n      denominator: bestDenominator / gcd,\n    };\n  }\n\n  /**\n   * Calculates the greatest common divisor of two numbers\n   */\n  private findGCD(a: number, b: number): number {\n    return b === 0 ? a : this.findGCD(b, a % b);\n  }\n\n  /**\n   * Alternative method to get a formatted mixed fraction with a specified format\n   *\n   * @param number The decimal number to convert\n   * @param format The format specification ('unicode', 'ascii', 'superscript')\n   * @param precision The precision level for fraction approximation\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns A formatted string representing the mixed fraction\n   */\n  formatMixedFraction(\n    number: number,\n    format: \"unicode\" | \"ascii\" | \"superscript\" = \"ascii\",\n    precision: number = 16,\n    maxDenominator: number = 4,\n  ): string {\n    // Get the basic mixed fraction\n    const basicFraction = this.toMixedFraction(\n      number,\n      precision,\n      maxDenominator,\n    );\n\n    // If the format is ascii, just return the basic fraction\n    if (format === \"ascii\") {\n      return basicFraction;\n    }\n\n    // For unicode and superscript formats, we need to parse the basic fraction\n    const isNegative = basicFraction.startsWith(\"-\");\n    const withoutSign = isNegative ? basicFraction.substring(1) : basicFraction;\n\n    // Check if it's a pure fraction or mixed fraction\n    const hasMixedPart = withoutSign.includes(\" \");\n\n    if (!withoutSign.includes(\"/\")) {\n      // If there's no fraction part, just return the number\n      return basicFraction;\n    }\n\n    let wholePart = \"\";\n    let fractionPart = withoutSign;\n\n    if (hasMixedPart) {\n      // Split the whole and fraction parts\n      const parts = withoutSign.split(\" \");\n      wholePart = parts[0];\n      fractionPart = parts[1];\n    }\n\n    // Split the fraction part into numerator and denominator\n    const [numerator, denominator] = fractionPart.split(\"/\");\n\n    if (format === \"unicode\") {\n      // Try to find a unicode fraction character\n      const unicodeFraction = this.getUnicodeFraction(\n        parseInt(numerator),\n        parseInt(denominator),\n      );\n\n      if (unicodeFraction) {\n        return isNegative\n          ? `-${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`\n          : `${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`;\n      }\n\n      // Fallback to basic format if no unicode fraction is available\n      return basicFraction;\n    }\n\n    // Handle superscript format\n    if (format === \"superscript\") {\n      const superNumerator = this.toSuperscript(numerator);\n      const subDenominator = this.toSubscript(denominator);\n\n      if (hasMixedPart) {\n        return isNegative\n          ? `-${wholePart} ${superNumerator}⁄${subDenominator}`\n          : `${wholePart} ${superNumerator}⁄${subDenominator}`;\n      } else {\n        return isNegative\n          ? `-${superNumerator}⁄${subDenominator}`\n          : `${superNumerator}⁄${subDenominator}`;\n      }\n    }\n\n    // Fallback to basic format\n    return basicFraction;\n  }\n\n  /**\n   * Gets the Unicode fraction character if available\n   *\n   * @param numerator The numerator\n   * @param denominator The denominator\n   * @returns Unicode fraction character or null if not available\n   */\n  private getUnicodeFraction(\n    numerator: number,\n    denominator: number,\n  ): string | null {\n    // Map common fractions to their Unicode characters\n    const fractionMap: Record<string, string> = {\n      \"1/4\": \"¼\",\n      \"1/2\": \"½\",\n      \"3/4\": \"¾\",\n      \"1/3\": \"⅓\",\n      \"2/3\": \"⅔\",\n      \"1/5\": \"⅕\",\n      \"2/5\": \"⅖\",\n      \"3/5\": \"⅗\",\n      \"4/5\": \"⅘\",\n      \"1/6\": \"⅙\",\n      \"5/6\": \"⅚\",\n      \"1/7\": \"⅐\",\n      \"1/8\": \"⅛\",\n      \"3/8\": \"⅜\",\n      \"5/8\": \"⅝\",\n      \"7/8\": \"⅞\",\n      \"1/9\": \"⅑\",\n      \"1/10\": \"⅒\",\n    };\n\n    const key = `${numerator}/${denominator}`;\n    return fractionMap[key] || null;\n  }\n\n  /**\n   * Converts digits to superscript\n   */\n  private toSuperscript(str: string): string {\n    const superscriptMap: Record<string, string> = {\n      \"0\": \"⁰\",\n      \"1\": \"¹\",\n      \"2\": \"²\",\n      \"3\": \"³\",\n      \"4\": \"⁴\",\n      \"5\": \"⁵\",\n      \"6\": \"⁶\",\n      \"7\": \"⁷\",\n      \"8\": \"⁸\",\n      \"9\": \"⁹\",\n      \"-\": \"⁻\",\n    };\n\n    return str\n      .split(\"\")\n      .map((char) => superscriptMap[char] || char)\n      .join(\"\");\n  }\n\n  /**\n   * Converts digits to subscript\n   */\n  private toSubscript(str: string): string {\n    const subscriptMap: Record<string, string> = {\n      \"0\": \"₀\",\n      \"1\": \"₁\",\n      \"2\": \"₂\",\n      \"3\": \"₃\",\n      \"4\": \"₄\",\n      \"5\": \"₅\",\n      \"6\": \"₆\",\n      \"7\": \"₇\",\n      \"8\": \"₈\",\n      \"9\": \"₉\",\n      \"-\": \"₋\",\n    };\n\n    return str\n      .split(\"\")\n      .map((char) => subscriptMap[char] || char)\n      .join(\"\");\n  }\n}\n\n\n\nconst numbers = new Numbers()\n\nexport default numbers"],"mappings":"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"}

package/dist/visually-hidden.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BOOu6q2n.cjs`),t=require(`./active-host-jH3iloCR.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`);var i=class extends e.c{static{this.styles=[r.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-Du9HMrIG.cjs`),t=require(`./active-host-jH3iloCR.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`);var i=class extends e.c{static{this.styles=[r.css`
 	:host {
 		position: absolute;
 		width: 1px;

package/dist/visually-hidden.js

@@ -1,4 +1,4 @@
-import { c as e } from "./mixins-BWb9_e1s.js";
+import { c as e } from "./mixins-DCVXqL1Q.js";
 import { a as t } from "./active-host-BP0zy_Y9.js";
 import { customElement as n } from "lit/decorators.js";
 import { css as r, html as i } from "lit";

package/dist/visually-hidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"visually-hidden.js","names":[],"sources":["../src/visually-hidden/visually-hidden.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * Hides content visually while keeping it in the accessibility tree. Use for\n * screen-reader-only labels, supplemental descriptions, and live-region text\n * that sighted users don't need to see.\n *\n * Uses the WCAG-recommended clip pattern rather than `display: none` or\n * `visibility: hidden` so assistive tech still reads the content.\n *\n * @element schmancy-visually-hidden\n * @slot - Content hidden from sighted users but exposed to assistive tech.\n */\n@customElement('schmancy-visually-hidden')\nexport class SchmancyVisuallyHidden extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tposition: absolute;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\tpadding: 0;\n\t\tmargin: -1px;\n\t\toverflow: hidden;\n\t\tclip: rect(0, 0, 0, 0);\n\t\twhite-space: nowrap;\n\t\tborder-width: 0;\n\t}\n`];\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-visually-hidden': SchmancyVisuallyHidden\n\t}\n}\n"],"mappings":";;;;AAgBO,IAAA,IAAA,cAAqC,EAAA;CAAA;AAAA,OAAA,SAC3B,CAAC,CAAG;;;;;;;;;;;;;;CAapB,SAAA;AACC,SAAO,CAAI;;;AAAA,IAAA,EAAA,CAhBZ,EAAc,2BAAA,CAAA,EAA2B,EAAA;AAAA,SAAA,KAAA"}
+{"version":3,"file":"visually-hidden.js","names":[],"sources":["../src/visually-hidden/visually-hidden.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * Hides content visually while keeping it in the accessibility tree. Use for\n * screen-reader-only labels, supplemental descriptions, and live-region text\n * that sighted users don't need to see.\n *\n * Uses the WCAG-recommended clip pattern rather than `display: none` or\n * `visibility: hidden` so assistive tech still reads the content.\n *\n * @element schmancy-visually-hidden\n * @slot - Content hidden from sighted users but exposed to assistive tech.\n */\n@customElement('schmancy-visually-hidden')\nexport class SchmancyVisuallyHidden extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tposition: absolute;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\tpadding: 0;\n\t\tmargin: -1px;\n\t\toverflow: hidden;\n\t\tclip: rect(0, 0, 0, 0);\n\t\twhite-space: nowrap;\n\t\tborder-width: 0;\n\t}\n`];\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-visually-hidden': SchmancyVisuallyHidden\n\t}\n}\n"],"mappings":";;;;AAgBO,IAAA,IAAA,cAAqC,EAAA;CAAA;EAAA,KAAA,SAC3B,CAAC,CAAG;;;;;;;;;;;;;;CAapB,SAAA;EACC,OAAO,CAAI;;;AAAA,IAAA,EAAA,CAhBZ,EAAc,2BAAA,CAAA,EAA2B,EAAA;AAAA,SAAA,KAAA"}

package/dist/{window-DGydMS0g.cjs → window-BMecbTzs.cjs}

@@ -1,4 +1,4 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BOOu6q2n.cjs`),t=require(`./active-host-jH3iloCR.cjs`),n=require(`./animation-CCOIW4wJ.cjs`),r=require(`./reduced-motion-Dzfp_w5x.cjs`),i=require(`./cursor-glow-C8LgCxpI.cjs`),a=require(`./theme.service-DkdH1t60.cjs`),o=require(`./overlay-stack-Dk0xETTy.cjs`);let s=require(`rxjs`),c=require(`lit/directives/class-map.js`),l=require(`lit/directives/style-map.js`),u=require(`lit/decorators.js`),d=require(`lit`),f=require(`lit/directives/ref.js`);var p=`schmancy-window-`,m=`schmancy-float-`;function h(e,t){return!(e.left>=t.left+t.width||e.left+e.width<=t.left||e.top>=t.top+t.height||e.top+e.height<=t.top)}var g,_=class e{constructor(){this._state$=new s.BehaviorSubject({windows:new Map,focusedId:null,stackOrder:[]}),this.state$=this._state$.asObservable()}static getInstance(){return e.instance||=new e,e.instance}get windows(){return this._state$.value.windows}get focusedId(){return this._state$.value.focusedId}register(e,t,n){let r=this._state$.value;if(r.windows.has(e))return;let i={id:e,bounds:t,visualState:`normal`,zIndex:o.t.assignZIndex(e),open:!1,snapTarget:n},a=new Map(r.windows);a.set(e,i);let s=o.t.getStackOrder();this._state$.next({...r,windows:a,stackOrder:s})}unregister(e){let t=this._state$.value;if(!t.windows.has(e))return;o.t.releaseId(e);let n=new Map(t.windows);n.delete(e);let r=o.t.getStackOrder(),i=t.focusedId===e?null:t.focusedId;this._state$.next({...t,windows:n,stackOrder:r,focusedId:i})}updateBounds(e,t){this._updateRecord(e,{bounds:t})}updateVisualState(e,t){this._updateRecord(e,{visualState:t})}updateOpen(e,t){this._updateRecord(e,{open:t})}focus(e){let t=this._state$.value;if(!t.windows.has(e)||t.focusedId===e)return;let n=o.t.bringToFront(e),r=new Map(t.windows),i=r.get(e);i&&r.set(e,{...i,zIndex:n});let a=o.t.getStackOrder();this._state$.next({...t,windows:r,stackOrder:a,focusedId:e})}findOverlaps(e,t){let n=[];for(let[r,i]of this._state$.value.windows)r!==t&&h(e,i.bounds)&&n.push(i);return n}getNeighbors(e){let t=[];for(let[n,r]of this._state$.value.windows)n!==e&&t.push(r);return t}selectWindow(e){return this._state$.pipe((0,s.map)(t=>t.windows.get(e)),(0,s.distinctUntilChanged)())}selectFocused(){return this._state$.pipe((0,s.map)(e=>e.focusedId),(0,s.distinctUntilChanged)())}loadPosition(e){try{let t=localStorage.getItem(p+e)??localStorage.getItem(m+e);return t?JSON.parse(t):null}catch{return null}}savePosition(e,t){try{localStorage.setItem(p+e,JSON.stringify(t))}catch{}}clearPosition(e){try{localStorage.removeItem(p+e),localStorage.removeItem(m+e)}catch{}}_updateRecord(e,t){let n=this._state$.value,r=n.windows.get(e);if(!r)return;let i=new Map(n.windows);i.set(e,{...r,...t}),this._state$.next({...n,windows:i})}}.getInstance();function v(e,t,n){let r={...e};for(let e=0;e<10&&t.some(e=>{return t=r,n=e.bounds,!(t.left>=n.left+n.width||t.left+t.width<=n.left||t.top>=n.top+n.height||t.top+t.height<=n.top);var t,n});e++)r.left+=44,r.top+=44;return function(e,t){return{width:e.width,height:e.height,left:Math.max(0,Math.min(e.left,t.width-e.width)),top:Math.max(0,Math.min(e.top,t.height-e.height))}}(r,n)}var y=48,b=class extends e.c{static{g=this}constructor(...e){super(...e),this.id=`default`,this.lowered=!1,this.corner=`bottom-right`,this.resizable=!1,this.freePosition=!1,this.visualState=`normal`,this.minWidth=280,this.minHeight=200,this.open=!1,this._hasOpened=!1,this._focused=!1,this._position={x:16,y:16},this._currentCorner=`bottom-right`,this._appliedCorner=``,this._containerRef=(0,f.createRef)(),this._bodyRef=(0,f.createRef)(),this._headRef=(0,f.createRef)(),this._handleFocus=()=>_.focus(this.id),this._handleHeadKeydown=e=>{if(e.key===`Enter`||e.key===` `)return e.preventDefault(),void this.toggle();if(e.key===`ArrowUp`||e.key===`ArrowDown`||e.key===`ArrowLeft`||e.key===`ArrowRight`){e.preventDefault();let t=e.shiftKey?20:5,n=e.key===`ArrowRight`?t:e.key===`ArrowLeft`?-t:0,r=e.key===`ArrowDown`?t:e.key===`ArrowUp`?-t:0;this._position={x:this._position.x+n,y:this._position.y+r},this._applyContainerPosition(),this._savePosition()}}}static{this.styles=[d.css`
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-Du9HMrIG.cjs`),t=require(`./active-host-jH3iloCR.cjs`),n=require(`./animation-CCOIW4wJ.cjs`),r=require(`./reduced-motion-Dzfp_w5x.cjs`),i=require(`./cursor-glow-C8LgCxpI.cjs`),a=require(`./theme.service-DkdH1t60.cjs`),o=require(`./overlay-stack-Dk0xETTy.cjs`);let s=require(`rxjs`),c=require(`lit/directives/class-map.js`),l=require(`lit/directives/style-map.js`),u=require(`lit/decorators.js`),d=require(`lit`),f=require(`lit/directives/ref.js`);var p=`schmancy-window-`,m=`schmancy-float-`;function h(e,t){return!(e.left>=t.left+t.width||e.left+e.width<=t.left||e.top>=t.top+t.height||e.top+e.height<=t.top)}var g,_=class e{constructor(){this._state$=new s.BehaviorSubject({windows:new Map,focusedId:null,stackOrder:[]}),this.state$=this._state$.asObservable()}static getInstance(){return e.instance||=new e,e.instance}get windows(){return this._state$.value.windows}get focusedId(){return this._state$.value.focusedId}register(e,t,n){let r=this._state$.value;if(r.windows.has(e))return;let i={id:e,bounds:t,visualState:`normal`,zIndex:o.t.assignZIndex(e),open:!1,snapTarget:n},a=new Map(r.windows);a.set(e,i);let s=o.t.getStackOrder();this._state$.next({...r,windows:a,stackOrder:s})}unregister(e){let t=this._state$.value;if(!t.windows.has(e))return;o.t.releaseId(e);let n=new Map(t.windows);n.delete(e);let r=o.t.getStackOrder(),i=t.focusedId===e?null:t.focusedId;this._state$.next({...t,windows:n,stackOrder:r,focusedId:i})}updateBounds(e,t){this._updateRecord(e,{bounds:t})}updateVisualState(e,t){this._updateRecord(e,{visualState:t})}updateOpen(e,t){this._updateRecord(e,{open:t})}focus(e){let t=this._state$.value;if(!t.windows.has(e)||t.focusedId===e)return;let n=o.t.bringToFront(e),r=new Map(t.windows),i=r.get(e);i&&r.set(e,{...i,zIndex:n});let a=o.t.getStackOrder();this._state$.next({...t,windows:r,stackOrder:a,focusedId:e})}findOverlaps(e,t){let n=[];for(let[r,i]of this._state$.value.windows)r!==t&&h(e,i.bounds)&&n.push(i);return n}getNeighbors(e){let t=[];for(let[n,r]of this._state$.value.windows)n!==e&&t.push(r);return t}selectWindow(e){return this._state$.pipe((0,s.map)(t=>t.windows.get(e)),(0,s.distinctUntilChanged)())}selectFocused(){return this._state$.pipe((0,s.map)(e=>e.focusedId),(0,s.distinctUntilChanged)())}loadPosition(e){try{let t=localStorage.getItem(p+e)??localStorage.getItem(m+e);return t?JSON.parse(t):null}catch{return null}}savePosition(e,t){try{localStorage.setItem(p+e,JSON.stringify(t))}catch{}}clearPosition(e){try{localStorage.removeItem(p+e),localStorage.removeItem(m+e)}catch{}}_updateRecord(e,t){let n=this._state$.value,r=n.windows.get(e);if(!r)return;let i=new Map(n.windows);i.set(e,{...r,...t}),this._state$.next({...n,windows:i})}}.getInstance();function v(e,t,n){let r={...e};for(let e=0;e<10&&t.some(e=>{return t=r,n=e.bounds,!(t.left>=n.left+n.width||t.left+t.width<=n.left||t.top>=n.top+n.height||t.top+t.height<=n.top);var t,n});e++)r.left+=44,r.top+=44;return function(e,t){return{width:e.width,height:e.height,left:Math.max(0,Math.min(e.left,t.width-e.width)),top:Math.max(0,Math.min(e.top,t.height-e.height))}}(r,n)}var y=48,b=class extends e.c{static{g=this}constructor(...e){super(...e),this.id=`default`,this.lowered=!1,this.corner=`bottom-right`,this.resizable=!1,this.freePosition=!1,this.visualState=`normal`,this.minWidth=280,this.minHeight=200,this.open=!1,this._hasOpened=!1,this._position={x:16,y:16},this._currentCorner=`bottom-right`,this._appliedCorner=``,this._containerRef=(0,f.createRef)(),this._bodyRef=(0,f.createRef)(),this._headRef=(0,f.createRef)(),this._handleFocus=()=>_.focus(this.id),this._handleHeadKeydown=e=>{if(e.key===`Enter`||e.key===` `)return e.preventDefault(),void this.toggle();if(e.key===`ArrowUp`||e.key===`ArrowDown`||e.key===`ArrowLeft`||e.key===`ArrowRight`){e.preventDefault();let t=e.shiftKey?20:5,n=e.key===`ArrowRight`?t:e.key===`ArrowLeft`?-t:0,r=e.key===`ArrowDown`?t:e.key===`ArrowUp`?-t:0;this._position={x:this._position.x+n,y:this._position.y+r},this._applyContainerPosition(),this._savePosition()}}}static{this.styles=[d.css`
 	:host {
 		display: contents;
 		position: relative;
@@ -7,7 +7,7 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BOOu6q2n.cjs`),t=requi
 	:host([hidden]) {
 		display: none !important;
 	}
-`]}get panelWidth(){return this.expandedWidth??`min(360px, calc(100vw - 32px))`}get isBottomCorner(){return this._currentCorner.startsWith(`bottom`)}get closedClipPath(){return this.isBottomCorner?`inset(calc(100% - 48px) 0px 0px 0px round 22px)`:`inset(0px 0px calc(100% - 48px) 0px round 22px)`}get openClipPath(){return`inset(0px 0px 0px 0px round 12px)`}get elevation(){return this.open?4:this.lowered?1:3}_applyContainerPosition(){let e=this._containerRef.value;if(!e)return;this._appliedCorner!==this._currentCorner&&(e.style.removeProperty(`left`),e.style.removeProperty(`right`),e.style.removeProperty(`top`),e.style.removeProperty(`bottom`),this._appliedCorner=this._currentCorner);let{x:t,y:n}=this._position;this._currentCorner.includes(`right`)?e.style.right=`${t}px`:e.style.left=`${t}px`,this._currentCorner.includes(`bottom`)?e.style.bottom=`${n+a.n.bottomOffset}px`:e.style.top=`${n}px`}static{this.VALID_CORNERS=new Set([`top-left`,`top-right`,`bottom-left`,`bottom-right`])}_loadPosition(){let e=_.loadPosition(this.id);e&&(this._position={x:e.x,y:e.y},g.VALID_CORNERS.has(e.anchor)&&(this._currentCorner=e.anchor))}_savePosition(){_.savePosition(this.id,{...this._position,anchor:this._currentCorner})}_validateBounds(){let e=this._containerRef.value;if(!e)return;let t=e.getBoundingClientRect();if(t.width===0)return;let n=window.innerWidth,r=window.innerHeight,i=this._currentCorner.includes(`right`),a=this._currentCorner.includes(`bottom`),o=i?n-this._position.x-t.width:this._position.x,s=a?r-this._position.y-t.height:this._position.y,c=Math.max(0,Math.min(o,n-t.width)),l=Math.max(0,Math.min(s,r-t.height));this._position={x:i?n-c-t.width:c,y:a?r-l-t.height:l},this._applyContainerPosition()}_reorientToNearestCorner(e=!1){if(this.freePosition){this._savePosition();let e=this._containerRef.value?.getBoundingClientRect();e&&_.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height});return}let t=this._containerRef.value;if(!t)return;let i=t.getBoundingClientRect(),a=this._currentCorner.includes(`bottom`),o=i.left+i.width/2,c=a?i.bottom-24:i.top+24,l=o>window.innerWidth/2?`right`:`left`,u=`${c>window.innerHeight/2?`bottom`:`top`}-${l}`;if(this._currentCorner=u,this._position={x:16,y:16},this._applyContainerPosition(),this.open||(t.style.clipPath=this.closedClipPath),e||r.t.value){this._savePosition();let e=t.getBoundingClientRect();_.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height});return}let d=t.getBoundingClientRect(),f=i.left-d.left,p=i.top-d.top;t.style.translate=`${f}px ${p}px`;let m=[{translate:`${f}px ${p}px`},{translate:`0px 0px`}];(0,s.from)(t.animate(m,{duration:n.d.duration,easing:n.d.easingFallback,fill:`forwards`}).finished).pipe((0,s.take)(1),(0,s.tap)(()=>{t.isConnected&&(t.style.translate=``);let e=t.getBoundingClientRect();_.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height})}),(0,s.catchError)(()=>s.EMPTY),(0,s.takeUntil)(this.disconnecting)).subscribe(),this._savePosition()}_drag$(){return new s.Observable(()=>{let e=this._headRef.value,t=this._containerRef.value;if(!e||!t)return;let n=!1,r=(0,s.fromEvent)(e,`pointerdown`).pipe((0,s.filter)(e=>e.button===0),(0,s.filter)(e=>{let t=e.target.tagName?.toLowerCase();return![`input`,`textarea`,`select`,`button`].includes(t)&&!e.target.closest(`schmancy-input, schmancy-icon-button, button, a`)}),(0,s.tap)(e=>{e.preventDefault(),e.stopPropagation()})).pipe((0,s.map)(e=>{let r=t.getBoundingClientRect(),i=this._currentCorner.includes(`bottom`),a=this.open;return n=!1,{startX:e.clientX,startY:e.clientY,offsetX:e.clientX-r.left,offsetY:e.clientY-r.top,rect:r,vw:window.innerWidth,vh:window.innerHeight,isBottom:i,wasOpen:a,pointerId:e.pointerId}}),(0,s.switchMap)(({startX:e,startY:r,offsetX:i,offsetY:a,rect:o,vw:c,vh:l,isBottom:u,wasOpen:d,pointerId:f})=>{let p=(0,s.fromEvent)(window,`pointermove`).pipe((0,s.filter)(e=>e.pointerId===f),(0,s.auditTime)(0,s.animationFrameScheduler),(0,s.map)(e=>({clientX:e.clientX,clientY:e.clientY}))),m=(0,s.fromEvent)(window,`pointerup`).pipe((0,s.filter)(e=>e.pointerId===f));return p.pipe((0,s.tap)(({clientX:s,clientY:f})=>{let p=s-e,m=f-r;if(Math.sqrt(p*p+m*m)>5&&!n&&(n=!0,this._applyDragVisuals(!0),d)){this.open=!1,t.style.clipPath=this.closedClipPath,t.style.overflow=`hidden`;let e=this._bodyRef.value;e&&(e.inert=!0,e.style.visibility=`hidden`)}if(!n)return;let h=Math.max(0,Math.min(s-i,c-o.width)),g=u?y-o.height:0,_=u?l-o.height:l-y,v=Math.max(g,Math.min(f-a,_));this._position={x:this._currentCorner.includes(`right`)?c-h-o.width:h,y:u?l-v-o.height:v},this._applyContainerPosition()}),(0,s.takeUntil)(m),(0,s.finalize)(()=>{n?(this._reorientToNearestCorner(),this._applyDragVisuals(!1),n=!1):(n=!1,this.toggle())}))})).subscribe();return()=>r.unsubscribe()})}connectedCallback(){super.connectedCallback(),(0,s.from)(this.updateComplete).pipe((0,s.take)(1),(0,s.tap)(()=>{this._currentCorner=this.corner,this._loadPosition(),this._applyContainerPosition(),this._initDOMState();let e=this._containerRef.value;if(e){let t=e.getBoundingClientRect(),n={left:t.left,top:t.top,width:t.width,height:t.height};_.register(this.id,n,this.freePosition?`free`:this._currentCorner)}}),(0,s.switchMap)(()=>(0,s.merge)(this._drag$(),_.selectWindow(this.id).pipe((0,s.tap)(e=>{if(!e)return;let t=this._containerRef.value;t&&(t.style.zIndex=String(e.zIndex))})),_.selectFocused().pipe((0,s.tap)(e=>{this._focused=e===this.id})))),(0,s.takeUntil)(this.disconnecting)).subscribe(),(0,s.merge)((0,s.fromEvent)(window,`resize`).pipe((0,s.auditTime)(0,s.animationFrameScheduler),(0,s.tap)(()=>this._validateBounds())),a.n.bottomOffset$.pipe((0,s.tap)(()=>this._applyContainerPosition()))).pipe((0,s.takeUntil)(this.disconnecting)).subscribe()}disconnectedCallback(){super.disconnectedCallback(),_.unregister(this.id)}_initDOMState(){let e=this._containerRef.value,t=this._bodyRef.value;e&&(this._applyContainerPosition(),this.open?(this._hasOpened=!0,e.style.overflow=``,t&&(t.inert=!1,t.style.visibility=`visible`)):(e.style.clipPath=this.closedClipPath,e.style.overflow=`hidden`,t&&(t.inert=!0,t.style.visibility=`hidden`)))}_animateOpen(){let e=this._containerRef.value,t=this._bodyRef.value;if(!e)return;this._hasOpened=!0,this.open=!0;let i=e.getBoundingClientRect(),a={left:i.left,top:this.isBottomCorner?i.top-400:i.top,width:i.width,height:448},o=_.findOverlaps(a,this.id);if(o.length>0){let e=v(a,o,{width:window.innerWidth,height:window.innerHeight});if(Math.abs(e.left-a.left)>10||Math.abs(e.top-a.top)>10){let t=this._currentCorner.includes(`right`),n=this._currentCorner.includes(`bottom`);this._position={x:t?window.innerWidth-e.left-e.width:e.left,y:n?window.innerHeight-e.top-e.height:e.top},this._applyContainerPosition()}}if(t&&(t.style.visibility=`visible`,t.inert=!1),r.t.value)return e.style.clipPath=``,e.style.overflow=``,void this.dispatchScopedEvent(`window-toggle`,{state:`expanded`});this._currentAnimation?.cancel(),e.style.overflow=`hidden`,e.style.willChange=`opacity`;let c=[{clipPath:this.closedClipPath,opacity:.95},{clipPath:this.openClipPath,opacity:1}],l=e.animate(c,{duration:n.f.duration,easing:n.f.easingFallback,fill:`forwards`});this._currentAnimation=l,(0,s.from)(l.finished).pipe((0,s.take)(1),(0,s.tap)(()=>{e.isConnected&&(e.style.clipPath=``,e.style.overflow=``,e.style.willChange=``)}),(0,s.catchError)(()=>s.EMPTY),(0,s.takeUntil)(this.disconnecting)).subscribe(),this.dispatchScopedEvent(`window-toggle`,{state:`expanded`})}_animateClose(){let e=this._containerRef.value;if(!e)return;if(r.t.value){e.style.clipPath=this.closedClipPath,e.style.overflow=`hidden`,this.open=!1;let t=this._bodyRef.value;t&&(t.inert=!0,t.style.visibility=`hidden`),this.dispatchScopedEvent(`window-toggle`,{state:`collapsed`});return}this._currentAnimation?.cancel(),e.style.overflow=`hidden`,e.style.willChange=`opacity`;let t=[{clipPath:this.openClipPath,opacity:1},{clipPath:this.closedClipPath,opacity:.95}],i=e.animate(t,{duration:Math.round(.7*n.f.duration),easing:`cubic-bezier(0.4, 0, 0.8, 0.15)`,fill:`forwards`});this._currentAnimation=i,(0,s.from)(i.finished).pipe((0,s.take)(1),(0,s.tap)(()=>{this.open=!1,e.style.willChange=``;let t=this._bodyRef.value;t&&(t.inert=!0,t.style.visibility=`hidden`)}),(0,s.catchError)(()=>s.EMPTY),(0,s.takeUntil)(this.disconnecting)).subscribe(),this.dispatchScopedEvent(`window-toggle`,{state:`collapsed`})}_applyDragVisuals(e){let t=this._headRef.value,n=this._containerRef.value;t&&(t.classList.toggle(`cursor-grabbing`,e),t.classList.toggle(`cursor-move`,!e)),n&&(n.style.opacity=e?`0.95`:``)}toggle(){this.open?this._animateClose():this._animateOpen()}expand(){this.open||this._animateOpen()}close(){this.open&&this._animateClose()}render(){let e=this._currentCorner.startsWith(`bottom`),t=(0,c.classMap)({fixed:!0,flex:!0,"flex-col":e,"flex-col-reverse":!e,"z-1000":!0,"ring-1":!this._focused,"ring-2":this._focused,"ring-primary-default/30":this._focused,"ring-primary-default/15":this.open&&!this._focused,"rounded-2xl":this.open,"ring-outline-variant/40":!this.open&&!this._focused,"rounded-[22px]":!this.open,"overflow-hidden":!0}),n=(0,l.styleMap)({width:this.panelWidth,"max-height":`calc(100vh - 32px)`,"pointer-events":`none`}),r=(0,l.styleMap)({"pointer-events":this.open?`auto`:`none`}),a=(0,c.classMap)({"h-full":!0,"px-3":!0,flex:!0,"items-center":!0,"gap-2":!0,"select-none":!0,"cursor-move":!0});return d.html`
+`]}get panelWidth(){return this.expandedWidth??`min(360px, calc(100vw - 32px))`}get isBottomCorner(){return this._currentCorner.startsWith(`bottom`)}get closedClipPath(){return this.isBottomCorner?`inset(calc(100% - 48px) 0px 0px 0px round 22px)`:`inset(0px 0px calc(100% - 48px) 0px round 22px)`}get openClipPath(){return`inset(0px 0px 0px 0px round 12px)`}get elevation(){return this.open?4:this.lowered?1:3}_applyContainerPosition(){let e=this._containerRef.value;if(!e)return;this._appliedCorner!==this._currentCorner&&(e.style.removeProperty(`left`),e.style.removeProperty(`right`),e.style.removeProperty(`top`),e.style.removeProperty(`bottom`),this._appliedCorner=this._currentCorner);let{x:t,y:n}=this._position;this._currentCorner.includes(`right`)?e.style.right=`${t}px`:e.style.left=`${t}px`,this._currentCorner.includes(`bottom`)?e.style.bottom=`${n+a.n.bottomOffset}px`:e.style.top=`${n}px`}static{this.VALID_CORNERS=new Set([`top-left`,`top-right`,`bottom-left`,`bottom-right`])}_loadPosition(){let e=_.loadPosition(this.id);e&&(this._position={x:e.x,y:e.y},g.VALID_CORNERS.has(e.anchor)&&(this._currentCorner=e.anchor))}_savePosition(){_.savePosition(this.id,{...this._position,anchor:this._currentCorner})}_validateBounds(){let e=this._containerRef.value;if(!e)return;let t=e.getBoundingClientRect();if(t.width===0)return;let n=window.innerWidth,r=window.innerHeight,i=this._currentCorner.includes(`right`),a=this._currentCorner.includes(`bottom`),o=i?n-this._position.x-t.width:this._position.x,s=a?r-this._position.y-t.height:this._position.y,c=Math.max(0,Math.min(o,n-t.width)),l=Math.max(0,Math.min(s,r-t.height));this._position={x:i?n-c-t.width:c,y:a?r-l-t.height:l},this._applyContainerPosition()}_reorientToNearestCorner(e=!1){if(this.freePosition){this._savePosition();let e=this._containerRef.value?.getBoundingClientRect();e&&_.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height});return}let t=this._containerRef.value;if(!t)return;let i=t.getBoundingClientRect(),a=this._currentCorner.includes(`bottom`),o=i.left+i.width/2,c=a?i.bottom-24:i.top+24,l=o>window.innerWidth/2?`right`:`left`,u=`${c>window.innerHeight/2?`bottom`:`top`}-${l}`;if(this._currentCorner=u,this._position={x:16,y:16},this._applyContainerPosition(),this.open||(t.style.clipPath=this.closedClipPath),e||r.t.value){this._savePosition();let e=t.getBoundingClientRect();_.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height});return}let d=t.getBoundingClientRect(),f=i.left-d.left,p=i.top-d.top;t.style.translate=`${f}px ${p}px`;let m=[{translate:`${f}px ${p}px`},{translate:`0px 0px`}];(0,s.from)(t.animate(m,{duration:n.d.duration,easing:n.d.easingFallback,fill:`forwards`}).finished).pipe((0,s.take)(1),(0,s.tap)(()=>{t.isConnected&&(t.style.translate=``);let e=t.getBoundingClientRect();_.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height})}),(0,s.catchError)(()=>s.EMPTY),(0,s.takeUntil)(this.disconnecting)).subscribe(),this._savePosition()}_drag$(){return new s.Observable(()=>{let e=this._headRef.value,t=this._containerRef.value;if(!e||!t)return;let n=!1,r=(0,s.fromEvent)(e,`pointerdown`).pipe((0,s.filter)(e=>e.button===0),(0,s.filter)(e=>{let t=e.target.tagName?.toLowerCase();return![`input`,`textarea`,`select`,`button`].includes(t)&&!e.target.closest(`schmancy-input, schmancy-icon-button, button, a`)}),(0,s.tap)(e=>{e.preventDefault(),e.stopPropagation()})).pipe((0,s.map)(e=>{let r=t.getBoundingClientRect(),i=this._currentCorner.includes(`bottom`),a=this.open;return n=!1,{startX:e.clientX,startY:e.clientY,offsetX:e.clientX-r.left,offsetY:e.clientY-r.top,rect:r,vw:window.innerWidth,vh:window.innerHeight,isBottom:i,wasOpen:a,pointerId:e.pointerId}}),(0,s.switchMap)(({startX:e,startY:r,offsetX:i,offsetY:a,rect:o,vw:c,vh:l,isBottom:u,wasOpen:d,pointerId:f})=>{let p=(0,s.fromEvent)(window,`pointermove`).pipe((0,s.filter)(e=>e.pointerId===f),(0,s.auditTime)(0,s.animationFrameScheduler),(0,s.map)(e=>({clientX:e.clientX,clientY:e.clientY}))),m=(0,s.fromEvent)(window,`pointerup`).pipe((0,s.filter)(e=>e.pointerId===f));return p.pipe((0,s.tap)(({clientX:s,clientY:f})=>{let p=s-e,m=f-r;if(Math.sqrt(p*p+m*m)>5&&!n&&(n=!0,this._applyDragVisuals(!0),d)){this.open=!1,t.style.clipPath=this.closedClipPath,t.style.overflow=`hidden`;let e=this._bodyRef.value;e&&(e.inert=!0,e.style.visibility=`hidden`)}if(!n)return;let h=Math.max(0,Math.min(s-i,c-o.width)),g=u?y-o.height:0,_=u?l-o.height:l-y,v=Math.max(g,Math.min(f-a,_));this._position={x:this._currentCorner.includes(`right`)?c-h-o.width:h,y:u?l-v-o.height:v},this._applyContainerPosition()}),(0,s.takeUntil)(m),(0,s.finalize)(()=>{n?(this._reorientToNearestCorner(),this._applyDragVisuals(!1),n=!1):(n=!1,this.toggle())}))})).subscribe();return()=>r.unsubscribe()})}connectedCallback(){super.connectedCallback(),(0,s.from)(this.updateComplete).pipe((0,s.take)(1),(0,s.tap)(()=>{this._currentCorner=this.corner,this._loadPosition(),this._applyContainerPosition(),this._initDOMState();let e=this._containerRef.value;if(e){let t=e.getBoundingClientRect(),n={left:t.left,top:t.top,width:t.width,height:t.height};_.register(this.id,n,this.freePosition?`free`:this._currentCorner)}}),(0,s.switchMap)(()=>(0,s.merge)(this._drag$(),_.selectWindow(this.id).pipe((0,s.tap)(e=>{if(!e)return;let t=this._containerRef.value;t&&(t.style.zIndex=String(e.zIndex))})))),(0,s.takeUntil)(this.disconnecting)).subscribe(),(0,s.merge)((0,s.fromEvent)(window,`resize`).pipe((0,s.auditTime)(0,s.animationFrameScheduler),(0,s.tap)(()=>this._validateBounds())),a.n.bottomOffset$.pipe((0,s.tap)(()=>this._applyContainerPosition()))).pipe((0,s.takeUntil)(this.disconnecting)).subscribe()}disconnectedCallback(){super.disconnectedCallback(),_.unregister(this.id)}_initDOMState(){let e=this._containerRef.value,t=this._bodyRef.value;e&&(this._applyContainerPosition(),this.open?(this._hasOpened=!0,e.style.overflow=``,t&&(t.inert=!1,t.style.visibility=`visible`)):(e.style.clipPath=this.closedClipPath,e.style.overflow=`hidden`,t&&(t.inert=!0,t.style.visibility=`hidden`)))}_animateOpen(){let e=this._containerRef.value,t=this._bodyRef.value;if(!e)return;this._hasOpened=!0,this.open=!0;let i=e.getBoundingClientRect(),a={left:i.left,top:this.isBottomCorner?i.top-400:i.top,width:i.width,height:448},o=_.findOverlaps(a,this.id);if(o.length>0){let e=v(a,o,{width:window.innerWidth,height:window.innerHeight});if(Math.abs(e.left-a.left)>10||Math.abs(e.top-a.top)>10){let t=this._currentCorner.includes(`right`),n=this._currentCorner.includes(`bottom`);this._position={x:t?window.innerWidth-e.left-e.width:e.left,y:n?window.innerHeight-e.top-e.height:e.top},this._applyContainerPosition()}}if(t&&(t.style.visibility=`visible`,t.inert=!1),r.t.value)return e.style.clipPath=``,e.style.overflow=``,void this.dispatchScopedEvent(`window-toggle`,{state:`expanded`});this._currentAnimation?.cancel(),e.style.overflow=`hidden`,e.style.willChange=`opacity`;let c=[{clipPath:this.closedClipPath,opacity:.95},{clipPath:this.openClipPath,opacity:1}],l=e.animate(c,{duration:n.f.duration,easing:n.f.easingFallback,fill:`forwards`});this._currentAnimation=l,(0,s.from)(l.finished).pipe((0,s.take)(1),(0,s.tap)(()=>{e.isConnected&&(e.style.clipPath=``,e.style.overflow=``,e.style.willChange=``)}),(0,s.catchError)(()=>s.EMPTY),(0,s.takeUntil)(this.disconnecting)).subscribe(),this.dispatchScopedEvent(`window-toggle`,{state:`expanded`})}_animateClose(){let e=this._containerRef.value;if(!e)return;if(r.t.value){e.style.clipPath=this.closedClipPath,e.style.overflow=`hidden`,this.open=!1;let t=this._bodyRef.value;t&&(t.inert=!0,t.style.visibility=`hidden`),this.dispatchScopedEvent(`window-toggle`,{state:`collapsed`});return}this._currentAnimation?.cancel(),e.style.overflow=`hidden`,e.style.willChange=`opacity`;let t=[{clipPath:this.openClipPath,opacity:1},{clipPath:this.closedClipPath,opacity:.95}],i=e.animate(t,{duration:Math.round(.7*n.f.duration),easing:`cubic-bezier(0.4, 0, 0.8, 0.15)`,fill:`forwards`});this._currentAnimation=i,(0,s.from)(i.finished).pipe((0,s.take)(1),(0,s.tap)(()=>{this.open=!1,e.style.willChange=``;let t=this._bodyRef.value;t&&(t.inert=!0,t.style.visibility=`hidden`)}),(0,s.catchError)(()=>s.EMPTY),(0,s.takeUntil)(this.disconnecting)).subscribe(),this.dispatchScopedEvent(`window-toggle`,{state:`collapsed`})}_applyDragVisuals(e){let t=this._headRef.value,n=this._containerRef.value;t&&(t.classList.toggle(`cursor-grabbing`,e),t.classList.toggle(`cursor-move`,!e)),n&&(n.style.opacity=e?`0.95`:``)}toggle(){this.open?this._animateClose():this._animateOpen()}expand(){this.open||this._animateOpen()}close(){this.open&&this._animateClose()}render(){let e=this._currentCorner.startsWith(`bottom`),t=(0,c.classMap)({fixed:!0,flex:!0,"flex-col":e,"flex-col-reverse":!e,"z-1000":!0,"rounded-2xl":this.open,"rounded-[22px]":!this.open,"overflow-hidden":!0}),n=(0,l.styleMap)({width:this.panelWidth,"max-height":`calc(100vh - 32px)`,"pointer-events":`none`}),r=(0,l.styleMap)({"pointer-events":this.open?`auto`:`none`}),a=(0,c.classMap)({"h-full":!0,"px-3":!0,flex:!0,"items-center":!0,"gap-2":!0,"select-none":!0,"cursor-move":!0});return d.html`
 			<schmancy-surface
 				${(0,f.ref)(this._containerRef)}
 				type="glass"
@@ -56,4 +56,4 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BOOu6q2n.cjs`),t=requi
 					</div>
 				</section>
 			</schmancy-surface>
-		`}};t.a([(0,u.property)({type:String})],b.prototype,`id`,void 0),t.a([(0,u.property)({type:String})],b.prototype,`expandedWidth`,void 0),t.a([(0,u.property)({type:String})],b.prototype,`expandedHeight`,void 0),t.a([(0,u.property)({type:Boolean,reflect:!0})],b.prototype,`lowered`,void 0),t.a([(0,u.property)({type:String})],b.prototype,`corner`,void 0),t.a([(0,u.property)({type:Boolean})],b.prototype,`resizable`,void 0),t.a([(0,u.property)({type:Boolean})],b.prototype,`freePosition`,void 0),t.a([(0,u.property)({type:String,reflect:!0})],b.prototype,`visualState`,void 0),t.a([(0,u.property)({type:Number})],b.prototype,`minWidth`,void 0),t.a([(0,u.property)({type:Number})],b.prototype,`minHeight`,void 0),t.a([(0,u.property)({type:Boolean,reflect:!0})],b.prototype,`open`,void 0),t.a([(0,u.state)()],b.prototype,`_hasOpened`,void 0),t.a([(0,u.state)()],b.prototype,`_focused`,void 0),t.a([(0,u.state)()],b.prototype,`_currentCorner`,void 0);var x=b=g=t.a([(0,u.customElement)(`schmancy-window`)],b);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});
+		`}};t.a([(0,u.property)({type:String})],b.prototype,`id`,void 0),t.a([(0,u.property)({type:String})],b.prototype,`expandedWidth`,void 0),t.a([(0,u.property)({type:String})],b.prototype,`expandedHeight`,void 0),t.a([(0,u.property)({type:Boolean,reflect:!0})],b.prototype,`lowered`,void 0),t.a([(0,u.property)({type:String})],b.prototype,`corner`,void 0),t.a([(0,u.property)({type:Boolean})],b.prototype,`resizable`,void 0),t.a([(0,u.property)({type:Boolean})],b.prototype,`freePosition`,void 0),t.a([(0,u.property)({type:String,reflect:!0})],b.prototype,`visualState`,void 0),t.a([(0,u.property)({type:Number})],b.prototype,`minWidth`,void 0),t.a([(0,u.property)({type:Number})],b.prototype,`minHeight`,void 0),t.a([(0,u.property)({type:Boolean,reflect:!0})],b.prototype,`open`,void 0),t.a([(0,u.state)()],b.prototype,`_hasOpened`,void 0),t.a([(0,u.state)()],b.prototype,`_currentCorner`,void 0);var x=b=g=t.a([(0,u.customElement)(`schmancy-window`)],b);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});

package/dist/window-BMecbTzs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-BMecbTzs.cjs","names":[],"sources":["../src/window/window-manager.ts","../src/window/window-position.ts","../src/window/window.ts"],"sourcesContent":["/**\n * Window Manager — singleton service for multi-window coordination.\n *\n * Tracks all schmancy-window instances: positions, z-indices, focus, visual states.\n * Components register on connectedCallback, unregister on disconnectedCallback.\n * Focus changes, position updates, and overlap queries all flow through here.\n *\n * Follows the ThemeService singleton pattern (theme/theme.service.ts).\n *\n * Example:\n *   windowManager.register('chat-1', bounds, 'bottom-right')\n *   windowManager.focus('chat-1')  // bumps z-index, updates focusedId\n *   const overlaps = windowManager.findOverlaps(projectedBounds, 'chat-1')\n */\n\nimport { BehaviorSubject, Observable, distinctUntilChanged, map } from 'rxjs'\nimport { overlayStack } from '../utils/overlay-stack.js'\nimport type { WindowBounds, WindowRecord, WindowRegistryState, SnapTarget } from './window-registry.js'\n\nconst STORAGE_PREFIX = 'schmancy-window-'\nconst LEGACY_STORAGE_PREFIX = 'schmancy-float-'\n\nclass WindowManagerService {\n\tprivate static instance: WindowManagerService\n\n\tprivate readonly _state$ = new BehaviorSubject<WindowRegistryState>({\n\t\twindows: new Map(),\n\t\tfocusedId: null,\n\t\tstackOrder: [],\n\t})\n\n\treadonly state$ = this._state$.asObservable()\n\n\tprivate constructor() {}\n\n\tstatic getInstance(): WindowManagerService {\n\t\tif (!WindowManagerService.instance) {\n\t\t\tWindowManagerService.instance = new WindowManagerService()\n\t\t}\n\t\treturn WindowManagerService.instance\n\t}\n\n\t// ── Synchronous accessors ──────────────────────────────────────────\n\n\tget windows(): Map<string, WindowRecord> {\n\t\treturn this._state$.value.windows\n\t}\n\n\tget focusedId(): string | null {\n\t\treturn this._state$.value.focusedId\n\t}\n\n\t// ── Registration ───────────────────────────────────────────────────\n\n\tregister(id: string, initialBounds: WindowBounds, snapTarget: SnapTarget): void {\n\t\tconst state = this._state$.value\n\t\tif (state.windows.has(id)) return\n\n\t\tconst zIndex = overlayStack.assignZIndex(id)\n\t\tconst record: WindowRecord = {\n\t\t\tid,\n\t\t\tbounds: initialBounds,\n\t\t\tvisualState: 'normal',\n\t\t\tzIndex,\n\t\t\topen: false,\n\t\t\tsnapTarget,\n\t\t}\n\n\t\tconst windows = new Map(state.windows)\n\t\twindows.set(id, record)\n\t\tconst stackOrder = overlayStack.getStackOrder()\n\n\t\tthis._state$.next({ ...state, windows, stackOrder })\n\t}\n\n\tunregister(id: string): void {\n\t\tconst state = this._state$.value\n\t\tif (!state.windows.has(id)) return\n\n\t\toverlayStack.releaseId(id)\n\t\tconst windows = new Map(state.windows)\n\t\twindows.delete(id)\n\t\tconst stackOrder = overlayStack.getStackOrder()\n\t\tconst focusedId = state.focusedId === id ? null : state.focusedId\n\n\t\tthis._state$.next({ ...state, windows, stackOrder, focusedId })\n\t}\n\n\t// ── State mutations ────────────────────────────────────────────────\n\n\tupdateBounds(id: string, bounds: WindowBounds): void {\n\t\tthis._updateRecord(id, { bounds })\n\t}\n\n\tupdateVisualState(id: string, visualState: WindowRecord['visualState']): void {\n\t\tthis._updateRecord(id, { visualState })\n\t}\n\n\tupdateOpen(id: string, open: boolean): void {\n\t\tthis._updateRecord(id, { open })\n\t}\n\n\tfocus(id: string): void {\n\t\tconst state = this._state$.value\n\t\tif (!state.windows.has(id)) return\n\t\tif (state.focusedId === id) return\n\n\t\tconst zIndex = overlayStack.bringToFront(id)\n\t\tconst windows = new Map(state.windows)\n\t\tconst record = windows.get(id)\n\t\tif (record) {\n\t\t\twindows.set(id, { ...record, zIndex })\n\t\t}\n\t\tconst stackOrder = overlayStack.getStackOrder()\n\n\t\tthis._state$.next({ ...state, windows, stackOrder, focusedId: id })\n\t}\n\n\t// ── Queries ────────────────────────────────────────────────────────\n\n\tfindOverlaps(bounds: WindowBounds, excludeId: string): WindowRecord[] {\n\t\tconst result: WindowRecord[] = []\n\t\tfor (const [id, record] of this._state$.value.windows) {\n\t\t\tif (id === excludeId) continue\n\t\t\tif (rectsOverlap(bounds, record.bounds)) {\n\t\t\t\tresult.push(record)\n\t\t\t}\n\t\t}\n\t\treturn result\n\t}\n\n\tgetNeighbors(id: string): WindowRecord[] {\n\t\tconst result: WindowRecord[] = []\n\t\tfor (const [otherId, record] of this._state$.value.windows) {\n\t\t\tif (otherId !== id) result.push(record)\n\t\t}\n\t\treturn result\n\t}\n\n\t// ── Selectors ──────────────────────────────────────────────────────\n\n\tselectWindow(id: string): Observable<WindowRecord | undefined> {\n\t\treturn this._state$.pipe(\n\t\t\tmap(state => state.windows.get(id)),\n\t\t\tdistinctUntilChanged(),\n\t\t)\n\t}\n\n\tselectFocused(): Observable<string | null> {\n\t\treturn this._state$.pipe(\n\t\t\tmap(state => state.focusedId),\n\t\t\tdistinctUntilChanged(),\n\t\t)\n\t}\n\n\t// ── Persistence ────────────────────────────────────────────────────\n\n\tloadPosition(id: string): { x: number; y: number; anchor: string } | null {\n\t\ttry {\n\t\t\t// Try new key first, fall back to legacy\n\t\t\tconst raw = localStorage.getItem(STORAGE_PREFIX + id) ?? localStorage.getItem(LEGACY_STORAGE_PREFIX + id)\n\t\t\tif (!raw) return null\n\t\t\treturn JSON.parse(raw) as { x: number; y: number; anchor: string }\n\t\t} catch {\n\t\t\treturn null\n\t\t}\n\t}\n\n\tsavePosition(id: string, data: { x: number; y: number; anchor: string }): void {\n\t\ttry {\n\t\t\tlocalStorage.setItem(STORAGE_PREFIX + id, JSON.stringify(data))\n\t\t} catch {\n\t\t\t// ignore\n\t\t}\n\t}\n\n\tclearPosition(id: string): void {\n\t\ttry {\n\t\t\tlocalStorage.removeItem(STORAGE_PREFIX + id)\n\t\t\tlocalStorage.removeItem(LEGACY_STORAGE_PREFIX + id)\n\t\t} catch {\n\t\t\t// ignore\n\t\t}\n\t}\n\n\t// ── Internal ───────────────────────────────────────────────────────\n\n\tprivate _updateRecord(id: string, updates: Partial<WindowRecord>): void {\n\t\tconst state = this._state$.value\n\t\tconst record = state.windows.get(id)\n\t\tif (!record) return\n\n\t\tconst windows = new Map(state.windows)\n\t\twindows.set(id, { ...record, ...updates })\n\t\tthis._state$.next({ ...state, windows })\n\t}\n}\n\n/** Simple rect overlap check (inline — no circular import with window-position) */\nfunction rectsOverlap(a: WindowBounds, b: WindowBounds): boolean {\n\treturn !(a.left >= b.left + b.width || a.left + a.width <= b.left || a.top >= b.top + b.height || a.top + a.height <= b.top)\n}\n\nexport const windowManager = WindowManagerService.getInstance()\n","/**\n * Window Position — pure functions for overlap resolution, cascade, and snapping.\n *\n * All functions are stateless: they take window bounds and viewport dimensions,\n * return new bounds. No side effects, no DOM access, no subscriptions.\n *\n * Example:\n *   const projected = { left: 100, top: 400, width: 360, height: 500 }\n *   const neighbors = windowManager.findOverlaps(projected, 'my-id')\n *   const resolved = resolveOverlap(projected, neighbors, { width: 1440, height: 900 })\n *   // → { left: 144, top: 444, width: 360, height: 500 } (cascaded away from conflict)\n */\n\nimport type { WindowBounds, WindowRecord } from './window-registry.js'\n\nconst HEAD_HEIGHT = 44\nconst CASCADE_OFFSET = HEAD_HEIGHT\nconst MAX_CASCADE_ATTEMPTS = 10\n\n/** Check if two rectangles overlap (edges touching does NOT count as overlap) */\nexport function rectsOverlap(a: WindowBounds, b: WindowBounds): boolean {\n\treturn !(a.left >= b.left + b.width || a.left + a.width <= b.left || a.top >= b.top + b.height || a.top + a.height <= b.top)\n}\n\n/**\n * Resolve overlap by cascading diagonally until no conflict.\n * Shifts by (HEAD_HEIGHT, HEAD_HEIGHT) per attempt, clamped to viewport.\n */\nexport function resolveOverlap(\n\tcandidate: WindowBounds,\n\texisting: WindowRecord[],\n\tviewport: { width: number; height: number },\n): WindowBounds {\n\tconst bounds = { ...candidate }\n\n\tfor (let attempt = 0; attempt < MAX_CASCADE_ATTEMPTS; attempt++) {\n\t\tconst hasOverlap = existing.some(w => rectsOverlap(bounds, w.bounds))\n\t\tif (!hasOverlap) break\n\n\t\tbounds.left += CASCADE_OFFSET\n\t\tbounds.top += CASCADE_OFFSET\n\t}\n\n\treturn clampToViewport(bounds, viewport)\n}\n\n/**\n * Clamp bounds so the window stays fully within the viewport.\n */\nexport function clampToViewport(\n\tbounds: WindowBounds,\n\tviewport: { width: number; height: number },\n): WindowBounds {\n\treturn {\n\t\twidth: bounds.width,\n\t\theight: bounds.height,\n\t\tleft: Math.max(0, Math.min(bounds.left, viewport.width - bounds.width)),\n\t\ttop: Math.max(0, Math.min(bounds.top, viewport.height - bounds.height)),\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport {\n\tanimationFrameScheduler,\n\tauditTime,\n\tcatchError,\n\tEMPTY,\n\tfilter,\n\tfinalize,\n\tfrom,\n\tfromEvent,\n\tmap,\n\tmerge,\n\tObservable,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n} from 'rxjs'\nimport { SPRING_SMOOTH, SPRING_SNAPPY } from '../utils/animation.js'\nimport { cursorGlow } from '../directives/cursor-glow'\nimport { reducedMotion$ } from '../directives/reduced-motion'\nimport { theme } from '../theme/theme.service.js'\nimport type { SnapCorner, WindowBounds, WindowVisualState } from './window-registry.js'\nimport { windowManager } from './window-manager.js'\nimport { resolveOverlap } from './window-position.js'\n\nconst HEAD_HEIGHT = 48\nconst DRAG_THRESHOLD = 5\n\ninterface Position {\n\tx: number\n\ty: number\n}\n\n@customElement('schmancy-window')\nexport default class SchmancyWindow extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: contents;\n\t\tposition: relative;\n\t\tz-index: 1000;\n\t}\n\t:host([hidden]) {\n\t\tdisplay: none !important;\n\t}\n`]\n\n\t@property({ type: String }) id: string = 'default'\n\t/** Override the expanded panel width (e.g. '320px', '24rem'). Defaults to responsive sizing. */\n\t@property({ type: String }) expandedWidth?: string\n\t/** Override the expanded panel height (e.g. '400px', '50vh'). */\n\t@property({ type: String }) expandedHeight?: string\n\t/** When true, uses a lower elevation shadow in the collapsed state. */\n\t@property({ type: Boolean, reflect: true }) lowered: boolean = false\n\t/** Corner the window is anchored to. */\n\t@property({ type: String }) corner: SnapCorner = 'bottom-right'\n\t/** When true, window can be resized by the user. */\n\t@property({ type: Boolean }) resizable = false\n\t/** When true, window stays at its dragged position instead of snapping to a corner. */\n\t@property({ type: Boolean }) freePosition = false\n\t/** Visual state of the window (minimized, normal, maximized). */\n\t@property({ type: String, reflect: true }) visualState: WindowVisualState = 'normal'\n\t/** Minimum width in pixels. */\n\t@property({ type: Number }) minWidth = 280\n\t/** Minimum height in pixels. */\n\t@property({ type: Number }) minHeight = 200\n\n\t/** Whether the body is expanded. */\n\t@property({ type: Boolean, reflect: true }) open = false\n\n\tprivate _currentAnimation?: Animation\n\n\t/** Lazy rendering: body content not in DOM until first expand. */\n\t@state() private _hasOpened = false\n\n\t// Internal position -- plain fields, updated directly during drag\n\tprivate _position: Position = { x: 16, y: 16 }\n\t@state() private _currentCorner: SnapCorner = 'bottom-right'\n\n\t// Track applied corner to avoid unnecessary style.removeProperty calls during drag\n\tprivate _appliedCorner: string = ''\n\n\t// Refs\n\tprivate _containerRef = createRef<HTMLElement>()\n\tprivate _bodyRef = createRef<HTMLElement>()\n\tprivate _headRef = createRef<HTMLElement>()\n\n\t// ============================================\n\t// COMPUTED\n\t// ============================================\n\n\tprivate get panelWidth(): string {\n\t\treturn this.expandedWidth ?? 'min(360px, calc(100vw - 32px))'\n\t}\n\n\tprivate get isBottomCorner(): boolean {\n\t\treturn this._currentCorner.startsWith('bottom')\n\t}\n\n\tprivate get closedClipPath(): string {\n\t\treturn this.isBottomCorner\n\t\t\t? `inset(calc(100% - ${HEAD_HEIGHT}px) 0px 0px 0px round 22px)`\n\t\t\t: `inset(0px 0px calc(100% - ${HEAD_HEIGHT}px) 0px round 22px)`\n\t}\n\n\tprivate get openClipPath(): string {\n\t\treturn 'inset(0px 0px 0px 0px round 12px)'\n\t}\n\n\tprivate get elevation(): 0 | 1 | 2 | 3 | 4 | 5 {\n\t\tif (this.open) return 4\n\t\treturn this.lowered ? 1 : 3\n\t}\n\n\t// ============================================\n\t// POSITION MANAGEMENT\n\t// ============================================\n\n\tprivate _applyContainerPosition() {\n\t\tconst container = this._containerRef.value\n\t\tif (!container) return\n\t\t// Only clear position properties when corner changes (avoids 4 style invalidations per drag frame)\n\t\tif (this._appliedCorner !== this._currentCorner) {\n\t\t\tcontainer.style.removeProperty('left')\n\t\t\tcontainer.style.removeProperty('right')\n\t\t\tcontainer.style.removeProperty('top')\n\t\t\tcontainer.style.removeProperty('bottom')\n\t\t\tthis._appliedCorner = this._currentCorner\n\t\t}\n\t\tconst { x, y } = this._position\n\t\tif (this._currentCorner.includes('right')) {\n\t\t\tcontainer.style.right = `${x}px`\n\t\t} else {\n\t\t\tcontainer.style.left = `${x}px`\n\t\t}\n\t\tif (this._currentCorner.includes('bottom')) {\n\t\t\tcontainer.style.bottom = `${y + theme.bottomOffset}px`\n\t\t} else {\n\t\t\tcontainer.style.top = `${y}px`\n\t\t}\n\t}\n\n\tprivate static readonly VALID_CORNERS = new Set<string>(['top-left', 'top-right', 'bottom-left', 'bottom-right'])\n\n\tprivate _loadPosition() {\n\t\tconst saved = windowManager.loadPosition(this.id)\n\t\tif (saved) {\n\t\t\tthis._position = { x: saved.x, y: saved.y }\n\t\t\tif (SchmancyWindow.VALID_CORNERS.has(saved.anchor)) {\n\t\t\t\tthis._currentCorner = saved.anchor as SnapCorner\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _savePosition() {\n\t\twindowManager.savePosition(this.id, { ...this._position, anchor: this._currentCorner })\n\t}\n\n\tprivate _validateBounds() {\n\t\tconst container = this._containerRef.value\n\t\tif (!container) return\n\t\tconst rect = container.getBoundingClientRect()\n\t\tif (rect.width === 0) return\n\t\tconst vw = window.innerWidth\n\t\tconst vh = window.innerHeight\n\t\tconst isRight = this._currentCorner.includes('right')\n\t\tconst isBottom = this._currentCorner.includes('bottom')\n\t\tconst actualLeft = isRight ? vw - this._position.x - rect.width : this._position.x\n\t\tconst actualTop = isBottom ? vh - this._position.y - rect.height : this._position.y\n\t\tconst newLeft = Math.max(0, Math.min(actualLeft, vw - rect.width))\n\t\tconst newTop = Math.max(0, Math.min(actualTop, vh - rect.height))\n\t\tthis._position = {\n\t\t\tx: isRight ? vw - newLeft - rect.width : newLeft,\n\t\t\ty: isBottom ? vh - newTop - rect.height : newTop,\n\t\t}\n\t\tthis._applyContainerPosition()\n\t}\n\n\t// ============================================\n\t// CORNER SNAPPING\n\t// ============================================\n\n\tprivate _reorientToNearestCorner(skipAnimation = false): void {\n\t\t// Free position mode: skip corner snapping\n\t\tif (this.freePosition) {\n\t\t\tthis._savePosition()\n\t\t\tconst rect = this._containerRef.value?.getBoundingClientRect()\n\t\t\tif (rect) {\n\t\t\t\twindowManager.updateBounds(this.id, { left: rect.left, top: rect.top, width: rect.width, height: rect.height })\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst container = this._containerRef.value\n\t\tif (!container) return\n\n\t\t// F -- record current screen position before DOM mutation\n\t\tconst rect = container.getBoundingClientRect()\n\n\t\t// L -- calculate nearest corner using head visual center\n\t\tconst currentIsBottom = this._currentCorner.includes('bottom')\n\t\tconst headCenterX = rect.left + rect.width / 2\n\t\tconst headCenterY = currentIsBottom\n\t\t\t? rect.bottom - HEAD_HEIGHT / 2\n\t\t\t: rect.top + HEAD_HEIGHT / 2\n\t\tconst side = headCenterX > window.innerWidth / 2 ? 'right' : 'left'\n\t\tconst vert = headCenterY > window.innerHeight / 2 ? 'bottom' : 'top'\n\t\tconst newCorner: SnapCorner = `${vert}-${side}` as SnapCorner\n\n\t\t// Snap corner and reset offset to standard edge gap\n\t\tthis._currentCorner = newCorner\n\t\tthis._position = { x: 16, y: 16 }\n\t\tthis._applyContainerPosition()\n\t\t// Sync clip-path to new corner\n\t\tif (!this.open) {\n\t\t\tcontainer.style.clipPath = this.closedClipPath\n\t\t}\n\n\t\tif (skipAnimation || reducedMotion$.value) {\n\t\t\tthis._savePosition()\n\t\t\tconst snapRect = container.getBoundingClientRect()\n\t\t\twindowManager.updateBounds(this.id, { left: snapRect.left, top: snapRect.top, width: snapRect.width, height: snapRect.height })\n\t\t\treturn\n\t\t}\n\n\t\t// I -- invert: shift element back to its original visual position\n\t\tconst newRect = container.getBoundingClientRect()\n\t\tconst dx = rect.left - newRect.left\n\t\tconst dy = rect.top - newRect.top\n\t\tcontainer.style.translate = `${dx}px ${dy}px`\n\n\t\t// P -- play: animate from the inverse offset to natural resting position\n\t\tconst flipKeyframes: Keyframe[] = [{ translate: `${dx}px ${dy}px` }, { translate: '0px 0px' }]\n\t\tconst anim = container.animate(\n\t\t\tflipKeyframes,\n\t\t\t{\n\t\t\t\tduration: SPRING_SMOOTH.duration,\n\t\t\t\teasing: SPRING_SMOOTH.easingFallback,\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t)\n\t\tfrom(anim.finished).pipe(\n\t\t\ttake(1),\n\t\t\ttap(() => {\n\t\t\t\tif (container.isConnected) container.style.translate = ''\n\t\t\t\t// Report final resting bounds after animation completes\n\t\t\t\tconst finalRect = container.getBoundingClientRect()\n\t\t\t\twindowManager.updateBounds(this.id, { left: finalRect.left, top: finalRect.top, width: finalRect.width, height: finalRect.height })\n\t\t\t}),\n\t\t\tcatchError(() => EMPTY),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\tthis._savePosition()\n\t}\n\n\t// ============================================\n\t// DRAG PIPELINE\n\t// ============================================\n\n\tprivate _drag$(): Observable<never> {\n\t\treturn new Observable(() => {\n\t\t\tconst head = this._headRef.value\n\t\t\tconst container = this._containerRef.value\n\t\t\tif (!head || !container) return\n\n\t\t\tlet didDrag = false\n\n\t\t\tconst sub = fromEvent<PointerEvent>(head, 'pointerdown').pipe(\n\t\t\t\tfilter(e => e.button === 0),\n\t\t\t\tfilter(e => {\n\t\t\t\t\tconst tag = (e.target as HTMLElement).tagName?.toLowerCase()\n\t\t\t\t\treturn !['input', 'textarea', 'select', 'button'].includes(tag)\n\t\t\t\t\t\t&& !(e.target as HTMLElement).closest('schmancy-input, schmancy-icon-button, button, a')\n\t\t\t\t}),\n\t\t\t\ttap(e => {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t}),\n\t\t\t)\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(e => {\n\t\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\t\tconst isBottom = this._currentCorner.includes('bottom')\n\t\t\t\t\t\tconst wasOpen = this.open\n\t\t\t\t\t\tdidDrag = false\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tstartX: e.clientX,\n\t\t\t\t\t\t\tstartY: e.clientY,\n\t\t\t\t\t\t\toffsetX: e.clientX - rect.left,\n\t\t\t\t\t\t\toffsetY: e.clientY - rect.top,\n\t\t\t\t\t\t\trect,\n\t\t\t\t\t\t\tvw: window.innerWidth,\n\t\t\t\t\t\t\tvh: window.innerHeight,\n\t\t\t\t\t\t\tisBottom,\n\t\t\t\t\t\t\twasOpen,\n\t\t\t\t\t\t\tpointerId: e.pointerId,\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\tswitchMap(({ startX, startY, offsetX, offsetY, rect, vw, vh, isBottom, wasOpen, pointerId }) => {\n\t\t\t\t\t\tconst move$ = fromEvent<PointerEvent>(window, 'pointermove').pipe(\n\t\t\t\t\t\t\tfilter(e => e.pointerId === pointerId),\n\t\t\t\t\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\t\t\t\t\tmap(e => ({ clientX: e.clientX, clientY: e.clientY })),\n\t\t\t\t\t\t)\n\t\t\t\t\t\tconst end$ = fromEvent<PointerEvent>(window, 'pointerup').pipe(\n\t\t\t\t\t\t\tfilter(e => e.pointerId === pointerId),\n\t\t\t\t\t\t)\n\n\t\t\t\t\t\treturn move$.pipe(\n\t\t\t\t\t\t\ttap(({ clientX, clientY }) => {\n\t\t\t\t\t\t\t\tconst dx = clientX - startX\n\t\t\t\t\t\t\t\tconst dy = clientY - startY\n\t\t\t\t\t\t\t\tif (Math.sqrt(dx * dx + dy * dy) > DRAG_THRESHOLD && !didDrag) {\n\t\t\t\t\t\t\t\t\tdidDrag = true\n\t\t\t\t\t\t\t\t\tthis._applyDragVisuals(true)\n\t\t\t\t\t\t\t\t\t// Collapse on first confirmed drag move\n\t\t\t\t\t\t\t\t\tif (wasOpen) {\n\t\t\t\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\t\t\t\tcontainer.style.clipPath = this.closedClipPath\n\t\t\t\t\t\t\t\t\t\tcontainer.style.overflow = 'hidden'\n\t\t\t\t\t\t\t\t\t\tconst body = this._bodyRef.value\n\t\t\t\t\t\t\t\t\t\tif (body) {\n\t\t\t\t\t\t\t\t\t\t\tbody.inert = true\n\t\t\t\t\t\t\t\t\t\t\tbody.style.visibility = 'hidden'\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}\n\t\t\t\t\t\t\t\tif (!didDrag) return\n\n\t\t\t\t\t\t\t\tconst left = Math.max(0, Math.min(clientX - offsetX, vw - rect.width))\n\t\t\t\t\t\t\t\tconst minTop = isBottom ? HEAD_HEIGHT - rect.height : 0\n\t\t\t\t\t\t\t\tconst maxTop = isBottom ? vh - rect.height : vh - HEAD_HEIGHT\n\t\t\t\t\t\t\t\tconst top = Math.max(minTop, Math.min(clientY - offsetY, maxTop))\n\n\t\t\t\t\t\t\t\tthis._position = {\n\t\t\t\t\t\t\t\t\tx: this._currentCorner.includes('right') ? vw - left - rect.width : left,\n\t\t\t\t\t\t\t\t\ty: isBottom ? vh - top - rect.height : top,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis._applyContainerPosition()\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\ttakeUntil(end$),\n\t\t\t\t\t\t\tfinalize(() => {\n\t\t\t\t\t\t\t\tif (didDrag) {\n\t\t\t\t\t\t\t\t\tthis._reorientToNearestCorner()\n\t\t\t\t\t\t\t\t\tthis._applyDragVisuals(false)\n\t\t\t\t\t\t\t\t\tdidDrag = false\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tdidDrag = false\n\t\t\t\t\t\t\t\t\tthis.toggle()\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\t\t\t\t.subscribe()\n\n\t\t\treturn () => sub.unsubscribe()\n\t\t})\n\t}\n\n\t// ============================================\n\t// LIFECYCLE\n\t// ============================================\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Pipeline 1: DOM setup + manager registration + drag + z-index sync\n\t\tfrom(this.updateComplete).pipe(\n\t\t\ttake(1),\n\t\t\ttap(() => {\n\t\t\t\tthis._currentCorner = this.corner\n\t\t\t\tthis._loadPosition()\n\t\t\t\tthis._applyContainerPosition()\n\t\t\t\tthis._initDOMState()\n\t\t\t\t// Register with window manager\n\t\t\t\tconst container = this._containerRef.value\n\t\t\t\tif (container) {\n\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\tconst bounds: WindowBounds = { left: rect.left, top: rect.top, width: rect.width, height: rect.height }\n\t\t\t\t\twindowManager.register(this.id, bounds, this.freePosition ? 'free' : this._currentCorner)\n\t\t\t\t}\n\t\t\t}),\n\t\t\tswitchMap(() => merge(\n\t\t\t\tthis._drag$(),\n\t\t\t\twindowManager.selectWindow(this.id).pipe(\n\t\t\t\t\ttap(record => {\n\t\t\t\t\t\tif (!record) return\n\t\t\t\t\t\tconst container = this._containerRef.value\n\t\t\t\t\t\tif (container) container.style.zIndex = String(record.zIndex)\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t)),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\n\t\t// Pipeline 3: Environment -- one subscription\n\t\tmerge(\n\t\t\tfromEvent(window, 'resize').pipe(\n\t\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\t\ttap(() => this._validateBounds()),\n\t\t\t),\n\t\t\ttheme.bottomOffset$.pipe(\n\t\t\t\ttap(() => this._applyContainerPosition()),\n\t\t\t),\n\t\t).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\twindowManager.unregister(this.id)\n\t}\n\n\tprivate _initDOMState() {\n\t\tconst container = this._containerRef.value\n\t\tconst body = this._bodyRef.value\n\t\tif (!container) return\n\n\t\tthis._applyContainerPosition()\n\n\t\tif (this.open) {\n\t\t\tthis._hasOpened = true\n\t\t\tcontainer.style.overflow = ''\n\t\t\tif (body) {\n\t\t\t\tbody.inert = false\n\t\t\t\tbody.style.visibility = 'visible'\n\t\t\t}\n\t\t} else {\n\t\t\tcontainer.style.clipPath = this.closedClipPath\n\t\t\tcontainer.style.overflow = 'hidden'\n\t\t\tif (body) {\n\t\t\t\tbody.inert = true\n\t\t\t\tbody.style.visibility = 'hidden'\n\t\t\t}\n\t\t}\n\t}\n\n\t// ============================================\n\t// ANIMATION\n\t// ============================================\n\n\tprivate _animateOpen() {\n\t\tconst container = this._containerRef.value\n\t\tconst body = this._bodyRef.value\n\t\tif (!container) return\n\n\t\tthis._hasOpened = true\n\t\tthis.open = true\n\n\t\t// Overlap avoidance\n\t\tconst rect = container.getBoundingClientRect()\n\t\tconst projectedBounds: WindowBounds = {\n\t\t\tleft: rect.left,\n\t\t\ttop: this.isBottomCorner ? rect.top - 400 : rect.top,\n\t\t\twidth: rect.width,\n\t\t\theight: 400 + HEAD_HEIGHT,\n\t\t}\n\t\tconst overlaps = windowManager.findOverlaps(projectedBounds, this.id)\n\t\tif (overlaps.length > 0) {\n\t\t\tconst resolved = resolveOverlap(projectedBounds, overlaps, { width: window.innerWidth, height: window.innerHeight })\n\t\t\tif (Math.abs(resolved.left - projectedBounds.left) > 10 || Math.abs(resolved.top - projectedBounds.top) > 10) {\n\t\t\t\tconst isRight = this._currentCorner.includes('right')\n\t\t\t\tconst isBottom = this._currentCorner.includes('bottom')\n\t\t\t\tthis._position = {\n\t\t\t\t\tx: isRight ? window.innerWidth - resolved.left - resolved.width : resolved.left,\n\t\t\t\t\ty: isBottom ? window.innerHeight - resolved.top - resolved.height : resolved.top,\n\t\t\t\t}\n\t\t\t\tthis._applyContainerPosition()\n\t\t\t}\n\t\t}\n\n\t\tif (body) {\n\t\t\tbody.style.visibility = 'visible'\n\t\t\tbody.inert = false\n\t\t}\n\n\t\tif (reducedMotion$.value) {\n\t\t\tcontainer.style.clipPath = ''\n\t\t\tcontainer.style.overflow = ''\n\t\t\tthis.dispatchScopedEvent('window-toggle', { state: 'expanded' })\n\t\t\treturn\n\t\t}\n\n\t\tthis._currentAnimation?.cancel()\n\t\tcontainer.style.overflow = 'hidden'\n\t\tcontainer.style.willChange = 'opacity'\n\t\tconst openKeyframes: Keyframe[] = [\n\t\t\t{ clipPath: this.closedClipPath, opacity: 0.95 },\n\t\t\t{ clipPath: this.openClipPath, opacity: 1 },\n\t\t]\n\t\tconst anim = container.animate(openKeyframes, {\n\t\t\tduration: SPRING_SNAPPY.duration,\n\t\t\teasing: SPRING_SNAPPY.easingFallback,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tthis._currentAnimation = anim\n\n\t\tfrom(anim.finished).pipe(\n\t\t\ttake(1),\n\t\t\ttap(() => {\n\t\t\t\tif (container.isConnected) {\n\t\t\t\t\tcontainer.style.clipPath = ''\n\t\t\t\t\tcontainer.style.overflow = ''\n\t\t\t\t\tcontainer.style.willChange = ''\n\t\t\t\t}\n\t\t\t}),\n\t\t\tcatchError(() => EMPTY),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\tthis.dispatchScopedEvent('window-toggle', { state: 'expanded' })\n\t}\n\n\tprivate _animateClose() {\n\t\tconst container = this._containerRef.value\n\t\tif (!container) return\n\n\t\tif (reducedMotion$.value) {\n\t\t\tcontainer.style.clipPath = this.closedClipPath\n\t\t\tcontainer.style.overflow = 'hidden'\n\t\t\tthis.open = false\n\t\t\tconst body = this._bodyRef.value\n\t\t\tif (body) { body.inert = true; body.style.visibility = 'hidden' }\n\t\t\tthis.dispatchScopedEvent('window-toggle', { state: 'collapsed' })\n\t\t\treturn\n\t\t}\n\n\t\tthis._currentAnimation?.cancel()\n\t\tcontainer.style.overflow = 'hidden'\n\t\tcontainer.style.willChange = 'opacity'\n\t\tconst closeKeyframes: Keyframe[] = [\n\t\t\t{ clipPath: this.openClipPath, opacity: 1 },\n\t\t\t{ clipPath: this.closedClipPath, opacity: 0.95 },\n\t\t]\n\t\tconst anim = container.animate(closeKeyframes, {\n\t\t\tduration: Math.round(SPRING_SNAPPY.duration * 0.7),\n\t\t\teasing: 'cubic-bezier(0.4, 0, 0.8, 0.15)',\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tthis._currentAnimation = anim\n\n\t\tfrom(anim.finished).pipe(\n\t\t\ttake(1),\n\t\t\ttap(() => {\n\t\t\t\tthis.open = false\n\t\t\t\tcontainer.style.willChange = ''\n\t\t\t\tconst body = this._bodyRef.value\n\t\t\t\tif (body) { body.inert = true; body.style.visibility = 'hidden' }\n\t\t\t}),\n\t\t\tcatchError(() => EMPTY),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\tthis.dispatchScopedEvent('window-toggle', { state: 'collapsed' })\n\t}\n\n\t// ============================================\n\t// VISUAL STATE HELPERS\n\t// ============================================\n\n\t/** Apply drag visuals directly on DOM refs — avoids full Lit re-render for cursor + opacity */\n\tprivate _applyDragVisuals(dragging: boolean) {\n\t\tconst head = this._headRef.value\n\t\tconst container = this._containerRef.value\n\t\tif (head) {\n\t\t\thead.classList.toggle('cursor-grabbing', dragging)\n\t\t\thead.classList.toggle('cursor-move', !dragging)\n\t\t}\n\t\tif (container) {\n\t\t\tcontainer.style.opacity = dragging ? '0.95' : ''\n\t\t}\n\t}\n\n\tprivate _handleFocus = () => windowManager.focus(this.id)\n\n\tprivate _handleHeadKeydown = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.toggle()\n\t\t\treturn\n\t\t}\n\t\tif (e.key === 'ArrowUp' || e.key === 'ArrowDown' || e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n\t\t\te.preventDefault()\n\t\t\tconst step = e.shiftKey ? 20 : 5\n\t\t\tconst dx = e.key === 'ArrowRight' ? step : e.key === 'ArrowLeft' ? -step : 0\n\t\t\tconst dy = e.key === 'ArrowDown' ? step : e.key === 'ArrowUp' ? -step : 0\n\t\t\tthis._position = { x: this._position.x + dx, y: this._position.y + dy }\n\t\t\tthis._applyContainerPosition()\n\t\t\tthis._savePosition()\n\t\t}\n\t}\n\n\t// ============================================\n\t// PUBLIC API\n\t// ============================================\n\n\ttoggle() {\n\t\tif (this.open) this._animateClose()\n\t\telse this._animateOpen()\n\t}\n\n\texpand() {\n\t\tif (this.open) return\n\t\tthis._animateOpen()\n\t}\n\n\tclose() {\n\t\tif (!this.open) return\n\t\tthis._animateClose()\n\t}\n\n\t// ============================================\n\t// RENDER\n\t// ============================================\n\n\tprotected render(): unknown {\n\t\tconst isBottom = this._currentCorner.startsWith('bottom')\n\n\t\tconst containerClasses = classMap({\n\t\t\tfixed: true,\n\t\t\tflex: true,\n\t\t\t'flex-col': isBottom,\n\t\t\t'flex-col-reverse': !isBottom,\n\t\t\t'z-1000': true,\n\t\t\t'rounded-2xl': this.open,\n\t\t\t'rounded-[22px]': !this.open,\n\t\t\t'overflow-hidden': true,\n\t\t})\n\n\t\tconst containerStyles = styleMap({\n\t\t\twidth: this.panelWidth,\n\t\t\t'max-height': 'calc(100vh - 32px)',\n\t\t\t'pointer-events': 'none',\n\t\t})\n\n\t\tconst bodyStyles = styleMap({\n\t\t\t'pointer-events': this.open ? 'auto' : 'none',\n\t\t})\n\n\t\tconst headClasses = classMap({\n\t\t\t'h-full': true,\n\t\t\t'px-3': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'select-none': true,\n\t\t\t'cursor-move': true,\n\t\t})\n\n\t\treturn html`\n\t\t\t<schmancy-surface\n\t\t\t\t${ref(this._containerRef)}\n\t\t\t\ttype=\"glass\"\n\t\t\t\t.elevation=${this.elevation}\n\t\t\t\tclass=${containerClasses}\n\t\t\t\tstyle=${containerStyles}\n\t\t\t\taria-expanded=${this.open}\n\t\t\t\t@pointerdown=${this._handleFocus}\n\t\t\t>\n\t\t\t\t<!-- Details section (visually above summary for bottom corners) -->\n\t\t\t\t<section\n\t\t\t\t\t${ref(this._bodyRef)}\n\t\t\t\t\tclass=\"flex-1 min-h-0 overflow-hidden flex flex-col\"\n\t\t\t\t\tstyle=${bodyStyles}\n\t\t\t\t\trole=\"region\"\n\t\t\t\t\taria-label=\"Expandable content\"\n\t\t\t\t>\n\t\t\t\t\t${this._hasOpened ? html`<slot name=\"details\"></slot>` : nothing}\n\t\t\t\t</section>\n\n\t\t\t\t<!-- Summary section -- always interactive, always visible -->\n\t\t\t\t<section\n\t\t\t\t\tclass=\"shrink-0 bg-surface-lowest\"\n\t\t\t\t\tstyle=${styleMap({ 'pointer-events': 'auto', height: `${HEAD_HEIGHT}px` })}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\t${ref(this._headRef)}\n\t\t\t\t\t\t${cursorGlow({ radius: 200, intensity: 0.10 })}\n\t\t\t\t\t\tclass=${headClasses}\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\ttitle=\"Drag to move, click to expand\"\n\t\t\t\t\t\taria-label=\"${this.open ? 'Collapse window' : 'Expand window'}\"\n\t\t\t\t\t\t@keydown=${this._handleHeadKeydown}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"flex-1 min-w-0\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\twidth=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n\t\t\t\t\t\t\tclass=\"shrink-0 text-surface-on/40 transition-transform duration-200 ${this.open ? 'rotate-180' : ''}\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-window': SchmancyWindow\n\t}\n}\n"],"mappings":"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"}

package/dist/{window-BTecgE_U.js → window-DMy5Gsgu.js}

@@ -1,4 +1,4 @@
-import { c as e } from "./mixins-BWb9_e1s.js";
+import { c as e } from "./mixins-DCVXqL1Q.js";
 import { a as t } from "./active-host-BP0zy_Y9.js";
 import { d as n, f as r } from "./animation-DCznELuT.js";
 import { t as i } from "./reduced-motion-D7LqTUMn.js";
@@ -157,7 +157,7 @@ var V = 48, H = class extends e {
 		R = this;
 	}
 	constructor(...e) {
-		super(...e), this.id = "default", this.lowered = !1, this.corner = "bottom-right", this.resizable = !1, this.freePosition = !1, this.visualState = "normal", this.minWidth = 280, this.minHeight = 200, this.open = !1, this._hasOpened = !1, this._focused = !1, this._position = {
+		super(...e), this.id = "default", this.lowered = !1, this.corner = "bottom-right", this.resizable = !1, this.freePosition = !1, this.visualState = "normal", this.minWidth = 280, this.minHeight = 200, this.open = !1, this._hasOpened = !1, this._position = {
 			x: 16,
 			y: 16
 		}, this._currentCorner = "bottom-right", this._appliedCorner = "", this._containerRef = N(), this._bodyRef = N(), this._headRef = N(), this._handleFocus = () => z.focus(this.id), this._handleHeadKeydown = (e) => {
@@ -355,8 +355,6 @@ var V = 48, H = class extends e {
 			if (!e) return;
 			let t = this._containerRef.value;
 			t && (t.style.zIndex = String(e.zIndex));
-		})), z.selectFocused().pipe(w((e) => {
-			this._focused = e === this.id;
 		})))), C(this.disconnecting)).subscribe(), b(v(window, "resize").pipe(f(0, d), w(() => this._validateBounds())), o.bottomOffset$.pipe(w(() => this._applyContainerPosition()))).pipe(C(this.disconnecting)).subscribe();
 	}
 	disconnectedCallback() {
@@ -453,12 +451,7 @@ var V = 48, H = class extends e {
 			"flex-col": e,
 			"flex-col-reverse": !e,
 			"z-1000": !0,
-			"ring-1": !this._focused,
-			"ring-2": this._focused,
-			"ring-primary-default/30": this._focused,
-			"ring-primary-default/15": this.open && !this._focused,
 			"rounded-2xl": this.open,
-			"ring-outline-variant/40": !this.open && !this._focused,
 			"rounded-[22px]": !this.open,
 			"overflow-hidden": !0
 		}), n = E({
@@ -541,6 +534,6 @@ t([O({ type: String })], H.prototype, "id", void 0), t([O({ type: String })], H.
 })], H.prototype, "visualState", void 0), t([O({ type: Number })], H.prototype, "minWidth", void 0), t([O({ type: Number })], H.prototype, "minHeight", void 0), t([O({
 	type: Boolean,
 	reflect: !0
-})], H.prototype, "open", void 0), t([k()], H.prototype, "_hasOpened", void 0), t([k()], H.prototype, "_focused", void 0), t([k()], H.prototype, "_currentCorner", void 0);
+})], H.prototype, "open", void 0), t([k()], H.prototype, "_hasOpened", void 0), t([k()], H.prototype, "_currentCorner", void 0);
 var U = H = R = t([D("schmancy-window")], H);
 export { z as n, U as t };