@mhmo91/schmancy 0.5.35 → 0.5.37

package/dist/boat-DumUFcmT.js

@@ -0,0 +1,276 @@
+import { fromEvent as u, race as A, merge as k } from "rxjs";
+import { takeUntil as b, filter as S, tap as w, take as P, map as f, switchMap as I, finalize as D } from "rxjs/operators";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { property as R, state as m, customElement as F } from "lit/decorators.js";
+import "./tailwind.mixin-Cn7vup-6.js";
+import { $ as Y } from "./litElement.mixin-Dp4mBSNw.js";
+import { css as N, html as $ } from "lit";
+import { createRef as v, ref as g } from "lit/directives/ref.js";
+var T = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, d = (t, e, n, i) => {
+  for (var a, s = i > 1 ? void 0 : i ? _(e, n) : e, o = t.length - 1; o >= 0; o--) (a = t[o]) && (s = (i ? a(e, n, s) : a(s)) || s);
+  return i && s && T(e, n, s), s;
+};
+let c = class extends Y(N`
+	:host {
+		display: contents;
+	}
+`) {
+  constructor() {
+    super(...arguments), this.id = "default", this.containerRef = v(), this.contentRef = v(), this.iconRef = v(), this.headerRef = v(), 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" && (u(window, "resize").pipe(b(this.disconnecting)).subscribe(() => {
+      this.currentState === "expanded" && this.updateExpandedWidth();
+    }), u(window, "keydown").pipe(S((t) => t.key === "Escape" && this.currentState !== "hidden"), w((t) => t.preventDefault()), b(this.disconnecting)).subscribe(() => {
+      this.currentState === "expanded" ? this.toggleState() : this.close();
+    }));
+  }
+  initializePosition() {
+    if (typeof window > "u") return;
+    const t = localStorage.getItem(`schmancy-boat-${this.id}`);
+    if (t) try {
+      const e = JSON.parse(t);
+      this.position = { x: e.x, y: e.y }, this.anchor = e.anchor;
+    } catch {
+    }
+  }
+  async animateToState(t) {
+    if (this.isAnimating || t === this.currentState) return;
+    const e = this.currentState;
+    this.isAnimating = !0;
+    try {
+      await this.performTransition(e, 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, e) {
+    if (this.currentAnimation?.cancel(), !this.containerRef.value) return;
+    e === "expanded" && (this.isContentVisible = !0);
+    const n = this.createAnimations(t, e);
+    n.container && (this.currentAnimation = n.container, await n.container.finished, e !== "expanded" && (this.isContentVisible = !1));
+  }
+  createAnimations(t, e) {
+    const n = this.containerRef.value, i = this.contentRef.value, a = this.iconRef.value, s = {};
+    if (!n) return s;
+    const o = this.ANIMATION_CONFIG, l = this.getStyleForState(t), p = this.getStyleForState(e);
+    if (s.container = e === "expanded" ? n.animate([l, p], { duration: o.durations.expand, easing: o.easing.decelerate, fill: "forwards" }) : n.animate([l, p], { duration: e === "hidden" ? o.durations.hide : o.durations.minimize, easing: o.easing.accelerate, fill: "forwards" }), i && t === "expanded" && e === "minimized" ? i.animate([{ opacity: 1, transform: "translateY(0)" }, { opacity: 0, transform: "translateY(-8px)" }], { duration: 150, easing: o.easing.standard, fill: "forwards" }) : i && e === "expanded" && i.animate([{ opacity: 0, transform: "translateY(8px)" }, { opacity: 1, transform: "translateY(0)" }], { duration: o.durations.content, easing: o.easing.standard, fill: "forwards" }), a) {
+      const h = e === "expanded";
+      (h || t === "expanded" && e === "minimized") && a.animate([{ transform: h ? "rotate(0deg)" : "rotate(180deg)" }, { transform: h ? "rotate(180deg)" : "rotate(0deg)" }], { duration: 250, easing: o.easing.emphasized, fill: "forwards" });
+    }
+    return s;
+  }
+  getStyleForState(t) {
+    const { shadows: e } = this.ANIMATION_CONFIG, n = { maxWidth: "300px", maxHeight: "auto", borderRadius: "16px" };
+    return { hidden: { ...n, opacity: "0", pointerEvents: "none", boxShadow: "none", backdropFilter: "none" }, minimized: { ...n, opacity: "1", pointerEvents: "auto", boxShadow: this.isLowered ? e.fabLowered : e.fab, backdropFilter: "none" }, expanded: { opacity: "1", pointerEvents: "auto", width: this.getResponsiveWidth(), maxWidth: "100%", maxHeight: "80vh", boxShadow: e.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.initializePosition(), this.applyInitialStyles(), this.updateContainerPosition(), this.setupDragPipeline();
+  }
+  applyInitialStyles() {
+    const t = this.containerRef.value, e = this.contentRef.value, n = this.iconRef.value;
+    if (t) {
+      const i = this.getStyleForState(this.currentState);
+      Object.assign(t.style, i), "webkitBackdropFilter" in t.style && (t.style.webkitBackdropFilter = i.backdropFilter);
+    }
+    e && (e.style.opacity = this.isContentVisible ? "1" : "0"), n && this.currentState === "expanded" && (n.style.transform = "rotate(180deg)");
+  }
+  toggleState() {
+    const t = this.currentState === "minimized" ? "expanded" : "minimized";
+    this.animateToState(t);
+  }
+  close() {
+    this.animateToState("hidden");
+  }
+  closeAndAddToNav() {
+    A(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(P(1), w(async (t) => {
+      if (t && typeof t.addBoatItem == "function") {
+        const e = this.querySelector('[slot="header"]'), n = e?.querySelector("schmancy-icon"), i = n?.textContent?.trim() || "widgets";
+        let a = e?.textContent?.trim() || "Boat";
+        a.includes(i) && (a = a.replace(i, "").trim());
+        const s = t.addBoatItem({ id: `boat-${this.id}`, title: a || this.id, icon: i });
+        s && (await this.animateToNavItem(s), s.addEventListener("click", () => {
+          this.animateFromNavItem(s);
+        }));
+      } else this.close();
+    })).subscribe();
+  }
+  async animateToNavItem(t) {
+    const e = this.containerRef.value;
+    if (!e) return;
+    const n = e.getBoundingClientRect(), i = t.getBoundingClientRect();
+    this.currentAnimation?.cancel();
+    const a = [{ transform: "scale(1) translate3d(0, 0, 0)", opacity: 1, borderRadius: "8px" }, { transform: `scale(0.3) translate3d(${i.left - n.left}px, ${i.top - n.top}px, 0)`, opacity: 0.5, borderRadius: "50%" }, { transform: `scale(0) translate3d(${i.left - n.left}px, ${i.top - n.top}px, 0)`, opacity: 0, borderRadius: "50%" }];
+    this.currentAnimation = e.animate(a, { duration: 600, easing: "cubic-bezier(0.4, 0.0, 0.2, 1)", fill: "forwards" }), await this.currentAnimation.finished, this.currentState = "hidden";
+  }
+  animateFromNavItem(t) {
+    const e = this.containerRef.value;
+    if (!e) return;
+    const n = t.getBoundingClientRect();
+    e.style.transformOrigin = `${n.left}px ${n.top}px`, this.currentAnimation?.cancel();
+    const i = [{ transform: `scale(0) translate3d(${n.left}px, ${n.top}px, 0)`, opacity: 0, borderRadius: "50%" }, { transform: "scale(0.5) translate3d(0, 0, 0)", opacity: 0.5, borderRadius: "24px" }, { transform: "scale(1) translate3d(0, 0, 0)", opacity: 1, borderRadius: "8px" }];
+    this.currentAnimation = e.animate(i, { duration: 400, easing: "cubic-bezier(0.2, 0.0, 0, 1.0)", fill: "forwards" }), this.currentState = "expanded", this.isContentVisible = !0, this.bringToFront();
+  }
+  bringToFront() {
+    const t = this.containerRef.value;
+    t && (t.style.zIndex = String(1e4 + Date.now() % 1e3));
+  }
+  calculateDragPosition(t, e, n, i, a) {
+    const s = t - n, o = e - i, l = window.innerWidth, p = window.innerHeight, h = Math.max(0, Math.min(s, l - a.width)), y = Math.max(0, Math.min(o, p - a.height)), r = this.anchor.includes("right") ? l - (h + a.width) : h, x = this.anchor.includes("bottom") ? p - (y + a.height) : y;
+    return { x: Math.max(0, r), y: Math.max(0, x) };
+  }
+  savePosition() {
+    if (typeof window > "u") return;
+    const t = { x: this.position.x, y: this.position.y, anchor: this.anchor }, e = `schmancy-boat-${this.id}`;
+    localStorage.setItem(e, JSON.stringify(t));
+  }
+  setupDragPipeline() {
+    if (typeof window > "u") return;
+    const t = this.headerRef.value, e = this.containerRef.value;
+    if (!t || !e) return;
+    let n = !1;
+    k(u(t, "mousedown").pipe(S((i) => i.button === 0), w((i) => {
+      i.preventDefault(), i.stopPropagation();
+    }), f((i) => ({ clientX: i.clientX, clientY: i.clientY, type: "mouse" }))), u(t, "touchstart").pipe(f((i) => ({ clientX: i.touches[0].clientX, clientY: i.touches[0].clientY, type: "touch" })))).pipe(f(({ clientX: i, clientY: a, type: s }) => {
+      const o = e.getBoundingClientRect();
+      return n = !1, { startX: i, startY: a, offsetX: i - o.left, offsetY: a - o.top, initialRect: o, type: s };
+    })).pipe(I(({ startX: i, startY: a, offsetX: s, offsetY: o, initialRect: l, type: p }) => {
+      const h = p === "mouse" ? u(window, "mousemove").pipe(f((r) => ({ clientX: r.clientX, clientY: r.clientY }))) : u(window, "touchmove").pipe(f((r) => ({ clientX: r.touches[0].clientX, clientY: r.touches[0].clientY }))), y = u(window, p === "mouse" ? "mouseup" : "touchend");
+      return h.pipe(f(({ clientX: r, clientY: x }) => {
+        const z = r - i, C = x - a;
+        return Math.sqrt(z * z + C * C) > 5 && !n && (n = !0, this.isDragging = !0), n ? this.calculateDragPosition(r, x, s, o, l) : null;
+      }), S((r) => r !== null), w((r) => {
+        r && (this.position = r, this.updateContainerPosition());
+      }), b(y));
+    }), D(() => {
+      n ? (this.updateAnchor(), this.savePosition()) : this.toggleState(), this.isDragging = !1, n = !1;
+    }), b(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 e = t.getBoundingClientRect(), n = window.innerWidth, i = window.innerHeight, a = e.left > n / 2, s = e.top > i / 2, o = `${s ? "bottom" : "top"}-${a ? "right" : "left"}`;
+    o !== this.anchor && (this.position.x = a ? n - e.right : e.left, this.position.y = s ? i - e.bottom : e.top, this.anchor = o);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.currentAnimation?.cancel();
+  }
+  render() {
+    const t = this.currentState === "minimized" ? this.isLowered ? "1" : "3" : "4", e = this.currentState === "minimized", n = { fixed: !0, "overflow-y-auto": !0, flex: !0, "flex-col": !0, "z-[10000]": !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 $`
+			<div class=${this.classMap(n)} ${g(this.containerRef)} @click=${this.bringToFront}>
+				<!-- Header section -->
+				<section class="sticky top-0 z-10">
+					<schmancy-surface
+						elevation="${t}"
+						rounded="${e ? "none" : "top"}"
+						type="containerLowest"
+					>
+						<div
+							class="group sticky top-0 px-3 py-2 flex items-center justify-between gap-3 ${this.isDragging ? "cursor-grabbing" : "cursor-move"}"
+							${g(this.headerRef)}
+							title="Drag to move, double-click to toggle"
+							@dblclick=${(i) => {
+      i.preventDefault(), i.stopPropagation(), this.toggleState();
+    }}
+						>
+							<!-- Drag handle indicator -->
+							<div
+								class="flex items-center text-surface-onVariant opacity-40 transition-opacity duration-200 group-hover:opacity-100"
+							>
+								<schmancy-icon style="font-size: 20px">drag_indicator</schmancy-icon>
+							</div>
+
+							<!-- Header content slot -->
+							<div class="flex-1 min-w-fit items-center flex justify-start">
+								<slot name="header"></slot>
+							</div>
+
+							<!-- Control buttons -->
+							<div class="flex items-center gap-1 flex-shrink-0">
+								${e ? $`
+											<!-- Expand button (when minimized) -->
+											<schmancy-icon-button
+												variant="text"
+												@click=${(i) => {
+      i.stopPropagation(), this.state = "expanded";
+    }}
+												title="Expand"
+											>
+												<schmancy-icon ${g(this.iconRef)}>expand_less</schmancy-icon>
+											</schmancy-icon-button>
+										` : $`
+											<!-- Minimize button (when expanded) -->
+											<schmancy-icon-button
+												variant="filled tonal"
+												@click=${(i) => {
+      i.stopPropagation(), this.state = "minimized";
+    }}
+												title="Minimize"
+											>
+												<schmancy-icon ${g(this.iconRef)}>expand_more</schmancy-icon>
+											</schmancy-icon-button>
+										`}
+
+								<!-- Close button -->
+								<schmancy-icon-button
+									variant="text"
+									@click=${(i) => {
+      i.stopPropagation(), this.closeAndAddToNav();
+    }}
+									title="Close and add to navigation"
+								>
+									<schmancy-icon>close</schmancy-icon>
+								</schmancy-icon-button>
+							</div>
+						</div>
+					</schmancy-surface>
+				</section>
+
+				<!-- Content section -->
+				<schmancy-surface
+					.hidden=${!this.isContentVisible}
+					type="containerLow"
+					class="z-0 flex-1"
+					${g(this.contentRef)}
+				>
+					<slot></slot>
+				</schmancy-surface>
+			</div>
+		`;
+  }
+};
+d([R({ type: String, reflect: !0 })], c.prototype, "state", 1), d([R({ type: String })], c.prototype, "id", 2), d([R({ type: Boolean, reflect: !0 })], c.prototype, "lowered", 1), d([m()], c.prototype, "currentState", 2), d([m()], c.prototype, "isContentVisible", 2), d([m()], c.prototype, "isAnimating", 2), d([m()], c.prototype, "isLowered", 2), d([m()], c.prototype, "isDragging", 2), d([m()], c.prototype, "position", 2), d([m()], c.prototype, "anchor", 2), c = d([F("schmancy-boat")], c);
+export {
+  c as S
+};
+//# sourceMappingURL=boat-DumUFcmT.js.map

package/dist/boat-DumUFcmT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boat-DumUFcmT.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref, Ref } from 'lit/directives/ref.js'\nimport { fromEvent, merge, race } from 'rxjs'\nimport { filter, switchMap, takeUntil, tap, finalize, map, take } 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}\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// 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\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\tprivate initializePosition() {\n\t\tif (typeof window === 'undefined') return\n\n\t\tconst saved = localStorage.getItem(`schmancy-boat-${this.id}`)\n\n\t\tif (saved) {\n\t\t\ttry {\n\t\t\t\tconst parsed: SavedPosition = JSON.parse(saved)\n\t\t\t\tthis.position = { x: parsed.x, y: parsed.y }\n\t\t\t\tthis.anchor = parsed.anchor\n\t\t\t\tconsole.log('📍 Loaded position:', this.id, parsed)\n\t\t\t} catch (e) {\n\t\t\t\t// Use default position on parse error\n\t\t\t}\n\t\t}\n\t\t// If no saved position, use default from @state initialization\n\t}\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\n\t\tif (toState === 'expanded') {\n\t\t\tthis.isContentVisible = true\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// Hide content after minimize\n\t\t\tif (toState !== 'expanded') {\n\t\t\t\tthis.isContentVisible = false\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\n\t\t\tcontent.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: '300px',\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.initializePosition()\n\t\tthis.applyInitialStyles()\n\t\tthis.updateContainerPosition()\n\t\tthis.setupDragPipeline()\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\t// Use discovery to find navigation components\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(async navComponent => {\n\t\t\t\t\tif (navComponent && typeof navComponent.addBoatItem === 'function') {\n\t\t\t\t\t\t// Get the actual icon from the header\n\t\t\t\t\t\tconst headerSlot = this.querySelector('[slot=\"header\"]')\n\t\t\t\t\t\tconst iconElement = headerSlot?.querySelector('schmancy-icon')\n\t\t\t\t\t\tconst icon = iconElement?.textContent?.trim() || 'widgets'\n\n\t\t\t\t\t\t// Get a clean title (remove the icon text from the header text)\n\t\t\t\t\t\tlet title = headerSlot?.textContent?.trim() || 'Boat'\n\t\t\t\t\t\tif (icon && title.includes(icon)) {\n\t\t\t\t\t\t\ttitle = title.replace(icon, '').trim()\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Add the boat to navigation first\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: title || this.id,\n\t\t\t\t\t\t\ticon: icon,\n\t\t\t\t\t\t})\n\n\t\t\t\t\t\t// Animate the boat to the nav item position (genie effect)\n\t\t\t\t\t\tif (navItem) {\n\t\t\t\t\t\t\tawait this.animateToNavItem(navItem)\n\n\t\t\t\t\t\t\t// Listen for clicks on the nav item to re-open the boat\n\t\t\t\t\t\t\tnavItem.addEventListener('click', () => {\n\t\t\t\t\t\t\t\t// Animate from nav item back to expanded position\n\t\t\t\t\t\t\t\tthis.animateFromNavItem(navItem)\n\t\t\t\t\t\t\t})\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 async animateToNavItem(navItem: HTMLElement) {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\t// Get positions\n\t\tconst boatRect = container.getBoundingClientRect()\n\t\tconst navRect = navItem.getBoundingClientRect()\n\n\t\t// Cancel any existing animation\n\t\tthis.currentAnimation?.cancel()\n\n\t\t// Create genie effect animation (like macOS)\n\t\tconst keyframes: Keyframe[] = [\n\t\t\t{\n\t\t\t\ttransform: 'scale(1) translate3d(0, 0, 0)',\n\t\t\t\topacity: 1,\n\t\t\t\tborderRadius: '8px',\n\t\t\t},\n\t\t\t{\n\t\t\t\ttransform: `scale(0.3) translate3d(${navRect.left - boatRect.left}px, ${navRect.top - boatRect.top}px, 0)`,\n\t\t\t\topacity: 0.5,\n\t\t\t\tborderRadius: '50%',\n\t\t\t},\n\t\t\t{\n\t\t\t\ttransform: `scale(0) translate3d(${navRect.left - boatRect.left}px, ${navRect.top - boatRect.top}px, 0)`,\n\t\t\t\topacity: 0,\n\t\t\t\tborderRadius: '50%',\n\t\t\t},\n\t\t]\n\t\tthis.currentAnimation = container.animate(\n\t\t\tkeyframes,\n\t\t\t{\n\t\t\t\tduration: 600,\n\t\t\t\teasing: 'cubic-bezier(0.4, 0.0, 0.2, 1)',\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t)\n\n\t\tawait this.currentAnimation.finished\n\t\tthis.currentState = 'hidden'\n\t}\n\n\tprivate animateFromNavItem(navItem: HTMLElement) {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\t// Get nav item position\n\t\tconst navRect = navItem.getBoundingClientRect()\n\n\t\t// Set initial position at nav item\n\t\tcontainer.style.transformOrigin = `${navRect.left}px ${navRect.top}px`\n\n\t\t// Cancel any existing animation\n\t\tthis.currentAnimation?.cancel()\n\n\t\t// Animate from nav item to expanded state\n\t\tconst expandKeyframes: Keyframe[] = [\n\t\t\t{\n\t\t\t\ttransform: `scale(0) translate3d(${navRect.left}px, ${navRect.top}px, 0)`,\n\t\t\t\topacity: 0,\n\t\t\t\tborderRadius: '50%',\n\t\t\t},\n\t\t\t{\n\t\t\t\ttransform: 'scale(0.5) translate3d(0, 0, 0)',\n\t\t\t\topacity: 0.5,\n\t\t\t\tborderRadius: '24px',\n\t\t\t},\n\t\t\t{\n\t\t\t\ttransform: 'scale(1) translate3d(0, 0, 0)',\n\t\t\t\topacity: 1,\n\t\t\t\tborderRadius: '8px',\n\t\t\t},\n\t\t]\n\t\tthis.currentAnimation = container.animate(\n\t\t\texpandKeyframes,\n\t\t\t{\n\t\t\t\tduration: 400,\n\t\t\t\teasing: 'cubic-bezier(0.2, 0.0, 0, 1.0)',\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t)\n\n\t\t// Update state\n\t\tthis.currentState = 'expanded'\n\t\tthis.isContentVisible = true\n\t\tthis.bringToFront()\n\t}\n\n\tprivate bringToFront() {\n\t\tconst container = this.containerRef.value\n\t\tif (container) {\n\t\t\tcontainer.style.zIndex = String(10000 + (Date.now() % 1000))\n\t\t}\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')\n\t\t\t? vw - (clampedLeft + initialRect.width)\n\t\t\t: clampedLeft\n\n\t\tconst newY = this.anchor.includes('bottom')\n\t\t\t? vh - (clampedTop + initialRect.height)\n\t\t\t: 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\tconst dragStart$ = merge(\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).pipe(\n\t\t\tmap(({ clientX, clientY, type }) => {\n\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\thasDragged = false\n\t\t\t\treturn {\n\t\t\t\t\tstartX: clientX,\n\t\t\t\t\tstartY: clientY,\n\t\t\t\t\toffsetX: clientX - rect.left,\n\t\t\t\t\toffsetY: clientY - rect.top,\n\t\t\t\t\tinitialRect: rect,\n\t\t\t\t\ttype,\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\tdragStart$\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(\n\t\t\t\t\t\t\t\t\tmap(e => ({ clientX: e.clientX, clientY: e.clientY })),\n\t\t\t\t\t\t\t\t)\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\tconst containerClasses = {\n\t\t\t'fixed': true,\n\t\t\t'overflow-y-auto': true,\n\t\t\t'flex': true,\n\t\t\t'flex-col': true,\n\t\t\t'z-[10000]': 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 class=${this.classMap(containerClasses)} ${ref(this.containerRef)} @click=${this.bringToFront}>\n\t\t\t\t<!-- Header section -->\n\t\t\t\t<section class=\"sticky top-0 z-10\">\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 slot -->\n\t\t\t\t\t\t\t<div class=\"flex-1 min-w-fit items-center flex justify-start\">\n\t\t\t\t\t\t\t\t<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 flex-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\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>\n\t\t\t\t\t\t\t\t\t\t\t\t<schmancy-icon ${ref(this.iconRef)}>expand_less</schmancy-icon>\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\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>\n\t\t\t\t\t\t\t\t\t\t\t\t<schmancy-icon ${ref(this.iconRef)}>expand_more</schmancy-icon>\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\tvariant=\"text\"\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\t<schmancy-icon>close</schmancy-icon>\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<schmancy-surface\n\t\t\t\t\t.hidden=${!this.isContentVisible}\n\t\t\t\t\ttype=\"containerLow\"\n\t\t\t\t\tclass=\"z-0 flex-1\"\n\t\t\t\t\t${ref(this.contentRef)}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</schmancy-surface>\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","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","filter","e","key","tap","preventDefault","toggleState","close","saved","localStorage","getItem","parsed","JSON","parse","targetState","previousState","performTransition","dispatchEvent","CustomEvent","detail","bubbles","composed","fromState","toState","currentAnimation","cancel","animations","createAnimations","container","finished","icon","config","fromStyles","getStyleForState","toStyles","animate","duration","fill","opacity","transform","isExpanding","baseStyles","maxWidth","maxHeight","borderRadius","hidden","pointerEvents","boxShadow","backdropFilter","minimized","width","getResponsiveWidth","vw","innerWidth","style","firstUpdated","initializePosition","applyInitialStyles","updateContainerPosition","setupDragPipeline","initialStyle","Object","assign","webkitBackdropFilter","newState","closeAndAddToNav","race","discover","take","async","navComponent","addBoatItem","headerSlot","querySelector","iconElement","textContent","trim","title","includes","replace","navItem","animateToNavItem","addEventListener","animateFromNavItem","boatRect","getBoundingClientRect","navRect","keyframes","left","top","transformOrigin","expandKeyframes","bringToFront","zIndex","String","Date","now","clientX","clientY","offsetX","offsetY","initialRect","targetLeft","targetTop","vh","innerHeight","clampedLeft","Math","max","min","clampedTop","height","newX","newY","savePosition","toSave","setItem","stringify","header","hasDragged","merge","button","stopPropagation","map","type","touches","rect","startX","startY","switchMap","move$","end$","deltaX","deltaY","sqrt","calculateDragPosition","finalize","updateAnchor","removeProperty","right","bottom","isRight","isBottom","newAnchor","disconnectedCallback","surfaceElevation","isMinimized","containerClasses","fixed","flex","html","classMap","ref","__decorateClass","property","reflect","prototype","Boolean","customElement"],"mappings":"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"}

package/dist/boat.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./boat-Dfx9-P8c.cjs");Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>e.SchmancyBoat});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./boat-CfIXRMn-.cjs");Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>e.SchmancyBoat});
 //# sourceMappingURL=boat.cjs.map

package/dist/boat.js

@@ -1,4 +1,4 @@
-import { S as c } from "./boat-CUsJXaLf.js";
+import { S as c } from "./boat-DumUFcmT.js";
 export {
   c as SchmancyBoat
 };

package/dist/busy.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./spinner-CaXU45TV.cjs");
+"use strict";require("./spinner-b6hiAljR.cjs");
 //# sourceMappingURL=busy.cjs.map

package/dist/busy.js

@@ -1,2 +1,2 @@
-import "./spinner-XN4W5ihQ.js";
+import "./spinner-paAzgY93.js";
 //# sourceMappingURL=busy.js.map

package/dist/button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon-button-DwnnW2oj.cjs");Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>e.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>e.SchmnacyIconButton});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon-button-m8kXxOvS.cjs");Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>e.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>e.SchmnacyIconButton});
 //# sourceMappingURL=button.cjs.map

