@mhmo91/schmancy 0.10.36 → 0.10.38

package/dist/textarea-CEUaDURR.cjs

@@ -1,43 +0,0 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-BBzRWB1w.cjs`),t=require(`./mixins-DPdzC9ZH.cjs`);let n=require(`rxjs`),r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/if-defined.js`),o=require(`lit/directives/ref.js`),s=require(`lit/directives/when.js`);var c=class extends t.o((0,i.unsafeCSS)(`:host{width:-webkit-fill-available;display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host([fillHeight]){flex-direction:column;height:100%;display:flex}:host:focus{box-shadow:unset!important}textarea:focus-visible{outline:none!important}textarea{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-indent:inherit;text-shadow:inherit;text-overflow:inherit;text-rendering:inherit;text-size-adjust:inherit;text-align-last:inherit;overflow-y:auto}@keyframes onAutoFillStart{}textarea:-webkit-autofill{animation-name:onAutoFillStart}`)){constructor(...e){super(...e),this.textareaRef=(0,o.createRef)(),this._a11yId=`schmancy-textarea-${Math.random().toString(36).slice(2,10)}`,this.placeholder=``,this.value=``,this.cols=20,this.fillHeight=!1,this.autoHeight=!0,this.resize=`vertical`,this.wrap=`soft`,this.spellcheck=!1,this.align=`left`,this.tabIndex=0}static{this.shadowRootOptions={...i.LitElement.shadowRootOptions,delegatesFocus:!0}}willUpdate(e){super.willUpdate(e),(e.has(`required`)||e.has(`value`))&&this.required&&!this.value&&this.internals?.setValidity({valueMissing:!0},`Please fill out this field.`)}firstUpdated(){this.autofocus&&this.focus(),this.autoHeight&&(0,n.timer)(0).pipe((0,n.takeUntil)(this.disconnecting)).subscribe(()=>this.adjustHeight()),(0,n.fromEvent)(this.textareaElement,`input`).pipe((0,n.map)(e=>e.target.value),(0,n.distinctUntilChanged)(),(0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.value=e,this.autoHeight&&this.adjustHeight(),this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,composed:!0}))}),(0,n.fromEvent)(this.textareaElement,`change`).pipe((0,n.map)(e=>e.target.value),(0,n.distinctUntilChanged)(),(0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.value=e,this.autoHeight&&this.adjustHeight(),this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,composed:!0}))}),(0,n.fromEvent)(this.textareaElement,`keyup`).pipe((0,n.filter)(e=>e.key===`Enter`),(0,n.map)(e=>e.target.value),(0,n.distinctUntilChanged)(),(0,n.takeUntil)(this.disconnecting)).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(`enter`,{detail:{value:e},bubbles:!0,composed:!0}))})}get form(){return this.internals?.form}reportValidity(){return this.textareaRef.value?.reportValidity()}checkValidity(){return this.textareaRef.value?.checkValidity()}setCustomValidity(e){return this.textareaRef.value?.setCustomValidity(e)}select(){return this.textareaRef.value?.select()}setSelectionRange(e,t,n){this.textareaRef.value?.setSelectionRange(e,t,n)}get selectionStart(){return this.textareaRef.value?.selectionStart??null}get selectionEnd(){return this.textareaRef.value?.selectionEnd??null}get selectionDirection(){return this.textareaRef.value?.selectionDirection??null}setRangeText(e){this.textareaRef.value?.setRangeText(e)}adjustHeight(){let e=this.textareaRef.value;if(e){let t=e.offsetHeight,n=e.scrollHeight;n>t&&(e.style.height=n+`px`)}}validity(){return this.textareaRef.value?.validity}focus(e={preventScroll:!0}){this.textareaRef.value?.focus(e),this.dispatchEvent(new Event(`focus`))}click(){this.textareaRef.value?.click(),this.dispatchEvent(new Event(`click`))}blur(){this.textareaRef.value?.blur(),this.dispatchEvent(new Event(`blur`))}render(){let e={"block w-full min-w-0 rounded-2xl border bg-surface-containerLowest text-surface-on":!0,"border-outline":!this.error,"border-error-default":this.error,"outline-secondary-default focus:outline-1 focus:border-secondary-default":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 focus:ring-1 focus:ring-inset":!0,"focus:ring-secondary-default":!this.error,"focus:ring-error-default":this.error,"caret-transparent focus:outline-hidden cursor-pointer select-none":this.readonly,"text-left":this.align===`left`,"text-center":this.align===`center`,"text-right":this.align===`right`,"h-full":this.fillHeight,"resize-none":this.resize===`none`,"resize-y":this.resize===`vertical`,"resize-x":this.resize===`horizontal`,resize:this.resize===`both`,"px-4 py-3":!0},t=this.rows==null?`field-sizing: content;`:``,n={"block mb-1 font-medium text-sm":!0,"opacity-40":this.disabled,"text-primary-default":!this.error,"text-error-default":this.error},r={"w-full min-w-0":!0,"flex flex-col h-full":this.fillHeight},c=`${this._a11yId}-hint`;return i.html`
-		<div class="${this.classMap(r)}">
-			${(0,s.when)(this.label,()=>i.html`
-					<label class="${this.classMap(n)}" for=${this.id}>
-						${this.label}
-					</label>
-				`)}
-
-			<textarea
-				${(0,o.ref)(this.textareaRef)}
-				.value=${this.value}
-				.id=${this.id}
-				.name=${this.name}
-				.placeholder=${this.placeholder}
-				.required=${this.required}
-				class=${this.classMap(e)}
-				style=${t}
-				.disabled=${this.disabled}
-				minlength=${(0,a.ifDefined)(this.minlength)}
-				maxlength=${(0,a.ifDefined)(this.maxlength)}
-				.readonly=${this.readonly}
-				.spellcheck=${this.spellcheck}
-				cols=${(0,a.ifDefined)(this.cols)}
-				rows=${(0,a.ifDefined)(this.rows)}
-				wrap=${(0,a.ifDefined)(this.wrap)}
-				dirname=${(0,a.ifDefined)(this.dirname)}
-				aria-invalid=${this.error?`true`:`false`}
-				aria-required=${this.required?`true`:`false`}
-				aria-describedby=${this.hint||this.error&&this.validationMessage?c:i.nothing}
-				aria-label=${!this.label&&this.placeholder?this.placeholder:i.nothing}
-			></textarea>
-
-			${(0,s.when)(this.hint||this.error&&this.validationMessage,()=>i.html`
-					<div
-						id=${c}
-						class="mt-1 text-sm ${this.error?`text-error-default`:`text-surface-onVariant`}"
-						role=${(0,a.ifDefined)(this.error?`alert`:void 0)}
-					>
-						${this.error&&this.validationMessage?this.validationMessage:this.hint}
-					</div>
-				`)}
-		</div>
-		`}};e.u([(0,r.property)()],c.prototype,`placeholder`,void 0),e.u([(0,r.property)({type:String,reflect:!0})],c.prototype,`value`,void 0),e.u([(0,r.property)({type:Number})],c.prototype,`minlength`,void 0),e.u([(0,r.property)({type:Number})],c.prototype,`maxlength`,void 0),e.u([(0,r.property)({type:Number})],c.prototype,`cols`,void 0),e.u([(0,r.property)({type:Number})],c.prototype,`rows`,void 0),e.u([(0,r.property)({type:Boolean,reflect:!0})],c.prototype,`fillHeight`,void 0),e.u([(0,r.property)({type:Boolean})],c.prototype,`autoHeight`,void 0),e.u([(0,r.property)({type:String,reflect:!0})],c.prototype,`resize`,void 0),e.u([(0,r.property)({type:String})],c.prototype,`wrap`,void 0),e.u([(0,r.property)({type:String})],c.prototype,`dirname`,void 0),e.u([(0,r.property)({type:Boolean,reflect:!0})],c.prototype,`spellcheck`,void 0),e.u([(0,r.property)({type:String,reflect:!0})],c.prototype,`align`,void 0),e.u([(0,r.property)({type:Boolean})],c.prototype,`autofocus`,void 0),e.u([(0,r.property)({type:Number})],c.prototype,`tabIndex`,void 0),e.u([(0,r.query)(`textarea`)],c.prototype,`textareaElement`,void 0),c=e.u([(0,r.customElement)(`schmancy-textarea`)],c);

package/dist/textarea-CEUaDURR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-CEUaDURR.cjs","names":[],"sources":["../src/form/fields/textarea/textarea.scss?inline","../src/form/fields/textarea/textarea.ts"],"sourcesContent":[":host {\n\tborder: unset !important;\n\tline-height: unset !important;\n\tbackground: unset !important;\n\tpadding: unset !important;\n\tfont-size: unset !important;\n\tbox-shadow: unset !important;\n\twidth: -webkit-fill-available;\n\tdisplay: block;\n}\n\n:host([fillHeight]) {\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n:host:focus {\n\tbox-shadow: unset !important;\n}\n\ntextarea:focus-visible {\n\toutline: none !important;\n}\n\ntextarea {\n\t/* Inherit typographic styles */\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tfont-weight: inherit;\n\tline-height: inherit;\n\tcolor: inherit;\n\tletter-spacing: inherit;\n\ttext-transform: inherit;\n\ttext-decoration: inherit;\n\ttext-indent: inherit;\n\ttext-shadow: inherit;\n\ttext-overflow: inherit;\n\ttext-rendering: inherit;\n\ttext-size-adjust: inherit;\n\ttext-align-last: inherit;\n\toverflow-y: auto; /* Ensure content is scrollable if it exceeds the visible area */\n}\n\n@keyframes onAutoFillStart {\n\tfrom {\n\t}\n\tto {\n\t}\n}\n\ntextarea:-webkit-autofill {\n\tanimation-name: onAutoFillStart;\n}\n","import { LitElement, html, nothing, unsafeCSS, type PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map, takeUntil, timer } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { SchmancyFormField } from '@mixins/index'\n\n/**\n * Textarea component with auto-resize and form integration.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} value - Current value of the textarea\n * @prop {string} placeholder - Placeholder text\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} disabled - Whether the field is disabled\n * @prop {boolean} readonly - Whether the field is read-only\n * @prop {number} rows - Number of visible text rows\n * @prop {number} maxlength - Maximum character length\n */\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends SchmancyFormField(unsafeCSS(style)) {\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\t// `formAssociated`, `internals`, `name`, `label`, `required`, `disabled`,\n\t// `error`, `validationMessage`, `hint`, `id`, `validateOn`, `touched`,\n\t// `dirty`, `submitted`, `markTouched`, `markSubmitted`, `setCustomValidity`,\n\t// `formResetCallback`, `formDisabledCallback` — all from the mixin.\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\tprivate readonly _a11yId = `schmancy-textarea-${Math.random().toString(36).slice(2, 10)}`\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control. Narrowed from the mixin's wide union to the\n\t * textarea-specific `string` type.\n\t * @attr {string} value - The value of the control.\n\t */\n\t@property({ type: String, reflect: true }) override value: string = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * When not set, the textarea auto-sizes to fit its content via field-sizing: content.\n\t * @attr rows\n\t * @type {number}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: Number }) rows: number | undefined\n\n\t/**\n\t * Makes the textarea fill the height of its container.\n\t * @attr fillHeight\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) fillHeight = false\n\n\t/**\n\t * Automatically adjusts height based on content.\n\t * @attr autoHeight\n\t * @type {boolean}\n\t * @default true\n\t * @public\n\t */\n\t@property({ type: Boolean }) autoHeight = true\n\n\t/**\n\t * Controls whether the textarea can be resized by the user.\n\t * @attr resize\n\t * @type {'none' | 'vertical' | 'horizontal' | 'both'}\n\t * @default 'vertical'\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) resize: 'none' | 'vertical' | 'horizontal' | 'both' = 'vertical'\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t// `required`, `disabled`, `readonly`, `error`, `validationMessage`, `hint`\n\t// come from the mixin. Textarea-specific extras only:\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t// Mixin's willUpdate already calls internals.setFormValue() on value-change\n\t// and runs the required-empty / customError validity machinery. Native\n\t// `valueMissing` flag is set here for richer ValidityState introspection.\n\toverride willUpdate(changed: PropertyValues): void {\n\t\tsuper.willUpdate(changed)\n\t\tif (changed.has('required') || changed.has('value')) {\n\t\t\tif (this.required && !this.value) {\n\t\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please fill out this field.')\n\t\t\t}\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tif (this.autoHeight) {\n\t\t\t// Initial adjustment for pre-filled content (cancel-on-disconnect).\n\t\t\ttimer(0)\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => this.adjustHeight())\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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})\n\t\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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})\n\t\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\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})\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\t// Only grow, never shrink\n\t\t\tconst currentHeight = textarea.offsetHeight\n\t\t\tconst scrollHeight = textarea.scrollHeight\n\t\t\tif (scrollHeight > currentHeight) {\n\t\t\t\ttextarea.style.height = scrollHeight + 'px'\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst textareaClasses = {\n\t\t\t// Base styles - matching input component\n\t\t\t'block w-full min-w-0 rounded-2xl border bg-surface-containerLowest text-surface-on': true,\n\t\t\t// Border color\n\t\t\t'border-outline': !this.error,\n\t\t\t'border-error-default': this.error,\n\t\t\t// Focus styles\n\t\t\t'outline-secondary-default focus:outline-1 focus:border-secondary-default': true,\n\t\t\t// Disabled styles\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t// Placeholder\n\t\t\t'placeholder:text-muted': true,\n\t\t\t// Ring styles (subtle focus ring)\n\t\t\t'ring-0 focus:ring-1 focus:ring-inset': true,\n\t\t\t'focus:ring-secondary-default': !this.error,\n\t\t\t'focus:ring-error-default': this.error,\n\t\t\t// Readonly styles\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer select-none': this.readonly,\n\t\t\t// Text alignment\n\t\t\t'text-left': this.align === 'left',\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t// Textarea specific\n\t\t\t'h-full': this.fillHeight,\n\t\t\t'resize-none': this.resize === 'none',\n\t\t\t'resize-y': this.resize === 'vertical',\n\t\t\t'resize-x': this.resize === 'horizontal',\n\t\t\t'resize': this.resize === 'both',\n\t\t\t// Padding matching input\n\t\t\t'px-4 py-3': true,\n\t\t}\n\t\tconst fieldSizing = this.rows == null ? 'field-sizing: content;' : ''\n\t\tconst labelClasses = {\n\t\t\t'block mb-1 font-medium text-sm': true,\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'text-primary-default': !this.error,\n\t\t\t'text-error-default': this.error,\n\t\t}\n\t\tconst containerClasses = {\n\t\t\t'w-full min-w-0': true,\n\t\t\t'flex flex-col h-full': this.fillHeight,\n\t\t}\n\t\tconst hintId = `${this._a11yId}-hint`\n\t\treturn html`\n\t\t<div class=\"${this.classMap(containerClasses)}\">\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() => html`\n\t\t\t\t\t<label class=\"${this.classMap(labelClasses)}\" for=${this.id}>\n\t\t\t\t\t\t${this.label}\n\t\t\t\t\t</label>\n\t\t\t\t`,\n\t\t\t)}\n\n\t\t\t<textarea\n\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t.value=${this.value}\n\t\t\t\t.id=${this.id}\n\t\t\t\t.name=${this.name}\n\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t.required=${this.required}\n\t\t\t\tclass=${this.classMap(textareaClasses)}\n\t\t\t\tstyle=${fieldSizing}\n\t\t\t\t.disabled=${this.disabled}\n\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\taria-describedby=${this.hint || (this.error && this.validationMessage) ? hintId : nothing}\n\t\t\t\taria-label=${!this.label && this.placeholder ? this.placeholder : nothing}\n\t\t\t></textarea>\n\n\t\t\t${when(\n\t\t\t\tthis.hint || (this.error && this.validationMessage),\n\t\t\t\t() => html`\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=${hintId}\n\t\t\t\t\t\tclass=\"mt-1 text-sm ${this.error ? 'text-error-default' : 'text-surface-onVariant'}\"\n\t\t\t\t\t\trole=${ifDefined(this.error ? 'alert' : undefined)}\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.error && this.validationMessage ? this.validationMessage : this.hint}\n\t\t\t\t\t</div>\n\t\t\t\t`,\n\t\t\t)}\n\t\t</div>\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"mappings":"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"}

package/dist/textarea-DHIMt-ly.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-DHIMt-ly.js","names":[],"sources":["../src/form/fields/textarea/textarea.scss?inline","../src/form/fields/textarea/textarea.ts"],"sourcesContent":[":host {\n\tborder: unset !important;\n\tline-height: unset !important;\n\tbackground: unset !important;\n\tpadding: unset !important;\n\tfont-size: unset !important;\n\tbox-shadow: unset !important;\n\twidth: -webkit-fill-available;\n\tdisplay: block;\n}\n\n:host([fillHeight]) {\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n:host:focus {\n\tbox-shadow: unset !important;\n}\n\ntextarea:focus-visible {\n\toutline: none !important;\n}\n\ntextarea {\n\t/* Inherit typographic styles */\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tfont-weight: inherit;\n\tline-height: inherit;\n\tcolor: inherit;\n\tletter-spacing: inherit;\n\ttext-transform: inherit;\n\ttext-decoration: inherit;\n\ttext-indent: inherit;\n\ttext-shadow: inherit;\n\ttext-overflow: inherit;\n\ttext-rendering: inherit;\n\ttext-size-adjust: inherit;\n\ttext-align-last: inherit;\n\toverflow-y: auto; /* Ensure content is scrollable if it exceeds the visible area */\n}\n\n@keyframes onAutoFillStart {\n\tfrom {\n\t}\n\tto {\n\t}\n}\n\ntextarea:-webkit-autofill {\n\tanimation-name: onAutoFillStart;\n}\n","import { LitElement, html, nothing, unsafeCSS, type PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map, takeUntil, timer } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { SchmancyFormField } from '@mixins/index'\n\n/**\n * Textarea component with auto-resize and form integration.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} value - Current value of the textarea\n * @prop {string} placeholder - Placeholder text\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} disabled - Whether the field is disabled\n * @prop {boolean} readonly - Whether the field is read-only\n * @prop {number} rows - Number of visible text rows\n * @prop {number} maxlength - Maximum character length\n */\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends SchmancyFormField(unsafeCSS(style)) {\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\t// `formAssociated`, `internals`, `name`, `label`, `required`, `disabled`,\n\t// `error`, `validationMessage`, `hint`, `id`, `validateOn`, `touched`,\n\t// `dirty`, `submitted`, `markTouched`, `markSubmitted`, `setCustomValidity`,\n\t// `formResetCallback`, `formDisabledCallback` — all from the mixin.\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\tprivate readonly _a11yId = `schmancy-textarea-${Math.random().toString(36).slice(2, 10)}`\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control. Narrowed from the mixin's wide union to the\n\t * textarea-specific `string` type.\n\t * @attr {string} value - The value of the control.\n\t */\n\t@property({ type: String, reflect: true }) override value: string = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * When not set, the textarea auto-sizes to fit its content via field-sizing: content.\n\t * @attr rows\n\t * @type {number}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: Number }) rows: number | undefined\n\n\t/**\n\t * Makes the textarea fill the height of its container.\n\t * @attr fillHeight\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) fillHeight = false\n\n\t/**\n\t * Automatically adjusts height based on content.\n\t * @attr autoHeight\n\t * @type {boolean}\n\t * @default true\n\t * @public\n\t */\n\t@property({ type: Boolean }) autoHeight = true\n\n\t/**\n\t * Controls whether the textarea can be resized by the user.\n\t * @attr resize\n\t * @type {'none' | 'vertical' | 'horizontal' | 'both'}\n\t * @default 'vertical'\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) resize: 'none' | 'vertical' | 'horizontal' | 'both' = 'vertical'\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t// `required`, `disabled`, `readonly`, `error`, `validationMessage`, `hint`\n\t// come from the mixin. Textarea-specific extras only:\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t// Mixin's willUpdate already calls internals.setFormValue() on value-change\n\t// and runs the required-empty / customError validity machinery. Native\n\t// `valueMissing` flag is set here for richer ValidityState introspection.\n\toverride willUpdate(changed: PropertyValues): void {\n\t\tsuper.willUpdate(changed)\n\t\tif (changed.has('required') || changed.has('value')) {\n\t\t\tif (this.required && !this.value) {\n\t\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please fill out this field.')\n\t\t\t}\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tif (this.autoHeight) {\n\t\t\t// Initial adjustment for pre-filled content (cancel-on-disconnect).\n\t\t\ttimer(0)\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => this.adjustHeight())\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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})\n\t\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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})\n\t\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\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})\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\t// Only grow, never shrink\n\t\t\tconst currentHeight = textarea.offsetHeight\n\t\t\tconst scrollHeight = textarea.scrollHeight\n\t\t\tif (scrollHeight > currentHeight) {\n\t\t\t\ttextarea.style.height = scrollHeight + 'px'\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst textareaClasses = {\n\t\t\t// Base styles - matching input component\n\t\t\t'block w-full min-w-0 rounded-2xl border bg-surface-containerLowest text-surface-on': true,\n\t\t\t// Border color\n\t\t\t'border-outline': !this.error,\n\t\t\t'border-error-default': this.error,\n\t\t\t// Focus styles\n\t\t\t'outline-secondary-default focus:outline-1 focus:border-secondary-default': true,\n\t\t\t// Disabled styles\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t// Placeholder\n\t\t\t'placeholder:text-muted': true,\n\t\t\t// Ring styles (subtle focus ring)\n\t\t\t'ring-0 focus:ring-1 focus:ring-inset': true,\n\t\t\t'focus:ring-secondary-default': !this.error,\n\t\t\t'focus:ring-error-default': this.error,\n\t\t\t// Readonly styles\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer select-none': this.readonly,\n\t\t\t// Text alignment\n\t\t\t'text-left': this.align === 'left',\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t// Textarea specific\n\t\t\t'h-full': this.fillHeight,\n\t\t\t'resize-none': this.resize === 'none',\n\t\t\t'resize-y': this.resize === 'vertical',\n\t\t\t'resize-x': this.resize === 'horizontal',\n\t\t\t'resize': this.resize === 'both',\n\t\t\t// Padding matching input\n\t\t\t'px-4 py-3': true,\n\t\t}\n\t\tconst fieldSizing = this.rows == null ? 'field-sizing: content;' : ''\n\t\tconst labelClasses = {\n\t\t\t'block mb-1 font-medium text-sm': true,\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'text-primary-default': !this.error,\n\t\t\t'text-error-default': this.error,\n\t\t}\n\t\tconst containerClasses = {\n\t\t\t'w-full min-w-0': true,\n\t\t\t'flex flex-col h-full': this.fillHeight,\n\t\t}\n\t\tconst hintId = `${this._a11yId}-hint`\n\t\treturn html`\n\t\t<div class=\"${this.classMap(containerClasses)}\">\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() => html`\n\t\t\t\t\t<label class=\"${this.classMap(labelClasses)}\" for=${this.id}>\n\t\t\t\t\t\t${this.label}\n\t\t\t\t\t</label>\n\t\t\t\t`,\n\t\t\t)}\n\n\t\t\t<textarea\n\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t.value=${this.value}\n\t\t\t\t.id=${this.id}\n\t\t\t\t.name=${this.name}\n\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t.required=${this.required}\n\t\t\t\tclass=${this.classMap(textareaClasses)}\n\t\t\t\tstyle=${fieldSizing}\n\t\t\t\t.disabled=${this.disabled}\n\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\taria-describedby=${this.hint || (this.error && this.validationMessage) ? hintId : nothing}\n\t\t\t\taria-label=${!this.label && this.placeholder ? this.placeholder : nothing}\n\t\t\t></textarea>\n\n\t\t\t${when(\n\t\t\t\tthis.hint || (this.error && this.validationMessage),\n\t\t\t\t() => html`\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=${hintId}\n\t\t\t\t\t\tclass=\"mt-1 text-sm ${this.error ? 'text-error-default' : 'text-surface-onVariant'}\"\n\t\t\t\t\t\trole=${ifDefined(this.error ? 'alert' : undefined)}\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.error && this.validationMessage ? this.validationMessage : this.hint}\n\t\t\t\t\t</div>\n\t\t\t\t`,\n\t\t\t)}\n\t\t</div>\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"mappings":"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"}

package/dist/theme.service-BfTK1Wtl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.service-BfTK1Wtl.js","names":[],"sources":["../src/theme/theme.events.ts","../src/theme/theme.service.ts"],"sourcesContent":["/**\n * Theme discovery event system.\n *\n * These events facilitate communication between theme components and consumers,\n * allowing components to discover the nearest theme provider in the DOM hierarchy.\n */\n\n/**\n * Event dispatched by components to discover the nearest theme provider.\n * Theme components listen for this event and respond with ThemeHereIAmEvent.\n *\n * @event ThemeWhereAreYouEvent\n * @type {CustomEvent<void>}\n *\n * @example\n * ```typescript\n * // Dispatch discovery request\n * window.dispatchEvent(\n *   new CustomEvent('theme-where-are-you', {\n *     bubbles: true,\n *     composed: true\n *   })\n * )\n * ```\n */\nexport type ThemeWhereAreYouEvent = CustomEvent<void>\n\n/**\n * Event name constant for theme discovery request.\n * @const {string}\n */\nexport const ThemeWhereAreYou = 'theme-where-are-you'\n\n/**\n * Event dispatched by theme components in response to discovery requests.\n * Contains reference to the theme component element.\n *\n * @event ThemeHereIAmEvent\n * @type {CustomEvent<{theme: HTMLElement}>}\n * @property {HTMLElement} detail.theme - The theme component element\n *\n * @example\n * ```typescript\n * // Listen for theme response\n * window.addEventListener('theme-here-i-am', (event: ThemeHereIAmEvent) => {\n *   const themeComponent = event.detail.theme\n *   console.log('Found theme component:', themeComponent)\n * })\n * ```\n */\nexport type ThemeHereIAmEvent = CustomEvent<{\n\ttheme: HTMLElement\n}>\n\n/**\n * Event name constant for theme discovery response.\n * @const {string}\n */\nexport const ThemeHereIAm = 'theme-here-i-am'","import {\n  BehaviorSubject,\n  Observable,\n  fromEvent,\n  timer,\n  map,\n  takeUntil,\n  defaultIfEmpty,\n  distinctUntilChanged,\n  shareReplay,\n  tap,\n  switchMap,\n  of\n} from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from './theme.events'\nimport type { SchmancyThemeComponent } from './theme.component'\nimport type { TSchmancyTheme } from './theme.interface'\nimport { state } from '../state'\n\ninterface ThemeSettings {\n  scheme: 'dark' | 'light' | 'auto'\n  color: string\n}\n\n// Theme settings — persists to localStorage under namespace `schmancy/theme`.\nconst ThemeContext = state<ThemeSettings>('schmancy/theme').local({\n  scheme: 'auto',\n  color: '#6200ee',\n})\n\n/**\n * Theme Service - Provides centralized theme management for Schmancy components.\n *\n * This service acts as a singleton interface to interact with the theme system,\n * providing reactive observables for theme state and methods to control theming.\n *\n * @example\n * ```typescript\n * import { theme } from '@schmancy/theme'\n *\n * // Subscribe to theme changes\n * theme.scheme$.subscribe(scheme => {\n *   console.log('Current scheme:', scheme) // 'light' | 'dark' | 'auto'\n * })\n *\n * // Get current values synchronously\n * const currentScheme = theme.scheme\n * const currentColor = theme.color\n *\n * // Toggle between light and dark mode\n * theme.toggleScheme()\n *\n * // Set specific scheme\n * theme.setScheme('dark')\n *\n * // Check if dark mode is active\n * theme.isDarkMode().subscribe(isDark => {\n *   console.log('Is dark mode:', isDark)\n * })\n * ```\n */\nclass ThemeService {\n  private static instance: ThemeService\n\n  // Observable properties for theme values\n  private _theme$ = new BehaviorSubject<Partial<TSchmancyTheme>>({})\n  private _themeComponent$ = new BehaviorSubject<SchmancyThemeComponent | null>(null)\n  private _fullscreen$ = new BehaviorSubject<boolean>(false)\n  private _bottomOffset$ = new BehaviorSubject<number>(0)\n\n  // Public observables derived from context\n  public readonly scheme$ = ThemeContext.$.pipe(\n    map(settings => settings.scheme),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly color$ = ThemeContext.$.pipe(\n    map(settings => settings.color),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly theme$ = this._theme$.asObservable().pipe(\n    distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n    shareReplay(1)\n  )\n\n  public readonly themeComponent$ = this._themeComponent$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly fullscreen$ = this._fullscreen$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly bottomOffset$ = this._bottomOffset$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  // Getters for synchronous access to current values\n  get scheme(): 'dark' | 'light' | 'auto' {\n    return ThemeContext.value.scheme\n  }\n\n  get color(): string {\n    return ThemeContext.value.color\n  }\n\n  get theme(): Partial<TSchmancyTheme> {\n    return this._theme$.getValue()\n  }\n\n  get themeComponent(): SchmancyThemeComponent | null {\n    return this._themeComponent$.getValue()\n  }\n\n  get fullscreen(): boolean {\n    return this._fullscreen$.getValue()\n  }\n\n  get bottomOffset(): number {\n    return this._bottomOffset$.getValue()\n  }\n\n  // Computed observable for actual scheme (resolving 'auto')\n  public readonly resolvedScheme$ = this.scheme$.pipe(\n    switchMap(scheme => {\n      if (scheme === 'auto') {\n        // Listen to system preference changes\n        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n        return new Observable<'dark' | 'light'>(subscriber => {\n          const handler = (e: MediaQueryListEvent) => {\n            subscriber.next(e.matches ? 'dark' : 'light')\n          }\n          mediaQuery.addEventListener('change', handler)\n\n          // Emit initial value\n          subscriber.next(mediaQuery.matches ? 'dark' : 'light')\n\n          // Cleanup\n          return () => mediaQuery.removeEventListener('change', handler)\n        })\n      }\n      return of(scheme as 'dark' | 'light')\n    }),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  constructor() {\n    this.discoverTheme()\n  }\n\n  /**\n   * Discover the nearest theme component in the DOM.\n   * This method can be called to refresh the theme discovery process.\n   *\n   * @returns {Observable<SchmancyThemeComponent | null>} Observable that emits the discovered theme component or null\n   *\n   * @example\n   * ```typescript\n   * theme.discoverTheme().subscribe(component => {\n   *   if (component) {\n   *     console.log('Theme component found:', component)\n   *   } else {\n   *     console.log('No theme component found')\n   *   }\n   * })\n   * ```\n   */\n  public discoverTheme(): Observable<SchmancyThemeComponent | null> {\n    // Dispatch discovery event and wait for response\n    return fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n      takeUntil(timer(100)), // Wait up to 100ms for response\n      map(e => e.detail.theme as SchmancyThemeComponent),\n      defaultIfEmpty(null),\n      tap(themeComponent => {\n        if (themeComponent) {\n          this.registerThemeComponent(themeComponent)\n        }\n      })\n    ).pipe(\n      tap(() => {\n        // Trigger theme discovery\n        window.dispatchEvent(\n          new CustomEvent(ThemeWhereAreYou, {\n            bubbles: true,\n            composed: true,\n          })\n        )\n      }),\n      switchMap(() =>\n        fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n          takeUntil(timer(100)),\n          map(e => e.detail.theme as SchmancyThemeComponent),\n          defaultIfEmpty(null),\n          tap(themeComponent => {\n            if (themeComponent) {\n              this.registerThemeComponent(themeComponent)\n            }\n          })\n        )\n      )\n    )\n  }\n\n  /**\n   * Register a theme component and subscribe to its changes.\n   * This is typically called internally by theme components when they mount or update.\n   *\n   * @param {SchmancyThemeComponent} component - The theme component to register\n   *\n   * @internal\n   */\n  public registerThemeComponent(component: SchmancyThemeComponent): void {\n    this._themeComponent$.next(component)\n\n    // Update values from the component\n    ThemeContext.set({ scheme: component.scheme, color: component.color })\n    this._theme$.next(component.theme)\n  }\n\n  /**\n   * Update theme values. Usually called internally by theme components.\n   *\n   * @param {Object} values - Theme values to update\n   * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme to set\n   * @param {string} [values.color] - Primary color in hex format\n   * @param {Partial<TSchmancyTheme>} [values.theme] - Theme configuration object\n   *\n   * @internal\n   */\n  public updateTheme(values: {\n    scheme?: 'dark' | 'light' | 'auto'\n    color?: string\n    theme?: Partial<TSchmancyTheme>\n  }): void {\n    const updates: Partial<ThemeSettings> = {}\n    if (values.scheme !== undefined) {\n      updates.scheme = values.scheme\n    }\n    if (values.color !== undefined) {\n      updates.color = values.color\n    }\n    if (Object.keys(updates).length > 0) {\n      ThemeContext.set(updates)\n    }\n    if (values.theme !== undefined) {\n      this._theme$.next(values.theme)\n    }\n  }\n\n  /**\n   * Set the color scheme for the application.\n   *\n   * @param {'dark' | 'light' | 'auto'} scheme - The color scheme to set\n   *\n   * @example\n   * ```typescript\n   * // Set to dark mode\n   * theme.setScheme('dark')\n   *\n   * // Set to auto (follows system preference)\n   * theme.setScheme('auto')\n   * ```\n   */\n  public setScheme(scheme: 'dark' | 'light' | 'auto'): void {\n    const component = this.themeComponent\n    if (component) {\n      component.scheme = scheme\n      ThemeContext.set({ scheme })\n    } else {\n      console.warn('No theme component found. Scheme change may not persist.')\n      ThemeContext.set({ scheme })\n    }\n  }\n\n  /**\n   * Set the primary color for the theme.\n   *\n   * @param {string} color - Primary color in hex format (e.g., '#6200ee')\n   *\n   * @example\n   * ```typescript\n   * // Set primary color to purple\n   * theme.setColor('#6200ee')\n   *\n   * // Set primary color to blue\n   * theme.setColor('#2196f3')\n   * ```\n   */\n  public setColor(color: string): void {\n    const component = this.themeComponent\n    if (component) {\n      component.color = color\n      ThemeContext.set({ color })\n    } else {\n      console.warn('No theme component found. Color change may not persist.')\n      ThemeContext.set({ color })\n    }\n  }\n\n  /**\n   * Check if dark mode is currently active.\n   * This resolves 'auto' scheme to the actual value based on system preference.\n   *\n   * @returns {Observable<boolean>} Observable that emits true if dark mode is active, false otherwise\n   *\n   * @example\n   * ```typescript\n   * theme.isDarkMode().subscribe(isDark => {\n   *   if (isDark) {\n   *     console.log('Dark mode is active')\n   *   } else {\n   *     console.log('Light mode is active')\n   *   }\n   * })\n   * ```\n   */\n  public isDarkMode(): Observable<boolean> {\n    return this.resolvedScheme$.pipe(\n      map(scheme => scheme === 'dark')\n    )\n  }\n\n  /**\n   * Toggle between light and dark mode.\n   * If currently in 'auto' mode, defaults to 'light'.\n   *\n   * @example\n   * ```typescript\n   * // Toggle theme on button click\n   * button.addEventListener('click', () => {\n   *   theme.toggleScheme()\n   * })\n   * ```\n   */\n  public toggleScheme(): void {\n    const currentScheme = this.scheme\n    const newScheme = currentScheme === 'dark' ? 'light' :\n                     currentScheme === 'light' ? 'dark' :\n                     'light' // If 'auto', default to 'light'\n    this.setScheme(newScheme)\n  }\n\n  /**\n   * Get the current value of a CSS variable from the theme.\n   *\n   * @param {string} variableName - Name of the CSS variable (without '--schmancy-' prefix)\n   * @returns {string} The CSS variable value or empty string if not found\n   *\n   * @example\n   * ```typescript\n   * // Get primary color variable\n   * const primaryColor = theme.getCSSVariable('color-primary')\n   *\n   * // Get surface color\n   * const surfaceColor = theme.getCSSVariable('color-surface')\n   * ```\n   */\n  public getCSSVariable(variableName: string): string {\n    const component = this.themeComponent\n    if (component) {\n      const host = component.root ? document.body : (component.shadowRoot?.host as HTMLElement)\n      if (host) {\n        return getComputedStyle(host).getPropertyValue(`--schmancy-${variableName}`).trim()\n      }\n    }\n    return ''\n  }\n\n  /**\n   * Subscribe to changes of a specific CSS variable.\n   *\n   * @param {string} variableName - Name of the CSS variable to watch (without '--schmancy-' prefix)\n   * @returns {Observable<string>} Observable that emits the CSS variable value when it changes\n   *\n   * @example\n   * ```typescript\n   * // Watch for primary color changes\n   * theme.watchCSSVariable('color-primary').subscribe(color => {\n   *   console.log('Primary color changed to:', color)\n   * })\n   *\n   * // Watch for surface color changes\n   * theme.watchCSSVariable('color-surface').subscribe(color => {\n   *   console.log('Surface color changed to:', color)\n   * })\n   * ```\n   */\n  public watchCSSVariable(variableName: string): Observable<string> {\n    return this.theme$.pipe(\n      map(() => this.getCSSVariable(variableName)),\n      distinctUntilChanged()\n    )\n  }\n\n  /**\n   * Set the fullscreen state for the application.\n   * This emits a custom event that navigation components can listen to.\n   *\n   * @param {boolean} value - Whether fullscreen mode is active\n   *\n   * @example\n   * ```typescript\n   * // Enter fullscreen mode\n   * theme.setFullscreen(true)\n   *\n   * // Exit fullscreen mode\n   * theme.setFullscreen(false)\n   * ```\n   */\n  public setFullscreen(value: boolean): void {\n    this._fullscreen$.next(value)\n\n    // Emit custom event for components to listen to\n    window.dispatchEvent(\n      new CustomEvent('fullscreen', {\n        detail: value,\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  /**\n   * Toggle fullscreen mode.\n   *\n   * @example\n   * ```typescript\n   * // Toggle fullscreen mode on button click\n   * button.addEventListener('click', () => {\n   *   theme.toggleFullscreen()\n   * })\n   * ```\n   */\n  public toggleFullscreen(): void {\n    this.setFullscreen(!this.fullscreen)\n  }\n\n  /**\n   * Set the bottom offset for viewport calculations.\n   * Used by navigation bars to inform fullHeight directive of reserved space.\n   *\n   * @param {number} value - Bottom offset in pixels\n   *\n   * @example\n   * ```typescript\n   * // Set bottom offset when nav bar is visible\n   * theme.setBottomOffset(80)\n   *\n   * // Clear bottom offset when nav bar is hidden\n   * theme.setBottomOffset(0)\n   * ```\n   */\n  public setBottomOffset(value: number): void {\n    this._bottomOffset$.next(value)\n  }\n\n  /**\n   * Convenience method to update theme state including fullscreen.\n   * Can be called with next() like syntax for familiarity.\n   *\n   * @param {Object} values - Theme values to update\n   * @param {boolean} [values.fullscreen] - Fullscreen state\n   * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme\n   * @param {string} [values.color] - Primary color\n   *\n   * @example\n   * ```typescript\n   * // Set fullscreen mode\n   * theme.next({ fullscreen: true })\n   *\n   * // Update multiple values\n   * theme.next({\n   *   fullscreen: true,\n   *   scheme: 'dark'\n   * })\n   * ```\n   */\n  public next(values: {\n    fullscreen?: boolean\n    scheme?: 'dark' | 'light' | 'auto'\n    color?: string\n  }): void {\n    if (values.fullscreen !== undefined) {\n      this.setFullscreen(values.fullscreen)\n    }\n    if (values.scheme !== undefined) {\n      this.setScheme(values.scheme)\n    }\n    if (values.color !== undefined) {\n      this.setColor(values.color)\n    }\n  }\n\n  /**\n   * Get the singleton instance of ThemeService.\n   *\n   * @returns {ThemeService} The singleton ThemeService instance\n   *\n   * @internal\n   */\n  static getInstance(): ThemeService {\n    if (!ThemeService.instance) {\n      ThemeService.instance = new ThemeService()\n    }\n    return ThemeService.instance\n  }\n}\n\n/**\n * Theme singleton. Reads and mutates the active theme (scheme, source color,\n * locale); persists the user's scheme choice. Components subscribe via\n * `theme.theme$` for changes.\n *\n * @service\n * @summary Theme service — active scheme, source color, locale.\n * @method next({ scheme?, source?, locale? }) - Update theme state.\n * @method theme$ - Observable<TSchmancyTheme>; emits on every theme change.\n * @method toggle() - Toggle between light and dark schemes.\n */\nexport const theme = ThemeService.getInstance()\nexport const schmancyTheme = theme // Alias for convenience\nexport default theme"],"mappings":"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"}

package/dist/theme.service-Dg7LO0Qz.cjs

@@ -1 +0,0 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./state-Cx0aoL5e.cjs`);let t=require(`rxjs`);var n=`theme-where-are-you`,r=`theme-here-i-am`,i=e.a(`schmancy/theme`).local({scheme:`auto`,color:`#6200ee`}),a=class e{get scheme(){return i.value.scheme}get color(){return i.value.color}get theme(){return this._theme$.getValue()}get themeComponent(){return this._themeComponent$.getValue()}get fullscreen(){return this._fullscreen$.getValue()}get bottomOffset(){return this._bottomOffset$.getValue()}constructor(){this._theme$=new t.BehaviorSubject({}),this._themeComponent$=new t.BehaviorSubject(null),this._fullscreen$=new t.BehaviorSubject(!1),this._bottomOffset$=new t.BehaviorSubject(0),this.scheme$=i.$.pipe((0,t.map)(e=>e.scheme),(0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.color$=i.$.pipe((0,t.map)(e=>e.color),(0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.theme$=this._theme$.asObservable().pipe((0,t.distinctUntilChanged)((e,t)=>JSON.stringify(e)===JSON.stringify(t)),(0,t.shareReplay)(1)),this.themeComponent$=this._themeComponent$.asObservable().pipe((0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.fullscreen$=this._fullscreen$.asObservable().pipe((0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.bottomOffset$=this._bottomOffset$.asObservable().pipe((0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.resolvedScheme$=this.scheme$.pipe((0,t.switchMap)(e=>{if(e===`auto`){let e=window.matchMedia(`(prefers-color-scheme: dark)`);return new t.Observable(t=>{let n=e=>{t.next(e.matches?`dark`:`light`)};return e.addEventListener(`change`,n),t.next(e.matches?`dark`:`light`),()=>e.removeEventListener(`change`,n)})}return(0,t.of)(e)}),(0,t.distinctUntilChanged)(),(0,t.shareReplay)(1)),this.discoverTheme()}discoverTheme(){return(0,t.fromEvent)(window,r).pipe((0,t.takeUntil)((0,t.timer)(100)),(0,t.map)(e=>e.detail.theme),(0,t.defaultIfEmpty)(null),(0,t.tap)(e=>{e&&this.registerThemeComponent(e)})).pipe((0,t.tap)(()=>{window.dispatchEvent(new CustomEvent(n,{bubbles:!0,composed:!0}))}),(0,t.switchMap)(()=>(0,t.fromEvent)(window,r).pipe((0,t.takeUntil)((0,t.timer)(100)),(0,t.map)(e=>e.detail.theme),(0,t.defaultIfEmpty)(null),(0,t.tap)(e=>{e&&this.registerThemeComponent(e)}))))}registerThemeComponent(e){this._themeComponent$.next(e),i.set({scheme:e.scheme,color:e.color}),this._theme$.next(e.theme)}updateTheme(e){let t={};e.scheme!==void 0&&(t.scheme=e.scheme),e.color!==void 0&&(t.color=e.color),Object.keys(t).length>0&&i.set(t),e.theme!==void 0&&this._theme$.next(e.theme)}setScheme(e){let t=this.themeComponent;t&&(t.scheme=e),i.set({scheme:e})}setColor(e){let t=this.themeComponent;t&&(t.color=e),i.set({color:e})}isDarkMode(){return this.resolvedScheme$.pipe((0,t.map)(e=>e===`dark`))}toggleScheme(){let e=this.scheme,t=e===`dark`?`light`:e===`light`?`dark`:`light`;this.setScheme(t)}getCSSVariable(e){let t=this.themeComponent;if(t){let n=t.root?document.body:t.shadowRoot?.host;if(n)return getComputedStyle(n).getPropertyValue(`--schmancy-${e}`).trim()}return``}watchCSSVariable(e){return this.theme$.pipe((0,t.map)(()=>this.getCSSVariable(e)),(0,t.distinctUntilChanged)())}setFullscreen(e){this._fullscreen$.next(e),window.dispatchEvent(new CustomEvent(`fullscreen`,{detail:e,bubbles:!0,composed:!0}))}toggleFullscreen(){this.setFullscreen(!this.fullscreen)}setBottomOffset(e){this._bottomOffset$.next(e)}next(e){e.fullscreen!==void 0&&this.setFullscreen(e.fullscreen),e.scheme!==void 0&&this.setScheme(e.scheme),e.color!==void 0&&this.setColor(e.color)}static getInstance(){return e.instance||=new e,e.instance}}.getInstance(),o=a;Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/theme.service-Dg7LO0Qz.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.service-Dg7LO0Qz.cjs","names":[],"sources":["../src/theme/theme.events.ts","../src/theme/theme.service.ts"],"sourcesContent":["/**\n * Theme discovery event system.\n *\n * These events facilitate communication between theme components and consumers,\n * allowing components to discover the nearest theme provider in the DOM hierarchy.\n */\n\n/**\n * Event dispatched by components to discover the nearest theme provider.\n * Theme components listen for this event and respond with ThemeHereIAmEvent.\n *\n * @event ThemeWhereAreYouEvent\n * @type {CustomEvent<void>}\n *\n * @example\n * ```typescript\n * // Dispatch discovery request\n * window.dispatchEvent(\n *   new CustomEvent('theme-where-are-you', {\n *     bubbles: true,\n *     composed: true\n *   })\n * )\n * ```\n */\nexport type ThemeWhereAreYouEvent = CustomEvent<void>\n\n/**\n * Event name constant for theme discovery request.\n * @const {string}\n */\nexport const ThemeWhereAreYou = 'theme-where-are-you'\n\n/**\n * Event dispatched by theme components in response to discovery requests.\n * Contains reference to the theme component element.\n *\n * @event ThemeHereIAmEvent\n * @type {CustomEvent<{theme: HTMLElement}>}\n * @property {HTMLElement} detail.theme - The theme component element\n *\n * @example\n * ```typescript\n * // Listen for theme response\n * window.addEventListener('theme-here-i-am', (event: ThemeHereIAmEvent) => {\n *   const themeComponent = event.detail.theme\n *   console.log('Found theme component:', themeComponent)\n * })\n * ```\n */\nexport type ThemeHereIAmEvent = CustomEvent<{\n\ttheme: HTMLElement\n}>\n\n/**\n * Event name constant for theme discovery response.\n * @const {string}\n */\nexport const ThemeHereIAm = 'theme-here-i-am'","import {\n  BehaviorSubject,\n  Observable,\n  fromEvent,\n  timer,\n  map,\n  takeUntil,\n  defaultIfEmpty,\n  distinctUntilChanged,\n  shareReplay,\n  tap,\n  switchMap,\n  of\n} from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from './theme.events'\nimport type { SchmancyThemeComponent } from './theme.component'\nimport type { TSchmancyTheme } from './theme.interface'\nimport { state } from '../state'\n\ninterface ThemeSettings {\n  scheme: 'dark' | 'light' | 'auto'\n  color: string\n}\n\n// Theme settings — persists to localStorage under namespace `schmancy/theme`.\nconst ThemeContext = state<ThemeSettings>('schmancy/theme').local({\n  scheme: 'auto',\n  color: '#6200ee',\n})\n\n/**\n * Theme Service - Provides centralized theme management for Schmancy components.\n *\n * This service acts as a singleton interface to interact with the theme system,\n * providing reactive observables for theme state and methods to control theming.\n *\n * @example\n * ```typescript\n * import { theme } from '@schmancy/theme'\n *\n * // Subscribe to theme changes\n * theme.scheme$.subscribe(scheme => {\n *   console.log('Current scheme:', scheme) // 'light' | 'dark' | 'auto'\n * })\n *\n * // Get current values synchronously\n * const currentScheme = theme.scheme\n * const currentColor = theme.color\n *\n * // Toggle between light and dark mode\n * theme.toggleScheme()\n *\n * // Set specific scheme\n * theme.setScheme('dark')\n *\n * // Check if dark mode is active\n * theme.isDarkMode().subscribe(isDark => {\n *   console.log('Is dark mode:', isDark)\n * })\n * ```\n */\nclass ThemeService {\n  private static instance: ThemeService\n\n  // Observable properties for theme values\n  private _theme$ = new BehaviorSubject<Partial<TSchmancyTheme>>({})\n  private _themeComponent$ = new BehaviorSubject<SchmancyThemeComponent | null>(null)\n  private _fullscreen$ = new BehaviorSubject<boolean>(false)\n  private _bottomOffset$ = new BehaviorSubject<number>(0)\n\n  // Public observables derived from context\n  public readonly scheme$ = ThemeContext.$.pipe(\n    map(settings => settings.scheme),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly color$ = ThemeContext.$.pipe(\n    map(settings => settings.color),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly theme$ = this._theme$.asObservable().pipe(\n    distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n    shareReplay(1)\n  )\n\n  public readonly themeComponent$ = this._themeComponent$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly fullscreen$ = this._fullscreen$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly bottomOffset$ = this._bottomOffset$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  // Getters for synchronous access to current values\n  get scheme(): 'dark' | 'light' | 'auto' {\n    return ThemeContext.value.scheme\n  }\n\n  get color(): string {\n    return ThemeContext.value.color\n  }\n\n  get theme(): Partial<TSchmancyTheme> {\n    return this._theme$.getValue()\n  }\n\n  get themeComponent(): SchmancyThemeComponent | null {\n    return this._themeComponent$.getValue()\n  }\n\n  get fullscreen(): boolean {\n    return this._fullscreen$.getValue()\n  }\n\n  get bottomOffset(): number {\n    return this._bottomOffset$.getValue()\n  }\n\n  // Computed observable for actual scheme (resolving 'auto')\n  public readonly resolvedScheme$ = this.scheme$.pipe(\n    switchMap(scheme => {\n      if (scheme === 'auto') {\n        // Listen to system preference changes\n        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n        return new Observable<'dark' | 'light'>(subscriber => {\n          const handler = (e: MediaQueryListEvent) => {\n            subscriber.next(e.matches ? 'dark' : 'light')\n          }\n          mediaQuery.addEventListener('change', handler)\n\n          // Emit initial value\n          subscriber.next(mediaQuery.matches ? 'dark' : 'light')\n\n          // Cleanup\n          return () => mediaQuery.removeEventListener('change', handler)\n        })\n      }\n      return of(scheme as 'dark' | 'light')\n    }),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  constructor() {\n    this.discoverTheme()\n  }\n\n  /**\n   * Discover the nearest theme component in the DOM.\n   * This method can be called to refresh the theme discovery process.\n   *\n   * @returns {Observable<SchmancyThemeComponent | null>} Observable that emits the discovered theme component or null\n   *\n   * @example\n   * ```typescript\n   * theme.discoverTheme().subscribe(component => {\n   *   if (component) {\n   *     console.log('Theme component found:', component)\n   *   } else {\n   *     console.log('No theme component found')\n   *   }\n   * })\n   * ```\n   */\n  public discoverTheme(): Observable<SchmancyThemeComponent | null> {\n    // Dispatch discovery event and wait for response\n    return fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n      takeUntil(timer(100)), // Wait up to 100ms for response\n      map(e => e.detail.theme as SchmancyThemeComponent),\n      defaultIfEmpty(null),\n      tap(themeComponent => {\n        if (themeComponent) {\n          this.registerThemeComponent(themeComponent)\n        }\n      })\n    ).pipe(\n      tap(() => {\n        // Trigger theme discovery\n        window.dispatchEvent(\n          new CustomEvent(ThemeWhereAreYou, {\n            bubbles: true,\n            composed: true,\n          })\n        )\n      }),\n      switchMap(() =>\n        fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n          takeUntil(timer(100)),\n          map(e => e.detail.theme as SchmancyThemeComponent),\n          defaultIfEmpty(null),\n          tap(themeComponent => {\n            if (themeComponent) {\n              this.registerThemeComponent(themeComponent)\n            }\n          })\n        )\n      )\n    )\n  }\n\n  /**\n   * Register a theme component and subscribe to its changes.\n   * This is typically called internally by theme components when they mount or update.\n   *\n   * @param {SchmancyThemeComponent} component - The theme component to register\n   *\n   * @internal\n   */\n  public registerThemeComponent(component: SchmancyThemeComponent): void {\n    this._themeComponent$.next(component)\n\n    // Update values from the component\n    ThemeContext.set({ scheme: component.scheme, color: component.color })\n    this._theme$.next(component.theme)\n  }\n\n  /**\n   * Update theme values. Usually called internally by theme components.\n   *\n   * @param {Object} values - Theme values to update\n   * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme to set\n   * @param {string} [values.color] - Primary color in hex format\n   * @param {Partial<TSchmancyTheme>} [values.theme] - Theme configuration object\n   *\n   * @internal\n   */\n  public updateTheme(values: {\n    scheme?: 'dark' | 'light' | 'auto'\n    color?: string\n    theme?: Partial<TSchmancyTheme>\n  }): void {\n    const updates: Partial<ThemeSettings> = {}\n    if (values.scheme !== undefined) {\n      updates.scheme = values.scheme\n    }\n    if (values.color !== undefined) {\n      updates.color = values.color\n    }\n    if (Object.keys(updates).length > 0) {\n      ThemeContext.set(updates)\n    }\n    if (values.theme !== undefined) {\n      this._theme$.next(values.theme)\n    }\n  }\n\n  /**\n   * Set the color scheme for the application.\n   *\n   * @param {'dark' | 'light' | 'auto'} scheme - The color scheme to set\n   *\n   * @example\n   * ```typescript\n   * // Set to dark mode\n   * theme.setScheme('dark')\n   *\n   * // Set to auto (follows system preference)\n   * theme.setScheme('auto')\n   * ```\n   */\n  public setScheme(scheme: 'dark' | 'light' | 'auto'): void {\n    const component = this.themeComponent\n    if (component) {\n      component.scheme = scheme\n      ThemeContext.set({ scheme })\n    } else {\n      console.warn('No theme component found. Scheme change may not persist.')\n      ThemeContext.set({ scheme })\n    }\n  }\n\n  /**\n   * Set the primary color for the theme.\n   *\n   * @param {string} color - Primary color in hex format (e.g., '#6200ee')\n   *\n   * @example\n   * ```typescript\n   * // Set primary color to purple\n   * theme.setColor('#6200ee')\n   *\n   * // Set primary color to blue\n   * theme.setColor('#2196f3')\n   * ```\n   */\n  public setColor(color: string): void {\n    const component = this.themeComponent\n    if (component) {\n      component.color = color\n      ThemeContext.set({ color })\n    } else {\n      console.warn('No theme component found. Color change may not persist.')\n      ThemeContext.set({ color })\n    }\n  }\n\n  /**\n   * Check if dark mode is currently active.\n   * This resolves 'auto' scheme to the actual value based on system preference.\n   *\n   * @returns {Observable<boolean>} Observable that emits true if dark mode is active, false otherwise\n   *\n   * @example\n   * ```typescript\n   * theme.isDarkMode().subscribe(isDark => {\n   *   if (isDark) {\n   *     console.log('Dark mode is active')\n   *   } else {\n   *     console.log('Light mode is active')\n   *   }\n   * })\n   * ```\n   */\n  public isDarkMode(): Observable<boolean> {\n    return this.resolvedScheme$.pipe(\n      map(scheme => scheme === 'dark')\n    )\n  }\n\n  /**\n   * Toggle between light and dark mode.\n   * If currently in 'auto' mode, defaults to 'light'.\n   *\n   * @example\n   * ```typescript\n   * // Toggle theme on button click\n   * button.addEventListener('click', () => {\n   *   theme.toggleScheme()\n   * })\n   * ```\n   */\n  public toggleScheme(): void {\n    const currentScheme = this.scheme\n    const newScheme = currentScheme === 'dark' ? 'light' :\n                     currentScheme === 'light' ? 'dark' :\n                     'light' // If 'auto', default to 'light'\n    this.setScheme(newScheme)\n  }\n\n  /**\n   * Get the current value of a CSS variable from the theme.\n   *\n   * @param {string} variableName - Name of the CSS variable (without '--schmancy-' prefix)\n   * @returns {string} The CSS variable value or empty string if not found\n   *\n   * @example\n   * ```typescript\n   * // Get primary color variable\n   * const primaryColor = theme.getCSSVariable('color-primary')\n   *\n   * // Get surface color\n   * const surfaceColor = theme.getCSSVariable('color-surface')\n   * ```\n   */\n  public getCSSVariable(variableName: string): string {\n    const component = this.themeComponent\n    if (component) {\n      const host = component.root ? document.body : (component.shadowRoot?.host as HTMLElement)\n      if (host) {\n        return getComputedStyle(host).getPropertyValue(`--schmancy-${variableName}`).trim()\n      }\n    }\n    return ''\n  }\n\n  /**\n   * Subscribe to changes of a specific CSS variable.\n   *\n   * @param {string} variableName - Name of the CSS variable to watch (without '--schmancy-' prefix)\n   * @returns {Observable<string>} Observable that emits the CSS variable value when it changes\n   *\n   * @example\n   * ```typescript\n   * // Watch for primary color changes\n   * theme.watchCSSVariable('color-primary').subscribe(color => {\n   *   console.log('Primary color changed to:', color)\n   * })\n   *\n   * // Watch for surface color changes\n   * theme.watchCSSVariable('color-surface').subscribe(color => {\n   *   console.log('Surface color changed to:', color)\n   * })\n   * ```\n   */\n  public watchCSSVariable(variableName: string): Observable<string> {\n    return this.theme$.pipe(\n      map(() => this.getCSSVariable(variableName)),\n      distinctUntilChanged()\n    )\n  }\n\n  /**\n   * Set the fullscreen state for the application.\n   * This emits a custom event that navigation components can listen to.\n   *\n   * @param {boolean} value - Whether fullscreen mode is active\n   *\n   * @example\n   * ```typescript\n   * // Enter fullscreen mode\n   * theme.setFullscreen(true)\n   *\n   * // Exit fullscreen mode\n   * theme.setFullscreen(false)\n   * ```\n   */\n  public setFullscreen(value: boolean): void {\n    this._fullscreen$.next(value)\n\n    // Emit custom event for components to listen to\n    window.dispatchEvent(\n      new CustomEvent('fullscreen', {\n        detail: value,\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  /**\n   * Toggle fullscreen mode.\n   *\n   * @example\n   * ```typescript\n   * // Toggle fullscreen mode on button click\n   * button.addEventListener('click', () => {\n   *   theme.toggleFullscreen()\n   * })\n   * ```\n   */\n  public toggleFullscreen(): void {\n    this.setFullscreen(!this.fullscreen)\n  }\n\n  /**\n   * Set the bottom offset for viewport calculations.\n   * Used by navigation bars to inform fullHeight directive of reserved space.\n   *\n   * @param {number} value - Bottom offset in pixels\n   *\n   * @example\n   * ```typescript\n   * // Set bottom offset when nav bar is visible\n   * theme.setBottomOffset(80)\n   *\n   * // Clear bottom offset when nav bar is hidden\n   * theme.setBottomOffset(0)\n   * ```\n   */\n  public setBottomOffset(value: number): void {\n    this._bottomOffset$.next(value)\n  }\n\n  /**\n   * Convenience method to update theme state including fullscreen.\n   * Can be called with next() like syntax for familiarity.\n   *\n   * @param {Object} values - Theme values to update\n   * @param {boolean} [values.fullscreen] - Fullscreen state\n   * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme\n   * @param {string} [values.color] - Primary color\n   *\n   * @example\n   * ```typescript\n   * // Set fullscreen mode\n   * theme.next({ fullscreen: true })\n   *\n   * // Update multiple values\n   * theme.next({\n   *   fullscreen: true,\n   *   scheme: 'dark'\n   * })\n   * ```\n   */\n  public next(values: {\n    fullscreen?: boolean\n    scheme?: 'dark' | 'light' | 'auto'\n    color?: string\n  }): void {\n    if (values.fullscreen !== undefined) {\n      this.setFullscreen(values.fullscreen)\n    }\n    if (values.scheme !== undefined) {\n      this.setScheme(values.scheme)\n    }\n    if (values.color !== undefined) {\n      this.setColor(values.color)\n    }\n  }\n\n  /**\n   * Get the singleton instance of ThemeService.\n   *\n   * @returns {ThemeService} The singleton ThemeService instance\n   *\n   * @internal\n   */\n  static getInstance(): ThemeService {\n    if (!ThemeService.instance) {\n      ThemeService.instance = new ThemeService()\n    }\n    return ThemeService.instance\n  }\n}\n\n/**\n * Theme singleton. Reads and mutates the active theme (scheme, source color,\n * locale); persists the user's scheme choice. Components subscribe via\n * `theme.theme$` for changes.\n *\n * @service\n * @summary Theme service — active scheme, source color, locale.\n * @method next({ scheme?, source?, locale? }) - Update theme state.\n * @method theme$ - Observable<TSchmancyTheme>; emits on every theme change.\n * @method toggle() - Toggle between light and dark schemes.\n */\nexport const theme = ThemeService.getInstance()\nexport const schmancyTheme = theme // Alias for convenience\nexport default theme"],"mappings":"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"}

package/dist/window-B_n4P9az.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"window-B_n4P9az.js","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-Vl1u1-EG.cjs

@@ -1,59 +0,0 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-BBzRWB1w.cjs`);require(`./mixins-DPdzC9ZH.cjs`);const t=require(`./animation-CCOIW4wJ.cjs`),n=require(`./reduced-motion-Ds-HjMzn.cjs`),r=require(`./cursor-glow-Bulq-38P.cjs`),i=require(`./theme.service-Dg7LO0Qz.cjs`),a=require(`./overlay-stack-Bdr9lOqi.cjs`);let o=require(`rxjs`),s=require(`lit/directives/class-map.js`),c=require(`lit/directives/style-map.js`),l=require(`lit/decorators.js`),u=require(`lit`),d=require(`lit/directives/ref.js`);var f=`schmancy-window-`,p=`schmancy-float-`;function m(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 h,g=class e{constructor(){this._state$=new o.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:a.t.assignZIndex(e),open:!1,snapTarget:n},o=new Map(r.windows);o.set(e,i);let s=a.t.getStackOrder();this._state$.next({...r,windows:o,stackOrder:s})}unregister(e){let t=this._state$.value;if(!t.windows.has(e))return;a.t.releaseId(e);let n=new Map(t.windows);n.delete(e);let r=a.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=a.t.bringToFront(e),r=new Map(t.windows),i=r.get(e);i&&r.set(e,{...i,zIndex:n});let o=a.t.getStackOrder();this._state$.next({...t,windows:r,stackOrder:o,focusedId:e})}findOverlaps(e,t){let n=[];for(let[r,i]of this._state$.value.windows)r!==t&&m(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,o.map)(t=>t.windows.get(e)),(0,o.distinctUntilChanged)())}selectFocused(){return this._state$.pipe((0,o.map)(e=>e.focusedId),(0,o.distinctUntilChanged)())}loadPosition(e){try{let t=localStorage.getItem(f+e)??localStorage.getItem(p+e);return t?JSON.parse(t):null}catch{return null}}savePosition(e,t){try{localStorage.setItem(f+e,JSON.stringify(t))}catch{}}clearPosition(e){try{localStorage.removeItem(f+e),localStorage.removeItem(p+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 _(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 v=48,y=class extends e.t{static{h=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,d.createRef)(),this._bodyRef=(0,d.createRef)(),this._headRef=(0,d.createRef)(),this._handleFocus=()=>g.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=[u.css`
-	:host {
-		display: contents;
-		position: relative;
-		z-index: 1000;
-	}
-	: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+i.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=g.loadPosition(this.id);e&&(this._position={x:e.x,y:e.y},h.VALID_CORNERS.has(e.anchor)&&(this._currentCorner=e.anchor))}_savePosition(){g.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&&g.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height});return}let r=this._containerRef.value;if(!r)return;let i=r.getBoundingClientRect(),a=this._currentCorner.includes(`bottom`),s=i.left+i.width/2,c=a?i.bottom-24:i.top+24,l=s>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||(r.style.clipPath=this.closedClipPath),e||n.t.value){this._savePosition();let e=r.getBoundingClientRect();g.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height});return}let d=r.getBoundingClientRect(),f=i.left-d.left,p=i.top-d.top;r.style.translate=`${f}px ${p}px`;let m=[{translate:`${f}px ${p}px`},{translate:`0px 0px`}];(0,o.from)(r.animate(m,{duration:t.d.duration,easing:t.d.easingFallback,fill:`forwards`}).finished).pipe((0,o.take)(1),(0,o.tap)(()=>{r.isConnected&&(r.style.translate=``);let e=r.getBoundingClientRect();g.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height})}),(0,o.catchError)(()=>o.EMPTY),(0,o.takeUntil)(this.disconnecting)).subscribe(),this._savePosition()}_drag$(){return new o.Observable(()=>{let e=this._headRef.value,t=this._containerRef.value;if(!e||!t)return;let n=!1,r=(0,o.fromEvent)(e,`pointerdown`).pipe((0,o.filter)(e=>e.button===0),(0,o.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,o.tap)(e=>{e.preventDefault(),e.stopPropagation()})).pipe((0,o.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,o.switchMap)(({startX:e,startY:r,offsetX:i,offsetY:a,rect:s,vw:c,vh:l,isBottom:u,wasOpen:d,pointerId:f})=>{let p=(0,o.fromEvent)(window,`pointermove`).pipe((0,o.filter)(e=>e.pointerId===f),(0,o.auditTime)(0,o.animationFrameScheduler),(0,o.map)(e=>({clientX:e.clientX,clientY:e.clientY}))),m=(0,o.fromEvent)(window,`pointerup`).pipe((0,o.filter)(e=>e.pointerId===f));return p.pipe((0,o.tap)(({clientX:o,clientY:f})=>{let p=o-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(o-i,c-s.width)),g=u?v-s.height:0,_=u?l-s.height:l-v,y=Math.max(g,Math.min(f-a,_));this._position={x:this._currentCorner.includes(`right`)?c-h-s.width:h,y:u?l-y-s.height:y},this._applyContainerPosition()}),(0,o.takeUntil)(m),(0,o.finalize)(()=>{n?(this._reorientToNearestCorner(),this._applyDragVisuals(!1),n=!1):(n=!1,this.toggle())}))})).subscribe();return()=>r.unsubscribe()})}connectedCallback(){super.connectedCallback(),(0,o.from)(this.updateComplete).pipe((0,o.take)(1),(0,o.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};g.register(this.id,n,this.freePosition?`free`:this._currentCorner)}}),(0,o.switchMap)(()=>(0,o.merge)(this._drag$(),g.selectWindow(this.id).pipe((0,o.tap)(e=>{if(!e)return;let t=this._containerRef.value;t&&(t.style.zIndex=String(e.zIndex))})))),(0,o.takeUntil)(this.disconnecting)).subscribe(),(0,o.merge)((0,o.fromEvent)(window,`resize`).pipe((0,o.auditTime)(0,o.animationFrameScheduler),(0,o.tap)(()=>this._validateBounds())),i.n.bottomOffset$.pipe((0,o.tap)(()=>this._applyContainerPosition()))).pipe((0,o.takeUntil)(this.disconnecting)).subscribe()}disconnectedCallback(){super.disconnectedCallback(),g.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,r=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},s=g.findOverlaps(a,this.id);if(s.length>0){let e=_(a,s,{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(r&&(r.style.visibility=`visible`,r.inert=!1),n.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:t.f.duration,easing:t.f.easingFallback,fill:`forwards`});this._currentAnimation=l,(0,o.from)(l.finished).pipe((0,o.take)(1),(0,o.tap)(()=>{e.isConnected&&(e.style.clipPath=``,e.style.overflow=``,e.style.willChange=``)}),(0,o.catchError)(()=>o.EMPTY),(0,o.takeUntil)(this.disconnecting)).subscribe(),this.dispatchScopedEvent(`window-toggle`,{state:`expanded`})}_animateClose(){let e=this._containerRef.value;if(!e)return;if(n.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 r=[{clipPath:this.openClipPath,opacity:1},{clipPath:this.closedClipPath,opacity:.95}],i=e.animate(r,{duration:Math.round(.7*t.f.duration),easing:`cubic-bezier(0.4, 0, 0.8, 0.15)`,fill:`forwards`});this._currentAnimation=i,(0,o.from)(i.finished).pipe((0,o.take)(1),(0,o.tap)(()=>{this.open=!1,e.style.willChange=``;let t=this._bodyRef.value;t&&(t.inert=!0,t.style.visibility=`hidden`)}),(0,o.catchError)(()=>o.EMPTY),(0,o.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,s.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,c.styleMap)({width:this.panelWidth,"max-height":`calc(100vh - 32px)`,"pointer-events":`none`}),i=(0,c.styleMap)({"pointer-events":this.open?`auto`:`none`}),a=(0,s.classMap)({"h-full":!0,"px-3":!0,flex:!0,"items-center":!0,"gap-2":!0,"select-none":!0,"cursor-move":!0});return u.html`
-			<schmancy-surface
-				${(0,d.ref)(this._containerRef)}
-				type="glass"
-				.elevation=${this.elevation}
-				class=${t}
-				style=${n}
-				aria-expanded=${this.open}
-				@pointerdown=${this._handleFocus}
-			>
-				<!-- Details section (visually above summary for bottom corners) -->
-				<section
-					${(0,d.ref)(this._bodyRef)}
-					class="flex-1 min-h-0 overflow-hidden flex flex-col"
-					style=${i}
-					role="region"
-					aria-label="Expandable content"
-				>
-					${this._hasOpened?u.html`<slot name="details"></slot>`:u.nothing}
-				</section>
-
-				<!-- Summary section -- always interactive, always visible -->
-				<section
-					class="shrink-0 bg-surface-lowest"
-					style=${(0,c.styleMap)({"pointer-events":`auto`,height:`48px`})}
-				>
-					<div
-						${(0,d.ref)(this._headRef)}
-						${r.t({radius:200,intensity:.1})}
-						class=${a}
-						role="button"
-						tabindex="0"
-						title="Drag to move, click to expand"
-						aria-label="${this.open?`Collapse window`:`Expand window`}"
-						@keydown=${this._handleHeadKeydown}
-					>
-						<div class="flex-1 min-w-0">
-							<slot></slot>
-						</div>
-						<svg
-							width="16" height="16" viewBox="0 0 24 24" fill="none"
-							class="shrink-0 text-surface-on/40 transition-transform duration-200 ${this.open?`rotate-180`:``}"
-							aria-hidden="true"
-						>
-							<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-						</svg>
-					</div>
-				</section>
-			</schmancy-surface>
-		`}};e.u([(0,l.property)({type:String})],y.prototype,`id`,void 0),e.u([(0,l.property)({type:String})],y.prototype,`expandedWidth`,void 0),e.u([(0,l.property)({type:String})],y.prototype,`expandedHeight`,void 0),e.u([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`lowered`,void 0),e.u([(0,l.property)({type:String})],y.prototype,`corner`,void 0),e.u([(0,l.property)({type:Boolean})],y.prototype,`resizable`,void 0),e.u([(0,l.property)({type:Boolean})],y.prototype,`freePosition`,void 0),e.u([(0,l.property)({type:String,reflect:!0})],y.prototype,`visualState`,void 0),e.u([(0,l.property)({type:Number})],y.prototype,`minWidth`,void 0),e.u([(0,l.property)({type:Number})],y.prototype,`minHeight`,void 0),e.u([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`open`,void 0),e.u([(0,l.state)()],y.prototype,`_hasOpened`,void 0),e.u([(0,l.state)()],y.prototype,`_currentCorner`,void 0);var b=y=h=e.u([(0,l.customElement)(`schmancy-window`)],y);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});