@mhmo91/schmancy 0.7.6 → 0.8.3

package/dist/lightbox-service-3mHqBKEh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox-service-3mHqBKEh.cjs","sources":["../src/lightbox/flip-directive.ts","../src/lightbox/lightbox.ts","../src/lightbox/lightbox.directive.ts","../src/lightbox/lightbox-service.ts"],"sourcesContent":["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 { 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';\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\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\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\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 z-9999 flex items-center justify-center backdrop-blur-sm\"\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, 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 { 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 = '1000'\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}\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"],"names":["calculateArcPoint","start","end","arcDirection","intensity","midX","x","midY","y","distance","Math","sqrt","pow","arcHeight","min","SchmancyLightbox","$LitElement","css","constructor","super","arguments","this","src","images","initialIndex","open","currentIndex","isLoading","swipeThreshold","overlayRef","createRef","contentRef","imageRef","handleClose","handlePrevious","isGalleryMode","length","dispatchEvent","CustomEvent","detail","index","bubbles","composed","handleNext","handleImageLoad","handleOverlayClick","e","target","currentTarget","currentImageSrc","connectedCallback","changedProperties","updated","has","document","body","style","overflow","animateIn","setupEventListeners","animateOut","animateImageChange","overlay","value","content","image","backgroundColor","opacity","animate","duration","easing","fill","requestAnimationFrame","transform","delay","onfinish","fromEvent","pipe","filter","tap","key","takeUntil","disconnecting","subscribe","touchStart$","touchEnd$","switchMap","startEvent","startX","touches","clientX","first","map","endEvent","changedTouches","abs","render","html","ref","stopPropagation","when","__decorateClass","property","type","String","prototype","Array","Number","Boolean","state","customElement","FlipDirective","AsyncDirective","partInfo","hasAnimated","PartType","ELEMENT","Error","_options","noChange","part","options","element","hasSource","sourceElement","position","window","matchMedia","matches","totalDuration","animateScale","scale","useBlackbird","blackbird","clickPos","pos","clientY","sourceRect","getBoundingClientRect","targetRect","targetCenter","left","width","top","height","sourceCenter","sourceScale","innerWidth","innerHeight","sourceDelta","clickDelta","takeoffArc","landingArc","takeoffArcDelta","landingArcDelta","midScale","offset","arcPoint","arcDelta","HTMLImageElement","complete","onload","flip","directive","LightboxDirective","clickHandler","preventDefault","clickPosition","touch","addEventListener","cursor","classList","add","overlayElement","createElement","className","zIndex","renderLightbox","appendChild","keyHandler","close","prev","next","contentContainer","querySelector","rect","deltaX","deltaY","containerAnim","remove","removeEventListener","updateImage","currentSrc","isGallery","styleMap","transformOrigin","lightbox","LightboxService","pushSubject","Subject","dismissSubject","setupLightboxOpeningLogic","setupLightboxDismissLogic","getInstance","instance","config","discoverComponent","theme","container","activeLightbox","dismiss","navigatePrev","navigateNext","component","renderComponent","props","Object","entries","forEach","template","overlayComponent","maxWidth","maxHeight","bottom","existing","setAttribute","assign","lightboxDirective","push"],"mappings":"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"}

package/dist/lightbox-service-DxbYZAuv.js

@@ -0,0 +1,458 @@
+import { css as D, html as h, noChange as k, render as $ } from "lit";
+import { property as x, state as A, customElement as Y } from "lit/decorators.js";
+import { when as E } from "lit/directives/when.js";
+import { createRef as C, ref as j } from "lit/directives/ref.js";
+import { fromEvent as f, Subject as S, switchMap as U, map as W, tap as v, takeUntil as O, filter as H } from "rxjs";
+import { filter as q, tap as G, takeUntil as T, switchMap as Z, first as J, map as K } from "rxjs/operators";
+import "lit/directives/class-map.js";
+import { styleMap as w } from "lit/directives/style-map.js";
+import { d as Q } from "./tailwind.mixin-Ddt05Frc.js";
+import { $ as V } from "./litElement.mixin-Wcu4yIIs.js";
+import { directive as F, PartType as X } from "lit/directive.js";
+import { AsyncDirective as B } from "lit/async-directive.js";
+var _ = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, u = (e, t, i, s) => {
+  for (var a, n = s > 1 ? void 0 : s ? ee(t, i) : t, o = e.length - 1; o >= 0; o--) (a = e[o]) && (n = (s ? a(t, i, n) : a(n)) || n);
+  return s && n && _(t, i, n), n;
+};
+let m = class extends V(D`
+	:host {
+		display: contents;
+	}
+`) {
+  constructor() {
+    super(...arguments), this.src = "", this.images = [], this.initialIndex = 0, this.open = !1, this.currentIndex = 0, this.isLoading = !1, this.swipeThreshold = 50, this.overlayRef = C(), this.contentRef = C(), this.imageRef = C(), this.handleClose = () => {
+      this.open = !1;
+    }, this.handlePrevious = () => {
+      this.isGalleryMode && this.images.length > 1 && (this.isLoading = !0, this.currentIndex = (this.currentIndex - 1 + this.images.length) % this.images.length, this.dispatchEvent(new CustomEvent("change", { detail: { index: this.currentIndex }, bubbles: !0, composed: !0 })));
+    }, this.handleNext = () => {
+      this.isGalleryMode && this.images.length > 1 && (this.isLoading = !0, this.currentIndex = (this.currentIndex + 1) % this.images.length, this.dispatchEvent(new CustomEvent("change", { detail: { index: this.currentIndex }, bubbles: !0, composed: !0 })));
+    }, this.handleImageLoad = () => {
+      this.isLoading = !1;
+    }, this.handleOverlayClick = (e) => {
+      e.target === e.currentTarget && this.handleClose();
+    };
+  }
+  get isGalleryMode() {
+    return this.images.length > 0;
+  }
+  get currentImageSrc() {
+    return this.isGalleryMode ? this.images[this.currentIndex] || "" : this.src;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.currentIndex = this.initialIndex;
+  }
+  updated(e) {
+    super.updated(e), e.has("open") && (this.open ? (document.body.style.overflow = "hidden", this.animateIn(), this.setupEventListeners()) : (document.body.style.overflow = "", this.animateOut())), e.has("initialIndex") && (this.currentIndex = this.initialIndex), e.has("currentIndex") && this.open && this.animateImageChange();
+  }
+  animateIn() {
+    const e = this.overlayRef.value, t = this.contentRef.value, i = this.imageRef.value;
+    e && (e.style.backgroundColor = "rgba(0, 0, 0, 0)", e.style.opacity = "0", e.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 300, easing: "cubic-bezier(0.25, 1, 0.5, 1)", fill: "forwards" }), requestAnimationFrame(() => {
+      e.style.backgroundColor = "rgba(0, 0, 0, 0.95)";
+    })), t && t.animate([{ transform: "scale(0.95)", opacity: 0 }, { transform: "scale(1)", opacity: 1 }], { duration: 400, delay: 100, easing: "cubic-bezier(0.34, 1.56, 0.64, 1)", fill: "forwards" }), i && i.animate([{ opacity: 0, transform: "scale(0.98)" }, { opacity: 1, transform: "scale(1)" }], { duration: 350, delay: 150, easing: "cubic-bezier(0.25, 1, 0.5, 1)", fill: "forwards" });
+  }
+  animateOut() {
+    const e = this.overlayRef.value, t = this.contentRef.value, i = this.imageRef.value;
+    i && i.animate([{ transform: "scale(1)", opacity: 1 }, { transform: "scale(0.95)", opacity: 0 }], { duration: 200, easing: "ease-out", fill: "forwards" }), t && t.animate([{ transform: "scale(1)", opacity: 1 }, { transform: "scale(0.95)", opacity: 0 }], { duration: 250, easing: "ease-out", fill: "forwards" }), e && (e.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 250, delay: 50, easing: "ease-out", fill: "forwards" }).onfinish = () => {
+      e.style.backgroundColor = "rgba(0, 0, 0, 0)", this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 }));
+    });
+  }
+  animateImageChange() {
+    const e = this.imageRef.value;
+    e && (e.animate([{ opacity: 1, transform: "scale(1)" }, { opacity: 0, transform: "scale(0.98)" }], { duration: 150, easing: "ease-out", fill: "forwards" }).onfinish = () => {
+      e.animate([{ opacity: 0, transform: "scale(0.98)" }, { opacity: 1, transform: "scale(1)" }], { duration: 200, easing: "cubic-bezier(0.25, 1, 0.5, 1)", fill: "forwards" });
+    });
+  }
+  setupEventListeners() {
+    if (f(document, "keydown").pipe(q(() => this.open), G((s) => {
+      switch (s.key) {
+        case "Escape":
+          this.handleClose();
+          break;
+        case "ArrowLeft":
+          this.handlePrevious();
+          break;
+        case "ArrowRight":
+          this.handleNext();
+      }
+    }), T(this.disconnecting)).subscribe(), !this.isGalleryMode || this.images.length <= 1) return;
+    const e = this.contentRef.value;
+    if (!e) return;
+    const t = f(e, "touchstart"), i = f(e, "touchend");
+    t.pipe(Z((s) => {
+      const a = s.touches[0].clientX;
+      return i.pipe(J(), K((n) => n.changedTouches[0].clientX - a));
+    }), q((s) => Math.abs(s) > this.swipeThreshold), G((s) => s > 0 ? this.handlePrevious() : this.handleNext()), T(this.disconnecting)).subscribe();
+  }
+  render() {
+    return this.open ? h`
+			<div
+				${j(this.overlayRef)}
+				class="fixed inset-0 z-9999 flex items-center justify-center backdrop-blur-sm"
+				@click=${this.handleOverlayClick}
+			>
+				<div
+					${j(this.contentRef)}
+					class="relative max-w-[90vw] max-h-[90vh]"
+					@click=${(e) => e.stopPropagation()}
+				>
+					<!-- Close Button -->
+					<button
+						class="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"
+						@click=${this.handleClose}
+						aria-label="Close lightbox"
+						title="Close (Esc)"
+					>
+						<schmancy-icon>close</schmancy-icon>
+					</button>
+
+					<!-- Touch Zones for Gallery Navigation -->
+					${E(this.isGalleryMode && this.images.length > 1, () => h`
+							<div
+								class="absolute top-0 bottom-0 left-0 w-1/3 cursor-pointer z-5"
+								@click=${this.handlePrevious}
+							></div>
+							<div
+								class="absolute top-0 bottom-0 right-0 w-1/3 cursor-pointer z-5"
+								@click=${this.handleNext}
+							></div>
+						`)}
+
+					<!-- Loading Spinner -->
+					${E(this.isLoading, () => h`
+							<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
+								<schmancy-progress indeterminate></schmancy-progress>
+							</div>
+						`)}
+
+					<!-- Main Image -->
+					<img
+						${j(this.imageRef)}
+						class="max-w-[90vw] max-h-[90vh] object-contain rounded select-none touch-pinch-zoom ${this.isGalleryMode ? "cursor-default" : "cursor-pointer"}"
+						.src=${this.currentImageSrc}
+						alt="Full size image"
+						@load=${this.handleImageLoad}
+						@click=${() => this.isGalleryMode ? null : this.handleClose()}
+					/>
+
+					<!-- Navigation Controls (Gallery Mode Only) -->
+					${E(this.isGalleryMode && this.images.length > 1, () => h`
+							<div
+								class="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"
+							>
+								<button
+									class="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"
+									@click=${this.handlePrevious}
+									aria-label="Previous image"
+									title="Previous (←)"
+								>
+									<schmancy-icon>arrow_back</schmancy-icon>
+								</button>
+
+								<div class="text-white text-base font-medium min-w-16 text-center" aria-live="polite">
+									${this.currentIndex + 1} / ${this.images.length}
+								</div>
+
+								<button
+									class="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"
+									@click=${this.handleNext}
+									aria-label="Next image"
+									title="Next (→)"
+								>
+									<schmancy-icon>arrow_forward</schmancy-icon>
+								</button>
+							</div>
+						`)}
+				</div>
+			</div>
+		` : h``;
+  }
+};
+function P(e, t, i = "up", s = 0.3) {
+  const a = (e.x + t.x) / 2, n = (e.y + t.y) / 2, o = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), l = Math.min(o * s, 150);
+  return { x: a, y: i === "up" ? n - l : n + l };
+}
+u([x({ type: String })], m.prototype, "src", 2), u([x({ type: Array })], m.prototype, "images", 2), u([x({ type: Number })], m.prototype, "initialIndex", 2), u([x({ type: Boolean })], m.prototype, "open", 2), u([A()], m.prototype, "currentIndex", 2), u([A()], m.prototype, "isLoading", 2), m = u([Y("schmancy-lightbox")], m);
+const te = F(class extends B {
+  constructor(e) {
+    if (super(e), this.hasAnimated = !1, e.type !== X.ELEMENT) throw new Error("flip directive can only be used on elements");
+  }
+  render(e) {
+    return k;
+  }
+  update(e, [t]) {
+    this.element = e.element;
+    const i = t?.sourceElement || t?.position;
+    return !this.hasAnimated && i && (this.hasAnimated = !0, this.animateIn(t)), k;
+  }
+  animateIn(e) {
+    if (!this.element || window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+    const t = e?.duration ?? 600, i = e?.scale !== !1, s = e?.blackbird !== !1, a = (n = e?.position, n ? "clientX" in n ? { x: n.clientX, y: n.clientY } : "touches" in n && n.touches.length ? { x: n.touches[0].clientX, y: n.touches[0].clientY } : "x" in n && "y" in n ? { x: n.x, y: n.y } : null : null);
+    var n;
+    const o = e?.sourceElement?.getBoundingClientRect(), l = () => {
+      const d = this.element.getBoundingClientRect(), r = { x: d.left + d.width / 2, y: d.top + d.height / 2 };
+      let c, p = { x: 0.1, y: 0.1 };
+      o ? (c = { x: o.left + o.width / 2, y: o.top + o.height / 2 }, i && (p = { x: o.width / d.width, y: o.height / d.height })) : c = a || { x: window.innerWidth / 2, y: window.innerHeight / 2 };
+      const L = c.x - r.x, I = c.y - r.y;
+      if (s && a && o) {
+        const y = { x: a.x - r.x, y: a.y - r.y }, b = P(c, a, "up", 0.4), M = P(a, r, "down", 0.3), z = { x: b.x - r.x, y: b.y - r.y }, R = { x: M.x - r.x, y: M.y - r.y }, N = 0.3;
+        this.element.animate([{ transform: `translate(${L}px, ${I}px) scale(${p.x}, ${p.y})`, opacity: 0.6, offset: 0 }, { transform: `translate(${z.x}px, ${z.y}px) scale(${0.7 * N})`, opacity: 0.8, offset: 0.25 }, { transform: `translate(${y.x}px, ${y.y}px) scale(${N})`, opacity: 0.9, offset: 0.5 }, { transform: `translate(${R.x}px, ${R.y}px) scale(0.6)`, opacity: 0.95, offset: 0.75 }, { transform: "translate(0, 0) scale(1)", opacity: 1, offset: 1 }], { duration: t, easing: "cubic-bezier(0.34, 1.2, 0.64, 1)", fill: "forwards" });
+      } else if (s && a) {
+        const y = P(a, r, "down", 0.35), b = { x: y.x - r.x, y: y.y - r.y };
+        this.element.animate([{ transform: `translate(${L}px, ${I}px) scale(0.1)`, opacity: 0, offset: 0 }, { transform: `translate(${b.x}px, ${b.y}px) scale(0.5)`, opacity: 0.8, offset: 0.5 }, { transform: "translate(0, 0) scale(1)", opacity: 1, offset: 1 }], { duration: t, easing: "cubic-bezier(0.34, 1.2, 0.64, 1)", fill: "forwards" });
+      } else this.element.animate([{ transform: `translate(${L}px, ${I}px) scale(${p.x}, ${p.y})`, opacity: 0 }, { transform: "translate(0, 0) scale(1, 1)", opacity: 1 }], { duration: t, easing: e?.easing ?? "cubic-bezier(0.34, 1.56, 0.64, 1)", fill: "forwards" });
+    };
+    this.element instanceof HTMLImageElement ? this.element.complete ? requestAnimationFrame(l) : this.element.onload = () => requestAnimationFrame(l) : requestAnimationFrame(l);
+  }
+}), ie = F(class extends B {
+  constructor(e) {
+    if (super(e), this.currentIndex = 0, this.images = [], e.type !== X.ELEMENT) throw new Error("lightbox directive can only be used on elements");
+  }
+  render(e) {
+    return k;
+  }
+  update(e, [t]) {
+    return this.element = e.element, this.clickHandler || (this.clickHandler = (i) => {
+      if (i.preventDefault(), i.stopPropagation(), "clientX" in i) this.clickPosition = { x: i.clientX, y: i.clientY };
+      else if ("touches" in i && i.touches.length) {
+        const s = i.touches[0];
+        this.clickPosition = { x: s.clientX, y: s.clientY };
+      }
+      t?.images && t.images.length > 0 ? (this.images = t.images, this.currentIndex = t.index || 0) : (this.images = [this.element.src], this.currentIndex = 0), this.overlay = t?.overlay, this.open();
+    }, this.element.addEventListener("click", this.clickHandler), this.element.style.cursor = "pointer", this.element.classList.add("hover:opacity-80", "transition-opacity")), k;
+  }
+  open() {
+    this.overlayElement = document.createElement("div"), this.overlayElement.className = "fixed inset-0 flex items-center justify-center opacity-0 bg-black/95 backdrop-blur-sm", this.overlayElement.style.zIndex = "1000", $(this.renderLightbox(), this.overlayElement), document.body.appendChild(this.overlayElement), document.body.style.overflow = "hidden", requestAnimationFrame(() => {
+      this.overlayElement.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 300, easing: "cubic-bezier(0.25, 1, 0.5, 1)", fill: "forwards" });
+    }), this.keyHandler = (e) => {
+      e.key === "Escape" && this.close(), e.key === "ArrowLeft" && this.images.length > 1 && this.prev(), e.key === "ArrowRight" && this.images.length > 1 && this.next();
+    }, document.addEventListener("keydown", this.keyHandler), this.overlayElement.addEventListener("click", (e) => {
+      e.target === this.overlayElement && this.close();
+    });
+  }
+  close() {
+    if (!this.overlayElement) return;
+    const e = this.overlayElement.querySelector("[data-lightbox-content]");
+    if (e && this.clickPosition) {
+      const t = e.getBoundingClientRect(), i = this.clickPosition.x - (t.left + t.width / 2), s = this.clickPosition.y - (t.top + t.height / 2), a = e.animate([{ transform: "translate(0, 0) scale(1)", opacity: 1 }, { transform: `translate(${i}px, ${s}px) scale(0.1)`, opacity: 0 }], { duration: 300, easing: "cubic-bezier(0.4, 0, 0.2, 1)", fill: "forwards" });
+      this.overlayElement.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 250, easing: "ease-out", fill: "forwards" }), a.onfinish = () => {
+        this.overlayElement?.remove(), this.overlayElement = void 0, document.body.style.overflow = "";
+      };
+    } else
+      this.overlayElement.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 250, easing: "ease-out", fill: "forwards" }).onfinish = () => {
+        this.overlayElement?.remove(), this.overlayElement = void 0, document.body.style.overflow = "";
+      };
+    this.keyHandler && (document.removeEventListener("keydown", this.keyHandler), this.keyHandler = void 0);
+  }
+  prev() {
+    this.currentIndex = (this.currentIndex - 1 + this.images.length) % this.images.length, this.updateImage();
+  }
+  next() {
+    this.currentIndex = (this.currentIndex + 1) % this.images.length, this.updateImage();
+  }
+  updateImage() {
+    this.overlayElement && $(this.renderLightbox(), this.overlayElement);
+  }
+  renderLightbox() {
+    const e = this.images[this.currentIndex], t = this.images.length > 1;
+    return h`
+			<div
+				data-lightbox-content
+				class="relative"
+				style=${w({ transformOrigin: "center center" })}
+				@click=${(i) => i.stopPropagation()}
+			>
+				<!-- Close button -->
+				<button
+					class="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"
+					@click=${() => this.close()}
+					aria-label="Close"
+				>
+					<span class="text-2xl">×</span>
+				</button>
+
+				<!-- Image container with optional overlay -->
+				<div class="relative">
+					<img
+						src=${e}
+						${te({ sourceElement: this.element, position: this.clickPosition, duration: 600, scale: !0, blackbird: !0 })}
+						class="object-contain rounded-lg"
+						style="max-height: calc(100vh - 40px); max-width: 90vw;"
+						@click=${() => !t && this.close()}
+					/>
+					${this.overlay ? this.overlay : ""}
+				</div>
+
+				<!-- Gallery controls -->
+				${t ? h`
+							<div class="flex items-center justify-center gap-4 text-white mt-4">
+								<button
+									class="w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center transition-colors"
+									@click=${() => this.prev()}
+									aria-label="Previous"
+								>
+									←
+								</button>
+
+								<div class="text-lg">${this.currentIndex + 1} / ${this.images.length}</div>
+
+								<button
+									class="w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center transition-colors"
+									@click=${() => this.next()}
+									aria-label="Next"
+								>
+									→
+								</button>
+							</div>
+						` : ""}
+			</div>
+		`;
+  }
+  disconnected() {
+    this.element && this.clickHandler && this.element.removeEventListener("click", this.clickHandler), this.close();
+  }
+});
+class g {
+  constructor() {
+    this.pushSubject = new S(), this.dismissSubject = new S(), this.setupLightboxOpeningLogic(), this.setupLightboxDismissLogic();
+  }
+  static getInstance() {
+    return g.instance || (g.instance = new g()), g.instance;
+  }
+  setupLightboxOpeningLogic() {
+    this.pushSubject.pipe(U((t) => Q("schmancy-theme").pipe(W((i) => {
+      const s = i || document.body, a = document.createElement("div");
+      return a.className = "fixed inset-0 flex items-center justify-center opacity-0 bg-black/95 backdrop-blur-sm", a.style.zIndex = "1000", s.appendChild(a), document.body.style.overflow = "hidden", { overlay: a, config: t, container: s };
+    }))), v(({ overlay: t, config: i }) => {
+      let s = [], a = 0;
+      i.images && i.images.length > 0 ? (s = i.images, a = i.index || 0) : i.image && (s = [i.image], a = 0), this.activeLightbox = { element: t, config: i, currentIndex: a, images: s }, f(document, "keydown").pipe(O(this.dismissSubject), H(() => !!this.activeLightbox), v((n) => {
+        n.key === "Escape" && this.dismiss(), n.key === "ArrowLeft" && this.activeLightbox.images.length > 1 && this.navigatePrev(), n.key === "ArrowRight" && this.activeLightbox.images.length > 1 && this.navigateNext();
+      })).subscribe(), f(t, "click").pipe(O(this.dismissSubject), H((n) => n.target === t), v(() => this.dismiss())).subscribe(), i.component ? this.renderComponent(t, i) : this.renderLightbox(t, i, s, a), requestAnimationFrame(() => {
+        t.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 300, easing: "cubic-bezier(0.25, 1, 0.5, 1)", fill: "forwards" });
+      });
+    })).subscribe();
+  }
+  setupLightboxDismissLogic() {
+    this.dismissSubject.pipe(v(() => {
+      if (!this.activeLightbox) return;
+      const { element: t } = this.activeLightbox;
+      t.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 250, easing: "ease-out", fill: "forwards" }).onfinish = () => {
+        t.remove(), document.body.style.overflow = "";
+      }, this.activeLightbox = void 0;
+    })).subscribe();
+  }
+  push(t) {
+    this.activeLightbox && this.dismiss(), this.pushSubject.next(t);
+  }
+  dismiss() {
+    this.dismissSubject.next();
+  }
+  navigatePrev() {
+    if (!this.activeLightbox || this.activeLightbox.images.length <= 1) return;
+    const { images: t, config: i, element: s } = this.activeLightbox;
+    this.activeLightbox.currentIndex = (this.activeLightbox.currentIndex - 1 + t.length) % t.length, this.renderLightbox(s, i, t, this.activeLightbox.currentIndex);
+  }
+  navigateNext() {
+    if (!this.activeLightbox || this.activeLightbox.images.length <= 1) return;
+    const { images: t, config: i, element: s } = this.activeLightbox;
+    this.activeLightbox.currentIndex = (this.activeLightbox.currentIndex + 1) % t.length, this.renderLightbox(s, i, t, this.activeLightbox.currentIndex);
+  }
+  renderComponent(t, i) {
+    if (!i.component) return;
+    let s;
+    s = typeof i.component == "string" ? document.createElement(i.component) : new i.component(), i.props && Object.entries(i.props).forEach(([o, l]) => {
+      s[o] = l;
+    });
+    const a = h`
+			<div class="relative" @click=${(o) => o.stopPropagation()}>
+				<!-- Close button -->
+				<button
+					class="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"
+					@click=${() => this.dismiss()}
+					aria-label="Close"
+				>
+					<span class="text-2xl">×</span>
+				</button>
+
+				<!-- Component container -->
+				<div id="lightbox-component-container"></div>
+			</div>
+		`;
+    $(a, t);
+    const n = t.querySelector("#lightbox-component-container");
+    n && n.appendChild(s);
+  }
+  renderLightbox(t, i, s, a) {
+    const n = s[a], o = s.length > 1;
+    let l = null;
+    i.overlay && (typeof i.overlay == "string" ? l = document.createElement(i.overlay) : typeof i.overlay == "function" && (l = new i.overlay()), i.props && l && Object.entries(i.props).forEach(([r, c]) => {
+      l[r] = c;
+    }));
+    const d = h`
+			<div
+				class="relative"
+				style=${w({ maxWidth: "90vw", maxHeight: "90vh" })}
+				@click=${(r) => r.stopPropagation()}
+			>
+				<!-- Close button -->
+				<button
+					class="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"
+					@click=${() => this.dismiss()}
+					aria-label="Close"
+				>
+					<span class="text-2xl">×</span>
+				</button>
+
+				<!-- Image container with optional overlay -->
+				<div class="relative" id="lightbox-image-container">
+					<img
+						src=${n}
+						class="max-w-full object-contain rounded-lg"
+						style=${w({ maxHeight: "85vh" })}
+						@click=${() => !o && this.dismiss()}
+					/>
+				</div>
+
+				<!-- Gallery controls -->
+				${o ? h`
+							<div
+								class="absolute left-1/2 -translate-x-1/2 flex items-center gap-4 text-white"
+								style=${w({ bottom: "-60px" })}
+							>
+								<button
+									class="w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center transition-colors"
+									@click=${() => this.navigatePrev()}
+									aria-label="Previous"
+								>
+									←
+								</button>
+
+								<div class="text-lg">${a + 1} / ${s.length}</div>
+
+								<button
+									class="w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center transition-colors"
+									@click=${() => this.navigateNext()}
+									aria-label="Next"
+								>
+									→
+								</button>
+							</div>
+						` : ""}
+			</div>
+		`;
+    if ($(d, t), l) {
+      const r = t.querySelector("#lightbox-image-container");
+      if (r) {
+        const c = r.querySelector("[data-lightbox-overlay]");
+        c && c.remove(), l.setAttribute("data-lightbox-overlay", ""), r.appendChild(l);
+      }
+    }
+  }
+}
+const pe = Object.assign((e) => ie(e), { push: (e) => g.getInstance().push(e), dismiss: () => g.getInstance().dismiss() });
+export {
+  m as S,
+  pe as a,
+  te as f,
+  ie as l
+};
+//# sourceMappingURL=lightbox-service-DxbYZAuv.js.map