@mhmo91/schmancy 0.10.41 → 0.10.43

package/dist/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","names":[],"sources":["../src/dropdown/dropdown-component.ts","../src/dropdown/dropdown-content.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { filter, fromEvent, takeUntil, Subscription } from 'rxjs'\n\n/**\n * A dropdown component that displays content when triggered.\n *\n * @element schmancy-dropdown\n * @slot trigger - The element that triggers the dropdown\n * @slot - Default slot for the dropdown content\n */\n@customElement('schmancy-dropdown')\nexport class SchmancyDropdown extends SchmancyElement {\n\t/**\n\t * Whether the dropdown is currently open\n\t */\n\t@property({ type: Boolean, reflect: true })\n\topen = false\n\n\t/**\n\t * Placement of the dropdown relative to the trigger\n\t */\n\t@property({ type: String })\n\tplacement:\n\t\t| 'top'\n\t\t| 'top-start'\n\t\t| 'top-end'\n\t\t| 'right'\n\t\t| 'right-start'\n\t\t| 'right-end'\n\t\t| 'bottom'\n\t\t| 'bottom-start'\n\t\t| 'bottom-end'\n\t\t| 'left'\n\t\t| 'left-start'\n\t\t| 'left-end' = 'bottom-start'\n\n\t/**\n\t * Offset distance in pixels\n\t */\n\t@property({ type: Number })\n\tdistance = 8\n\n\t@query('.trigger-container') triggerContainer!: HTMLElement\n\t@query('.dropdown-content-container') contentContainer!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) contentElements!: HTMLElement[]\n\t@state() private portal: HTMLElement | null = null\n\n\t@queryAssignedElements({ slot: 'trigger', flatten: true })\n\ttriggerElements!: Array<HTMLElement>\n\n\tprivate cleanupPositioner?: () => void\n\tprivate portalSubscriptions: Subscription[] = []\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create portal container for teleporting content to document body\n\t\tthis.setupPortal()\n\n\t\t// Listen for document clicks to close dropdown when clicking outside\n\t\tfromEvent<MouseEvent>(document, 'click')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => this.open && !this.isEventFromSelf(event)),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.open = false\n\t\t\t})\n\n\t\t// Listen for escape key to close dropdown\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => this.open && event.key === 'Escape'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.open = false\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up the portal element for teleporting content\n\t */\n\tprivate setupPortal() {\n\t\t// Check if portal container exists\n\t\tlet portalContainer = document.getElementById('schmancy-portal-container')\n\n\t\t// Create portal container if it doesn't exist\n\t\tif (!portalContainer) {\n\t\t\tportalContainer = document.createElement('div')\n\t\t\tportalContainer.id = 'schmancy-portal-container'\n\t\t\tportalContainer.style.position = 'fixed'\n\t\t\tportalContainer.style.zIndex = '10000'\n\t\t\tportalContainer.style.top = '0'\n\t\t\tportalContainer.style.left = '0'\n\t\t\tportalContainer.style.pointerEvents = 'none'\n\t\t\tdocument.body.appendChild(portalContainer)\n\t\t}\n\n\t\t// Create portal for this specific dropdown\n\t\tconst portal = document.createElement('div')\n\t\tportal.className = 'schmancy-dropdown-portal'\n\t\tportal.style.position = 'absolute'\n\t\tportal.style.pointerEvents = 'auto'\n\t\tportal.style.display = 'none'\n\t\tportalContainer.appendChild(portal)\n\n\t\tthis.portal = portal\n\t}\n\n\t/**\n\t * Check if an event originated from within this component\n\t */\n\tprivate isEventFromSelf(event: Event): boolean {\n\t\treturn event.composedPath().some(el => el === this)\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Clean up portal subscriptions\n\t\tthis.portalSubscriptions.forEach(subscription => subscription.unsubscribe())\n\t\tthis.portalSubscriptions = []\n\n\t\t// Remove portal when component is disconnected\n\t\tif (this.portal) {\n\t\t\tthis.portal.remove()\n\t\t\tthis.portal = null\n\t\t}\n\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Toggle the dropdown open state\n\t */\n\ttoggle() {\n\t\tthis.open = !this.open\n\t}\n\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('open')) {\n\t\t\tif (this.open) {\n\t\t\t\tthis.setupPositioner()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\n\t\t\t\t// Hide portal when dropdown is closed\n\t\t\t\tif (this.portal) {\n\t\t\t\t\tthis.portal.style.display = 'none'\n\t\t\t\t\tthis.portal.innerHTML = ''\n\t\t\t\t\t// Clean up subscriptions when content is cleared\n\t\t\t\t\tthis.portalSubscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t\t\tthis.portalSubscriptions = []\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Setup floating UI positioning with teleportation\n\t */\n\tprivate setupPositioner() {\n\t\tif (!this.triggerContainer || !this.portal) return\n\n\t\t// Show the portal\n\t\tthis.portal.style.display = 'block'\n\n\t\t// Move content to portal\n\t\tthis.teleportContentToPortal()\n\n\t\t// Setup positioning\n\t\tthis.cleanupPositioner = autoUpdate(this.triggerContainer, this.portal, () => {\n\t\t\tcomputePosition(this.triggerContainer, this.portal, {\n\t\t\t\tplacement: this.placement,\n\t\t\t\tmiddleware: [\n\t\t\t\t\toffset(this.distance),\n\t\t\t\t\tflip({\n\t\t\t\t\t\tfallbackPlacements: ['top-start', 'bottom-start'],\n\t\t\t\t\t}),\n\t\t\t\t\tshift({ padding: 0 }),\n\t\t\t\t],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Update portal position\n\t\t\t\tObject.assign(this.portal.style, {\n\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\ttop: `${y - 8}px`,\n\t\t\t\t})\n\t\t\t\treturn\n\t\t\t})\n\t\t})\n\t}\n\n\t/**\n\t * Move slotted content to the portal\n\t */\n\tprivate teleportContentToPortal() {\n\t\tif (!this.portal) return\n\n\t\t// Clean up existing subscriptions\n\t\tthis.portalSubscriptions.forEach(subscription => subscription.unsubscribe())\n\t\tthis.portalSubscriptions = []\n\n\t\t// Clear existing content\n\t\tthis.portal.innerHTML = ''\n\n\t\t// Clone and move slotted content to portal\n\t\tthis.contentElements.forEach(element => {\n\t\t\t// Get computed styles to ensure portal content matches original styling\n\t\t\tconst clonedElement = element.cloneNode(true) as HTMLElement\n\n\t\t\t// Ensure dropdown-content elements maintain their styles when teleported\n\t\t\tif (element.tagName.toLowerCase() === 'schmancy-dropdown-content') {\n\t\t\t\tconst subscription = fromEvent(clonedElement, 'slotchange').subscribe(() => {\n\t\t\t\t\t// Propagate any slot changes to class changes on children\n\t\t\t\t\tconst contentDiv = clonedElement.shadowRoot?.querySelector('[part=\"content\"]')\n\t\t\t\t\tif (contentDiv) {\n\t\t\t\t\t\tcontentDiv.classList.add('schmancy-dropdown-content')\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\tthis.portalSubscriptions.push(subscription)\n\t\t\t}\n\n\t\t\tthis.portal?.appendChild(clonedElement)\n\t\t})\n\t}\n\n\t/**\n\t * Handle trigger click to toggle dropdown\n\t */\n\tprivate handleTriggerClick(e: Event) {\n\t\te.stopPropagation()\n\t\tthis.toggle()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"trigger-container\" @click=${this.handleTriggerClick}>\n\t\t\t\t<slot name=\"trigger\"></slot>\n\t\t\t</div>\n\n\t\t\t<div class=\"dropdown-content-container\" ?hidden=${!this.open}>\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\t\tthis.teleportContentToPortal()\n\t\t\t\t\t\t\tthis.setupPositioner()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dropdown': SchmancyDropdown\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * Content container for the schmancy-dropdown component.\n *\n * @element schmancy-dropdown-content\n * @slot - Default slot for dropdown content.\n * @csspart content - The inner wrapper element; style to override panel\n *   backgrounds, shadows, padding, or borders without shadow-root piercing.\n */\n@customElement('schmancy-dropdown-content')\nexport class SchmancyDropdownContent extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tz-index: 1000;\n\t\tmin-width: 10rem;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\tlist-style: none;\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\tbackground-clip: padding-box;\n\t\tborder-radius: 0.375rem;\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t\twill-change: transform;\n\t\ttransform-origin: top left;\n\t\tanimation: dropdownAnimation 0.1s ease-out forwards;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t@keyframes dropdownAnimation {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: scale(0.95);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\n\t/* Apply styles to content both in the component and when teleported to the portal */\n\t.schmancy-dropdown-content {\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\tborder-radius: 0.375rem;\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t\twill-change: transform;\n\t\ttransform-origin: top left;\n\t\tanimation: dropdownAnimation 0.1s ease-out forwards;\n\t}\n`];\n\t/**\n\t * Width of the dropdown content\n\t */\n\t@property({ type: String })\n\twidth: string = 'auto'\n\n\t/**\n\t * Maximum height of the dropdown content\n\t */\n\t@property({ type: String })\n\tmaxHeight: string = '80vh'\n\n\t/**\n\t * Whether to render with a shadow\n\t */\n\t@property({ type: Boolean })\n\tshadow: boolean = true\n\n\t/**\n\t * Border radius style\n\t */\n\t@property({ type: String })\n\tradius: 'none' | 'sm' | 'md' | 'lg' | 'full' = 'md'\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'schmancy-dropdown-content': true,\n\t\t\t'overflow-auto': true,\n\t\t\t'shadow-none': !this.shadow,\n\t\t\t'rounded-none': this.radius === 'none',\n\t\t\t'rounded-sm': this.radius === 'sm',\n\t\t\t'rounded-md': this.radius === 'md',\n\t\t\t'rounded-lg': this.radius === 'lg',\n\t\t\t'rounded-full': this.radius === 'full',\n\t\t}\n\n\t\tconst styles = {\n\t\t\twidth: this.width,\n\t\t\tmaxHeight: this.maxHeight,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} style=${this.styleMap(styles)} part=\"content\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dropdown-content': SchmancyDropdownContent\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","names":[],"sources":["../src/dropdown/dropdown-component.ts","../src/dropdown/dropdown-content.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { filter, fromEvent, takeUntil, Subscription } from 'rxjs'\n\n/**\n * A dropdown component that displays content when triggered.\n *\n * @element schmancy-dropdown\n * @slot trigger - The element that triggers the dropdown\n * @slot - Default slot for the dropdown content\n */\n@customElement('schmancy-dropdown')\nexport class SchmancyDropdown extends SchmancyElement {\n\t/**\n\t * Whether the dropdown is currently open\n\t */\n\t@property({ type: Boolean, reflect: true })\n\topen = false\n\n\t/**\n\t * Placement of the dropdown relative to the trigger\n\t */\n\t@property({ type: String })\n\tplacement:\n\t\t| 'top'\n\t\t| 'top-start'\n\t\t| 'top-end'\n\t\t| 'right'\n\t\t| 'right-start'\n\t\t| 'right-end'\n\t\t| 'bottom'\n\t\t| 'bottom-start'\n\t\t| 'bottom-end'\n\t\t| 'left'\n\t\t| 'left-start'\n\t\t| 'left-end' = 'bottom-start'\n\n\t/**\n\t * Offset distance in pixels\n\t */\n\t@property({ type: Number })\n\tdistance = 8\n\n\t@query('.trigger-container') triggerContainer!: HTMLElement\n\t@query('.dropdown-content-container') contentContainer!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) contentElements!: HTMLElement[]\n\t@state() private portal: HTMLElement | null = null\n\n\t@queryAssignedElements({ slot: 'trigger', flatten: true })\n\ttriggerElements!: Array<HTMLElement>\n\n\tprivate cleanupPositioner?: () => void\n\tprivate portalSubscriptions: Subscription[] = []\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create portal container for teleporting content to document body\n\t\tthis.setupPortal()\n\n\t\t// Listen for document clicks to close dropdown when clicking outside\n\t\tfromEvent<MouseEvent>(document, 'click')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => this.open && !this.isEventFromSelf(event)),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.open = false\n\t\t\t})\n\n\t\t// Listen for escape key to close dropdown\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => this.open && event.key === 'Escape'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.open = false\n\t\t\t})\n\t}\n\n\t/**\n\t * Set up the portal element for teleporting content\n\t */\n\tprivate setupPortal() {\n\t\t// Check if portal container exists\n\t\tlet portalContainer = document.getElementById('schmancy-portal-container')\n\n\t\t// Create portal container if it doesn't exist\n\t\tif (!portalContainer) {\n\t\t\tportalContainer = document.createElement('div')\n\t\t\tportalContainer.id = 'schmancy-portal-container'\n\t\t\tportalContainer.style.position = 'fixed'\n\t\t\tportalContainer.style.zIndex = '10000'\n\t\t\tportalContainer.style.top = '0'\n\t\t\tportalContainer.style.left = '0'\n\t\t\tportalContainer.style.pointerEvents = 'none'\n\t\t\tdocument.body.appendChild(portalContainer)\n\t\t}\n\n\t\t// Create portal for this specific dropdown\n\t\tconst portal = document.createElement('div')\n\t\tportal.className = 'schmancy-dropdown-portal'\n\t\tportal.style.position = 'absolute'\n\t\tportal.style.pointerEvents = 'auto'\n\t\tportal.style.display = 'none'\n\t\tportalContainer.appendChild(portal)\n\n\t\tthis.portal = portal\n\t}\n\n\t/**\n\t * Check if an event originated from within this component\n\t */\n\tprivate isEventFromSelf(event: Event): boolean {\n\t\treturn event.composedPath().some(el => el === this)\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Clean up portal subscriptions\n\t\tthis.portalSubscriptions.forEach(subscription => subscription.unsubscribe())\n\t\tthis.portalSubscriptions = []\n\n\t\t// Remove portal when component is disconnected\n\t\tif (this.portal) {\n\t\t\tthis.portal.remove()\n\t\t\tthis.portal = null\n\t\t}\n\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/**\n\t * Toggle the dropdown open state\n\t */\n\ttoggle() {\n\t\tthis.open = !this.open\n\t}\n\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('open')) {\n\t\t\tif (this.open) {\n\t\t\t\tthis.setupPositioner()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\n\t\t\t\t// Hide portal when dropdown is closed\n\t\t\t\tif (this.portal) {\n\t\t\t\t\tthis.portal.style.display = 'none'\n\t\t\t\t\tthis.portal.innerHTML = ''\n\t\t\t\t\t// Clean up subscriptions when content is cleared\n\t\t\t\t\tthis.portalSubscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t\t\tthis.portalSubscriptions = []\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Setup floating UI positioning with teleportation\n\t */\n\tprivate setupPositioner() {\n\t\tif (!this.triggerContainer || !this.portal) return\n\n\t\t// Show the portal\n\t\tthis.portal.style.display = 'block'\n\n\t\t// Move content to portal\n\t\tthis.teleportContentToPortal()\n\n\t\t// Setup positioning\n\t\tthis.cleanupPositioner = autoUpdate(this.triggerContainer, this.portal, () => {\n\t\t\tcomputePosition(this.triggerContainer, this.portal, {\n\t\t\t\tplacement: this.placement,\n\t\t\t\tmiddleware: [\n\t\t\t\t\toffset(this.distance),\n\t\t\t\t\tflip({\n\t\t\t\t\t\tfallbackPlacements: ['top-start', 'bottom-start'],\n\t\t\t\t\t}),\n\t\t\t\t\tshift({ padding: 0 }),\n\t\t\t\t],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Update portal position\n\t\t\t\tObject.assign(this.portal.style, {\n\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\ttop: `${y - 8}px`,\n\t\t\t\t})\n\t\t\t\treturn\n\t\t\t})\n\t\t})\n\t}\n\n\t/**\n\t * Move slotted content to the portal\n\t */\n\tprivate teleportContentToPortal() {\n\t\tif (!this.portal) return\n\n\t\t// Clean up existing subscriptions\n\t\tthis.portalSubscriptions.forEach(subscription => subscription.unsubscribe())\n\t\tthis.portalSubscriptions = []\n\n\t\t// Clear existing content\n\t\tthis.portal.innerHTML = ''\n\n\t\t// Clone and move slotted content to portal\n\t\tthis.contentElements.forEach(element => {\n\t\t\t// Get computed styles to ensure portal content matches original styling\n\t\t\tconst clonedElement = element.cloneNode(true) as HTMLElement\n\n\t\t\t// Ensure dropdown-content elements maintain their styles when teleported\n\t\t\tif (element.tagName.toLowerCase() === 'schmancy-dropdown-content') {\n\t\t\t\tconst subscription = fromEvent(clonedElement, 'slotchange').subscribe(() => {\n\t\t\t\t\t// Propagate any slot changes to class changes on children\n\t\t\t\t\tconst contentDiv = clonedElement.shadowRoot?.querySelector('[part=\"content\"]')\n\t\t\t\t\tif (contentDiv) {\n\t\t\t\t\t\tcontentDiv.classList.add('schmancy-dropdown-content')\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\tthis.portalSubscriptions.push(subscription)\n\t\t\t}\n\n\t\t\tthis.portal?.appendChild(clonedElement)\n\t\t})\n\t}\n\n\t/**\n\t * Handle trigger click to toggle dropdown\n\t */\n\tprivate handleTriggerClick(e: Event) {\n\t\te.stopPropagation()\n\t\tthis.toggle()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"trigger-container\" @click=${this.handleTriggerClick}>\n\t\t\t\t<slot name=\"trigger\"></slot>\n\t\t\t</div>\n\n\t\t\t<div class=\"dropdown-content-container\" ?hidden=${!this.open}>\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\t\tthis.teleportContentToPortal()\n\t\t\t\t\t\t\tthis.setupPositioner()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dropdown': SchmancyDropdown\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * Content container for the schmancy-dropdown component.\n *\n * @element schmancy-dropdown-content\n * @slot - Default slot for dropdown content.\n * @csspart content - The inner wrapper element; style to override panel\n *   backgrounds, shadows, padding, or borders without shadow-root piercing.\n */\n@customElement('schmancy-dropdown-content')\nexport class SchmancyDropdownContent extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: 1000;\n\t\t\t\tmin-width: 10rem;\n\t\t\t\tmargin: 0;\n\t\t\t\ttext-align: left;\n\t\t\t\tlist-style: none;\n\t\t\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\t\t\tbackground-clip: padding-box;\n\t\t\t\tborder-radius: 0.375rem;\n\t\t\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t\t\t\twill-change: transform;\n\t\t\t\ttransform-origin: top left;\n\t\t\t\tanimation: dropdownAnimation 0.1s ease-out forwards;\n\t\t\t}\n\n\t\t\t:host([hidden]) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t@keyframes dropdownAnimation {\n\t\t\t\tfrom {\n\t\t\t\t\topacity: 0;\n\t\t\t\t\ttransform: scale(0.95);\n\t\t\t\t}\n\t\t\t\tto {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\ttransform: scale(1);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/* Apply styles to content both in the component and when teleported to the portal */\n\t\t\t.schmancy-dropdown-content {\n\t\t\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\t\t\tborder-radius: 0.375rem;\n\t\t\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t\t\t\twill-change: transform;\n\t\t\t\ttransform-origin: top left;\n\t\t\t\tanimation: dropdownAnimation 0.1s ease-out forwards;\n\t\t\t}\n\t\t`,\n\t]\n\t/**\n\t * Width of the dropdown content\n\t */\n\t@property({ type: String })\n\twidth: string = 'auto'\n\n\t/**\n\t * Maximum height of the dropdown content\n\t */\n\t@property({ type: String })\n\tmaxHeight: string = '80vh'\n\n\t/**\n\t * Whether to render with a shadow\n\t */\n\t@property({ type: Boolean })\n\tshadow: boolean = true\n\n\t/**\n\t * Border radius style\n\t */\n\t@property({ type: String })\n\tradius: 'none' | 'sm' | 'md' | 'lg' | 'full' = 'md'\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'schmancy-dropdown-content': true,\n\t\t\t'overflow-auto': true,\n\t\t\t'shadow-none': !this.shadow,\n\t\t\t'rounded-none': this.radius === 'none',\n\t\t\t'rounded-sm': this.radius === 'sm',\n\t\t\t'rounded-md': this.radius === 'md',\n\t\t\t'rounded-lg': this.radius === 'lg',\n\t\t\t'rounded-full': this.radius === 'full',\n\t\t}\n\n\t\tconst styles = {\n\t\t\twidth: this.width,\n\t\t\tmaxHeight: this.maxHeight,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} style=${this.styleMap(styles)} part=\"content\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-dropdown-content': SchmancyDropdownContent\n\t}\n}\n"],"mappings":"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"}

