@mhmo91/schmancy 0.9.28 → 0.10.2

package/dist/layout-Ox6nJkzC.js

@@ -1,268 +0,0 @@
-import { t as e } from "./tailwind.mixin-mdQR3BEO.js";
-import { t } from "./decorate-D_utPUsC.js";
-import "./mixins.js";
-import "./scroll-DXQv0ejL.js";
-import { debounceTime as n, distinctUntilChanged as r, fromEvent as i, map as a, startWith as o, takeUntil as s } from "rxjs";
-import { classMap as c } from "lit/directives/class-map.js";
-import { styleMap as l } from "lit/directives/style-map.js";
-import { customElement as u, property as d, queryAssignedElements as f } from "lit/decorators.js";
-import { css as p, html as m, unsafeCSS as h } from "lit";
-var g = class extends e() {
-	constructor(...e) {
-		super(...e), this.layout = !0, this.center = void 0, this.display = void 0, this.overflow = void 0, this.overflowX = void 0, this.overflowY = void 0, this.position = void 0;
-	}
-	static {
-		this.styles = [this.styles];
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.style.setProperty("padding", this.padding ?? ""), this.style.setProperty("margin", this.margin ?? ""), this.style.setProperty("width", this.width ?? ""), this.style.setProperty("height", this.height ?? ""), this.style.setProperty("min-width", this.minWidth ?? ""), this.style.setProperty("min-height", this.minHeight ?? ""), this.style.setProperty("max-width", this.maxWidth ?? ""), this.style.setProperty("max-height", this.maxHeight ?? ""), this.style.setProperty("display", this.display ?? ""), this.style.setProperty("overflow", this.overflow ?? ""), this.style.setProperty("overflow-x", this.overflowX ?? ""), this.style.setProperty("overflow-y", this.overflowY ?? ""), this.style.setProperty("position", this.position ?? ""), this.style.setProperty("top", this.top ?? ""), this.style.setProperty("right", this.right ?? ""), this.style.setProperty("bottom", this.bottom ?? ""), this.style.setProperty("left", this.left ?? ""), this.style.setProperty("inset", this.inset ?? ""), this.style.setProperty("z-index", this.zIndex ?? ""), this.style.setProperty("border", this.border ?? ""), this.style.setProperty("border-top", this.borderTop ?? ""), this.style.setProperty("border-right", this.borderRight ?? ""), this.style.setProperty("border-bottom", this.borderBottom ?? ""), this.style.setProperty("border-left", this.borderLeft ?? ""), this.style.setProperty("border-color", this.borderColor ?? ""), this.style.setProperty("border-radius", this.borderRadius ?? ""), this.style.setProperty("border-width", this.borderWidth ?? ""), this.style.setProperty("box-shadow", this.boxShadow ?? ""), this.style.setProperty("opacity", this.opacity ?? ""), this.style.setProperty("background", this.background ?? ""), this.style.setProperty("background-image", this.backgroundImage ?? ""), this.style.setProperty("background-position", this.backgroundPosition ?? ""), this.style.setProperty("background-size", this.backgroundSize ?? ""), this.style.setProperty("background-repeat", this.backgroundRepeat ?? ""), this.style.setProperty("background-attachment", this.backgroundAttachment ?? ""), this.style.setProperty("background-color", this.backgroundColor ?? ""), this.style.setProperty("background-clip", this.backgroundClip ?? ""), this.style.setProperty("background-origin", this.backgroundOrigin ?? ""), this.style.setProperty("background-blend-mode", this.backgroundBlendMode ?? ""), this.style.setProperty("filter", this.filter ?? ""), this.style.setProperty("backdrop-filter", this.backdropFilter ?? ""), this.center && (this.style.setProperty("margin-left", "auto"), this.style.setProperty("margin-right", "auto"));
-	}
-};
-t([d({ type: Boolean })], g.prototype, "center", void 0), t([d({ type: String })], g.prototype, "padding", void 0), t([d({ type: String })], g.prototype, "margin", void 0), t([d({ type: String })], g.prototype, "width", void 0), t([d({ type: String })], g.prototype, "height", void 0), t([d({ type: String })], g.prototype, "minWidth", void 0), t([d({ type: String })], g.prototype, "minHeight", void 0), t([d({ type: String })], g.prototype, "maxWidth", void 0), t([d({ type: String })], g.prototype, "maxHeight", void 0), t([d({ type: String })], g.prototype, "display", void 0), t([d({ type: String })], g.prototype, "overflow", void 0), t([d({ type: String })], g.prototype, "overflowX", void 0), t([d({ type: String })], g.prototype, "overflowY", void 0), t([d({ type: String })], g.prototype, "position", void 0), t([d({ type: String })], g.prototype, "top", void 0), t([d({ type: String })], g.prototype, "right", void 0), t([d({ type: String })], g.prototype, "bottom", void 0), t([d({ type: String })], g.prototype, "left", void 0), t([d({ type: String })], g.prototype, "inset", void 0), t([d({ type: String })], g.prototype, "zIndex", void 0), t([d({ type: String })], g.prototype, "border", void 0), t([d({ type: String })], g.prototype, "borderTop", void 0), t([d({ type: String })], g.prototype, "borderRight", void 0), t([d({ type: String })], g.prototype, "borderBottom", void 0), t([d({ type: String })], g.prototype, "borderLeft", void 0), t([d({ type: String })], g.prototype, "borderColor", void 0), t([d({ type: String })], g.prototype, "borderRadius", void 0), t([d({ type: String })], g.prototype, "borderWidth", void 0), t([d({ type: String })], g.prototype, "boxShadow", void 0), t([d({ type: String })], g.prototype, "opacity", void 0), t([d({ type: String })], g.prototype, "background", void 0), t([d({ type: String })], g.prototype, "backgroundImage", void 0), t([d({ type: String })], g.prototype, "backgroundPosition", void 0), t([d({ type: String })], g.prototype, "backgroundSize", void 0), t([d({ type: String })], g.prototype, "backgroundRepeat", void 0), t([d({ type: String })], g.prototype, "backgroundAttachment", void 0), t([d({ type: String })], g.prototype, "backgroundColor", void 0), t([d({ type: String })], g.prototype, "backgroundClip", void 0), t([d({ type: String })], g.prototype, "backgroundOrigin", void 0), t([d({ type: String })], g.prototype, "backgroundBlendMode", void 0), t([d({ type: String })], g.prototype, "filter", void 0), t([d({ type: String })], g.prototype, "backdropFilter", void 0);
-var _ = class extends g {
-	constructor(...e) {
-		super(...e), this.layout = !0, this.flow = "col", this.wrap = "wrap", this.align = "start", this.justify = "start", this.gap = "none";
-	}
-	static {
-		this.styles = [g.styles, h(":host{background-color:inherit;display:block}")];
-	}
-	render() {
-		return m`
-			<section class=${c({
-			flex: !0,
-			"flex-col": this.flow === "row",
-			"flex-col-reverse": this.flow === "row-reverse",
-			"flex-row": this.flow === "col",
-			"flex-row-reverse": this.flow === "col-reverse",
-			"flex-wrap": this.wrap === "wrap",
-			"flex-wrap-reverse": this.wrap === "wrap-reverse",
-			"flex-nowrap": this.wrap === "nowrap",
-			"items-start": this.align === "start",
-			"items-center": this.align === "center",
-			"items-end": this.align === "end",
-			"items-stretch": this.align === "stretch",
-			"justify-baseline": this.align === "baseline",
-			"justify-center": this.justify === "center",
-			"justify-end": this.justify === "end",
-			"justify-start": this.justify === "start",
-			"justify-stretch": this.justify === "stretch",
-			"justify-between": this.justify === "between",
-			"gap-0": this.gap === "none",
-			"gap-2": this.gap === "sm",
-			"gap-4": this.gap === "md",
-			"gap-8": this.gap === "lg"
-		})} style=${l({})}>
-				<slot></slot>
-			</section>
-		`;
-	}
-};
-t([d({
-	type: String,
-	reflect: !0
-})], _.prototype, "flow", void 0), t([d({
-	type: String,
-	reflect: !0
-})], _.prototype, "wrap", void 0), t([d({
-	type: String,
-	reflect: !0
-})], _.prototype, "align", void 0), t([d({
-	type: String,
-	reflect: !0
-})], _.prototype, "justify", void 0), t([d({
-	type: String,
-	reflect: !0
-})], _.prototype, "gap", void 0), _ = t([u("schmancy-flex")], _);
-var v = class extends g {
-	constructor(...e) {
-		super(...e), this.layout = !0, this.flow = "row", this.align = "stretch", this.justify = "stretch", this.content = "stretch", this.gap = "none", this.wrap = !1;
-	}
-	static {
-		this.styles = [g.styles, h(":host{width:-webkit-fill-available;height:max-content;display:block}")];
-	}
-	firstUpdated() {
-		this.rcols && i(window, "resize").pipe(a((e) => e.target), o(1), a(() => this.clientWidth ? this.clientWidth : window.innerWidth), r(), s(this.disconnecting), n(10), a((e) => {
-			let t;
-			return this.rcols?.["2xl"] && e >= 1536 ? t = this.rcols?.["2xl"] : this.rcols?.xl && e >= 1280 ? t = this.rcols?.xl : this.rcols?.lg && e >= 1024 ? t = this.rcols?.lg : this.rcols?.md && e >= 768 ? t = this.rcols?.md : this.rcols?.sm && e >= 640 ? t = this.rcols?.sm : this.rcols?.xs && e < 640 && (t = this.rcols?.xs), t;
-		})).subscribe((e) => {
-			this.cols = e;
-		});
-	}
-	render() {
-		let e = {
-			"h-full": !0,
-			"grid flex-1": !0,
-			"grid-flow-row auto-rows-max": this.flow === "row",
-			"grid-flow-col auto-cols-max": this.flow === "col",
-			"grid-flow-row-dense": this.flow === "row-dense",
-			"grid-flow-col-dense": this.flow === "col-dense",
-			"grid-flow-dense": this.flow === "dense",
-			"justify-center": this.content === "center",
-			"justify-end": this.content === "end",
-			"justify-start": this.content === "start",
-			"justify-stretch": this.content === "stretch",
-			"justify-between": this.content === "between",
-			"justify-around": this.content === "around",
-			"justify-evenly": this.content === "evenly",
-			"justify-items-center": this.justify === "center",
-			"justify-items-end": this.justify === "end",
-			"justify-items-start": this.justify === "start",
-			"justify-items-stretch": this.justify === "stretch",
-			"items-center": this.align === "center",
-			"items-end": this.align === "end",
-			"items-start": this.align === "start",
-			"items-stretch": this.align === "stretch",
-			"items-baseline": this.align === "baseline",
-			"gap-0": this.gap === "none",
-			"gap-1": this.gap === "xs",
-			"gap-2": this.gap === "sm",
-			"gap-4": this.gap === "md",
-			"gap-8": this.gap === "lg",
-			"flex-nowrap": this.wrap,
-			"flex-wrap": !this.wrap
-		}, t = {
-			gridTemplateRows: this.rows ? this.rows : void 0,
-			gridTemplateColumns: this.cols ? this.cols : void 0
-		};
-		return m`
-			<section class="${this.classMap(e)}" style=${this.styleMap(t)}>
-				<slot> </slot>
-			</section>
-		`;
-	}
-};
-t([d({ type: String })], v.prototype, "flow", void 0), t([d({ type: String })], v.prototype, "align", void 0), t([d({ type: String })], v.prototype, "justify", void 0), t([d({ type: String })], v.prototype, "content", void 0), t([d({ type: String })], v.prototype, "gap", void 0), t([d({ type: String })], v.prototype, "cols", void 0), t([d({ type: String })], v.prototype, "rows", void 0), t([d({ type: Object })], v.prototype, "rcols", void 0), t([d({ type: Boolean })], v.prototype, "wrap", void 0), t([f()], v.prototype, "assignedElements", void 0), v = t([u("schmancy-grid")], v);
-var y = class extends g {
-	constructor(...e) {
-		super(...e), this.inline = !1, this.flow = "row", this.wrap = "wrap", this.align = "stretch", this.justify = "start", this.gap = "none";
-	}
-	static {
-		this.styles = [g.styles, p`
-			:host {
-				display: block;
-			}
-		`];
-	}
-	render() {
-		let e = this.inline ? "inline-flex" : "flex", t = "";
-		switch (this.flow) {
-			case "row":
-			case "row-dense":
-			default:
-				t = "flex-row";
-				break;
-			case "row-reverse":
-				t = "flex-row-reverse";
-				break;
-			case "col":
-			case "col-dense":
-				t = "flex-col";
-				break;
-			case "col-reverse": t = "flex-col-reverse";
-		}
-		let n = "";
-		switch (this.flow === "row-dense" || this.flow === "col-dense" ? "wrap" : this.wrap) {
-			case "wrap":
-			default:
-				n = "flex-wrap";
-				break;
-			case "nowrap":
-				n = "flex-nowrap";
-				break;
-			case "wrap-reverse": n = "flex-wrap-reverse";
-		}
-		let r = "";
-		switch (this.align) {
-			case "start":
-				r = "items-start";
-				break;
-			case "center":
-				r = "items-center";
-				break;
-			case "end":
-				r = "items-end";
-				break;
-			case "stretch":
-			default:
-				r = "items-stretch";
-				break;
-			case "baseline": r = "items-baseline";
-		}
-		let i = "";
-		switch (this.justify) {
-			case "start":
-			default:
-				i = "justify-start";
-				break;
-			case "center":
-				i = "justify-center";
-				break;
-			case "end":
-				i = "justify-end";
-				break;
-			case "between":
-				i = "justify-between";
-				break;
-			case "around":
-				i = "justify-around";
-				break;
-			case "evenly": i = "justify-evenly";
-		}
-		let a = "";
-		if (this.content) switch (this.content) {
-			case "start":
-				a = "content-start";
-				break;
-			case "center":
-				a = "content-center";
-				break;
-			case "end":
-				a = "content-end";
-				break;
-			case "between":
-				a = "content-between";
-				break;
-			case "around":
-				a = "content-around";
-				break;
-			case "evenly": a = "content-evenly";
-		}
-		let o = this.gap === "none" ? "gap-0" : `gap-${this.gap}`;
-		return m`
-			<section class=${[
-			e,
-			t,
-			n,
-			r,
-			i,
-			a,
-			o
-		].filter(Boolean).join(" ")}>
-				<slot></slot>
-			</section>
-		`;
-	}
-};
-t([d({
-	type: Boolean,
-	reflect: !0
-})], y.prototype, "inline", void 0), t([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "flow", void 0), t([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "wrap", void 0), t([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "align", void 0), t([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "justify", void 0), t([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "content", void 0), t([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "gap", void 0), y = t([u("sch-flex")], y);
-export { v as n, _ as r, y as t };

package/dist/layout-Ox6nJkzC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-Ox6nJkzC.js","names":[],"sources":["../src/layout/layout.ts","../src/layout/flex/flex.scss?inline","../src/layout/flex/flex.ts","../src/layout/grid/grid.scss?inline","../src/layout/grid/grid.ts","../src/layout/v2/flex.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\n\n/**\n * @deprecated Use Tailwind CSS utility classes directly on HTML elements instead of this base class.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Use inline styles or Tailwind utility classes for layout properties\n * - Replace properties like padding, margin, width, etc. with their CSS equivalents\n * \n * @class Layout\n */\nexport default class Layout extends TailwindElement() {\n\tstatic styles = [this.styles]\n\tlayout = true\n\t@property({ type: Boolean }) center: boolean | undefined = undefined\n\t@property({ type: String }) padding: string | undefined\n\t@property({ type: String }) margin: string | undefined\n\t@property({ type: String }) width: string | undefined\n\t@property({ type: String }) height: string | undefined\n\t@property({ type: String }) minWidth: string | undefined\n\t@property({ type: String }) minHeight: string | undefined\n\t@property({ type: String }) maxWidth: string | undefined\n\t@property({ type: String }) maxHeight: string | undefined\n\t@property({ type: String }) display:\n\t\t| 'block'\n\t\t| 'inline-block'\n\t\t| 'inline'\n\t\t| 'flex'\n\t\t| 'inline-flex'\n\t\t| 'grid'\n\t\t| 'inline-grid'\n\t\t| 'table'\n\t\t| 'inline-table'\n\t\t| 'flow-root'\n\t\t| 'none'\n\t\t| undefined = undefined\n\t@property({ type: String }) overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined = undefined\n\t@property({ type: String }) top: string | undefined\n\t@property({ type: String }) right: string | undefined\n\t@property({ type: String }) bottom: string | undefined\n\t@property({ type: String }) left: string | undefined\n\t@property({ type: String }) inset: string | undefined\n\t@property({ type: String }) zIndex: string | undefined\n\n\t@property({ type: String }) border: string | undefined\n\t@property({ type: String }) borderTop: string | undefined\n\t@property({ type: String }) borderRight: string | undefined\n\t@property({ type: String }) borderBottom: string | undefined\n\t@property({ type: String }) borderLeft: string | undefined\n\t@property({ type: String }) borderColor: string | undefined\n\t@property({ type: String }) borderRadius: string | undefined\n\t@property({ type: String }) borderWidth: string | undefined\n\n\t@property({ type: String }) boxShadow: string | undefined\n\t@property({ type: String }) opacity: string | undefined\n\t@property({ type: String }) background: string | undefined\n\t@property({ type: String }) backgroundImage: string | undefined\n\t@property({ type: String }) backgroundPosition: string | undefined\n\t@property({ type: String }) backgroundSize: string | undefined\n\t@property({ type: String }) backgroundRepeat: string | undefined\n\t@property({ type: String }) backgroundAttachment: string | undefined\n\t@property({ type: String }) backgroundColor: string | undefined\n\t@property({ type: String }) backgroundClip: string | undefined\n\t@property({ type: String }) backgroundOrigin: string | undefined\n\t@property({ type: String }) backgroundBlendMode: string | undefined\n\t@property({ type: String }) filter: string | undefined\n\t@property({ type: String }) backdropFilter: string | undefined\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.style.setProperty('padding', this.padding ?? '')\n\t\tthis.style.setProperty('margin', this.margin ?? '')\n\t\tthis.style.setProperty('width', this.width ?? '')\n\t\tthis.style.setProperty('height', this.height ?? '')\n\t\tthis.style.setProperty('min-width', this.minWidth ?? '')\n\t\tthis.style.setProperty('min-height', this.minHeight ?? '')\n\t\tthis.style.setProperty('max-width', this.maxWidth ?? '')\n\t\tthis.style.setProperty('max-height', this.maxHeight ?? '')\n\t\tthis.style.setProperty('display', this.display ?? '')\n\t\tthis.style.setProperty('overflow', this.overflow ?? '')\n\t\tthis.style.setProperty('overflow-x', this.overflowX ?? '')\n\t\tthis.style.setProperty('overflow-y', this.overflowY ?? '')\n\t\tthis.style.setProperty('position', this.position ?? '')\n\t\tthis.style.setProperty('top', this.top ?? '')\n\t\tthis.style.setProperty('right', this.right ?? '')\n\t\tthis.style.setProperty('bottom', this.bottom ?? '')\n\t\tthis.style.setProperty('left', this.left ?? '')\n\t\tthis.style.setProperty('inset', this.inset ?? '')\n\t\tthis.style.setProperty('z-index', this.zIndex ?? '')\n\t\tthis.style.setProperty('border', this.border ?? '')\n\t\tthis.style.setProperty('border-top', this.borderTop ?? '')\n\t\tthis.style.setProperty('border-right', this.borderRight ?? '')\n\t\tthis.style.setProperty('border-bottom', this.borderBottom ?? '')\n\t\tthis.style.setProperty('border-left', this.borderLeft ?? '')\n\t\tthis.style.setProperty('border-color', this.borderColor ?? '')\n\t\tthis.style.setProperty('border-radius', this.borderRadius ?? '')\n\t\tthis.style.setProperty('border-width', this.borderWidth ?? '')\n\t\tthis.style.setProperty('box-shadow', this.boxShadow ?? '')\n\t\tthis.style.setProperty('opacity', this.opacity ?? '')\n\t\tthis.style.setProperty('background', this.background ?? '')\n\t\tthis.style.setProperty('background-image', this.backgroundImage ?? '')\n\t\tthis.style.setProperty('background-position', this.backgroundPosition ?? '')\n\t\tthis.style.setProperty('background-size', this.backgroundSize ?? '')\n\t\tthis.style.setProperty('background-repeat', this.backgroundRepeat ?? '')\n\t\tthis.style.setProperty('background-attachment', this.backgroundAttachment ?? '')\n\t\tthis.style.setProperty('background-color', this.backgroundColor ?? '')\n\t\tthis.style.setProperty('background-clip', this.backgroundClip ?? '')\n\t\tthis.style.setProperty('background-origin', this.backgroundOrigin ?? '')\n\t\tthis.style.setProperty('background-blend-mode', this.backgroundBlendMode ?? '')\n\t\tthis.style.setProperty('filter', this.filter ?? '')\n\t\tthis.style.setProperty('backdrop-filter', this.backdropFilter ?? '')\n\t\tif (this.center) {\n\t\t\tthis.style.setProperty('margin-left', 'auto')\n\t\t\tthis.style.setProperty('margin-right', 'auto')\n\t\t}\n\t}\n}\n",":host {\n\tdisplay: block;\n\tbackground-color: inherit;\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout'\nimport style from './flex.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * @element schmancy-flex\n */\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String, reflect: true }) flow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\t@property({ type: String, reflect: true }) wrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\t@property({ type: String, reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\t@property({ type: String, reflect: true }) justify: 'start' | 'center' | 'end' | 'stretch' | 'between' = 'start'\n\t@property({ type: String, reflect: true }) gap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\tconst classes = {\n\t\t\tflex: true,\n\t\t\t// Direction\n\t\t\t'flex-col': this.flow === 'row',\n\t\t\t'flex-col-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-row': this.flow === 'col',\n\t\t\t'flex-row-reverse': this.flow === 'col-reverse',\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t// Align\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'justify-baseline': this.align === 'baseline',\n\n\t\t\t// Justify\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-stretch': this.justify === 'stretch',\n\t\t\t'justify-between': this.justify === 'between',\n\n\t\t\t// Gap\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t}\n\n\t\tconst styles = {}\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)} style=${styleMap(styles)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-flex': SchmancyFlex\n\t}\n}\n",":host {\n\theight: max-content;\n\twidth: -webkit-fill-available;\n\tdisplay: block;\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, startWith, takeUntil } from 'rxjs'\nimport Layout from '../layout'\nimport style from './grid.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS grid classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-grid> with <div class=\"grid ...\">\n * - Use Tailwind's grid utilities: grid-cols-*, gap-*, items-*, justify-items-*, etc.\n * \n * @element schmancy-grid\n */\n@customElement('schmancy-grid')\nexport class SchmancyGrid extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String }) flow: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense' = 'row'\n\t@property({ type: String }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\t@property({ type: String }) justify: 'start' | 'center' | 'end' | 'stretch' = 'stretch'\n\t@property({ type: String }) content: 'start' | 'center' | 'end' | 'stretch' | 'around' | 'evenly' | 'between' =\n\t\t'stretch'\n\t@property({ type: String }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' = 'none'\n\n\t@property({ type: String }) cols?: string\n\t@property({ type: String }) rows?: string\n\t@property({ type: Object }) rcols?: {\n\t\txs?: string | number\n\t\tsm?: string | number\n\t\tmd?: string | number\n\t\tlg?: string | number\n\t\txl?: string | number\n\t\t'2xl'?: string | number\n\t}\n\n\t@property({ type: Boolean }) wrap = false\n\n\t@queryAssignedElements() assignedElements!: HTMLElement[]\n\n\tfirstUpdated() {\n\t\tif (this.rcols)\n\t\t\tfromEvent<CustomEvent>(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(event => event.target as Window),\n\t\t\t\t\tstartWith(1),\n\t\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(w => {\n\t\t\t\t\t\tlet cols\n\t\t\t\t\t\tif (this.rcols?.['2xl'] && w >= 1536) cols = this.rcols?.['2xl']\n\t\t\t\t\t\telse if (this.rcols?.xl && w >= 1280) cols = this.rcols?.xl\n\t\t\t\t\t\telse if (this.rcols?.lg && w >= 1024) cols = this.rcols?.lg\n\t\t\t\t\t\telse if (this.rcols?.md && w >= 768) cols = this.rcols?.md\n\t\t\t\t\t\telse if (this.rcols?.sm && w >= 640) cols = this.rcols?.sm\n\t\t\t\t\t\telse if (this.rcols?.xs && w < 640) cols = this.rcols?.xs\n\t\t\t\t\t\treturn cols\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.subscribe(cols => {\n\t\t\t\t\tthis.cols = cols\n\t\t\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full': true,\n\t\t\t'grid flex-1': true,\n\t\t\t// flow classes: https://tailwindcss.com/docs/grid-auto-flow\n\t\t\t'grid-flow-row auto-rows-max': this.flow === 'row',\n\t\t\t'grid-flow-col auto-cols-max': this.flow === 'col',\n\t\t\t'grid-flow-row-dense': this.flow === 'row-dense',\n\t\t\t'grid-flow-col-dense': this.flow === 'col-dense',\n\t\t\t'grid-flow-dense': this.flow === 'dense',\n\n\t\t\t'justify-center': this.content === 'center',\n\t\t\t'justify-end': this.content === 'end',\n\t\t\t'justify-start': this.content === 'start',\n\t\t\t'justify-stretch': this.content === 'stretch',\n\t\t\t'justify-between': this.content === 'between',\n\t\t\t'justify-around': this.content === 'around',\n\t\t\t'justify-evenly': this.content === 'evenly',\n\n\t\t\t'justify-items-center': this.justify === 'center',\n\t\t\t'justify-items-end': this.justify === 'end',\n\t\t\t'justify-items-start': this.justify === 'start',\n\t\t\t'justify-items-stretch': this.justify === 'stretch',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-1': this.gap === 'xs',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t\t'flex-nowrap': this.wrap,\n\t\t\t'flex-wrap': !this.wrap,\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateRows: this.rows ? this.rows : undefined,\n\t\t\tgridTemplateColumns: this.cols ? this.cols : undefined,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"${this.classMap(classes)}\" style=${this.styleMap(style)}>\n\t\t\t\t<slot> </slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-grid': SchmancyGrid\n\t}\n}\n","import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport Layout from '../layout'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <sch-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * Original documentation:\n * \n * SchmancyFlex exposes a flex container with all the Tailwind CSS 4 options:\n *\n * - **Display**: By default uses `flex` but can be set to inline using the `inline` property.\n * - **Flow**: Accepts 'row', 'row-reverse', 'col', 'col-reverse' as well as grid‐like dense variants:\n *    - Dense variants (`row-dense`, `col-dense`) force wrapping.\n * - **Wrap**: 'wrap', 'nowrap', or 'wrap-reverse'\n * - **Align Items**: 'start', 'center', 'end', 'stretch', or 'baseline'\n * - **Justify Content**: 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Align Content** (for multi-line flex containers): 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Gap**: Supports Tailwind’s spacing scale (e.g. 'none', '0', '1', '2', …, '64')\n */\n@customElement('sch-flex')\nexport class SchmancyFlexV2 extends Layout {\n\tstatic styles = [\n\t\tLayout.styles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t`,\n\t]\n\t// If true, the container will use inline-flex instead of flex.\n\t@property({ type: Boolean, reflect: true })\n\tinline = false\n\n\t/**\n\t * Flow property that determines the flex direction.\n\t * Allowed values:\n\t *  - Standard: 'row', 'row-reverse', 'col', 'col-reverse'\n\t *  - Dense variants: 'row-dense', 'col-dense' (dense implies wrapping)\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' | 'row-dense' | 'col-dense' = 'row'\n\n\t/**\n\t * Flex-wrap options:\n\t *  - 'wrap', 'nowrap', or 'wrap-reverse'\n\t */\n\t@property({ type: String, reflect: true })\n\twrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\n\t/**\n\t * Align-items (vertical alignment of flex items):\n\t *  - 'start', 'center', 'end', 'stretch', or 'baseline'\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\n\t/**\n\t * Justify-content (horizontal distribution):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' = 'start'\n\n\t/**\n\t * Align-content (spacing between rows when wrapping):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tcontent?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\n\t/**\n\t * Gap between flex items.\n\t * Options (based on Tailwind CSS 4 spacing scale):\n\t *  - 'none', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '12', '16', '20', '24', '32', '40', '48', '56', or '64'\n\t */\n\t@property({ type: String, reflect: true })\n\tgap:\n\t\t| 'none'\n\t\t| '0'\n\t\t| '1'\n\t\t| '2'\n\t\t| '3'\n\t\t| '4'\n\t\t| '5'\n\t\t| '6'\n\t\t| '7'\n\t\t| '8'\n\t\t| '9'\n\t\t| '10'\n\t\t| '12'\n\t\t| '16'\n\t\t| '20'\n\t\t| '24'\n\t\t| '32'\n\t\t| '40'\n\t\t| '48'\n\t\t| '56'\n\t\t| '64' = 'none'\n\n\trender() {\n\t\t// Determine whether to use inline-flex or flex.\n\t\tconst baseDisplay = this.inline ? 'inline-flex' : 'flex'\n\n\t\t// Map the flow property to a flex-direction class.\n\t\t// (Dense variants use the same class as their standard counterparts.)\n\t\tlet directionClass = ''\n\t\tswitch (this.flow) {\n\t\t\tcase 'row':\n\t\t\tcase 'row-dense':\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t\t\tbreak\n\t\t\tcase 'row-reverse':\n\t\t\t\tdirectionClass = 'flex-row-reverse'\n\t\t\t\tbreak\n\t\t\tcase 'col':\n\t\t\tcase 'col-dense':\n\t\t\t\tdirectionClass = 'flex-col'\n\t\t\t\tbreak\n\t\t\tcase 'col-reverse':\n\t\t\t\tdirectionClass = 'flex-col-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t}\n\n\t\t// Dense variants force wrapping regardless of the wrap property.\n\t\tconst isDense = this.flow === 'row-dense' || this.flow === 'col-dense'\n\t\tconst effectiveWrap = isDense ? 'wrap' : this.wrap\n\n\t\tlet wrapClass = ''\n\t\tswitch (effectiveWrap) {\n\t\t\tcase 'wrap':\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t\t\tbreak\n\t\t\tcase 'nowrap':\n\t\t\t\twrapClass = 'flex-nowrap'\n\t\t\t\tbreak\n\t\t\tcase 'wrap-reverse':\n\t\t\t\twrapClass = 'flex-wrap-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t}\n\n\t\t// Map align-items.\n\t\tlet alignClass = ''\n\t\tswitch (this.align) {\n\t\t\tcase 'start':\n\t\t\t\talignClass = 'items-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\talignClass = 'items-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\talignClass = 'items-end'\n\t\t\t\tbreak\n\t\t\tcase 'stretch':\n\t\t\t\talignClass = 'items-stretch'\n\t\t\t\tbreak\n\t\t\tcase 'baseline':\n\t\t\t\talignClass = 'items-baseline'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\talignClass = 'items-stretch'\n\t\t}\n\n\t\t// Map justify-content.\n\t\tlet justifyClass = ''\n\t\tswitch (this.justify) {\n\t\t\tcase 'start':\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\tjustifyClass = 'justify-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\tjustifyClass = 'justify-end'\n\t\t\t\tbreak\n\t\t\tcase 'between':\n\t\t\t\tjustifyClass = 'justify-between'\n\t\t\t\tbreak\n\t\t\tcase 'around':\n\t\t\t\tjustifyClass = 'justify-around'\n\t\t\t\tbreak\n\t\t\tcase 'evenly':\n\t\t\t\tjustifyClass = 'justify-evenly'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t}\n\n\t\t// Map align-content (if provided).\n\t\tlet contentClass = ''\n\t\tif (this.content) {\n\t\t\tswitch (this.content) {\n\t\t\t\tcase 'start':\n\t\t\t\t\tcontentClass = 'content-start'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'center':\n\t\t\t\t\tcontentClass = 'content-center'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'end':\n\t\t\t\t\tcontentClass = 'content-end'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'between':\n\t\t\t\t\tcontentClass = 'content-between'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'around':\n\t\t\t\t\tcontentClass = 'content-around'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'evenly':\n\t\t\t\t\tcontentClass = 'content-evenly'\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\t// Map gap value.\n\t\tconst gapClass = this.gap === 'none' ? 'gap-0' : `gap-${this.gap}`\n\n\t\t// Build the complete list of classes.\n\t\tconst classes = [baseDisplay, directionClass, wrapClass, alignClass, justifyClass, contentClass, gapClass]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\n\t\treturn html`\n\t\t\t<section class=${classes}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-flex': SchmancyFlexV2\n\t}\n}\n"],"mappings":"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"}

package/dist/lightbox-CY52Z_ig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lightbox-CY52Z_ig.js","names":[],"sources":["../src/lightbox/lightbox.ts","../src/lightbox/flip-directive.ts","../src/lightbox/lightbox.directive.ts","../src/lightbox/lightbox-service.ts"],"sourcesContent":["import { css, html, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { ref, createRef, Ref } from 'lit/directives/ref.js'\nimport { fromEvent } from 'rxjs'\nimport { filter, takeUntil, tap, switchMap, map, first } from 'rxjs/operators'\nimport { $LitElement } from '@mixins/index'\nimport { overlayStack } from '../utils/overlay-stack'\n\n/**\n * Image lightbox — thumbnail grid that opens to a full-screen viewer on click, with keyboard navigation between images.\n *\n * @element schmancy-lightbox\n * @summary Drop-in for galleries / image lists where each thumbnail should expand to fill the viewport. Pass an `images` array of `{ src, alt, caption? }`.\n * @example\n * <schmancy-lightbox .images=${[{ src: '/a.jpg', alt: 'A' }, { src: '/b.jpg', alt: 'B' }]}></schmancy-lightbox>\n * @platform dialog close - Modal full-screen viewer with keyboard navigation. Degrades to a plain image grid if the tag never registers.\n * @fires change - When the active image index changes (next/prev). `detail.index` is the new active image's position in the array.\n * @fires close - When the viewer is dismissed (ESC, backdrop click, close button).\n */\n@customElement('schmancy-lightbox')\nexport class SchmancyLightbox extends $LitElement(css`\n\t:host {\n\t\tdisplay: contents;\n\t}\n`) {\n\t@property({ type: String }) src: string = ''\n\t@property({ type: Array }) images: string[] = []\n\t@property({ type: Number }) initialIndex: number = 0\n\t@property({ type: Boolean }) open: boolean = false\n\n\t@state() private currentIndex: number = 0\n\t@state() private isLoading: boolean = false\n\t@state() private zIndex: number = 10000\n\n\tprivate readonly swipeThreshold = 50\n\tprivate overlayRef: Ref<HTMLDivElement> = createRef()\n\tprivate contentRef: Ref<HTMLDivElement> = createRef()\n\tprivate imageRef: Ref<HTMLImageElement> = createRef()\n\n\tprivate get isGalleryMode(): boolean {\n\t\treturn this.images.length > 0\n\t}\n\n\tprivate get currentImageSrc(): string {\n\t\tif (this.isGalleryMode) {\n\t\t\treturn this.images[this.currentIndex] || ''\n\t\t}\n\t\treturn this.src\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.currentIndex = this.initialIndex\n\t}\n\n\tupdated(changedProperties: PropertyValues) {\n\t\tsuper.updated(changedProperties)\n\n\t\tif (changedProperties.has('open')) {\n\t\t\tif (this.open) {\n\t\t\t\t// Set dynamic z-index for proper stacking with sheets/dialogs\n\t\t\t\tthis.zIndex = overlayStack.getNextZIndex()\n\t\t\t\tdocument.body.style.overflow = 'hidden'\n\t\t\t\tthis.animateIn()\n\t\t\t\tthis.setupEventListeners()\n\t\t\t} else {\n\t\t\t\tdocument.body.style.overflow = ''\n\t\t\t\tthis.animateOut()\n\t\t\t}\n\t\t}\n\n\t\tif (changedProperties.has('initialIndex')) {\n\t\t\tthis.currentIndex = this.initialIndex\n\t\t}\n\n\t\tif (changedProperties.has('currentIndex') && this.open) {\n\t\t\tthis.animateImageChange()\n\t\t}\n\t}\n\n\tprivate animateIn() {\n\t\tconst overlay = this.overlayRef.value\n\t\tconst content = this.contentRef.value\n\t\tconst image = this.imageRef.value\n\n\t\tif (overlay) {\n\t\t\t// Set initial styles\n\t\t\toverlay.style.backgroundColor = 'rgba(0, 0, 0, 0)'\n\t\t\toverlay.style.opacity = '0'\n\n\t\t\t// Animate to visible state\n\t\t\toverlay.animate(\n\t\t\t\t[\n\t\t\t\t\t{ opacity: 0 },\n\t\t\t\t\t{ opacity: 1 },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 300,\n\t\t\t\t\teasing: 'cubic-bezier(0.25, 1, 0.5, 1)',\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\n\t\t\t// Manually set background color after a tick\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\toverlay.style.backgroundColor = 'rgba(0, 0, 0, 0.95)'\n\t\t\t})\n\t\t}\n\n\t\tif (content) {\n\t\t\tcontent.animate(\n\t\t\t\t[\n\t\t\t\t\t{ transform: 'scale(0.95)', opacity: 0 },\n\t\t\t\t\t{ transform: 'scale(1)', opacity: 1 },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 400,\n\t\t\t\t\tdelay: 100,\n\t\t\t\t\teasing: 'cubic-bezier(0.34, 1.56, 0.64, 1)', // Spring effect\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t}\n\n\t\tif (image) {\n\t\t\timage.animate(\n\t\t\t\t[\n\t\t\t\t\t{ opacity: 0, transform: 'scale(0.98)' },\n\t\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 350,\n\t\t\t\t\tdelay: 150,\n\t\t\t\t\teasing: 'cubic-bezier(0.25, 1, 0.5, 1)',\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t}\n\t}\n\n\tprivate animateOut() {\n\t\tconst overlay = this.overlayRef.value\n\t\tconst content = this.contentRef.value\n\t\tconst image = this.imageRef.value\n\n\t\tif (image) {\n\t\t\timage.animate(\n\t\t\t\t[\n\t\t\t\t\t{ transform: 'scale(1)', opacity: 1 },\n\t\t\t\t\t{ transform: 'scale(0.95)', opacity: 0 },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 200,\n\t\t\t\t\teasing: 'ease-out',\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t}\n\n\t\tif (content) {\n\t\t\tcontent.animate(\n\t\t\t\t[\n\t\t\t\t\t{ transform: 'scale(1)', opacity: 1 },\n\t\t\t\t\t{ transform: 'scale(0.95)', opacity: 0 },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 250,\n\t\t\t\t\teasing: 'ease-out',\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t}\n\n\t\tif (overlay) {\n\t\t\tconst animation = overlay.animate(\n\t\t\t\t[\n\t\t\t\t\t{ opacity: 1 },\n\t\t\t\t\t{ opacity: 0 },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 250,\n\t\t\t\t\tdelay: 50,\n\t\t\t\t\teasing: 'ease-out',\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\n\t\t\tanimation.onfinish = () => {\n\t\t\t\t// Reset background color\n\t\t\t\toverlay.style.backgroundColor = 'rgba(0, 0, 0, 0)'\n\t\t\t\toverlayStack.release()\n\t\t\t\tthis.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }))\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate animateImageChange() {\n\t\tconst image = this.imageRef.value\n\t\tif (!image) return\n\n\t\t// Fade out\n\t\tconst fadeOut = image.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t\t{ opacity: 0, transform: 'scale(0.98)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 150,\n\t\t\t\teasing: 'ease-out',\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t)\n\n\t\t// Fade in after fade out completes\n\t\tfadeOut.onfinish = () => {\n\t\t\timage.animate(\n\t\t\t\t[\n\t\t\t\t\t{ opacity: 0, transform: 'scale(0.98)' },\n\t\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 200,\n\t\t\t\t\teasing: 'cubic-bezier(0.25, 1, 0.5, 1)',\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t}\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Keyboard navigation\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(\n\t\t\t\tfilter(() => this.open),\n\t\t\t\ttap(e => {\n\t\t\t\t\tswitch (e.key) {\n\t\t\t\t\t\tcase 'Escape':\n\t\t\t\t\t\t\tthis.handleClose()\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\tcase 'ArrowLeft':\n\t\t\t\t\t\t\tthis.handlePrevious()\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\tcase 'ArrowRight':\n\t\t\t\t\t\t\tthis.handleNext()\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Touch/swipe events for mobile\n\t\tif (!this.isGalleryMode || this.images.length <= 1) return\n\n\t\tconst content = this.contentRef.value\n\t\tif (!content) return\n\n\t\tconst touchStart$ = fromEvent<TouchEvent>(content, 'touchstart')\n\t\tconst touchEnd$ = fromEvent<TouchEvent>(content, 'touchend')\n\n\t\ttouchStart$\n\t\t\t.pipe(\n\t\t\t\tswitchMap(startEvent => {\n\t\t\t\t\tconst startX = startEvent.touches[0].clientX\n\t\t\t\t\treturn touchEnd$.pipe(\n\t\t\t\t\t\tfirst(),\n\t\t\t\t\t\tmap(endEvent => {\n\t\t\t\t\t\t\tconst endX = endEvent.changedTouches[0].clientX\n\t\t\t\t\t\t\treturn endX - startX\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t\tfilter(distance => Math.abs(distance) > this.swipeThreshold),\n\t\t\t\ttap(distance => (distance > 0 ? this.handlePrevious() : this.handleNext())),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate handleClose = () => {\n\t\tthis.open = false\n\t}\n\n\tprivate handlePrevious = () => {\n\t\tif (this.isGalleryMode && this.images.length > 1) {\n\t\t\tthis.isLoading = true\n\t\t\tthis.currentIndex = (this.currentIndex - 1 + this.images.length) % this.images.length\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { index: this.currentIndex },\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}\n\t}\n\n\tprivate handleNext = () => {\n\t\tif (this.isGalleryMode && this.images.length > 1) {\n\t\t\tthis.isLoading = true\n\t\t\tthis.currentIndex = (this.currentIndex + 1) % this.images.length\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { index: this.currentIndex },\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}\n\t}\n\n\tprivate handleImageLoad = () => {\n\t\tthis.isLoading = false\n\t}\n\n\tprivate handleOverlayClick = (e: Event) => {\n\t\t// Close when clicking the overlay (not the content)\n\t\tif (e.target === e.currentTarget) {\n\t\t\tthis.handleClose()\n\t\t}\n\t}\n\n\trender() {\n\t\tif (!this.open) return html``\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\t${ref(this.overlayRef)}\n\t\t\t\tclass=\"fixed inset-0 flex items-center justify-center backdrop-blur-sm\"\n\t\t\t\tstyle=\"z-index: ${this.zIndex}\"\n\t\t\t\t@click=${this.handleOverlayClick}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\t${ref(this.contentRef)}\n\t\t\t\t\tclass=\"relative max-w-[90vw] max-h-[90vh]\"\n\t\t\t\t\t@click=${(e: Event) => e.stopPropagation()}\n\t\t\t\t>\n\t\t\t\t\t<!-- Close Button -->\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"absolute top-4 right-4 md:top-4 md:right-4 sm:top-2 sm:right-2 bg-white/15 backdrop-blur-md border border-white/20 text-white w-11 h-11 rounded-full flex items-center justify-center cursor-pointer z-10 transition-all duration-200 hover:bg-white/25 hover:scale-105 active:scale-95\"\n\t\t\t\t\t\t@click=${this.handleClose}\n\t\t\t\t\t\taria-label=\"Close lightbox\"\n\t\t\t\t\t\ttitle=\"Close (Esc)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-icon>close</schmancy-icon>\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<!-- Touch Zones for Gallery Navigation -->\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.isGalleryMode && this.images.length > 1,\n\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"absolute top-0 bottom-0 left-0 w-1/3 cursor-pointer z-5\"\n\t\t\t\t\t\t\t\t@click=${this.handlePrevious}\n\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"absolute top-0 bottom-0 right-0 w-1/3 cursor-pointer z-5\"\n\t\t\t\t\t\t\t\t@click=${this.handleNext}\n\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t`,\n\t\t\t\t\t)}\n\n\t\t\t\t\t<!-- Loading Spinner -->\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.isLoading,\n\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t<div class=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\">\n\t\t\t\t\t\t\t\t<schmancy-progress indeterminate></schmancy-progress>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`,\n\t\t\t\t\t)}\n\n\t\t\t\t\t<!-- Main Image -->\n\t\t\t\t\t<img\n\t\t\t\t\t\t${ref(this.imageRef)}\n\t\t\t\t\t\tclass=\"max-w-[90vw] max-h-[90vh] object-contain rounded select-none touch-pinch-zoom ${this\n\t\t\t\t\t\t\t.isGalleryMode\n\t\t\t\t\t\t\t? 'cursor-default'\n\t\t\t\t\t\t\t: 'cursor-pointer'}\"\n\t\t\t\t\t\t.src=${this.currentImageSrc}\n\t\t\t\t\t\talt=\"Full size image\"\n\t\t\t\t\t\t@load=${this.handleImageLoad}\n\t\t\t\t\t\t@click=${() => (!this.isGalleryMode ? this.handleClose() : null)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<!-- Navigation Controls (Gallery Mode Only) -->\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.isGalleryMode && this.images.length > 1,\n\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"absolute bottom-[-3.5rem] md:bottom-[-3.5rem] sm:bottom-[-3rem] left-1/2 -translate-x-1/2 flex items-center gap-4 z-10\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"bg-white/15 backdrop-blur-md border border-white/20 text-white w-10 h-10 rounded-full flex items-center justify-center cursor-pointer transition-all duration-200 hover:bg-white/25 hover:scale-105 active:scale-95\"\n\t\t\t\t\t\t\t\t\t@click=${this.handlePrevious}\n\t\t\t\t\t\t\t\t\taria-label=\"Previous image\"\n\t\t\t\t\t\t\t\t\ttitle=\"Previous (←)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<schmancy-icon>arrow_back</schmancy-icon>\n\t\t\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t\t\t<div class=\"text-white text-base font-medium min-w-16 text-center\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t${this.currentIndex + 1} / ${this.images.length}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"bg-white/15 backdrop-blur-md border border-white/20 text-white w-10 h-10 rounded-full flex items-center justify-center cursor-pointer transition-all duration-200 hover:bg-white/25 hover:scale-105 active:scale-95\"\n\t\t\t\t\t\t\t\t\t@click=${this.handleNext}\n\t\t\t\t\t\t\t\t\taria-label=\"Next image\"\n\t\t\t\t\t\t\t\t\ttitle=\"Next (→)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<schmancy-icon>arrow_forward</schmancy-icon>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`,\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-lightbox': SchmancyLightbox\n\t}\n}\n","import { directive, PartInfo, PartType, ElementPart } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { noChange } from 'lit'\n\nexport interface FlipOptions {\n\t/** Source element to animate from (uses element's bounding rect) */\n\tsourceElement?: HTMLElement\n\t/** Click position - can be MouseEvent, TouchEvent, or {x, y} coordinates */\n\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\t/** Animation duration in ms (total for both stages) */\n\tduration?: number\n\t/** CSS easing function */\n\teasing?: string\n\t/** Whether to animate scale (default: true) */\n\tscale?: boolean\n\t/** Enable blackbird two-stage arc animation (default: true) */\n\tblackbird?: boolean\n}\n\n/** Extract x,y coordinates from various position inputs */\nfunction extractPosition(pos: FlipOptions['position']): { x: number; y: number } | null {\n\tif (!pos) return null\n\n\tif ('clientX' in pos) {\n\t\t// MouseEvent\n\t\treturn { x: pos.clientX, y: pos.clientY }\n\t} else if ('touches' in pos && pos.touches.length) {\n\t\t// TouchEvent\n\t\treturn { x: pos.touches[0].clientX, y: pos.touches[0].clientY }\n\t} else if ('x' in pos && 'y' in pos) {\n\t\t// Position object\n\t\treturn { x: pos.x, y: pos.y }\n\t}\n\n\treturn null\n}\n\n/**\n * Calculate arc control point for bird-like curved trajectory\n * Birds arc UP when taking off and arc DOWN when landing\n */\nfunction calculateArcPoint(\n\tstart: { x: number; y: number },\n\tend: { x: number; y: number },\n\tarcDirection: 'up' | 'down' = 'up',\n\tintensity: number = 0.3,\n): { x: number; y: number } {\n\tconst midX = (start.x + end.x) / 2\n\tconst midY = (start.y + end.y) / 2\n\tconst distance = Math.sqrt(Math.pow(end.x - start.x, 2) + Math.pow(end.y - start.y, 2))\n\n\t// Arc height proportional to distance, but capped\n\tconst arcHeight = Math.min(distance * intensity, 150)\n\n\treturn {\n\t\tx: midX,\n\t\ty: arcDirection === 'up' ? midY - arcHeight : midY + arcHeight,\n\t}\n}\n\nclass FlipDirective extends AsyncDirective {\n\tprivate element?: HTMLElement\n\tprivate hasAnimated = false\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('flip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(_options?: FlipOptions) {\n\t\treturn noChange\n\t}\n\n\tupdate(part: ElementPart, [options]: [FlipOptions?]) {\n\t\tthis.element = part.element as HTMLElement\n\n\t\t// Animate if we have either a source element or position\n\t\tconst hasSource = options?.sourceElement || options?.position\n\t\tif (!this.hasAnimated && hasSource) {\n\t\t\tthis.hasAnimated = true\n\t\t\tthis.animateIn(options)\n\t\t}\n\n\t\treturn noChange\n\t}\n\n\tprivate animateIn(options?: FlipOptions) {\n\t\tif (!this.element) return\n\n\t\t// Check reduced motion preference\n\t\tif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return\n\n\t\tconst totalDuration = options?.duration ?? 600\n\t\tconst animateScale = options?.scale !== false\n\t\tconst useBlackbird = options?.blackbird !== false\n\n\t\t// Get positions\n\t\tconst clickPos = extractPosition(options?.position)\n\t\tconst sourceRect = options?.sourceElement?.getBoundingClientRect()\n\n\t\tconst animate = () => {\n\t\t\tconst targetRect = this.element!.getBoundingClientRect()\n\t\t\tconst targetCenter = {\n\t\t\t\tx: targetRect.left + targetRect.width / 2,\n\t\t\t\ty: targetRect.top + targetRect.height / 2,\n\t\t\t}\n\n\t\t\t// Determine source point\n\t\t\tlet sourceCenter: { x: number; y: number }\n\t\t\tlet sourceScale = { x: 0.1, y: 0.1 }\n\n\t\t\tif (sourceRect) {\n\t\t\t\tsourceCenter = {\n\t\t\t\t\tx: sourceRect.left + sourceRect.width / 2,\n\t\t\t\t\ty: sourceRect.top + sourceRect.height / 2,\n\t\t\t\t}\n\t\t\t\tif (animateScale) {\n\t\t\t\t\tsourceScale = {\n\t\t\t\t\t\tx: sourceRect.width / targetRect.width,\n\t\t\t\t\t\ty: sourceRect.height / targetRect.height,\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (clickPos) {\n\t\t\t\tsourceCenter = clickPos\n\t\t\t} else {\n\t\t\t\tsourceCenter = { x: window.innerWidth / 2, y: window.innerHeight / 2 }\n\t\t\t}\n\n\t\t\t// Calculate deltas from target (where element is) to source (where we start)\n\t\t\tconst sourceDelta = {\n\t\t\t\tx: sourceCenter.x - targetCenter.x,\n\t\t\t\ty: sourceCenter.y - targetCenter.y,\n\t\t\t}\n\n\t\t\tif (useBlackbird && clickPos && sourceRect) {\n\t\t\t\t// TWO-STAGE BLACKBIRD ANIMATION\n\t\t\t\t// Stage 1: Source element → Click position (takeoff arc - UP)\n\t\t\t\t// Stage 2: Click position → Final destination (landing arc - DOWN)\n\n\t\t\t\tconst clickDelta = {\n\t\t\t\t\tx: clickPos.x - targetCenter.x,\n\t\t\t\t\ty: clickPos.y - targetCenter.y,\n\t\t\t\t}\n\n\t\t\t\t// Calculate arc control points\n\t\t\t\tconst takeoffArc = calculateArcPoint(sourceCenter, clickPos, 'up', 0.4)\n\t\t\t\tconst landingArc = calculateArcPoint(clickPos, targetCenter, 'down', 0.3)\n\n\t\t\t\t// Arc deltas relative to target\n\t\t\t\tconst takeoffArcDelta = {\n\t\t\t\t\tx: takeoffArc.x - targetCenter.x,\n\t\t\t\t\ty: takeoffArc.y - targetCenter.y,\n\t\t\t\t}\n\t\t\t\tconst landingArcDelta = {\n\t\t\t\t\tx: landingArc.x - targetCenter.x,\n\t\t\t\t\ty: landingArc.y - targetCenter.y,\n\t\t\t\t}\n\n\t\t\t\t// Intermediate scale at click position\n\t\t\t\tconst midScale = 0.3\n\n\t\t\t\t// Create keyframes for two-stage arc animation\n\t\t\t\t// 0% → 25% → 50% → 75% → 100%\n\t\t\t\t// Source → Takeoff Arc → Click → Landing Arc → Final\n\t\t\t\tthis.element!.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// 0% - Start at source element\n\t\t\t\t\t\t\ttransform: `translate(${sourceDelta.x}px, ${sourceDelta.y}px) scale(${sourceScale.x}, ${sourceScale.y})`,\n\t\t\t\t\t\t\topacity: 0.6,\n\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// 25% - Peak of takeoff arc (bird lifts up)\n\t\t\t\t\t\t\ttransform: `translate(${takeoffArcDelta.x}px, ${takeoffArcDelta.y}px) scale(${midScale * 0.7})`,\n\t\t\t\t\t\t\topacity: 0.8,\n\t\t\t\t\t\t\toffset: 0.25,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// 50% - At click position (transition point)\n\t\t\t\t\t\t\ttransform: `translate(${clickDelta.x}px, ${clickDelta.y}px) scale(${midScale})`,\n\t\t\t\t\t\t\topacity: 0.9,\n\t\t\t\t\t\t\toffset: 0.5,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// 75% - Landing arc (bird descends toward target)\n\t\t\t\t\t\t\ttransform: `translate(${landingArcDelta.x}px, ${landingArcDelta.y}px) scale(0.6)`,\n\t\t\t\t\t\t\topacity: 0.95,\n\t\t\t\t\t\t\toffset: 0.75,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// 100% - Final position\n\t\t\t\t\t\t\ttransform: 'translate(0, 0) scale(1)',\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: totalDuration,\n\t\t\t\t\t\teasing: 'cubic-bezier(0.34, 1.2, 0.64, 1)', // Slight overshoot for organic feel\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t} else if (useBlackbird && clickPos) {\n\t\t\t\t// SINGLE-STAGE with arc (click position to final)\n\t\t\t\tconst arcPoint = calculateArcPoint(clickPos, targetCenter, 'down', 0.35)\n\t\t\t\tconst arcDelta = {\n\t\t\t\t\tx: arcPoint.x - targetCenter.x,\n\t\t\t\t\ty: arcPoint.y - targetCenter.y,\n\t\t\t\t}\n\n\t\t\t\tthis.element!.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttransform: `translate(${sourceDelta.x}px, ${sourceDelta.y}px) scale(0.1)`,\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttransform: `translate(${arcDelta.x}px, ${arcDelta.y}px) scale(0.5)`,\n\t\t\t\t\t\t\topacity: 0.8,\n\t\t\t\t\t\t\toffset: 0.5,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttransform: 'translate(0, 0) scale(1)',\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: totalDuration,\n\t\t\t\t\t\teasing: 'cubic-bezier(0.34, 1.2, 0.64, 1)',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t} else {\n\t\t\t\t// SIMPLE animation (fallback)\n\t\t\t\tthis.element!.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttransform: `translate(${sourceDelta.x}px, ${sourceDelta.y}px) scale(${sourceScale.x}, ${sourceScale.y})`,\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{ transform: 'translate(0, 0) scale(1, 1)', opacity: 1 },\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: totalDuration,\n\t\t\t\t\t\teasing: options?.easing ?? 'cubic-bezier(0.34, 1.56, 0.64, 1)',\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\t// Handle image loading\n\t\tif (this.element instanceof HTMLImageElement) {\n\t\t\tif (this.element.complete) {\n\t\t\t\trequestAnimationFrame(animate)\n\t\t\t} else {\n\t\t\t\tthis.element.onload = () => requestAnimationFrame(animate)\n\t\t\t}\n\t\t} else {\n\t\t\trequestAnimationFrame(animate)\n\t\t}\n\t}\n}\n\nexport const flip = directive(FlipDirective)\n","import { directive, PartInfo, PartType, ElementPart } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { noChange, TemplateResult } from 'lit'\nimport { html, render } from 'lit'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { flip } from './flip-directive.js'\n\nexport interface LightboxOptions {\n\timages?: string[]\n\tindex?: number\n\toverlay?: TemplateResult\n}\n\nclass LightboxDirective extends AsyncDirective {\n\tprivate element?: HTMLImageElement\n\tprivate clickHandler?: EventListener\n\tprivate keyHandler?: EventListener\n\tprivate overlayElement?: HTMLDivElement\n\tprivate currentIndex = 0\n\tprivate images: string[] = []\n\tprivate overlay?: TemplateResult\n\tprivate clickPosition?: { x: number; y: number }\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('lightbox directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(_options?: LightboxOptions) {\n\t\treturn noChange\n\t}\n\n\tupdate(part: ElementPart, [options]: [LightboxOptions?]) {\n\t\tthis.element = part.element as HTMLImageElement\n\n\t\t// Setup click handler\n\t\tif (!this.clickHandler) {\n\t\t\tthis.clickHandler = (e: Event) => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\n\t\t\t\t// Capture click position from MouseEvent or TouchEvent\n\t\t\t\tif ('clientX' in e) {\n\t\t\t\t\tthis.clickPosition = { x: (e as MouseEvent).clientX, y: (e as MouseEvent).clientY }\n\t\t\t\t} else if ('touches' in e && (e as TouchEvent).touches.length) {\n\t\t\t\t\tconst touch = (e as TouchEvent).touches[0]\n\t\t\t\t\tthis.clickPosition = { x: touch.clientX, y: touch.clientY }\n\t\t\t\t}\n\n\t\t\t\tif (options?.images && options.images.length > 0) {\n\t\t\t\t\tthis.images = options.images\n\t\t\t\t\tthis.currentIndex = options.index || 0\n\t\t\t\t} else {\n\t\t\t\t\tthis.images = [this.element!.src]\n\t\t\t\t\tthis.currentIndex = 0\n\t\t\t\t}\n\t\t\t\tthis.overlay = options?.overlay\n\n\t\t\t\tthis.open()\n\t\t\t}\n\n\t\t\tthis.element.addEventListener('click', this.clickHandler)\n\t\t\tthis.element.style.cursor = 'pointer'\n\t\t\tthis.element.classList.add('hover:opacity-80', 'transition-opacity')\n\t\t}\n\n\t\treturn noChange\n\t}\n\n\tprivate open() {\n\t\t// Create overlay container with flex centering\n\t\tthis.overlayElement = document.createElement('div')\n\t\tthis.overlayElement.className = 'fixed inset-0 flex items-center justify-center opacity-0 bg-black/95 backdrop-blur-sm'\n\t\tthis.overlayElement.style.zIndex = '1000'\n\n\t\t// Render lightbox content using Lit\n\t\trender(this.renderLightbox(), this.overlayElement)\n\n\t\t// Add to body\n\t\tdocument.body.appendChild(this.overlayElement)\n\t\tdocument.body.style.overflow = 'hidden'\n\n\t\t// Animate in overlay\n\t\trequestAnimationFrame(() => {\n\t\t\tthis.overlayElement!.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\tduration: 300,\n\t\t\t\teasing: 'cubic-bezier(0.25, 1, 0.5, 1)',\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t})\n\n\t\t// Setup keyboard\n\t\tthis.keyHandler = (e: KeyboardEvent) => {\n\t\t\tif (e.key === 'Escape') this.close()\n\t\t\tif (e.key === 'ArrowLeft' && this.images.length > 1) this.prev()\n\t\t\tif (e.key === 'ArrowRight' && this.images.length > 1) this.next()\n\t\t}\n\t\tdocument.addEventListener('keydown', this.keyHandler)\n\n\t\t// Click overlay to close\n\t\tthis.overlayElement.addEventListener('click', e => {\n\t\t\tif (e.target === this.overlayElement) this.close()\n\t\t})\n\t}\n\n\tprivate close() {\n\t\tif (!this.overlayElement) return\n\n\t\tconst contentContainer = this.overlayElement.querySelector('[data-lightbox-content]') as HTMLElement\n\n\t\t// Animate back to click position\n\t\tif (contentContainer && this.clickPosition) {\n\t\t\tconst rect = contentContainer.getBoundingClientRect()\n\n\t\t\t// Animate container shrinking toward click point\n\t\t\tconst deltaX = this.clickPosition.x - (rect.left + rect.width / 2)\n\t\t\tconst deltaY = this.clickPosition.y - (rect.top + rect.height / 2)\n\n\t\t\tconst containerAnim = contentContainer.animate(\n\t\t\t\t[\n\t\t\t\t\t{ transform: 'translate(0, 0) scale(1)', opacity: 1 },\n\t\t\t\t\t{ transform: `translate(${deltaX}px, ${deltaY}px) scale(0.1)`, opacity: 0 },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 300,\n\t\t\t\t\teasing: 'cubic-bezier(0.4, 0, 0.2, 1)',\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\n\t\t\tthis.overlayElement.animate([{ opacity: 1 }, { opacity: 0 }], {\n\t\t\t\tduration: 250,\n\t\t\t\teasing: 'ease-out',\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\n\t\t\tcontainerAnim.onfinish = () => {\n\t\t\t\tthis.overlayElement?.remove()\n\t\t\t\tthis.overlayElement = undefined\n\t\t\t\tdocument.body.style.overflow = ''\n\t\t\t}\n\t\t} else {\n\t\t\t// Fallback to simple fade\n\t\t\tconst animation = this.overlayElement.animate([{ opacity: 1 }, { opacity: 0 }], {\n\t\t\t\tduration: 250,\n\t\t\t\teasing: 'ease-out',\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\n\t\t\tanimation.onfinish = () => {\n\t\t\t\tthis.overlayElement?.remove()\n\t\t\t\tthis.overlayElement = undefined\n\t\t\t\tdocument.body.style.overflow = ''\n\t\t\t}\n\t\t}\n\n\t\tif (this.keyHandler) {\n\t\t\tdocument.removeEventListener('keydown', this.keyHandler)\n\t\t\tthis.keyHandler = undefined\n\t\t}\n\t}\n\n\tprivate prev() {\n\t\tthis.currentIndex = (this.currentIndex - 1 + this.images.length) % this.images.length\n\t\tthis.updateImage()\n\t}\n\n\tprivate next() {\n\t\tthis.currentIndex = (this.currentIndex + 1) % this.images.length\n\t\tthis.updateImage()\n\t}\n\n\tprivate updateImage() {\n\t\tif (!this.overlayElement) return\n\t\trender(this.renderLightbox(), this.overlayElement)\n\t}\n\n\tprivate renderLightbox() {\n\t\tconst currentSrc = this.images[this.currentIndex]\n\t\tconst isGallery = this.images.length > 1\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tdata-lightbox-content\n\t\t\t\tclass=\"relative\"\n\t\t\t\tstyle=${styleMap({\n\t\t\t\t\ttransformOrigin: 'center center',\n\t\t\t\t})}\n\t\t\t\t@click=${(e: Event) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t<!-- Close button -->\n\t\t\t\t<button\n\t\t\t\t\tclass=\"absolute top-2 right-2 z-10 w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center text-white transition-colors\"\n\t\t\t\t\t@click=${() => this.close()}\n\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"text-2xl\">×</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Image container with optional overlay -->\n\t\t\t\t<div class=\"relative\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=${currentSrc}\n\t\t\t\t\t\t${flip({\n\t\t\t\t\t\t\tsourceElement: this.element,\n\t\t\t\t\t\t\tposition: this.clickPosition,\n\t\t\t\t\t\t\tduration: 600,\n\t\t\t\t\t\t\tscale: true,\n\t\t\t\t\t\t\tblackbird: true,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"object-contain rounded-lg\"\n\t\t\t\t\t\tstyle=\"max-height: calc(100vh - 40px); max-width: 90vw;\"\n\t\t\t\t\t\t@click=${() => !isGallery && this.close()}\n\t\t\t\t\t/>\n\t\t\t\t\t${this.overlay ? this.overlay : ''}\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Gallery controls -->\n\t\t\t\t${isGallery\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div class=\"flex items-center justify-center gap-4 text-white mt-4\">\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center transition-colors\"\n\t\t\t\t\t\t\t\t\t@click=${() => this.prev()}\n\t\t\t\t\t\t\t\t\taria-label=\"Previous\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t←\n\t\t\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t\t\t<div class=\"text-lg\">${this.currentIndex + 1} / ${this.images.length}</div>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center transition-colors\"\n\t\t\t\t\t\t\t\t\t@click=${() => this.next()}\n\t\t\t\t\t\t\t\t\taria-label=\"Next\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t→\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tdisconnected() {\n\t\tif (this.element && this.clickHandler) {\n\t\t\tthis.element.removeEventListener('click', this.clickHandler)\n\t\t}\n\t\tthis.close()\n\t}\n}\n\nexport const lightbox = directive(LightboxDirective)\n","import { filter, fromEvent, map, Subject, switchMap, takeUntil, tap } from 'rxjs'\nimport { html, render } from 'lit'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { ComponentType } from '../area/router.types'\nimport { discoverComponent } from '@mixins/discovery.service'\nimport { overlayStack } from '../utils/overlay-stack'\nimport { lightbox as lightboxDirective, type LightboxOptions } from './lightbox.directive'\n\nexport type LightboxConfig = {\n\t// Image mode\n\timage?: string\n\timages?: string[]\n\tindex?: number\n\toverlay?: ComponentType\n\n\t// Component-only mode (no image background)\n\tcomponent?: ComponentType\n\n\tprops?: Record<string, unknown>\n}\n\n\n/**\n * Lightbox service for centralized lightbox management.\n * Follows the same patterns as DialogService.\n */\nclass LightboxService {\n\tprivate static instance: LightboxService\n\n\t// Subject for lightbox opening requests\n\tprivate pushSubject = new Subject<LightboxConfig>()\n\n\t// Subject for lightbox dismissal requests\n\tprivate dismissSubject = new Subject<void>()\n\n\t// Track active lightbox\n\tprivate activeLightbox?: {\n\t\telement: HTMLDivElement\n\t\tconfig: LightboxConfig\n\t\tcurrentIndex: number\n\t\timages: string[]\n\t}\n\n\tprivate constructor() {\n\t\tthis.setupLightboxOpeningLogic()\n\t\tthis.setupLightboxDismissLogic()\n\t}\n\n\t/**\n\t * Get the singleton instance\n\t */\n\tpublic static getInstance(): LightboxService {\n\t\tif (!LightboxService.instance) {\n\t\t\tLightboxService.instance = new LightboxService()\n\t\t}\n\t\treturn LightboxService.instance\n\t}\n\n\t/**\n\t * Sets up the main lightbox opening logic using RxJS pipes\n\t */\n\tprivate setupLightboxOpeningLogic() {\n\t\tthis.pushSubject\n\t\t\t.pipe(\n\t\t\t\tswitchMap(config => {\n\t\t\t\t\t// Use discoverComponent to find schmancy-theme (same pattern as sheet.service.ts)\n\t\t\t\t\treturn discoverComponent<HTMLElement>('schmancy-theme').pipe(\n\t\t\t\t\t\tmap(theme => {\n\t\t\t\t\t\t\t// Determine container - use theme or fallback to body\n\t\t\t\t\t\t\tconst container = theme || document.body\n\n\t\t\t\t\t\t\t// Create overlay element\n\t\t\t\t\t\t\tconst overlay = document.createElement('div')\n\t\t\t\t\t\t\toverlay.className = 'fixed inset-0 flex items-center justify-center opacity-0 bg-black/95 backdrop-blur-sm'\n\t\t\t\t\t\t\toverlay.style.zIndex = String(overlayStack.getNextZIndex())\n\n\t\t\t\t\t\t\tcontainer.appendChild(overlay)\n\t\t\t\t\t\t\tdocument.body.style.overflow = 'hidden'\n\n\t\t\t\t\t\t\treturn { overlay, config, container }\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t\ttap(({ overlay, config }) => {\n\t\t\t\t\t// Setup images array\n\t\t\t\t\tlet images: string[] = []\n\t\t\t\t\tlet currentIndex = 0\n\n\t\t\t\t\tif (config.images && config.images.length > 0) {\n\t\t\t\t\t\timages = config.images\n\t\t\t\t\t\tcurrentIndex = config.index || 0\n\t\t\t\t\t} else if (config.image) {\n\t\t\t\t\t\timages = [config.image]\n\t\t\t\t\t\tcurrentIndex = 0\n\t\t\t\t\t}\n\n\t\t\t\t\t// Store active lightbox state\n\t\t\t\t\tthis.activeLightbox = {\n\t\t\t\t\t\telement: overlay,\n\t\t\t\t\t\tconfig,\n\t\t\t\t\t\tcurrentIndex,\n\t\t\t\t\t\timages,\n\t\t\t\t\t}\n\n\t\t\t\t\t// Keyboard handling via RxJS\n\t\t\t\t\tfromEvent<KeyboardEvent>(document, 'keydown').pipe(\n\t\t\t\t\t\ttakeUntil(this.dismissSubject),\n\t\t\t\t\t\tfilter(() => !!this.activeLightbox),\n\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\tif (e.key === 'Escape') this.dismiss()\n\t\t\t\t\t\t\tif (e.key === 'ArrowLeft' && this.activeLightbox!.images.length > 1) this.navigatePrev()\n\t\t\t\t\t\t\tif (e.key === 'ArrowRight' && this.activeLightbox!.images.length > 1) this.navigateNext()\n\t\t\t\t\t\t})\n\t\t\t\t\t).subscribe()\n\n\t\t\t\t\t// Click overlay to close via RxJS\n\t\t\t\t\tfromEvent<MouseEvent>(overlay, 'click').pipe(\n\t\t\t\t\t\ttakeUntil(this.dismissSubject),\n\t\t\t\t\t\tfilter(e => e.target === overlay),\n\t\t\t\t\t\ttap(() => this.dismiss())\n\t\t\t\t\t).subscribe()\n\n\t\t\t\t\t// Render content\n\t\t\t\t\tif (config.component) {\n\t\t\t\t\t\tthis.renderComponent(overlay, config)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.renderLightbox(overlay, config, images, currentIndex)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Animate in\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\toverlay.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t\teasing: 'cubic-bezier(0.25, 1, 0.5, 1)',\n\t\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the lightbox dismissal logic\n\t */\n\tprivate setupLightboxDismissLogic() {\n\t\tthis.dismissSubject\n\t\t\t.pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\tif (!this.activeLightbox) return\n\n\t\t\t\t\tconst { element } = this.activeLightbox\n\n\t\t\t\t\t// Animate out\n\t\t\t\t\tconst animation = element.animate([{ opacity: 1 }, { opacity: 0 }], {\n\t\t\t\t\t\tduration: 250,\n\t\t\t\t\t\teasing: 'ease-out',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\tanimation.onfinish = () => {\n\t\t\t\t\t\telement.remove()\n\t\t\t\t\t\tdocument.body.style.overflow = ''\n\t\t\t\t\t\toverlayStack.release()\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.activeLightbox = undefined\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Push/open a lightbox\n\t */\n\tpublic push(config: LightboxConfig): void {\n\t\t// Close any existing lightbox first\n\t\tif (this.activeLightbox) {\n\t\t\tthis.dismiss()\n\t\t}\n\t\tthis.pushSubject.next(config)\n\t}\n\n\t/**\n\t * Dismiss the lightbox\n\t */\n\tpublic dismiss(): void {\n\t\tthis.dismissSubject.next()\n\t}\n\n\t/**\n\t * Navigate to previous image\n\t */\n\tprivate navigatePrev(): void {\n\t\tif (!this.activeLightbox || this.activeLightbox.images.length <= 1) return\n\n\t\tconst { images, config, element } = this.activeLightbox\n\t\tthis.activeLightbox.currentIndex = (this.activeLightbox.currentIndex - 1 + images.length) % images.length\n\t\tthis.renderLightbox(element, config, images, this.activeLightbox.currentIndex)\n\t}\n\n\t/**\n\t * Navigate to next image\n\t */\n\tprivate navigateNext(): void {\n\t\tif (!this.activeLightbox || this.activeLightbox.images.length <= 1) return\n\n\t\tconst { images, config, element } = this.activeLightbox\n\t\tthis.activeLightbox.currentIndex = (this.activeLightbox.currentIndex + 1) % images.length\n\t\tthis.renderLightbox(element, config, images, this.activeLightbox.currentIndex)\n\t}\n\n\t/**\n\t * Render component-only mode (no image background)\n\t */\n\tprivate renderComponent(overlay: HTMLDivElement, config: LightboxConfig): void {\n\t\tif (!config.component) return\n\n\t\t// Create the component\n\t\tlet component: HTMLElement\n\t\tif (typeof config.component === 'string') {\n\t\t\tcomponent = document.createElement(config.component)\n\t\t} else {\n\t\t\tcomponent = new (config.component as CustomElementConstructor)()\n\t\t}\n\n\t\t// Set props\n\t\tif (config.props) {\n\t\t\tObject.entries(config.props).forEach(([key, value]) => {\n\t\t\t\t;(component as unknown as Record<string, unknown>)[key] = value\n\t\t\t})\n\t\t}\n\n\t\t// Create wrapper with close button\n\t\tconst template = html`\n\t\t\t<div class=\"relative\" @click=${(e: Event) => e.stopPropagation()}>\n\t\t\t\t<!-- Close button -->\n\t\t\t\t<button\n\t\t\t\t\tclass=\"absolute -top-12 right-0 z-10 w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center text-white transition-colors\"\n\t\t\t\t\t@click=${() => this.dismiss()}\n\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"text-2xl\">×</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Component container -->\n\t\t\t\t<div id=\"lightbox-component-container\"></div>\n\t\t\t</div>\n\t\t`\n\n\t\trender(template, overlay)\n\n\t\t// Append component after render\n\t\tconst container = overlay.querySelector('#lightbox-component-container')\n\t\tif (container) {\n\t\t\tcontainer.appendChild(component)\n\t\t}\n\t}\n\n\t/**\n\t * Render image lightbox\n\t */\n\tprivate renderLightbox(overlay: HTMLDivElement, config: LightboxConfig, images: string[], currentIndex: number): void {\n\t\tconst currentSrc = images[currentIndex]\n\t\tconst isGallery = images.length > 1\n\n\t\t// Create overlay component if specified\n\t\tlet overlayComponent: HTMLElement | null = null\n\t\tif (config.overlay) {\n\t\t\tif (typeof config.overlay === 'string') {\n\t\t\t\toverlayComponent = document.createElement(config.overlay)\n\t\t\t} else if (typeof config.overlay === 'function') {\n\t\t\t\toverlayComponent = new (config.overlay as CustomElementConstructor)()\n\t\t\t}\n\n\t\t\t// Set props on the component\n\t\t\tif (config.props && overlayComponent) {\n\t\t\t\tObject.entries(config.props).forEach(([key, value]) => {\n\t\t\t\t\t;(overlayComponent as unknown as Record<string, unknown>)[key] = value\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\n\t\tconst template = html`\n\t\t\t<div\n\t\t\t\tclass=\"relative\"\n\t\t\t\tstyle=${styleMap({ maxWidth: '90vw', maxHeight: '90vh' })}\n\t\t\t\t@click=${(e: Event) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t<!-- Close button -->\n\t\t\t\t<button\n\t\t\t\t\tclass=\"absolute top-4 right-4 z-10 w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center text-white transition-colors\"\n\t\t\t\t\t@click=${() => this.dismiss()}\n\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"text-2xl\">×</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Image container with optional overlay -->\n\t\t\t\t<div class=\"relative\" id=\"lightbox-image-container\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=${currentSrc}\n\t\t\t\t\t\tclass=\"max-w-full object-contain rounded-lg\"\n\t\t\t\t\t\tstyle=${styleMap({ maxHeight: '85vh' })}\n\t\t\t\t\t\t@click=${() => !isGallery && this.dismiss()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Gallery controls -->\n\t\t\t\t${isGallery\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"absolute left-1/2 -translate-x-1/2 flex items-center gap-4 text-white\"\n\t\t\t\t\t\t\t\tstyle=${styleMap({ bottom: '-60px' })}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center transition-colors\"\n\t\t\t\t\t\t\t\t\t@click=${() => this.navigatePrev()}\n\t\t\t\t\t\t\t\t\taria-label=\"Previous\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t←\n\t\t\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t\t\t<div class=\"text-lg\">${currentIndex + 1} / ${images.length}</div>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center transition-colors\"\n\t\t\t\t\t\t\t\t\t@click=${() => this.navigateNext()}\n\t\t\t\t\t\t\t\t\taria-label=\"Next\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t→\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\n\t\trender(template, overlay)\n\n\t\t// Append overlay component to image container after render\n\t\tif (overlayComponent) {\n\t\t\tconst container = overlay.querySelector('#lightbox-image-container')\n\t\t\tif (container) {\n\t\t\t\t// Remove any existing overlay component\n\t\t\t\tconst existing = container.querySelector('[data-lightbox-overlay]')\n\t\t\t\tif (existing) existing.remove()\n\n\t\t\t\toverlayComponent.setAttribute('data-lightbox-overlay', '')\n\t\t\t\tcontainer.appendChild(overlayComponent)\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Unified lightbox type - works as both directive and service\n */\nexport type LightboxAPI = {\n\t(options?: LightboxOptions): ReturnType<typeof lightboxDirective>\n\tpush: (config: LightboxConfig) => void\n\tdismiss: () => void\n}\n\n/**\n * Unified lightbox export - works as both directive and service:\n * - Directive: ${lightbox()} or ${lightbox({ overlay: html`...` })}\n * - Service: lightbox.push({ image, overlay: 'component-name', props })\n */\nexport const lightbox: LightboxAPI = Object.assign(\n\t// Callable as directive (backward compatible)\n\t(options?: LightboxOptions) => lightboxDirective(options),\n\t// Also has service methods\n\t{\n\t\tpush: (config: LightboxConfig) => LightboxService.getInstance().push(config),\n\t\tdismiss: () => LightboxService.getInstance().dismiss(),\n\t},\n)\n"],"mappings":"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"}