genus-pdf-viewer 0.1.13 → 0.2.1

package/fesm2022/genus-pdf-viewer.mjs

@@ -1,1346 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, signal, effect, ViewChild, Input, Component, InjectionToken, PLATFORM_ID, APP_INITIALIZER } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule, isPlatformBrowser } from '@angular/common';
-import { DomSanitizer } from '@angular/platform-browser';
-import * as pdfjsLib from 'pdfjs-dist';
-
-class GenusPdfViewerComponent {
-    static inlineWorkerSetupPromise = null;
-    sanitizer = inject(DomSanitizer);
-    src;
-    page = 1;
-    zoom = 1.0;
-    maxZoom = 4;
-    minZoom = 0.25;
-    fit = 'width';
-    disableTextLayer = true;
-    continuous = true;
-    showToolbar = true;
-    zoomAnimation = true;
-    zoomAnimationMs = 180;
-    gestureAnimationMs = 120;
-    loadTimeoutMs = 45000;
-    allowIframeFallback = true;
-    withCredentials = false;
-    httpHeaders;
-    canvas;
-    singleStage;
-    stage;
-    doc;
-    currentPage;
-    pageSig = signal(1, ...(ngDevMode ? [{ debugName: "pageSig" }] : []));
-    zoomSig = signal(1, ...(ngDevMode ? [{ debugName: "zoomSig" }] : []));
-    isPanning = signal(false, ...(ngDevMode ? [{ debugName: "isPanning" }] : []));
-    canPan = signal(false, ...(ngDevMode ? [{ debugName: "canPan" }] : []));
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
-    iframeFallbackSrc = signal(null, ...(ngDevMode ? [{ debugName: "iframeFallbackSrc" }] : []));
-    PRINT_SCALE = 2;
-    scrollRaf = 0;
-    renderLockCount = 0;
-    zoomAnimInFlight = false;
-    activeRenderTasks = new Set();
-    wheelRaf = 0;
-    pinchState = null;
-    activePointers = new Map();
-    renderVersion = 0;
-    previewActive = false;
-    reRenderQueued = false;
-    pendingAnchor;
-    lastZoomClient = null;
-    WHEEL_STEP = 0.02;
-    PINCH_SENSITIVITY = 0.5;
-    wheelCommitTimer = 0;
-    lastLoadError = null;
-    constructor() {
-        effect(() => {
-            // Only react to zoom changes here; page changes in continuous mode should NOT trigger a re-render
-            this.zoomSig();
-            if (this.renderLockCount > 0 || this.previewActive)
-                return;
-            this.safeRender();
-        });
-    }
-    async ngOnChanges(changes) {
-        if (changes['page'])
-            this.pageSig.set(this.page);
-        if (changes['zoom'])
-            this.zoomSig.set(this.zoom);
-        const srcChanged = !!changes['src'];
-        const layoutChanged = !!(changes['fit'] || changes['minZoom'] || changes['maxZoom']);
-        if (!this.src)
-            return;
-        if (srcChanged) {
-            await this.loadDocument();
-            if (this.doc) {
-                const pages = this.doc.numPages;
-                if (this.pageSig() < 1)
-                    this.pageSig.set(1);
-                if (this.pageSig() > pages)
-                    this.pageSig.set(pages);
-                await this.render();
-            }
-            return;
-        }
-        if (layoutChanged) {
-            if (this.continuous) {
-                const container = this.stage?.nativeElement;
-                const anchor = container ? this.captureScrollAnchor(container) || undefined : undefined;
-                await this.renderAllPages(anchor);
-            }
-            else {
-                await this.render();
-            }
-            return;
-        }
-        if (!this.continuous && changes['page']) {
-            await this.render();
-        }
-    }
-    async safeRender() {
-        try {
-            await this.render();
-        }
-        catch (_) { }
-    }
-    async loadDocument() {
-        this.loading.set(true);
-        this.error.set(null);
-        this.iframeFallbackSrc.set(null);
-        this.lastLoadError = null;
-        if (this.doc) {
-            try {
-                await this.doc.destroy();
-            }
-            catch { }
-            this.doc = undefined;
-        }
-        try {
-            this.doc = await this.loadDocumentWithFallbacks(this.src);
-            if (!this.doc) {
-                if (!this.tryEnableIframeFallback()) {
-                    this.error.set(this.buildLoadErrorMessage());
-                }
-            }
-        }
-        catch {
-            this.doc = undefined;
-            if (!this.tryEnableIframeFallback()) {
-                this.error.set(this.buildLoadErrorMessage());
-            }
-        }
-        finally {
-            this.loading.set(false);
-        }
-    }
-    async loadDocumentWithFallbacks(src) {
-        await this.ensureInlineWorkerFallback();
-        const workerCandidates = this.getWorkerSrcCandidates();
-        const baseTimeout = this.getEffectiveLoadTimeoutMs();
-        const primary = this.createPrimaryParams(src);
-        if (primary && workerCandidates.length) {
-            for (let i = 0; i < workerCandidates.length; i++) {
-                this.applyWorkerSrc(workerCandidates[i]);
-                const timeoutMs = i === 0 ? baseTimeout : Math.min(baseTimeout, 12000);
-                const doc = await this.tryLoadDocument(primary, timeoutMs);
-                if (doc)
-                    return doc;
-            }
-        }
-        else if (primary) {
-            const doc = await this.tryLoadDocument(primary, baseTimeout);
-            if (doc)
-                return doc;
-        }
-        const bytes = await this.toPdfBytes(src);
-        if (!bytes)
-            return undefined;
-        const byteParams = {
-            data: bytes,
-            disableRange: true,
-            disableStream: true,
-            disableAutoFetch: true,
-            stopAtErrors: true,
-        };
-        if (workerCandidates.length) {
-            for (let i = 0; i < workerCandidates.length; i++) {
-                this.applyWorkerSrc(workerCandidates[i]);
-                const timeoutMs = i === 0 ? baseTimeout : Math.min(baseTimeout, 12000);
-                const doc = await this.tryLoadDocument(byteParams, timeoutMs);
-                if (doc)
-                    return doc;
-            }
-            return undefined;
-        }
-        return this.tryLoadDocument(byteParams, baseTimeout);
-    }
-    createPrimaryParams(src) {
-        if (typeof src === 'string') {
-            return {
-                url: src,
-                withCredentials: this.withCredentials,
-                httpHeaders: this.httpHeaders,
-                stopAtErrors: true,
-            };
-        }
-        if (src instanceof URL) {
-            return {
-                url: src.toString(),
-                withCredentials: this.withCredentials,
-                httpHeaders: this.httpHeaders,
-                stopAtErrors: true,
-            };
-        }
-        if (src instanceof Uint8Array) {
-            const copy = new Uint8Array(src.byteLength);
-            copy.set(src);
-            return {
-                data: copy,
-                disableRange: true,
-                disableStream: true,
-                disableAutoFetch: true,
-                stopAtErrors: true,
-            };
-        }
-        return null;
-    }
-    async tryLoadDocument(params, timeoutMs) {
-        const task = pdfjsLib.getDocument(params);
-        let timer = null;
-        try {
-            if (timeoutMs <= 0) {
-                return await task.promise;
-            }
-            const timeoutPromise = new Promise((_, reject) => {
-                timer = setTimeout(() => reject(new Error('PDF load timeout')), timeoutMs);
-            });
-            return await Promise.race([task.promise, timeoutPromise]);
-        }
-        catch (e) {
-            this.lastLoadError = e;
-            try {
-                await task.destroy();
-            }
-            catch { }
-            return undefined;
-        }
-        finally {
-            if (timer)
-                clearTimeout(timer);
-        }
-    }
-    getEffectiveLoadTimeoutMs() {
-        if (!Number.isFinite(this.loadTimeoutMs))
-            return 45000;
-        if (this.loadTimeoutMs <= 0)
-            return 0;
-        return Math.max(5000, this.loadTimeoutMs);
-    }
-    async ensureInlineWorkerFallback() {
-        if (typeof window === 'undefined')
-            return;
-        const g = globalThis;
-        if (g?.pdfjsWorker?.WorkerMessageHandler)
-            return;
-        if (!GenusPdfViewerComponent.inlineWorkerSetupPromise) {
-            GenusPdfViewerComponent.inlineWorkerSetupPromise = (async () => {
-                try {
-                    // @ts-ignore pdfjs-dist worker entry does not ship declaration files.
-                    const workerModule = await import('pdfjs-dist/build/pdf.worker.min.mjs');
-                    if (workerModule?.WorkerMessageHandler) {
-                        g.pdfjsWorker = { ...(g.pdfjsWorker || {}), WorkerMessageHandler: workerModule.WorkerMessageHandler };
-                    }
-                }
-                catch { }
-            })();
-        }
-        await GenusPdfViewerComponent.inlineWorkerSetupPromise;
-    }
-    resolveBundledWorkerSrc() {
-        try {
-            return new URL('../workers/pdf.worker.min.mjs', import.meta.url).toString();
-        }
-        catch {
-            return null;
-        }
-    }
-    getWorkerSrcCandidates() {
-        const options = pdfjsLib.GlobalWorkerOptions || {};
-        const current = typeof options.workerSrc === 'string' ? options.workerSrc : '';
-        const bundled = this.resolveBundledWorkerSrc() || '';
-        const assetJs = '/assets/pdf.worker.min.js';
-        const assetMjs = '/assets/pdf.worker.min.mjs';
-        const candidates = [bundled, current, assetJs, assetMjs].filter((v) => !!v);
-        return Array.from(new Set(candidates));
-    }
-    applyWorkerSrc(workerSrc) {
-        const options = pdfjsLib.GlobalWorkerOptions || {};
-        options.workerPort = null;
-        options.workerSrc = workerSrc;
-    }
-    buildLoadErrorMessage() {
-        const raw = this.extractErrorText(this.lastLoadError).trim();
-        const lower = raw.toLowerCase();
-        if (lower.includes('worker')) {
-            return 'PDF worker bootstrap failed. Check CSP/network restrictions for dynamic imports and retry.';
-        }
-        if (lower.includes('cors') || lower.includes('network') || lower.includes('fetch')) {
-            return 'PDF request failed. Check file URL, network, and CORS policy, then retry.';
-        }
-        if (lower.includes('password')) {
-            return 'This PDF appears to be password protected.';
-        }
-        return 'Failed to load PDF. Check URL/CORS and worker setup, then retry.';
-    }
-    tryEnableIframeFallback() {
-        if (!this.allowIframeFallback)
-            return false;
-        if (!this.isLikelyNetworkOrCorsError())
-            return false;
-        const href = this.toFallbackHref(this.src);
-        if (!href)
-            return false;
-        this.iframeFallbackSrc.set(this.sanitizer.bypassSecurityTrustResourceUrl(href));
-        this.error.set(null);
-        this.pageSig.set(1);
-        return true;
-    }
-    isLikelyNetworkOrCorsError() {
-        const lower = this.extractErrorText(this.lastLoadError).toLowerCase();
-        return (lower.includes('cors') ||
-            lower.includes('network') ||
-            lower.includes('fetch') ||
-            lower.includes('load failed') ||
-            lower.includes('failed to fetch') ||
-            lower.includes('securityerror'));
-    }
-    toFallbackHref(src) {
-        if (typeof window === 'undefined')
-            return null;
-        if (typeof src === 'string') {
-            try {
-                const url = new URL(src, window.location.href);
-                if (!['http:', 'https:', 'blob:', 'data:'].includes(url.protocol))
-                    return null;
-                return url.toString();
-            }
-            catch {
-                return null;
-            }
-        }
-        if (src instanceof URL) {
-            if (!['http:', 'https:', 'blob:', 'data:'].includes(src.protocol))
-                return null;
-            return src.toString();
-        }
-        return null;
-    }
-    extractErrorText(error) {
-        if (!error)
-            return '';
-        if (typeof error === 'string')
-            return error;
-        if (typeof error === 'object') {
-            const maybeMessage = error.message;
-            if (typeof maybeMessage === 'string')
-                return maybeMessage;
-            try {
-                return JSON.stringify(error);
-            }
-            catch {
-                return String(error);
-            }
-        }
-        return String(error);
-    }
-    async toPdfBytes(src) {
-        if (src instanceof Uint8Array) {
-            const copy = new Uint8Array(src.byteLength);
-            copy.set(src);
-            return copy;
-        }
-        if (src instanceof Blob) {
-            try {
-                return new Uint8Array(await src.arrayBuffer());
-            }
-            catch {
-                return null;
-            }
-        }
-        const href = typeof src === 'string' ? src : src.toString();
-        if (typeof fetch === 'undefined')
-            return null;
-        try {
-            const res = await fetch(href, {
-                mode: 'cors',
-                headers: this.httpHeaders,
-                credentials: this.withCredentials ? 'include' : 'same-origin',
-            });
-            if (!res.ok)
-                return null;
-            return new Uint8Array(await res.arrayBuffer());
-        }
-        catch {
-            return null;
-        }
-    }
-    async render() {
-        if (!this.doc)
-            return;
-        const version = ++this.renderVersion;
-        if (this.continuous) {
-            await this.renderAllPages();
-            return;
-        }
-        const pageNum = this.pageSig();
-        const pdfPage = await this.doc.getPage(pageNum);
-        this.currentPage = pdfPage;
-        const canvas = this.canvas?.nativeElement;
-        if (!canvas)
-            return;
-        const ctx = canvas.getContext('2d');
-        const baseViewport = pdfPage.getViewport({ scale: 1 });
-        const parent = canvas.parentElement;
-        const anchor = this.captureScrollAnchor(parent) || undefined;
-        const pW = parent.clientWidth, pH = parent.clientHeight || baseViewport.height;
-        let baseScale = 1;
-        if (this.fit === 'width')
-            baseScale = (pW - 16) / baseViewport.width;
-        if (this.fit === 'height')
-            baseScale = (pH - 16) / baseViewport.height;
-        if (this.fit === 'page')
-            baseScale = Math.min((pW - 16) / baseViewport.width, (pH - 16) / baseViewport.height);
-        const minScale = baseScale * this.minZoom;
-        const maxScale = baseScale * this.maxZoom;
-        const finalScale = Math.max(minScale, Math.min(maxScale, baseScale * this.zoomSig()));
-        this.canPan.set(finalScale > baseScale + 0.001);
-        const viewport = pdfPage.getViewport({ scale: finalScale });
-        const dpr = (typeof window !== 'undefined' && window.devicePixelRatio) ? window.devicePixelRatio : 1;
-        canvas.style.width = Math.floor(viewport.width) + 'px';
-        canvas.style.height = Math.floor(viewport.height) + 'px';
-        canvas.width = Math.floor(viewport.width * dpr);
-        canvas.height = Math.floor(viewport.height * dpr);
-        const renderCtx = { canvasContext: ctx, viewport };
-        if (dpr !== 1)
-            renderCtx.transform = [dpr, 0, 0, dpr, 0, 0];
-        const task = pdfPage.render(renderCtx);
-        await task.promise;
-        if (this.renderVersion !== version)
-            return;
-        if (anchor)
-            this.restoreScrollAnchor(parent, anchor);
-    }
-    async renderAllPages(anchorOverride) {
-        if (!this.doc)
-            return;
-        const stageEl = this.stage?.nativeElement;
-        if (!stageEl)
-            return;
-        const version = ++this.renderVersion;
-        const anchor = anchorOverride ?? this.captureScrollAnchor(stageEl);
-        const total = this.doc.numPages;
-        const parentRect = stageEl.getBoundingClientRect();
-        const parentWidth = parentRect.width || stageEl.clientWidth || 800;
-        let computedCanPan = false;
-        const existing = Array.from(stageEl.querySelectorAll('.pdf-page'));
-        const isInitialBuild = existing.length !== total;
-        this.renderLockCount++;
-        try {
-            if (isInitialBuild) {
-                stageEl.innerHTML = '';
-                const contentEl = document.createElement('div');
-                contentEl.className = 'pdf-content';
-                stageEl.appendChild(contentEl);
-                for (let i = 1; i <= total; i++) {
-                    const page = await this.doc.getPage(i);
-                    const baseViewport = page.getViewport({ scale: 1 });
-                    let baseScale = 1;
-                    if (this.fit === 'width')
-                        baseScale = (parentWidth - 16) / baseViewport.width;
-                    if (this.fit === 'page')
-                        baseScale = (parentWidth - 16) / baseViewport.width;
-                    const minScale = baseScale * this.minZoom;
-                    const maxScale = baseScale * this.maxZoom;
-                    const finalScale = Math.max(minScale, Math.min(maxScale, baseScale * this.zoomSig()));
-                    if (i === 1)
-                        computedCanPan = finalScale > baseScale + 0.001;
-                    const viewport = page.getViewport({ scale: finalScale });
-                    const wrapper = document.createElement('div');
-                    wrapper.className = 'pdf-page';
-                    wrapper.setAttribute('data-page', String(i));
-                    wrapper.style.width = Math.floor(viewport.width) + 'px';
-                    wrapper.style.height = Math.floor(viewport.height) + 'px';
-                    wrapper.style.margin = '0 auto 12px auto';
-                    const canvas = document.createElement('canvas');
-                    const dpr = (typeof window !== 'undefined' && window.devicePixelRatio) ? window.devicePixelRatio : 1;
-                    canvas.style.width = Math.floor(viewport.width) + 'px';
-                    canvas.style.height = Math.floor(viewport.height) + 'px';
-                    canvas.width = Math.floor(viewport.width * dpr);
-                    canvas.height = Math.floor(viewport.height * dpr);
-                    const ctx = canvas.getContext('2d');
-                    wrapper.appendChild(canvas);
-                    contentEl.appendChild(wrapper);
-                    const renderCtx = { canvasContext: ctx, viewport };
-                    if (dpr !== 1)
-                        renderCtx.transform = [dpr, 0, 0, dpr, 0, 0];
-                    const task = page.render(renderCtx);
-                    await task.promise;
-                    if (this.renderVersion !== version)
-                        return;
-                }
-            }
-            else {
-                let contentEl = stageEl.querySelector('.pdf-content');
-                if (!contentEl) {
-                    contentEl = document.createElement('div');
-                    contentEl.className = 'pdf-content';
-                    const pages = Array.from(stageEl.querySelectorAll('.pdf-page'));
-                    for (const el of pages)
-                        contentEl.appendChild(el);
-                    stageEl.appendChild(contentEl);
-                }
-                for (let i = 1; i <= total; i++) {
-                    const page = await this.doc.getPage(i);
-                    const baseViewport = page.getViewport({ scale: 1 });
-                    let baseScale = 1;
-                    if (this.fit === 'width')
-                        baseScale = (parentWidth - 16) / baseViewport.width;
-                    if (this.fit === 'page')
-                        baseScale = (parentWidth - 16) / baseViewport.width;
-                    const minScale = baseScale * this.minZoom;
-                    const maxScale = baseScale * this.maxZoom;
-                    const finalScale = Math.max(minScale, Math.min(maxScale, baseScale * this.zoomSig()));
-                    if (i === 1)
-                        computedCanPan = finalScale > baseScale + 0.001;
-                    const viewport = page.getViewport({ scale: finalScale });
-                    const wrapper = existing[i - 1];
-                    const canvas = wrapper.querySelector('canvas');
-                    wrapper.style.width = Math.floor(viewport.width) + 'px';
-                    wrapper.style.height = Math.floor(viewport.height) + 'px';
-                    const dpr = (typeof window !== 'undefined' && window.devicePixelRatio) ? window.devicePixelRatio : 1;
-                    canvas.style.width = Math.floor(viewport.width) + 'px';
-                    canvas.style.height = Math.floor(viewport.height) + 'px';
-                    canvas.width = Math.floor(viewport.width * dpr);
-                    canvas.height = Math.floor(viewport.height * dpr);
-                    const ctx = canvas.getContext('2d');
-                    const renderCtx = { canvasContext: ctx, viewport };
-                    if (dpr !== 1)
-                        renderCtx.transform = [dpr, 0, 0, dpr, 0, 0];
-                    const task = page.render(renderCtx);
-                    await task.promise;
-                    if (this.renderVersion !== version)
-                        return;
-                }
-            }
-            this.canPan.set(computedCanPan);
-            if (anchor)
-                this.restoreScrollAnchor(stageEl, anchor);
-        }
-        finally {
-            this.renderLockCount = Math.max(0, this.renderLockCount - 1);
-        }
-    }
-    async goTo(page) {
-        if (!this.doc)
-            return;
-        const p = Math.max(1, Math.min(this.doc.numPages, page));
-        this.pageSig.set(p);
-        if (this.continuous) {
-            const stageEl = this.stage?.nativeElement;
-            const el = stageEl?.querySelector(`[data-page="${p}"]`);
-            el?.scrollIntoView({ behavior: 'smooth', block: 'start' });
-        }
-        else {
-            await this.render();
-        }
-    }
-    async zoomIn(step = 0.1) { await this.applyZoomDelta(step); }
-    async zoomOut(step = 0.1) { await this.applyZoomDelta(-step); }
-    clampZoom(z) {
-        return Math.max(this.minZoom, Math.min(this.maxZoom, z));
-    }
-    cancelPreviewIfAny(container) {
-        if (!this.previewActive || !container)
-            return;
-        const target = this.continuous ? (container.querySelector('.pdf-content') || container) : (container.querySelector('canvas') || container);
-        try {
-            target.style.transform = '';
-            target.style.willChange = '';
-            target.style.transition = '';
-        }
-        catch { }
-        this.previewActive = false;
-        this.lastZoomClient = null;
-    }
-    async applyZoomDelta(delta) {
-        const oldZoom = this.zoomSig();
-        const newZoom = this.clampZoom(oldZoom + delta);
-        if (Math.abs(newZoom - oldZoom) < 0.0001)
-            return;
-        const container = this.continuous ? this.stage?.nativeElement : this.singleStage?.nativeElement;
-        // If a preview transform is active (from pinch/wheel), clear it before capturing anchor or animating
-        this.cancelPreviewIfAny(container);
-        const anchor = container ? this.captureScrollAnchor(container) || undefined : undefined;
-        const ratio = newZoom / oldZoom;
-        if (this.zoomAnimation && container && !this.zoomAnimInFlight) {
-            this.zoomAnimInFlight = true;
-            this.renderLockCount++;
-            // Update UI value immediately
-            this.zoomSig.set(newZoom);
-            try {
-                await this.runZoomAnimation(container, ratio);
-            }
-            finally {
-                // Release the render lock before triggering the actual re-render
-                this.renderLockCount = Math.max(0, this.renderLockCount - 1);
-                await this.safeReRenderWithCancellation(anchor);
-                this.zoomAnimInFlight = false;
-            }
-        }
-        else {
-            this.zoomSig.set(newZoom);
-            await this.safeReRenderWithCancellation(anchor);
-        }
-    }
-    async runZoomAnimation(container, ratio) {
-        if (Math.abs(ratio - 1) < 0.0001)
-            return;
-        const { target, originX, originY } = this.getZoomAnimTarget(container);
-        return new Promise((resolve) => {
-            try {
-                const onDone = () => {
-                    cleanup();
-                    resolve();
-                };
-                const cleanup = () => {
-                    target.removeEventListener('transitionend', onEnd);
-                    target.style.transition = '';
-                    target.style.transform = '';
-                    target.style.transformOrigin = '';
-                    target.style.willChange = '';
-                };
-                const onEnd = () => onDone();
-                target.style.willChange = 'transform';
-                target.style.transformOrigin = `${Math.max(0, originX)}px ${Math.max(0, originY)}px`;
-                target.style.transition = 'none';
-                target.style.transform = 'scale(1)';
-                requestAnimationFrame(() => {
-                    target.addEventListener('transitionend', onEnd, { once: true });
-                    target.style.transition = `transform ${this.zoomAnimationMs}ms cubic-bezier(0.2,0,0,1)`;
-                    target.style.transform = `scale(${ratio})`;
-                    setTimeout(onDone, this.zoomAnimationMs + 60);
-                });
-            }
-            catch {
-                resolve();
-            }
-        });
-    }
-    getZoomAnimTarget(container) {
-        const isContinuous = this.continuous;
-        let target = null;
-        if (isContinuous) {
-            target = container.querySelector('.pdf-content');
-            if (!target)
-                target = container; // fallback
-        }
-        else {
-            target = container.querySelector('canvas');
-            if (!target)
-                target = container; // fallback
-        }
-        const rectLeft = target.offsetLeft;
-        const rectTop = target.offsetTop;
-        // Prefer last gesture point (pinch center or wheel pointer) if available
-        const client = this.lastZoomClient;
-        const originX = client ? (container.scrollLeft + client.x - rectLeft) : (container.scrollLeft + container.clientWidth / 2 - rectLeft);
-        const originY = client ? (container.scrollTop + client.y - rectTop) : (container.scrollTop + container.clientHeight / 2 - rectTop);
-        return { target, originX, originY };
-    }
-    onScroll(evt) {
-        const container = evt.target;
-        // debounce via rAF
-        if (this.scrollRaf)
-            cancelAnimationFrame(this.scrollRaf);
-        this.scrollRaf = requestAnimationFrame(() => {
-            if (!this.doc || !this.continuous)
-                return;
-            const pages = Array.from(container.querySelectorAll('.pdf-page'));
-            if (!pages.length)
-                return;
-            const centerY = container.scrollTop + container.clientHeight / 2;
-            let current = this.pageSig();
-            for (const el of pages) {
-                const top = el.offsetTop;
-                const bottom = top + el.offsetHeight;
-                if (centerY >= top && centerY <= bottom) {
-                    const p = parseInt(el.getAttribute('data-page') || '1', 10);
-                    current = p;
-                    break;
-                }
-            }
-            if (current !== this.pageSig())
-                this.pageSig.set(current);
-        });
-    }
-    async nextPage() { await this.goTo(this.pageSig() + 1); }
-    async prevPage() { await this.goTo(this.pageSig() - 1); }
-    pageCount() {
-        return this.doc?.numPages ?? (this.iframeFallbackSrc() ? 1 : 0);
-    }
-    isZoomed() {
-        return Math.abs(this.zoomSig() - 1) > 0.0001;
-    }
-    async resetZoom() {
-        // Reset to exactly 1.0 (100%)
-        const delta = 1 - this.zoomSig();
-        await this.applyZoomDelta(delta);
-    }
-    async retryLoad() {
-        await this.loadDocument();
-        if (this.doc) {
-            const pages = this.doc.numPages;
-            if (this.pageSig() < 1)
-                this.pageSig.set(1);
-            if (this.pageSig() > pages)
-                this.pageSig.set(pages);
-            await this.render();
-        }
-    }
-    onPointerDown(evt, containerEl) {
-        // Pinch-to-zoom (two pointers)
-        if (evt.pointerType === 'touch') {
-            this.activePointers.set(evt.pointerId, { x: evt.clientX, y: evt.clientY, type: evt.pointerType });
-            const onPointerMove = (e) => {
-                if (e.pointerType === 'touch')
-                    this.activePointers.set(e.pointerId, { x: e.clientX, y: e.clientY, type: e.pointerType });
-                const touches = Array.from(this.activePointers.entries()).map(([id, p]) => ({ pointerId: id, clientX: p.x, clientY: p.y }))
-                    .slice(0, 2);
-                if (touches.length === 2) {
-                    const [a, b] = touches;
-                    const dist = Math.hypot(a.clientX - b.clientX, a.clientY - b.clientY);
-                    if (!this.pinchState) {
-                        this.pinchState = { id1: a.pointerId, id2: b.pointerId, startDist: Math.max(1, dist), startZoom: this.zoomSig() };
-                        const rect = containerEl.getBoundingClientRect();
-                        this.lastZoomClient = { x: ((a.clientX + b.clientX) / 2) - rect.left, y: ((a.clientY + b.clientY) / 2) - rect.top };
-                    }
-                    const scale = dist / Math.max(1, this.pinchState.startDist);
-                    const adjusted = 1 + (scale - 1) * this.PINCH_SENSITIVITY;
-                    const desiredAdj = this.clampZoom(this.pinchState.startZoom * adjusted);
-                    this.previewZoom(containerEl, desiredAdj);
-                    e.preventDefault();
-                    return;
-                }
-                // When pinch ends (not exactly two touches), commit render if we were previewing
-                if (this.pinchState) {
-                    const final = this.zoomSig();
-                    this.commitPreviewZoom(containerEl, final);
-                    this.pinchState = null;
-                    this.lastZoomClient = null;
-                }
-            };
-            const onPointerEnd = (e) => {
-                this.activePointers.delete(e.pointerId);
-                const touches = Array.from(this.activePointers.values());
-                if (touches.length !== 2 && this.pinchState) {
-                    const final = this.zoomSig();
-                    this.commitPreviewZoom(containerEl, final);
-                    this.pinchState = null;
-                    this.lastZoomClient = null;
-                }
-                cleanup();
-            };
-            const cleanup = () => {
-                containerEl.removeEventListener('pointermove', onPointerMove);
-                containerEl.removeEventListener('pointerup', onPointerEnd);
-                containerEl.removeEventListener('pointercancel', onPointerEnd);
-                this.activePointers.clear();
-            };
-            containerEl.addEventListener('pointermove', onPointerMove);
-            containerEl.addEventListener('pointerup', onPointerEnd);
-            containerEl.addEventListener('pointercancel', onPointerEnd);
-            return;
-        }
-        // Mouse pan when canPan
-        if (!this.canPan())
-            return;
-        this.isPanning.set(true);
-        const startX = evt.clientX;
-        const startY = evt.clientY;
-        const startLeft = containerEl.scrollLeft;
-        const startTop = containerEl.scrollTop;
-        containerEl.style.scrollBehavior = 'auto';
-        containerEl.setPointerCapture?.(evt.pointerId);
-        const move = (e) => {
-            const dx = e.clientX - startX;
-            const dy = e.clientY - startY;
-            containerEl.scrollLeft = startLeft - dx;
-            containerEl.scrollTop = startTop - dy;
-            e.preventDefault();
-        };
-        const end = (e) => {
-            this.isPanning.set(false);
-            containerEl.releasePointerCapture?.(evt.pointerId);
-            containerEl.removeEventListener('pointermove', move);
-            containerEl.removeEventListener('pointerup', end);
-            containerEl.removeEventListener('pointercancel', end);
-            containerEl.style.scrollBehavior = 'smooth';
-        };
-        containerEl.addEventListener('pointermove', move);
-        containerEl.addEventListener('pointerup', end);
-        containerEl.addEventListener('pointercancel', end);
-    }
-    getActiveTouches(containerEl) {
-        // We capture pointer events only on this element; maintain list by querying PointerEvent.getCoalescedEvents not available broadly.
-        // Instead, rely on touches reported in native events; browsers will deliver move events for all active pointers targeting the element.
-        // Here we cannot query directly; so we return an empty array and use move handler state. For simplicity, we derive from event stream only.
-        // This helper remains for future extension; current logic passes actual events to compute pinch.
-        return [];
-    }
-    onWheel(evt, containerEl) {
-        const isCtrlZoom = evt.ctrlKey || evt.metaKey;
-        if (!isCtrlZoom)
-            return;
-        evt.preventDefault();
-        const rect = containerEl.getBoundingClientRect();
-        // Record gesture point relative to container
-        this.lastZoomClient = { x: evt.clientX - rect.left, y: evt.clientY - rect.top };
-        if (this.wheelRaf)
-            cancelAnimationFrame(this.wheelRaf);
-        if (this.wheelCommitTimer)
-            clearTimeout(this.wheelCommitTimer);
-        const delta = -evt.deltaY;
-        const step = delta > 0 ? this.WHEEL_STEP : -this.WHEEL_STEP;
-        const desired = this.clampZoom(this.zoomSig() + step);
-        this.previewZoom(containerEl, desired);
-        this.wheelRaf = requestAnimationFrame(() => {
-            this.wheelCommitTimer = setTimeout(() => {
-                this.commitPreviewZoom(containerEl, this.zoomSig());
-                this.lastZoomClient = null;
-            }, this.gestureAnimationMs + 20);
-        });
-    }
-    previewZoom(container, newZoom) {
-        const oldZoom = this.zoomSig();
-        if (Math.abs(newZoom - oldZoom) < 0.0001)
-            return;
-        const ratio = newZoom / oldZoom;
-        const target = this.continuous ? (container.querySelector('.pdf-content') || container) : (container.querySelector('canvas') || container);
-        const origin = this.getZoomAnimTarget(container);
-        target.style.willChange = 'transform';
-        target.style.transformOrigin = `${Math.max(0, origin.originX)}px ${Math.max(0, origin.originY)}px`;
-        target.style.transition = `transform ${this.gestureAnimationMs}ms cubic-bezier(0.2,0,0,1)`;
-        target.style.transform = `scale(${ratio})`;
-        this.zoomSig.set(newZoom);
-        this.previewActive = true;
-    }
-    async commitPreviewZoom(container, expectedZoom) {
-        // Clear transform and re-render once; cancel any in-flight render tasks
-        const target = this.continuous ? (container.querySelector('.pdf-content') || container) : (container.querySelector('canvas') || container);
-        target.style.transform = '';
-        target.style.willChange = '';
-        target.style.transition = '';
-        const anchor = this.captureScrollAnchor(container) || undefined;
-        if (this.previewActive) {
-            await this.safeReRenderWithCancellation(anchor);
-            this.previewActive = false;
-        }
-    }
-    async safeReRenderWithCancellation(anchor) {
-        // If a render is in progress, queue once with the most recent anchor
-        if (this.renderLockCount > 0) {
-            this.reRenderQueued = true;
-            if (anchor)
-                this.pendingAnchor = anchor;
-            return;
-        }
-        try {
-            this.renderLockCount++;
-            if (this.continuous) {
-                await this.renderAllPages(anchor);
-            }
-            else {
-                await this.render();
-            }
-        }
-        finally {
-            this.renderLockCount = Math.max(0, this.renderLockCount - 1);
-            if (this.renderLockCount === 0 && this.reRenderQueued) {
-                const nextAnchor = this.pendingAnchor;
-                this.reRenderQueued = false;
-                this.pendingAnchor = undefined;
-                await this.safeReRenderWithCancellation(nextAnchor);
-            }
-        }
-    }
-    captureScrollAnchor(container, client) {
-        try {
-            const pages = Array.from(container.querySelectorAll('.pdf-page'));
-            const centerY = container.scrollTop + container.clientHeight / 2;
-            if (pages.length > 0) {
-                let pageEl = pages.find(el => (el.offsetTop <= centerY && (el.offsetTop + el.offsetHeight) >= centerY))
-                    || pages.find(el => (el.offsetTop + el.offsetHeight) > (container.scrollTop + 1))
-                    || pages[0];
-                const page = parseInt(pageEl.getAttribute('data-page') || '1', 10);
-                const height = Math.max(1, pageEl.offsetHeight);
-                const ratio = Math.max(0, Math.min(1, (centerY - pageEl.offsetTop) / height));
-                return { page, ratio };
-            }
-            // Fallback: single-canvas mode
-            const canvas = container.querySelector('canvas');
-            if (!canvas)
-                return null;
-            const height = Math.max(1, canvas.offsetHeight);
-            const ratio = Math.max(0, Math.min(1, (centerY - canvas.offsetTop) / height));
-            return { page: 1, ratio };
-        }
-        catch {
-            return null;
-        }
-    }
-    restoreScrollAnchor(container, anchor) {
-        try {
-            let el = container.querySelector(`[data-page="${anchor.page}"]`);
-            if (!el)
-                el = container.querySelector('canvas');
-            if (!el)
-                return;
-            const prevBehavior = container.style.scrollBehavior;
-            container.style.scrollBehavior = 'auto';
-            const height = Math.max(1, el.offsetHeight);
-            const desired = el.offsetTop + anchor.ratio * height - container.clientHeight / 2;
-            const maxScroll = Math.max(0, container.scrollHeight - container.clientHeight);
-            container.scrollTop = Math.max(0, Math.min(maxScroll, desired));
-            container.style.scrollBehavior = prevBehavior;
-        }
-        catch { }
-    }
-    async download() {
-        const filename = this.deriveFilename();
-        const link = document.createElement('a');
-        const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
-        let popup = null;
-        if (isIOS) {
-            // Open a tab synchronously to stay within user gesture
-            try {
-                popup = window.open('', '_blank', 'noopener,noreferrer');
-            }
-            catch {
-                popup = null;
-            }
-        }
-        const blob = await this.createBlobFromSrc();
-        if (blob) {
-            const url = URL.createObjectURL(blob);
-            if (isIOS) {
-                if (popup) {
-                    try {
-                        popup.location.href = url;
-                    }
-                    catch { /* ignore */ }
-                    // Revoke later to allow the view to load fully
-                    setTimeout(() => URL.revokeObjectURL(url), 30000);
-                }
-                else {
-                    const a = document.createElement('a');
-                    a.href = url;
-                    a.target = '_blank';
-                    a.rel = 'noopener';
-                    document.body.appendChild(a);
-                    a.click();
-                    a.remove();
-                    setTimeout(() => URL.revokeObjectURL(url), 30000);
-                }
-            }
-            else {
-                link.href = url;
-                link.download = filename;
-                link.rel = 'noopener';
-                link.style.display = 'none';
-                document.body.appendChild(link);
-                link.click();
-                link.remove();
-                URL.revokeObjectURL(url);
-            }
-            return;
-        }
-        // Fallback: cross-origin without CORS
-        const href = typeof this.src === 'string' ? this.src : (this.src instanceof URL ? this.src.toString() : '');
-        if (!href)
-            return;
-        if (isIOS) {
-            if (popup) {
-                try {
-                    popup.location.href = href;
-                }
-                catch { /* ignore */ }
-            }
-            else {
-                const a = document.createElement('a');
-                a.href = href;
-                a.target = '_blank';
-                a.rel = 'noopener';
-                document.body.appendChild(a);
-                a.click();
-                a.remove();
-            }
-        }
-        else {
-            link.href = href;
-            link.target = '_blank';
-            link.rel = 'noopener';
-            link.download = filename; // browsers may ignore for cross-origin
-            link.style.display = 'none';
-            document.body.appendChild(link);
-            link.click();
-            link.remove();
-        }
-    }
-    async print() {
-        // Robust, plugin-free printing by rendering pages to images
-        const ok = await this.printViaImages();
-        if (ok)
-            return;
-        // Fallbacks
-        const blob = await this.createBlobFromSrc();
-        if (blob) {
-            const url = URL.createObjectURL(blob);
-            const win = window.open('', '_blank', 'noopener,noreferrer');
-            if (win) {
-                win.document.write('<!doctype html><html><head><title>Print</title><meta charset="utf-8"><style>html,body{height:100%;margin:0}@page{size:auto;margin:0} iframe{border:0;width:100%;height:100%}</style></head><body><iframe src="' + url + '"></iframe></body></html>');
-                win.document.close();
-                setTimeout(() => { try {
-                    win.focus();
-                    win.print();
-                }
-                catch { } }, 800);
-                win.onafterprint = () => { try {
-                    win.close();
-                }
-                catch { } URL.revokeObjectURL(url); };
-            }
-            else {
-                const iframe = document.createElement('iframe');
-                iframe.style.position = 'fixed';
-                iframe.style.right = '0';
-                iframe.style.bottom = '0';
-                iframe.style.width = '0';
-                iframe.style.height = '0';
-                iframe.style.border = '0';
-                iframe.src = url;
-                document.body.appendChild(iframe);
-                iframe.onload = () => { try {
-                    setTimeout(() => iframe.contentWindow?.print(), 800);
-                }
-                catch { } setTimeout(() => { URL.revokeObjectURL(url); iframe.remove(); }, 3000); };
-            }
-            return;
-        }
-        const href = typeof this.src === 'string' ? this.src : (this.src instanceof URL ? this.src.toString() : '');
-        if (href)
-            window.open(href, '_blank');
-    }
-    async printViaImages() {
-        try {
-            let doc = this.doc;
-            if (!doc) {
-                doc = await this.loadDocumentWithFallbacks(this.src);
-            }
-            if (!doc)
-                return false;
-            const win = window.open('', '_blank', 'noopener,noreferrer');
-            if (!win)
-                return false;
-            win.document.write('<!doctype html><html><head><meta charset="utf-8"><title>Print</title><style>@page{size:auto;margin:0} html,body{margin:0;padding:0} .page{page-break-after:always;}</style></head><body></body></html>');
-            win.document.close();
-            for (let i = 1; i <= doc.numPages; i++) {
-                const page = await doc.getPage(i);
-                const vp = page.getViewport({ scale: this.PRINT_SCALE });
-                const canvas = document.createElement('canvas');
-                canvas.width = Math.floor(vp.width);
-                canvas.height = Math.floor(vp.height);
-                const ctx = canvas.getContext('2d');
-                await page.render({ canvas, canvasContext: ctx, viewport: vp }).promise;
-                const img = win.document.createElement('img');
-                img.className = 'page';
-                img.style.width = '100%';
-                img.style.display = 'block';
-                img.src = canvas.toDataURL('image/png');
-                win.document.body.appendChild(img);
-            }
-            setTimeout(() => { try {
-                win.focus();
-                win.print();
-            }
-            catch { } }, 300);
-            win.onafterprint = () => { try {
-                win.close();
-            }
-            catch { } };
-            setTimeout(() => { try {
-                win.close();
-            }
-            catch { } }, 60000);
-            return true;
-        }
-        catch {
-            return false;
-        }
-    }
-    async createBlobFromSrc() {
-        if (!this.src)
-            return null;
-        if (this.src instanceof Blob)
-            return this.src;
-        if (this.src instanceof Uint8Array) {
-            const ab = new ArrayBuffer(this.src.byteLength);
-            new Uint8Array(ab).set(this.src);
-            return new Blob([ab], { type: 'application/pdf' });
-        }
-        const href = typeof this.src === 'string' ? this.src : (this.src instanceof URL ? this.src.toString() : '');
-        if (!href || typeof fetch === 'undefined')
-            return null;
-        try {
-            const res = await fetch(href, {
-                mode: 'cors',
-                headers: this.httpHeaders,
-                credentials: this.withCredentials ? 'include' : 'same-origin',
-            });
-            if (!res.ok)
-                return null;
-            const blob = await res.blob();
-            return blob.type ? blob : new Blob([await res.arrayBuffer()], { type: 'application/pdf' });
-        }
-        catch {
-            return null;
-        }
-    }
-    deriveFilename() {
-        if (typeof this.src === 'string') {
-            try {
-                const u = new URL(this.src, window.location.origin);
-                return this.basename(u.pathname) || 'document.pdf';
-            }
-            catch {
-                return 'document.pdf';
-            }
-        }
-        if (this.src instanceof URL) {
-            return this.basename(this.src.pathname) || 'document.pdf';
-        }
-        return 'document.pdf';
-    }
-    basename(path) {
-        const last = path.split('/').filter(Boolean).pop() || '';
-        return last.endsWith('.pdf') ? last : (last ? last + '.pdf' : 'document.pdf');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GenusPdfViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: GenusPdfViewerComponent, isStandalone: true, selector: "genus-pdf-viewer", inputs: { src: "src", page: "page", zoom: "zoom", maxZoom: "maxZoom", minZoom: "minZoom", fit: "fit", disableTextLayer: "disableTextLayer", continuous: "continuous", showToolbar: "showToolbar", zoomAnimation: "zoomAnimation", zoomAnimationMs: "zoomAnimationMs", gestureAnimationMs: "gestureAnimationMs", loadTimeoutMs: "loadTimeoutMs", allowIframeFallback: "allowIframeFallback", withCredentials: "withCredentials", httpHeaders: "httpHeaders" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }, { propertyName: "singleStage", first: true, predicate: ["singleStage"], descendants: true }, { propertyName: "stage", first: true, predicate: ["stage"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-    <div class="genus-pdf-shell">
-      <ng-content select="[toolbar]"></ng-content>
-
-      <div class="genus-pdf-toolbar" *ngIf="showToolbar">
-        <button type="button" title="Zoom out" aria-label="Zoom out" (click)="zoomOut()">−</button>
-        <span class="pct">{{ (zoomSig() * 100) | number:'1.0-0' }}%</span>
-        <button type="button" title="Zoom in" aria-label="Zoom in" (click)="zoomIn()">＋</button>
-        <button type="button" *ngIf="isZoomed()" title="Reset zoom to 100%" aria-label="Reset zoom to 100%" (click)="resetZoom()">100%</button>
-        <span class="spacer"></span>
-        <button type="button" title="Previous page" aria-label="Previous page" (click)="prevPage()" [disabled]="pageSig() <= 1">⟨</button>
-        <span>{{ pageSig() }} / {{ pageCount() }}</span>
-        <button type="button" title="Next page" aria-label="Next page" (click)="nextPage()" [disabled]="doc ? pageSig() >= doc.numPages : true">⟩</button>
-        <span class="spacer"></span>
-        <button type="button" class="download-btn" title="Download" aria-label="Download" (click)="download()">
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-            <path d="M12 3v10m0 0 4-4m-4 4-4-4M5 15v3a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-          </svg>
-          <span>Download</span>
-        </button>
-      </div>
-
-      <div class="genus-pdf-stage" #singleStage [style.display]="continuous ? 'none' : 'flex'" [class.can-pan]="canPan()" [class.is-panning]="isPanning()" (pointerdown)="onPointerDown($event, singleStage)" (wheel)="onWheel($event, singleStage)" (scroll)="onScroll($event)">
-        <iframe *ngIf="iframeFallbackSrc()" class="genus-pdf-iframe" [src]="iframeFallbackSrc()" title="PDF document"></iframe>
-        <div class="genus-pdf-overlay" *ngIf="loading() && !iframeFallbackSrc()"><div class="spinner" aria-label="Loading"></div></div>
-        <div class="genus-pdf-overlay error" *ngIf="error() && !iframeFallbackSrc()">
-          <div style="display:flex;flex-direction:column;gap:8px;align-items:center;">
-            <span>{{ error() }}</span>
-            <button type="button" (click)="retryLoad()">Retry</button>
-          </div>
-        </div>
-        <canvas #canvas [style.display]="iframeFallbackSrc() ? 'none' : 'block'"></canvas>
-      </div>
-
-      <div class="genus-pdf-stage genus-pdf-stage--continuous" #stage [style.display]="continuous ? 'block' : 'none'" [class.can-pan]="canPan()" [class.is-panning]="isPanning()" (pointerdown)="onPointerDown($event, stage)" (wheel)="onWheel($event, stage)" (scroll)="onScroll($event)">
-        <iframe *ngIf="iframeFallbackSrc()" class="genus-pdf-iframe" [src]="iframeFallbackSrc()" title="PDF document"></iframe>
-        <div class="genus-pdf-overlay" *ngIf="loading() && !iframeFallbackSrc()"><div class="spinner" aria-label="Loading"></div></div>
-        <div class="genus-pdf-overlay error" *ngIf="error() && !iframeFallbackSrc()">
-          <div style="display:flex;flex-direction:column;gap:8px;align-items:center;">
-            <span>{{ error() }}</span>
-            <button type="button" (click)="retryLoad()">Retry</button>
-          </div>
-        </div>
-      </div>
-    </div>
-  `, isInline: true, styles: [".genus-pdf-shell{display:flex;flex-direction:column;gap:8px;width:100%;height:100%;background:#f3f4f6}.genus-pdf-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #e5e7eb;border-radius:8px;background:#ffffffd9;-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px);box-shadow:0 1px 2px #0000000f}.genus-pdf-toolbar .pct{min-width:48px;text-align:center;font-variant-numeric:tabular-nums;color:#111827}.genus-pdf-toolbar button{appearance:none;border:1px solid #e5e7eb;background:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;color:#111827;font-size:14px;line-height:1;font-weight:500;min-width:32px;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:6px}.genus-pdf-toolbar button.download-btn{background:#2563eb;border-color:#2563eb;color:#fff}.genus-pdf-toolbar button.download-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.genus-pdf-toolbar button:disabled{opacity:.5;cursor:not-allowed}.genus-pdf-toolbar .spacer{flex:1}.genus-pdf-stage{position:relative;flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;background:#fafafa;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overscroll-behavior-y:contain}.genus-pdf-stage.can-pan{cursor:grab;touch-action:none}.genus-pdf-stage.is-panning{cursor:grabbing}.genus-pdf-stage--continuous{display:block;align-items:unset;justify-content:unset;padding:8px;scroll-behavior:smooth}.genus-pdf-stage--continuous .pdf-page{margin:0 auto 12px;background:#fff;box-shadow:0 1px 2px #00000014}canvas{display:block;max-width:100%;height:auto}.genus-pdf-iframe{width:100%;height:100%;border:0;background:#fff}.genus-pdf-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;z-index:1}.genus-pdf-overlay.error{background:transparent}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid #e5e7eb;border-top-color:#111827;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: GenusPdfViewerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'genus-pdf-viewer', standalone: true, imports: [CommonModule], template: `
-    <div class="genus-pdf-shell">
-      <ng-content select="[toolbar]"></ng-content>
-
-      <div class="genus-pdf-toolbar" *ngIf="showToolbar">
-        <button type="button" title="Zoom out" aria-label="Zoom out" (click)="zoomOut()">−</button>
-        <span class="pct">{{ (zoomSig() * 100) | number:'1.0-0' }}%</span>
-        <button type="button" title="Zoom in" aria-label="Zoom in" (click)="zoomIn()">＋</button>
-        <button type="button" *ngIf="isZoomed()" title="Reset zoom to 100%" aria-label="Reset zoom to 100%" (click)="resetZoom()">100%</button>
-        <span class="spacer"></span>
-        <button type="button" title="Previous page" aria-label="Previous page" (click)="prevPage()" [disabled]="pageSig() <= 1">⟨</button>
-        <span>{{ pageSig() }} / {{ pageCount() }}</span>
-        <button type="button" title="Next page" aria-label="Next page" (click)="nextPage()" [disabled]="doc ? pageSig() >= doc.numPages : true">⟩</button>
-        <span class="spacer"></span>
-        <button type="button" class="download-btn" title="Download" aria-label="Download" (click)="download()">
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-            <path d="M12 3v10m0 0 4-4m-4 4-4-4M5 15v3a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-          </svg>
-          <span>Download</span>
-        </button>
-      </div>
-
-      <div class="genus-pdf-stage" #singleStage [style.display]="continuous ? 'none' : 'flex'" [class.can-pan]="canPan()" [class.is-panning]="isPanning()" (pointerdown)="onPointerDown($event, singleStage)" (wheel)="onWheel($event, singleStage)" (scroll)="onScroll($event)">
-        <iframe *ngIf="iframeFallbackSrc()" class="genus-pdf-iframe" [src]="iframeFallbackSrc()" title="PDF document"></iframe>
-        <div class="genus-pdf-overlay" *ngIf="loading() && !iframeFallbackSrc()"><div class="spinner" aria-label="Loading"></div></div>
-        <div class="genus-pdf-overlay error" *ngIf="error() && !iframeFallbackSrc()">
-          <div style="display:flex;flex-direction:column;gap:8px;align-items:center;">
-            <span>{{ error() }}</span>
-            <button type="button" (click)="retryLoad()">Retry</button>
-          </div>
-        </div>
-        <canvas #canvas [style.display]="iframeFallbackSrc() ? 'none' : 'block'"></canvas>
-      </div>
-
-      <div class="genus-pdf-stage genus-pdf-stage--continuous" #stage [style.display]="continuous ? 'block' : 'none'" [class.can-pan]="canPan()" [class.is-panning]="isPanning()" (pointerdown)="onPointerDown($event, stage)" (wheel)="onWheel($event, stage)" (scroll)="onScroll($event)">
-        <iframe *ngIf="iframeFallbackSrc()" class="genus-pdf-iframe" [src]="iframeFallbackSrc()" title="PDF document"></iframe>
-        <div class="genus-pdf-overlay" *ngIf="loading() && !iframeFallbackSrc()"><div class="spinner" aria-label="Loading"></div></div>
-        <div class="genus-pdf-overlay error" *ngIf="error() && !iframeFallbackSrc()">
-          <div style="display:flex;flex-direction:column;gap:8px;align-items:center;">
-            <span>{{ error() }}</span>
-            <button type="button" (click)="retryLoad()">Retry</button>
-          </div>
-        </div>
-      </div>
-    </div>
-  `, styles: [".genus-pdf-shell{display:flex;flex-direction:column;gap:8px;width:100%;height:100%;background:#f3f4f6}.genus-pdf-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #e5e7eb;border-radius:8px;background:#ffffffd9;-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px);box-shadow:0 1px 2px #0000000f}.genus-pdf-toolbar .pct{min-width:48px;text-align:center;font-variant-numeric:tabular-nums;color:#111827}.genus-pdf-toolbar button{appearance:none;border:1px solid #e5e7eb;background:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;color:#111827;font-size:14px;line-height:1;font-weight:500;min-width:32px;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:6px}.genus-pdf-toolbar button.download-btn{background:#2563eb;border-color:#2563eb;color:#fff}.genus-pdf-toolbar button.download-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.genus-pdf-toolbar button:disabled{opacity:.5;cursor:not-allowed}.genus-pdf-toolbar .spacer{flex:1}.genus-pdf-stage{position:relative;flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;background:#fafafa;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overscroll-behavior-y:contain}.genus-pdf-stage.can-pan{cursor:grab;touch-action:none}.genus-pdf-stage.is-panning{cursor:grabbing}.genus-pdf-stage--continuous{display:block;align-items:unset;justify-content:unset;padding:8px;scroll-behavior:smooth}.genus-pdf-stage--continuous .pdf-page{margin:0 auto 12px;background:#fff;box-shadow:0 1px 2px #00000014}canvas{display:block;max-width:100%;height:auto}.genus-pdf-iframe{width:100%;height:100%;border:0;background:#fff}.genus-pdf-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;z-index:1}.genus-pdf-overlay.error{background:transparent}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid #e5e7eb;border-top-color:#111827;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { src: [{
-                type: Input
-            }], page: [{
-                type: Input
-            }], zoom: [{
-                type: Input
-            }], maxZoom: [{
-                type: Input
-            }], minZoom: [{
-                type: Input
-            }], fit: [{
-                type: Input
-            }], disableTextLayer: [{
-                type: Input
-            }], continuous: [{
-                type: Input
-            }], showToolbar: [{
-                type: Input
-            }], zoomAnimation: [{
-                type: Input
-            }], zoomAnimationMs: [{
-                type: Input
-            }], gestureAnimationMs: [{
-                type: Input
-            }], loadTimeoutMs: [{
-                type: Input
-            }], allowIframeFallback: [{
-                type: Input
-            }], withCredentials: [{
-                type: Input
-            }], httpHeaders: [{
-                type: Input
-            }], canvas: [{
-                type: ViewChild,
-                args: ['canvas', { static: false }]
-            }], singleStage: [{
-                type: ViewChild,
-                args: ['singleStage', { static: false }]
-            }], stage: [{
-                type: ViewChild,
-                args: ['stage', { static: false }]
-            }] } });
-
-const GENUS_PDF_WORKER_CONFIG = new InjectionToken('GENUS_PDF_WORKER_CONFIG');
-function resolveBundledWorkerUrl() {
-    try {
-        return new URL('../workers/pdf.worker.min.mjs', import.meta.url).toString();
-    }
-    catch {
-        return null;
-    }
-}
-async function setupInlineWorkerFallback() {
-    const g = globalThis;
-    if (g?.pdfjsWorker?.WorkerMessageHandler)
-        return;
-    try {
-        // @ts-ignore pdfjs-dist worker entry does not ship declaration files.
-        const workerModule = await import('pdfjs-dist/build/pdf.worker.min.mjs');
-        if (workerModule?.WorkerMessageHandler) {
-            g.pdfjsWorker = { ...(g.pdfjsWorker || {}), WorkerMessageHandler: workerModule.WorkerMessageHandler };
-        }
-    }
-    catch { }
-}
-function initPdfWorkerFactory(cfg, platformId) {
-    return async () => {
-        if (!isPlatformBrowser(platformId))
-            return;
-        const defaults = {
-            tryModuleWorker: true,
-            inlineWorkerFallback: true,
-        };
-        const merged = { ...defaults, ...cfg };
-        const globalOptions = pdfjsLib.GlobalWorkerOptions;
-        globalOptions.workerPort = null;
-        if (merged.inlineWorkerFallback) {
-            await setupInlineWorkerFallback();
-        }
-        if (typeof merged.workerSrc === 'string' && merged.workerSrc.length > 0) {
-            globalOptions.workerSrc = merged.workerSrc;
-            return;
-        }
-        const bundledWorkerUrl = resolveBundledWorkerUrl();
-        if (!merged.tryModuleWorker) {
-            globalOptions.workerSrc = bundledWorkerUrl || '/assets/pdf.worker.min.js';
-            return;
-        }
-        globalOptions.workerSrc = bundledWorkerUrl || '/assets/pdf.worker.min.js';
-    };
-}
-function provideGenusPdfViewer(cfg = {}) {
-    return [
-        { provide: GENUS_PDF_WORKER_CONFIG, useValue: cfg },
-        {
-            provide: APP_INITIALIZER,
-            multi: true,
-            useFactory: initPdfWorkerFactory,
-            deps: [GENUS_PDF_WORKER_CONFIG, PLATFORM_ID],
-        },
-    ];
-}
-
-/*
- * Public API Surface of genus-pdf-viewer
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { GENUS_PDF_WORKER_CONFIG, GenusPdfViewerComponent, provideGenusPdfViewer };
-//# sourceMappingURL=genus-pdf-viewer.mjs.map