package/dist/{expand-DNrWuG_-.js → expand-BT8mOu8Q.js}

@@ -1,8 +1,8 @@
-import { t as e, u as t } from "./SchmancyElement-OWgz9ePG.js";
-import { t as n } from "./mixins-COeG4DiX.js";
+import { t as e, u as t } from "./SchmancyElement-Ob9yGkiG.js";
+import { t as n } from "./mixins-q4KAL8Xr.js";
 import { d as r, f as i } from "./animation-DCznELuT.js";
 import { t as a } from "./reduced-motion-D-L12p7G.js";
-import "./surface-cqMsHJHM.js";
+import "./surface-DXk1X1tL.js";
 import { filter as o, fromEvent as s, lastValueFrom as c } from "rxjs";
 import { takeUntil as l, tap as u } from "rxjs/operators";
 import { styleMap as d } from "lit/directives/style-map.js";
@@ -11,47 +11,49 @@ import { css as h, html as g, nothing as _ } from "lit";
 import { createRef as v, ref as y } from "lit/directives/ref.js";
 var b = class extends n(e) {
 	constructor(...e) {
-		super(...e), this.type = "solid", this.isOpen = !1, this.summaryRect = null, this.panelRef = v(), this.backdropRef = v(), this.btnRef = v(), this.owner = null, this.hideIndicator = !1, this.backdrop = !0;
+		super(...e), this.type = "containerLowest", this.isOpen = !1, this.summaryRect = null, this.panelRef = v(), this.backdropRef = v(), this.btnRef = v(), this.owner = null, this.hideIndicator = !1, this.backdrop = !0;
 	}
 	static {
 		this.styles = [h`
-	:host {
-		display: contents;
-	}
+			:host {
+				display: contents;
+			}
 
-	.portal-panel {
-		position: fixed;
-		transform-origin: top left;
-		will-change: clip-path, opacity;
-		border-radius: 1rem;
-		box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);
-		z-index: 9999;
-	}
+			.portal-panel {
+				position: fixed;
+				transform-origin: top left;
+				will-change: clip-path, opacity;
+				border-radius: 1rem;
+				box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);
+				z-index: 9999;
+			}
 
-	.minimize-btn {
-		position: absolute;
-		top: 0.5rem;
-		right: 0.5rem;
-		z-index: 1;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 2rem;
-		height: 2rem;
-		border-radius: 9999px;
-		border: none;
-		background: transparent;
-		cursor: pointer;
-		opacity: 0.5;
-		transition: opacity 150ms, background 150ms;
-		color: inherit;
-	}
+			.minimize-btn {
+				position: absolute;
+				top: 0.5rem;
+				right: 0.5rem;
+				z-index: 1;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: 2rem;
+				height: 2rem;
+				border-radius: 9999px;
+				border: none;
+				background: transparent;
+				cursor: pointer;
+				opacity: 0.5;
+				transition:
+					opacity 150ms,
+					background 150ms;
+				color: inherit;
+			}
 
-	.minimize-btn:hover {
-		opacity: 1;
-		background: rgb(0 0 0 / 0.08);
-	}
-`];
+			.minimize-btn:hover {
+				opacity: 1;
+				background: rgb(0 0 0 / 0.08);
+			}
+		`];
 	}
 	prepare(e, t, n = !1, r = !0) {
 		this.summaryRect = e, this.owner = t, this.hideIndicator = n, this.backdrop = r;
@@ -150,30 +152,31 @@ var b = class extends n(e) {
 	render() {
 		return this.isOpen ? g`
 			${this.backdrop ? g`
-				<div
-					${y(this.backdropRef)}
-					class="fixed inset-0 z-9998 backdrop-blur-sm backdrop-saturate-150 backdrop-brightness-105 bg-black/[0.07] will-change-[opacity]"
-					@click=${() => this.owner?.close?.()}
-				></div>
-			` : _}
-			<schmancy-surface
-				${y(this.panelRef)}
-				class="portal-panel"
-				type=${this.type}
-				style="overflow-y: auto;"
-			>
+						<div
+							${y(this.backdropRef)}
+							class="fixed inset-0 z-9998 backdrop-blur-sm backdrop-saturate-150 backdrop-brightness-105 bg-black/[0.07] will-change-[opacity]"
+							@click=${() => this.owner?.close?.()}
+						></div>
+					` : _}
+			<schmancy-surface ${y(this.panelRef)} class="portal-panel" type=${this.type} style="overflow-y: auto;">
 				${this.hideIndicator ? _ : g`
-					<button
-						${y(this.btnRef)}
-						class="minimize-btn"
-						aria-label="Minimize"
-						@click=${() => this.owner?.close?.()}
-					>
-						<svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-							<path d="M19 9L12 16L5 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-						</svg>
-					</button>
-				`}
+							<button
+								${y(this.btnRef)}
+								class="minimize-btn"
+								aria-label="Minimize"
+								@click=${() => this.owner?.close?.()}
+							>
+								<svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+									<path
+										d="M19 9L12 16L5 9"
+										stroke="currentColor"
+										stroke-width="2"
+										stroke-linecap="round"
+										stroke-linejoin="round"
+									/>
+								</svg>
+							</button>
+						`}
 				<slot></slot>
 			</schmancy-surface>
 		` : _;
@@ -186,38 +189,39 @@ var x = "schmancy-expand-request-close", S = class extends e {
 	}
 	static {
 		this.styles = [h`
-	:host {
-		display: block;
-	}
+			:host {
+				display: block;
+			}
 
-	summary::-webkit-details-marker {
-		display: none;
-	}
+			summary::-webkit-details-marker {
+				display: none;
+			}
 
-	summary {
-		list-style: none;
-		color: inherit;
-	}
+			summary {
+				list-style: none;
+				color: inherit;
+			}
 
-	.inline-grid {
-		display: grid;
-		grid-template-rows: 0fr;
-		overflow: hidden;
-		transition: grid-template-rows 300ms cubic-bezier(0.22, 1.25, 0.36, 1),
-		            opacity 300ms cubic-bezier(0.22, 1.25, 0.36, 1);
-		opacity: 0;
-	}
+			.inline-grid {
+				display: grid;
+				grid-template-rows: 0fr;
+				overflow: hidden;
+				transition:
+					grid-template-rows 300ms cubic-bezier(0.22, 1.25, 0.36, 1),
+					opacity 300ms cubic-bezier(0.22, 1.25, 0.36, 1);
+				opacity: 0;
+			}
 
-	.inline-grid[data-open] {
-		grid-template-rows: 1fr;
-		opacity: 1;
-	}
+			.inline-grid[data-open] {
+				grid-template-rows: 1fr;
+				opacity: 1;
+			}
 
-	.inline-grid > .inner {
-		min-height: 0;
-		overflow: hidden;
-	}
-`];
+			.inline-grid > .inner {
+				min-height: 0;
+				overflow: hidden;
+			}
+		`];
 	}
 	connectedCallback() {
 		super.connectedCallback(), s(window, "keydown").pipe(o((e) => e.key === "Escape"), o(() => this.open), u(() => {
@@ -293,7 +297,9 @@ var x = "schmancy-expand-request-close", S = class extends e {
 		}}
 				>
 					${this.hideIndicator ? _ : g`
-								<span class="indicator flex items-center justify-center w-5 h-5 rounded-full shrink-0 opacity-70 group-hover:opacity-100 will-change-transform">
+								<span
+									class="indicator flex items-center justify-center w-5 h-5 rounded-full shrink-0 opacity-70 group-hover:opacity-100 will-change-transform"
+								>
 									<svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true">
 										<path
 											d="M9 6L15 12L9 18"
@@ -314,16 +320,16 @@ var x = "schmancy-expand-request-close", S = class extends e {
 				</div>
 
 				${this.inline ? g`
-						<div class="inline-grid" ?data-open=${this.open}>
-							<div class="inner">
+							<div class="inline-grid" ?data-open=${this.open}>
+								<div class="inner">
+									<slot ${y(this.contentSlotRef)}></slot>
+								</div>
+							</div>
+						` : g`
+							<div style=${d(this.open ? {} : { display: "none" })}>
 								<slot ${y(this.contentSlotRef)}></slot>
 							</div>
-						</div>
-					` : g`
-						<div style=${d(this.open ? {} : { display: "none" })}>
-							<slot ${y(this.contentSlotRef)}></slot>
-						</div>
-					`}
+						`}
 			</div>
 		`;
 	}

package/dist/expand-BT8mOu8Q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand-BT8mOu8Q.js","names":[],"sources":["../src/expand/expand-root.component.ts","../src/expand/expand.component.ts"],"sourcesContent":["import { css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { SchmancyElement, SurfaceMixin } from '@mixins/index'\nimport type { TSurfaceColor } from '@schmancy/types'\nimport { SPRING_SMOOTH } from '../utils/animation.js'\nimport { reducedMotion$ } from '../directives/reduced-motion'\nimport '../surface/surface.js'\n\n@customElement('schmancy-expand-root')\nexport class SchmancyExpandRoot extends SurfaceMixin(SchmancyElement) {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: contents;\n\t\t\t}\n\n\t\t\t.portal-panel {\n\t\t\t\tposition: fixed;\n\t\t\t\ttransform-origin: top left;\n\t\t\t\twill-change: clip-path, opacity;\n\t\t\t\tborder-radius: 1rem;\n\t\t\t\tbox-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);\n\t\t\t\tz-index: 9999;\n\t\t\t}\n\n\t\t\t.minimize-btn {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0.5rem;\n\t\t\t\tright: 0.5rem;\n\t\t\t\tz-index: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\twidth: 2rem;\n\t\t\t\theight: 2rem;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tborder: none;\n\t\t\t\tbackground: transparent;\n\t\t\t\tcursor: pointer;\n\t\t\t\topacity: 0.5;\n\t\t\t\ttransition:\n\t\t\t\t\topacity 150ms,\n\t\t\t\t\tbackground 150ms;\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\n\t\t\t.minimize-btn:hover {\n\t\t\t\topacity: 1;\n\t\t\t\tbackground: rgb(0 0 0 / 0.08);\n\t\t\t}\n\t\t`,\n\t]\n\t@property({ reflect: true }) override type: TSurfaceColor = 'containerLowest'\n\t@state() isOpen = false\n\tprivate summaryRect: DOMRect | null = null\n\n\tprivate panelRef = createRef<HTMLElement>()\n\tprivate backdropRef = createRef<HTMLDivElement>()\n\tprivate btnRef = createRef<HTMLButtonElement>()\n\tprivate owner: (Element & { close?: () => void }) | null = null\n\tprivate hideIndicator = false\n\tprivate backdrop = true\n\n\t/** Called by schmancy-expand before nodes are moved */\n\tprepare(rect: DOMRect, owner: Element, hideIndicator = false, backdrop = true) {\n\t\tthis.summaryRect = rect\n\t\tthis.owner = owner as Element & { close?: () => void }\n\t\tthis.hideIndicator = hideIndicator\n\t\tthis.backdrop = backdrop\n\t}\n\n\t/** Called by schmancy-expand after nodes are moved in */\n\tasync triggerOpen() {\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tconst panel = this.panelRef.value\n\t\tif (!panel) return\n\n\t\tconst src = this.summaryRect!\n\n\t\t// 1. Anchor at summary's top-left, measure natural content size\n\t\t//    Use nearly full viewport height for measurement so content near the bottom\n\t\t//    of the screen isn't artificially capped — the positioning step will move the panel up.\n\t\tObject.assign(panel.style, {\n\t\t\tvisibility: 'hidden',\n\t\t\ttop: `${src.top}px`,\n\t\t\tleft: `${src.left}px`,\n\t\t\tminWidth: `${src.width}px`,\n\t\t\twidth: 'max-content',\n\t\t\tmaxWidth: `${window.innerWidth - src.left}px`,\n\t\t\theight: 'auto',\n\t\t\tmaxHeight: `${window.innerHeight - 32}px`,\n\t\t\toverflowY: 'auto',\n\t\t})\n\n\t\tconst measured = panel.getBoundingClientRect()\n\t\tconst finalW = measured.width\n\t\tconst finalH = measured.height\n\n\t\t// 2. Adjust position so panel stays within viewport\n\t\tlet finalTop = src.top\n\t\tlet finalLeft = src.left\n\t\tif (finalTop + finalH > window.innerHeight) {\n\t\t\tfinalTop = Math.max(0, src.bottom - finalH)\n\t\t}\n\t\tif (finalLeft + finalW > window.innerWidth) {\n\t\t\tfinalLeft = Math.max(0, window.innerWidth - finalW)\n\t\t}\n\n\t\t// 3. Compute clip-path insets — summary rect expressed relative to panel final position\n\t\t//    These insets shrink the visible area down to exactly the summary box\n\t\tconst insetTop = Math.max(0, src.top - finalTop)\n\t\tconst insetLeft = Math.max(0, src.left - finalLeft)\n\t\tconst insetRight = Math.max(0, finalLeft + finalW - (src.left + src.width))\n\t\tconst insetBottom = Math.max(0, finalTop + finalH - (src.top + src.height))\n\n\t\t// 4. Place panel at final size + position, masked to summary bounds (no flash)\n\t\tObject.assign(panel.style, {\n\t\t\tvisibility: '',\n\t\t\ttop: `${finalTop}px`,\n\t\t\tleft: `${finalLeft}px`,\n\t\t\tminWidth: `${src.width}px`,\n\t\t\twidth: `${finalW}px`,\n\t\t\theight: `${finalH}px`,\n\t\t\tmaxWidth: '',\n\t\t\tmaxHeight: '',\n\t\t\tclipPath: `inset(${insetTop}px ${insetRight}px ${insetBottom}px ${insetLeft}px round 0.5rem)`,\n\t\t})\n\n\t\t// 5. Animate the mask open — content revealed, not stretched\n\t\tthis.animateOpen(insetTop, insetRight, insetBottom, insetLeft, finalTop)\n\t}\n\n\t/** Animate close, return Promise resolving when done */\n\tasync triggerClose(targetRect: DOMRect): Promise<void> {\n\t\tawait this.animateClose(targetRect)\n\t\tthis.isOpen = false\n\t\tthis.summaryRect = null\n\t}\n\n\tprivate animateOpen(insetTop: number, insetRight: number, insetBottom: number, insetLeft: number, finalTop: number) {\n\t\tconst panel = this.panelRef.value\n\t\tif (!panel) return\n\n\t\tif (reducedMotion$.value) {\n\t\t\tpanel.style.clipPath = ''\n\t\t\treturn\n\t\t}\n\n\t\tconst backdrop = this.backdropRef.value\n\t\tif (backdrop) {\n\t\t\tbackdrop.animate([{ opacity: 0 }, { opacity: 1 }], {\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\n\t\tconst keyframes: Keyframe[] = [\n\t\t\t{\n\t\t\t\tclipPath: `inset(${insetTop}px ${insetRight}px ${insetBottom}px ${insetLeft}px round 0.5rem)`,\n\t\t\t\topacity: 0.9,\n\t\t\t},\n\t\t\t{\n\t\t\t\tclipPath: 'inset(0px 0px 0px 0px round 1rem)',\n\t\t\t\topacity: 1,\n\t\t\t},\n\t\t]\n\n\t\tconst anim = panel.animate(keyframes, {\n\t\t\tduration: SPRING_SMOOTH.duration,\n\t\t\teasing: SPRING_SMOOTH.easingFallback,\n\t\t\tfill: 'forwards',\n\t\t})\n\n\t\t// Clear clip-path and fixed dimensions after animation so content can grow naturally,\n\t\t// but cap at viewport height so overflow-y: auto can scroll\n\t\tanim.finished.then(() => {\n\t\t\tif (panel.isConnected) {\n\t\t\t\tpanel.style.clipPath = ''\n\t\t\t\tpanel.style.height = 'auto'\n\t\t\t\tpanel.style.maxHeight = `${window.innerHeight - finalTop - 16}px`\n\t\t\t}\n\t\t\treturn\n\t\t})\n\n\t\tconst btn = this.btnRef.value\n\t\tif (btn) {\n\t\t\tbtn.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(180deg)' }], {\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}\n\n\tprivate animateClose(targetRect: DOMRect): Promise<void> {\n\t\tconst panel = this.panelRef.value\n\t\tif (!panel) return Promise.resolve()\n\t\tif (reducedMotion$.value) return Promise.resolve()\n\n\t\t// Compute insets to mask panel back down to the summary box\n\t\tconst panelRect = panel.getBoundingClientRect()\n\t\tconst insetTop = Math.max(0, targetRect.top - panelRect.top)\n\t\tconst insetLeft = Math.max(0, targetRect.left - panelRect.left)\n\t\tconst insetRight = Math.max(0, panelRect.right - targetRect.right)\n\t\tconst insetBottom = Math.max(0, panelRect.bottom - targetRect.bottom)\n\n\t\tconst closeDuration = Math.round(SPRING_SMOOTH.duration * 0.4)\n\t\tconst closeEasing = 'cubic-bezier(0.4, 0, 1, 1)'\n\n\t\tconst closeKeyframes: Keyframe[] = [\n\t\t\t{ clipPath: 'inset(0px 0px 0px 0px round 1rem)', opacity: 1 },\n\t\t\t{\n\t\t\t\tclipPath: `inset(${insetTop}px ${insetRight}px ${insetBottom}px ${insetLeft}px round 0.5rem)`,\n\t\t\t\topacity: 0.6,\n\t\t\t},\n\t\t]\n\n\t\tconst anim = panel.animate(closeKeyframes, { duration: closeDuration, easing: closeEasing, fill: 'forwards' })\n\n\t\tconst backdrop = this.backdropRef.value\n\t\tif (backdrop) {\n\t\t\tbackdrop.animate([{ opacity: 1 }, { opacity: 0 }], {\n\t\t\t\tduration: closeDuration,\n\t\t\t\teasing: closeEasing,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t}\n\n\t\tconst btn = this.btnRef.value\n\t\tif (btn) {\n\t\t\tbtn.animate([{ transform: 'rotate(180deg)' }, { transform: 'rotate(0deg)' }], {\n\t\t\t\tduration: closeDuration,\n\t\t\t\teasing: closeEasing,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t}\n\n\t\treturn anim.finished as unknown as Promise<void>\n\t}\n\n\trender() {\n\t\tif (!this.isOpen) return nothing\n\n\t\treturn html`\n\t\t\t${this.backdrop\n\t\t\t\t? html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t${ref(this.backdropRef)}\n\t\t\t\t\t\t\tclass=\"fixed inset-0 z-9998 backdrop-blur-sm backdrop-saturate-150 backdrop-brightness-105 bg-black/[0.07] will-change-[opacity]\"\n\t\t\t\t\t\t\t@click=${() => this.owner?.close?.()}\n\t\t\t\t\t\t></div>\n\t\t\t\t\t`\n\t\t\t\t: nothing}\n\t\t\t<schmancy-surface ${ref(this.panelRef)} class=\"portal-panel\" type=${this.type} style=\"overflow-y: auto;\">\n\t\t\t\t${!this.hideIndicator\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t${ref(this.btnRef)}\n\t\t\t\t\t\t\t\tclass=\"minimize-btn\"\n\t\t\t\t\t\t\t\taria-label=\"Minimize\"\n\t\t\t\t\t\t\t\t@click=${() => this.owner?.close?.()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\td=\"M19 9L12 16L5 9\"\n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-expand-root': SchmancyExpandRoot\n\t}\n}\n","import { css, html, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { filter, fromEvent, lastValueFrom } from 'rxjs'\nimport { tap, takeUntil } from 'rxjs/operators'\nimport { SchmancyElement } from '@mixins/index'\nimport { SPRING_SNAPPY } from '../utils/animation.js'\nimport { reducedMotion$ } from '../directives/reduced-motion'\nimport { SchmancyExpandRoot } from './expand-root.component.js'\n\n/** Dispatch this event on window to close whichever schmancy-expand is currently open */\nexport const SCHMANCY_EXPAND_REQUEST_CLOSE = 'schmancy-expand-request-close'\n\n@customElement('schmancy-expand')\nexport default class SchmancyExpand extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\tsummary::-webkit-details-marker {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\tsummary {\n\t\t\t\tlist-style: none;\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\n\t\t\t.inline-grid {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-rows: 0fr;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttransition:\n\t\t\t\t\tgrid-template-rows 300ms cubic-bezier(0.22, 1.25, 0.36, 1),\n\t\t\t\t\topacity 300ms cubic-bezier(0.22, 1.25, 0.36, 1);\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\t\t\t.inline-grid[data-open] {\n\t\t\t\tgrid-template-rows: 1fr;\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t.inline-grid > .inner {\n\t\t\t\tmin-height: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t`,\n\t]\n\t@property() summary = ''\n\n\t@property({ type: Boolean, reflect: true }) open = false\n\n\t@property({ attribute: 'summary-padding' }) summaryPadding = ''\n\n\t@property({ attribute: 'content-padding' }) contentPadding = ''\n\n\t@property({ type: Boolean, attribute: 'hide-indicator' }) hideIndicator = false\n\n\t@property({ type: Number, attribute: 'indicator-rotate' }) indicatorRotate = 90\n\n\t@property({ type: Boolean }) backdrop = true\n\n\t@property({ type: Boolean }) inline = false\n\n\tprivate summaryRef = createRef<HTMLElement>()\n\tprivate contentSlotRef = createRef<HTMLSlotElement>()\n\tprivate root: SchmancyExpandRoot | null = null\n\tprivate movedNodes: Element[] = []\n\tprivate currentIndicatorAnim: Animation | undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Close on Escape key\n\t\tfromEvent<KeyboardEvent>(window, 'keydown')\n\t\t\t.pipe(\n\t\t\t\tfilter(e => e.key === 'Escape'),\n\t\t\t\tfilter(() => this.open),\n\t\t\t\ttap(() => void this.handleClose()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Close on click outside the portal panel\n\t\tfromEvent<PointerEvent>(document, 'pointerdown')\n\t\t\t.pipe(\n\t\t\t\tfilter(() => this.open),\n\t\t\t\tfilter(e => !!this.root && !e.composedPath().includes(this.root)),\n\t\t\t\ttap(() => void this.handleClose()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tif (this.movedNodes.length > 0) {\n\t\t\tthis.movedNodes.forEach(n => this.appendChild(n))\n\t\t\tthis.movedNodes = []\n\t\t}\n\t\tif (this.root && this.root.children.length === 0) {\n\t\t\tthis.root.remove()\n\t\t\tthis.root = null\n\t\t}\n\t}\n\n\tprivate async getOrCreateRoot(): Promise<SchmancyExpandRoot> {\n\t\tconst theme = await lastValueFrom(this.discover<HTMLElement>('schmancy-theme'))\n\t\tconst container: HTMLElement = theme ?? document.querySelector('schmancy-theme') ?? document.body\n\t\tlet root = container.querySelector('schmancy-expand-root') as SchmancyExpandRoot | null\n\t\tif (!root) {\n\t\t\troot = new SchmancyExpandRoot()\n\t\t\tcontainer.appendChild(root)\n\t\t}\n\t\treturn root\n\t}\n\n\t/** Close the expand portal, animating back to the summary position. */\n\tpublic close(): void {\n\t\tvoid this.handleClose()\n\t}\n\n\t/** Programmatically open the expand portal. */\n\tpublic expand(): void {\n\t\tif (this.open) return\n\t\tvoid this.expandPortal()\n\t}\n\n\tprotected override updated(changed: Map<PropertyKey, unknown>) {\n\t\tsuper.updated(changed)\n\t\tif (changed.has('open') && this.open && !this.inline && !this.root) {\n\t\t\tvoid this.expandPortal()\n\t\t}\n\t}\n\n\tprivate toggle() {\n\t\tif (this.inline) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.animateIndicator(this.open)\n\t\t} else if (!this.open) {\n\t\t\tvoid this.expandPortal()\n\t\t}\n\t}\n\n\tprivate handleSummaryClick(e: MouseEvent) {\n\t\te.preventDefault()\n\t\tthis.toggle()\n\t}\n\n\tprivate async expandPortal() {\n\t\tif (this.inline) {\n\t\t\tthis.open = true\n\t\t\tthis.animateIndicator(true)\n\t\t\treturn\n\t\t}\n\n\t\tconst root = await this.getOrCreateRoot()\n\t\tthis.root = root\n\t\tconst summary = this.summaryRef.value\n\t\tconst contentSlot = this.contentSlotRef.value\n\t\tif (!summary || !contentSlot) return\n\n\t\tconst summaryRect = summary.getBoundingClientRect()\n\t\tconst nodes = contentSlot.assignedElements({ flatten: true })\n\t\tif (nodes.length === 0) return\n\n\t\troot.prepare(summaryRect, this, this.hideIndicator, this.backdrop)\n\n\t\tthis.movedNodes = [...nodes]\n\t\tthis.movedNodes.forEach(n => root.appendChild(n))\n\n\t\troot.triggerOpen()\n\n\t\tthis.animateIndicator(true)\n\t\tthis.open = true\n\t}\n\n\tasync handleClose() {\n\t\tif (this.inline) {\n\t\t\tthis.animateIndicator(false)\n\t\t\tthis.open = false\n\t\t\treturn\n\t\t}\n\n\t\tconst root = this.root\n\t\tconst summary = this.summaryRef.value\n\t\tif (!root || !summary) return\n\n\t\tconst summaryRect = summary.getBoundingClientRect()\n\t\tthis.animateIndicator(false)\n\n\t\tawait root.triggerClose(summaryRect)\n\n\t\tthis.movedNodes.forEach(n => this.appendChild(n))\n\t\tthis.movedNodes = []\n\t\tthis.open = false\n\t}\n\n\tprivate animateIndicator(isOpen: boolean) {\n\t\tif (reducedMotion$.value) return\n\n\t\tconst indicator = this.shadowRoot?.querySelector('.indicator') as HTMLElement | null\n\t\tif (!indicator) return\n\n\t\tthis.currentIndicatorAnim?.cancel()\n\t\tthis.currentIndicatorAnim = indicator.animate(\n\t\t\t[\n\t\t\t\t{ transform: `rotate(${isOpen ? '0deg' : `${this.indicatorRotate}deg`})` },\n\t\t\t\t{ transform: `rotate(${isOpen ? `${this.indicatorRotate}deg` : '0deg'})` },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: SPRING_SNAPPY.duration,\n\t\t\t\teasing: SPRING_SNAPPY.easingFallback,\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t)\n\t}\n\n\trender() {\n\t\tconst summaryClasses = this.classMap({\n\t\t\t[this.summaryPadding]: true,\n\t\t\t'select-none relative flex items-center gap-2 rounded-xl transition-all duration-150': true,\n\t\t\t'hover:brightness-[0.92] active:brightness-[0.85] cursor-pointer group': true,\n\t\t\t'flex-row-reverse': true,\n\t\t})\n\n\t\treturn html`\n\t\t\t<div class=\"w-full rounded-xl\">\n\t\t\t\t<div\n\t\t\t\t\t${ref(this.summaryRef)}\n\t\t\t\t\tclass=${summaryClasses}\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\t@click=${this.handleSummaryClick}\n\t\t\t\t\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${!this.hideIndicator\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"indicator flex items-center justify-center w-5 h-5 rounded-full shrink-0 opacity-70 group-hover:opacity-100 will-change-transform\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\td=\"M9 6L15 12L9 18\"\n\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t`\n\t\t\t\t\t\t: nothing}\n\n\t\t\t\t\t<span class=\"flex-1 font-medium text-base min-w-0\">\n\t\t\t\t\t\t<slot name=\"summary\">${this.summary}</slot>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<slot name=\"actions\"></slot>\n\t\t\t\t</div>\n\n\t\t\t\t${this.inline\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div class=\"inline-grid\" ?data-open=${this.open}>\n\t\t\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t\t\t<slot ${ref(this.contentSlotRef)}></slot>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: html`\n\t\t\t\t\t\t\t<div style=${styleMap(this.open ? {} : { display: 'none' })}>\n\t\t\t\t\t\t\t\t<slot ${ref(this.contentSlotRef)}></slot>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-expand': SchmancyExpand\n\t}\n}\n"],"mappings":"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"}

package/dist/expand-D0YdR9nR.cjs

@@ -0,0 +1,147 @@
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-CeKrBW2j.cjs`),t=require(`./mixins-Cjn20BQH.cjs`),n=require(`./animation-CCOIW4wJ.cjs`),r=require(`./reduced-motion-Ds-HjMzn.cjs`);require(`./surface-COBvWWFb.cjs`);let i=require(`rxjs`),a=require(`rxjs/operators`),o=require(`lit/directives/style-map.js`),s=require(`lit/decorators.js`),c=require(`lit`),l=require(`lit/directives/ref.js`);var u=class extends t.t(e.t){constructor(...e){super(...e),this.type=`containerLowest`,this.isOpen=!1,this.summaryRect=null,this.panelRef=(0,l.createRef)(),this.backdropRef=(0,l.createRef)(),this.btnRef=(0,l.createRef)(),this.owner=null,this.hideIndicator=!1,this.backdrop=!0}static{this.styles=[c.css`
+			:host {
+				display: contents;
+			}
+
+			.portal-panel {
+				position: fixed;
+				transform-origin: top left;
+				will-change: clip-path, opacity;
+				border-radius: 1rem;
+				box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);
+				z-index: 9999;
+			}
+
+			.minimize-btn {
+				position: absolute;
+				top: 0.5rem;
+				right: 0.5rem;
+				z-index: 1;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: 2rem;
+				height: 2rem;
+				border-radius: 9999px;
+				border: none;
+				background: transparent;
+				cursor: pointer;
+				opacity: 0.5;
+				transition:
+					opacity 150ms,
+					background 150ms;
+				color: inherit;
+			}
+
+			.minimize-btn:hover {
+				opacity: 1;
+				background: rgb(0 0 0 / 0.08);
+			}
+		`]}prepare(e,t,n=!1,r=!0){this.summaryRect=e,this.owner=t,this.hideIndicator=n,this.backdrop=r}async triggerOpen(){this.isOpen=!0,await this.updateComplete;let e=this.panelRef.value;if(!e)return;let t=this.summaryRect;Object.assign(e.style,{visibility:`hidden`,top:`${t.top}px`,left:`${t.left}px`,minWidth:`${t.width}px`,width:`max-content`,maxWidth:window.innerWidth-t.left+`px`,height:`auto`,maxHeight:window.innerHeight-32+`px`,overflowY:`auto`});let n=e.getBoundingClientRect(),r=n.width,i=n.height,a=t.top,o=t.left;a+i>window.innerHeight&&(a=Math.max(0,t.bottom-i)),o+r>window.innerWidth&&(o=Math.max(0,window.innerWidth-r));let s=Math.max(0,t.top-a),c=Math.max(0,t.left-o),l=Math.max(0,o+r-(t.left+t.width)),u=Math.max(0,a+i-(t.top+t.height));Object.assign(e.style,{visibility:``,top:`${a}px`,left:`${o}px`,minWidth:`${t.width}px`,width:`${r}px`,height:`${i}px`,maxWidth:``,maxHeight:``,clipPath:`inset(${s}px ${l}px ${u}px ${c}px round 0.5rem)`}),this.animateOpen(s,l,u,c,a)}async triggerClose(e){await this.animateClose(e),this.isOpen=!1,this.summaryRect=null}animateOpen(e,t,i,a,o){let s=this.panelRef.value;if(!s)return;if(r.t.value)return void(s.style.clipPath=``);let c=this.backdropRef.value;c&&c.animate([{opacity:0},{opacity:1}],{duration:n.d.duration,easing:n.d.easingFallback,fill:`forwards`});let l=[{clipPath:`inset(${e}px ${t}px ${i}px ${a}px round 0.5rem)`,opacity:.9},{clipPath:`inset(0px 0px 0px 0px round 1rem)`,opacity:1}];s.animate(l,{duration:n.d.duration,easing:n.d.easingFallback,fill:`forwards`}).finished.then(()=>{s.isConnected&&(s.style.clipPath=``,s.style.height=`auto`,s.style.maxHeight=window.innerHeight-o-16+`px`)});let u=this.btnRef.value;u&&u.animate([{transform:`rotate(0deg)`},{transform:`rotate(180deg)`}],{duration:n.d.duration,easing:n.d.easingFallback,fill:`forwards`})}animateClose(e){let t=this.panelRef.value;if(!t||r.t.value)return Promise.resolve();let i=t.getBoundingClientRect(),a=Math.max(0,e.top-i.top),o=Math.max(0,e.left-i.left),s=Math.max(0,i.right-e.right),c=Math.max(0,i.bottom-e.bottom),l=Math.round(.4*n.d.duration),u=`cubic-bezier(0.4, 0, 1, 1)`,d=[{clipPath:`inset(0px 0px 0px 0px round 1rem)`,opacity:1},{clipPath:`inset(${a}px ${s}px ${c}px ${o}px round 0.5rem)`,opacity:.6}],f=t.animate(d,{duration:l,easing:u,fill:`forwards`}),p=this.backdropRef.value;p&&p.animate([{opacity:1},{opacity:0}],{duration:l,easing:u,fill:`forwards`});let m=this.btnRef.value;return m&&m.animate([{transform:`rotate(180deg)`},{transform:`rotate(0deg)`}],{duration:l,easing:u,fill:`forwards`}),f.finished}render(){return this.isOpen?c.html`
+			${this.backdrop?c.html`
+						<div
+							${(0,l.ref)(this.backdropRef)}
+							class="fixed inset-0 z-9998 backdrop-blur-sm backdrop-saturate-150 backdrop-brightness-105 bg-black/[0.07] will-change-[opacity]"
+							@click=${()=>this.owner?.close?.()}
+						></div>
+					`:c.nothing}
+			<schmancy-surface ${(0,l.ref)(this.panelRef)} class="portal-panel" type=${this.type} style="overflow-y: auto;">
+				${this.hideIndicator?c.nothing:c.html`
+							<button
+								${(0,l.ref)(this.btnRef)}
+								class="minimize-btn"
+								aria-label="Minimize"
+								@click=${()=>this.owner?.close?.()}
+							>
+								<svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+									<path
+										d="M19 9L12 16L5 9"
+										stroke="currentColor"
+										stroke-width="2"
+										stroke-linecap="round"
+										stroke-linejoin="round"
+									/>
+								</svg>
+							</button>
+						`}
+				<slot></slot>
+			</schmancy-surface>
+		`:c.nothing}};e.u([(0,s.property)({reflect:!0})],u.prototype,`type`,void 0),e.u([(0,s.state)()],u.prototype,`isOpen`,void 0),u=e.u([(0,s.customElement)(`schmancy-expand-root`)],u);var d=class extends e.t{constructor(...e){super(...e),this.summary=``,this.open=!1,this.summaryPadding=``,this.contentPadding=``,this.hideIndicator=!1,this.indicatorRotate=90,this.backdrop=!0,this.inline=!1,this.summaryRef=(0,l.createRef)(),this.contentSlotRef=(0,l.createRef)(),this.root=null,this.movedNodes=[]}static{this.styles=[c.css`
+			:host {
+				display: block;
+			}
+
+			summary::-webkit-details-marker {
+				display: none;
+			}
+
+			summary {
+				list-style: none;
+				color: inherit;
+			}
+
+			.inline-grid {
+				display: grid;
+				grid-template-rows: 0fr;
+				overflow: hidden;
+				transition:
+					grid-template-rows 300ms cubic-bezier(0.22, 1.25, 0.36, 1),
+					opacity 300ms cubic-bezier(0.22, 1.25, 0.36, 1);
+				opacity: 0;
+			}
+
+			.inline-grid[data-open] {
+				grid-template-rows: 1fr;
+				opacity: 1;
+			}
+
+			.inline-grid > .inner {
+				min-height: 0;
+				overflow: hidden;
+			}
+		`]}connectedCallback(){super.connectedCallback(),(0,i.fromEvent)(window,`keydown`).pipe((0,i.filter)(e=>e.key===`Escape`),(0,i.filter)(()=>this.open),(0,a.tap)(()=>{this.handleClose()}),(0,a.takeUntil)(this.disconnecting)).subscribe(),(0,i.fromEvent)(document,`pointerdown`).pipe((0,i.filter)(()=>this.open),(0,i.filter)(e=>!!this.root&&!e.composedPath().includes(this.root)),(0,a.tap)(()=>{this.handleClose()}),(0,a.takeUntil)(this.disconnecting)).subscribe()}disconnectedCallback(){super.disconnectedCallback(),this.movedNodes.length>0&&(this.movedNodes.forEach(e=>this.appendChild(e)),this.movedNodes=[]),this.root&&this.root.children.length===0&&(this.root.remove(),this.root=null)}async getOrCreateRoot(){let e=await(0,i.lastValueFrom)(this.discover(`schmancy-theme`))??document.querySelector(`schmancy-theme`)??document.body,t=e.querySelector(`schmancy-expand-root`);return t||(t=new u,e.appendChild(t)),t}close(){this.handleClose()}expand(){this.open||this.expandPortal()}updated(e){super.updated(e),e.has(`open`)&&this.open&&!this.inline&&!this.root&&this.expandPortal()}toggle(){this.inline?(this.open=!this.open,this.animateIndicator(this.open)):this.open||this.expandPortal()}handleSummaryClick(e){e.preventDefault(),this.toggle()}async expandPortal(){if(this.inline)return this.open=!0,void this.animateIndicator(!0);let e=await this.getOrCreateRoot();this.root=e;let t=this.summaryRef.value,n=this.contentSlotRef.value;if(!t||!n)return;let r=t.getBoundingClientRect(),i=n.assignedElements({flatten:!0});i.length!==0&&(e.prepare(r,this,this.hideIndicator,this.backdrop),this.movedNodes=[...i],this.movedNodes.forEach(t=>e.appendChild(t)),e.triggerOpen(),this.animateIndicator(!0),this.open=!0)}async handleClose(){if(this.inline)return this.animateIndicator(!1),void(this.open=!1);let e=this.root,t=this.summaryRef.value;if(!e||!t)return;let n=t.getBoundingClientRect();this.animateIndicator(!1),await e.triggerClose(n),this.movedNodes.forEach(e=>this.appendChild(e)),this.movedNodes=[],this.open=!1}animateIndicator(e){if(r.t.value)return;let t=this.shadowRoot?.querySelector(`.indicator`);t&&(this.currentIndicatorAnim?.cancel(),this.currentIndicatorAnim=t.animate([{transform:`rotate(${e?`0deg`:`${this.indicatorRotate}deg`})`},{transform:`rotate(${e?`${this.indicatorRotate}deg`:`0deg`})`}],{duration:n.f.duration,easing:n.f.easingFallback,fill:`forwards`}))}render(){let e=this.classMap({[this.summaryPadding]:!0,"select-none relative flex items-center gap-2 rounded-xl transition-all duration-150":!0,"hover:brightness-[0.92] active:brightness-[0.85] cursor-pointer group":!0,"flex-row-reverse":!0});return c.html`
+			<div class="w-full rounded-xl">
+				<div
+					${(0,l.ref)(this.summaryRef)}
+					class=${e}
+					tabindex="0"
+					role="button"
+					@click=${this.handleSummaryClick}
+					@keydown=${e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),this.toggle())}}
+				>
+					${this.hideIndicator?c.nothing:c.html`
+								<span
+									class="indicator flex items-center justify-center w-5 h-5 rounded-full shrink-0 opacity-70 group-hover:opacity-100 will-change-transform"
+								>
+									<svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+										<path
+											d="M9 6L15 12L9 18"
+											stroke="currentColor"
+											stroke-width="2"
+											stroke-linecap="round"
+											stroke-linejoin="round"
+										/>
+									</svg>
+								</span>
+							`}
+
+					<span class="flex-1 font-medium text-base min-w-0">
+						<slot name="summary">${this.summary}</slot>
+					</span>
+
+					<slot name="actions"></slot>
+				</div>
+
+				${this.inline?c.html`
+							<div class="inline-grid" ?data-open=${this.open}>
+								<div class="inner">
+									<slot ${(0,l.ref)(this.contentSlotRef)}></slot>
+								</div>
+							</div>
+						`:c.html`
+							<div style=${(0,o.styleMap)(this.open?{}:{display:`none`})}>
+								<slot ${(0,l.ref)(this.contentSlotRef)}></slot>
+							</div>
+						`}
+			</div>
+		`}};e.u([(0,s.property)()],d.prototype,`summary`,void 0),e.u([(0,s.property)({type:Boolean,reflect:!0})],d.prototype,`open`,void 0),e.u([(0,s.property)({attribute:`summary-padding`})],d.prototype,`summaryPadding`,void 0),e.u([(0,s.property)({attribute:`content-padding`})],d.prototype,`contentPadding`,void 0),e.u([(0,s.property)({type:Boolean,attribute:`hide-indicator`})],d.prototype,`hideIndicator`,void 0),e.u([(0,s.property)({type:Number,attribute:`indicator-rotate`})],d.prototype,`indicatorRotate`,void 0),e.u([(0,s.property)({type:Boolean})],d.prototype,`backdrop`,void 0),e.u([(0,s.property)({type:Boolean})],d.prototype,`inline`,void 0),d=e.u([(0,s.customElement)(`schmancy-expand`)],d),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return`schmancy-expand-request-close`}});

package/dist/expand-D0YdR9nR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand-D0YdR9nR.cjs","names":[],"sources":["../src/expand/expand-root.component.ts","../src/expand/expand.component.ts"],"sourcesContent":["import { css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { SchmancyElement, SurfaceMixin } from '@mixins/index'\nimport type { TSurfaceColor } from '@schmancy/types'\nimport { SPRING_SMOOTH } from '../utils/animation.js'\nimport { reducedMotion$ } from '../directives/reduced-motion'\nimport '../surface/surface.js'\n\n@customElement('schmancy-expand-root')\nexport class SchmancyExpandRoot extends SurfaceMixin(SchmancyElement) {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: contents;\n\t\t\t}\n\n\t\t\t.portal-panel {\n\t\t\t\tposition: fixed;\n\t\t\t\ttransform-origin: top left;\n\t\t\t\twill-change: clip-path, opacity;\n\t\t\t\tborder-radius: 1rem;\n\t\t\t\tbox-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);\n\t\t\t\tz-index: 9999;\n\t\t\t}\n\n\t\t\t.minimize-btn {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0.5rem;\n\t\t\t\tright: 0.5rem;\n\t\t\t\tz-index: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\twidth: 2rem;\n\t\t\t\theight: 2rem;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tborder: none;\n\t\t\t\tbackground: transparent;\n\t\t\t\tcursor: pointer;\n\t\t\t\topacity: 0.5;\n\t\t\t\ttransition:\n\t\t\t\t\topacity 150ms,\n\t\t\t\t\tbackground 150ms;\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\n\t\t\t.minimize-btn:hover {\n\t\t\t\topacity: 1;\n\t\t\t\tbackground: rgb(0 0 0 / 0.08);\n\t\t\t}\n\t\t`,\n\t]\n\t@property({ reflect: true }) override type: TSurfaceColor = 'containerLowest'\n\t@state() isOpen = false\n\tprivate summaryRect: DOMRect | null = null\n\n\tprivate panelRef = createRef<HTMLElement>()\n\tprivate backdropRef = createRef<HTMLDivElement>()\n\tprivate btnRef = createRef<HTMLButtonElement>()\n\tprivate owner: (Element & { close?: () => void }) | null = null\n\tprivate hideIndicator = false\n\tprivate backdrop = true\n\n\t/** Called by schmancy-expand before nodes are moved */\n\tprepare(rect: DOMRect, owner: Element, hideIndicator = false, backdrop = true) {\n\t\tthis.summaryRect = rect\n\t\tthis.owner = owner as Element & { close?: () => void }\n\t\tthis.hideIndicator = hideIndicator\n\t\tthis.backdrop = backdrop\n\t}\n\n\t/** Called by schmancy-expand after nodes are moved in */\n\tasync triggerOpen() {\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tconst panel = this.panelRef.value\n\t\tif (!panel) return\n\n\t\tconst src = this.summaryRect!\n\n\t\t// 1. Anchor at summary's top-left, measure natural content size\n\t\t//    Use nearly full viewport height for measurement so content near the bottom\n\t\t//    of the screen isn't artificially capped — the positioning step will move the panel up.\n\t\tObject.assign(panel.style, {\n\t\t\tvisibility: 'hidden',\n\t\t\ttop: `${src.top}px`,\n\t\t\tleft: `${src.left}px`,\n\t\t\tminWidth: `${src.width}px`,\n\t\t\twidth: 'max-content',\n\t\t\tmaxWidth: `${window.innerWidth - src.left}px`,\n\t\t\theight: 'auto',\n\t\t\tmaxHeight: `${window.innerHeight - 32}px`,\n\t\t\toverflowY: 'auto',\n\t\t})\n\n\t\tconst measured = panel.getBoundingClientRect()\n\t\tconst finalW = measured.width\n\t\tconst finalH = measured.height\n\n\t\t// 2. Adjust position so panel stays within viewport\n\t\tlet finalTop = src.top\n\t\tlet finalLeft = src.left\n\t\tif (finalTop + finalH > window.innerHeight) {\n\t\t\tfinalTop = Math.max(0, src.bottom - finalH)\n\t\t}\n\t\tif (finalLeft + finalW > window.innerWidth) {\n\t\t\tfinalLeft = Math.max(0, window.innerWidth - finalW)\n\t\t}\n\n\t\t// 3. Compute clip-path insets — summary rect expressed relative to panel final position\n\t\t//    These insets shrink the visible area down to exactly the summary box\n\t\tconst insetTop = Math.max(0, src.top - finalTop)\n\t\tconst insetLeft = Math.max(0, src.left - finalLeft)\n\t\tconst insetRight = Math.max(0, finalLeft + finalW - (src.left + src.width))\n\t\tconst insetBottom = Math.max(0, finalTop + finalH - (src.top + src.height))\n\n\t\t// 4. Place panel at final size + position, masked to summary bounds (no flash)\n\t\tObject.assign(panel.style, {\n\t\t\tvisibility: '',\n\t\t\ttop: `${finalTop}px`,\n\t\t\tleft: `${finalLeft}px`,\n\t\t\tminWidth: `${src.width}px`,\n\t\t\twidth: `${finalW}px`,\n\t\t\theight: `${finalH}px`,\n\t\t\tmaxWidth: '',\n\t\t\tmaxHeight: '',\n\t\t\tclipPath: `inset(${insetTop}px ${insetRight}px ${insetBottom}px ${insetLeft}px round 0.5rem)`,\n\t\t})\n\n\t\t// 5. Animate the mask open — content revealed, not stretched\n\t\tthis.animateOpen(insetTop, insetRight, insetBottom, insetLeft, finalTop)\n\t}\n\n\t/** Animate close, return Promise resolving when done */\n\tasync triggerClose(targetRect: DOMRect): Promise<void> {\n\t\tawait this.animateClose(targetRect)\n\t\tthis.isOpen = false\n\t\tthis.summaryRect = null\n\t}\n\n\tprivate animateOpen(insetTop: number, insetRight: number, insetBottom: number, insetLeft: number, finalTop: number) {\n\t\tconst panel = this.panelRef.value\n\t\tif (!panel) return\n\n\t\tif (reducedMotion$.value) {\n\t\t\tpanel.style.clipPath = ''\n\t\t\treturn\n\t\t}\n\n\t\tconst backdrop = this.backdropRef.value\n\t\tif (backdrop) {\n\t\t\tbackdrop.animate([{ opacity: 0 }, { opacity: 1 }], {\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\n\t\tconst keyframes: Keyframe[] = [\n\t\t\t{\n\t\t\t\tclipPath: `inset(${insetTop}px ${insetRight}px ${insetBottom}px ${insetLeft}px round 0.5rem)`,\n\t\t\t\topacity: 0.9,\n\t\t\t},\n\t\t\t{\n\t\t\t\tclipPath: 'inset(0px 0px 0px 0px round 1rem)',\n\t\t\t\topacity: 1,\n\t\t\t},\n\t\t]\n\n\t\tconst anim = panel.animate(keyframes, {\n\t\t\tduration: SPRING_SMOOTH.duration,\n\t\t\teasing: SPRING_SMOOTH.easingFallback,\n\t\t\tfill: 'forwards',\n\t\t})\n\n\t\t// Clear clip-path and fixed dimensions after animation so content can grow naturally,\n\t\t// but cap at viewport height so overflow-y: auto can scroll\n\t\tanim.finished.then(() => {\n\t\t\tif (panel.isConnected) {\n\t\t\t\tpanel.style.clipPath = ''\n\t\t\t\tpanel.style.height = 'auto'\n\t\t\t\tpanel.style.maxHeight = `${window.innerHeight - finalTop - 16}px`\n\t\t\t}\n\t\t\treturn\n\t\t})\n\n\t\tconst btn = this.btnRef.value\n\t\tif (btn) {\n\t\t\tbtn.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(180deg)' }], {\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}\n\n\tprivate animateClose(targetRect: DOMRect): Promise<void> {\n\t\tconst panel = this.panelRef.value\n\t\tif (!panel) return Promise.resolve()\n\t\tif (reducedMotion$.value) return Promise.resolve()\n\n\t\t// Compute insets to mask panel back down to the summary box\n\t\tconst panelRect = panel.getBoundingClientRect()\n\t\tconst insetTop = Math.max(0, targetRect.top - panelRect.top)\n\t\tconst insetLeft = Math.max(0, targetRect.left - panelRect.left)\n\t\tconst insetRight = Math.max(0, panelRect.right - targetRect.right)\n\t\tconst insetBottom = Math.max(0, panelRect.bottom - targetRect.bottom)\n\n\t\tconst closeDuration = Math.round(SPRING_SMOOTH.duration * 0.4)\n\t\tconst closeEasing = 'cubic-bezier(0.4, 0, 1, 1)'\n\n\t\tconst closeKeyframes: Keyframe[] = [\n\t\t\t{ clipPath: 'inset(0px 0px 0px 0px round 1rem)', opacity: 1 },\n\t\t\t{\n\t\t\t\tclipPath: `inset(${insetTop}px ${insetRight}px ${insetBottom}px ${insetLeft}px round 0.5rem)`,\n\t\t\t\topacity: 0.6,\n\t\t\t},\n\t\t]\n\n\t\tconst anim = panel.animate(closeKeyframes, { duration: closeDuration, easing: closeEasing, fill: 'forwards' })\n\n\t\tconst backdrop = this.backdropRef.value\n\t\tif (backdrop) {\n\t\t\tbackdrop.animate([{ opacity: 1 }, { opacity: 0 }], {\n\t\t\t\tduration: closeDuration,\n\t\t\t\teasing: closeEasing,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t}\n\n\t\tconst btn = this.btnRef.value\n\t\tif (btn) {\n\t\t\tbtn.animate([{ transform: 'rotate(180deg)' }, { transform: 'rotate(0deg)' }], {\n\t\t\t\tduration: closeDuration,\n\t\t\t\teasing: closeEasing,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t}\n\n\t\treturn anim.finished as unknown as Promise<void>\n\t}\n\n\trender() {\n\t\tif (!this.isOpen) return nothing\n\n\t\treturn html`\n\t\t\t${this.backdrop\n\t\t\t\t? html`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t${ref(this.backdropRef)}\n\t\t\t\t\t\t\tclass=\"fixed inset-0 z-9998 backdrop-blur-sm backdrop-saturate-150 backdrop-brightness-105 bg-black/[0.07] will-change-[opacity]\"\n\t\t\t\t\t\t\t@click=${() => this.owner?.close?.()}\n\t\t\t\t\t\t></div>\n\t\t\t\t\t`\n\t\t\t\t: nothing}\n\t\t\t<schmancy-surface ${ref(this.panelRef)} class=\"portal-panel\" type=${this.type} style=\"overflow-y: auto;\">\n\t\t\t\t${!this.hideIndicator\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t${ref(this.btnRef)}\n\t\t\t\t\t\t\t\tclass=\"minimize-btn\"\n\t\t\t\t\t\t\t\taria-label=\"Minimize\"\n\t\t\t\t\t\t\t\t@click=${() => this.owner?.close?.()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\td=\"M19 9L12 16L5 9\"\n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-expand-root': SchmancyExpandRoot\n\t}\n}\n","import { css, html, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { filter, fromEvent, lastValueFrom } from 'rxjs'\nimport { tap, takeUntil } from 'rxjs/operators'\nimport { SchmancyElement } from '@mixins/index'\nimport { SPRING_SNAPPY } from '../utils/animation.js'\nimport { reducedMotion$ } from '../directives/reduced-motion'\nimport { SchmancyExpandRoot } from './expand-root.component.js'\n\n/** Dispatch this event on window to close whichever schmancy-expand is currently open */\nexport const SCHMANCY_EXPAND_REQUEST_CLOSE = 'schmancy-expand-request-close'\n\n@customElement('schmancy-expand')\nexport default class SchmancyExpand extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\tsummary::-webkit-details-marker {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\tsummary {\n\t\t\t\tlist-style: none;\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\n\t\t\t.inline-grid {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-rows: 0fr;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttransition:\n\t\t\t\t\tgrid-template-rows 300ms cubic-bezier(0.22, 1.25, 0.36, 1),\n\t\t\t\t\topacity 300ms cubic-bezier(0.22, 1.25, 0.36, 1);\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\t\t\t.inline-grid[data-open] {\n\t\t\t\tgrid-template-rows: 1fr;\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t.inline-grid > .inner {\n\t\t\t\tmin-height: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t`,\n\t]\n\t@property() summary = ''\n\n\t@property({ type: Boolean, reflect: true }) open = false\n\n\t@property({ attribute: 'summary-padding' }) summaryPadding = ''\n\n\t@property({ attribute: 'content-padding' }) contentPadding = ''\n\n\t@property({ type: Boolean, attribute: 'hide-indicator' }) hideIndicator = false\n\n\t@property({ type: Number, attribute: 'indicator-rotate' }) indicatorRotate = 90\n\n\t@property({ type: Boolean }) backdrop = true\n\n\t@property({ type: Boolean }) inline = false\n\n\tprivate summaryRef = createRef<HTMLElement>()\n\tprivate contentSlotRef = createRef<HTMLSlotElement>()\n\tprivate root: SchmancyExpandRoot | null = null\n\tprivate movedNodes: Element[] = []\n\tprivate currentIndicatorAnim: Animation | undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Close on Escape key\n\t\tfromEvent<KeyboardEvent>(window, 'keydown')\n\t\t\t.pipe(\n\t\t\t\tfilter(e => e.key === 'Escape'),\n\t\t\t\tfilter(() => this.open),\n\t\t\t\ttap(() => void this.handleClose()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Close on click outside the portal panel\n\t\tfromEvent<PointerEvent>(document, 'pointerdown')\n\t\t\t.pipe(\n\t\t\t\tfilter(() => this.open),\n\t\t\t\tfilter(e => !!this.root && !e.composedPath().includes(this.root)),\n\t\t\t\ttap(() => void this.handleClose()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tif (this.movedNodes.length > 0) {\n\t\t\tthis.movedNodes.forEach(n => this.appendChild(n))\n\t\t\tthis.movedNodes = []\n\t\t}\n\t\tif (this.root && this.root.children.length === 0) {\n\t\t\tthis.root.remove()\n\t\t\tthis.root = null\n\t\t}\n\t}\n\n\tprivate async getOrCreateRoot(): Promise<SchmancyExpandRoot> {\n\t\tconst theme = await lastValueFrom(this.discover<HTMLElement>('schmancy-theme'))\n\t\tconst container: HTMLElement = theme ?? document.querySelector('schmancy-theme') ?? document.body\n\t\tlet root = container.querySelector('schmancy-expand-root') as SchmancyExpandRoot | null\n\t\tif (!root) {\n\t\t\troot = new SchmancyExpandRoot()\n\t\t\tcontainer.appendChild(root)\n\t\t}\n\t\treturn root\n\t}\n\n\t/** Close the expand portal, animating back to the summary position. */\n\tpublic close(): void {\n\t\tvoid this.handleClose()\n\t}\n\n\t/** Programmatically open the expand portal. */\n\tpublic expand(): void {\n\t\tif (this.open) return\n\t\tvoid this.expandPortal()\n\t}\n\n\tprotected override updated(changed: Map<PropertyKey, unknown>) {\n\t\tsuper.updated(changed)\n\t\tif (changed.has('open') && this.open && !this.inline && !this.root) {\n\t\t\tvoid this.expandPortal()\n\t\t}\n\t}\n\n\tprivate toggle() {\n\t\tif (this.inline) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.animateIndicator(this.open)\n\t\t} else if (!this.open) {\n\t\t\tvoid this.expandPortal()\n\t\t}\n\t}\n\n\tprivate handleSummaryClick(e: MouseEvent) {\n\t\te.preventDefault()\n\t\tthis.toggle()\n\t}\n\n\tprivate async expandPortal() {\n\t\tif (this.inline) {\n\t\t\tthis.open = true\n\t\t\tthis.animateIndicator(true)\n\t\t\treturn\n\t\t}\n\n\t\tconst root = await this.getOrCreateRoot()\n\t\tthis.root = root\n\t\tconst summary = this.summaryRef.value\n\t\tconst contentSlot = this.contentSlotRef.value\n\t\tif (!summary || !contentSlot) return\n\n\t\tconst summaryRect = summary.getBoundingClientRect()\n\t\tconst nodes = contentSlot.assignedElements({ flatten: true })\n\t\tif (nodes.length === 0) return\n\n\t\troot.prepare(summaryRect, this, this.hideIndicator, this.backdrop)\n\n\t\tthis.movedNodes = [...nodes]\n\t\tthis.movedNodes.forEach(n => root.appendChild(n))\n\n\t\troot.triggerOpen()\n\n\t\tthis.animateIndicator(true)\n\t\tthis.open = true\n\t}\n\n\tasync handleClose() {\n\t\tif (this.inline) {\n\t\t\tthis.animateIndicator(false)\n\t\t\tthis.open = false\n\t\t\treturn\n\t\t}\n\n\t\tconst root = this.root\n\t\tconst summary = this.summaryRef.value\n\t\tif (!root || !summary) return\n\n\t\tconst summaryRect = summary.getBoundingClientRect()\n\t\tthis.animateIndicator(false)\n\n\t\tawait root.triggerClose(summaryRect)\n\n\t\tthis.movedNodes.forEach(n => this.appendChild(n))\n\t\tthis.movedNodes = []\n\t\tthis.open = false\n\t}\n\n\tprivate animateIndicator(isOpen: boolean) {\n\t\tif (reducedMotion$.value) return\n\n\t\tconst indicator = this.shadowRoot?.querySelector('.indicator') as HTMLElement | null\n\t\tif (!indicator) return\n\n\t\tthis.currentIndicatorAnim?.cancel()\n\t\tthis.currentIndicatorAnim = indicator.animate(\n\t\t\t[\n\t\t\t\t{ transform: `rotate(${isOpen ? '0deg' : `${this.indicatorRotate}deg`})` },\n\t\t\t\t{ transform: `rotate(${isOpen ? `${this.indicatorRotate}deg` : '0deg'})` },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: SPRING_SNAPPY.duration,\n\t\t\t\teasing: SPRING_SNAPPY.easingFallback,\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t)\n\t}\n\n\trender() {\n\t\tconst summaryClasses = this.classMap({\n\t\t\t[this.summaryPadding]: true,\n\t\t\t'select-none relative flex items-center gap-2 rounded-xl transition-all duration-150': true,\n\t\t\t'hover:brightness-[0.92] active:brightness-[0.85] cursor-pointer group': true,\n\t\t\t'flex-row-reverse': true,\n\t\t})\n\n\t\treturn html`\n\t\t\t<div class=\"w-full rounded-xl\">\n\t\t\t\t<div\n\t\t\t\t\t${ref(this.summaryRef)}\n\t\t\t\t\tclass=${summaryClasses}\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\t@click=${this.handleSummaryClick}\n\t\t\t\t\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${!this.hideIndicator\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"indicator flex items-center justify-center w-5 h-5 rounded-full shrink-0 opacity-70 group-hover:opacity-100 will-change-transform\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\td=\"M9 6L15 12L9 18\"\n\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t`\n\t\t\t\t\t\t: nothing}\n\n\t\t\t\t\t<span class=\"flex-1 font-medium text-base min-w-0\">\n\t\t\t\t\t\t<slot name=\"summary\">${this.summary}</slot>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<slot name=\"actions\"></slot>\n\t\t\t\t</div>\n\n\t\t\t\t${this.inline\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div class=\"inline-grid\" ?data-open=${this.open}>\n\t\t\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t\t\t<slot ${ref(this.contentSlotRef)}></slot>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: html`\n\t\t\t\t\t\t\t<div style=${styleMap(this.open ? {} : { display: 'none' })}>\n\t\t\t\t\t\t\t\t<slot ${ref(this.contentSlotRef)}></slot>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-expand': SchmancyExpand\n\t}\n}\n"],"mappings":"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"}

package/dist/expand.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./expand-_cp8oBjp.cjs`);exports.SCHMANCY_EXPAND_REQUEST_CLOSE=e.t,Object.defineProperty(exports,`SchmancyExpandRoot`,{enumerable:!0,get:function(){return e.n}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./expand-D0YdR9nR.cjs`);exports.SCHMANCY_EXPAND_REQUEST_CLOSE=e.t,Object.defineProperty(exports,`SchmancyExpandRoot`,{enumerable:!0,get:function(){return e.n}});

package/dist/expand.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./expand-DNrWuG_-.js";
+import { n as e, t } from "./expand-BT8mOu8Q.js";
 export { t as SCHMANCY_EXPAND_REQUEST_CLOSE, e as SchmancyExpandRoot };

package/dist/fab.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-D9WA9FP9.cjs`);require(`./mixins-XGVIOvKt.cjs`);const t=require(`./magnetic-DKtc4umC.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`),i=require(`lit/directives/if-defined.js`),a=require(`lit/directives/when.js`);var o=class extends e.t{constructor(...e){super(...e),this.variant=`surface`,this.size=`medium`,this.label=``,this.extended=!1,this.lowered=!1}static{this.styles=[r.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-CeKrBW2j.cjs`);require(`./mixins-Cjn20BQH.cjs`);const t=require(`./magnetic-DKtc4umC.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`),i=require(`lit/directives/if-defined.js`),a=require(`lit/directives/when.js`);var o=class extends e.t{constructor(...e){super(...e),this.variant=`surface`,this.size=`medium`,this.label=``,this.extended=!1,this.lowered=!1}static{this.styles=[r.css`
 			:host {
 				/* M3 FAB (medium) — 16dp shape, 24dp icon, resting level 3 */
 				display: inline-flex;