@mhmo91/schmancy 0.5.25 → 0.5.27

package/dist/boat-BTSQNgJQ.js

@@ -1,174 +0,0 @@
-import { T as w } from "./tailwind.mixin-BbF53_0W.js";
-import { css as v, html as S } from "lit";
-import { property as g, state as p, customElement as z } from "lit/decorators.js";
-import { createRef as m, ref as x } from "lit/directives/ref.js";
-import { Subject as C, fromEvent as k, EMPTY as b, merge as R, of as l } from "rxjs";
-import { debounceTime as $, filter as A, tap as d, scan as F, switchMap as y, catchError as I, finalize as L, shareReplay as P, takeUntil as O } from "rxjs/operators";
-var E = Object.defineProperty, N = Object.getOwnPropertyDescriptor, c = (t, e, i, n) => {
-  for (var r, s = n > 1 ? void 0 : n ? N(e, i) : e, a = t.length - 1; a >= 0; a--) (r = t[a]) && (s = (n ? r(e, i, s) : r(s)) || s);
-  return n && s && E(e, i, s), s;
-};
-let o = class extends w(v`
-	/* Performance optimization - GPU hints only */
-	.boat-container {
-		will-change: transform, border-radius, width, max-width, box-shadow;
-		contain: layout style;
-		transform: translate3d(0, 0, 0); /* Force GPU acceleration */
-		backface-visibility: hidden;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.stateChange$ = new C(), this.containerRef = m(), this.contentRef = m(), this.iconRef = m(), 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;
-  }
-  get state() {
-    return this.currentState;
-  }
-  set state(t) {
-    this.stateChange$.next({ source: "external", target: t, type: "state" });
-  }
-  get lowered() {
-    return this.isLowered;
-  }
-  set lowered(t) {
-    this.stateChange$.next({ source: "external", target: this.currentState, type: "lowered" }), this.isLowered = t;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setupUnifiedPipeline();
-  }
-  setupUnifiedPipeline() {
-    const t = typeof window < "u" ? k(window, "resize").pipe($(100), A(() => this.currentState === "expanded"), d(() => this.stateChange$.next({ source: "resize", type: "resize" }))) : b;
-    R(l({ source: "internal", target: "minimized", type: "state" }), this.stateChange$, t).pipe(F((e, i) => i.type === "resize" && this.currentState === "expanded" ? (this.updateExpandedWidth(), { ...e, resized: !0 }) : i.type === "lowered" ? { ...e, lowered: !e.lowered } : i.type === "state" && i.target && i.target !== e.current ? { ...e, previous: e.current, current: i.target, pending: !0, source: i.source } : e, { current: "minimized", previous: "minimized", pending: !1, lowered: !1, resized: !1, source: "internal" }), d((e) => {
-      this.isLowered = e.lowered;
-    }), y((e) => !e.pending || this.isAnimating ? l(e) : (this.isAnimating = !0, this.animateTransition(e.previous, e.current).pipe(d(() => {
-      this.currentState = e.current, this.isContentVisible = e.current === "expanded", this.dispatchEvent(new CustomEvent("toggle", { detail: e.current, bubbles: !0, composed: !0 }));
-    }), I((i) => (this.currentState = e.current, this.isContentVisible = e.current === "expanded", l(e))), L(() => {
-      this.isAnimating = !1;
-    }), d(() => e.pending = !1)))), P(1), O(this.disconnecting)).subscribe();
-  }
-  animateTransition(t, e) {
-    return l({ fromState: t, toState: e }).pipe(d(() => this.currentAnimation?.cancel()), y(({ fromState: i, toState: n }) => {
-      if (!this.containerRef.value) return b;
-      n === "expanded" && (this.isContentVisible = !0);
-      const r = this.createAnimations(i, n);
-      return new Promise((s) => {
-        const a = r.container;
-        a ? (this.currentAnimation = a, a.finished.then(() => {
-          n !== "expanded" && (this.isContentVisible = !1), s();
-        }).catch(() => s())) : s();
-      });
-    }));
-  }
-  createAnimations(t, e) {
-    const i = this.containerRef.value, n = this.contentRef.value, r = this.iconRef.value, s = {};
-    if (!i) return s;
-    const a = this.ANIMATION_CONFIG, f = this.getStyleForState(t), h = this.getStyleForState(e);
-    if (s.container = e === "expanded" ? i.animate([f, { ...h, transform: "translate3d(0, -8px, 0)", offset: 0.7 }, h], { duration: a.durations.expand, easing: a.easing.decelerate, fill: "forwards" }) : i.animate([f, h], { duration: e === "hidden" ? a.durations.hide : a.durations.minimize, easing: a.easing.accelerate, fill: "forwards" }), n && t === "expanded" && e === "minimized" ? n.animate([{ opacity: 1, transform: "translateY(0)" }, { opacity: 0, transform: "translateY(-8px)" }], { duration: 150, easing: a.easing.standard, fill: "forwards" }) : n && e === "expanded" && n.animate([{ opacity: 0, transform: "translateY(8px)" }, { opacity: 1, transform: "translateY(0)" }], { duration: a.durations.content, easing: a.easing.standard, fill: "forwards" }), r) {
-      const u = e === "expanded";
-      (u || t === "expanded" && e === "minimized") && r.animate([{ transform: u ? "rotate(0deg)" : "rotate(180deg)" }, { transform: u ? "rotate(180deg)" : "rotate(0deg)" }], { duration: 250, easing: a.easing.emphasized, fill: "forwards" });
-    }
-    return s;
-  }
-  getStyleForState(t) {
-    const { shadows: e } = this.ANIMATION_CONFIG, i = { width: "300px", maxWidth: "300px", maxHeight: "auto", borderRadius: "16px" };
-    return { hidden: { ...i, transform: "translate3d(0, calc(100% + 16px), 0)", boxShadow: "none", backdropFilter: "none" }, minimized: { ...i, transform: "translate3d(0, calc(100% - 56px), 0)", boxShadow: this.isLowered ? e.fabLowered : e.fab, backdropFilter: "none" }, expanded: { transform: "translate3d(0, 0, 0)", 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.applyInitialStyles();
-  }
-  applyInitialStyles() {
-    const t = this.containerRef.value, e = this.contentRef.value, i = 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);
-    }
-    e && (e.style.opacity = this.isContentVisible ? "1" : "0"), i && this.currentState === "expanded" && (i.style.transform = "rotate(180deg)");
-  }
-  toggleState() {
-    const t = this.currentState === "minimized" ? "expanded" : "minimized";
-    this.stateChange$.next({ source: "internal", target: t, type: "state" });
-  }
-  close() {
-    this.stateChange$.next({ source: "internal", target: "hidden", type: "state" });
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.currentAnimation?.cancel(), this.stateChange$.complete();
-  }
-  render() {
-    const t = this.currentState === "minimized" ? this.isLowered ? "1" : "3" : "4", e = this.currentState === "minimized", i = e ? "expand_less" : "expand_more";
-    return S`
-			<div
-				class="boat-container z-[9999] fixed bottom-4 right-4 overflow-y-auto flex flex-col"
-				${x(this.containerRef)}
-			>
-				<!-- Header section -->
-				<section class="sticky top-0 z-10">
-					<schmancy-surface
-						elevation="${t}"
-						class="cursor-pointer"
-						rounded="${e ? "none" : "top"}"
-						type="containerLowest"
-						@click=${() => this.toggleState()}
-					>
-						<div class="sticky top-0 px-3 py-2 flex items-center justify-between gap-3">
-							<!-- Header content slot -->
-							<div class="flex-1 flex items-center min-w-0">
-								<slot name="header"></slot>
-							</div>
-
-							<!-- Control buttons -->
-							<div class="flex items-center gap-1 flex-shrink-0">
-								<!-- Toggle button -->
-								<schmancy-icon-button
-									variant="${e ? "text" : "filled tonal"}"
-									@click=${(n) => {
-      n.stopPropagation(), this.toggleState();
-    }}
-									title=${e ? "Expand" : "Minimize"}
-								>
-									<span class="icon-container" ${x(this.iconRef)}>
-										${i}
-									</span>
-								</schmancy-icon-button>
-
-								<!-- Close button -->
-								<schmancy-icon-button
-									variant="text"
-									@click=${(n) => {
-      n.stopPropagation(), this.close();
-    }}
-									title="Close"
-								>
-									close
-								</schmancy-icon-button>
-							</div>
-						</div>
-					</schmancy-surface>
-				</section>
-
-				<!-- Content section -->
-				<schmancy-surface
-					.hidden=${!this.isContentVisible}
-					type="containerLow"
-					class="boat-content z-0 flex-1"
-					${x(this.contentRef)}
-				>
-					<slot></slot>
-				</schmancy-surface>
-			</div>
-		`;
-  }
-};
-c([g({ type: String, reflect: !0 })], o.prototype, "state", 1), c([g({ type: Boolean, reflect: !0 })], o.prototype, "lowered", 1), c([p()], o.prototype, "currentState", 2), c([p()], o.prototype, "isContentVisible", 2), c([p()], o.prototype, "isAnimating", 2), c([p()], o.prototype, "isLowered", 2), o = c([z("schmancy-boat")], o);
-export {
-  o as S
-};
-//# sourceMappingURL=boat-BTSQNgJQ.js.map

package/dist/boat-BTSQNgJQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"boat-BTSQNgJQ.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref, Ref } from 'lit/directives/ref.js'\nimport {\n  Subject,\n  fromEvent,\n  merge,\n  of,\n  EMPTY\n} from 'rxjs'\nimport {\n  filter,\n  switchMap,\n  takeUntil,\n  tap,\n  finalize,\n  catchError,\n  debounceTime,\n  scan,\n  shareReplay\n} from 'rxjs/operators'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n// State change event for the unified pipeline\ninterface StateChangeEvent {\n\tsource: 'internal' | 'external' | 'resize'\n\ttarget?: BoatState\n\ttype: 'state' | 'lowered' | 'resize'\n}\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n\t/* Performance optimization - GPU hints only */\n\t.boat-container {\n\t\twill-change: transform, border-radius, width, max-width, box-shadow;\n\t\tcontain: layout style;\n\t\ttransform: translate3d(0, 0, 0); /* Force GPU acceleration */\n\t\tbackface-visibility: hidden;\n\t}\n`) {\n\t// Public properties - route ALL changes through stateChange$\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\t// Route external state changes through the unified pipeline\n\t\tthis.stateChange$.next({\n\t\t\tsource: 'external',\n\t\t\ttarget: value,\n\t\t\ttype: 'state'\n\t\t})\n\t}\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.stateChange$.next({\n\t\t\tsource: 'external',\n\t\t\ttarget: this.currentState,\n\t\t\ttype: 'lowered'\n\t\t})\n\t\tthis.isLowered = value\n\t}\n\n\t// Single unified state change stream - ALL state changes go through this\n\tprivate stateChange$ = new Subject<StateChangeEvent>()\n\n\t// Element references\n\tprivate containerRef: Ref<HTMLDivElement> = createRef()\n\tprivate contentRef: Ref<HTMLElement> = createRef()\n\tprivate iconRef: 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: '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\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupUnifiedPipeline()\n\t}\n\n\tprivate setupUnifiedPipeline() {\n\t\t// Create resize stream\n\t\tconst resize$ = typeof window !== 'undefined'\n\t\t\t? fromEvent(window, 'resize').pipe(\n\t\t\t\tdebounceTime(100),\n\t\t\t\tfilter(() => this.currentState === 'expanded'),\n\t\t\t\ttap(() => this.stateChange$.next({\n\t\t\t\t\tsource: 'resize',\n\t\t\t\t\ttype: 'resize'\n\t\t\t\t}))\n\t\t\t)\n\t\t\t: EMPTY\n\n\t\t// SINGLE UNIFIED PIPELINE - All state management in ONE place\n\t\tmerge(\n\t\t\t// Initial state\n\t\t\tof({\n\t\t\t\tsource: 'internal' as const,\n\t\t\t\ttarget: 'minimized' as BoatState,\n\t\t\t\ttype: 'state' as const\n\t\t\t}),\n\t\t\t// All state changes\n\t\t\tthis.stateChange$,\n\t\t\t// Window resize events\n\t\t\tresize$\n\t\t).pipe(\n\t\t\t// Accumulate state and handle all changes\n\t\t\tscan((state, event: StateChangeEvent) => {\n\t\t\t\t// Handle different event types\n\t\t\t\tif (event.type === 'resize' && this.currentState === 'expanded') {\n\t\t\t\t\t// Just update width, no animation needed\n\t\t\t\t\tthis.updateExpandedWidth()\n\t\t\t\t\treturn { ...state, resized: true }\n\t\t\t\t}\n\n\t\t\t\tif (event.type === 'lowered') {\n\t\t\t\t\t// Update lowered state\n\t\t\t\t\treturn { ...state, lowered: !state.lowered }\n\t\t\t\t}\n\n\t\t\t\t// Handle state changes\n\t\t\t\tif (event.type === 'state' && event.target && event.target !== state.current) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...state,\n\t\t\t\t\t\tprevious: state.current,\n\t\t\t\t\t\tcurrent: event.target,\n\t\t\t\t\t\tpending: true,\n\t\t\t\t\t\tsource: event.source\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn state\n\t\t\t}, {\n\t\t\t\tcurrent: 'minimized' as BoatState,\n\t\t\t\tprevious: 'minimized' as BoatState,\n\t\t\t\tpending: false,\n\t\t\t\tlowered: false,\n\t\t\t\tresized: false,\n\t\t\t\tsource: 'internal' as 'internal' | 'external' | 'resize'\n\t\t\t}),\n\n\t\t\t// Only process when there's a pending state change\n\t\t\ttap(state => {\n\t\t\t\t// Always update lowered state\n\t\t\t\tthis.isLowered = state.lowered\n\t\t\t}),\n\n\t\t\t// Handle animations for state transitions\n\t\t\tswitchMap(state => {\n\t\t\t\tif (!state.pending || this.isAnimating) {\n\t\t\t\t\treturn of(state)\n\t\t\t\t}\n\n\t\t\t\t// Mark as animating\n\t\t\t\tthis.isAnimating = true\n\n\t\t\t\t// Animate the transition\n\t\t\t\treturn this.animateTransition(state.previous, state.current).pipe(\n\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t// Update state after animation completes\n\t\t\t\t\t\tthis.currentState = state.current\n\t\t\t\t\t\tthis.isContentVisible = state.current === 'expanded'\n\n\t\t\t\t\t\t// Dispatch event\n\t\t\t\t\t\tthis.dispatchEvent(new CustomEvent('toggle', {\n\t\t\t\t\t\t\tdetail: state.current,\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t}))\n\t\t\t\t\t}),\n\t\t\t\t\tcatchError(err => {\n\t\t\t\t\t\tconsole.warn('Animation error:', err)\n\t\t\t\t\t\t// Still update state even if animation fails\n\t\t\t\t\t\tthis.currentState = state.current\n\t\t\t\t\t\tthis.isContentVisible = state.current === 'expanded'\n\t\t\t\t\t\treturn of(state)\n\t\t\t\t\t}),\n\t\t\t\t\tfinalize(() => {\n\t\t\t\t\t\tthis.isAnimating = false\n\t\t\t\t\t}),\n\t\t\t\t\t// Return the state for next iteration\n\t\t\t\t\ttap(() => state.pending = false)\n\t\t\t\t)\n\t\t\t}),\n\n\t\t\t// Share the pipeline result\n\t\t\tshareReplay(1),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\t// Simplified animation transition method\n\tprivate animateTransition(fromState: BoatState, toState: BoatState) {\n\t\treturn of({ fromState, toState }).pipe(\n\t\t\ttap(() => this.currentAnimation?.cancel()),\n\t\t\tswitchMap(({ fromState, toState }) => {\n\t\t\t\tconst container = this.containerRef.value\n\t\t\t\tif (!container) return EMPTY\n\n\t\t\t\t// Update content visibility before expand, after minimize\n\t\t\t\tif (toState === 'expanded') {\n\t\t\t\t\tthis.isContentVisible = true\n\t\t\t\t}\n\n\t\t\t\t// Create animation based on target state\n\t\t\t\tconst animations = this.createAnimations(fromState, toState)\n\n\t\t\t\t// Execute animations and return completion promise\n\t\t\t\treturn new Promise<void>((resolve) => {\n\t\t\t\t\tconst mainAnimation = animations.container\n\t\t\t\t\tif (mainAnimation) {\n\t\t\t\t\t\tthis.currentAnimation = mainAnimation\n\t\t\t\t\t\tmainAnimation.finished.then(() => {\n\t\t\t\t\t\t\tif (toState !== 'expanded') {\n\t\t\t\t\t\t\t\tthis.isContentVisible = false\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tresolve()\n\t\t\t\t\t\t}).catch(() => resolve())\n\t\t\t\t\t} else {\n\t\t\t\t\t\tresolve()\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// Add bounce effect for expand\n\t\t\tanimations.container = container.animate([\n\t\t\t\tfromStyles,\n\t\t\t\t{ ...toStyles, transform: 'translate3d(0, -8px, 0)', offset: 0.7 },\n\t\t\t\ttoStyles,\n\t\t\t], {\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{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t{ opacity: 0, transform: 'translateY(-8px)' },\n\t\t\t], {\n\t\t\t\tduration: 150,\n\t\t\t\teasing: config.easing.standard,\n\t\t\t\tfill: 'forwards',\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{ opacity: 0, transform: 'translateY(8px)' },\n\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t], {\n\t\t\t\tduration: config.durations.content,\n\t\t\t\teasing: config.easing.standard,\n\t\t\t\tfill: 'forwards',\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{ transform: isExpanding ? 'rotate(0deg)' : 'rotate(180deg)' },\n\t\t\t\t\t{ transform: isExpanding ? 'rotate(180deg)' : 'rotate(0deg)' },\n\t\t\t\t], {\n\t\t\t\t\tduration: 250,\n\t\t\t\t\teasing: config.easing.emphasized,\n\t\t\t\t\tfill: 'forwards',\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\twidth: '300px',\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\ttransform: 'translate3d(0, calc(100% + 16px), 0)',\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\ttransform: 'translate3d(0, calc(100% - 56px), 0)',\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\ttransform: 'translate3d(0, 0, 0)',\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\t// Initialize component styles after first render\n\tfirstUpdated() {\n\t\t// Apply initial styles\n\t\tthis.applyInitialStyles()\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.stateChange$.next({\n\t\t\tsource: 'internal',\n\t\t\ttarget: newState,\n\t\t\ttype: 'state'\n\t\t})\n\t}\n\n\t// Public method to close (hide) the boat\n\tclose() {\n\t\tthis.stateChange$.next({\n\t\t\tsource: 'internal',\n\t\t\ttarget: 'hidden',\n\t\t\ttype: 'state'\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\tthis.stateChange$.complete()\n\t}\n\n\t// Render the component\n\tprotected render(): unknown {\n\t\t// Calculate dynamic values\n\t\tconst surfaceElevation = this.currentState === 'minimized'\n\t\t\t? (this.isLowered ? '1' : '3')\n\t\t\t: '4'\n\t\tconst isMinimized = this.currentState === 'minimized'\n\t\tconst iconName = isMinimized ? 'expand_less' : 'expand_more'\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"boat-container z-[9999] fixed bottom-4 right-4 overflow-y-auto flex flex-col\"\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-10\">\n\t\t\t\t\t<schmancy-surface\n\t\t\t\t\t\televation=\"${surfaceElevation}\"\n\t\t\t\t\t\tclass=\"cursor-pointer\"\n\t\t\t\t\t\trounded=\"${isMinimized ? 'none' : 'top'}\"\n\t\t\t\t\t\ttype=\"containerLowest\"\n\t\t\t\t\t\t@click=${() => this.toggleState()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"sticky top-0 px-3 py-2 flex items-center justify-between gap-3\">\n\t\t\t\t\t\t\t<!-- Header content slot -->\n\t\t\t\t\t\t\t<div class=\"flex-1 flex items-center min-w-0\">\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<!-- Toggle button -->\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\tvariant=\"${isMinimized ? 'text' : 'filled tonal'}\"\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.toggleState()\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\ttitle=${isMinimized ? 'Expand' : 'Minimize'}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span class=\"icon-container\" ${ref(this.iconRef)}>\n\t\t\t\t\t\t\t\t\t\t${iconName}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</schmancy-icon-button>\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.close()\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\ttitle=\"Close\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tclose\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=\"boat-content 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}"],"names":["SchmancyBoat","TailwindElement","css","super","arguments","this","stateChange$","Subject","containerRef","createRef","contentRef","iconRef","ANIMATION_CONFIG","durations","expand","minimize","hide","content","easing","emphasized","decelerate","accelerate","standard","shadows","fab","fabLowered","expanded","currentState","isContentVisible","isAnimating","isLowered","state","value","next","source","target","type","connectedCallback","setupUnifiedPipeline","resize$","window","fromEvent","pipe","debounceTime","filter","tap","EMPTY","merge","of","scan","event","updateExpandedWidth","resized","lowered","current","previous","pending","switchMap","animateTransition","dispatchEvent","CustomEvent","detail","bubbles","composed","catchError","err","finalize","shareReplay","takeUntil","disconnecting","subscribe","fromState","toState","currentAnimation","cancel","animations","createAnimations","Promise","resolve","mainAnimation","container","finished","then","catch","icon","config","fromStyles","getStyleForState","toStyles","animate","transform","offset","duration","fill","opacity","isExpanding","baseStyles","width","maxWidth","maxHeight","borderRadius","hidden","boxShadow","backdropFilter","minimized","getResponsiveWidth","vw","innerWidth","style","applyInitialStyles","initialStyle","Object","assign","webkitBackdropFilter","newState","close","disconnectedCallback","complete","render","surfaceElevation","isMinimized","iconName","html","ref","toggleState","e","stopPropagation","__decorateClass","property","String","reflect","prototype","Boolean","customElement"],"mappings":"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"}

package/dist/boat-BtViHW8M.cjs

@@ -1,66 +0,0 @@
-"use strict";const f=require("./tailwind.mixin-BiRVB4Hl.cjs"),x=require("lit"),d=require("lit/decorators.js"),l=require("lit/directives/ref.js"),o=require("rxjs"),s=require("rxjs/operators");var g=Object.defineProperty,y=Object.getOwnPropertyDescriptor,p=(t,e,i,n)=>{for(var c,r=n>1?void 0:n?y(e,i):e,a=t.length-1;a>=0;a--)(c=t[a])&&(r=(n?c(e,i,r):c(r))||r);return n&&r&&g(e,i,r),r};exports.SchmancyBoat=class extends f.TailwindElement(x.css`
-	/* Performance optimization - GPU hints only */
-	.boat-container {
-		will-change: transform, border-radius, width, max-width, box-shadow;
-		contain: layout style;
-		transform: translate3d(0, 0, 0); /* Force GPU acceleration */
-		backface-visibility: hidden;
-	}
-`){constructor(){super(...arguments),this.stateChange$=new o.Subject,this.containerRef=l.createRef(),this.contentRef=l.createRef(),this.iconRef=l.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}get state(){return this.currentState}set state(t){this.stateChange$.next({source:"external",target:t,type:"state"})}get lowered(){return this.isLowered}set lowered(t){this.stateChange$.next({source:"external",target:this.currentState,type:"lowered"}),this.isLowered=t}connectedCallback(){super.connectedCallback(),this.setupUnifiedPipeline()}setupUnifiedPipeline(){const t=typeof window<"u"?o.fromEvent(window,"resize").pipe(s.debounceTime(100),s.filter(()=>this.currentState==="expanded"),s.tap(()=>this.stateChange$.next({source:"resize",type:"resize"}))):o.EMPTY;o.merge(o.of({source:"internal",target:"minimized",type:"state"}),this.stateChange$,t).pipe(s.scan((e,i)=>i.type==="resize"&&this.currentState==="expanded"?(this.updateExpandedWidth(),{...e,resized:!0}):i.type==="lowered"?{...e,lowered:!e.lowered}:i.type==="state"&&i.target&&i.target!==e.current?{...e,previous:e.current,current:i.target,pending:!0,source:i.source}:e,{current:"minimized",previous:"minimized",pending:!1,lowered:!1,resized:!1,source:"internal"}),s.tap(e=>{this.isLowered=e.lowered}),s.switchMap(e=>!e.pending||this.isAnimating?o.of(e):(this.isAnimating=!0,this.animateTransition(e.previous,e.current).pipe(s.tap(()=>{this.currentState=e.current,this.isContentVisible=e.current==="expanded",this.dispatchEvent(new CustomEvent("toggle",{detail:e.current,bubbles:!0,composed:!0}))}),s.catchError(i=>(this.currentState=e.current,this.isContentVisible=e.current==="expanded",o.of(e))),s.finalize(()=>{this.isAnimating=!1}),s.tap(()=>e.pending=!1)))),s.shareReplay(1),s.takeUntil(this.disconnecting)).subscribe()}animateTransition(t,e){return o.of({fromState:t,toState:e}).pipe(s.tap(()=>this.currentAnimation?.cancel()),s.switchMap(({fromState:i,toState:n})=>{if(!this.containerRef.value)return o.EMPTY;n==="expanded"&&(this.isContentVisible=!0);const c=this.createAnimations(i,n);return new Promise(r=>{const a=c.container;a?(this.currentAnimation=a,a.finished.then(()=>{n!=="expanded"&&(this.isContentVisible=!1),r()}).catch(()=>r())):r()})}))}createAnimations(t,e){const i=this.containerRef.value,n=this.contentRef.value,c=this.iconRef.value,r={};if(!i)return r;const a=this.ANIMATION_CONFIG,m=this.getStyleForState(t),h=this.getStyleForState(e);if(r.container=e==="expanded"?i.animate([m,{...h,transform:"translate3d(0, -8px, 0)",offset:.7},h],{duration:a.durations.expand,easing:a.easing.decelerate,fill:"forwards"}):i.animate([m,h],{duration:e==="hidden"?a.durations.hide:a.durations.minimize,easing:a.easing.accelerate,fill:"forwards"}),n&&t==="expanded"&&e==="minimized"?n.animate([{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-8px)"}],{duration:150,easing:a.easing.standard,fill:"forwards"}):n&&e==="expanded"&&n.animate([{opacity:0,transform:"translateY(8px)"},{opacity:1,transform:"translateY(0)"}],{duration:a.durations.content,easing:a.easing.standard,fill:"forwards"}),c){const u=e==="expanded";(u||t==="expanded"&&e==="minimized")&&c.animate([{transform:u?"rotate(0deg)":"rotate(180deg)"},{transform:u?"rotate(180deg)":"rotate(0deg)"}],{duration:250,easing:a.easing.emphasized,fill:"forwards"})}return r}getStyleForState(t){const{shadows:e}=this.ANIMATION_CONFIG,i={width:"300px",maxWidth:"300px",maxHeight:"auto",borderRadius:"16px"};return{hidden:{...i,transform:"translate3d(0, calc(100% + 16px), 0)",boxShadow:"none",backdropFilter:"none"},minimized:{...i,transform:"translate3d(0, calc(100% - 56px), 0)",boxShadow:this.isLowered?e.fabLowered:e.fab,backdropFilter:"none"},expanded:{transform:"translate3d(0, 0, 0)",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.applyInitialStyles()}applyInitialStyles(){const t=this.containerRef.value,e=this.contentRef.value,i=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)}e&&(e.style.opacity=this.isContentVisible?"1":"0"),i&&this.currentState==="expanded"&&(i.style.transform="rotate(180deg)")}toggleState(){const t=this.currentState==="minimized"?"expanded":"minimized";this.stateChange$.next({source:"internal",target:t,type:"state"})}close(){this.stateChange$.next({source:"internal",target:"hidden",type:"state"})}disconnectedCallback(){super.disconnectedCallback(),this.currentAnimation?.cancel(),this.stateChange$.complete()}render(){const t=this.currentState==="minimized"?this.isLowered?"1":"3":"4",e=this.currentState==="minimized",i=e?"expand_less":"expand_more";return x.html`
-			<div
-				class="boat-container z-[9999] fixed bottom-4 right-4 overflow-y-auto flex flex-col"
-				${l.ref(this.containerRef)}
-			>
-				<!-- Header section -->
-				<section class="sticky top-0 z-10">
-					<schmancy-surface
-						elevation="${t}"
-						class="cursor-pointer"
-						rounded="${e?"none":"top"}"
-						type="containerLowest"
-						@click=${()=>this.toggleState()}
-					>
-						<div class="sticky top-0 px-3 py-2 flex items-center justify-between gap-3">
-							<!-- Header content slot -->
-							<div class="flex-1 flex items-center min-w-0">
-								<slot name="header"></slot>
-							</div>
-
-							<!-- Control buttons -->
-							<div class="flex items-center gap-1 flex-shrink-0">
-								<!-- Toggle button -->
-								<schmancy-icon-button
-									variant="${e?"text":"filled tonal"}"
-									@click=${n=>{n.stopPropagation(),this.toggleState()}}
-									title=${e?"Expand":"Minimize"}
-								>
-									<span class="icon-container" ${l.ref(this.iconRef)}>
-										${i}
-									</span>
-								</schmancy-icon-button>
-
-								<!-- Close button -->
-								<schmancy-icon-button
-									variant="text"
-									@click=${n=>{n.stopPropagation(),this.close()}}
-									title="Close"
-								>
-									close
-								</schmancy-icon-button>
-							</div>
-						</div>
-					</schmancy-surface>
-				</section>
-
-				<!-- Content section -->
-				<schmancy-surface
-					.hidden=${!this.isContentVisible}
-					type="containerLow"
-					class="boat-content z-0 flex-1"
-					${l.ref(this.contentRef)}
-				>
-					<slot></slot>
-				</schmancy-surface>
-			</div>
-		`}},p([d.property({type:String,reflect:!0})],exports.SchmancyBoat.prototype,"state",1),p([d.property({type:Boolean,reflect:!0})],exports.SchmancyBoat.prototype,"lowered",1),p([d.state()],exports.SchmancyBoat.prototype,"currentState",2),p([d.state()],exports.SchmancyBoat.prototype,"isContentVisible",2),p([d.state()],exports.SchmancyBoat.prototype,"isAnimating",2),p([d.state()],exports.SchmancyBoat.prototype,"isLowered",2),exports.SchmancyBoat=p([d.customElement("schmancy-boat")],exports.SchmancyBoat);
-//# sourceMappingURL=boat-BtViHW8M.cjs.map

package/dist/boat-BtViHW8M.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"boat-BtViHW8M.cjs","sources":["../src/boat/boat.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref, Ref } from 'lit/directives/ref.js'\nimport {\n  Subject,\n  fromEvent,\n  merge,\n  of,\n  EMPTY\n} from 'rxjs'\nimport {\n  filter,\n  switchMap,\n  takeUntil,\n  tap,\n  finalize,\n  catchError,\n  debounceTime,\n  scan,\n  shareReplay\n} from 'rxjs/operators'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n// State change event for the unified pipeline\ninterface StateChangeEvent {\n\tsource: 'internal' | 'external' | 'resize'\n\ttarget?: BoatState\n\ttype: 'state' | 'lowered' | 'resize'\n}\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n\t/* Performance optimization - GPU hints only */\n\t.boat-container {\n\t\twill-change: transform, border-radius, width, max-width, box-shadow;\n\t\tcontain: layout style;\n\t\ttransform: translate3d(0, 0, 0); /* Force GPU acceleration */\n\t\tbackface-visibility: hidden;\n\t}\n`) {\n\t// Public properties - route ALL changes through stateChange$\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\t// Route external state changes through the unified pipeline\n\t\tthis.stateChange$.next({\n\t\t\tsource: 'external',\n\t\t\ttarget: value,\n\t\t\ttype: 'state'\n\t\t})\n\t}\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.stateChange$.next({\n\t\t\tsource: 'external',\n\t\t\ttarget: this.currentState,\n\t\t\ttype: 'lowered'\n\t\t})\n\t\tthis.isLowered = value\n\t}\n\n\t// Single unified state change stream - ALL state changes go through this\n\tprivate stateChange$ = new Subject<StateChangeEvent>()\n\n\t// Element references\n\tprivate containerRef: Ref<HTMLDivElement> = createRef()\n\tprivate contentRef: Ref<HTMLElement> = createRef()\n\tprivate iconRef: 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: '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\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupUnifiedPipeline()\n\t}\n\n\tprivate setupUnifiedPipeline() {\n\t\t// Create resize stream\n\t\tconst resize$ = typeof window !== 'undefined'\n\t\t\t? fromEvent(window, 'resize').pipe(\n\t\t\t\tdebounceTime(100),\n\t\t\t\tfilter(() => this.currentState === 'expanded'),\n\t\t\t\ttap(() => this.stateChange$.next({\n\t\t\t\t\tsource: 'resize',\n\t\t\t\t\ttype: 'resize'\n\t\t\t\t}))\n\t\t\t)\n\t\t\t: EMPTY\n\n\t\t// SINGLE UNIFIED PIPELINE - All state management in ONE place\n\t\tmerge(\n\t\t\t// Initial state\n\t\t\tof({\n\t\t\t\tsource: 'internal' as const,\n\t\t\t\ttarget: 'minimized' as BoatState,\n\t\t\t\ttype: 'state' as const\n\t\t\t}),\n\t\t\t// All state changes\n\t\t\tthis.stateChange$,\n\t\t\t// Window resize events\n\t\t\tresize$\n\t\t).pipe(\n\t\t\t// Accumulate state and handle all changes\n\t\t\tscan((state, event: StateChangeEvent) => {\n\t\t\t\t// Handle different event types\n\t\t\t\tif (event.type === 'resize' && this.currentState === 'expanded') {\n\t\t\t\t\t// Just update width, no animation needed\n\t\t\t\t\tthis.updateExpandedWidth()\n\t\t\t\t\treturn { ...state, resized: true }\n\t\t\t\t}\n\n\t\t\t\tif (event.type === 'lowered') {\n\t\t\t\t\t// Update lowered state\n\t\t\t\t\treturn { ...state, lowered: !state.lowered }\n\t\t\t\t}\n\n\t\t\t\t// Handle state changes\n\t\t\t\tif (event.type === 'state' && event.target && event.target !== state.current) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...state,\n\t\t\t\t\t\tprevious: state.current,\n\t\t\t\t\t\tcurrent: event.target,\n\t\t\t\t\t\tpending: true,\n\t\t\t\t\t\tsource: event.source\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn state\n\t\t\t}, {\n\t\t\t\tcurrent: 'minimized' as BoatState,\n\t\t\t\tprevious: 'minimized' as BoatState,\n\t\t\t\tpending: false,\n\t\t\t\tlowered: false,\n\t\t\t\tresized: false,\n\t\t\t\tsource: 'internal' as 'internal' | 'external' | 'resize'\n\t\t\t}),\n\n\t\t\t// Only process when there's a pending state change\n\t\t\ttap(state => {\n\t\t\t\t// Always update lowered state\n\t\t\t\tthis.isLowered = state.lowered\n\t\t\t}),\n\n\t\t\t// Handle animations for state transitions\n\t\t\tswitchMap(state => {\n\t\t\t\tif (!state.pending || this.isAnimating) {\n\t\t\t\t\treturn of(state)\n\t\t\t\t}\n\n\t\t\t\t// Mark as animating\n\t\t\t\tthis.isAnimating = true\n\n\t\t\t\t// Animate the transition\n\t\t\t\treturn this.animateTransition(state.previous, state.current).pipe(\n\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t// Update state after animation completes\n\t\t\t\t\t\tthis.currentState = state.current\n\t\t\t\t\t\tthis.isContentVisible = state.current === 'expanded'\n\n\t\t\t\t\t\t// Dispatch event\n\t\t\t\t\t\tthis.dispatchEvent(new CustomEvent('toggle', {\n\t\t\t\t\t\t\tdetail: state.current,\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t}))\n\t\t\t\t\t}),\n\t\t\t\t\tcatchError(err => {\n\t\t\t\t\t\tconsole.warn('Animation error:', err)\n\t\t\t\t\t\t// Still update state even if animation fails\n\t\t\t\t\t\tthis.currentState = state.current\n\t\t\t\t\t\tthis.isContentVisible = state.current === 'expanded'\n\t\t\t\t\t\treturn of(state)\n\t\t\t\t\t}),\n\t\t\t\t\tfinalize(() => {\n\t\t\t\t\t\tthis.isAnimating = false\n\t\t\t\t\t}),\n\t\t\t\t\t// Return the state for next iteration\n\t\t\t\t\ttap(() => state.pending = false)\n\t\t\t\t)\n\t\t\t}),\n\n\t\t\t// Share the pipeline result\n\t\t\tshareReplay(1),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\t// Simplified animation transition method\n\tprivate animateTransition(fromState: BoatState, toState: BoatState) {\n\t\treturn of({ fromState, toState }).pipe(\n\t\t\ttap(() => this.currentAnimation?.cancel()),\n\t\t\tswitchMap(({ fromState, toState }) => {\n\t\t\t\tconst container = this.containerRef.value\n\t\t\t\tif (!container) return EMPTY\n\n\t\t\t\t// Update content visibility before expand, after minimize\n\t\t\t\tif (toState === 'expanded') {\n\t\t\t\t\tthis.isContentVisible = true\n\t\t\t\t}\n\n\t\t\t\t// Create animation based on target state\n\t\t\t\tconst animations = this.createAnimations(fromState, toState)\n\n\t\t\t\t// Execute animations and return completion promise\n\t\t\t\treturn new Promise<void>((resolve) => {\n\t\t\t\t\tconst mainAnimation = animations.container\n\t\t\t\t\tif (mainAnimation) {\n\t\t\t\t\t\tthis.currentAnimation = mainAnimation\n\t\t\t\t\t\tmainAnimation.finished.then(() => {\n\t\t\t\t\t\t\tif (toState !== 'expanded') {\n\t\t\t\t\t\t\t\tthis.isContentVisible = false\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tresolve()\n\t\t\t\t\t\t}).catch(() => resolve())\n\t\t\t\t\t} else {\n\t\t\t\t\t\tresolve()\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// Add bounce effect for expand\n\t\t\tanimations.container = container.animate([\n\t\t\t\tfromStyles,\n\t\t\t\t{ ...toStyles, transform: 'translate3d(0, -8px, 0)', offset: 0.7 },\n\t\t\t\ttoStyles,\n\t\t\t], {\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{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t{ opacity: 0, transform: 'translateY(-8px)' },\n\t\t\t], {\n\t\t\t\tduration: 150,\n\t\t\t\teasing: config.easing.standard,\n\t\t\t\tfill: 'forwards',\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{ opacity: 0, transform: 'translateY(8px)' },\n\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t], {\n\t\t\t\tduration: config.durations.content,\n\t\t\t\teasing: config.easing.standard,\n\t\t\t\tfill: 'forwards',\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{ transform: isExpanding ? 'rotate(0deg)' : 'rotate(180deg)' },\n\t\t\t\t\t{ transform: isExpanding ? 'rotate(180deg)' : 'rotate(0deg)' },\n\t\t\t\t], {\n\t\t\t\t\tduration: 250,\n\t\t\t\t\teasing: config.easing.emphasized,\n\t\t\t\t\tfill: 'forwards',\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\twidth: '300px',\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\ttransform: 'translate3d(0, calc(100% + 16px), 0)',\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\ttransform: 'translate3d(0, calc(100% - 56px), 0)',\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\ttransform: 'translate3d(0, 0, 0)',\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\t// Initialize component styles after first render\n\tfirstUpdated() {\n\t\t// Apply initial styles\n\t\tthis.applyInitialStyles()\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.stateChange$.next({\n\t\t\tsource: 'internal',\n\t\t\ttarget: newState,\n\t\t\ttype: 'state'\n\t\t})\n\t}\n\n\t// Public method to close (hide) the boat\n\tclose() {\n\t\tthis.stateChange$.next({\n\t\t\tsource: 'internal',\n\t\t\ttarget: 'hidden',\n\t\t\ttype: 'state'\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\tthis.stateChange$.complete()\n\t}\n\n\t// Render the component\n\tprotected render(): unknown {\n\t\t// Calculate dynamic values\n\t\tconst surfaceElevation = this.currentState === 'minimized'\n\t\t\t? (this.isLowered ? '1' : '3')\n\t\t\t: '4'\n\t\tconst isMinimized = this.currentState === 'minimized'\n\t\tconst iconName = isMinimized ? 'expand_less' : 'expand_more'\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"boat-container z-[9999] fixed bottom-4 right-4 overflow-y-auto flex flex-col\"\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-10\">\n\t\t\t\t\t<schmancy-surface\n\t\t\t\t\t\televation=\"${surfaceElevation}\"\n\t\t\t\t\t\tclass=\"cursor-pointer\"\n\t\t\t\t\t\trounded=\"${isMinimized ? 'none' : 'top'}\"\n\t\t\t\t\t\ttype=\"containerLowest\"\n\t\t\t\t\t\t@click=${() => this.toggleState()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"sticky top-0 px-3 py-2 flex items-center justify-between gap-3\">\n\t\t\t\t\t\t\t<!-- Header content slot -->\n\t\t\t\t\t\t\t<div class=\"flex-1 flex items-center min-w-0\">\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<!-- Toggle button -->\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\tvariant=\"${isMinimized ? 'text' : 'filled tonal'}\"\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.toggleState()\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\ttitle=${isMinimized ? 'Expand' : 'Minimize'}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span class=\"icon-container\" ${ref(this.iconRef)}>\n\t\t\t\t\t\t\t\t\t\t${iconName}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</schmancy-icon-button>\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.close()\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\ttitle=\"Close\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tclose\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=\"boat-content 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}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","stateChange$","Subject","containerRef","createRef","contentRef","iconRef","ANIMATION_CONFIG","durations","expand","minimize","hide","content","easing","emphasized","decelerate","accelerate","standard","shadows","fab","fabLowered","expanded","currentState","isContentVisible","isAnimating","isLowered","value","next","source","target","type","lowered","connectedCallback","setupUnifiedPipeline","resize$","window","fromEvent","pipe","debounceTime","filter","tap","EMPTY","merge","of","scan","state","event","updateExpandedWidth","resized","current","previous","pending","switchMap","animateTransition","dispatchEvent","CustomEvent","detail","bubbles","composed","catchError","err","finalize","shareReplay","takeUntil","disconnecting","subscribe","fromState","toState","currentAnimation","cancel","animations","createAnimations","Promise","resolve","mainAnimation","container","finished","then","catch","icon","config","fromStyles","getStyleForState","toStyles","animate","transform","offset","duration","fill","opacity","isExpanding","baseStyles","width","maxWidth","maxHeight","borderRadius","hidden","boxShadow","backdropFilter","minimized","getResponsiveWidth","vw","innerWidth","style","firstUpdated","applyInitialStyles","initialStyle","Object","assign","webkitBackdropFilter","toggleState","newState","disconnectedCallback","complete","render","surfaceElevation","isMinimized","iconName","html","ref","e","stopPropagation","close","__decorateClass","property","String","reflect","prototype","Boolean","customElement"],"mappings":"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"}

package/dist/details-BSmS_ILq.cjs

@@ -1,161 +0,0 @@
-"use strict";const c=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const o=require("lit/decorators.js"),d=require("./tailwind.mixin-BiRVB4Hl.cjs"),l=require("lit"),h=require("lit/directives/when.js"),u=require("rxjs/operators");var m=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(e,t,a,i)=>{for(var s,n=i>1?void 0:i?y(t,a):t,p=e.length-1;p>=0;p--)(s=e[p])&&(n=(i?s(t,a,n):s(n))||n);return i&&n&&m(t,a,n),n};exports.SchmancyDetails=class extends d.TailwindElement(l.css`
-	:host {
-		display: block;
-		position: relative;
-	}
-
-	/* Hide browser default marker */
-	summary::-webkit-details-marker {
-		display: none;
-	}
-
-	summary {
-		list-style: none;
-	}
-
-	/* Container border-radius following M3 spec */
-	details {
-		border-radius: 12px; /* M3 medium component radius */
-		transition: all 200ms cubic-bezier(0.2, 0, 0, 1); /* M3 standard easing */
-	}
-
-	/* Variant-specific styles */
-	:host([variant='outlined']) details {
-		border: 1px solid var(--schmancy-sys-color-outline-variant);
-		background-color: var(--schmancy-sys-color-surface-default);
-	}
-
-	:host([variant='filled']) details {
-		background-color: var(--schmancy-sys-color-surface-container);
-	}
-
-	:host([variant='elevated']) details {
-		background-color: var(--schmancy-sys-color-surface-low);
-		box-shadow: var(--schmancy-sys-elevation-1);
-	}
-
-	:host([variant='elevated']) details[open] {
-		box-shadow: var(--schmancy-sys-elevation-2);
-		background-color: var(--schmancy-sys-color-surface-container);
-	}
-
-	/* Content animation */
-	@keyframes slideDown {
-		from {
-			opacity: 0;
-			transform: translateY(-8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.content-wrapper[data-open='true'] {
-		animation: slideDown 250ms cubic-bezier(0.2, 0, 0, 1);
-	}
-
-	/* Ripple effect */
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	/* Focus ring following M3 spec */
-	summary:focus-visible {
-		outline: 2px solid var(--schmancy-sys-color-primary-default);
-		outline-offset: 2px;
-		border-radius: 12px;
-	}
-
-	/* Icon rotation transition */
-	.icon-wrapper {
-		transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
-	}
-
-	.icon-wrapper[data-open='true'] {
-		transform: rotate(90deg);
-	}
-`){constructor(){super(...arguments),this.summary="",this.variant="default",this.ripples=[],this.pressed=!1,this._isOpen=!1,this.nextRippleId=0,this._open$=new c.BehaviorSubject(!1)}get open(){return this._open$.value}set open(e){this._open$.value!==e&&this._open$.next(e)}connectedCallback(){super.connectedCallback(),this._open$.pipe(u.tap(e=>{this._isOpen=e,this.requestUpdate()}),c.takeUntil(this.disconnecting)).subscribe()}render(){const e=this.classMap({"cursor-pointer":!0,"select-none":!0,relative:!0,flex:!0,"items-center":!0,"gap-3":!0,"min-h-[48px]":!0,"sm:min-h-[56px]":!0,"px-4":!0,"sm:px-6":!0,"py-3":!0,"sm:py-4":!0,"rounded-xl":!0,"transition-colors":!0,"duration-200":!0,"text-surface-on":!0,group:!0}),t=this.classMap({absolute:!0,"inset-0":!0,"rounded-xl":!0,"pointer-events-none":!0,"transition-opacity":!0,"duration-200":!0,"bg-surface-on":!0,[this.pressed?"opacity-[0.12]":this.variant==="default"?"opacity-0 hover:opacity-[0.08]":"opacity-0 hover:opacity-[0.04]"]:!0}),a=this.classMap({"px-4":!0,"sm:px-6":!0,"pb-3":!0,"sm:pb-4":!0,"text-surface-onVariant":!0,"text-sm":!0,"sm:text-base":!0}),i=this.classMap({flex:!0,"items-center":!0,"justify-center":!0,"w-6":!0,"h-6":!0,"rounded-full":!0,"flex-shrink-0":!0,"text-surface-onVariant":!0,"group-hover:text-surface-on":!0,"transition-all":!0,"duration-200":!0});return l.html`
-			<details
-				?open=${this._isOpen}
-				@toggle=${this._handleToggle}
-				class="w-full overflow-hidden"
-			>
-				<summary
-					class=${e}
-					@click=${this._handleClick}
-					@mousedown=${this._handleMouseDown}
-					@mouseup=${this._handleMouseUp}
-					@mouseleave=${this._handleMouseLeave}
-					@keydown=${this._handleKeyDown}
-					@keyup=${this._handleKeyUp}
-					tabindex="0"
-				>
-					<!-- State layer for hover/focus/pressed states -->
-					<div class=${t}></div>
-
-					<!-- Ripple container -->
-					<div class="absolute inset-0 rounded-xl overflow-hidden pointer-events-none">
-						${this.ripples.map(s=>l.html`
-								<span
-									class="absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none"
-									style="
-										left: ${s.x}px;
-										top: ${s.y}px;
-										width: 20px;
-										height: 20px;
-										margin-left: -10px;
-										margin-top: -10px;
-									"
-								></span>
-							`)}
-					</div>
-
-					<!-- Summary content -->
-					<span class="relative flex-1 font-medium text-base sm:text-lg z-10">
-						<slot name="summary">${this.summary}</slot>
-					</span>
-
-					<!-- Expand/collapse icon -->
-					<span
-						class=${i}
-						data-open=${this._isOpen}
-						style="transform: rotate(${this._isOpen?"90deg":"0deg"})"
-					>
-						<svg
-							width="24"
-							height="24"
-							viewBox="0 0 24 24"
-							fill="none"
-							xmlns="http://www.w3.org/2000/svg"
-							class="w-5 h-5 sm:w-6 sm:h-6"
-						>
-							<path
-								d="M9 6L15 12L9 18"
-								stroke="currentColor"
-								stroke-width="2"
-								stroke-linecap="round"
-								stroke-linejoin="round"
-							/>
-						</svg>
-					</span>
-				</summary>
-
-				<!-- Content area -->
-				<div
-					class=${a}
-					data-open=${this._isOpen}
-					style="${this._isOpen?"":"display: none;"}"
-				>
-					${h.when(this._isOpen,()=>l.html`
-							<div class="content-wrapper" data-open=${this._isOpen}>
-								<slot></slot>
-							</div>
-						`)}
-				</div>
-			</details>
-		`}_handleToggle(e){const t=e.target;this._open$.next(t.open),this.dispatchEvent(new CustomEvent("toggle",{detail:{open:t.open},bubbles:!0,composed:!0}))}_handleClick(e){e.preventDefault();const t=e.currentTarget.getBoundingClientRect(),a=e.clientX-t.left,i=e.clientY-t.top,s=this.nextRippleId++;this.ripples=[...this.ripples,{x:a,y:i,id:s}],setTimeout(()=>{this.ripples=this.ripples.filter(n=>n.id!==s)},600),this._open$.next(!this._open$.value),this.dispatchEvent(new CustomEvent("toggle",{detail:{open:this._open$.value},bubbles:!0,composed:!0}))}_handleMouseDown(){this.pressed=!0}_handleMouseUp(){this.pressed=!1}_handleMouseLeave(){this.pressed=!1}_handleKeyDown(e){if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.pressed=!0;const t=e.currentTarget.getBoundingClientRect(),a=t.width/2,i=t.height/2,s=this.nextRippleId++;this.ripples=[...this.ripples,{x:a,y:i,id:s}],setTimeout(()=>{this.ripples=this.ripples.filter(n=>n.id!==s)},600),this._open$.next(!this._open$.value),this.dispatchEvent(new CustomEvent("toggle",{detail:{open:this._open$.value},bubbles:!0,composed:!0}))}}_handleKeyUp(e){e.key!=="Enter"&&e.key!==" "||(this.pressed=!1)}},exports.SchmancyDetails.shadowRootOptions={...l.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},r([o.property()],exports.SchmancyDetails.prototype,"summary",2),r([o.property({type:Boolean,reflect:!0})],exports.SchmancyDetails.prototype,"open",1),r([o.property({reflect:!0})],exports.SchmancyDetails.prototype,"variant",2),r([o.state()],exports.SchmancyDetails.prototype,"ripples",2),r([o.state()],exports.SchmancyDetails.prototype,"pressed",2),r([o.state()],exports.SchmancyDetails.prototype,"_isOpen",2),exports.SchmancyDetails=r([o.customElement("schmancy-details")],exports.SchmancyDetails);
-//# sourceMappingURL=details-BSmS_ILq.cjs.map

package/dist/details-BSmS_ILq.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"details-BSmS_ILq.cjs","sources":["../src/details/details.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\r\nimport { css, html, LitElement } from 'lit'\r\nimport { customElement, property, state } from 'lit/decorators.js'\r\nimport { when } from 'lit/directives/when.js'\r\nimport { BehaviorSubject, takeUntil } from 'rxjs'\r\nimport { tap } from 'rxjs/operators'\r\n\r\n@customElement('schmancy-details')\r\nexport default class SchmancyDetails extends TailwindElement(css`\r\n\t:host {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t/* Hide browser default marker */\r\n\tsummary::-webkit-details-marker {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\tsummary {\r\n\t\tlist-style: none;\r\n\t}\r\n\r\n\t/* Container border-radius following M3 spec */\r\n\tdetails {\r\n\t\tborder-radius: 12px; /* M3 medium component radius */\r\n\t\ttransition: all 200ms cubic-bezier(0.2, 0, 0, 1); /* M3 standard easing */\r\n\t}\r\n\r\n\t/* Variant-specific styles */\r\n\t:host([variant='outlined']) details {\r\n\t\tborder: 1px solid var(--schmancy-sys-color-outline-variant);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\r\n\t}\r\n\r\n\t:host([variant='filled']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details[open] {\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t/* Content animation */\r\n\t@keyframes slideDown {\r\n\t\tfrom {\r\n\t\t\topacity: 0;\r\n\t\t\ttransform: translateY(-8px);\r\n\t\t}\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t\ttransform: translateY(0);\r\n\t\t}\r\n\t}\r\n\r\n\t.content-wrapper[data-open='true'] {\r\n\t\tanimation: slideDown 250ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t/* Ripple effect */\r\n\t@keyframes ripple {\r\n\t\tto {\r\n\t\t\ttransform: scale(4);\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Focus ring following M3 spec */\r\n\tsummary:focus-visible {\r\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\r\n\t\toutline-offset: 2px;\r\n\t\tborder-radius: 12px;\r\n\t}\r\n\r\n\t/* Icon rotation transition */\r\n\t.icon-wrapper {\r\n\t\ttransition: transform 200ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t.icon-wrapper[data-open='true'] {\r\n\t\ttransform: rotate(90deg);\r\n\t}\r\n`) {\r\n\tprotected static shadowRootOptions = {\r\n\t\t...LitElement.shadowRootOptions,\r\n\t\tmode: 'open' as const,\r\n\t\tdelegatesFocus: true,\r\n\t}\r\n\r\n\t@property() summary = ''\r\n\t@property({ type: Boolean, reflect: true })\r\n\tget open() {\r\n\t\treturn this._open$.value\r\n\t}\r\n\tset open(value: boolean) {\r\n\t\tif (this._open$.value !== value) {\r\n\t\t\tthis._open$.next(value)\r\n\t\t}\r\n\t}\r\n\t@property({ reflect: true }) variant: 'default' | 'outlined' | 'filled' | 'elevated' = 'default'\r\n\r\n\t// Internal state for ripple effects\r\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\r\n\t@state() private pressed = false\r\n\t@state() private _isOpen = false\r\n\r\n\tprivate nextRippleId = 0\r\n\tprivate _open$ = new BehaviorSubject<boolean>(false)\r\n\r\n\tconnectedCallback() {\r\n\t\tsuper.connectedCallback()\r\n\r\n\t\t// Subscribe to open state changes\r\n\t\tthis._open$.pipe(\r\n\t\t\ttap(isOpen => {\r\n\t\t\t\tthis._isOpen = isOpen\r\n\t\t\t\tthis.requestUpdate()\r\n\t\t\t}),\r\n\t\t\ttakeUntil(this.disconnecting)\r\n\t\t).subscribe()\r\n\t}\r\n\r\n\trender() {\r\n\t\t// Define state layer opacity based on variant and state\r\n\t\tconst getStateLayerOpacity = () => {\r\n\t\t\tif (this.pressed) return 'opacity-[0.12]' // M3 pressed state\r\n\t\t\tif (this.variant === 'default') {\r\n\t\t\t\treturn 'opacity-0 hover:opacity-[0.08]' // M3 hover state\r\n\t\t\t}\r\n\t\t\treturn 'opacity-0 hover:opacity-[0.04]' // Reduced for filled/elevated variants\r\n\t\t}\r\n\r\n\t\t// Summary classes following M3 specs\r\n\t\tconst summaryClasses = this.classMap({\r\n\t\t\t'cursor-pointer': true,\r\n\t\t\t'select-none': true,\r\n\t\t\t'relative': true,\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'gap-3': true,\r\n\t\t\t'min-h-[48px]': true, // M3 minimum touch target\r\n\t\t\t'sm:min-h-[56px]': true, // Desktop size\r\n\t\t\t'px-4': true, // M3 standard padding\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'py-3': true,\r\n\t\t\t'sm:py-4': true,\r\n\t\t\t'rounded-xl': true, // Match container radius\r\n\t\t\t'transition-colors': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'text-surface-on': true,\r\n\t\t\t'group': true, // For hover states on icon\r\n\t\t})\r\n\r\n\t\t// State layer for interactive feedback\r\n\t\tconst stateLayerClasses = this.classMap({\r\n\t\t\t'absolute': true,\r\n\t\t\t'inset-0': true,\r\n\t\t\t'rounded-xl': true,\r\n\t\t\t'pointer-events-none': true,\r\n\t\t\t'transition-opacity': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'bg-surface-on': true,\r\n\t\t\t[getStateLayerOpacity()]: true,\r\n\t\t})\r\n\r\n\t\t// Content wrapper classes\r\n\t\tconst contentClasses = this.classMap({\r\n\t\t\t'px-4': true,\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'pb-3': true,\r\n\t\t\t'sm:pb-4': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'text-sm': true,\r\n\t\t\t'sm:text-base': true,\r\n\t\t})\r\n\r\n\t\t// Icon classes with group hover\r\n\t\tconst iconClasses = this.classMap({\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'justify-center': true,\r\n\t\t\t'w-6': true,\r\n\t\t\t'h-6': true,\r\n\t\t\t'rounded-full': true,\r\n\t\t\t'flex-shrink-0': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'group-hover:text-surface-on': true,\r\n\t\t\t'transition-all': true,\r\n\t\t\t'duration-200': true,\r\n\t\t})\r\n\r\n\t\treturn html`\r\n\t\t\t<details\r\n\t\t\t\t?open=${this._isOpen}\r\n\t\t\t\t@toggle=${this._handleToggle}\r\n\t\t\t\tclass=\"w-full overflow-hidden\"\r\n\t\t\t>\r\n\t\t\t\t<summary\r\n\t\t\t\t\tclass=${summaryClasses}\r\n\t\t\t\t\t@click=${this._handleClick}\r\n\t\t\t\t\t@mousedown=${this._handleMouseDown}\r\n\t\t\t\t\t@mouseup=${this._handleMouseUp}\r\n\t\t\t\t\t@mouseleave=${this._handleMouseLeave}\r\n\t\t\t\t\t@keydown=${this._handleKeyDown}\r\n\t\t\t\t\t@keyup=${this._handleKeyUp}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<!-- State layer for hover/focus/pressed states -->\r\n\t\t\t\t\t<div class=${stateLayerClasses}></div>\r\n\r\n\t\t\t\t\t<!-- Ripple container -->\r\n\t\t\t\t\t<div class=\"absolute inset-0 rounded-xl overflow-hidden pointer-events-none\">\r\n\t\t\t\t\t\t${this.ripples.map(\r\n\t\t\t\t\t\t\tripple => html`\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none\"\r\n\t\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\t\tleft: ${ripple.x}px;\r\n\t\t\t\t\t\t\t\t\t\ttop: ${ripple.y}px;\r\n\t\t\t\t\t\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\t\t\t\t\t\theight: 20px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-left: -10px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-top: -10px;\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t></span>\r\n\t\t\t\t\t\t\t`,\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<!-- Summary content -->\r\n\t\t\t\t\t<span class=\"relative flex-1 font-medium text-base sm:text-lg z-10\">\r\n\t\t\t\t\t\t<slot name=\"summary\">${this.summary}</slot>\r\n\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t<!-- Expand/collapse icon -->\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=${iconClasses}\r\n\t\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\t\tstyle=\"transform: rotate(${this._isOpen ? '90deg' : '0deg'})\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"24\"\r\n\t\t\t\t\t\t\theight=\"24\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclass=\"w-5 h-5 sm:w-6 sm:h-6\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M9 6L15 12L9 18\"\r\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</summary>\r\n\r\n\t\t\t\t<!-- Content area -->\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=${contentClasses}\r\n\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\tstyle=\"${this._isOpen ? '' : 'display: none;'}\"\r\n\t\t\t\t>\r\n\t\t\t\t\t${when(\r\n\t\t\t\t\t\tthis._isOpen,\r\n\t\t\t\t\t\t() => html`\r\n\t\t\t\t\t\t\t<div class=\"content-wrapper\" data-open=${this._isOpen}>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t`\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</details>\r\n\t\t`\r\n\t}\r\n\r\n\tprivate _handleToggle(e: Event) {\r\n\t\tconst details = e.target as HTMLDetailsElement\r\n\t\t// Sync the internal state with the actual details element state\r\n\t\tthis._open$.next(details.open)\r\n\r\n\t\t// Dispatch custom event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: details.open },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleClick(e: MouseEvent) {\r\n\t\t// Prevent default to control the toggle manually\r\n\t\te.preventDefault()\r\n\r\n\t\t// Add ripple effect at click position\r\n\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\tconst x = e.clientX - rect.left\r\n\t\tconst y = e.clientY - rect.top\r\n\t\tconst id = this.nextRippleId++\r\n\r\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t// Remove ripple after animation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t}, 600)\r\n\r\n\t\t// Toggle the open state through the BehaviorSubject\r\n\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t// Dispatch the toggle event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleMouseDown() {\r\n\t\tthis.pressed = true\r\n\t}\r\n\r\n\tprivate _handleMouseUp() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleMouseLeave() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleKeyDown(e: KeyboardEvent) {\r\n\t\t// Handle keyboard activation\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.pressed = true\r\n\r\n\t\t\t// Add ripple effect from center\r\n\t\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\t\tconst x = rect.width / 2\r\n\t\t\tconst y = rect.height / 2\r\n\t\t\tconst id = this.nextRippleId++\r\n\r\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t\t}, 600)\r\n\r\n\t\t\t// Toggle the open state through the BehaviorSubject\r\n\t\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t\t// Dispatch the toggle event\r\n\t\t\tthis.dispatchEvent(\r\n\t\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\t\tbubbles: true,\r\n\t\t\t\t\tcomposed: true,\r\n\t\t\t\t}),\r\n\t\t\t)\r\n\t\t}\r\n\t}\r\n\r\n\tprivate _handleKeyUp(e: KeyboardEvent) {\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\tthis.pressed = false\r\n\t\t}\r\n\t}\r\n}\r\n\r\ndeclare global {\r\n\tinterface HTMLElementTagNameMap {\r\n\t\t'schmancy-details': SchmancyDetails\r\n\t}\r\n}\r\n"],"names":["SchmancyDetails","TailwindElement","css","super","arguments","this","summary","variant","ripples","pressed","_isOpen","nextRippleId","_open$","BehaviorSubject","open","value","next","connectedCallback","pipe","tap","isOpen","requestUpdate","takeUntil","disconnecting","subscribe","render","summaryClasses","classMap","relative","flex","group","stateLayerClasses","absolute","getStateLayerOpacity","contentClasses","iconClasses","html","_handleToggle","_handleClick","_handleMouseDown","_handleMouseUp","_handleMouseLeave","_handleKeyDown","_handleKeyUp","map","ripple","x","y","when","e","details","target","dispatchEvent","CustomEvent","detail","bubbles","composed","preventDefault","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","id","setTimeout","filter","r","key","width","height","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","prototype","type","Boolean","reflect","state","customElement"],"mappings":"odAQqBA,QAAAA,gBAArB,cAA6CC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA7D,CAAA,CAAA,cAAAC,MAAAA,GAAAC,SAAAA,EAuFaC,KAAAC,QAAU,GAUOD,KAAAE,QAA0D,UAG9EF,KAAQG,QAAuD,CAAA,EAC/DH,KAAQI,QAAAA,GACRJ,KAAQK,QAAAA,GAEjBL,KAAQM,aAAe,EACvBN,KAAQO,OAAS,IAAIC,EAAAA,gBAAAA,EAAyB,CAAK,CAhBnD,IAAA,MAAIC,CACH,OAAOT,KAAKO,OAAOG,KACpB,CACA,IAAA,KAASA,EAAAA,CACJV,KAAKO,OAAOG,QAAUA,GACzBV,KAAKO,OAAOI,KAAKD,CAAAA,CAEnB,CAWA,mBAAAE,CACCd,MAAMc,oBAGNZ,KAAKO,OAAOM,KACXC,EAAAA,IAAIC,IACHf,KAAKK,QAAUU,EACff,KAAKgB,cAAAA,CAAAA,CAAAA,EAENC,EAAAA,UAAUjB,KAAKkB,gBACdC,UAAAA,CACH,CAEA,QAAAC,CAEC,MASMC,EAAiBrB,KAAKsB,SAAS,CACpC,iBAAA,GACA,iBACAC,SAAAA,GACAC,KAAAA,GACA,kBACA,QAAA,GACA,eAAA,GACA,qBACA,OAAA,GACA,UAAA,GACA,OAAA,GACA,aACA,aAAA,GACA,oBAAA,GACA,kBACA,kBAAA,GACAC,MAAAA,EAAS,CAAA,EAIJC,EAAoB1B,KAAKsB,SAAS,CACvCK,SAAAA,GACA,aACA,aAAA,GACA,sBAAA,GACA,wBACA,eAAA,GACA,gBAAA,GACA,CArCI3B,KAAKI,QAAgB,iBACrBJ,KAAKE,UAAY,UACb,iCAED,gCAiCN0B,EAAAA,EAAyB,CAAA,EAIrBC,EAAiB7B,KAAKsB,SAAS,CACpC,OAAA,GACA,aACA,OAAA,GACA,UAAA,GACA,4BACA,UAAA,GACA,eAAA,EAAgB,CAAA,EAIXQ,EAAc9B,KAAKsB,SAAS,CACjCE,KAAAA,GACA,kBACA,iBAAA,GACA,MAAA,GACA,SACA,eAAA,GACA,gBAAA,GACA,4BACA,8BAAA,GACA,iBAAA,GACA,iBAAgB,CAAA,EAGjB,OAAOO,EAAAA;AAAAA;AAAAA,YAEG/B,KAAKK,OAAAA;AAAAA,cACHL,KAAKgC,aAAAA;AAAAA;AAAAA;AAAAA;AAAAA,aAINX,CAAAA;AAAAA,cACCrB,KAAKiC,YAAAA;AAAAA,kBACDjC,KAAKkC,gBAAAA;AAAAA,gBACPlC,KAAKmC,cAAAA;AAAAA,mBACFnC,KAAKoC,iBAAAA;AAAAA,gBACRpC,KAAKqC,cAAAA;AAAAA,cACPrC,KAAKsC,YAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kBAIDZ,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QAIV1B,KAAKG,QAAQoC,IACdC,GAAUT,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kBAICS,EAAOC,CAAAA;AAAAA,iBACRD,EAAOE,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;;;;;6BAaK1C,KAAKC,OAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,cAKpB6B,CAAAA;AAAAA,kBACI9B,KAAKK,OAAAA;AAAAA,iCACUL,KAAKK,QAAU,QAAU,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAuB7CwB,CAAAA;AAAAA,iBACI7B,KAAKK,OAAAA;AAAAA,cACRL,KAAKK,QAAU,GAAK,gBAAA;AAAA;AAAA,OAE3BsC,EAAAA,KACD3C,KAAKK,QACL,IAAM0B,EAAAA;AAAAA,gDACoC/B,KAAKK,OAAAA;AAAAA;AAAAA;AAAAA;;;GAQpD,CAEQ,cAAcuC,EAAAA,CACrB,MAAMC,EAAUD,EAAEE,OAElB9C,KAAKO,OAAOI,KAAKkC,EAAQpC,IAAAA,EAGzBT,KAAK+C,cACJ,IAAIC,YAAY,SAAU,CACzBC,OAAQ,CAAExC,KAAMoC,EAAQpC,IAAAA,EACxByC,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAGb,CAEQ,aAAaP,GAEpBA,EAAEQ,eAAAA,EAGF,MAAMC,EAAQT,EAAEU,cAA8BC,sBAAAA,EACxCd,EAAIG,EAAEY,QAAUH,EAAKI,KACrBf,EAAIE,EAAEc,QAAUL,EAAKM,IACrBC,EAAK5D,KAAKM,eAEhBN,KAAKG,QAAU,CAAA,GAAIH,KAAKG,QAAS,CAAEsC,IAAGC,EAAAA,EAAGkB,GAAAA,CAAAA,CAAAA,EAGzCC,WAAW,IAAA,CACV7D,KAAKG,QAAUH,KAAKG,QAAQ2D,OAAOC,GAAKA,EAAEH,KAAOA,CAAAA,CAAAA,EAC/C,GAAA,EAGH5D,KAAKO,OAAOI,KAAAA,CAAMX,KAAKO,OAAOG,KAAAA,EAG9BV,KAAK+C,cACJ,IAAIC,YAAY,SAAU,CACzBC,OAAQ,CAAExC,KAAMT,KAAKO,OAAOG,KAAAA,EAC5BwC,QAAAA,GACAC,SAAAA,KAGH,CAEQ,kBAAAjB,CACPlC,KAAKI,QAAAA,EACN,CAEQ,iBACPJ,KAAKI,QAAAA,EACN,CAEQ,mBAAAgC,CACPpC,KAAKI,QAAAA,EACN,CAEQ,eAAewC,EAAAA,CAEtB,GAAIA,EAAEoB,MAAQ,SAAWpB,EAAEoB,MAAQ,IAAK,CACvCpB,EAAEQ,eAAAA,EACFpD,KAAKI,QAAAA,GAGL,MAAMiD,EAAQT,EAAEU,cAA8BC,sBAAAA,EACxCd,EAAIY,EAAKY,MAAQ,EACjBvB,EAAIW,EAAKa,OAAS,EAClBN,EAAK5D,KAAKM,eAEhBN,KAAKG,QAAU,IAAIH,KAAKG,QAAS,CAAEsC,EAAAA,EAAGC,EAAAA,EAAGkB,GAAAA,CAAAA,CAAAA,EAEzCC,WAAW,IAAA,CACV7D,KAAKG,QAAUH,KAAKG,QAAQ2D,OAAOC,GAAKA,EAAEH,KAAOA,CAAAA,CAAAA,EAC/C,KAGH5D,KAAKO,OAAOI,KAAAA,CAAMX,KAAKO,OAAOG,KAAAA,EAG9BV,KAAK+C,cACJ,IAAIC,YAAY,SAAU,CACzBC,OAAQ,CAAExC,KAAMT,KAAKO,OAAOG,OAC5BwC,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAGb,CACD,CAEQ,aAAaP,GAChBA,EAAEoB,MAAQ,SAAWpB,EAAEoB,MAAQ,MAClChE,KAAKI,QAAAA,GAEP,CAAA,EAjXoBT,QAAAA,gBAiFHwE,kBAAoB,CAAA,GACjCC,EAAAA,WAAWD,kBACdE,KAAM,OACNC,eAAAA,EAAgB,EAGLC,EAAA,CAAXC,EAAAA,SAAAA,CAAAA,EAvFmB7E,wBAuFR8E,UAAA,UAAA,CAAA,EAERF,EAAA,CADHC,EAAAA,SAAS,CAAEE,KAAMC,QAASC,QAAAA,EAAS,CAAA,CAAA,EAxFhBjF,wBAyFhB8E,UAAA,OAAA,CAAA,EAQyBF,EAAA,CAA5BC,WAAS,CAAEI,QAAAA,EAAS,CAAA,CAAA,EAjGDjF,wBAiGS8E,UAAA,UAAA,CAAA,EAGZF,EAAA,CAAhBM,EAAAA,MAAAA,CAAAA,EApGmBlF,wBAoGH8E,UAAA,UAAA,CAAA,EACAF,EAAA,CAAhBM,EAAAA,MAAAA,CAAAA,EArGmBlF,wBAqGH8E,UAAA,UAAA,CAAA,EACAF,EAAA,CAAhBM,EAAAA,MAAAA,CAAAA,EAtGmBlF,wBAsGH8E,UAAA,UAAA,CAAA,EAtGG9E,QAAAA,gBAArB4E,EAAA,CADCO,EAAAA,cAAc,qBACMnF"}