@mhmo91/schmancy 0.7.6 → 0.8.3

package/dist/{boat-RNCKlx8b.js.map → boat-CowHieO2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"boat-RNCKlx8b.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref, Ref } from 'lit/directives/ref.js'\nimport { cache } from 'lit/directives/cache.js'\nimport { fromEvent, interval, merge, race } from 'rxjs'\nimport { filter, finalize, map, startWith, switchMap, take, takeUntil, tap } from 'rxjs/operators'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\ninterface Position {\n\tx: number\n\ty: number\n}\n\ninterface SavedPosition {\n\tx: number\n\ty: number\n\tanchor: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n}\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends $LitElement(css`\n\t:host {\n\t\tdisplay: contents;\n\t\tposition: relative;\n\t\tz-index: 1000;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tget state(): BoatState {\n\t\treturn this.currentState\n\t}\n\tset state(value: BoatState) {\n\t\tif (this.isAnimating || value === this.currentState) return\n\t\tthis.animateToState(value)\n\t}\n\n\t@property({ type: String }) id: string = 'default'\n\n\t@property({ type: Boolean, reflect: true })\n\tget lowered(): boolean {\n\t\treturn this.isLowered\n\t}\n\tset lowered(value: boolean) {\n\t\tthis.isLowered = value\n\t\tthis.requestUpdate()\n\t}\n\n\t// New properties for simplified API\n\t@property({ type: String }) icon?: string\n\t@property({ type: String }) label?: string\n\t@property() badge?: string | number\n\n\t// Element references\n\tprivate containerRef: Ref<HTMLDivElement> = createRef()\n\tprivate contentRef: Ref<HTMLElement> = createRef()\n\tprivate iconRef: Ref<HTMLElement> = createRef()\n\tprivate headerRef: Ref<HTMLElement> = createRef()\n\n\t// Current animation reference\n\tprivate currentAnimation?: Animation\n\n\t// Animation configuration\n\tprivate readonly ANIMATION_CONFIG = {\n\t\tdurations: {\n\t\t\texpand: 350,\n\t\t\tminimize: 250,\n\t\t\thide: 200,\n\t\t\tcontent: 300,\n\t\t},\n\t\teasing: {\n\t\t\temphasized: 'cubic-bezier(0.2, 0.0, 0, 1.0)',\n\t\t\tdecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1.0)',\n\t\t\taccelerate: 'cubic-bezier(0.3, 0.0, 0.8, 0.15)',\n\t\t\tstandard: 'cubic-bezier(0.4, 0.0, 0.2, 1)',\n\t\t},\n\t\tshadows: {\n\t\t\tfab: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n\t\t\tfabLowered:\n\t\t\t\t'0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12)',\n\t\t\texpanded: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n\t\t},\n\t}\n\n\t// Reactive state for template\n\t@state() private currentState: BoatState = 'minimized'\n\t@state() private isContentVisible: boolean = false\n\t@state() private isAnimating: boolean = false\n\t@state() private isLowered: boolean = false\n\t@state() private isDragging: boolean = false\n\t@state() private position: Position = { x: 16, y: 16 }\n\t@state() private anchor: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' = 'bottom-right'\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tif (typeof window !== 'undefined') {\n\t\t\tfromEvent(window, 'resize')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\tif (this.currentState === 'expanded') {\n\t\t\t\t\t\tthis.updateExpandedWidth()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Validate viewport after resize to ensure boat stays visible\n\t\t\t\t\tconst container = this.containerRef.value\n\t\t\t\t\tif (container) {\n\t\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\t\t// Only validate if dimensions are ready\n\t\t\t\t\t\tif (rect.width > 0 && rect.height > 0) {\n\t\t\t\t\t\t\tconst vw = window.innerWidth\n\t\t\t\t\t\t\tconst vh = window.innerHeight\n\n\t\t\t\t\t\t\tconst actualLeft = this.anchor.includes('right') ? vw - this.position.x - rect.width : this.position.x\n\n\t\t\t\t\t\t\tconst actualTop = this.anchor.includes('bottom') ? vh - this.position.y - rect.height : this.position.y\n\n\t\t\t\t\t\t\tlet needsUpdate = false\n\t\t\t\t\t\t\tlet newLeft = actualLeft\n\t\t\t\t\t\t\tlet newTop = actualTop\n\n\t\t\t\t\t\t\tif (actualLeft < 0) {\n\t\t\t\t\t\t\t\tnewLeft = 16\n\t\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (actualLeft + rect.width > vw) {\n\t\t\t\t\t\t\t\tnewLeft = vw - rect.width - 16\n\t\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (actualTop < 0) {\n\t\t\t\t\t\t\t\tnewTop = 16\n\t\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (actualTop + rect.height > vh) {\n\t\t\t\t\t\t\t\tnewTop = vh - rect.height - 16\n\t\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (needsUpdate) {\n\t\t\t\t\t\t\t\tthis.position.x = this.anchor.includes('right') ? vw - newLeft - rect.width : newLeft\n\n\t\t\t\t\t\t\t\tthis.position.y = this.anchor.includes('bottom') ? vh - newTop - rect.height : newTop\n\n\t\t\t\t\t\t\t\tthis.position.x = Math.max(0, this.position.x)\n\t\t\t\t\t\t\t\tthis.position.y = Math.max(0, this.position.y)\n\n\t\t\t\t\t\t\t\tthis.updateContainerPosition()\n\t\t\t\t\t\t\t\tthis.savePosition()\n\t\t\t\t\t\t\t\tconsole.log(`✨ Boat \"${this.id}\" repositioned after resize:`, this.position)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\n\t\t\t// Keyboard shortcut - Escape key\n\t\t\tfromEvent<KeyboardEvent>(window, 'keydown')\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter(e => e.key === 'Escape' && this.currentState !== 'hidden'),\n\t\t\t\t\ttap(e => e.preventDefault()),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t)\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\tif (this.currentState === 'expanded') {\n\t\t\t\t\t\tthis.toggleState() // Minimize on Esc if expanded\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.close() // Hide on Esc if minimized\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\t}\n\n\n\tprivate async animateToState(targetState: BoatState) {\n\t\tif (this.isAnimating || targetState === this.currentState) return\n\n\t\tconst previousState = this.currentState\n\t\tthis.isAnimating = true\n\n\t\ttry {\n\t\t\tawait this.performTransition(previousState, targetState)\n\t\t\tthis.currentState = targetState\n\t\t\tthis.isContentVisible = targetState === 'expanded'\n\n\t\t\t// Dispatch event\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('toggle', {\n\t\t\t\t\tdetail: targetState,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} catch (err) {\n\t\t\tconsole.warn('Animation error:', err)\n\t\t\tthis.currentState = targetState\n\t\t\tthis.isContentVisible = targetState === 'expanded'\n\t\t} finally {\n\t\t\tthis.isAnimating = false\n\t\t}\n\t}\n\n\t// Simplified animation transition\n\tprivate async performTransition(fromState: BoatState, toState: BoatState): Promise<void> {\n\t\tthis.currentAnimation?.cancel()\n\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\t// Update content visibility before expand and wait for render\n\t\tif (toState === 'expanded') {\n\t\t\tthis.isContentVisible = true\n\t\t\tawait this.updateComplete\n\t\t}\n\n\t\t// Create animations\n\t\tconst animations = this.createAnimations(fromState, toState)\n\n\t\t// Wait for main animation to complete\n\t\tif (animations.container) {\n\t\t\tthis.currentAnimation = animations.container\n\t\t\tawait animations.container.finished\n\n\t\t\t// Wait for content fade-out animation before removing from DOM\n\t\t\tif (animations.content) {\n\t\t\t\tawait animations.content.finished\n\t\t\t}\n\n\t\t\t// Hide content after minimize\n\t\t\tif (toState !== 'expanded') {\n\t\t\t\tthis.isContentVisible = false\n\t\t\t} else {\n\t\t\t\t// CRITICAL: After expanding, validate viewport bounds\n\t\t\t\t// The expanded boat is much larger and might go outside viewport\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\tif (rect.width > 0 && rect.height > 0) {\n\t\t\t\t\t\tconst vw = window.innerWidth\n\t\t\t\t\t\tconst vh = window.innerHeight\n\n\t\t\t\t\t\tconst actualLeft = this.anchor.includes('right') ? vw - this.position.x - rect.width : this.position.x\n\n\t\t\t\t\t\tconst actualTop = this.anchor.includes('bottom') ? vh - this.position.y - rect.height : this.position.y\n\n\t\t\t\t\t\tlet needsUpdate = false\n\t\t\t\t\t\tlet newLeft = actualLeft\n\t\t\t\t\t\tlet newTop = actualTop\n\n\t\t\t\t\t\tif (actualLeft < 0) {\n\t\t\t\t\t\t\tnewLeft = 16\n\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (actualLeft + rect.width > vw) {\n\t\t\t\t\t\t\tnewLeft = vw - rect.width - 16\n\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (actualTop < 0) {\n\t\t\t\t\t\t\tnewTop = 16\n\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (actualTop + rect.height > vh) {\n\t\t\t\t\t\t\tnewTop = vh - rect.height - 16\n\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (needsUpdate) {\n\t\t\t\t\t\t\tthis.position.x = this.anchor.includes('right') ? vw - newLeft - rect.width : newLeft\n\n\t\t\t\t\t\t\tthis.position.y = this.anchor.includes('bottom') ? vh - newTop - rect.height : newTop\n\n\t\t\t\t\t\t\tthis.position.x = Math.max(0, this.position.x)\n\t\t\t\t\t\t\tthis.position.y = Math.max(0, this.position.y)\n\n\t\t\t\t\t\t\tthis.updateContainerPosition()\n\t\t\t\t\t\t\tthis.savePosition()\n\t\t\t\t\t\t\tconsole.log(`✨ Boat \"${this.id}\" snapped after expand:`, this.position)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Create animations for state transition\n\tprivate createAnimations(fromState: BoatState, toState: BoatState) {\n\t\tconst container = this.containerRef.value\n\t\tconst content = this.contentRef.value\n\t\tconst icon = this.iconRef.value\n\t\tconst animations: { container?: Animation; content?: Animation; icon?: Animation } = {}\n\n\t\tif (!container) return animations\n\n\t\tconst config = this.ANIMATION_CONFIG\n\t\tconst fromStyles = this.getStyleForState(fromState)\n\t\tconst toStyles = this.getStyleForState(toState)\n\n\t\t// Container animation\n\t\tif (toState === 'expanded') {\n\t\t\t// Expand animation without transform\n\t\t\tanimations.container = container.animate([fromStyles, toStyles], {\n\t\t\t\tduration: config.durations.expand,\n\t\t\t\teasing: config.easing.decelerate,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t} else {\n\t\t\tanimations.container = container.animate([fromStyles, toStyles], {\n\t\t\t\tduration: toState === 'hidden' ? config.durations.hide : config.durations.minimize,\n\t\t\t\teasing: config.easing.accelerate,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t}\n\n\t\t// Content animation (only for expand/minimize transitions)\n\t\tif (content && fromState === 'expanded' && toState === 'minimized') {\n\t\t\t// Fade out content before minimizing - MUST await this before removing from DOM\n\t\t\tanimations.content = content.animate(\n\t\t\t\t[\n\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t\t{ opacity: 0, transform: 'translateY(-8px)' },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 150,\n\t\t\t\t\teasing: config.easing.standard,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t} else if (content && toState === 'expanded') {\n\t\t\t// Fade in content when expanding\n\t\t\tcontent.animate(\n\t\t\t\t[\n\t\t\t\t\t{ opacity: 0, transform: 'translateY(8px)' },\n\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: config.durations.content,\n\t\t\t\t\teasing: config.easing.standard,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t}\n\n\t\t// Icon rotation animation\n\t\tif (icon) {\n\t\t\tconst isExpanding = toState === 'expanded'\n\t\t\tconst isCollapsing = fromState === 'expanded' && toState === 'minimized'\n\n\t\t\tif (isExpanding || isCollapsing) {\n\t\t\t\ticon.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{ transform: isExpanding ? 'rotate(0deg)' : 'rotate(180deg)' },\n\t\t\t\t\t\t{ transform: isExpanding ? 'rotate(180deg)' : 'rotate(0deg)' },\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: 250,\n\t\t\t\t\t\teasing: config.easing.emphasized,\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\n\t\treturn animations\n\t}\n\n\t// Get styles for a specific state\n\tprivate getStyleForState(state: BoatState): Keyframe {\n\t\tconst { shadows } = this.ANIMATION_CONFIG\n\t\tconst baseStyles = {\n\t\t\tmaxWidth: 'fit',\n\t\t\tmaxHeight: 'auto',\n\t\t\tborderRadius: '16px',\n\t\t}\n\n\t\tconst stateStyles: Record<BoatState, Keyframe> = {\n\t\t\thidden: {\n\t\t\t\t...baseStyles,\n\t\t\t\topacity: '0',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tboxShadow: 'none',\n\t\t\t\tbackdropFilter: 'none',\n\t\t\t},\n\t\t\tminimized: {\n\t\t\t\t...baseStyles,\n\t\t\t\topacity: '1',\n\t\t\t\tpointerEvents: 'auto',\n\t\t\t\tboxShadow: this.isLowered ? shadows.fabLowered : shadows.fab,\n\t\t\t\tbackdropFilter: 'none',\n\t\t\t},\n\t\t\texpanded: {\n\t\t\t\topacity: '1',\n\t\t\t\tpointerEvents: 'auto',\n\t\t\t\twidth: this.getResponsiveWidth(),\n\t\t\t\tmaxWidth: '100%',\n\t\t\t\tmaxHeight: '80vh',\n\t\t\t\tboxShadow: shadows.expanded,\n\t\t\t\tborderRadius: '8px 8px 0 0',\n\t\t\t\tbackdropFilter: 'blur(12px)',\n\t\t\t},\n\t\t}\n\n\t\treturn stateStyles[state] as Keyframe\n\t}\n\n\t// Calculate responsive width based on viewport\n\tprivate getResponsiveWidth(): string {\n\t\tif (typeof window === 'undefined') return '40vw'\n\n\t\tconst vw = window.innerWidth\n\t\tif (vw < 768) return 'calc(100vw - 32px)'\n\t\tif (vw < 1024) return '70vw'\n\t\tif (vw < 1280) return '60vw'\n\t\treturn '40vw'\n\t}\n\n\t// Update expanded width on window resize\n\tprivate updateExpandedWidth() {\n\t\tconst container = this.containerRef.value\n\t\tif (container && this.currentState === 'expanded') {\n\t\t\tcontainer.style.width = this.getResponsiveWidth()\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.applyInitialStyles()\n\t\tthis.updateContainerPosition()\n\n\t\t// Wait for container to have actual dimensions before validation\n\t\t// Uses pattern from animated-text.ts - poll until dimensions are ready\n\t\tconst container = this.containerRef.value\n\t\tif (container) {\n\t\t\tinterval(10)\n\t\t\t\t.pipe(\n\t\t\t\t\tstartWith(true),\n\t\t\t\t\tfilter(() => {\n\t\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\t\treturn rect.width > 0 && rect.height > 0\n\t\t\t\t\t}),\n\t\t\t\t\ttake(1),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t)\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\t// Validate and snap to viewport if needed\n\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\tconst vw = window.innerWidth\n\t\t\t\t\tconst vh = window.innerHeight\n\n\t\t\t\t\t// Calculate actual position based on anchor\n\t\t\t\t\tconst actualLeft = this.anchor.includes('right') ? vw - this.position.x - rect.width : this.position.x\n\n\t\t\t\t\tconst actualTop = this.anchor.includes('bottom') ? vh - this.position.y - rect.height : this.position.y\n\n\t\t\t\t\t// Check if boat is outside viewport bounds\n\t\t\t\t\tlet needsUpdate = false\n\t\t\t\t\tlet newLeft = actualLeft\n\t\t\t\t\tlet newTop = actualTop\n\n\t\t\t\t\t// Snap to viewport edges if outside (16px padding)\n\t\t\t\t\tif (actualLeft < 0) {\n\t\t\t\t\t\tnewLeft = 16\n\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t}\n\t\t\t\t\tif (actualLeft + rect.width > vw) {\n\t\t\t\t\t\tnewLeft = vw - rect.width - 16\n\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t}\n\t\t\t\t\tif (actualTop < 0) {\n\t\t\t\t\t\tnewTop = 16\n\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t}\n\t\t\t\t\tif (actualTop + rect.height > vh) {\n\t\t\t\t\t\tnewTop = vh - rect.height - 16\n\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t}\n\n\t\t\t\t\t// Update position if boat was outside viewport\n\t\t\t\t\tif (needsUpdate) {\n\t\t\t\t\t\t// Convert back to anchor-relative coordinates\n\t\t\t\t\t\tthis.position.x = this.anchor.includes('right') ? vw - newLeft - rect.width : newLeft\n\n\t\t\t\t\t\tthis.position.y = this.anchor.includes('bottom') ? vh - newTop - rect.height : newTop\n\n\t\t\t\t\t\t// Ensure position is never negative\n\t\t\t\t\t\tthis.position.x = Math.max(0, this.position.x)\n\t\t\t\t\t\tthis.position.y = Math.max(0, this.position.y)\n\n\t\t\t\t\t\tthis.updateContainerPosition()\n\t\t\t\t\t\tthis.savePosition()\n\t\t\t\t\t\tconsole.log(`✨ Boat \"${this.id}\" snapped to viewport edge:`, this.position, this.anchor)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\n\t\tthis.setupDragPipeline()\n\n\t\t// Check for deprecated header slot usage\n\t\tconst hasHeaderSlot = this.querySelector('[slot=\"header\"]')\n\t\tif (hasHeaderSlot && !this.icon && !this.label) {\n\t\t\tconsole.warn(\n\t\t\t\t'[schmancy-boat] Using slot=\"header\" is deprecated. ' +\n\t\t\t\t\t'Please use the icon, label, and badge properties instead. ' +\n\t\t\t\t\t'Example: <schmancy-boat icon=\"info\" label=\"Title\" badge=\"5\">',\n\t\t\t)\n\t\t}\n\t}\n\n\t// Apply initial styles to elements\n\tprivate applyInitialStyles() {\n\t\tconst container = this.containerRef.value\n\t\tconst content = this.contentRef.value\n\t\tconst icon = this.iconRef.value\n\n\t\tif (container) {\n\t\t\tconst initialStyle = this.getStyleForState(this.currentState)\n\t\t\tObject.assign(container.style, initialStyle)\n\n\t\t\t// Safari compatibility for backdrop filter\n\t\t\tif ('webkitBackdropFilter' in container.style) {\n\t\t\t\t;(container.style as any).webkitBackdropFilter = initialStyle.backdropFilter\n\t\t\t}\n\t\t}\n\n\t\t// Set initial content opacity\n\t\tif (content) {\n\t\t\tcontent.style.opacity = this.isContentVisible ? '1' : '0'\n\t\t}\n\n\t\t// Set initial icon rotation\n\t\tif (icon && this.currentState === 'expanded') {\n\t\t\ticon.style.transform = 'rotate(180deg)'\n\t\t}\n\t}\n\n\t// Public method to toggle between minimized and expanded\n\ttoggleState() {\n\t\tconst newState = this.currentState === 'minimized' ? 'expanded' : 'minimized'\n\t\tthis.animateToState(newState)\n\t}\n\n\t// Public method to close (hide) the boat\n\tclose() {\n\t\tthis.animateToState('hidden')\n\t}\n\n\tprivate closeAndAddToNav() {\n\t\trace(\n\t\t\tthis.discover<any>('schmancy-navigation-rail'),\n\t\t\tthis.discover<any>('schmancy-navigation-bar'),\n\t\t\tthis.discover<any>('schmancy-nav-drawer'),\n\t\t\tthis.discover<any>('app-navigation-rail'),\n\t\t\tthis.discover<any>('app-navigation-bar'),\n\t\t\tthis.discover<any>('app-nav-drawer'),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\ttake(1),\n\t\t\t\ttap(navComponent => {\n\t\t\t\t\tif (navComponent && typeof navComponent.addBoatItem === 'function') {\n\t\t\t\t\t\t// Use properties first, fall back to slot parsing\n\t\t\t\t\t\tconst icon =\n\t\t\t\t\t\t\tthis.icon ||\n\t\t\t\t\t\t\t(() => {\n\t\t\t\t\t\t\t\tconst headerSlot = this.querySelector('[slot=\"header\"]')\n\t\t\t\t\t\t\t\tconst iconElement = headerSlot?.querySelector('schmancy-icon')\n\t\t\t\t\t\t\t\treturn iconElement?.textContent?.trim() || 'widgets'\n\t\t\t\t\t\t\t})()\n\n\t\t\t\t\t\tconst label =\n\t\t\t\t\t\t\tthis.label ||\n\t\t\t\t\t\t\t(() => {\n\t\t\t\t\t\t\t\tconst headerSlot = this.querySelector('[slot=\"header\"]')\n\t\t\t\t\t\t\t\tlet title = headerSlot?.textContent?.trim() || 'Boat'\n\t\t\t\t\t\t\t\tif (icon && title.includes(icon)) {\n\t\t\t\t\t\t\t\t\ttitle = title.replace(icon, '').trim()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn title || this.id\n\t\t\t\t\t\t\t})()\n\n\t\t\t\t\t\t// Add the boat to navigation\n\t\t\t\t\t\tconst navItem = navComponent.addBoatItem({\n\t\t\t\t\t\t\tid: `boat-${this.id}`,\n\t\t\t\t\t\t\ttitle: label,\n\t\t\t\t\t\t\ticon: icon,\n\t\t\t\t\t\t})\n\n\t\t\t\t\t\tif (navItem) {\n\t\t\t\t\t\t\t// Simple fade out then hide\n\t\t\t\t\t\t\tconst container = this.containerRef.value\n\t\t\t\t\t\t\tif (container) {\n\t\t\t\t\t\t\t\tcontainer\n\t\t\t\t\t\t\t\t\t.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 150, easing: 'ease-out', fill: 'forwards' })\n\t\t\t\t\t\t\t\t\t.finished.then(() => {\n\t\t\t\t\t\t\t\t\t\tthis.currentState = 'hidden'\n\t\t\t\t\t\t\t\t\t\tthis.isContentVisible = false\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tthis.currentState = 'hidden'\n\t\t\t\t\t\t\t\tthis.isContentVisible = false\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Set up click listener to reopen - using RxJS pattern\n\t\t\t\t\t\t\tfromEvent(navItem, 'click')\n\t\t\t\t\t\t\t\t.pipe(\n\t\t\t\t\t\t\t\t\ttap(() => (this.state = 'expanded')),\n\t\t\t\t\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.subscribe()\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// No nav component found, just hide\n\t\t\t\t\t\tthis.close()\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate calculateDragPosition(\n\t\tclientX: number,\n\t\tclientY: number,\n\t\toffsetX: number,\n\t\toffsetY: number,\n\t\tinitialRect: DOMRect,\n\t): Position {\n\t\tconst targetLeft = clientX - offsetX\n\t\tconst targetTop = clientY - offsetY\n\t\tconst vw = window.innerWidth\n\t\tconst vh = window.innerHeight\n\t\tconst clampedLeft = Math.max(0, Math.min(targetLeft, vw - initialRect.width))\n\t\tconst clampedTop = Math.max(0, Math.min(targetTop, vh - initialRect.height))\n\n\t\tconst newX = this.anchor.includes('right') ? vw - (clampedLeft + initialRect.width) : clampedLeft\n\n\t\tconst newY = this.anchor.includes('bottom') ? vh - (clampedTop + initialRect.height) : clampedTop\n\n\t\treturn { x: Math.max(0, newX), y: Math.max(0, newY) }\n\t}\n\n\tprivate savePosition() {\n\t\tif (typeof window === 'undefined') return\n\n\t\tconst toSave: SavedPosition = {\n\t\t\tx: this.position.x,\n\t\t\ty: this.position.y,\n\t\t\tanchor: this.anchor,\n\t\t}\n\t\tconst key = `schmancy-boat-${this.id}`\n\t\tlocalStorage.setItem(key, JSON.stringify(toSave))\n\t\tconsole.log('💾 Saved position:', key, toSave)\n\t}\n\n\tprivate setupDragPipeline() {\n\t\tif (typeof window === 'undefined') return\n\n\t\tconst header = this.headerRef.value\n\t\tconst container = this.containerRef.value\n\t\tif (!header || !container) return\n\n\t\tlet hasDragged = false\n\t\tconst DRAG_THRESHOLD = 5\n\n\t\t// Merge mouse and touch start events\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(header, 'mousedown').pipe(\n\t\t\t\tfilter(e => e.button === 0),\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\tmap(e => ({\n\t\t\t\t\tclientX: e.clientX,\n\t\t\t\t\tclientY: e.clientY,\n\t\t\t\t\ttype: 'mouse' as const,\n\t\t\t\t})),\n\t\t\t),\n\t\t\tfromEvent<TouchEvent>(header, 'touchstart').pipe(\n\t\t\t\tmap(e => ({\n\t\t\t\t\tclientX: e.touches[0].clientX,\n\t\t\t\t\tclientY: e.touches[0].clientY,\n\t\t\t\t\ttype: 'touch' as const,\n\t\t\t\t})),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tmap(({ clientX, clientY, type }) => {\n\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\thasDragged = false\n\t\t\t\t\treturn {\n\t\t\t\t\t\tstartX: clientX,\n\t\t\t\t\t\tstartY: clientY,\n\t\t\t\t\t\toffsetX: clientX - rect.left,\n\t\t\t\t\t\toffsetY: clientY - rect.top,\n\t\t\t\t\t\tinitialRect: rect,\n\t\t\t\t\t\ttype,\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(({ startX, startY, offsetX, offsetY, initialRect, type }) => {\n\t\t\t\t\tconst move$ =\n\t\t\t\t\t\ttype === 'mouse'\n\t\t\t\t\t\t\t? fromEvent<MouseEvent>(window, 'mousemove').pipe(map(e => ({ clientX: e.clientX, clientY: e.clientY })))\n\t\t\t\t\t\t\t: fromEvent<TouchEvent>(window, 'touchmove').pipe(\n\t\t\t\t\t\t\t\t\tmap(e => ({ clientX: e.touches[0].clientX, clientY: e.touches[0].clientY })),\n\t\t\t\t\t\t\t\t)\n\n\t\t\t\t\tconst end$ = type === 'mouse' ? fromEvent(window, 'mouseup') : fromEvent(window, 'touchend')\n\n\t\t\t\t\treturn move$.pipe(\n\t\t\t\t\t\tmap(({ clientX, clientY }) => {\n\t\t\t\t\t\t\tconst deltaX = clientX - startX\n\t\t\t\t\t\t\tconst deltaY = clientY - startY\n\t\t\t\t\t\t\tconst distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY)\n\n\t\t\t\t\t\t\tif (distance > DRAG_THRESHOLD && !hasDragged) {\n\t\t\t\t\t\t\t\thasDragged = true\n\t\t\t\t\t\t\t\tthis.isDragging = true\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (!hasDragged) return null\n\n\t\t\t\t\t\t\treturn this.calculateDragPosition(clientX, clientY, offsetX, offsetY, initialRect)\n\t\t\t\t\t\t}),\n\t\t\t\t\t\tfilter(position => position !== null),\n\t\t\t\t\t\ttap(position => {\n\t\t\t\t\t\t\tif (position) {\n\t\t\t\t\t\t\t\tthis.position = position\n\t\t\t\t\t\t\t\tthis.updateContainerPosition()\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}),\n\t\t\t\t\t\ttakeUntil(end$),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t\tfinalize(() => {\n\t\t\t\t\tif (hasDragged) {\n\t\t\t\t\t\tthis.updateAnchor()\n\t\t\t\t\t\tthis.savePosition()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.toggleState()\n\t\t\t\t\t}\n\t\t\t\t\tthis.isDragging = false\n\t\t\t\t\thasDragged = false\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t// Update container position based on anchor and position values\n\tprivate updateContainerPosition() {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\t// Reset all position styles\n\t\tcontainer.style.removeProperty('left')\n\t\tcontainer.style.removeProperty('right')\n\t\tcontainer.style.removeProperty('top')\n\t\tcontainer.style.removeProperty('bottom')\n\n\t\t// Apply new position based on anchor\n\t\tif (this.anchor.includes('right')) {\n\t\t\tcontainer.style.right = `${this.position.x}px`\n\t\t} else {\n\t\t\tcontainer.style.left = `${this.position.x}px`\n\t\t}\n\n\t\tif (this.anchor.includes('bottom')) {\n\t\t\tcontainer.style.bottom = `${this.position.y}px`\n\t\t} else {\n\t\t\tcontainer.style.top = `${this.position.y}px`\n\t\t}\n\t}\n\n\t// Update anchor based on current position\n\tprivate updateAnchor() {\n\t\tif (typeof window === 'undefined') return\n\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\tconst rect = container.getBoundingClientRect()\n\t\tconst vw = window.innerWidth\n\t\tconst vh = window.innerHeight\n\n\t\tconst isRight = rect.left > vw / 2\n\t\tconst isBottom = rect.top > vh / 2\n\n\t\tconst newAnchor = `${isBottom ? 'bottom' : 'top'}-${isRight ? 'right' : 'left'}` as typeof this.anchor\n\n\t\tif (newAnchor !== this.anchor) {\n\t\t\t// Calculate new position values for the new anchor\n\t\t\tif (isRight) {\n\t\t\t\tthis.position.x = vw - rect.right\n\t\t\t} else {\n\t\t\t\tthis.position.x = rect.left\n\t\t\t}\n\n\t\t\tif (isBottom) {\n\t\t\t\tthis.position.y = vh - rect.bottom\n\t\t\t} else {\n\t\t\t\tthis.position.y = rect.top\n\t\t\t}\n\n\t\t\tthis.anchor = newAnchor\n\t\t}\n\t}\n\n\t// Cleanup on component disconnect\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.currentAnimation?.cancel()\n\t}\n\n\tprotected render(): unknown {\n\t\tconst surfaceElevation = this.currentState === 'minimized' ? (this.isLowered ? '1' : '3') : '4'\n\t\tconst isMinimized = this.currentState === 'minimized'\n\n\t\t// Set transform origin based on anchor for proper expansion\n\t\tconst transformOrigin = this.anchor.includes('bottom')\n\t\t\t? this.anchor.includes('right')\n\t\t\t\t? 'bottom right'\n\t\t\t\t: 'bottom left'\n\t\t\t: this.anchor.includes('right')\n\t\t\t\t? 'top right'\n\t\t\t\t: 'top left'\n\n\t\tconst containerClasses = {\n\t\t\tfixed: true,\n\t\t\t'overflow-y-auto': true,\n\t\t\tflex: true,\n\t\t\t'flex-col': true,\n\t\t\t'select-none': true,\n\t\t\t'will-change-transform': true,\n\t\t\t'[contain:layout_style]': true,\n\t\t\t'[transform:translate3d(0,0,0)]': true,\n\t\t\t'[backface-visibility:hidden]': true,\n\t\t\t'transition-shadow': true,\n\t\t\t'opacity-95': this.isDragging,\n\t\t\t'shadow-[0_24px_48px_-8px_rgba(0,0,0,0.2),0_12px_24px_-4px_rgba(0,0,0,0.12)]': this.isDragging,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${this.classMap(containerClasses)}\n\t\t\t\tstyle=\"transform-origin: ${transformOrigin}\"\n\t\t\t\t${ref(this.containerRef)}\n\t\t\t>\n\t\t\t\t<!-- Header section -->\n\t\t\t\t<section class=\"sticky top-0 z-100\">\n\t\t\t\t\t<schmancy-surface\n\t\t\t\t\t\televation=\"${surfaceElevation}\"\n\t\t\t\t\t\trounded=\"${isMinimized ? 'none' : 'top'}\"\n\t\t\t\t\t\ttype=\"containerLowest\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"group sticky top-0 px-3 py-2 flex items-center justify-between gap-3 ${this.isDragging\n\t\t\t\t\t\t\t\t? 'cursor-grabbing'\n\t\t\t\t\t\t\t\t: 'cursor-move'}\"\n\t\t\t\t\t\t\t${ref(this.headerRef)}\n\t\t\t\t\t\t\ttitle=\"Drag to move, double-click to toggle\"\n\t\t\t\t\t\t\t@dblclick=${(e: Event) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggleState()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<!-- Drag handle indicator -->\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"flex items-center text-surface-onVariant opacity-40 transition-opacity duration-200 group-hover:opacity-100\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<schmancy-icon style=\"font-size: 20px\">drag_indicator</schmancy-icon>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<!-- Header content - use properties if provided, else fallback to slot -->\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"flex-1 min-w-fit items-center flex justify-start ${isMinimized ? 'cursor-pointer' : ''}\"\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t@dblclick=${(e: Event) => {\n\t\t\t\t\t\t\t\t\tif (isMinimized) {\n\t\t\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\tthis.state = 'expanded'\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\ttitle=\"${isMinimized ? 'Click to expand' : ''}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t${this.icon || this.label\n\t\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclass=\"flex gap-2 items-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t${this.icon ? html`<schmancy-icon>${this.icon}</schmancy-icon>` : ''}\n\t\t\t\t\t\t\t\t\t\t\t\t${this.label\n\t\t\t\t\t\t\t\t\t\t\t\t\t? html`<schmancy-typography type=\"title\" token=\"md\">${this.label}</schmancy-typography>`\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t\t\t\t\t${this.badge !== undefined && this.badge !== null && this.badge !== ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t? html`<schmancy-badge>${this.badge}</schmancy-badge>`\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t\t: html`<slot name=\"header\"></slot>`}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<!-- Control buttons -->\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-1 shrink-0\">\n\t\t\t\t\t\t\t\t${isMinimized\n\t\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t\t<!-- Expand button (when minimized) -->\n\t\t\t\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state = 'expanded'\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"Expand\"\n\t\t\t\t\t\t\t\t\t\t\t\t${ref(this.iconRef)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\tfullscreen\n\t\t\t\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t\t<!-- Minimize button (when expanded) -->\n\t\t\t\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"filled tonal\"\n\t\t\t\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state = 'minimized'\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"Minimize\"\n\t\t\t\t\t\t\t\t\t\t\t\t${ref(this.iconRef)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\tclose_fullscreen\n\t\t\t\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t\t\t\t`}\n\n\t\t\t\t\t\t\t\t<!-- Close button -->\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\tthis.closeAndAddToNav()\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\ttitle=\"Close and add to navigation\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tremove\n\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</section>\n\n\t\t\t\t<!-- Content section -->\n\t\t\t\t${cache(\n\t\t\t\t\tthis.isContentVisible\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<schmancy-surface type=\"containerLow\" class=\"flex-1\" ${ref(this.contentRef)}>\n\t\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t\t</schmancy-surface>\n\t\t\t\t\t\t  `\n\t\t\t\t\t\t: html``,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-boat': SchmancyBoat\n\t}\n}\n"],"names":["SchmancyBoat","$LitElement","css","constructor","super","arguments","this","id","containerRef","createRef","contentRef","iconRef","headerRef","ANIMATION_CONFIG","durations","expand","minimize","hide","content","easing","emphasized","decelerate","accelerate","standard","shadows","fab","fabLowered","expanded","currentState","isContentVisible","isAnimating","isLowered","isDragging","position","x","y","anchor","state","value","animateToState","lowered","requestUpdate","connectedCallback","window","fromEvent","pipe","takeUntil","disconnecting","subscribe","updateExpandedWidth","container","rect","getBoundingClientRect","width","height","vw","innerWidth","vh","innerHeight","actualLeft","includes","actualTop","needsUpdate","newLeft","newTop","Math","max","updateContainerPosition","savePosition","filter","e","key","tap","preventDefault","toggleState","close","targetState","previousState","performTransition","dispatchEvent","CustomEvent","detail","bubbles","composed","err","fromState","toState","currentAnimation","cancel","updateComplete","animations","createAnimations","finished","icon","config","fromStyles","getStyleForState","toStyles","animate","duration","fill","opacity","transform","isExpanding","baseStyles","maxWidth","maxHeight","borderRadius","hidden","pointerEvents","boxShadow","backdropFilter","minimized","getResponsiveWidth","style","applyInitialStyles","interval","startWith","take","setupDragPipeline","querySelector","label","initialStyle","Object","assign","webkitBackdropFilter","newState","race","discover","navComponent","addBoatItem","textContent","trim","title","replace","navItem","then","clientX","clientY","offsetX","offsetY","initialRect","targetLeft","targetTop","clampedLeft","min","clampedTop","newX","newY","toSave","localStorage","setItem","JSON","stringify","header","hasDragged","merge","button","stopPropagation","map","type","touches","startX","startY","left","top","switchMap","move$","end$","deltaX","deltaY","sqrt","calculateDragPosition","finalize","updateAnchor","removeProperty","right","bottom","isRight","isBottom","newAnchor","disconnectedCallback","render","surfaceElevation","isMinimized","transformOrigin","containerClasses","fixed","flex","html","classMap","ref","badge","closeAndAddToNav","cache","__decorateClass","property","String","reflect","prototype","Boolean","customElement"],"mappings":";;;;;;;;;;;;;;AAsBA,IAAqBA,IAArB,cAA0CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAAtD,cAAAC;AAAAC,aAAAC,SAAAA,GAgB6BC,KAAAC,KAAa,WAiBzCD,KAAQE,eAAoCC,EAAAA,GAC5CH,KAAQI,aAA+BD,KACvCH,KAAQK,UAA4BF,EAAAA,GACpCH,KAAQM,YAA8BH,EAAAA,GAMtCH,KAAiBO,mBAAmB,EACnCC,WAAW,EACVC,QAAQ,KACRC,UAAU,KACVC,MAAM,KACNC,SAAS,IAAA,GAEVC,QAAQ,EACPC,YAAY,kCACZC,YAAY,qCACZC,YAAY,qCACZC,UAAU,iCAAA,GAEXC,SAAS,EACRC,KAAK,mHACLC,YACC,iHACDC,UAAU,4EAAA,EAAA,GAKHrB,KAAQsB,eAA0B,aAClCtB,KAAQuB,mBAAAA,IACRvB,KAAQwB,cAAAA,IACRxB,KAAQyB,YAAAA,IACRzB,KAAQ0B,aAAAA,IACR1B,KAAQ2B,WAAqB,EAAEC,GAAG,IAAIC,GAAG,GAAA,GACzC7B,KAAQ8B,SAAoE;AAAA,EAAA;AAAA,EA9DrF,IAAA,QAAIC;AACH,WAAO/B,KAAKsB;AAAAA,EAAA;AAAA,EAEb,IAAA,MAAUU,GAAAA;AACLhC,SAAKwB,eAAeQ,MAAUhC,KAAKsB,gBACvCtB,KAAKiC,eAAeD,CAAAA;AAAAA,EAAK;AAAA,EAM1B,cAAIE;AACH,WAAOlC,KAAKyB;AAAAA,EAAA;AAAA,EAEb,IAAA,QAAYO,GAAAA;AACXhC,SAAKyB,YAAYO,GACjBhC,KAAKmC,cAAAA;AAAAA,EAAc;AAAA,EAgDpB,oBAAAC;AACCtC,UAAMsC,kBAAAA,GAEgB,OAAXC,SAAW,QACrBC,EAAUD,QAAQ,QAAA,EAChBE,KAAKC,EAAUxC,KAAKyC,gBACpBC,UAAU,MAAA;AACgB,MAAtB1C,KAAKsB,iBAAiB,cACzBtB,KAAK2C;AAIN,YAAMC,IAAY5C,KAAKE,aAAa8B;AACpC,UAAIY,GAAW;AACd,cAAMC,IAAOD,EAAUE,sBAAAA;AAEvB,YAAID,EAAKE,QAAQ,KAAKF,EAAKG,SAAS,GAAG;AACtC,gBAAMC,IAAKZ,OAAOa,YACZC,IAAKd,OAAOe,aAEZC,IAAarD,KAAK8B,OAAOwB,SAAS,OAAA,IAAWL,IAAKjD,KAAK2B,SAASC,IAAIiB,EAAKE,QAAQ/C,KAAK2B,SAASC,GAE/F2B,IAAYvD,KAAK8B,OAAOwB,SAAS,QAAA,IAAYH,IAAKnD,KAAK2B,SAASE,IAAIgB,EAAKG,SAAShD,KAAK2B,SAASE;AAEtG,cAAI2B,IAAAA,IACAC,IAAUJ,GACVK,IAASH;AAETF,cAAa,MAChBI,IAAU,IACVD,IAAAA,KAEGH,IAAaR,EAAKE,QAAQE,MAC7BQ,IAAUR,IAAKJ,EAAKE,QAAQ,IAC5BS,IAAAA,KAEGD,IAAY,MACfG,IAAS,IACTF,IAAAA,KAEGD,IAAYV,EAAKG,SAASG,MAC7BO,IAASP,IAAKN,EAAKG,SAAS,IAC5BQ,IAAAA,KAGGA,MACHxD,KAAK2B,SAASC,IAAI5B,KAAK8B,OAAOwB,SAAS,OAAA,IAAWL,IAAKQ,IAAUZ,EAAKE,QAAQU,GAE9EzD,KAAK2B,SAASE,IAAI7B,KAAK8B,OAAOwB,SAAS,QAAA,IAAYH,IAAKO,IAASb,EAAKG,SAASU,GAE/E1D,KAAK2B,SAASC,IAAI+B,KAAKC,IAAI,GAAG5D,KAAK2B,SAASC,IAC5C5B,KAAK2B,SAASE,IAAI8B,KAAKC,IAAI,GAAG5D,KAAK2B,SAASE,CAAAA,GAE5C7B,KAAK6D,wBAAAA,GACL7D,KAAK8D,aAAAA;AAAAA,QAEN;AAAA,MACD;AAAA,IAAA,CAAA,GAKHxB,EAAyBD,QAAQ,SAAA,EAC/BE,KACAwB,EAAOC,OAAKA,EAAEC,QAAQ,YAAYjE,KAAKsB,iBAAiB,WACxD4C,EAAIF,OAAKA,EAAEG,eAAAA,CAAAA,GACX3B,EAAUxC,KAAKyC,gBAEfC,UAAU,MAAA;AACgB,MAAtB1C,KAAKsB,iBAAiB,aACzBtB,KAAKoE,gBAELpE,KAAKqE,MAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAGT;AAAA,EAID,MAAA,eAA6BC,GAAAA;AAC5B,QAAItE,KAAKwB,eAAe8C,MAAgBtE,KAAKsB,aAAc;AAE3D,UAAMiD,IAAgBvE,KAAKsB;AAC3BtB,SAAKwB,cAAAA;AAEL;YACOxB,KAAKwE,kBAAkBD,GAAeD,CAAAA,GAC5CtE,KAAKsB,eAAegD,GACpBtE,KAAKuB,mBAAmB+C,MAAgB,YAGxCtE,KAAKyE,cACJ,IAAIC,YAAY,UAAU,EACzBC,QAAQL,GACRM,aACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAEZ,QACQC;AAER9E,WAAKsB,eAAegD,GACpBtE,KAAKuB,mBAAmB+C,MAAgB;AAAA,IAAA,UACzC;AACCtE,WAAKwB,cAAAA;AAAAA,IAAc;AAAA,EACpB;AAAA,EAID,wBAAgCuD,GAAsBC,GAAAA;AAIrD,QAHAhF,KAAKiF,kBAAkBC,OAAAA,IAELlF,KAAKE,aAAa8B,MACpB;AAGA,IAAZgD,MAAY,eACfhF,KAAKuB,mBAAAA,IAAmB,MAClBvB,KAAKmF;AAIZ,UAAMC,IAAapF,KAAKqF,iBAAiBN,GAAWC;AAGpD,QAAII,EAAWxC,UAUd,KATA5C,KAAKiF,mBAAmBG,EAAWxC,WAAAA,MAC7BwC,EAAWxC,UAAU0C,UAGvBF,EAAWxE,WAAAA,MACRwE,EAAWxE,QAAQ0E,UAItBN,MAAY,WACfhF,MAAKuB,mBAAAA;AAAAA,SACC;AAGN,YAAMqB,IAAY5C,KAAKE,aAAa8B;AACpC,UAAIY,GAAW;AACd,cAAMC,IAAOD,EAAUE,sBAAAA;AACvB,YAAID,EAAKE,QAAQ,KAAKF,EAAKG,SAAS,GAAG;AACtC,gBAAMC,IAAKZ,OAAOa,YACZC,IAAKd,OAAOe,aAEZC,IAAarD,KAAK8B,OAAOwB,SAAS,OAAA,IAAWL,IAAKjD,KAAK2B,SAASC,IAAIiB,EAAKE,QAAQ/C,KAAK2B,SAASC,GAE/F2B,IAAYvD,KAAK8B,OAAOwB,SAAS,QAAA,IAAYH,IAAKnD,KAAK2B,SAASE,IAAIgB,EAAKG,SAAShD,KAAK2B,SAASE;AAEtG,cAAI2B,QACAC,IAAUJ,GACVK,IAASH;AAETF,UAAAA,IAAa,MAChBI,IAAU,IACVD,IAAAA,KAEGH,IAAaR,EAAKE,QAAQE,MAC7BQ,IAAUR,IAAKJ,EAAKE,QAAQ,IAC5BS,IAAAA,KAEGD,IAAY,MACfG,IAAS,IACTF,SAEGD,IAAYV,EAAKG,SAASG,MAC7BO,IAASP,IAAKN,EAAKG,SAAS,IAC5BQ,IAAAA,KAGGA,MACHxD,KAAK2B,SAASC,IAAI5B,KAAK8B,OAAOwB,SAAS,WAAWL,IAAKQ,IAAUZ,EAAKE,QAAQU,GAE9EzD,KAAK2B,SAASE,IAAI7B,KAAK8B,OAAOwB,SAAS,QAAA,IAAYH,IAAKO,IAASb,EAAKG,SAASU,GAE/E1D,KAAK2B,SAASC,IAAI+B,KAAKC,IAAI,GAAG5D,KAAK2B,SAASC,CAAAA,GAC5C5B,KAAK2B,SAASE,IAAI8B,KAAKC,IAAI,GAAG5D,KAAK2B,SAASE,IAE5C7B,KAAK6D,wBAAAA,GACL7D,KAAK8D,aAAAA;AAAAA,QAEN;AAAA,MACD;AAAA,IACD;AAAA,EAEF;AAAA,EAIO,iBAAiBiB,GAAsBC,GAAAA;AAC9C,UAAMpC,IAAY5C,KAAKE,aAAa8B,OAC9BpB,IAAUZ,KAAKI,WAAW4B,OAC1BuD,IAAOvF,KAAKK,QAAQ2B,OACpBoD,IAA+E,CAAA;AAErF,QAAA,CAAKxC,EAAW,QAAOwC;AAEvB,UAAMI,IAASxF,KAAKO,kBACdkF,IAAazF,KAAK0F,iBAAiBX,CAAAA,GACnCY,IAAW3F,KAAK0F,iBAAiBV,CAAAA;AAgDvC,QA3CCI,EAAWxC,YAFRoC,MAAY,aAEQpC,EAAUgD,QAAQ,CAACH,GAAYE,CAAAA,GAAW,EAChEE,UAAUL,EAAOhF,UAAUC,QAC3BI,QAAQ2E,EAAO3E,OAAOE,YACtB+E,MAAM,WAAA,CAAA,IAGgBlD,EAAUgD,QAAQ,CAACH,GAAYE,CAAAA,GAAW,EAChEE,UAAUb,MAAY,WAAWQ,EAAOhF,UAAUG,OAAO6E,EAAOhF,UAAUE,UAC1EG,QAAQ2E,EAAO3E,OAAOG,YACtB8E,MAAM,WAAA,CAAA,GAKJlF,KAAWmE,MAAc,cAAcC,MAAY,cAEtDI,EAAWxE,UAAUA,EAAQgF,QAC5B,CACC,EAAEG,SAAS,GAAGC,WAAW,gBAAA,GACzB,EAAED,SAAS,GAAGC,WAAW,mBAAA,CAAA,GAE1B,EACCH,UAAU,KACVhF,QAAQ2E,EAAO3E,OAAOI,UACtB6E,MAAM,WAAA,CAAA,IAGElF,KAAWoE,MAAY,cAEjCpE,EAAQgF,QACP,CACC,EAAEG,SAAS,GAAGC,WAAW,kBAAA,GACzB,EAAED,SAAS,GAAGC,WAAW,gBAAA,CAAA,GAE1B,EACCH,UAAUL,EAAOhF,UAAUI,SAC3BC,QAAQ2E,EAAO3E,OAAOI,UACtB6E,MAAM,WAAA,CAAA,GAMLP,GAAM;AACT,YAAMU,IAAcjB,MAAY;AAAZA,OAGhBiB,KAFiBlB,MAAc,cAAcC,MAAY,gBAG5DO,EAAKK,QACJ,CACC,EAAEI,WAAWC,IAAc,iBAAiB,iBAAA,GAC5C,EAAED,WAAWC,IAAc,mBAAmB,eAAA,CAAA,GAE/C,EACCJ,UAAU,KACVhF,QAAQ2E,EAAO3E,OAAOC,YACtBgF,MAAM,WAAA,CAAA;AAAA,IAGT;AAGD,WAAOV;AAAAA,EAAA;AAAA,EAIA,iBAAiBrD,GAAAA;AACxB,UAAA,EAAMb,SAAEA,MAAYlB,KAAKO,kBACnB2F,IAAa,EAClBC,UAAU,OACVC,WAAW,QACXC,cAAc,OAAA;AA8Bf,WA3BiD,EAChDC,QAAQ,KACJJ,GACHH,SAAS,KACTQ,eAAe,QACfC,WAAW,QACXC,gBAAgB,OAAA,GAEjBC,WAAW,EAAA,GACPR,GACHH,SAAS,KACTQ,eAAe,QACfC,WAAWxG,KAAKyB,YAAYP,EAAQE,aAAaF,EAAQC,KACzDsF,gBAAgB,OAAA,GAEjBpF,UAAU,EACT0E,SAAS,KACTQ,eAAe,QACfxD,OAAO/C,KAAK2G,sBACZR,UAAU,QACVC,WAAW,QACXI,WAAWtF,EAAQG,UACnBgF,cAAc,eACdI,gBAAgB,aAAA,EAAA,EAIC1E,CAAAA;AAAAA,EAAK;AAAA,EAIjB,qBAAA4E;AACP,QAAsB,OAAXtE,SAAW,IAAa,QAAO;AAE1C,UAAMY,IAAKZ,OAAOa;AAClB,WAAID,IAAK,MAAY,uBACjBA,IAAK,OAAa,SAClBA,IAAK,OAAa,SACf;AAAA,EAAA;AAAA,EAIA,sBAAAN;AACP,UAAMC,IAAY5C,KAAKE,aAAa8B;AAChCY,SAAa5C,KAAKsB,iBAAiB,eACtCsB,EAAUgE,MAAM7D,QAAQ/C,KAAK2G,mBAAAA;AAAAA,EAC9B;AAAA,EAGD;AACC3G,SAAK6G,mBAAAA,GACL7G,KAAK6D,wBAAAA;AAIL,UAAMjB,IAAY5C,KAAKE,aAAa8B;AAChCY,SACHkE,EAAS,EAAA,EACPvE,KACAwE,IAAU,GACVhD,EAAO,MAAA;AACN,YAAMlB,IAAOD,EAAUE;AACvB,aAAOD,EAAKE,QAAQ,KAAKF,EAAKG,SAAS;AAAA,QAExCgE,EAAK,CAAA,GACLxE,EAAUxC,KAAKyC,aAAAA,CAAAA,EAEfC,UAAU;AAEV,YAAMG,IAAOD,EAAUE,sBAAAA,GACjBG,IAAKZ,OAAOa,YACZC,IAAKd,OAAOe,aAGZC,IAAarD,KAAK8B,OAAOwB,SAAS,OAAA,IAAWL,IAAKjD,KAAK2B,SAASC,IAAIiB,EAAKE,QAAQ/C,KAAK2B,SAASC,GAE/F2B,IAAYvD,KAAK8B,OAAOwB,SAAS,QAAA,IAAYH,IAAKnD,KAAK2B,SAASE,IAAIgB,EAAKG,SAAShD,KAAK2B,SAASE;AAGtG,UAAI2B,QACAC,IAAUJ,GACVK,IAASH;AAGTF,MAAAA,IAAa,MAChBI,IAAU,IACVD,IAAAA,KAEGH,IAAaR,EAAKE,QAAQE,MAC7BQ,IAAUR,IAAKJ,EAAKE,QAAQ,IAC5BS,SAEGD,IAAY,MACfG,IAAS,IACTF,SAEGD,IAAYV,EAAKG,SAASG,MAC7BO,IAASP,IAAKN,EAAKG,SAAS,IAC5BQ,IAAAA,KAIGA,MAEHxD,KAAK2B,SAASC,IAAI5B,KAAK8B,OAAOwB,SAAS,OAAA,IAAWL,IAAKQ,IAAUZ,EAAKE,QAAQU,GAE9EzD,KAAK2B,SAASE,IAAI7B,KAAK8B,OAAOwB,SAAS,QAAA,IAAYH,IAAKO,IAASb,EAAKG,SAASU,GAG/E1D,KAAK2B,SAASC,IAAI+B,KAAKC,IAAI,GAAG5D,KAAK2B,SAASC,CAAAA,GAC5C5B,KAAK2B,SAASE,IAAI8B,KAAKC,IAAI,GAAG5D,KAAK2B,SAASE,IAE5C7B,KAAK6D,wBAAAA,GACL7D,KAAK8D,aAAAA;AAAAA,IAAAA,CAAAA,GAMT9D,KAAKiH,kBAAAA,GAGiBjH,KAAKkH,cAAc,iBAAA,KAAA,CACnBlH,KAAKuF,QAASvF,KAAKmH;AAAAA,EAMzC;AAAA,EAIO,qBAAAN;AACP,UAAMjE,IAAY5C,KAAKE,aAAa8B,OAC9BpB,IAAUZ,KAAKI,WAAW4B,OAC1BuD,IAAOvF,KAAKK,QAAQ2B;AAE1B,QAAIY,GAAW;AACd,YAAMwE,IAAepH,KAAK0F,iBAAiB1F,KAAKsB,YAAAA;AAChD+F,aAAOC,OAAO1E,EAAUgE,OAAOQ,CAAAA,GAG3B,0BAA0BxE,EAAUgE,UACrChE,EAAUgE,MAAcW,uBAAuBH,EAAaX;AAAAA,IAC/D;AAIG7F,UACHA,EAAQgG,MAAMb,UAAU/F,KAAKuB,mBAAmB,MAAM,MAInDgE,KAAQvF,KAAKsB,iBAAiB,eACjCiE,EAAKqB,MAAMZ,YAAY;AAAA,EACxB;AAAA,EAID,cAAA5B;AACC,UAAMoD,IAAWxH,KAAKsB,iBAAiB,cAAc,aAAa;AAClEtB,SAAKiC,eAAeuF,CAAAA;AAAAA,EAAQ;AAAA,EAI7B,QAAAnD;AACCrE,SAAKiC,eAAe,QAAA;AAAA,EAAQ;AAAA,EAGrB;AACPwF,IAAAA,EACCzH,KAAK0H,SAAc,0BAAA,GACnB1H,KAAK0H,SAAc,4BACnB1H,KAAK0H,SAAc,qBAAA,GACnB1H,KAAK0H,SAAc,qBAAA,GACnB1H,KAAK0H,SAAc,oBAAA,GACnB1H,KAAK0H,SAAc,gBAAA,CAAA,EAElBnF,KACAyE,EAAK,CAAA,GACL9C,EAAIyD,CAAAA,MAAAA;AACH,UAAIA,YAAuBA,EAAaC,eAAgB,YAAY;AAEnE,cAAMrC,IACLvF,KAAKuF,SAEevF,KAAKkH,cAAc,iBAAA,GACNA,cAAc,eAAA,GAC1BW,aAAaC,UAAU,YAGvCX,IACLnH,KAAKmH;AAGJ,cAAIY,IADe/H,KAAKkH,cAAc,iBAAA,GACdW,aAAaC,KAAAA,KAAU;AAI/C,iBAHYC,EAAMzE,SAASiC,CAAAA,MAC1BwC,IAAQA,EAAMC,QAAQzC,GAAM,IAAIuC,KAAAA,IAE1BC,KAAS/H,KAAKC;AAAAA,QACtB,GARK,GAWAgI,IAAUN,EAAaC,YAAY,EACxC3H,IAAI,QAAQD,KAAKC,MACjB8H,OAAOZ,GACP5B,MAAAA,EAAAA,CAAAA;AAGD,YAAI0C,GAAS;AAEZ,gBAAMrF,IAAY5C,KAAKE,aAAa8B;AAChCY,UAAAA,IACHA,EACEgD,QAAQ,CAAC,EAAEG,SAAS,EAAA,GAAK,EAAEA,SAAS,MAAM,EAAEF,UAAU,KAAKhF,QAAQ,YAAYiF,MAAM,cACrFR,SAAS4C,KAAK,MAAA;AACdlI,iBAAKsB,eAAe,UACpBtB,KAAKuB,mBAAAA;AAAAA,UAAmB,CAAA,KAG1BvB,KAAKsB,eAAe,UACpBtB,KAAKuB,mBAAAA,KAINe,EAAU2F,GAAS,OAAA,EACjB1F,KACA2B,EAAI,MAAOlE,KAAK+B,QAAQ,UAAA,GACxBS,EAAUxC,KAAKyC,gBAEfC,UAAAA;AAAAA,QAAU;AAAA,MACb,MAGA1C,MAAKqE,MAAAA;AAAAA,IAAAA,CAAAA,CAAAA,EAIP3B,UAAAA;AAAAA,EAAU;AAAA,EAGL,sBACPyF,GACAC,GACAC,GACAC,GACAC;AAEA,UAAMC,IAAaL,IAAUE,GACvBI,IAAYL,IAAUE,GACtBrF,IAAKZ,OAAOa,YACZC,IAAKd,OAAOe,aACZsF,IAAc/E,KAAKC,IAAI,GAAGD,KAAKgF,IAAIH,GAAYvF,IAAKsF,EAAYxF,KAAAA,CAAAA,GAChE6F,IAAajF,KAAKC,IAAI,GAAGD,KAAKgF,IAAIF,GAAWtF,IAAKoF,EAAYvF,MAAAA,CAAAA,GAE9D6F,IAAO7I,KAAK8B,OAAOwB,SAAS,OAAA,IAAWL,KAAMyF,IAAcH,EAAYxF,SAAS2F,GAEhFI,IAAO9I,KAAK8B,OAAOwB,SAAS,YAAYH,KAAMyF,IAAaL,EAAYvF,UAAU4F;AAEvF,WAAO,EAAEhH,GAAG+B,KAAKC,IAAI,GAAGiF,CAAAA,GAAOhH,GAAG8B,KAAKC,IAAI,GAAGkF,CAAAA,EAAAA;AAAAA,EAAM;AAAA,EAG7C,eAAAhF;AACP,QAAsB,OAAXzB,SAAW,IAAa;AAEnC,UAAM0G,IAAwB,EAC7BnH,GAAG5B,KAAK2B,SAASC,GACjBC,GAAG7B,KAAK2B,SAASE,GACjBC,QAAQ9B,KAAK8B,OAAAA,GAERmC,IAAM,iBAAiBjE,KAAKC,EAAAA;AAClC+I,iBAAaC,QAAQhF,GAAKiF,KAAKC,UAAUJ;EACI;AAAA,EAGtC,oBAAA9B;AACP,QAAsB,OAAX5E,SAAW,IAAa;AAEnC,UAAM+G,IAASpJ,KAAKM,UAAU0B,OACxBY,IAAY5C,KAAKE,aAAa8B;AACpC,QAAA,CAAKoH,KAAAA,CAAWxG,EAAW;AAE3B,QAAIyG,IAAAA;AAIJC,IAAAA,EACChH,EAAsB8G,GAAQ,aAAa7G,KAC1CwB,EAAOC,CAAAA,MAAKA,EAAEuF,WAAW,CAAXA,GACdrF,EAAIF,CAAAA,MAAAA;AACHA,MAAAA,EAAEG,kBACFH,EAAEwF,gBAAAA;AAAAA,IAAAA,CAAAA,GAEHC,EAAIzF,CAAAA,OAAA,EACHmE,SAASnE,EAAEmE,SACXC,SAASpE,EAAEoE,SACXsB,MAAM,QAAA,EAAA,CAAA,GAGRpH,EAAsB8G,GAAQ,YAAA,EAAc7G,KAC3CkH,EAAIzF,CAAAA,OAAA,EACHmE,SAASnE,EAAE2F,QAAQ,GAAGxB,SACtBC,SAASpE,EAAE2F,QAAQ,CAAA,EAAGvB,SACtBsB,MAAM,QAAA,EAAA,CAAA,CAAA,EAIPnH,KACAkH,EAAI,CAAA,EAAGtB,SAAAA,GAASC,SAAAA,GAASsB;AACxB,YAAM7G,IAAOD,EAAUE,sBAAAA;AAEvB,aADAuG,IAAAA,IACO,EACNO,QAAQzB,GACR0B,QAAQzB,GACRC,SAASF,IAAUtF,EAAKiH,MACxBxB,SAASF,IAAUvF,EAAKkH,KACxBxB,aAAa1F,GACb6G,MAAAA,EAAAA;AAAAA,IAAAA,CAAAA,CAAAA,EAIFnH,KACAyH,EAAU,CAAA,EAAGJ,WAAQC,QAAAA,GAAQxB,SAAAA,GAASC,SAAAA,GAASC,aAAAA,GAAamB,MAAAA,EAAAA,MAAAA;AAC3D,YAAMO,IACLP,MAAS,UACNpH,EAAsBD,QAAQ,WAAA,EAAaE,KAAKkH,EAAIzF,CAAAA,OAAA,EAAQmE,SAASnE,EAAEmE,SAASC,SAASpE,EAAEoE,QAAAA,EAAAA,CAAAA,IAC3F9F,EAAsBD,QAAQ,WAAA,EAAaE,KAC3CkH,EAAIzF,CAAAA,OAAA,EAAQmE,SAASnE,EAAE2F,QAAQ,CAAA,EAAGxB,SAASC,SAASpE,EAAE2F,QAAQ,CAAA,EAAGvB,QAAAA,EAAAA,CAAAA,GAG/D8B,IAA0B5H,EAAUD,QAA7BqH,MAAS,UAA4B,YAA+B,UAAA;AAEjF,aAAOO,EAAM1H,KACZkH,EAAI,CAAA,EAAGtB,SAAAA,GAASC,SAAAA,EAAAA,MAAAA;AACf,cAAM+B,IAAShC,IAAUyB,GACnBQ,IAAShC,IAAUyB;AAQzB,eAPiBlG,KAAK0G,KAAKF,IAASA,IAASC,IAASA,CAAAA,IArDpC,KAAA,CAuDgBf,MACjCA,IAAAA,IACArJ,KAAK0B,aAAAA,KAGD2H,IAEErJ,KAAKsK,sBAAsBnC,GAASC,GAASC,GAASC,GAASC,CAAAA,IAF9C;AAAA,UAIzBxE,EAAOpC,CAAAA,MAAYA,MAAa,IAAbA,GACnBuC,EAAIvC,CAAAA,MAAAA;AACCA,QAAAA,MACH3B,KAAK2B,WAAWA,GAChB3B,KAAK6D,wBAAAA;AAAAA,MAAAA,CAAAA,GAGPrB,EAAU0H;QAGZK,EAAS,MAAA;AACJlB,MAAAA,KACHrJ,KAAKwK,aAAAA,GACLxK,KAAK8D,aAAAA,KAEL9D,KAAKoE,YAAAA,GAENpE,KAAK0B,aAAAA,IACL2H;IAAa,CAAA,GAEd7G,EAAUxC,KAAKyC,aAAAA,CAAAA,EAEfC,UAAAA;AAAAA,EAAU;AAAA,EAIL,0BAAAmB;AACP,UAAMjB,IAAY5C,KAAKE,aAAa8B;AAC/BY,UAGLA,EAAUgE,MAAM6D,eAAe,MAAA,GAC/B7H,EAAUgE,MAAM6D,eAAe,OAAA,GAC/B7H,EAAUgE,MAAM6D,eAAe,KAAA,GAC/B7H,EAAUgE,MAAM6D,eAAe,QAAA,GAG3BzK,KAAK8B,OAAOwB,SAAS,OAAA,IACxBV,EAAUgE,MAAM8D,QAAQ,GAAG1K,KAAK2B,SAASC,CAAAA,OAEzCgB,EAAUgE,MAAMkD,OAAO,GAAG9J,KAAK2B,SAASC,OAGrC5B,KAAK8B,OAAOwB,SAAS,QAAA,IACxBV,EAAUgE,MAAM+D,SAAS,GAAG3K,KAAK2B,SAASE,CAAAA,OAE1Ce,EAAUgE,MAAMmD,MAAM,GAAG/J,KAAK2B,SAASE,CAAAA;AAAAA,EACxC;AAAA,EAIO;AACP,QAAsB,OAAXQ,SAAW,IAAa;AAEnC,UAAMO,IAAY5C,KAAKE,aAAa8B;AACpC,QAAA,CAAKY,EAAW;AAEhB,UAAMC,IAAOD,EAAUE,sBAAAA,GACjBG,IAAKZ,OAAOa,YACZC,IAAKd,OAAOe,aAEZwH,IAAU/H,EAAKiH,OAAO7G,IAAK,GAC3B4H,IAAWhI,EAAKkH,MAAM5G,IAAK,GAE3B2H,IAAY,GAAGD,IAAW,WAAW,KAAA,IAASD,IAAU,UAAU,MAAA;AAEpEE,IAAAA,MAAc9K,KAAK8B,WAGrB9B,KAAK2B,SAASC,IADXgJ,IACe3H,IAAKJ,EAAK6H,QAEV7H,EAAKiH,MAIvB9J,KAAK2B,SAASE,IADXgJ,IACe1H,IAAKN,EAAK8H,SAEV9H,EAAKkH,KAGxB/J,KAAK8B,SAASgJ;AAAAA,EACf;AAAA,EAID,uBAAAC;AACCjL,UAAMiL,wBACN/K,KAAKiF,kBAAkBC,OAAAA;AAAAA,EAAO;AAAA,EAGrB,SAAA8F;AACT,UAAMC,IAAmBjL,KAAKsB,iBAAiB,cAAetB,KAAKyB,YAAY,MAAM,MAAO,KACtFyJ,IAAclL,KAAKsB,iBAAiB,aAGpC6J,IAAkBnL,KAAK8B,OAAOwB,SAAS,QAAA,IAC1CtD,KAAK8B,OAAOwB,SAAS,OAAA,IACpB,iBACA,gBACDtD,KAAK8B,OAAOwB,SAAS,OAAA,IACpB,cACA,YAEE8H,IAAmB,EACxBC,OAAAA,IACA,mBAAA,IACAC,MAAAA,IACA,YAAA,IACA,mBACA,yBAAA,IACA,0BAAA,IACA,kCAAA,IACA,gCAAA,IACA,qBAAA,IACA,cAActL,KAAK0B,YACnB,+EAA+E1B,KAAK0B,WAAAA;AAGrF,WAAO6J;AAAAA;AAAAA,YAEGvL,KAAKwL,SAASJ,CAAAA,CAAAA;AAAAA,+BACKD,CAAAA;AAAAA,MACzBM,EAAIzL,KAAKE,YAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,mBAKI+K,CAAAA;AAAAA,iBACFC,IAAc,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,qFAI6ClL,KAAK0B,aAChF,oBACA,aAAA;AAAA,SACD+J,EAAIzL,KAAKM,SAAAA,CAAAA;AAAAA;AAAAA,mBAEE0D,CAAAA,MAAAA;AACZA,MAAAA,EAAEG,eAAAA,GACFH,EAAEwF,gBAAAA,GACFxJ,KAAKoE,YAAAA;AAAAA,IAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kEAYqD8G,IAAc,mBAAmB,EAAA;AAAA;AAAA,oBAE9ElH,CAAAA,MAAAA;AACRkH,YACHlH,EAAEG,eAAAA,GACFH,EAAEwF,gBAAAA,GACFxJ,KAAK+B,QAAQ;AAAA,IAAA,CAAA;AAAA,iBAGNmJ,IAAc,oBAAoB,EAAA;AAAA;AAAA,UAEzClL,KAAKuF,QAAQvF,KAAKmH,QACjBoE;AAAAA;AAAAA;AAAAA,cAGGvL,KAAKuF,OAAOgG,mBAAsBvL,KAAKuF,IAAAA,qBAAyB,EAAA;AAAA,cAChEvF,KAAKmH,QACJoE,iDAAoDvL,KAAKmH,KAAAA,2BACzD,EAAA;AAAA,cACDnH,KAAK0L,oBAAuB1L,KAAK0L,UAAU,QAAQ1L,KAAK0L,UAAU,KACjEH,oBAAuBvL,KAAK0L,KAAAA,sBAC5B,EAAA;AAAA;AAAA,cAGJH,8BAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAKDL,IACCK;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,qBAKWvH,CAAAA,MAAAA;AACTA,MAAAA,EAAEwF,gBAAAA,GACFxJ,KAAK+B,QAAQ;AAAA,IAAA,CAAA;AAAA;AAAA,cAGZ0J,EAAIzL,KAAKK,OAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,cAKZkL;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,qBAKWvH,CAAAA,MAAAA;AACTA,MAAAA,EAAEwF,gBAAAA,GACFxJ,KAAK+B,QAAQ;AAAA,IAAA,CAAA;AAAA;AAAA,cAGZ0J,EAAIzL,KAAKK,OAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;;;;;kBASJ2D,CAAAA,MAAAA;AACTA,MAAAA,EAAEwF,mBACFxJ,KAAK2L,iBAAAA;AAAAA,IAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAYTC,EACD5L,KAAKuB,mBACFgK;AAAAA,+DACuDE,EAAIzL,KAAKI,UAAAA,CAAAA;AAAAA;AAAAA;AAAAA,YAIhEmL,GAAA,CAAA;AAAA;AAAA;AAAA,EACH;AAAA;AAj6BAM,EAAA,CADHC,EAAS,EAAEpC,MAAMqC,QAAQC,SAAAA,GAAS,CAAA,CAAA,GAPftM,EAQhBuM,WAAA,SAAA,CAAA,GAQwBJ,EAAA,CAA3BC,EAAS,EAAEpC,MAAMqC,OAAAA,CAAAA,CAAAA,GAhBErM,EAgBQuM,WAAA,MAAA,CAAA,GAGxBJ,EAAA,CADHC,EAAS,EAAEpC,MAAMwC,SAASF,SAAAA,GAAS,CAAA,CAAA,GAlBhBtM,EAmBhBuM,WAAA,WAAA,CAAA,GASwBJ,EAAA,CAA3BC,EAAS,EAAEpC,MAAMqC,OAAAA,CAAAA,CAAAA,GA5BErM,EA4BQuM,WAAA,QAAA,CAAA,GACAJ,EAAA,CAA3BC,EAAS,EAAEpC,MAAMqC,OAAAA,CAAAA,CAAAA,GA7BErM,EA6BQuM,WAAA,SAAA,CAAA,GAChBJ,EAAA,CAAXC,EAAAA,CAAAA,GA9BmBpM,EA8BRuM,WAAA,SAAA,CAAA,GAkCKJ,EAAA,CAAhB9J,EAAAA,CAAAA,GAhEmBrC,EAgEHuM,WAAA,gBAAA,CAAA,GACAJ,EAAA,CAAhB9J,EAAAA,CAAAA,GAjEmBrC,EAiEHuM,WAAA,oBAAA,CAAA,GACAJ,EAAA,CAAhB9J,EAAAA,CAAAA,GAlEmBrC,EAkEHuM,WAAA,eAAA,CAAA,GACAJ,EAAA,CAAhB9J,EAAAA,CAAAA,GAnEmBrC,EAmEHuM,WAAA,aAAA,CAAA,GACAJ,EAAA,CAAhB9J,EAAAA,CAAAA,GApEmBrC,EAoEHuM,WAAA,cAAA,CAAA,GACAJ,EAAA,CAAhB9J,EAAAA,CAAAA,GArEmBrC,EAqEHuM,WAAA,YAAA,IACAJ,EAAA,CAAhB9J,EAAAA,CAAAA,GAtEmBrC,EAsEHuM,WAAA,UAAA,CAAA,GAtEGvM,IAArBmM,EAAA,CADCM,EAAc,eAAA,CAAA,GACMzM,CAAAA;"}
+{"version":3,"file":"boat-CowHieO2.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref, Ref } from 'lit/directives/ref.js'\nimport { cache } from 'lit/directives/cache.js'\nimport { fromEvent, interval, merge, race } from 'rxjs'\nimport { filter, finalize, map, startWith, switchMap, take, takeUntil, tap } from 'rxjs/operators'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\ninterface Position {\n\tx: number\n\ty: number\n}\n\ninterface SavedPosition {\n\tx: number\n\ty: number\n\tanchor: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n}\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends $LitElement(css`\n\t:host {\n\t\tdisplay: contents;\n\t\tposition: relative;\n\t\tz-index: 1000;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tget state(): BoatState {\n\t\treturn this.currentState\n\t}\n\tset state(value: BoatState) {\n\t\tif (this.isAnimating || value === this.currentState) return\n\t\tthis.animateToState(value)\n\t}\n\n\t@property({ type: String }) id: string = 'default'\n\n\t@property({ type: Boolean, reflect: true })\n\tget lowered(): boolean {\n\t\treturn this.isLowered\n\t}\n\tset lowered(value: boolean) {\n\t\tthis.isLowered = value\n\t\tthis.requestUpdate()\n\t}\n\n\t// New properties for simplified API\n\t@property({ type: String }) icon?: string\n\t@property({ type: String }) label?: string\n\t@property() badge?: string | number\n\n\t// Element references\n\tprivate containerRef: Ref<HTMLDivElement> = createRef()\n\tprivate contentRef: Ref<HTMLElement> = createRef()\n\tprivate iconRef: Ref<HTMLElement> = createRef()\n\tprivate headerRef: Ref<HTMLElement> = createRef()\n\n\t// Current animation reference\n\tprivate currentAnimation?: Animation\n\n\t// Animation configuration\n\tprivate readonly ANIMATION_CONFIG = {\n\t\tdurations: {\n\t\t\texpand: 350,\n\t\t\tminimize: 250,\n\t\t\thide: 200,\n\t\t\tcontent: 300,\n\t\t},\n\t\teasing: {\n\t\t\temphasized: 'cubic-bezier(0.2, 0.0, 0, 1.0)',\n\t\t\tdecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1.0)',\n\t\t\taccelerate: 'cubic-bezier(0.3, 0.0, 0.8, 0.15)',\n\t\t\tstandard: 'cubic-bezier(0.4, 0.0, 0.2, 1)',\n\t\t},\n\t\tshadows: {\n\t\t\tfab: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n\t\t\tfabLowered:\n\t\t\t\t'0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12)',\n\t\t\texpanded: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n\t\t},\n\t}\n\n\t// Reactive state for template\n\t@state() private currentState: BoatState = 'minimized'\n\t@state() private isContentVisible: boolean = false\n\t@state() private isAnimating: boolean = false\n\t@state() private isLowered: boolean = false\n\t@state() private isDragging: boolean = false\n\t@state() private position: Position = { x: 16, y: 16 }\n\t@state() private anchor: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' = 'bottom-right'\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tif (typeof window !== 'undefined') {\n\t\t\tfromEvent(window, 'resize')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\tif (this.currentState === 'expanded') {\n\t\t\t\t\t\tthis.updateExpandedWidth()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Validate viewport after resize to ensure boat stays visible\n\t\t\t\t\tconst container = this.containerRef.value\n\t\t\t\t\tif (container) {\n\t\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\t\t// Only validate if dimensions are ready\n\t\t\t\t\t\tif (rect.width > 0 && rect.height > 0) {\n\t\t\t\t\t\t\tconst vw = window.innerWidth\n\t\t\t\t\t\t\tconst vh = window.innerHeight\n\n\t\t\t\t\t\t\tconst actualLeft = this.anchor.includes('right') ? vw - this.position.x - rect.width : this.position.x\n\n\t\t\t\t\t\t\tconst actualTop = this.anchor.includes('bottom') ? vh - this.position.y - rect.height : this.position.y\n\n\t\t\t\t\t\t\tlet needsUpdate = false\n\t\t\t\t\t\t\tlet newLeft = actualLeft\n\t\t\t\t\t\t\tlet newTop = actualTop\n\n\t\t\t\t\t\t\tif (actualLeft < 0) {\n\t\t\t\t\t\t\t\tnewLeft = 16\n\t\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (actualLeft + rect.width > vw) {\n\t\t\t\t\t\t\t\tnewLeft = vw - rect.width - 16\n\t\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (actualTop < 0) {\n\t\t\t\t\t\t\t\tnewTop = 16\n\t\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (actualTop + rect.height > vh) {\n\t\t\t\t\t\t\t\tnewTop = vh - rect.height - 16\n\t\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (needsUpdate) {\n\t\t\t\t\t\t\t\tthis.position.x = this.anchor.includes('right') ? vw - newLeft - rect.width : newLeft\n\n\t\t\t\t\t\t\t\tthis.position.y = this.anchor.includes('bottom') ? vh - newTop - rect.height : newTop\n\n\t\t\t\t\t\t\t\tthis.position.x = Math.max(0, this.position.x)\n\t\t\t\t\t\t\t\tthis.position.y = Math.max(0, this.position.y)\n\n\t\t\t\t\t\t\t\tthis.updateContainerPosition()\n\t\t\t\t\t\t\t\tthis.savePosition()\n\t\t\t\t\t\t\t\tconsole.log(`✨ Boat \"${this.id}\" repositioned after resize:`, this.position)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\n\t\t\t// Keyboard shortcut - Escape key\n\t\t\tfromEvent<KeyboardEvent>(window, 'keydown')\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter(e => e.key === 'Escape' && this.currentState !== 'hidden'),\n\t\t\t\t\ttap(e => e.preventDefault()),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t)\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\tif (this.currentState === 'expanded') {\n\t\t\t\t\t\tthis.toggleState() // Minimize on Esc if expanded\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.close() // Hide on Esc if minimized\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\t}\n\n\n\tprivate async animateToState(targetState: BoatState) {\n\t\tif (this.isAnimating || targetState === this.currentState) return\n\n\t\tconst previousState = this.currentState\n\t\tthis.isAnimating = true\n\n\t\ttry {\n\t\t\tawait this.performTransition(previousState, targetState)\n\t\t\tthis.currentState = targetState\n\t\t\tthis.isContentVisible = targetState === 'expanded'\n\n\t\t\t// Dispatch event\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('toggle', {\n\t\t\t\t\tdetail: targetState,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t} catch (err) {\n\t\t\tconsole.warn('Animation error:', err)\n\t\t\tthis.currentState = targetState\n\t\t\tthis.isContentVisible = targetState === 'expanded'\n\t\t} finally {\n\t\t\tthis.isAnimating = false\n\t\t}\n\t}\n\n\t// Simplified animation transition\n\tprivate async performTransition(fromState: BoatState, toState: BoatState): Promise<void> {\n\t\tthis.currentAnimation?.cancel()\n\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\t// Update content visibility before expand and wait for render\n\t\tif (toState === 'expanded') {\n\t\t\tthis.isContentVisible = true\n\t\t\tawait this.updateComplete\n\t\t}\n\n\t\t// Create animations\n\t\tconst animations = this.createAnimations(fromState, toState)\n\n\t\t// Wait for main animation to complete\n\t\tif (animations.container) {\n\t\t\tthis.currentAnimation = animations.container\n\t\t\tawait animations.container.finished\n\n\t\t\t// Wait for content fade-out animation before removing from DOM\n\t\t\tif (animations.content) {\n\t\t\t\tawait animations.content.finished\n\t\t\t}\n\n\t\t\t// Hide content after minimize\n\t\t\tif (toState !== 'expanded') {\n\t\t\t\tthis.isContentVisible = false\n\t\t\t} else {\n\t\t\t\t// CRITICAL: After expanding, validate viewport bounds\n\t\t\t\t// The expanded boat is much larger and might go outside viewport\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\tif (rect.width > 0 && rect.height > 0) {\n\t\t\t\t\t\tconst vw = window.innerWidth\n\t\t\t\t\t\tconst vh = window.innerHeight\n\n\t\t\t\t\t\tconst actualLeft = this.anchor.includes('right') ? vw - this.position.x - rect.width : this.position.x\n\n\t\t\t\t\t\tconst actualTop = this.anchor.includes('bottom') ? vh - this.position.y - rect.height : this.position.y\n\n\t\t\t\t\t\tlet needsUpdate = false\n\t\t\t\t\t\tlet newLeft = actualLeft\n\t\t\t\t\t\tlet newTop = actualTop\n\n\t\t\t\t\t\tif (actualLeft < 0) {\n\t\t\t\t\t\t\tnewLeft = 16\n\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (actualLeft + rect.width > vw) {\n\t\t\t\t\t\t\tnewLeft = vw - rect.width - 16\n\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (actualTop < 0) {\n\t\t\t\t\t\t\tnewTop = 16\n\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (actualTop + rect.height > vh) {\n\t\t\t\t\t\t\tnewTop = vh - rect.height - 16\n\t\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (needsUpdate) {\n\t\t\t\t\t\t\tthis.position.x = this.anchor.includes('right') ? vw - newLeft - rect.width : newLeft\n\n\t\t\t\t\t\t\tthis.position.y = this.anchor.includes('bottom') ? vh - newTop - rect.height : newTop\n\n\t\t\t\t\t\t\tthis.position.x = Math.max(0, this.position.x)\n\t\t\t\t\t\t\tthis.position.y = Math.max(0, this.position.y)\n\n\t\t\t\t\t\t\tthis.updateContainerPosition()\n\t\t\t\t\t\t\tthis.savePosition()\n\t\t\t\t\t\t\tconsole.log(`✨ Boat \"${this.id}\" snapped after expand:`, this.position)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Create animations for state transition\n\tprivate createAnimations(fromState: BoatState, toState: BoatState) {\n\t\tconst container = this.containerRef.value\n\t\tconst content = this.contentRef.value\n\t\tconst icon = this.iconRef.value\n\t\tconst animations: { container?: Animation; content?: Animation; icon?: Animation } = {}\n\n\t\tif (!container) return animations\n\n\t\tconst config = this.ANIMATION_CONFIG\n\t\tconst fromStyles = this.getStyleForState(fromState)\n\t\tconst toStyles = this.getStyleForState(toState)\n\n\t\t// Container animation\n\t\tif (toState === 'expanded') {\n\t\t\t// Expand animation without transform\n\t\t\tanimations.container = container.animate([fromStyles, toStyles], {\n\t\t\t\tduration: config.durations.expand,\n\t\t\t\teasing: config.easing.decelerate,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t} else {\n\t\t\tanimations.container = container.animate([fromStyles, toStyles], {\n\t\t\t\tduration: toState === 'hidden' ? config.durations.hide : config.durations.minimize,\n\t\t\t\teasing: config.easing.accelerate,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t}\n\n\t\t// Content animation (only for expand/minimize transitions)\n\t\tif (content && fromState === 'expanded' && toState === 'minimized') {\n\t\t\t// Fade out content before minimizing - MUST await this before removing from DOM\n\t\t\tanimations.content = content.animate(\n\t\t\t\t[\n\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t\t{ opacity: 0, transform: 'translateY(-8px)' },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 150,\n\t\t\t\t\teasing: config.easing.standard,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t} else if (content && toState === 'expanded') {\n\t\t\t// Fade in content when expanding\n\t\t\tcontent.animate(\n\t\t\t\t[\n\t\t\t\t\t{ opacity: 0, transform: 'translateY(8px)' },\n\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: config.durations.content,\n\t\t\t\t\teasing: config.easing.standard,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t}\n\n\t\t// Icon rotation animation\n\t\tif (icon) {\n\t\t\tconst isExpanding = toState === 'expanded'\n\t\t\tconst isCollapsing = fromState === 'expanded' && toState === 'minimized'\n\n\t\t\tif (isExpanding || isCollapsing) {\n\t\t\t\ticon.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{ transform: isExpanding ? 'rotate(0deg)' : 'rotate(180deg)' },\n\t\t\t\t\t\t{ transform: isExpanding ? 'rotate(180deg)' : 'rotate(0deg)' },\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: 250,\n\t\t\t\t\t\teasing: config.easing.emphasized,\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\n\t\treturn animations\n\t}\n\n\t// Get styles for a specific state\n\tprivate getStyleForState(state: BoatState): Keyframe {\n\t\tconst { shadows } = this.ANIMATION_CONFIG\n\t\tconst baseStyles = {\n\t\t\tmaxWidth: 'fit',\n\t\t\tmaxHeight: 'auto',\n\t\t\tborderRadius: '16px',\n\t\t}\n\n\t\tconst stateStyles: Record<BoatState, Keyframe> = {\n\t\t\thidden: {\n\t\t\t\t...baseStyles,\n\t\t\t\topacity: '0',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tboxShadow: 'none',\n\t\t\t\tbackdropFilter: 'none',\n\t\t\t},\n\t\t\tminimized: {\n\t\t\t\t...baseStyles,\n\t\t\t\topacity: '1',\n\t\t\t\tpointerEvents: 'auto',\n\t\t\t\tboxShadow: this.isLowered ? shadows.fabLowered : shadows.fab,\n\t\t\t\tbackdropFilter: 'none',\n\t\t\t},\n\t\t\texpanded: {\n\t\t\t\topacity: '1',\n\t\t\t\tpointerEvents: 'auto',\n\t\t\t\twidth: this.getResponsiveWidth(),\n\t\t\t\tmaxWidth: '100%',\n\t\t\t\tmaxHeight: '80vh',\n\t\t\t\tboxShadow: shadows.expanded,\n\t\t\t\tborderRadius: '8px 8px 0 0',\n\t\t\t\tbackdropFilter: 'blur(12px)',\n\t\t\t},\n\t\t}\n\n\t\treturn stateStyles[state] as Keyframe\n\t}\n\n\t// Calculate responsive width based on viewport\n\tprivate getResponsiveWidth(): string {\n\t\tif (typeof window === 'undefined') return '40vw'\n\n\t\tconst vw = window.innerWidth\n\t\tif (vw < 768) return 'calc(100vw - 32px)'\n\t\tif (vw < 1024) return '70vw'\n\t\tif (vw < 1280) return '60vw'\n\t\treturn '40vw'\n\t}\n\n\t// Update expanded width on window resize\n\tprivate updateExpandedWidth() {\n\t\tconst container = this.containerRef.value\n\t\tif (container && this.currentState === 'expanded') {\n\t\t\tcontainer.style.width = this.getResponsiveWidth()\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.applyInitialStyles()\n\t\tthis.updateContainerPosition()\n\n\t\t// Wait for container to have actual dimensions before validation\n\t\t// Uses pattern from animated-text.ts - poll until dimensions are ready\n\t\tconst container = this.containerRef.value\n\t\tif (container) {\n\t\t\tinterval(10)\n\t\t\t\t.pipe(\n\t\t\t\t\tstartWith(true),\n\t\t\t\t\tfilter(() => {\n\t\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\t\treturn rect.width > 0 && rect.height > 0\n\t\t\t\t\t}),\n\t\t\t\t\ttake(1),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t)\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\t// Validate and snap to viewport if needed\n\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\tconst vw = window.innerWidth\n\t\t\t\t\tconst vh = window.innerHeight\n\n\t\t\t\t\t// Calculate actual position based on anchor\n\t\t\t\t\tconst actualLeft = this.anchor.includes('right') ? vw - this.position.x - rect.width : this.position.x\n\n\t\t\t\t\tconst actualTop = this.anchor.includes('bottom') ? vh - this.position.y - rect.height : this.position.y\n\n\t\t\t\t\t// Check if boat is outside viewport bounds\n\t\t\t\t\tlet needsUpdate = false\n\t\t\t\t\tlet newLeft = actualLeft\n\t\t\t\t\tlet newTop = actualTop\n\n\t\t\t\t\t// Snap to viewport edges if outside (16px padding)\n\t\t\t\t\tif (actualLeft < 0) {\n\t\t\t\t\t\tnewLeft = 16\n\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t}\n\t\t\t\t\tif (actualLeft + rect.width > vw) {\n\t\t\t\t\t\tnewLeft = vw - rect.width - 16\n\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t}\n\t\t\t\t\tif (actualTop < 0) {\n\t\t\t\t\t\tnewTop = 16\n\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t}\n\t\t\t\t\tif (actualTop + rect.height > vh) {\n\t\t\t\t\t\tnewTop = vh - rect.height - 16\n\t\t\t\t\t\tneedsUpdate = true\n\t\t\t\t\t}\n\n\t\t\t\t\t// Update position if boat was outside viewport\n\t\t\t\t\tif (needsUpdate) {\n\t\t\t\t\t\t// Convert back to anchor-relative coordinates\n\t\t\t\t\t\tthis.position.x = this.anchor.includes('right') ? vw - newLeft - rect.width : newLeft\n\n\t\t\t\t\t\tthis.position.y = this.anchor.includes('bottom') ? vh - newTop - rect.height : newTop\n\n\t\t\t\t\t\t// Ensure position is never negative\n\t\t\t\t\t\tthis.position.x = Math.max(0, this.position.x)\n\t\t\t\t\t\tthis.position.y = Math.max(0, this.position.y)\n\n\t\t\t\t\t\tthis.updateContainerPosition()\n\t\t\t\t\t\tthis.savePosition()\n\t\t\t\t\t\tconsole.log(`✨ Boat \"${this.id}\" snapped to viewport edge:`, this.position, this.anchor)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\n\t\tthis.setupDragPipeline()\n\n\t\t// Check for deprecated header slot usage\n\t\tconst hasHeaderSlot = this.querySelector('[slot=\"header\"]')\n\t\tif (hasHeaderSlot && !this.icon && !this.label) {\n\t\t\tconsole.warn(\n\t\t\t\t'[schmancy-boat] Using slot=\"header\" is deprecated. ' +\n\t\t\t\t\t'Please use the icon, label, and badge properties instead. ' +\n\t\t\t\t\t'Example: <schmancy-boat icon=\"info\" label=\"Title\" badge=\"5\">',\n\t\t\t)\n\t\t}\n\t}\n\n\t// Apply initial styles to elements\n\tprivate applyInitialStyles() {\n\t\tconst container = this.containerRef.value\n\t\tconst content = this.contentRef.value\n\t\tconst icon = this.iconRef.value\n\n\t\tif (container) {\n\t\t\tconst initialStyle = this.getStyleForState(this.currentState)\n\t\t\tObject.assign(container.style, initialStyle)\n\n\t\t\t// Safari compatibility for backdrop filter\n\t\t\tif ('webkitBackdropFilter' in container.style) {\n\t\t\t\t;(container.style as any).webkitBackdropFilter = initialStyle.backdropFilter\n\t\t\t}\n\t\t}\n\n\t\t// Set initial content opacity\n\t\tif (content) {\n\t\t\tcontent.style.opacity = this.isContentVisible ? '1' : '0'\n\t\t}\n\n\t\t// Set initial icon rotation\n\t\tif (icon && this.currentState === 'expanded') {\n\t\t\ticon.style.transform = 'rotate(180deg)'\n\t\t}\n\t}\n\n\t// Public method to toggle between minimized and expanded\n\ttoggleState() {\n\t\tconst newState = this.currentState === 'minimized' ? 'expanded' : 'minimized'\n\t\tthis.animateToState(newState)\n\t}\n\n\t// Public method to close (hide) the boat\n\tclose() {\n\t\tthis.animateToState('hidden')\n\t}\n\n\tprivate closeAndAddToNav() {\n\t\trace(\n\t\t\tthis.discover<any>('schmancy-navigation-rail'),\n\t\t\tthis.discover<any>('schmancy-navigation-bar'),\n\t\t\tthis.discover<any>('schmancy-nav-drawer'),\n\t\t\tthis.discover<any>('app-navigation-rail'),\n\t\t\tthis.discover<any>('app-navigation-bar'),\n\t\t\tthis.discover<any>('app-nav-drawer'),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\ttake(1),\n\t\t\t\ttap(navComponent => {\n\t\t\t\t\tif (navComponent && typeof navComponent.addBoatItem === 'function') {\n\t\t\t\t\t\t// Use properties first, fall back to slot parsing\n\t\t\t\t\t\tconst icon =\n\t\t\t\t\t\t\tthis.icon ||\n\t\t\t\t\t\t\t(() => {\n\t\t\t\t\t\t\t\tconst headerSlot = this.querySelector('[slot=\"header\"]')\n\t\t\t\t\t\t\t\tconst iconElement = headerSlot?.querySelector('schmancy-icon')\n\t\t\t\t\t\t\t\treturn iconElement?.textContent?.trim() || 'widgets'\n\t\t\t\t\t\t\t})()\n\n\t\t\t\t\t\tconst label =\n\t\t\t\t\t\t\tthis.label ||\n\t\t\t\t\t\t\t(() => {\n\t\t\t\t\t\t\t\tconst headerSlot = this.querySelector('[slot=\"header\"]')\n\t\t\t\t\t\t\t\tlet title = headerSlot?.textContent?.trim() || 'Boat'\n\t\t\t\t\t\t\t\tif (icon && title.includes(icon)) {\n\t\t\t\t\t\t\t\t\ttitle = title.replace(icon, '').trim()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn title || this.id\n\t\t\t\t\t\t\t})()\n\n\t\t\t\t\t\t// Add the boat to navigation\n\t\t\t\t\t\tconst navItem = navComponent.addBoatItem({\n\t\t\t\t\t\t\tid: `boat-${this.id}`,\n\t\t\t\t\t\t\ttitle: label,\n\t\t\t\t\t\t\ticon: icon,\n\t\t\t\t\t\t})\n\n\t\t\t\t\t\tif (navItem) {\n\t\t\t\t\t\t\t// Simple fade out then hide\n\t\t\t\t\t\t\tconst container = this.containerRef.value\n\t\t\t\t\t\t\tif (container) {\n\t\t\t\t\t\t\t\tcontainer\n\t\t\t\t\t\t\t\t\t.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 150, easing: 'ease-out', fill: 'forwards' })\n\t\t\t\t\t\t\t\t\t.finished.then(() => {\n\t\t\t\t\t\t\t\t\t\tthis.currentState = 'hidden'\n\t\t\t\t\t\t\t\t\t\tthis.isContentVisible = false\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tthis.currentState = 'hidden'\n\t\t\t\t\t\t\t\tthis.isContentVisible = false\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Set up click listener to reopen - using RxJS pattern\n\t\t\t\t\t\t\tfromEvent(navItem, 'click')\n\t\t\t\t\t\t\t\t.pipe(\n\t\t\t\t\t\t\t\t\ttap(() => (this.state = 'expanded')),\n\t\t\t\t\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.subscribe()\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// No nav component found, just hide\n\t\t\t\t\t\tthis.close()\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate calculateDragPosition(\n\t\tclientX: number,\n\t\tclientY: number,\n\t\toffsetX: number,\n\t\toffsetY: number,\n\t\tinitialRect: DOMRect,\n\t): Position {\n\t\tconst targetLeft = clientX - offsetX\n\t\tconst targetTop = clientY - offsetY\n\t\tconst vw = window.innerWidth\n\t\tconst vh = window.innerHeight\n\t\tconst clampedLeft = Math.max(0, Math.min(targetLeft, vw - initialRect.width))\n\t\tconst clampedTop = Math.max(0, Math.min(targetTop, vh - initialRect.height))\n\n\t\tconst newX = this.anchor.includes('right') ? vw - (clampedLeft + initialRect.width) : clampedLeft\n\n\t\tconst newY = this.anchor.includes('bottom') ? vh - (clampedTop + initialRect.height) : clampedTop\n\n\t\treturn { x: Math.max(0, newX), y: Math.max(0, newY) }\n\t}\n\n\tprivate savePosition() {\n\t\tif (typeof window === 'undefined') return\n\n\t\tconst toSave: SavedPosition = {\n\t\t\tx: this.position.x,\n\t\t\ty: this.position.y,\n\t\t\tanchor: this.anchor,\n\t\t}\n\t\tconst key = `schmancy-boat-${this.id}`\n\t\tlocalStorage.setItem(key, JSON.stringify(toSave))\n\t\tconsole.log('💾 Saved position:', key, toSave)\n\t}\n\n\tprivate setupDragPipeline() {\n\t\tif (typeof window === 'undefined') return\n\n\t\tconst header = this.headerRef.value\n\t\tconst container = this.containerRef.value\n\t\tif (!header || !container) return\n\n\t\tlet hasDragged = false\n\t\tconst DRAG_THRESHOLD = 5\n\n\t\t// Merge mouse and touch start events\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(header, 'mousedown').pipe(\n\t\t\t\tfilter(e => e.button === 0),\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\tmap(e => ({\n\t\t\t\t\tclientX: e.clientX,\n\t\t\t\t\tclientY: e.clientY,\n\t\t\t\t\ttype: 'mouse' as const,\n\t\t\t\t})),\n\t\t\t),\n\t\t\tfromEvent<TouchEvent>(header, 'touchstart').pipe(\n\t\t\t\tmap(e => ({\n\t\t\t\t\tclientX: e.touches[0].clientX,\n\t\t\t\t\tclientY: e.touches[0].clientY,\n\t\t\t\t\ttype: 'touch' as const,\n\t\t\t\t})),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tmap(({ clientX, clientY, type }) => {\n\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\thasDragged = false\n\t\t\t\t\treturn {\n\t\t\t\t\t\tstartX: clientX,\n\t\t\t\t\t\tstartY: clientY,\n\t\t\t\t\t\toffsetX: clientX - rect.left,\n\t\t\t\t\t\toffsetY: clientY - rect.top,\n\t\t\t\t\t\tinitialRect: rect,\n\t\t\t\t\t\ttype,\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(({ startX, startY, offsetX, offsetY, initialRect, type }) => {\n\t\t\t\t\tconst move$ =\n\t\t\t\t\t\ttype === 'mouse'\n\t\t\t\t\t\t\t? fromEvent<MouseEvent>(window, 'mousemove').pipe(map(e => ({ clientX: e.clientX, clientY: e.clientY })))\n\t\t\t\t\t\t\t: fromEvent<TouchEvent>(window, 'touchmove').pipe(\n\t\t\t\t\t\t\t\t\tmap(e => ({ clientX: e.touches[0].clientX, clientY: e.touches[0].clientY })),\n\t\t\t\t\t\t\t\t)\n\n\t\t\t\t\tconst end$ = type === 'mouse' ? fromEvent(window, 'mouseup') : fromEvent(window, 'touchend')\n\n\t\t\t\t\treturn move$.pipe(\n\t\t\t\t\t\tmap(({ clientX, clientY }) => {\n\t\t\t\t\t\t\tconst deltaX = clientX - startX\n\t\t\t\t\t\t\tconst deltaY = clientY - startY\n\t\t\t\t\t\t\tconst distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY)\n\n\t\t\t\t\t\t\tif (distance > DRAG_THRESHOLD && !hasDragged) {\n\t\t\t\t\t\t\t\thasDragged = true\n\t\t\t\t\t\t\t\tthis.isDragging = true\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (!hasDragged) return null\n\n\t\t\t\t\t\t\treturn this.calculateDragPosition(clientX, clientY, offsetX, offsetY, initialRect)\n\t\t\t\t\t\t}),\n\t\t\t\t\t\tfilter(position => position !== null),\n\t\t\t\t\t\ttap(position => {\n\t\t\t\t\t\t\tif (position) {\n\t\t\t\t\t\t\t\tthis.position = position\n\t\t\t\t\t\t\t\tthis.updateContainerPosition()\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}),\n\t\t\t\t\t\ttakeUntil(end$),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t\tfinalize(() => {\n\t\t\t\t\tif (hasDragged) {\n\t\t\t\t\t\tthis.updateAnchor()\n\t\t\t\t\t\tthis.savePosition()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.toggleState()\n\t\t\t\t\t}\n\t\t\t\t\tthis.isDragging = false\n\t\t\t\t\thasDragged = false\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t// Update container position based on anchor and position values\n\tprivate updateContainerPosition() {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\t// Reset all position styles\n\t\tcontainer.style.removeProperty('left')\n\t\tcontainer.style.removeProperty('right')\n\t\tcontainer.style.removeProperty('top')\n\t\tcontainer.style.removeProperty('bottom')\n\n\t\t// Apply new position based on anchor\n\t\tif (this.anchor.includes('right')) {\n\t\t\tcontainer.style.right = `${this.position.x}px`\n\t\t} else {\n\t\t\tcontainer.style.left = `${this.position.x}px`\n\t\t}\n\n\t\tif (this.anchor.includes('bottom')) {\n\t\t\tcontainer.style.bottom = `${this.position.y}px`\n\t\t} else {\n\t\t\tcontainer.style.top = `${this.position.y}px`\n\t\t}\n\t}\n\n\t// Update anchor based on current position\n\tprivate updateAnchor() {\n\t\tif (typeof window === 'undefined') return\n\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\tconst rect = container.getBoundingClientRect()\n\t\tconst vw = window.innerWidth\n\t\tconst vh = window.innerHeight\n\n\t\tconst isRight = rect.left > vw / 2\n\t\tconst isBottom = rect.top > vh / 2\n\n\t\tconst newAnchor = `${isBottom ? 'bottom' : 'top'}-${isRight ? 'right' : 'left'}` as typeof this.anchor\n\n\t\tif (newAnchor !== this.anchor) {\n\t\t\t// Calculate new position values for the new anchor\n\t\t\tif (isRight) {\n\t\t\t\tthis.position.x = vw - rect.right\n\t\t\t} else {\n\t\t\t\tthis.position.x = rect.left\n\t\t\t}\n\n\t\t\tif (isBottom) {\n\t\t\t\tthis.position.y = vh - rect.bottom\n\t\t\t} else {\n\t\t\t\tthis.position.y = rect.top\n\t\t\t}\n\n\t\t\tthis.anchor = newAnchor\n\t\t}\n\t}\n\n\t// Cleanup on component disconnect\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.currentAnimation?.cancel()\n\t}\n\n\tprotected render(): unknown {\n\t\tconst surfaceElevation = this.currentState === 'minimized' ? (this.isLowered ? '1' : '3') : '4'\n\t\tconst isMinimized = this.currentState === 'minimized'\n\n\t\t// Set transform origin based on anchor for proper expansion\n\t\tconst transformOrigin = this.anchor.includes('bottom')\n\t\t\t? this.anchor.includes('right')\n\t\t\t\t? 'bottom right'\n\t\t\t\t: 'bottom left'\n\t\t\t: this.anchor.includes('right')\n\t\t\t\t? 'top right'\n\t\t\t\t: 'top left'\n\n\t\tconst containerClasses = {\n\t\t\tfixed: true,\n\t\t\t'overflow-y-auto': true,\n\t\t\tflex: true,\n\t\t\t'flex-col': true,\n\t\t\t'select-none': true,\n\t\t\t'will-change-transform': true,\n\t\t\t'[contain:layout_style]': true,\n\t\t\t'[transform:translate3d(0,0,0)]': true,\n\t\t\t'[backface-visibility:hidden]': true,\n\t\t\t'transition-shadow': true,\n\t\t\t'opacity-95': this.isDragging,\n\t\t\t'shadow-[0_24px_48px_-8px_rgba(0,0,0,0.2),0_12px_24px_-4px_rgba(0,0,0,0.12)]': this.isDragging,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${this.classMap(containerClasses)}\n\t\t\t\tstyle=\"transform-origin: ${transformOrigin}\"\n\t\t\t\t${ref(this.containerRef)}\n\t\t\t>\n\t\t\t\t<!-- Header section -->\n\t\t\t\t<section class=\"sticky top-0 z-100\">\n\t\t\t\t\t<schmancy-surface\n\t\t\t\t\t\televation=\"${surfaceElevation}\"\n\t\t\t\t\t\trounded=\"${isMinimized ? 'none' : 'top'}\"\n\t\t\t\t\t\ttype=\"containerHigh\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"group sticky top-0 px-3 py-2 flex items-center justify-between gap-3 ${this.isDragging\n\t\t\t\t\t\t\t\t? 'cursor-grabbing'\n\t\t\t\t\t\t\t\t: 'cursor-move'}\"\n\t\t\t\t\t\t\t${ref(this.headerRef)}\n\t\t\t\t\t\t\ttitle=\"Drag to move, double-click to toggle\"\n\t\t\t\t\t\t\t@dblclick=${(e: Event) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.toggleState()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<!-- Drag handle indicator -->\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"flex items-center text-surface-onVariant opacity-40 transition-opacity duration-200 group-hover:opacity-100\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<schmancy-icon style=\"font-size: 20px\">drag_indicator</schmancy-icon>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<!-- Header content - use properties if provided, else fallback to slot -->\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"flex-1 min-w-fit items-center flex justify-start ${isMinimized ? 'cursor-pointer' : ''}\"\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t@dblclick=${(e: Event) => {\n\t\t\t\t\t\t\t\t\tif (isMinimized) {\n\t\t\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\tthis.state = 'expanded'\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\ttitle=\"${isMinimized ? 'Click to expand' : ''}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t${this.icon || this.label\n\t\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclass=\"flex gap-2 items-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t${this.icon ? html`<schmancy-icon>${this.icon}</schmancy-icon>` : ''}\n\t\t\t\t\t\t\t\t\t\t\t\t${this.label\n\t\t\t\t\t\t\t\t\t\t\t\t\t? html`<schmancy-typography type=\"title\" token=\"md\">${this.label}</schmancy-typography>`\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t\t\t\t\t${this.badge !== undefined && this.badge !== null && this.badge !== ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t? html`<schmancy-badge>${this.badge}</schmancy-badge>`\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t\t: html`<slot name=\"header\"></slot>`}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<!-- Control buttons -->\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-1 shrink-0\">\n\t\t\t\t\t\t\t\t${isMinimized\n\t\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t\t<!-- Expand button (when minimized) -->\n\t\t\t\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state = 'expanded'\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"Expand\"\n\t\t\t\t\t\t\t\t\t\t\t\t${ref(this.iconRef)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\tfullscreen\n\t\t\t\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t\t<!-- Minimize button (when expanded) -->\n\t\t\t\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"filled tonal\"\n\t\t\t\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state = 'minimized'\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"Minimize\"\n\t\t\t\t\t\t\t\t\t\t\t\t${ref(this.iconRef)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\tclose_fullscreen\n\t\t\t\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t\t\t\t`}\n\n\t\t\t\t\t\t\t\t<!-- Close button -->\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\tthis.closeAndAddToNav()\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\ttitle=\"Close and add to navigation\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tremove\n\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</section>\n\n\t\t\t\t<!-- Content section -->\n\t\t\t\t${cache(\n\t\t\t\t\tthis.isContentVisible\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<schmancy-surface type=\"containerHigh\" class=\"flex-1\" ${ref(this.contentRef)}>\n\t\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t\t</schmancy-surface>\n\t\t\t\t\t\t  `\n\t\t\t\t\t\t: html``,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-boat': SchmancyBoat\n\t}\n}\n"],"names":["SchmancyBoat","$LitElement","css","constructor","super","arguments","this","id","containerRef","createRef","contentRef","iconRef","headerRef","ANIMATION_CONFIG","durations","expand","minimize","hide","content","easing","emphasized","decelerate","accelerate","standard","shadows","fab","fabLowered","expanded","currentState","isContentVisible","isAnimating","isLowered","isDragging","position","x","y","anchor","state","value","animateToState","lowered","requestUpdate","connectedCallback","window","fromEvent","pipe","takeUntil","disconnecting","subscribe","updateExpandedWidth","container","rect","getBoundingClientRect","width","height","vw","innerWidth","vh","innerHeight","actualLeft","includes","actualTop","needsUpdate","newLeft","newTop","Math","max","updateContainerPosition","savePosition","filter","e","key","tap","preventDefault","toggleState","close","targetState","previousState","performTransition","dispatchEvent","CustomEvent","detail","bubbles","composed","err","fromState","toState","currentAnimation","cancel","updateComplete","animations","createAnimations","finished","icon","config","fromStyles","getStyleForState","toStyles","animate","duration","fill","opacity","transform","isExpanding","baseStyles","maxWidth","maxHeight","borderRadius","hidden","pointerEvents","boxShadow","backdropFilter","minimized","getResponsiveWidth","style","applyInitialStyles","interval","startWith","take","setupDragPipeline","querySelector","label","initialStyle","Object","assign","webkitBackdropFilter","newState","race","discover","navComponent","addBoatItem","textContent","trim","title","replace","navItem","then","clientX","clientY","offsetX","offsetY","initialRect","targetLeft","targetTop","clampedLeft","min","clampedTop","newX","newY","toSave","localStorage","setItem","JSON","stringify","header","hasDragged","merge","button","stopPropagation","map","type","touches","startX","startY","left","top","switchMap","move$","end$","deltaX","deltaY","sqrt","calculateDragPosition","finalize","updateAnchor","removeProperty","right","bottom","isRight","isBottom","newAnchor","disconnectedCallback","render","surfaceElevation","isMinimized","transformOrigin","containerClasses","fixed","flex","html","classMap","ref","badge","closeAndAddToNav","cache","__decorateClass","property","String","reflect","prototype","Boolean","customElement"],"mappings":"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"}

