@mhmo91/schmancy 0.8.6 → 0.9.2

package/dist/lightbox-service-DZMnb1eU.js

@@ -1,458 +0,0 @@
-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-Bp_PR6yc.js";
-import { $ as V } from "./litElement.mixin-DHZXtvYq.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-DZMnb1eU.js.map

package/dist/lightbox-service-DZMnb1eU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lightbox-service-DZMnb1eU.js","sources":["../src/lightbox/lightbox.ts","../src/lightbox/flip-directive.ts","../src/lightbox/lightbox.directive.ts","../src/lightbox/lightbox-service.ts"],"sourcesContent":["import { css, html, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { ref, createRef, Ref } from 'lit/directives/ref.js'\nimport { fromEvent } from 'rxjs'\nimport { filter, takeUntil, tap, switchMap, map, first } from 'rxjs/operators'\nimport { $LitElement } from '@mixins/index'\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 } from 'lit'\n\nexport interface FlipOptions {\n\t/** Source element to animate from (uses element's bounding rect) */\n\tsourceElement?: HTMLElement\n\t/** Click position - can be MouseEvent, TouchEvent, or {x, y} coordinates */\n\tposition?: { x: number; y: number } | MouseEvent | TouchEvent\n\t/** Animation duration in ms (total for both stages) */\n\tduration?: number\n\t/** CSS easing function */\n\teasing?: string\n\t/** Whether to animate scale (default: true) */\n\tscale?: boolean\n\t/** Enable blackbird two-stage arc animation (default: true) */\n\tblackbird?: boolean\n}\n\n/** Extract x,y coordinates from various position inputs */\nfunction extractPosition(pos: FlipOptions['position']): { x: number; y: number } | null {\n\tif (!pos) return null\n\n\tif ('clientX' in pos) {\n\t\t// MouseEvent\n\t\treturn { x: pos.clientX, y: pos.clientY }\n\t} else if ('touches' in pos && pos.touches.length) {\n\t\t// TouchEvent\n\t\treturn { x: pos.touches[0].clientX, y: pos.touches[0].clientY }\n\t} else if ('x' in pos && 'y' in pos) {\n\t\t// Position object\n\t\treturn { x: pos.x, y: pos.y }\n\t}\n\n\treturn null\n}\n\n/**\n * Calculate arc control point for bird-like curved trajectory\n * Birds arc UP when taking off and arc DOWN when landing\n */\nfunction calculateArcPoint(\n\tstart: { x: number; y: number },\n\tend: { x: number; y: number },\n\tarcDirection: 'up' | 'down' = 'up',\n\tintensity: number = 0.3,\n): { x: number; y: number } {\n\tconst midX = (start.x + end.x) / 2\n\tconst midY = (start.y + end.y) / 2\n\tconst distance = Math.sqrt(Math.pow(end.x - start.x, 2) + Math.pow(end.y - start.y, 2))\n\n\t// Arc height proportional to distance, but capped\n\tconst arcHeight = Math.min(distance * intensity, 150)\n\n\treturn {\n\t\tx: midX,\n\t\ty: arcDirection === 'up' ? midY - arcHeight : midY + arcHeight,\n\t}\n}\n\nclass FlipDirective extends AsyncDirective {\n\tprivate element?: HTMLElement\n\tprivate hasAnimated = false\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('flip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(_options?: FlipOptions) {\n\t\treturn noChange\n\t}\n\n\tupdate(part: ElementPart, [options]: [FlipOptions?]) {\n\t\tthis.element = part.element as HTMLElement\n\n\t\t// Animate if we have either a source element or position\n\t\tconst hasSource = options?.sourceElement || options?.position\n\t\tif (!this.hasAnimated && hasSource) {\n\t\t\tthis.hasAnimated = true\n\t\t\tthis.animateIn(options)\n\t\t}\n\n\t\treturn noChange\n\t}\n\n\tprivate animateIn(options?: FlipOptions) {\n\t\tif (!this.element) return\n\n\t\t// Check reduced motion preference\n\t\tif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return\n\n\t\tconst totalDuration = options?.duration ?? 600\n\t\tconst animateScale = options?.scale !== false\n\t\tconst useBlackbird = options?.blackbird !== false\n\n\t\t// Get positions\n\t\tconst clickPos = extractPosition(options?.position)\n\t\tconst sourceRect = options?.sourceElement?.getBoundingClientRect()\n\n\t\tconst animate = () => {\n\t\t\tconst targetRect = this.element!.getBoundingClientRect()\n\t\t\tconst targetCenter = {\n\t\t\t\tx: targetRect.left + targetRect.width / 2,\n\t\t\t\ty: targetRect.top + targetRect.height / 2,\n\t\t\t}\n\n\t\t\t// Determine source point\n\t\t\tlet sourceCenter: { x: number; y: number }\n\t\t\tlet sourceScale = { x: 0.1, y: 0.1 }\n\n\t\t\tif (sourceRect) {\n\t\t\t\tsourceCenter = {\n\t\t\t\t\tx: sourceRect.left + sourceRect.width / 2,\n\t\t\t\t\ty: sourceRect.top + sourceRect.height / 2,\n\t\t\t\t}\n\t\t\t\tif (animateScale) {\n\t\t\t\t\tsourceScale = {\n\t\t\t\t\t\tx: sourceRect.width / targetRect.width,\n\t\t\t\t\t\ty: sourceRect.height / targetRect.height,\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (clickPos) {\n\t\t\t\tsourceCenter = clickPos\n\t\t\t} else {\n\t\t\t\tsourceCenter = { x: window.innerWidth / 2, y: window.innerHeight / 2 }\n\t\t\t}\n\n\t\t\t// Calculate deltas from target (where element is) to source (where we start)\n\t\t\tconst sourceDelta = {\n\t\t\t\tx: sourceCenter.x - targetCenter.x,\n\t\t\t\ty: sourceCenter.y - targetCenter.y,\n\t\t\t}\n\n\t\t\tif (useBlackbird && clickPos && sourceRect) {\n\t\t\t\t// TWO-STAGE BLACKBIRD ANIMATION\n\t\t\t\t// Stage 1: Source element → Click position (takeoff arc - UP)\n\t\t\t\t// Stage 2: Click position → Final destination (landing arc - DOWN)\n\n\t\t\t\tconst clickDelta = {\n\t\t\t\t\tx: clickPos.x - targetCenter.x,\n\t\t\t\t\ty: clickPos.y - targetCenter.y,\n\t\t\t\t}\n\n\t\t\t\t// Calculate arc control points\n\t\t\t\tconst takeoffArc = calculateArcPoint(sourceCenter, clickPos, 'up', 0.4)\n\t\t\t\tconst landingArc = calculateArcPoint(clickPos, targetCenter, 'down', 0.3)\n\n\t\t\t\t// Arc deltas relative to target\n\t\t\t\tconst takeoffArcDelta = {\n\t\t\t\t\tx: takeoffArc.x - targetCenter.x,\n\t\t\t\t\ty: takeoffArc.y - targetCenter.y,\n\t\t\t\t}\n\t\t\t\tconst landingArcDelta = {\n\t\t\t\t\tx: landingArc.x - targetCenter.x,\n\t\t\t\t\ty: landingArc.y - targetCenter.y,\n\t\t\t\t}\n\n\t\t\t\t// Intermediate scale at click position\n\t\t\t\tconst midScale = 0.3\n\n\t\t\t\t// Create keyframes for two-stage arc animation\n\t\t\t\t// 0% → 25% → 50% → 75% → 100%\n\t\t\t\t// Source → Takeoff Arc → Click → Landing Arc → Final\n\t\t\t\tthis.element!.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// 0% - Start at source element\n\t\t\t\t\t\t\ttransform: `translate(${sourceDelta.x}px, ${sourceDelta.y}px) scale(${sourceScale.x}, ${sourceScale.y})`,\n\t\t\t\t\t\t\topacity: 0.6,\n\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// 25% - Peak of takeoff arc (bird lifts up)\n\t\t\t\t\t\t\ttransform: `translate(${takeoffArcDelta.x}px, ${takeoffArcDelta.y}px) scale(${midScale * 0.7})`,\n\t\t\t\t\t\t\topacity: 0.8,\n\t\t\t\t\t\t\toffset: 0.25,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// 50% - At click position (transition point)\n\t\t\t\t\t\t\ttransform: `translate(${clickDelta.x}px, ${clickDelta.y}px) scale(${midScale})`,\n\t\t\t\t\t\t\topacity: 0.9,\n\t\t\t\t\t\t\toffset: 0.5,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// 75% - Landing arc (bird descends toward target)\n\t\t\t\t\t\t\ttransform: `translate(${landingArcDelta.x}px, ${landingArcDelta.y}px) scale(0.6)`,\n\t\t\t\t\t\t\topacity: 0.95,\n\t\t\t\t\t\t\toffset: 0.75,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// 100% - Final position\n\t\t\t\t\t\t\ttransform: 'translate(0, 0) scale(1)',\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: totalDuration,\n\t\t\t\t\t\teasing: 'cubic-bezier(0.34, 1.2, 0.64, 1)', // Slight overshoot for organic feel\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t} else if (useBlackbird && clickPos) {\n\t\t\t\t// SINGLE-STAGE with arc (click position to final)\n\t\t\t\tconst arcPoint = calculateArcPoint(clickPos, targetCenter, 'down', 0.35)\n\t\t\t\tconst arcDelta = {\n\t\t\t\t\tx: arcPoint.x - targetCenter.x,\n\t\t\t\t\ty: arcPoint.y - targetCenter.y,\n\t\t\t\t}\n\n\t\t\t\tthis.element!.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttransform: `translate(${sourceDelta.x}px, ${sourceDelta.y}px) scale(0.1)`,\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttransform: `translate(${arcDelta.x}px, ${arcDelta.y}px) scale(0.5)`,\n\t\t\t\t\t\t\topacity: 0.8,\n\t\t\t\t\t\t\toffset: 0.5,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttransform: 'translate(0, 0) scale(1)',\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: totalDuration,\n\t\t\t\t\t\teasing: 'cubic-bezier(0.34, 1.2, 0.64, 1)',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t} else {\n\t\t\t\t// SIMPLE animation (fallback)\n\t\t\t\tthis.element!.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttransform: `translate(${sourceDelta.x}px, ${sourceDelta.y}px) scale(${sourceScale.x}, ${sourceScale.y})`,\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{ transform: 'translate(0, 0) scale(1, 1)', opacity: 1 },\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: totalDuration,\n\t\t\t\t\t\teasing: options?.easing ?? 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\n\t\t// Handle image loading\n\t\tif (this.element instanceof HTMLImageElement) {\n\t\t\tif (this.element.complete) {\n\t\t\t\trequestAnimationFrame(animate)\n\t\t\t} else {\n\t\t\t\tthis.element.onload = () => requestAnimationFrame(animate)\n\t\t\t}\n\t\t} else {\n\t\t\trequestAnimationFrame(animate)\n\t\t}\n\t}\n}\n\nexport const flip = directive(FlipDirective)\n","import { directive, PartInfo, PartType, ElementPart } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { noChange, TemplateResult } from 'lit'\nimport { html, render } from 'lit'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { flip } from './flip-directive.js'\n\nexport interface LightboxOptions {\n\timages?: string[]\n\tindex?: number\n\toverlay?: TemplateResult\n}\n\nclass LightboxDirective extends AsyncDirective {\n\tprivate element?: HTMLImageElement\n\tprivate clickHandler?: EventListener\n\tprivate keyHandler?: EventListener\n\tprivate overlayElement?: HTMLDivElement\n\tprivate currentIndex = 0\n\tprivate images: string[] = []\n\tprivate overlay?: TemplateResult\n\tprivate clickPosition?: { x: number; y: number }\n\n\tconstructor(partInfo: PartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('lightbox directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(_options?: LightboxOptions) {\n\t\treturn noChange\n\t}\n\n\tupdate(part: ElementPart, [options]: [LightboxOptions?]) {\n\t\tthis.element = part.element as HTMLImageElement\n\n\t\t// Setup click handler\n\t\tif (!this.clickHandler) {\n\t\t\tthis.clickHandler = (e: Event) => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\n\t\t\t\t// Capture click position from MouseEvent or TouchEvent\n\t\t\t\tif ('clientX' in e) {\n\t\t\t\t\tthis.clickPosition = { x: (e as MouseEvent).clientX, y: (e as MouseEvent).clientY }\n\t\t\t\t} else if ('touches' in e && (e as TouchEvent).touches.length) {\n\t\t\t\t\tconst touch = (e as TouchEvent).touches[0]\n\t\t\t\t\tthis.clickPosition = { x: touch.clientX, y: touch.clientY }\n\t\t\t\t}\n\n\t\t\t\tif (options?.images && options.images.length > 0) {\n\t\t\t\t\tthis.images = options.images\n\t\t\t\t\tthis.currentIndex = options.index || 0\n\t\t\t\t} else {\n\t\t\t\t\tthis.images = [this.element!.src]\n\t\t\t\t\tthis.currentIndex = 0\n\t\t\t\t}\n\t\t\t\tthis.overlay = options?.overlay\n\n\t\t\t\tthis.open()\n\t\t\t}\n\n\t\t\tthis.element.addEventListener('click', this.clickHandler)\n\t\t\tthis.element.style.cursor = 'pointer'\n\t\t\tthis.element.classList.add('hover:opacity-80', 'transition-opacity')\n\t\t}\n\n\t\treturn noChange\n\t}\n\n\tprivate open() {\n\t\t// Create overlay container with flex centering\n\t\tthis.overlayElement = document.createElement('div')\n\t\tthis.overlayElement.className = 'fixed inset-0 flex items-center justify-center opacity-0 bg-black/95 backdrop-blur-sm'\n\t\tthis.overlayElement.style.zIndex = '1000'\n\n\t\t// Render lightbox content using Lit\n\t\trender(this.renderLightbox(), this.overlayElement)\n\n\t\t// Add to body\n\t\tdocument.body.appendChild(this.overlayElement)\n\t\tdocument.body.style.overflow = 'hidden'\n\n\t\t// Animate in overlay\n\t\trequestAnimationFrame(() => {\n\t\t\tthis.overlayElement!.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\tduration: 300,\n\t\t\t\teasing: 'cubic-bezier(0.25, 1, 0.5, 1)',\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t})\n\n\t\t// Setup keyboard\n\t\tthis.keyHandler = (e: KeyboardEvent) => {\n\t\t\tif (e.key === 'Escape') this.close()\n\t\t\tif (e.key === 'ArrowLeft' && this.images.length > 1) this.prev()\n\t\t\tif (e.key === 'ArrowRight' && this.images.length > 1) this.next()\n\t\t}\n\t\tdocument.addEventListener('keydown', this.keyHandler)\n\n\t\t// Click overlay to close\n\t\tthis.overlayElement.addEventListener('click', e => {\n\t\t\tif (e.target === this.overlayElement) this.close()\n\t\t})\n\t}\n\n\tprivate close() {\n\t\tif (!this.overlayElement) return\n\n\t\tconst contentContainer = this.overlayElement.querySelector('[data-lightbox-content]') as HTMLElement\n\n\t\t// Animate back to click position\n\t\tif (contentContainer && this.clickPosition) {\n\t\t\tconst rect = contentContainer.getBoundingClientRect()\n\n\t\t\t// Animate container shrinking toward click point\n\t\t\tconst deltaX = this.clickPosition.x - (rect.left + rect.width / 2)\n\t\t\tconst deltaY = this.clickPosition.y - (rect.top + rect.height / 2)\n\n\t\t\tconst containerAnim = contentContainer.animate(\n\t\t\t\t[\n\t\t\t\t\t{ transform: 'translate(0, 0) scale(1)', opacity: 1 },\n\t\t\t\t\t{ transform: `translate(${deltaX}px, ${deltaY}px) scale(0.1)`, opacity: 0 },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 300,\n\t\t\t\t\teasing: 'cubic-bezier(0.4, 0, 0.2, 1)',\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\n\t\t\tthis.overlayElement.animate([{ opacity: 1 }, { opacity: 0 }], {\n\t\t\t\tduration: 250,\n\t\t\t\teasing: 'ease-out',\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\n\t\t\tcontainerAnim.onfinish = () => {\n\t\t\t\tthis.overlayElement?.remove()\n\t\t\t\tthis.overlayElement = undefined\n\t\t\t\tdocument.body.style.overflow = ''\n\t\t\t}\n\t\t} else {\n\t\t\t// Fallback to simple fade\n\t\t\tconst animation = this.overlayElement.animate([{ opacity: 1 }, { opacity: 0 }], {\n\t\t\t\tduration: 250,\n\t\t\t\teasing: 'ease-out',\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\n\t\t\tanimation.onfinish = () => {\n\t\t\t\tthis.overlayElement?.remove()\n\t\t\t\tthis.overlayElement = undefined\n\t\t\t\tdocument.body.style.overflow = ''\n\t\t\t}\n\t\t}\n\n\t\tif (this.keyHandler) {\n\t\t\tdocument.removeEventListener('keydown', this.keyHandler)\n\t\t\tthis.keyHandler = undefined\n\t\t}\n\t}\n\n\tprivate prev() {\n\t\tthis.currentIndex = (this.currentIndex - 1 + this.images.length) % this.images.length\n\t\tthis.updateImage()\n\t}\n\n\tprivate next() {\n\t\tthis.currentIndex = (this.currentIndex + 1) % this.images.length\n\t\tthis.updateImage()\n\t}\n\n\tprivate updateImage() {\n\t\tif (!this.overlayElement) return\n\t\trender(this.renderLightbox(), this.overlayElement)\n\t}\n\n\tprivate renderLightbox() {\n\t\tconst currentSrc = this.images[this.currentIndex]\n\t\tconst isGallery = this.images.length > 1\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tdata-lightbox-content\n\t\t\t\tclass=\"relative\"\n\t\t\t\tstyle=${styleMap({\n\t\t\t\t\ttransformOrigin: 'center center',\n\t\t\t\t})}\n\t\t\t\t@click=${(e: Event) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t<!-- Close button -->\n\t\t\t\t<button\n\t\t\t\t\tclass=\"absolute top-2 right-2 z-10 w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center text-white transition-colors\"\n\t\t\t\t\t@click=${() => this.close()}\n\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"text-2xl\">×</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Image container with optional overlay -->\n\t\t\t\t<div class=\"relative\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=${currentSrc}\n\t\t\t\t\t\t${flip({\n\t\t\t\t\t\t\tsourceElement: this.element,\n\t\t\t\t\t\t\tposition: this.clickPosition,\n\t\t\t\t\t\t\tduration: 600,\n\t\t\t\t\t\t\tscale: true,\n\t\t\t\t\t\t\tblackbird: true,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"object-contain rounded-lg\"\n\t\t\t\t\t\tstyle=\"max-height: calc(100vh - 40px); max-width: 90vw;\"\n\t\t\t\t\t\t@click=${() => !isGallery && this.close()}\n\t\t\t\t\t/>\n\t\t\t\t\t${this.overlay ? this.overlay : ''}\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Gallery controls -->\n\t\t\t\t${isGallery\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div class=\"flex items-center justify-center gap-4 text-white mt-4\">\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center transition-colors\"\n\t\t\t\t\t\t\t\t\t@click=${() => this.prev()}\n\t\t\t\t\t\t\t\t\taria-label=\"Previous\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t←\n\t\t\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t\t\t<div class=\"text-lg\">${this.currentIndex + 1} / ${this.images.length}</div>\n\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass=\"w-10 h-10 rounded-full bg-white/20 hover:bg-white/30 flex items-center justify-center transition-colors\"\n\t\t\t\t\t\t\t\t\t@click=${() => this.next()}\n\t\t\t\t\t\t\t\t\taria-label=\"Next\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t→\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tdisconnected() {\n\t\tif (this.element && this.clickHandler) {\n\t\t\tthis.element.removeEventListener('click', this.clickHandler)\n\t\t}\n\t\tthis.close()\n\t}\n}\n\nexport const lightbox = directive(LightboxDirective)\n","import { filter, fromEvent, map, Subject, switchMap, takeUntil, tap } from 'rxjs'\nimport { html, render } from 'lit'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { ComponentType } from '../area/router.types'\nimport { discoverComponent } from '@mixins/discovery.service'\nimport { 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":["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","distance","Math","abs","render","html","ref","stopPropagation","when","calculateArcPoint","start","end","arcDirection","intensity","midX","x","midY","y","sqrt","pow","arcHeight","min","__decorateClass","property","type","String","prototype","Array","Number","Boolean","state","customElement","flip","directive","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","lightbox","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","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.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"lightbox.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lightbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lightbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}