@mhmo91/schmancy 0.8.4 → 0.9.2

package/dist/lightbox-service-D-0JtxB1.cjs

@@ -1,202 +0,0 @@
-"use strict";const l=require("lit"),u=require("lit/decorators.js"),I=require("lit/directives/when.js"),y=require("lit/directives/ref.js"),h=require("rxjs"),m=require("rxjs/operators");require("lit/directives/class-map.js");const k=require("lit/directives/style-map.js"),A=require("./tailwind.mixin-Cp4PyXok.cjs"),N=require("./litElement.mixin-CrpeGpZ7.cjs"),$=require("lit/directive.js"),q=require("lit/async-directive.js");var H=Object.defineProperty,O=Object.getOwnPropertyDescriptor,g=(s,e,t,i)=>{for(var a,n=i>1?void 0:i?O(e,t):e,o=s.length-1;o>=0;o--)(a=s[o])&&(n=(i?a(e,t,n):a(n))||n);return i&&n&&H(e,t,n),n};function C(s,e,t="up",i=.3){const a=(s.x+e.x)/2,n=(s.y+e.y)/2,o=Math.sqrt(Math.pow(e.x-s.x,2)+Math.pow(e.y-s.y,2)),r=Math.min(o*i,150);return{x:a,y:t==="up"?n-r:n+r}}exports.SchmancyLightbox=class extends N.$LitElement(l.css`
-	: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=y.createRef(),this.contentRef=y.createRef(),this.imageRef=y.createRef(),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=s=>{s.target===s.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(s){super.updated(s),s.has("open")&&(this.open?(document.body.style.overflow="hidden",this.animateIn(),this.setupEventListeners()):(document.body.style.overflow="",this.animateOut())),s.has("initialIndex")&&(this.currentIndex=this.initialIndex),s.has("currentIndex")&&this.open&&this.animateImageChange()}animateIn(){const s=this.overlayRef.value,e=this.contentRef.value,t=this.imageRef.value;s&&(s.style.backgroundColor="rgba(0, 0, 0, 0)",s.style.opacity="0",s.animate([{opacity:0},{opacity:1}],{duration:300,easing:"cubic-bezier(0.25, 1, 0.5, 1)",fill:"forwards"}),requestAnimationFrame(()=>{s.style.backgroundColor="rgba(0, 0, 0, 0.95)"})),e&&e.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"}),t&&t.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 s=this.overlayRef.value,e=this.contentRef.value,t=this.imageRef.value;t&&t.animate([{transform:"scale(1)",opacity:1},{transform:"scale(0.95)",opacity:0}],{duration:200,easing:"ease-out",fill:"forwards"}),e&&e.animate([{transform:"scale(1)",opacity:1},{transform:"scale(0.95)",opacity:0}],{duration:250,easing:"ease-out",fill:"forwards"}),s&&(s.animate([{opacity:1},{opacity:0}],{duration:250,delay:50,easing:"ease-out",fill:"forwards"}).onfinish=()=>{s.style.backgroundColor="rgba(0, 0, 0, 0)",this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))})}animateImageChange(){const s=this.imageRef.value;s&&(s.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.98)"}],{duration:150,easing:"ease-out",fill:"forwards"}).onfinish=()=>{s.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(h.fromEvent(document,"keydown").pipe(m.filter(()=>this.open),m.tap(i=>{switch(i.key){case"Escape":this.handleClose();break;case"ArrowLeft":this.handlePrevious();break;case"ArrowRight":this.handleNext()}}),m.takeUntil(this.disconnecting)).subscribe(),!this.isGalleryMode||this.images.length<=1)return;const s=this.contentRef.value;if(!s)return;const e=h.fromEvent(s,"touchstart"),t=h.fromEvent(s,"touchend");e.pipe(m.switchMap(i=>{const a=i.touches[0].clientX;return t.pipe(m.first(),m.map(n=>n.changedTouches[0].clientX-a))}),m.filter(i=>Math.abs(i)>this.swipeThreshold),m.tap(i=>i>0?this.handlePrevious():this.handleNext()),m.takeUntil(this.disconnecting)).subscribe()}render(){return this.open?l.html`
-			<div
-				${y.ref(this.overlayRef)}
-				class="fixed inset-0 z-9999 flex items-center justify-center backdrop-blur-sm"
-				@click=${this.handleOverlayClick}
-			>
-				<div
-					${y.ref(this.contentRef)}
-					class="relative max-w-[90vw] max-h-[90vh]"
-					@click=${s=>s.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 -->
-					${I.when(this.isGalleryMode&&this.images.length>1,()=>l.html`
-							<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 -->
-					${I.when(this.isLoading,()=>l.html`
-							<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
-						${y.ref(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) -->
-					${I.when(this.isGalleryMode&&this.images.length>1,()=>l.html`
-							<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>
-		`:l.html``}},g([u.property({type:String})],exports.SchmancyLightbox.prototype,"src",2),g([u.property({type:Array})],exports.SchmancyLightbox.prototype,"images",2),g([u.property({type:Number})],exports.SchmancyLightbox.prototype,"initialIndex",2),g([u.property({type:Boolean})],exports.SchmancyLightbox.prototype,"open",2),g([u.state()],exports.SchmancyLightbox.prototype,"currentIndex",2),g([u.state()],exports.SchmancyLightbox.prototype,"isLoading",2),exports.SchmancyLightbox=g([u.customElement("schmancy-lightbox")],exports.SchmancyLightbox);class G extends q.AsyncDirective{constructor(e){if(super(e),this.hasAnimated=!1,e.type!==$.PartType.ELEMENT)throw new Error("flip directive can only be used on elements")}render(e){return l.noChange}update(e,[t]){this.element=e.element;const i=t?.sourceElement||t?.position;return!this.hasAnimated&&i&&(this.hasAnimated=!0,this.animateIn(t)),l.noChange}animateIn(e){if(!this.element||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;const t=e?.duration??600,i=e?.scale!==!1,a=e?.blackbird!==!1,n=(o=e?.position,o?"clientX"in o?{x:o.clientX,y:o.clientY}:"touches"in o&&o.touches.length?{x:o.touches[0].clientX,y:o.touches[0].clientY}:"x"in o&&"y"in o?{x:o.x,y:o.y}:null:null);var o;const r=e?.sourceElement?.getBoundingClientRect(),b=()=>{const d=this.element.getBoundingClientRect(),c={x:d.left+d.width/2,y:d.top+d.height/2};let x,f={x:.1,y:.1};r?(x={x:r.left+r.width/2,y:r.top+r.height/2},i&&(f={x:r.width/d.width,y:r.height/d.height})):x=n||{x:window.innerWidth/2,y:window.innerHeight/2};const L=x.x-c.x,E=x.y-c.y;if(a&&n&&r){const v={x:n.x-c.x,y:n.y-c.y},w=C(x,n,"up",.4),j=C(n,c,"down",.3),P={x:w.x-c.x,y:w.y-c.y},S={x:j.x-c.x,y:j.y-c.y},M=.3;this.element.animate([{transform:`translate(${L}px, ${E}px) scale(${f.x}, ${f.y})`,opacity:.6,offset:0},{transform:`translate(${P.x}px, ${P.y}px) scale(${.7*M})`,opacity:.8,offset:.25},{transform:`translate(${v.x}px, ${v.y}px) scale(${M})`,opacity:.9,offset:.5},{transform:`translate(${S.x}px, ${S.y}px) scale(0.6)`,opacity:.95,offset:.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(a&&n){const v=C(n,c,"down",.35),w={x:v.x-c.x,y:v.y-c.y};this.element.animate([{transform:`translate(${L}px, ${E}px) scale(0.1)`,opacity:0,offset:0},{transform:`translate(${w.x}px, ${w.y}px) scale(0.5)`,opacity:.8,offset:.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, ${E}px) scale(${f.x}, ${f.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(b):this.element.onload=()=>requestAnimationFrame(b):requestAnimationFrame(b)}}const R=$.directive(G);class T extends q.AsyncDirective{constructor(e){if(super(e),this.currentIndex=0,this.images=[],e.type!==$.PartType.ELEMENT)throw new Error("lightbox directive can only be used on elements")}render(e){return l.noChange}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 a=i.touches[0];this.clickPosition={x:a.clientX,y:a.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")),l.noChange}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",l.render(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),a=this.clickPosition.y-(t.top+t.height/2),n=e.animate([{transform:"translate(0, 0) scale(1)",opacity:1},{transform:`translate(${i}px, ${a}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"}),n.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&&l.render(this.renderLightbox(),this.overlayElement)}renderLightbox(){const e=this.images[this.currentIndex],t=this.images.length>1;return l.html`
-			<div
-				data-lightbox-content
-				class="relative"
-				style=${k.styleMap({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}
-						${R({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?l.html`
-							<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()}}const z=$.directive(T);class p{constructor(){this.pushSubject=new h.Subject,this.dismissSubject=new h.Subject,this.setupLightboxOpeningLogic(),this.setupLightboxDismissLogic()}static getInstance(){return p.instance||(p.instance=new p),p.instance}setupLightboxOpeningLogic(){this.pushSubject.pipe(h.switchMap(e=>A.discoverComponent("schmancy-theme").pipe(h.map(t=>{const i=t||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",i.appendChild(a),document.body.style.overflow="hidden",{overlay:a,config:e,container:i}}))),h.tap(({overlay:e,config:t})=>{let i=[],a=0;t.images&&t.images.length>0?(i=t.images,a=t.index||0):t.image&&(i=[t.image],a=0),this.activeLightbox={element:e,config:t,currentIndex:a,images:i},h.fromEvent(document,"keydown").pipe(h.takeUntil(this.dismissSubject),h.filter(()=>!!this.activeLightbox),h.tap(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(),h.fromEvent(e,"click").pipe(h.takeUntil(this.dismissSubject),h.filter(n=>n.target===e),h.tap(()=>this.dismiss())).subscribe(),t.component?this.renderComponent(e,t):this.renderLightbox(e,t,i,a),requestAnimationFrame(()=>{e.animate([{opacity:0},{opacity:1}],{duration:300,easing:"cubic-bezier(0.25, 1, 0.5, 1)",fill:"forwards"})})})).subscribe()}setupLightboxDismissLogic(){this.dismissSubject.pipe(h.tap(()=>{if(!this.activeLightbox)return;const{element:e}=this.activeLightbox;e.animate([{opacity:1},{opacity:0}],{duration:250,easing:"ease-out",fill:"forwards"}).onfinish=()=>{e.remove(),document.body.style.overflow=""},this.activeLightbox=void 0})).subscribe()}push(e){this.activeLightbox&&this.dismiss(),this.pushSubject.next(e)}dismiss(){this.dismissSubject.next()}navigatePrev(){if(!this.activeLightbox||this.activeLightbox.images.length<=1)return;const{images:e,config:t,element:i}=this.activeLightbox;this.activeLightbox.currentIndex=(this.activeLightbox.currentIndex-1+e.length)%e.length,this.renderLightbox(i,t,e,this.activeLightbox.currentIndex)}navigateNext(){if(!this.activeLightbox||this.activeLightbox.images.length<=1)return;const{images:e,config:t,element:i}=this.activeLightbox;this.activeLightbox.currentIndex=(this.activeLightbox.currentIndex+1)%e.length,this.renderLightbox(i,t,e,this.activeLightbox.currentIndex)}renderComponent(e,t){if(!t.component)return;let i;i=typeof t.component=="string"?document.createElement(t.component):new t.component,t.props&&Object.entries(t.props).forEach(([o,r])=>{i[o]=r});const a=l.html`
-			<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>
-		`;l.render(a,e);const n=e.querySelector("#lightbox-component-container");n&&n.appendChild(i)}renderLightbox(e,t,i,a){const n=i[a],o=i.length>1;let r=null;t.overlay&&(typeof t.overlay=="string"?r=document.createElement(t.overlay):typeof t.overlay=="function"&&(r=new t.overlay),t.props&&r&&Object.entries(t.props).forEach(([d,c])=>{r[d]=c}));const b=l.html`
-			<div
-				class="relative"
-				style=${k.styleMap({maxWidth:"90vw",maxHeight:"90vh"})}
-				@click=${d=>d.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=${k.styleMap({maxHeight:"85vh"})}
-						@click=${()=>!o&&this.dismiss()}
-					/>
-				</div>
-
-				<!-- Gallery controls -->
-				${o?l.html`
-							<div
-								class="absolute left-1/2 -translate-x-1/2 flex items-center gap-4 text-white"
-								style=${k.styleMap({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} / ${i.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(l.render(b,e),r){const d=e.querySelector("#lightbox-image-container");if(d){const c=d.querySelector("[data-lightbox-overlay]");c&&c.remove(),r.setAttribute("data-lightbox-overlay",""),d.appendChild(r)}}}}const X=Object.assign(s=>z(s),{push:s=>p.getInstance().push(s),dismiss:()=>p.getInstance().dismiss()});exports.flip=R,exports.lightbox=z,exports.lightbox$1=X;
-//# sourceMappingURL=lightbox-service-D-0JtxB1.cjs.map

package/dist/lightbox-service-D-0JtxB1.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"lightbox-service-D-0JtxB1.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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"}