package/dist/button.js

@@ -1,4 +1,4 @@
-import { S as n, a as o } from "./icon-button-D6DH52j4.js";
+import { S as n, a as o } from "./icon-button-CjSaBrg0.js";
 export {
   n as SchmancyButton,
   o as SchmnacyIconButton

package/dist/card.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./media-CsYVcfaX.cjs");
+"use strict";require("./media-CAtXPif3.cjs");
 //# sourceMappingURL=card.cjs.map

package/dist/card.js

@@ -1,2 +1,2 @@
-import "./media-CEnaqjig.js";
+import "./media-DC3r4y8-.js";
 //# sourceMappingURL=card.js.map

package/dist/{checkbox-D6-WQeEk.js → checkbox-CHG-gT2P.js}

@@ -3,8 +3,9 @@ import { property as c, customElement as I, state as y, query as H } from "lit/d
 import { isServer as f, LitElement as x, css as U, html as k, nothing as E } from "lit";
 import { classMap as Y } from "lit/directives/class-map.js";
 import "rxjs";
+import "rxjs/operators";
 import "lit/directives/style-map.js";
-import { T as J } from "./tailwind.mixin-BjDGMGbj.js";
+import { T as J } from "./tailwind.mixin-Cn7vup-6.js";
 import { when as Q } from "lit/directives/when.js";
 const K = Symbol("attachableController");
 let W;
@@ -522,4 +523,4 @@ h.shadowRootOptions = { ...x.shadowRootOptions, delegatesFocus: !0 }, h.formAsso
 export {
   h as S
 };
-//# sourceMappingURL=checkbox-D6-WQeEk.js.map
+//# sourceMappingURL=checkbox-CHG-gT2P.js.map