package/dist/{boat-98He5-K8.cjs → boat-DkNUc1UO.cjs}

@@ -1,10 +1,10 @@
-"use strict";const m=require("rxjs"),r=require("rxjs/operators");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("lit/decorators.js");require("./tailwind.mixin-3TPVvhYf.cjs");const v=require("./litElement.mixin-CPQYJnK_.cjs"),g=require("lit"),f=require("lit/directives/ref.js"),S=require("lit/directives/cache.js");var R=Object.defineProperty,C=Object.getOwnPropertyDescriptor,u=(t,i,o,n)=>{for(var e,a=n>1?void 0:n?C(i,o):i,s=t.length-1;s>=0;s--)(e=t[s])&&(a=(n?e(i,o,a):e(a))||a);return n&&a&&R(i,o,a),a};exports.SchmancyBoat=class extends v.$LitElement(g.css`
+"use strict";const m=require("rxjs"),r=require("rxjs/operators");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("lit/decorators.js");require("./tailwind.mixin-UijsBrYW.cjs");const v=require("./litElement.mixin-BVBdv0GP.cjs"),g=require("lit"),f=require("lit/directives/ref.js"),S=require("lit/directives/cache.js");var R=Object.defineProperty,C=Object.getOwnPropertyDescriptor,u=(t,i,o,n)=>{for(var e,a=n>1?void 0:n?C(i,o):i,s=t.length-1;s>=0;s--)(e=t[s])&&(a=(n?e(i,o,a):e(a))||a);return n&&a&&R(i,o,a),a};exports.SchmancyBoat=class extends v.$LitElement(g.css`
 	:host {
 		display: contents;
 		position: relative;
 		z-index: 1000;
 	}
-`){constructor(){super(...arguments),this.id="default",this.containerRef=f.createRef(),this.contentRef=f.createRef(),this.iconRef=f.createRef(),this.headerRef=f.createRef(),this.ANIMATION_CONFIG={durations:{expand:350,minimize:250,hide:200,content:300},easing:{emphasized:"cubic-bezier(0.2, 0.0, 0, 1.0)",decelerate:"cubic-bezier(0.05, 0.7, 0.1, 1.0)",accelerate:"cubic-bezier(0.3, 0.0, 0.8, 0.15)",standard:"cubic-bezier(0.4, 0.0, 0.2, 1)"},shadows:{fab:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",fabLowered:"0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12)",expanded:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"}},this.currentState="minimized",this.isContentVisible=!1,this.isAnimating=!1,this.isLowered=!1,this.isDragging=!1,this.position={x:16,y:16},this.anchor="bottom-right"}get state(){return this.currentState}set state(t){this.isAnimating||t===this.currentState||this.animateToState(t)}get lowered(){return this.isLowered}set lowered(t){this.isLowered=t,this.requestUpdate()}connectedCallback(){super.connectedCallback(),typeof window<"u"&&(m.fromEvent(window,"resize").pipe(r.takeUntil(this.disconnecting)).subscribe(()=>{this.currentState==="expanded"&&this.updateExpandedWidth();const t=this.containerRef.value;if(t){const i=t.getBoundingClientRect();if(i.width>0&&i.height>0){const o=window.innerWidth,n=window.innerHeight,e=this.anchor.includes("right")?o-this.position.x-i.width:this.position.x,a=this.anchor.includes("bottom")?n-this.position.y-i.height:this.position.y;let s=!1,h=e,c=a;e<0&&(h=16,s=!0),e+i.width>o&&(h=o-i.width-16,s=!0),a<0&&(c=16,s=!0),a+i.height>n&&(c=n-i.height-16,s=!0),s&&(this.position.x=this.anchor.includes("right")?o-h-i.width:h,this.position.y=this.anchor.includes("bottom")?n-c-i.height:c,this.position.x=Math.max(0,this.position.x),this.position.y=Math.max(0,this.position.y),this.updateContainerPosition(),this.savePosition())}}}),m.fromEvent(window,"keydown").pipe(r.filter(t=>t.key==="Escape"&&this.currentState!=="hidden"),r.tap(t=>t.preventDefault()),r.takeUntil(this.disconnecting)).subscribe(()=>{this.currentState==="expanded"?this.toggleState():this.close()}))}async animateToState(t){if(this.isAnimating||t===this.currentState)return;const i=this.currentState;this.isAnimating=!0;try{await this.performTransition(i,t),this.currentState=t,this.isContentVisible=t==="expanded",this.dispatchEvent(new CustomEvent("toggle",{detail:t,bubbles:!0,composed:!0}))}catch{this.currentState=t,this.isContentVisible=t==="expanded"}finally{this.isAnimating=!1}}async performTransition(t,i){if(this.currentAnimation?.cancel(),!this.containerRef.value)return;i==="expanded"&&(this.isContentVisible=!0,await this.updateComplete);const o=this.createAnimations(t,i);if(o.container)if(this.currentAnimation=o.container,await o.container.finished,o.content&&await o.content.finished,i!=="expanded")this.isContentVisible=!1;else{const n=this.containerRef.value;if(n){const e=n.getBoundingClientRect();if(e.width>0&&e.height>0){const a=window.innerWidth,s=window.innerHeight,h=this.anchor.includes("right")?a-this.position.x-e.width:this.position.x,c=this.anchor.includes("bottom")?s-this.position.y-e.height:this.position.y;let p=!1,y=h,d=c;h<0&&(y=16,p=!0),h+e.width>a&&(y=a-e.width-16,p=!0),c<0&&(d=16,p=!0),c+e.height>s&&(d=s-e.height-16,p=!0),p&&(this.position.x=this.anchor.includes("right")?a-y-e.width:y,this.position.y=this.anchor.includes("bottom")?s-d-e.height:d,this.position.x=Math.max(0,this.position.x),this.position.y=Math.max(0,this.position.y),this.updateContainerPosition(),this.savePosition())}}}}createAnimations(t,i){const o=this.containerRef.value,n=this.contentRef.value,e=this.iconRef.value,a={};if(!o)return a;const s=this.ANIMATION_CONFIG,h=this.getStyleForState(t),c=this.getStyleForState(i);if(a.container=i==="expanded"?o.animate([h,c],{duration:s.durations.expand,easing:s.easing.decelerate,fill:"forwards"}):o.animate([h,c],{duration:i==="hidden"?s.durations.hide:s.durations.minimize,easing:s.easing.accelerate,fill:"forwards"}),n&&t==="expanded"&&i==="minimized"?a.content=n.animate([{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-8px)"}],{duration:150,easing:s.easing.standard,fill:"forwards"}):n&&i==="expanded"&&n.animate([{opacity:0,transform:"translateY(8px)"},{opacity:1,transform:"translateY(0)"}],{duration:s.durations.content,easing:s.easing.standard,fill:"forwards"}),e){const p=i==="expanded";(p||t==="expanded"&&i==="minimized")&&e.animate([{transform:p?"rotate(0deg)":"rotate(180deg)"},{transform:p?"rotate(180deg)":"rotate(0deg)"}],{duration:250,easing:s.easing.emphasized,fill:"forwards"})}return a}getStyleForState(t){const{shadows:i}=this.ANIMATION_CONFIG,o={maxWidth:"fit",maxHeight:"auto",borderRadius:"16px"};return{hidden:{...o,opacity:"0",pointerEvents:"none",boxShadow:"none",backdropFilter:"none"},minimized:{...o,opacity:"1",pointerEvents:"auto",boxShadow:this.isLowered?i.fabLowered:i.fab,backdropFilter:"none"},expanded:{opacity:"1",pointerEvents:"auto",width:this.getResponsiveWidth(),maxWidth:"100%",maxHeight:"80vh",boxShadow:i.expanded,borderRadius:"8px 8px 0 0",backdropFilter:"blur(12px)"}}[t]}getResponsiveWidth(){if(typeof window>"u")return"40vw";const t=window.innerWidth;return t<768?"calc(100vw - 32px)":t<1024?"70vw":t<1280?"60vw":"40vw"}updateExpandedWidth(){const t=this.containerRef.value;t&&this.currentState==="expanded"&&(t.style.width=this.getResponsiveWidth())}firstUpdated(){this.applyInitialStyles(),this.updateContainerPosition();const t=this.containerRef.value;t&&m.interval(10).pipe(r.startWith(!0),r.filter(()=>{const i=t.getBoundingClientRect();return i.width>0&&i.height>0}),r.take(1),r.takeUntil(this.disconnecting)).subscribe(()=>{const i=t.getBoundingClientRect(),o=window.innerWidth,n=window.innerHeight,e=this.anchor.includes("right")?o-this.position.x-i.width:this.position.x,a=this.anchor.includes("bottom")?n-this.position.y-i.height:this.position.y;let s=!1,h=e,c=a;e<0&&(h=16,s=!0),e+i.width>o&&(h=o-i.width-16,s=!0),a<0&&(c=16,s=!0),a+i.height>n&&(c=n-i.height-16,s=!0),s&&(this.position.x=this.anchor.includes("right")?o-h-i.width:h,this.position.y=this.anchor.includes("bottom")?n-c-i.height:c,this.position.x=Math.max(0,this.position.x),this.position.y=Math.max(0,this.position.y),this.updateContainerPosition(),this.savePosition())}),this.setupDragPipeline(),this.querySelector('[slot="header"]')&&!this.icon&&this.label}applyInitialStyles(){const t=this.containerRef.value,i=this.contentRef.value,o=this.iconRef.value;if(t){const n=this.getStyleForState(this.currentState);Object.assign(t.style,n),"webkitBackdropFilter"in t.style&&(t.style.webkitBackdropFilter=n.backdropFilter)}i&&(i.style.opacity=this.isContentVisible?"1":"0"),o&&this.currentState==="expanded"&&(o.style.transform="rotate(180deg)")}toggleState(){const t=this.currentState==="minimized"?"expanded":"minimized";this.animateToState(t)}close(){this.animateToState("hidden")}closeAndAddToNav(){m.race(this.discover("schmancy-navigation-rail"),this.discover("schmancy-navigation-bar"),this.discover("schmancy-nav-drawer"),this.discover("app-navigation-rail"),this.discover("app-navigation-bar"),this.discover("app-nav-drawer")).pipe(r.take(1),r.tap(t=>{if(t&&typeof t.addBoatItem=="function"){const i=this.icon||(this.querySelector('[slot="header"]')?.querySelector("schmancy-icon")?.textContent?.trim()||"widgets"),o=this.label||(()=>{let a=this.querySelector('[slot="header"]')?.textContent?.trim()||"Boat";return a.includes(i)&&(a=a.replace(i,"").trim()),a||this.id})(),n=t.addBoatItem({id:`boat-${this.id}`,title:o,icon:i});if(n){const e=this.containerRef.value;e?e.animate([{opacity:1},{opacity:0}],{duration:150,easing:"ease-out",fill:"forwards"}).finished.then(()=>{this.currentState="hidden",this.isContentVisible=!1}):(this.currentState="hidden",this.isContentVisible=!1),m.fromEvent(n,"click").pipe(r.tap(()=>this.state="expanded"),r.takeUntil(this.disconnecting)).subscribe()}}else this.close()})).subscribe()}calculateDragPosition(t,i,o,n,e){const a=t-o,s=i-n,h=window.innerWidth,c=window.innerHeight,p=Math.max(0,Math.min(a,h-e.width)),y=Math.max(0,Math.min(s,c-e.height)),d=this.anchor.includes("right")?h-(p+e.width):p,x=this.anchor.includes("bottom")?c-(y+e.height):y;return{x:Math.max(0,d),y:Math.max(0,x)}}savePosition(){if(typeof window>"u")return;const t={x:this.position.x,y:this.position.y,anchor:this.anchor},i=`schmancy-boat-${this.id}`;localStorage.setItem(i,JSON.stringify(t))}setupDragPipeline(){if(typeof window>"u")return;const t=this.headerRef.value,i=this.containerRef.value;if(!t||!i)return;let o=!1;m.merge(m.fromEvent(t,"mousedown").pipe(r.filter(n=>n.button===0),r.tap(n=>{n.preventDefault(),n.stopPropagation()}),r.map(n=>({clientX:n.clientX,clientY:n.clientY,type:"mouse"}))),m.fromEvent(t,"touchstart").pipe(r.map(n=>({clientX:n.touches[0].clientX,clientY:n.touches[0].clientY,type:"touch"})))).pipe(r.map(({clientX:n,clientY:e,type:a})=>{const s=i.getBoundingClientRect();return o=!1,{startX:n,startY:e,offsetX:n-s.left,offsetY:e-s.top,initialRect:s,type:a}})).pipe(r.switchMap(({startX:n,startY:e,offsetX:a,offsetY:s,initialRect:h,type:c})=>{const p=c==="mouse"?m.fromEvent(window,"mousemove").pipe(r.map(d=>({clientX:d.clientX,clientY:d.clientY}))):m.fromEvent(window,"touchmove").pipe(r.map(d=>({clientX:d.touches[0].clientX,clientY:d.touches[0].clientY}))),y=c==="mouse"?m.fromEvent(window,"mouseup"):m.fromEvent(window,"touchend");return p.pipe(r.map(({clientX:d,clientY:x})=>{const b=d-n,w=x-e;return Math.sqrt(b*b+w*w)>5&&!o&&(o=!0,this.isDragging=!0),o?this.calculateDragPosition(d,x,a,s,h):null}),r.filter(d=>d!==null),r.tap(d=>{d&&(this.position=d,this.updateContainerPosition())}),r.takeUntil(y))}),r.finalize(()=>{o?(this.updateAnchor(),this.savePosition()):this.toggleState(),this.isDragging=!1,o=!1}),r.takeUntil(this.disconnecting)).subscribe()}updateContainerPosition(){const t=this.containerRef.value;t&&(t.style.removeProperty("left"),t.style.removeProperty("right"),t.style.removeProperty("top"),t.style.removeProperty("bottom"),this.anchor.includes("right")?t.style.right=`${this.position.x}px`:t.style.left=`${this.position.x}px`,this.anchor.includes("bottom")?t.style.bottom=`${this.position.y}px`:t.style.top=`${this.position.y}px`)}updateAnchor(){if(typeof window>"u")return;const t=this.containerRef.value;if(!t)return;const i=t.getBoundingClientRect(),o=window.innerWidth,n=window.innerHeight,e=i.left>o/2,a=i.top>n/2,s=`${a?"bottom":"top"}-${e?"right":"left"}`;s!==this.anchor&&(this.position.x=e?o-i.right:i.left,this.position.y=a?n-i.bottom:i.top,this.anchor=s)}disconnectedCallback(){super.disconnectedCallback(),this.currentAnimation?.cancel()}render(){const t=this.currentState==="minimized"?this.isLowered?"1":"3":"4",i=this.currentState==="minimized",o=this.anchor.includes("bottom")?this.anchor.includes("right")?"bottom right":"bottom left":this.anchor.includes("right")?"top right":"top left",n={fixed:!0,"overflow-y-auto":!0,flex:!0,"flex-col":!0,"select-none":!0,"will-change-transform":!0,"[contain:layout_style]":!0,"[transform:translate3d(0,0,0)]":!0,"[backface-visibility:hidden]":!0,"transition-shadow":!0,"opacity-95":this.isDragging,"shadow-[0_24px_48px_-8px_rgba(0,0,0,0.2),0_12px_24px_-4px_rgba(0,0,0,0.12)]":this.isDragging};return g.html`
+`){constructor(){super(...arguments),this.id="default",this.containerRef=f.createRef(),this.contentRef=f.createRef(),this.iconRef=f.createRef(),this.headerRef=f.createRef(),this.ANIMATION_CONFIG={durations:{expand:350,minimize:250,hide:200,content:300},easing:{emphasized:"cubic-bezier(0.2, 0.0, 0, 1.0)",decelerate:"cubic-bezier(0.05, 0.7, 0.1, 1.0)",accelerate:"cubic-bezier(0.3, 0.0, 0.8, 0.15)",standard:"cubic-bezier(0.4, 0.0, 0.2, 1)"},shadows:{fab:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",fabLowered:"0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12)",expanded:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"}},this.currentState="minimized",this.isContentVisible=!1,this.isAnimating=!1,this.isLowered=!1,this.isDragging=!1,this.position={x:16,y:16},this.anchor="bottom-right"}get state(){return this.currentState}set state(t){this.isAnimating||t===this.currentState||this.animateToState(t)}get lowered(){return this.isLowered}set lowered(t){this.isLowered=t,this.requestUpdate()}connectedCallback(){super.connectedCallback(),typeof window<"u"&&(m.fromEvent(window,"resize").pipe(r.takeUntil(this.disconnecting)).subscribe(()=>{this.currentState==="expanded"&&this.updateExpandedWidth();const t=this.containerRef.value;if(t){const i=t.getBoundingClientRect();if(i.width>0&&i.height>0){const o=window.innerWidth,n=window.innerHeight,e=this.anchor.includes("right")?o-this.position.x-i.width:this.position.x,a=this.anchor.includes("bottom")?n-this.position.y-i.height:this.position.y;let s=!1,h=e,c=a;e<0&&(h=16,s=!0),e+i.width>o&&(h=o-i.width-16,s=!0),a<0&&(c=16,s=!0),a+i.height>n&&(c=n-i.height-16,s=!0),s&&(this.position.x=this.anchor.includes("right")?o-h-i.width:h,this.position.y=this.anchor.includes("bottom")?n-c-i.height:c,this.position.x=Math.max(0,this.position.x),this.position.y=Math.max(0,this.position.y),this.updateContainerPosition(),this.savePosition())}}}),m.fromEvent(window,"keydown").pipe(r.filter(t=>t.key==="Escape"&&this.currentState!=="hidden"),r.tap(t=>t.preventDefault()),r.takeUntil(this.disconnecting)).subscribe(()=>{this.currentState==="expanded"?this.toggleState():this.close()}))}async animateToState(t){if(this.isAnimating||t===this.currentState)return;const i=this.currentState;this.isAnimating=!0;try{await this.performTransition(i,t),this.currentState=t,this.isContentVisible=t==="expanded",this.dispatchEvent(new CustomEvent("toggle",{detail:t,bubbles:!0,composed:!0}))}catch{this.currentState=t,this.isContentVisible=t==="expanded"}finally{this.isAnimating=!1}}async performTransition(t,i){if(this.currentAnimation?.cancel(),!this.containerRef.value)return;i==="expanded"&&(this.isContentVisible=!0,await this.updateComplete);const o=this.createAnimations(t,i);if(o.container)if(this.currentAnimation=o.container,await o.container.finished,o.content&&await o.content.finished,i!=="expanded")this.isContentVisible=!1;else{const n=this.containerRef.value;if(n){const e=n.getBoundingClientRect();if(e.width>0&&e.height>0){const a=window.innerWidth,s=window.innerHeight,h=this.anchor.includes("right")?a-this.position.x-e.width:this.position.x,c=this.anchor.includes("bottom")?s-this.position.y-e.height:this.position.y;let p=!1,y=h,d=c;h<0&&(y=16,p=!0),h+e.width>a&&(y=a-e.width-16,p=!0),c<0&&(d=16,p=!0),c+e.height>s&&(d=s-e.height-16,p=!0),p&&(this.position.x=this.anchor.includes("right")?a-y-e.width:y,this.position.y=this.anchor.includes("bottom")?s-d-e.height:d,this.position.x=Math.max(0,this.position.x),this.position.y=Math.max(0,this.position.y),this.updateContainerPosition(),this.savePosition())}}}}createAnimations(t,i){const o=this.containerRef.value,n=this.contentRef.value,e=this.iconRef.value,a={};if(!o)return a;const s=this.ANIMATION_CONFIG,h=this.getStyleForState(t),c=this.getStyleForState(i);if(a.container=i==="expanded"?o.animate([h,c],{duration:s.durations.expand,easing:s.easing.decelerate,fill:"forwards"}):o.animate([h,c],{duration:i==="hidden"?s.durations.hide:s.durations.minimize,easing:s.easing.accelerate,fill:"forwards"}),n&&t==="expanded"&&i==="minimized"?a.content=n.animate([{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-8px)"}],{duration:150,easing:s.easing.standard,fill:"forwards"}):n&&i==="expanded"&&n.animate([{opacity:0,transform:"translateY(8px)"},{opacity:1,transform:"translateY(0)"}],{duration:s.durations.content,easing:s.easing.standard,fill:"forwards"}),e){const p=i==="expanded";(p||t==="expanded"&&i==="minimized")&&e.animate([{transform:p?"rotate(0deg)":"rotate(180deg)"},{transform:p?"rotate(180deg)":"rotate(0deg)"}],{duration:250,easing:s.easing.emphasized,fill:"forwards"})}return a}getStyleForState(t){const{shadows:i}=this.ANIMATION_CONFIG,o={maxWidth:"fit",maxHeight:"auto",borderRadius:"16px"};return{hidden:{...o,opacity:"0",pointerEvents:"none",boxShadow:"none",backdropFilter:"none"},minimized:{...o,opacity:"1",pointerEvents:"auto",boxShadow:this.isLowered?i.fabLowered:i.fab,backdropFilter:"none"},expanded:{opacity:"1",pointerEvents:"auto",width:this.getResponsiveWidth(),maxWidth:"100%",maxHeight:"80vh",boxShadow:i.expanded,borderRadius:"8px 8px 0 0",backdropFilter:"blur(12px)"}}[t]}getResponsiveWidth(){if(typeof window>"u")return"40vw";const t=window.innerWidth;return t<768?"calc(100vw - 32px)":t<1024?"70vw":t<1280?"60vw":"40vw"}updateExpandedWidth(){const t=this.containerRef.value;t&&this.currentState==="expanded"&&(t.style.width=this.getResponsiveWidth())}firstUpdated(){this.applyInitialStyles(),this.updateContainerPosition();const t=this.containerRef.value;t&&m.interval(10).pipe(r.startWith(!0),r.filter(()=>{const i=t.getBoundingClientRect();return i.width>0&&i.height>0}),r.take(1),r.takeUntil(this.disconnecting)).subscribe(()=>{const i=t.getBoundingClientRect(),o=window.innerWidth,n=window.innerHeight,e=this.anchor.includes("right")?o-this.position.x-i.width:this.position.x,a=this.anchor.includes("bottom")?n-this.position.y-i.height:this.position.y;let s=!1,h=e,c=a;e<0&&(h=16,s=!0),e+i.width>o&&(h=o-i.width-16,s=!0),a<0&&(c=16,s=!0),a+i.height>n&&(c=n-i.height-16,s=!0),s&&(this.position.x=this.anchor.includes("right")?o-h-i.width:h,this.position.y=this.anchor.includes("bottom")?n-c-i.height:c,this.position.x=Math.max(0,this.position.x),this.position.y=Math.max(0,this.position.y),this.updateContainerPosition(),this.savePosition())}),this.setupDragPipeline(),this.querySelector('[slot="header"]')&&!this.icon&&this.label}applyInitialStyles(){const t=this.containerRef.value,i=this.contentRef.value,o=this.iconRef.value;if(t){const n=this.getStyleForState(this.currentState);Object.assign(t.style,n),"webkitBackdropFilter"in t.style&&(t.style.webkitBackdropFilter=n.backdropFilter)}i&&(i.style.opacity=this.isContentVisible?"1":"0"),o&&this.currentState==="expanded"&&(o.style.transform="rotate(180deg)")}toggleState(){const t=this.currentState==="minimized"?"expanded":"minimized";this.animateToState(t)}close(){this.animateToState("hidden")}closeAndAddToNav(){m.race(this.discover("schmancy-navigation-rail"),this.discover("schmancy-navigation-bar"),this.discover("schmancy-nav-drawer"),this.discover("app-navigation-rail"),this.discover("app-navigation-bar"),this.discover("app-nav-drawer")).pipe(r.take(1),r.tap(t=>{if(t&&typeof t.addBoatItem=="function"){const i=this.icon||this.querySelector('[slot="header"]')?.querySelector("schmancy-icon")?.textContent?.trim()||"widgets",o=this.label||(()=>{let a=this.querySelector('[slot="header"]')?.textContent?.trim()||"Boat";return a.includes(i)&&(a=a.replace(i,"").trim()),a||this.id})(),n=t.addBoatItem({id:`boat-${this.id}`,title:o,icon:i});if(n){const e=this.containerRef.value;e?e.animate([{opacity:1},{opacity:0}],{duration:150,easing:"ease-out",fill:"forwards"}).finished.then(()=>{this.currentState="hidden",this.isContentVisible=!1}):(this.currentState="hidden",this.isContentVisible=!1),m.fromEvent(n,"click").pipe(r.tap(()=>this.state="expanded"),r.takeUntil(this.disconnecting)).subscribe()}}else this.close()})).subscribe()}calculateDragPosition(t,i,o,n,e){const a=t-o,s=i-n,h=window.innerWidth,c=window.innerHeight,p=Math.max(0,Math.min(a,h-e.width)),y=Math.max(0,Math.min(s,c-e.height)),d=this.anchor.includes("right")?h-(p+e.width):p,x=this.anchor.includes("bottom")?c-(y+e.height):y;return{x:Math.max(0,d),y:Math.max(0,x)}}savePosition(){if(typeof window>"u")return;const t={x:this.position.x,y:this.position.y,anchor:this.anchor},i=`schmancy-boat-${this.id}`;localStorage.setItem(i,JSON.stringify(t))}setupDragPipeline(){if(typeof window>"u")return;const t=this.headerRef.value,i=this.containerRef.value;if(!t||!i)return;let o=!1;m.merge(m.fromEvent(t,"mousedown").pipe(r.filter(n=>n.button===0),r.tap(n=>{n.preventDefault(),n.stopPropagation()}),r.map(n=>({clientX:n.clientX,clientY:n.clientY,type:"mouse"}))),m.fromEvent(t,"touchstart").pipe(r.map(n=>({clientX:n.touches[0].clientX,clientY:n.touches[0].clientY,type:"touch"})))).pipe(r.map(({clientX:n,clientY:e,type:a})=>{const s=i.getBoundingClientRect();return o=!1,{startX:n,startY:e,offsetX:n-s.left,offsetY:e-s.top,initialRect:s,type:a}})).pipe(r.switchMap(({startX:n,startY:e,offsetX:a,offsetY:s,initialRect:h,type:c})=>{const p=c==="mouse"?m.fromEvent(window,"mousemove").pipe(r.map(d=>({clientX:d.clientX,clientY:d.clientY}))):m.fromEvent(window,"touchmove").pipe(r.map(d=>({clientX:d.touches[0].clientX,clientY:d.touches[0].clientY}))),y=c==="mouse"?m.fromEvent(window,"mouseup"):m.fromEvent(window,"touchend");return p.pipe(r.map(({clientX:d,clientY:x})=>{const b=d-n,w=x-e;return Math.sqrt(b*b+w*w)>5&&!o&&(o=!0,this.isDragging=!0),o?this.calculateDragPosition(d,x,a,s,h):null}),r.filter(d=>d!==null),r.tap(d=>{d&&(this.position=d,this.updateContainerPosition())}),r.takeUntil(y))}),r.finalize(()=>{o?(this.updateAnchor(),this.savePosition()):this.toggleState(),this.isDragging=!1,o=!1}),r.takeUntil(this.disconnecting)).subscribe()}updateContainerPosition(){const t=this.containerRef.value;t&&(t.style.removeProperty("left"),t.style.removeProperty("right"),t.style.removeProperty("top"),t.style.removeProperty("bottom"),this.anchor.includes("right")?t.style.right=`${this.position.x}px`:t.style.left=`${this.position.x}px`,this.anchor.includes("bottom")?t.style.bottom=`${this.position.y}px`:t.style.top=`${this.position.y}px`)}updateAnchor(){if(typeof window>"u")return;const t=this.containerRef.value;if(!t)return;const i=t.getBoundingClientRect(),o=window.innerWidth,n=window.innerHeight,e=i.left>o/2,a=i.top>n/2,s=`${a?"bottom":"top"}-${e?"right":"left"}`;s!==this.anchor&&(this.position.x=e?o-i.right:i.left,this.position.y=a?n-i.bottom:i.top,this.anchor=s)}disconnectedCallback(){super.disconnectedCallback(),this.currentAnimation?.cancel()}render(){const t=this.currentState==="minimized"?this.isLowered?"1":"3":"4",i=this.currentState==="minimized",o=this.anchor.includes("bottom")?this.anchor.includes("right")?"bottom right":"bottom left":this.anchor.includes("right")?"top right":"top left",n={fixed:!0,"overflow-y-auto":!0,flex:!0,"flex-col":!0,"select-none":!0,"will-change-transform":!0,"[contain:layout_style]":!0,"[transform:translate3d(0,0,0)]":!0,"[backface-visibility:hidden]":!0,"transition-shadow":!0,"opacity-95":this.isDragging,"shadow-[0_24px_48px_-8px_rgba(0,0,0,0.2),0_12px_24px_-4px_rgba(0,0,0,0.12)]":this.isDragging};return g.html`
 			<div
 				class=${this.classMap(n)}
 				style="transform-origin: ${o}"
@@ -15,7 +15,7 @@
 					<schmancy-surface
 						elevation="${t}"
 						rounded="${i?"none":"top"}"
-						type="containerLowest"
+						type="containerHigh"
 					>
 						<div
 							class="group sticky top-0 px-3 py-2 flex items-center justify-between gap-3 ${this.isDragging?"cursor-grabbing":"cursor-move"}"
@@ -88,10 +88,10 @@
 
 				<!-- Content section -->
 				${S.cache(this.isContentVisible?g.html`
-								<schmancy-surface type="containerLow" class="flex-1" ${f.ref(this.contentRef)}>
+								<schmancy-surface type="containerHigh" class="flex-1" ${f.ref(this.contentRef)}>
 									<slot></slot>
 								</schmancy-surface>
 						  `:g.html``)}
 			</div>
 		`}},u([l.property({type:String,reflect:!0})],exports.SchmancyBoat.prototype,"state",1),u([l.property({type:String})],exports.SchmancyBoat.prototype,"id",2),u([l.property({type:Boolean,reflect:!0})],exports.SchmancyBoat.prototype,"lowered",1),u([l.property({type:String})],exports.SchmancyBoat.prototype,"icon",2),u([l.property({type:String})],exports.SchmancyBoat.prototype,"label",2),u([l.property()],exports.SchmancyBoat.prototype,"badge",2),u([l.state()],exports.SchmancyBoat.prototype,"currentState",2),u([l.state()],exports.SchmancyBoat.prototype,"isContentVisible",2),u([l.state()],exports.SchmancyBoat.prototype,"isAnimating",2),u([l.state()],exports.SchmancyBoat.prototype,"isLowered",2),u([l.state()],exports.SchmancyBoat.prototype,"isDragging",2),u([l.state()],exports.SchmancyBoat.prototype,"position",2),u([l.state()],exports.SchmancyBoat.prototype,"anchor",2),exports.SchmancyBoat=u([l.customElement("schmancy-boat")],exports.SchmancyBoat);
-//# sourceMappingURL=boat-98He5-K8.cjs.map
+//# sourceMappingURL=boat-DkNUc1UO.cjs.map