@lifecorner/angular-ui-kit 3.4.0 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-gallery.mjs

@@ -0,0 +1,563 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, HostListener, Injector, afterNextRender, computed, inject, input, output, signal, viewChild } from "@angular/core";
+import { CdkTrapFocus } from "@angular/cdk/a11y";
+import { IconComponent } from "@lifecorner/angular-ui-kit/icon";
+import { NgStyle } from "@angular/common";
+import { isSafeImageUrl } from "@lifecorner/angular-ui-kit/internal/url";
+const SIZE_COLUMNS = {
+	sm: 4,
+	md: 3,
+	lg: 2
+};
+var GalleryComponent = class GalleryComponent {
+	items = input.required(...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	layout = input("grid", ...ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	columns = input(null, ...ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []);
+	showCaptions = input(false, ...ngDevMode ? [{ debugName: "showCaptions" }] : /* istanbul ignore next */ []);
+	enableLightbox = input(true, ...ngDevMode ? [{ debugName: "enableLightbox" }] : /* istanbul ignore next */ []);
+	gap = input(8, ...ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []);
+	aspectRatio = input("1 / 1", ...ngDevMode ? [{ debugName: "aspectRatio" }] : /* istanbul ignore next */ []);
+	filterAllLabel = input("All", ...ngDevMode ? [{ debugName: "filterAllLabel" }] : /* istanbul ignore next */ []);
+	lightboxAriaLabel = input("Image lightbox", ...ngDevMode ? [{ debugName: "lightboxAriaLabel" }] : /* istanbul ignore next */ []);
+	zoomOutAriaLabel = input("Zoom out", ...ngDevMode ? [{ debugName: "zoomOutAriaLabel" }] : /* istanbul ignore next */ []);
+	zoomInAriaLabel = input("Zoom in", ...ngDevMode ? [{ debugName: "zoomInAriaLabel" }] : /* istanbul ignore next */ []);
+	resetZoomAriaLabel = input("Reset zoom", ...ngDevMode ? [{ debugName: "resetZoomAriaLabel" }] : /* istanbul ignore next */ []);
+	downloadAriaLabel = input("Download", ...ngDevMode ? [{ debugName: "downloadAriaLabel" }] : /* istanbul ignore next */ []);
+	closeAriaLabel = input("Close", ...ngDevMode ? [{ debugName: "closeAriaLabel" }] : /* istanbul ignore next */ []);
+	previousAriaLabel = input("Previous image", ...ngDevMode ? [{ debugName: "previousAriaLabel" }] : /* istanbul ignore next */ []);
+	nextAriaLabel = input("Next image", ...ngDevMode ? [{ debugName: "nextAriaLabel" }] : /* istanbul ignore next */ []);
+	imageFallbackLabel = input("Image", ...ngDevMode ? [{ debugName: "imageFallbackLabel" }] : /* istanbul ignore next */ []);
+	lightboxOpen = output();
+	lightboxClose = output();
+	injector = inject(Injector);
+	closeBtn = viewChild("closeBtn", ...ngDevMode ? [{ debugName: "closeBtn" }] : /* istanbul ignore next */ []);
+	triggerElement = null;
+	lightboxIndex = signal(null, ...ngDevMode ? [{ debugName: "lightboxIndex" }] : /* istanbul ignore next */ []);
+	lightboxZoom = signal(100, ...ngDevMode ? [{ debugName: "lightboxZoom" }] : /* istanbul ignore next */ []);
+	loadedImages = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "loadedImages" }] : /* istanbul ignore next */ []);
+	activeFilter = signal(null, ...ngDevMode ? [{ debugName: "activeFilter" }] : /* istanbul ignore next */ []);
+	gridColumns = computed(() => {
+		return this.columns() ?? SIZE_COLUMNS[this.size()];
+	}, ...ngDevMode ? [{ debugName: "gridColumns" }] : /* istanbul ignore next */ []);
+	gridStyle = computed(() => {
+		const cols = this.gridColumns();
+		const g = this.gap();
+		if (this.layout() === "masonry") return {
+			"column-count": `${cols}`,
+			"column-gap": `${g}px`
+		};
+		return {
+			"display": "grid",
+			"grid-template-columns": `repeat(${cols}, 1fr)`,
+			"gap": `${g}px`
+		};
+	}, ...ngDevMode ? [{ debugName: "gridStyle" }] : /* istanbul ignore next */ []);
+	itemStyle = computed(() => {
+		if (this.layout() === "masonry") return {};
+		return { "aspect-ratio": this.aspectRatio() };
+	}, ...ngDevMode ? [{ debugName: "itemStyle" }] : /* istanbul ignore next */ []);
+	categories = computed(() => {
+		const cats = /* @__PURE__ */ new Set();
+		for (const item of this.items()) if (item.category) cats.add(item.category);
+		return Array.from(cats).sort();
+	}, ...ngDevMode ? [{ debugName: "categories" }] : /* istanbul ignore next */ []);
+	filteredItems = computed(() => {
+		const filter = this.activeFilter();
+		if (!filter) return this.items();
+		return this.items().filter((item) => item.category === filter);
+	}, ...ngDevMode ? [{ debugName: "filteredItems" }] : /* istanbul ignore next */ []);
+	showFilters = computed(() => this.categories().length > 1, ...ngDevMode ? [{ debugName: "showFilters" }] : /* istanbul ignore next */ []);
+	lightboxItem = computed(() => {
+		const idx = this.lightboxIndex();
+		if (idx === null) return null;
+		return this.filteredItems()[idx] ?? null;
+	}, ...ngDevMode ? [{ debugName: "lightboxItem" }] : /* istanbul ignore next */ []);
+	lightboxCounter = computed(() => {
+		const idx = this.lightboxIndex();
+		if (idx === null) return "";
+		return `${idx + 1} / ${this.filteredItems().length}`;
+	}, ...ngDevMode ? [{ debugName: "lightboxCounter" }] : /* istanbul ignore next */ []);
+	lightboxTransform = computed(() => {
+		return `scale(${this.lightboxZoom() / 100})`;
+	}, ...ngDevMode ? [{ debugName: "lightboxTransform" }] : /* istanbul ignore next */ []);
+	canGoPrev = computed(() => {
+		const idx = this.lightboxIndex();
+		return idx !== null && idx > 0;
+	}, ...ngDevMode ? [{ debugName: "canGoPrev" }] : /* istanbul ignore next */ []);
+	canGoNext = computed(() => {
+		const idx = this.lightboxIndex();
+		return idx !== null && idx < this.filteredItems().length - 1;
+	}, ...ngDevMode ? [{ debugName: "canGoNext" }] : /* istanbul ignore next */ []);
+	ngOnDestroy() {
+		this.closeLightbox(false);
+	}
+	openLightbox(index, event) {
+		if (!this.enableLightbox()) return;
+		if (event instanceof KeyboardEvent) event.preventDefault();
+		this.triggerElement = event?.currentTarget ?? (document.activeElement instanceof HTMLElement ? document.activeElement : null);
+		this.lightboxIndex.set(index);
+		this.lightboxZoom.set(100);
+		this.lightboxOpen.emit(index);
+		document.body.style.overflow = "hidden";
+		afterNextRender(() => this.closeBtn()?.nativeElement.focus(), { injector: this.injector });
+	}
+	closeLightbox(restoreFocus = true) {
+		if (this.lightboxIndex() === null) return;
+		this.lightboxIndex.set(null);
+		this.lightboxZoom.set(100);
+		this.lightboxClose.emit();
+		document.body.style.overflow = "";
+		const trigger = this.triggerElement;
+		this.triggerElement = null;
+		if (restoreFocus && trigger?.isConnected) afterNextRender(() => trigger.focus(), { injector: this.injector });
+	}
+	goToPrev() {
+		const idx = this.lightboxIndex();
+		if (idx !== null && idx > 0) {
+			this.lightboxIndex.set(idx - 1);
+			this.lightboxZoom.set(100);
+		}
+	}
+	goToNext() {
+		const idx = this.lightboxIndex();
+		if (idx !== null && idx < this.filteredItems().length - 1) {
+			this.lightboxIndex.set(idx + 1);
+			this.lightboxZoom.set(100);
+		}
+	}
+	zoomIn() {
+		this.lightboxZoom.update((z) => Math.min(z + 25, 500));
+	}
+	zoomOut() {
+		this.lightboxZoom.update((z) => Math.max(z - 25, 25));
+	}
+	resetZoom() {
+		this.lightboxZoom.set(100);
+	}
+	downloadCurrent() {
+		const item = this.lightboxItem();
+		if (!item || !isSafeImageUrl(item.src)) return;
+		const a = document.createElement("a");
+		a.href = item.src;
+		a.download = item.alt || "image";
+		a.target = "_blank";
+		a.rel = "noopener noreferrer";
+		document.body.appendChild(a);
+		a.click();
+		document.body.removeChild(a);
+	}
+	setFilter(category) {
+		this.activeFilter.set(category);
+	}
+	onImageLoad(index) {
+		this.loadedImages.update((set) => {
+			const next = new Set(set);
+			next.add(index);
+			return next;
+		});
+	}
+	isLoaded(index) {
+		return this.loadedImages().has(index);
+	}
+	getThumbnail(item) {
+		return item.thumbnail || item.src;
+	}
+	trackByIndex(index) {
+		return index;
+	}
+	onKeydown(event) {
+		if (this.lightboxIndex() === null) return;
+		switch (event.key) {
+			case "Escape":
+				event.stopPropagation();
+				this.closeLightbox();
+				break;
+			case "ArrowLeft":
+				event.stopPropagation();
+				this.goToPrev();
+				break;
+			case "ArrowRight":
+				event.stopPropagation();
+				this.goToNext();
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: GalleryComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: GalleryComponent,
+		isStandalone: true,
+		selector: "lc-gallery",
+		inputs: {
+			items: {
+				classPropertyName: "items",
+				publicName: "items",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			layout: {
+				classPropertyName: "layout",
+				publicName: "layout",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			columns: {
+				classPropertyName: "columns",
+				publicName: "columns",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showCaptions: {
+				classPropertyName: "showCaptions",
+				publicName: "showCaptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			enableLightbox: {
+				classPropertyName: "enableLightbox",
+				publicName: "enableLightbox",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			gap: {
+				classPropertyName: "gap",
+				publicName: "gap",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			aspectRatio: {
+				classPropertyName: "aspectRatio",
+				publicName: "aspectRatio",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filterAllLabel: {
+				classPropertyName: "filterAllLabel",
+				publicName: "filterAllLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			lightboxAriaLabel: {
+				classPropertyName: "lightboxAriaLabel",
+				publicName: "lightboxAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			zoomOutAriaLabel: {
+				classPropertyName: "zoomOutAriaLabel",
+				publicName: "zoomOutAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			zoomInAriaLabel: {
+				classPropertyName: "zoomInAriaLabel",
+				publicName: "zoomInAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			resetZoomAriaLabel: {
+				classPropertyName: "resetZoomAriaLabel",
+				publicName: "resetZoomAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			downloadAriaLabel: {
+				classPropertyName: "downloadAriaLabel",
+				publicName: "downloadAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeAriaLabel: {
+				classPropertyName: "closeAriaLabel",
+				publicName: "closeAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			previousAriaLabel: {
+				classPropertyName: "previousAriaLabel",
+				publicName: "previousAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			nextAriaLabel: {
+				classPropertyName: "nextAriaLabel",
+				publicName: "nextAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			imageFallbackLabel: {
+				classPropertyName: "imageFallbackLabel",
+				publicName: "imageFallbackLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			lightboxOpen: "lightboxOpen",
+			lightboxClose: "lightboxClose"
+		},
+		host: {
+			listeners: { "document:keydown": "onKeydown($event)" },
+			properties: { "class": "\"gallery\"" }
+		},
+		viewQueries: [{
+			propertyName: "closeBtn",
+			first: true,
+			predicate: ["closeBtn"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<!-- Filters -->\n@if (showFilters()) {\n  <div class=\"gallery__filters\">\n    <button\n      type=\"button\"\n      class=\"gallery__filter-btn\"\n      [class.gallery__filter-btn--active]=\"activeFilter() === null\"\n      (click)=\"setFilter(null)\"\n    >\n      {{ filterAllLabel() }}\n    </button>\n    @for (cat of categories(); track cat) {\n      <button\n        type=\"button\"\n        class=\"gallery__filter-btn\"\n        [class.gallery__filter-btn--active]=\"activeFilter() === cat\"\n        (click)=\"setFilter(cat)\"\n      >\n        {{ cat }}\n      </button>\n    }\n  </div>\n}\n\n<!-- Grid / Masonry -->\n<div class=\"gallery__grid\" [class.gallery__grid--masonry]=\"layout() === 'masonry'\" [ngStyle]=\"gridStyle()\">\n  @for (item of filteredItems(); track item.src; let i = $index) {\n    <div\n      class=\"gallery__item\"\n      [class.gallery__item--loaded]=\"isLoaded(i)\"\n      [class.gallery__item--clickable]=\"enableLightbox()\"\n      [ngStyle]=\"itemStyle()\"\n      (click)=\"openLightbox(i, $event)\"\n      (keydown.enter)=\"openLightbox(i, $event)\"\n      (keydown.space)=\"$event.preventDefault()\"\n      (keyup.space)=\"openLightbox(i, $event)\"\n      [attr.tabindex]=\"enableLightbox() ? 0 : null\"\n      [attr.role]=\"enableLightbox() ? 'button' : null\"\n      [attr.aria-label]=\"item.alt || imageFallbackLabel() + ' ' + (i + 1)\"\n    >\n      @if (!isLoaded(i)) {\n        <div class=\"gallery__placeholder\"></div>\n      }\n      <img\n        class=\"gallery__thumb\"\n        [src]=\"getThumbnail(item)\"\n        [alt]=\"item.alt || ''\"\n        loading=\"lazy\"\n        (load)=\"onImageLoad(i)\"\n      />\n      @if (showCaptions() && item.caption) {\n        <div class=\"gallery__caption\">{{ item.caption }}</div>\n      }\n    </div>\n  }\n</div>\n\n<!-- Lightbox overlay -->\n@if (lightboxItem(); as item) {\n  <div\n    class=\"gallery__lightbox\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"lightboxAriaLabel()\"\n    tabindex=\"-1\"\n    cdkTrapFocus\n    (keydown)=\"onKeydown($event)\"\n  >\n    <!-- Backdrop -->\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- backdrop click is a mouse shortcut; Escape and the close button close the lightbox -->\n    <div class=\"gallery__lightbox-backdrop\" (click)=\"closeLightbox()\"></div>\n\n    <!-- Toolbar -->\n    <div class=\"gallery__lightbox-toolbar\">\n      <div class=\"gallery__lightbox-counter\">{{ lightboxCounter() }}</div>\n      <div class=\"gallery__lightbox-actions\">\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"zoomOutAriaLabel()\" (click)=\"zoomOut()\">\n          <lc-icon name=\"minus\" size=\"sm\" />\n        </button>\n        <span class=\"gallery__lightbox-zoom\">{{ lightboxZoom() }}%</span>\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"zoomInAriaLabel()\" (click)=\"zoomIn()\">\n          <lc-icon name=\"plus\" size=\"sm\" />\n        </button>\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"resetZoomAriaLabel()\" (click)=\"resetZoom()\">\n          <lc-icon name=\"arrows-pointing-out\" size=\"xs\" />\n        </button>\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"downloadAriaLabel()\" (click)=\"downloadCurrent()\">\n          <lc-icon name=\"arrow-down-tray\" size=\"sm\" />\n        </button>\n        <button #closeBtn type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"closeAriaLabel()\" (click)=\"closeLightbox()\">\n          <lc-icon name=\"x-mark\" size=\"sm\" />\n        </button>\n      </div>\n    </div>\n\n    <!-- Navigation -->\n    @if (canGoPrev()) {\n      <button\n        type=\"button\"\n        class=\"gallery__lightbox-nav gallery__lightbox-nav--prev\"\n        [attr.aria-label]=\"previousAriaLabel()\"\n        (click)=\"goToPrev()\"\n      >\n        <lc-icon name=\"chevron-left\" size=\"lg\" />\n      </button>\n    }\n    @if (canGoNext()) {\n      <button\n        type=\"button\"\n        class=\"gallery__lightbox-nav gallery__lightbox-nav--next\"\n        [attr.aria-label]=\"nextAriaLabel()\"\n        (click)=\"goToNext()\"\n      >\n        <lc-icon name=\"chevron-right\" size=\"lg\" />\n      </button>\n    }\n\n    <!-- Image -->\n    <div class=\"gallery__lightbox-content\">\n      <img\n        class=\"gallery__lightbox-image\"\n        [src]=\"item.src\"\n        [alt]=\"item.alt || ''\"\n        [style.transform]=\"lightboxTransform()\"\n      />\n    </div>\n\n    <!-- Caption -->\n    @if (item.caption) {\n      <div class=\"gallery__lightbox-caption\">{{ item.caption }}</div>\n    }\n  </div>\n}\n",
+		styles: [".gallery{width:100%}.gallery__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.gallery__filter-btn{padding:.375rem .75rem;border:1px solid var(--color-neutral-200);border-radius:999px;background:transparent;color:var(--color-text-secondary);font-size:var(--typography-font-size-sm, .875rem);font-family:var(--typography-font-family, sans-serif);cursor:pointer;transition:all .15s ease}.gallery__filter-btn:hover{border-color:var(--color-primary-300);color:var(--color-primary-500)}.gallery__filter-btn--active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.gallery__filter-btn--active:hover{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.gallery__grid{width:100%}.gallery__grid--masonry{display:block!important}.gallery__item{position:relative;overflow:hidden;border-radius:.5rem;background:var(--color-neutral-100)}.gallery__item--clickable{cursor:pointer}.gallery__item--clickable:hover .gallery__thumb{transform:scale(1.05)}.gallery__item--clickable:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.gallery__grid--masonry .gallery__item{margin-bottom:8px;break-inside:avoid}.gallery__placeholder{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200) 50%,var(--color-neutral-100) 75%);background-size:200% 100%;animation:gallery-shimmer 1.5s ease-in-out infinite}.gallery__thumb{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;opacity:0}.gallery__item--loaded .gallery__thumb{opacity:1}.gallery__caption{position:absolute;bottom:0;left:0;right:0;padding:.5rem .75rem;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:var(--typography-font-size-xs, .75rem);line-height:1.4}.gallery__lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.gallery__lightbox:focus{outline:none}.gallery__lightbox-backdrop{position:absolute;inset:0;background:#000000e6}.gallery__lightbox-toolbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;z-index:2}.gallery__lightbox-counter{color:#ffffffb3;font-size:var(--typography-font-size-sm, .875rem);font-family:var(--typography-font-family, sans-serif);-webkit-user-select:none;user-select:none}.gallery__lightbox-actions{display:flex;align-items:center;gap:.25rem}.gallery__lightbox-zoom{min-width:3rem;text-align:center;color:#ffffffb3;font-size:var(--typography-font-size-xs, .75rem);-webkit-user-select:none;user-select:none}.gallery__lightbox-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:.375rem;background:transparent;color:#ffffffb3;cursor:pointer;transition:background-color .15s ease,color .15s ease}.gallery__lightbox-btn:hover{background:#ffffff26;color:#fff}.gallery__lightbox-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;color:#fff}.gallery__lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;transition:background-color .15s ease}.gallery__lightbox-nav:hover{background:#000c}.gallery__lightbox-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.gallery__lightbox-nav--prev{left:1rem}.gallery__lightbox-nav--next{right:1rem}.gallery__lightbox-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:80vh;overflow:auto}.gallery__lightbox-image{max-width:90vw;max-height:80vh;object-fit:contain;transition:transform .2s ease;transform-origin:center center;-webkit-user-select:none;user-select:none}.gallery__lightbox-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:1rem;color:#ffffffe6;font-size:var(--typography-font-size-sm, .875rem);font-family:var(--typography-font-family, sans-serif);z-index:2}@keyframes gallery-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: IconComponent,
+				selector: "lc-icon",
+				inputs: [
+					"name",
+					"variant",
+					"size",
+					"color",
+					"ariaLabel",
+					"decorative",
+					"strict"
+				]
+			},
+			{
+				kind: "directive",
+				type: NgStyle,
+				selector: "[ngStyle]",
+				inputs: ["ngStyle"]
+			},
+			{
+				kind: "directive",
+				type: CdkTrapFocus,
+				selector: "[cdkTrapFocus]",
+				inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"],
+				exportAs: ["cdkTrapFocus"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: GalleryComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-gallery",
+			standalone: true,
+			imports: [
+				IconComponent,
+				NgStyle,
+				CdkTrapFocus
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "[class]": "\"gallery\"" },
+			template: "<!-- Filters -->\n@if (showFilters()) {\n  <div class=\"gallery__filters\">\n    <button\n      type=\"button\"\n      class=\"gallery__filter-btn\"\n      [class.gallery__filter-btn--active]=\"activeFilter() === null\"\n      (click)=\"setFilter(null)\"\n    >\n      {{ filterAllLabel() }}\n    </button>\n    @for (cat of categories(); track cat) {\n      <button\n        type=\"button\"\n        class=\"gallery__filter-btn\"\n        [class.gallery__filter-btn--active]=\"activeFilter() === cat\"\n        (click)=\"setFilter(cat)\"\n      >\n        {{ cat }}\n      </button>\n    }\n  </div>\n}\n\n<!-- Grid / Masonry -->\n<div class=\"gallery__grid\" [class.gallery__grid--masonry]=\"layout() === 'masonry'\" [ngStyle]=\"gridStyle()\">\n  @for (item of filteredItems(); track item.src; let i = $index) {\n    <div\n      class=\"gallery__item\"\n      [class.gallery__item--loaded]=\"isLoaded(i)\"\n      [class.gallery__item--clickable]=\"enableLightbox()\"\n      [ngStyle]=\"itemStyle()\"\n      (click)=\"openLightbox(i, $event)\"\n      (keydown.enter)=\"openLightbox(i, $event)\"\n      (keydown.space)=\"$event.preventDefault()\"\n      (keyup.space)=\"openLightbox(i, $event)\"\n      [attr.tabindex]=\"enableLightbox() ? 0 : null\"\n      [attr.role]=\"enableLightbox() ? 'button' : null\"\n      [attr.aria-label]=\"item.alt || imageFallbackLabel() + ' ' + (i + 1)\"\n    >\n      @if (!isLoaded(i)) {\n        <div class=\"gallery__placeholder\"></div>\n      }\n      <img\n        class=\"gallery__thumb\"\n        [src]=\"getThumbnail(item)\"\n        [alt]=\"item.alt || ''\"\n        loading=\"lazy\"\n        (load)=\"onImageLoad(i)\"\n      />\n      @if (showCaptions() && item.caption) {\n        <div class=\"gallery__caption\">{{ item.caption }}</div>\n      }\n    </div>\n  }\n</div>\n\n<!-- Lightbox overlay -->\n@if (lightboxItem(); as item) {\n  <div\n    class=\"gallery__lightbox\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"lightboxAriaLabel()\"\n    tabindex=\"-1\"\n    cdkTrapFocus\n    (keydown)=\"onKeydown($event)\"\n  >\n    <!-- Backdrop -->\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- backdrop click is a mouse shortcut; Escape and the close button close the lightbox -->\n    <div class=\"gallery__lightbox-backdrop\" (click)=\"closeLightbox()\"></div>\n\n    <!-- Toolbar -->\n    <div class=\"gallery__lightbox-toolbar\">\n      <div class=\"gallery__lightbox-counter\">{{ lightboxCounter() }}</div>\n      <div class=\"gallery__lightbox-actions\">\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"zoomOutAriaLabel()\" (click)=\"zoomOut()\">\n          <lc-icon name=\"minus\" size=\"sm\" />\n        </button>\n        <span class=\"gallery__lightbox-zoom\">{{ lightboxZoom() }}%</span>\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"zoomInAriaLabel()\" (click)=\"zoomIn()\">\n          <lc-icon name=\"plus\" size=\"sm\" />\n        </button>\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"resetZoomAriaLabel()\" (click)=\"resetZoom()\">\n          <lc-icon name=\"arrows-pointing-out\" size=\"xs\" />\n        </button>\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"downloadAriaLabel()\" (click)=\"downloadCurrent()\">\n          <lc-icon name=\"arrow-down-tray\" size=\"sm\" />\n        </button>\n        <button #closeBtn type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"closeAriaLabel()\" (click)=\"closeLightbox()\">\n          <lc-icon name=\"x-mark\" size=\"sm\" />\n        </button>\n      </div>\n    </div>\n\n    <!-- Navigation -->\n    @if (canGoPrev()) {\n      <button\n        type=\"button\"\n        class=\"gallery__lightbox-nav gallery__lightbox-nav--prev\"\n        [attr.aria-label]=\"previousAriaLabel()\"\n        (click)=\"goToPrev()\"\n      >\n        <lc-icon name=\"chevron-left\" size=\"lg\" />\n      </button>\n    }\n    @if (canGoNext()) {\n      <button\n        type=\"button\"\n        class=\"gallery__lightbox-nav gallery__lightbox-nav--next\"\n        [attr.aria-label]=\"nextAriaLabel()\"\n        (click)=\"goToNext()\"\n      >\n        <lc-icon name=\"chevron-right\" size=\"lg\" />\n      </button>\n    }\n\n    <!-- Image -->\n    <div class=\"gallery__lightbox-content\">\n      <img\n        class=\"gallery__lightbox-image\"\n        [src]=\"item.src\"\n        [alt]=\"item.alt || ''\"\n        [style.transform]=\"lightboxTransform()\"\n      />\n    </div>\n\n    <!-- Caption -->\n    @if (item.caption) {\n      <div class=\"gallery__lightbox-caption\">{{ item.caption }}</div>\n    }\n  </div>\n}\n",
+			styles: [".gallery{width:100%}.gallery__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.gallery__filter-btn{padding:.375rem .75rem;border:1px solid var(--color-neutral-200);border-radius:999px;background:transparent;color:var(--color-text-secondary);font-size:var(--typography-font-size-sm, .875rem);font-family:var(--typography-font-family, sans-serif);cursor:pointer;transition:all .15s ease}.gallery__filter-btn:hover{border-color:var(--color-primary-300);color:var(--color-primary-500)}.gallery__filter-btn--active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.gallery__filter-btn--active:hover{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.gallery__grid{width:100%}.gallery__grid--masonry{display:block!important}.gallery__item{position:relative;overflow:hidden;border-radius:.5rem;background:var(--color-neutral-100)}.gallery__item--clickable{cursor:pointer}.gallery__item--clickable:hover .gallery__thumb{transform:scale(1.05)}.gallery__item--clickable:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.gallery__grid--masonry .gallery__item{margin-bottom:8px;break-inside:avoid}.gallery__placeholder{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200) 50%,var(--color-neutral-100) 75%);background-size:200% 100%;animation:gallery-shimmer 1.5s ease-in-out infinite}.gallery__thumb{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;opacity:0}.gallery__item--loaded .gallery__thumb{opacity:1}.gallery__caption{position:absolute;bottom:0;left:0;right:0;padding:.5rem .75rem;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:var(--typography-font-size-xs, .75rem);line-height:1.4}.gallery__lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.gallery__lightbox:focus{outline:none}.gallery__lightbox-backdrop{position:absolute;inset:0;background:#000000e6}.gallery__lightbox-toolbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;z-index:2}.gallery__lightbox-counter{color:#ffffffb3;font-size:var(--typography-font-size-sm, .875rem);font-family:var(--typography-font-family, sans-serif);-webkit-user-select:none;user-select:none}.gallery__lightbox-actions{display:flex;align-items:center;gap:.25rem}.gallery__lightbox-zoom{min-width:3rem;text-align:center;color:#ffffffb3;font-size:var(--typography-font-size-xs, .75rem);-webkit-user-select:none;user-select:none}.gallery__lightbox-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:.375rem;background:transparent;color:#ffffffb3;cursor:pointer;transition:background-color .15s ease,color .15s ease}.gallery__lightbox-btn:hover{background:#ffffff26;color:#fff}.gallery__lightbox-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;color:#fff}.gallery__lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;transition:background-color .15s ease}.gallery__lightbox-nav:hover{background:#000c}.gallery__lightbox-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.gallery__lightbox-nav--prev{left:1rem}.gallery__lightbox-nav--next{right:1rem}.gallery__lightbox-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:80vh;overflow:auto}.gallery__lightbox-image{max-width:90vw;max-height:80vh;object-fit:contain;transition:transform .2s ease;transform-origin:center center;-webkit-user-select:none;user-select:none}.gallery__lightbox-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:1rem;color:#ffffffe6;font-size:var(--typography-font-size-sm, .875rem);font-family:var(--typography-font-family, sans-serif);z-index:2}@keyframes gallery-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"]
+		}]
+	}],
+	propDecorators: {
+		items: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "items",
+				required: true
+			}]
+		}],
+		layout: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "layout",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		columns: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "columns",
+				required: false
+			}]
+		}],
+		showCaptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showCaptions",
+				required: false
+			}]
+		}],
+		enableLightbox: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "enableLightbox",
+				required: false
+			}]
+		}],
+		gap: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "gap",
+				required: false
+			}]
+		}],
+		aspectRatio: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aspectRatio",
+				required: false
+			}]
+		}],
+		filterAllLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filterAllLabel",
+				required: false
+			}]
+		}],
+		lightboxAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lightboxAriaLabel",
+				required: false
+			}]
+		}],
+		zoomOutAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "zoomOutAriaLabel",
+				required: false
+			}]
+		}],
+		zoomInAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "zoomInAriaLabel",
+				required: false
+			}]
+		}],
+		resetZoomAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "resetZoomAriaLabel",
+				required: false
+			}]
+		}],
+		downloadAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "downloadAriaLabel",
+				required: false
+			}]
+		}],
+		closeAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeAriaLabel",
+				required: false
+			}]
+		}],
+		previousAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "previousAriaLabel",
+				required: false
+			}]
+		}],
+		nextAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nextAriaLabel",
+				required: false
+			}]
+		}],
+		imageFallbackLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "imageFallbackLabel",
+				required: false
+			}]
+		}],
+		lightboxOpen: [{
+			type: i0.Output,
+			args: ["lightboxOpen"]
+		}],
+		lightboxClose: [{
+			type: i0.Output,
+			args: ["lightboxClose"]
+		}],
+		closeBtn: [{
+			type: i0.ViewChild,
+			args: ["closeBtn", { isSignal: true }]
+		}],
+		onKeydown: [{
+			type: HostListener,
+			args: ["document:keydown", ["$event"]]
+		}]
+	}
+});
+export { GalleryComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-gallery.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-gallery.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-gallery.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/gallery/gallery.component.ts","../../../../libs/angular-ui-kit/src/lib/gallery/gallery.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostListener,\n  Injector,\n  OnDestroy,\n  afterNextRender,\n  computed,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\nimport { NgStyle } from '@angular/common';\nimport { isSafeImageUrl } from '@lifecorner/angular-ui-kit/internal/url';\n\nexport type GalleryLayout = 'grid' | 'masonry';\nexport type GallerySize = 'sm' | 'md' | 'lg';\n\nexport interface GalleryItem {\n  /** Image source URL */\n  src: string;\n  /** Thumbnail URL (falls back to src if not provided) */\n  thumbnail?: string;\n  /** Alt text for accessibility */\n  alt?: string;\n  /** Optional caption displayed below the image */\n  caption?: string;\n  /** Optional category for filtering */\n  category?: string;\n}\n\nconst SIZE_COLUMNS: Record<GallerySize, number> = {\n  sm: 4,\n  md: 3,\n  lg: 2,\n};\n\n/**\n * Gallery component for displaying image collections with lightbox.\n *\n * Features:\n * - Grid and masonry layout modes\n * - Responsive column count via size presets (sm, md, lg thumbnails)\n * - Configurable custom column count\n * - Lightbox overlay with navigation (prev/next)\n * - Keyboard navigation (Arrow keys, Escape); focus is trapped inside the\n *   lightbox and returned to the originating thumbnail on close\n * - Optional captions and category filtering\n * - Lazy loading with placeholder shimmer\n * - Zoom control in lightbox\n * - Download button in lightbox\n * - Dark/light theme support\n *\n * @example\n * ```html\n * <lc-gallery\n *   [items]=\"images\"\n *   layout=\"grid\"\n *   size=\"md\"\n *   [showCaptions]=\"true\" />\n * ```\n */\n@Component({\n  selector: 'lc-gallery',\n  standalone: true,\n  imports: [IconComponent, NgStyle, CdkTrapFocus],\n  templateUrl: './gallery.component.html',\n  styleUrls: ['./gallery.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': '\"gallery\"',\n  },\n})\nexport class GalleryComponent implements OnDestroy {\n  /** Array of gallery items to display */\n  readonly items = input.required<GalleryItem[]>();\n\n  /** Layout mode */\n  readonly layout = input<GalleryLayout>('grid');\n\n  /** Thumbnail size preset — controls column count (sm=4col, md=3col, lg=2col) */\n  readonly size = input<GallerySize>('md');\n\n  /** Custom column count (overrides size preset) */\n  readonly columns = input<number | null>(null);\n\n  /** Whether to show captions below thumbnails */\n  readonly showCaptions = input(false);\n\n  /** Whether clicking a thumbnail opens the lightbox */\n  readonly enableLightbox = input(true);\n\n  /** Gap between items in pixels */\n  readonly gap = input(8);\n\n  /** Aspect ratio for grid items (ignored in masonry mode) */\n  readonly aspectRatio = input('1 / 1');\n\n  /** Label of the \"all\" category filter (shown when the items span more than one category). */\n  readonly filterAllLabel = input('All');\n\n  /** Accessible name of the lightbox dialog. */\n  readonly lightboxAriaLabel = input('Image lightbox');\n\n  /** Accessible name of the lightbox zoom-out button. */\n  readonly zoomOutAriaLabel = input('Zoom out');\n\n  /** Accessible name of the lightbox zoom-in button. */\n  readonly zoomInAriaLabel = input('Zoom in');\n\n  /** Accessible name of the lightbox reset-zoom button. */\n  readonly resetZoomAriaLabel = input('Reset zoom');\n\n  /** Accessible name of the lightbox download button. */\n  readonly downloadAriaLabel = input('Download');\n\n  /** Accessible name of the lightbox close button. */\n  readonly closeAriaLabel = input('Close');\n\n  /** Accessible name of the previous-image button. */\n  readonly previousAriaLabel = input('Previous image');\n\n  /** Accessible name of the next-image button. */\n  readonly nextAriaLabel = input('Next image');\n\n  /** Accessible name of a thumbnail without `alt`, followed by its number. */\n  readonly imageFallbackLabel = input('Image');\n\n  /** Emitted when lightbox opens with item index */\n  readonly lightboxOpen = output<number>();\n\n  /** Emitted when lightbox closes */\n  readonly lightboxClose = output<void>();\n\n  // ── Internal state ───────────────────────────────────────────────────\n\n  private readonly injector = inject(Injector);\n  private readonly closeBtn = viewChild<ElementRef<HTMLButtonElement>>('closeBtn');\n  /** Element that opened the lightbox — focus returns there on close. */\n  private triggerElement: HTMLElement | null = null;\n\n  protected lightboxIndex = signal<number | null>(null);\n  protected lightboxZoom = signal(100);\n  protected loadedImages = signal<Set<number>>(new Set());\n  protected activeFilter = signal<string | null>(null);\n\n  // ── Computed ─────────────────────────────────────────────────────────\n\n  protected gridColumns = computed(() => {\n    return this.columns() ?? SIZE_COLUMNS[this.size()];\n  });\n\n  protected gridStyle = computed(() => {\n    const cols = this.gridColumns();\n    const g = this.gap();\n    if (this.layout() === 'masonry') {\n      return {\n        'column-count': `${cols}`,\n        'column-gap': `${g}px`,\n      };\n    }\n    return {\n      'display': 'grid',\n      'grid-template-columns': `repeat(${cols}, 1fr)`,\n      'gap': `${g}px`,\n    };\n  });\n\n  protected itemStyle = computed(() => {\n    if (this.layout() === 'masonry') return {};\n    return { 'aspect-ratio': this.aspectRatio() };\n  });\n\n  protected categories = computed<string[]>(() => {\n    const cats = new Set<string>();\n    for (const item of this.items()) {\n      if (item.category) cats.add(item.category);\n    }\n    return Array.from(cats).sort();\n  });\n\n  protected filteredItems = computed(() => {\n    const filter = this.activeFilter();\n    if (!filter) return this.items();\n    return this.items().filter(item => item.category === filter);\n  });\n\n  protected showFilters = computed(() => this.categories().length > 1);\n\n  protected lightboxItem = computed<GalleryItem | null>(() => {\n    const idx = this.lightboxIndex();\n    if (idx === null) return null;\n    const items = this.filteredItems();\n    return items[idx] ?? null;\n  });\n\n  protected lightboxCounter = computed(() => {\n    const idx = this.lightboxIndex();\n    if (idx === null) return '';\n    return `${idx + 1} / ${this.filteredItems().length}`;\n  });\n\n  protected lightboxTransform = computed(() => {\n    const z = this.lightboxZoom() / 100;\n    return `scale(${z})`;\n  });\n\n  protected canGoPrev = computed(() => {\n    const idx = this.lightboxIndex();\n    return idx !== null && idx > 0;\n  });\n\n  protected canGoNext = computed(() => {\n    const idx = this.lightboxIndex();\n    return idx !== null && idx < this.filteredItems().length - 1;\n  });\n\n  // ── Lifecycle ────────────────────────────────────────────────────────\n\n  ngOnDestroy(): void {\n    // No focus restore here: the injector is going away with the view.\n    this.closeLightbox(false);\n  }\n\n  // ── Actions ──────────────────────────────────────────────────────────\n\n  /**\n   * Opens the lightbox for `index`. Like a native button, Space activates on\n   * *keyup* (keydown only prevents the page scroll): activating on keydown\n   * would move focus to the Close button before the key is released, and the\n   * Space keyup would then immediately click Close.\n   */\n  protected openLightbox(index: number, event?: Event): void {\n    if (!this.enableLightbox()) return;\n    if (event instanceof KeyboardEvent) event.preventDefault();\n    this.triggerElement =\n      (event?.currentTarget as HTMLElement | null) ??\n      (document.activeElement instanceof HTMLElement ? document.activeElement : null);\n    this.lightboxIndex.set(index);\n    this.lightboxZoom.set(100);\n    this.lightboxOpen.emit(index);\n    document.body.style.overflow = 'hidden';\n    // The dialog is `@if`-rendered — move focus in once it exists.\n    afterNextRender(() => this.closeBtn()?.nativeElement.focus(), { injector: this.injector });\n  }\n\n  protected closeLightbox(restoreFocus = true): void {\n    if (this.lightboxIndex() === null) return;\n    this.lightboxIndex.set(null);\n    this.lightboxZoom.set(100);\n    this.lightboxClose.emit();\n    document.body.style.overflow = '';\n    const trigger = this.triggerElement;\n    this.triggerElement = null;\n    if (restoreFocus && trigger?.isConnected) {\n      afterNextRender(() => trigger.focus(), { injector: this.injector });\n    }\n  }\n\n  protected goToPrev(): void {\n    const idx = this.lightboxIndex();\n    if (idx !== null && idx > 0) {\n      this.lightboxIndex.set(idx - 1);\n      this.lightboxZoom.set(100);\n    }\n  }\n\n  protected goToNext(): void {\n    const idx = this.lightboxIndex();\n    if (idx !== null && idx < this.filteredItems().length - 1) {\n      this.lightboxIndex.set(idx + 1);\n      this.lightboxZoom.set(100);\n    }\n  }\n\n  protected zoomIn(): void {\n    this.lightboxZoom.update(z => Math.min(z + 25, 500));\n  }\n\n  protected zoomOut(): void {\n    this.lightboxZoom.update(z => Math.max(z - 25, 25));\n  }\n\n  protected resetZoom(): void {\n    this.lightboxZoom.set(100);\n  }\n\n  protected downloadCurrent(): void {\n    const item = this.lightboxItem();\n    // A programmatic click on a caller-supplied URL: only image-safe schemes.\n    if (!item || !isSafeImageUrl(item.src)) return;\n    const a = document.createElement('a');\n    a.href = item.src;\n    a.download = item.alt || 'image';\n    a.target = '_blank';\n    a.rel = 'noopener noreferrer';\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n  }\n\n  protected setFilter(category: string | null): void {\n    this.activeFilter.set(category);\n  }\n\n  protected onImageLoad(index: number): void {\n    this.loadedImages.update(set => {\n      const next = new Set(set);\n      next.add(index);\n      return next;\n    });\n  }\n\n  protected isLoaded(index: number): boolean {\n    return this.loadedImages().has(index);\n  }\n\n  protected getThumbnail(item: GalleryItem): string {\n    return item.thumbnail || item.src;\n  }\n\n  protected trackByIndex(index: number): number {\n    return index;\n  }\n\n  /**\n   * Keyboard handling while the lightbox is open. Bound on the lightbox itself\n   * (focus is trapped inside it) and, as a fallback, on `document`. A handled\n   * Escape stops propagating so an enclosing modal/drawer doesn't close too.\n   */\n  @HostListener('document:keydown', ['$event'])\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.lightboxIndex() === null) return;\n    switch (event.key) {\n      case 'Escape':\n        event.stopPropagation();\n        this.closeLightbox();\n        break;\n      case 'ArrowLeft':\n        event.stopPropagation();\n        this.goToPrev();\n        break;\n      case 'ArrowRight':\n        event.stopPropagation();\n        this.goToNext();\n        break;\n    }\n  }\n}\n","<!-- Filters -->\n@if (showFilters()) {\n  <div class=\"gallery__filters\">\n    <button\n      type=\"button\"\n      class=\"gallery__filter-btn\"\n      [class.gallery__filter-btn--active]=\"activeFilter() === null\"\n      (click)=\"setFilter(null)\"\n    >\n      {{ filterAllLabel() }}\n    </button>\n    @for (cat of categories(); track cat) {\n      <button\n        type=\"button\"\n        class=\"gallery__filter-btn\"\n        [class.gallery__filter-btn--active]=\"activeFilter() === cat\"\n        (click)=\"setFilter(cat)\"\n      >\n        {{ cat }}\n      </button>\n    }\n  </div>\n}\n\n<!-- Grid / Masonry -->\n<div class=\"gallery__grid\" [class.gallery__grid--masonry]=\"layout() === 'masonry'\" [ngStyle]=\"gridStyle()\">\n  @for (item of filteredItems(); track item.src; let i = $index) {\n    <div\n      class=\"gallery__item\"\n      [class.gallery__item--loaded]=\"isLoaded(i)\"\n      [class.gallery__item--clickable]=\"enableLightbox()\"\n      [ngStyle]=\"itemStyle()\"\n      (click)=\"openLightbox(i, $event)\"\n      (keydown.enter)=\"openLightbox(i, $event)\"\n      (keydown.space)=\"$event.preventDefault()\"\n      (keyup.space)=\"openLightbox(i, $event)\"\n      [attr.tabindex]=\"enableLightbox() ? 0 : null\"\n      [attr.role]=\"enableLightbox() ? 'button' : null\"\n      [attr.aria-label]=\"item.alt || imageFallbackLabel() + ' ' + (i + 1)\"\n    >\n      @if (!isLoaded(i)) {\n        <div class=\"gallery__placeholder\"></div>\n      }\n      <img\n        class=\"gallery__thumb\"\n        [src]=\"getThumbnail(item)\"\n        [alt]=\"item.alt || ''\"\n        loading=\"lazy\"\n        (load)=\"onImageLoad(i)\"\n      />\n      @if (showCaptions() && item.caption) {\n        <div class=\"gallery__caption\">{{ item.caption }}</div>\n      }\n    </div>\n  }\n</div>\n\n<!-- Lightbox overlay -->\n@if (lightboxItem(); as item) {\n  <div\n    class=\"gallery__lightbox\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"lightboxAriaLabel()\"\n    tabindex=\"-1\"\n    cdkTrapFocus\n    (keydown)=\"onKeydown($event)\"\n  >\n    <!-- Backdrop -->\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- backdrop click is a mouse shortcut; Escape and the close button close the lightbox -->\n    <div class=\"gallery__lightbox-backdrop\" (click)=\"closeLightbox()\"></div>\n\n    <!-- Toolbar -->\n    <div class=\"gallery__lightbox-toolbar\">\n      <div class=\"gallery__lightbox-counter\">{{ lightboxCounter() }}</div>\n      <div class=\"gallery__lightbox-actions\">\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"zoomOutAriaLabel()\" (click)=\"zoomOut()\">\n          <lc-icon name=\"minus\" size=\"sm\" />\n        </button>\n        <span class=\"gallery__lightbox-zoom\">{{ lightboxZoom() }}%</span>\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"zoomInAriaLabel()\" (click)=\"zoomIn()\">\n          <lc-icon name=\"plus\" size=\"sm\" />\n        </button>\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"resetZoomAriaLabel()\" (click)=\"resetZoom()\">\n          <lc-icon name=\"arrows-pointing-out\" size=\"xs\" />\n        </button>\n        <button type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"downloadAriaLabel()\" (click)=\"downloadCurrent()\">\n          <lc-icon name=\"arrow-down-tray\" size=\"sm\" />\n        </button>\n        <button #closeBtn type=\"button\" class=\"gallery__lightbox-btn\" [attr.aria-label]=\"closeAriaLabel()\" (click)=\"closeLightbox()\">\n          <lc-icon name=\"x-mark\" size=\"sm\" />\n        </button>\n      </div>\n    </div>\n\n    <!-- Navigation -->\n    @if (canGoPrev()) {\n      <button\n        type=\"button\"\n        class=\"gallery__lightbox-nav gallery__lightbox-nav--prev\"\n        [attr.aria-label]=\"previousAriaLabel()\"\n        (click)=\"goToPrev()\"\n      >\n        <lc-icon name=\"chevron-left\" size=\"lg\" />\n      </button>\n    }\n    @if (canGoNext()) {\n      <button\n        type=\"button\"\n        class=\"gallery__lightbox-nav gallery__lightbox-nav--next\"\n        [attr.aria-label]=\"nextAriaLabel()\"\n        (click)=\"goToNext()\"\n      >\n        <lc-icon name=\"chevron-right\" size=\"lg\" />\n      </button>\n    }\n\n    <!-- Image -->\n    <div class=\"gallery__lightbox-content\">\n      <img\n        class=\"gallery__lightbox-image\"\n        [src]=\"item.src\"\n        [alt]=\"item.alt || ''\"\n        [style.transform]=\"lightboxTransform()\"\n      />\n    </div>\n\n    <!-- Caption -->\n    @if (item.caption) {\n      <div class=\"gallery__lightbox-caption\">{{ item.caption }}</div>\n    }\n  </div>\n}\n"],"mappings":"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"}