@aprova.ch/ngx-next-pdf-viewer 20.0.8

package/fesm2022/aprova.ch-ngx-next-pdf-viewer.mjs

@@ -0,0 +1,744 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, EventEmitter, HostListener, ViewChild, Output, Input, Inject, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as pdfjsLib from 'pdfjs-dist';
+
+/**
+ * URL to the PDF.js worker script.
+ *
+ * Default: `'assets/pdf.worker.min.mjs'`
+ *
+ * Override in your application by providing this token:
+ * ```ts
+ * providers: [
+ *   { provide: NGX_PDF_WORKER_SRC, useValue: 'assets/pdf.worker.min.mjs' }
+ * ]
+ * ```
+ */
+const NGX_PDF_WORKER_SRC = new InjectionToken('NGX_PDF_WORKER_SRC', { factory: () => 'assets/pdf.worker.min.mjs' });
+
+// ──────────────────────────────────────────────
+// Component
+// ──────────────────────────────────────────────
+class NgxNextPdfViewerComponent {
+    static { this.DEFAULT_LABELS = {
+        zoomOut: 'Zoom out',
+        zoomIn: 'Zoom in',
+        rotateLeft: 'Rotate left',
+        rotateRight: 'Rotate right',
+        previousPage: 'Previous page',
+        nextPage: 'Next page',
+        search: 'Search',
+        previousResult: 'Previous result',
+        nextResult: 'Next result',
+        previousAnnotation: 'Previous annotation',
+        nextAnnotation: 'Next annotation',
+        selectArea: 'Select area',
+        selectText: 'Select & copy text',
+        searchPlaceholder: 'Search in PDF…',
+        noResults: 'No results',
+        loading: 'Loading PDF…',
+        noDocument: 'No PDF loaded',
+        loadError: 'Failed to load PDF',
+    }; }
+    get l() {
+        return { ...NgxNextPdfViewerComponent.DEFAULT_LABELS, ...this.labels };
+    }
+    constructor(cdr, zone, el, workerSrc) {
+        this.cdr = cdr;
+        this.zone = zone;
+        this.el = el;
+        /** Bounding-box annotations to overlay */
+        this.annotations = [];
+        /** Items shown in the context menu after drag-selecting boxes */
+        this.contextMenuItems = [];
+        /** Fill colour for a single-clicked box (CSS colour string) */
+        this.highlightingColor = 'rgba(255, 200, 0, 0.35)';
+        /** Fill colour for drag-selected boxes (CSS colour string) */
+        this.selectedColor = 'rgba(0, 120, 215, 0.35)';
+        /** Stroke colour for all annotation polygons */
+        this.annotationStroke = '#e97332';
+        /** Initial zoom: numeric level (1.0 = 100 %) or 'fit-to-page' | 'fit-to-width' | 'fit-to-height' */
+        this.initialZoom = 1.5;
+        /** Override any subset of the viewer's user-visible strings */
+        this.labels = {};
+        // ── Outputs ─────────────────────────────────
+        /** Fired when the user clicks a single annotation box */
+        this.boxClicked = new EventEmitter();
+        /** Fired when the user picks a context-menu item after drag-selection */
+        this.boxesSelected = new EventEmitter();
+        // ── PDF state ────────────────────────────────
+        this.pdfDoc = null;
+        this.renderedPages = [];
+        this.currentPage = 1;
+        this.totalPages = 0;
+        this.zoom = 1.5;
+        this.userRotation = 0;
+        // ── Annotation state ─────────────────────────
+        this.clickedBoxKey = null;
+        this.multiSelectedKeys = new Set();
+        // ── Drag-select state ────────────────────────
+        this.drag = { active: false, pageNum: 0, startX: 0, startY: 0, currentX: 0, currentY: 0 };
+        // ── Context-menu state ───────────────────────
+        this.ctxVisible = false;
+        this.ctxX = 0;
+        this.ctxY = 0;
+        // ── Search state ─────────────────────────────
+        this.searchVisible = false;
+        this.searchQuery = '';
+        this.searchMatches = [];
+        this.searchIndex = -1;
+        // ── Selection mode ───────────────────────────
+        this.selectionMode = 'select-area';
+        // ── Loading ──────────────────────────────────
+        this.loading = false;
+        this.loadError = false;
+        this.renderTasks = new Map();
+        this.textLayers = new Map();
+        pdfjsLib.GlobalWorkerOptions.workerSrc = workerSrc;
+    }
+    ngAfterViewInit() {
+        if (typeof this.initialZoom === 'number') {
+            this.zoom = this.initialZoom;
+        }
+        // Ctrl+scroll zooming – requires passive:false to call preventDefault()
+        this.zone.runOutsideAngular(() => {
+            this.wheelListener = (e) => {
+                if (!e.ctrlKey)
+                    return;
+                e.preventDefault();
+                this.zone.run(() => e.deltaY < 0 ? this.zoomIn() : this.zoomOut());
+            };
+            this.el.nativeElement.addEventListener('wheel', this.wheelListener, { passive: false });
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['blob'] && this.blob) {
+            console.log('load new file');
+            this.loadPdf(this.blob);
+        }
+        if (changes['annotations'] && !changes['blob']) {
+            console.log('set new annotations', this.annotations.length);
+            this.cdr.detectChanges();
+            if (this.annotations.length === 1) {
+                this.scrollToBox(this.annotations[0]);
+            }
+        }
+    }
+    ngOnDestroy() {
+        if (this.wheelListener) {
+            this.el.nativeElement.removeEventListener('wheel', this.wheelListener);
+        }
+        this.removeAllTextLayers();
+        this.pdfDoc?.destroy();
+    }
+    // ─────────────────────────────────────────────
+    // PDF loading & rendering
+    // ─────────────────────────────────────────────
+    async loadPdf(blob) {
+        this.loading = true;
+        this.loadError = false;
+        this.renderedPages = [];
+        this.clickedBoxKey = null;
+        this.multiSelectedKeys.clear();
+        this.searchMatches = [];
+        this.searchIndex = -1;
+        this.removeAllTextLayers();
+        this.cdr.detectChanges();
+        try {
+            this.pdfDoc?.destroy();
+            const buf = await blob.arrayBuffer();
+            this.pdfDoc = await pdfjsLib.getDocument({ data: buf }).promise;
+            this.totalPages = this.pdfDoc.numPages;
+            this.currentPage = 1;
+            if (typeof this.initialZoom !== 'number') {
+                this.zoom = await this.computeFitZoom(this.initialZoom);
+            }
+            this.loading = false;
+            this.cdr.detectChanges();
+            for (let p = 1; p <= this.totalPages; p++) {
+                await this.renderPage(p);
+            }
+            if (this.annotations.length === 1) {
+                this.scrollToBox(this.annotations[0]);
+            }
+        }
+        catch {
+            this.loading = false;
+            this.loadError = true;
+        }
+        this.cdr.detectChanges();
+    }
+    async computeFitZoom(mode) {
+        if (!this.pdfDoc)
+            return 1;
+        const page = await this.pdfDoc.getPage(1);
+        const rotation = (page.rotate + this.userRotation) % 360;
+        const vp = page.getViewport({ scale: 1, rotation });
+        page.cleanup();
+        const container = this.pdfContainer?.nativeElement;
+        if (!container)
+            return 1;
+        // Subtract the 16 px padding on each side defined in npv-scroll-inner
+        const availW = container.clientWidth - 32;
+        const availH = container.clientHeight - 32;
+        const scaleW = availW / vp.width;
+        const scaleH = availH / vp.height;
+        switch (mode) {
+            case 'fit-to-width': return scaleW;
+            case 'fit-to-height': return scaleH;
+            case 'fit-to-page': return Math.min(scaleW, scaleH);
+        }
+    }
+    async renderPage(pageNum) {
+        if (!this.pdfDoc)
+            return;
+        const page = await this.pdfDoc.getPage(pageNum);
+        const totalRotation = (page.rotate + this.userRotation) % 360;
+        const viewport = page.getViewport({ scale: this.zoom, rotation: totalRotation });
+        // HiDPI: render at physical pixel density, display at CSS size
+        const dpr = window.devicePixelRatio || 1;
+        const hiResViewport = page.getViewport({ scale: this.zoom * dpr, rotation: totalRotation });
+        const canvas = document.getElementById(`npv-canvas-${pageNum}`);
+        if (!canvas)
+            return;
+        canvas.width = hiResViewport.width;
+        canvas.height = hiResViewport.height;
+        canvas.style.width = `${viewport.width}px`;
+        canvas.style.height = `${viewport.height}px`;
+        if (this.renderTasks.has(pageNum)) {
+            try {
+                this.renderTasks.get(pageNum).cancel();
+            }
+            catch (_) { }
+        }
+        const ctx = canvas.getContext('2d');
+        const task = page.render({ canvasContext: ctx, viewport: hiResViewport });
+        this.renderTasks.set(pageNum, task);
+        try {
+            await task.promise;
+        }
+        catch (e) {
+            if (e?.name !== 'RenderingCancelledException')
+                console.error(e);
+            return;
+        }
+        this.renderTasks.delete(pageNum);
+        const existing = this.renderedPages.find(r => r.pageNum === pageNum);
+        if (existing) {
+            existing.width = viewport.width;
+            existing.height = viewport.height;
+            existing.rotation = totalRotation;
+        }
+        else {
+            this.renderedPages.push({ pageNum, width: viewport.width, height: viewport.height, rotation: totalRotation });
+        }
+        this.cdr.detectChanges();
+        page.cleanup();
+    }
+    async rerenderAll() {
+        if (!this.pdfDoc)
+            return;
+        if (this.selectionMode === 'select-text') {
+            this.removeAllTextLayers();
+        }
+        for (let p = 1; p <= this.totalPages; p++) {
+            await this.renderPage(p);
+            if (this.selectionMode === 'select-text') {
+                await this.renderTextLayer(p);
+            }
+        }
+        this.cdr.detectChanges();
+    }
+    // ─────────────────────────────────────────────
+    // Coordinate transformation
+    // ─────────────────────────────────────────────
+    /** Converts a polygon (y=0 at top, any consistent unit) to SVG canvas coordinates */
+    transformPolygon(polygon, pdfWidth, pdfHeight, canvasWidth, canvasHeight, rotation) {
+        const norm = ((rotation % 360) + 360) % 360;
+        const result = [];
+        for (let i = 0; i < polygon.length; i += 2) {
+            const px = polygon[i];
+            const py = polygon[i + 1];
+            let cx, cy;
+            switch (norm) {
+                case 90:
+                    cx = (pdfHeight - py) * canvasWidth / pdfHeight;
+                    cy = px * canvasHeight / pdfWidth;
+                    break;
+                case 180:
+                    cx = (pdfWidth - px) * canvasWidth / pdfWidth;
+                    cy = (pdfHeight - py) * canvasHeight / pdfHeight;
+                    break;
+                case 270:
+                    cx = py * canvasWidth / pdfHeight;
+                    cy = (pdfWidth - px) * canvasHeight / pdfWidth;
+                    break;
+                default:
+                    cx = px * canvasWidth / pdfWidth;
+                    cy = py * canvasHeight / pdfHeight;
+            }
+            result.push(cx, cy);
+        }
+        return result;
+    }
+    getSvgPoints(box, pi) {
+        const pts = this.transformPolygon(box.polygon, box.width, box.height, pi.width, pi.height, pi.rotation);
+        const pairs = [];
+        for (let i = 0; i < pts.length; i += 2) {
+            pairs.push(`${pts[i].toFixed(2)},${pts[i + 1].toFixed(2)}`);
+        }
+        return pairs.join(' ');
+    }
+    polygonBBox(pts) {
+        let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+        for (let i = 0; i < pts.length; i += 2) {
+            minX = Math.min(minX, pts[i]);
+            maxX = Math.max(maxX, pts[i]);
+            minY = Math.min(minY, pts[i + 1]);
+            maxY = Math.max(maxY, pts[i + 1]);
+        }
+        return { x: minX, y: minY, w: maxX - minX, h: maxY - minY };
+    }
+    boxKey(box) {
+        return JSON.stringify({ page: box.page, polygon: box.polygon });
+    }
+    // ─────────────────────────────────────────────
+    // Template helpers
+    // ─────────────────────────────────────────────
+    getPageInfo(pageNum) {
+        return this.renderedPages.find(r => r.pageNum === pageNum);
+    }
+    getBoxesForPage(pageNum) {
+        return this.annotations.filter(b => b.page === pageNum);
+    }
+    isClicked(box) {
+        return this.clickedBoxKey === this.boxKey(box);
+    }
+    isMultiSelected(box) {
+        return this.multiSelectedKeys.has(this.boxKey(box));
+    }
+    pageRange() {
+        return Array.from({ length: this.totalPages }, (_, i) => i + 1);
+    }
+    getDragRect(pageNum) {
+        if (!this.drag.active || this.drag.pageNum !== pageNum)
+            return null;
+        return {
+            x: Math.min(this.drag.startX, this.drag.currentX),
+            y: Math.min(this.drag.startY, this.drag.currentY),
+            w: Math.abs(this.drag.currentX - this.drag.startX),
+            h: Math.abs(this.drag.currentY - this.drag.startY)
+        };
+    }
+    getSearchMatchesForPage(pageNum) {
+        return this.searchMatches.filter(m => m.pageNum === pageNum);
+    }
+    getSearchIndexOffset(pageNum) {
+        return this.searchMatches.findIndex(m => m.pageNum === pageNum);
+    }
+    isCurrentSearchMatch(pageNum, localIndex) {
+        const offset = this.getSearchIndexOffset(pageNum);
+        return offset >= 0 && offset + localIndex === this.searchIndex;
+    }
+    searchMatchPoints(m) {
+        const pairs = [];
+        for (let i = 0; i < m.polygon.length; i += 2) {
+            pairs.push(`${m.polygon[i].toFixed(2)},${m.polygon[i + 1].toFixed(2)}`);
+        }
+        return pairs.join(' ');
+    }
+    // ─────────────────────────────────────────────
+    // Box interaction
+    // ─────────────────────────────────────────────
+    onBoxClick(event, box) {
+        event.stopPropagation();
+        this.ctxVisible = false;
+        this.multiSelectedKeys.clear();
+        const key = this.boxKey(box);
+        const wasSelected = this.clickedBoxKey === key;
+        this.clickedBoxKey = wasSelected ? null : key;
+        this.cdr.detectChanges();
+        this.boxClicked.emit({ box, selected: !wasSelected });
+    }
+    // ─────────────────────────────────────────────
+    // Drag-select
+    // ─────────────────────────────────────────────
+    onSvgMouseDown(event, pageNum) {
+        if (this.selectionMode === 'select-text')
+            return;
+        if (event.button !== 0)
+            return;
+        const tag = event.target.tagName?.toLowerCase();
+        if (tag === 'polygon' || tag === 'title')
+            return;
+        this.ctxVisible = false;
+        this.clickedBoxKey = null;
+        const pt = this.svgPoint(event, pageNum);
+        if (!pt)
+            return;
+        this.drag = { active: true, pageNum, startX: pt.x, startY: pt.y, currentX: pt.x, currentY: pt.y };
+    }
+    onDocMouseMove(event) {
+        if (!this.drag.active)
+            return;
+        const pt = this.svgPoint(event, this.drag.pageNum);
+        if (!pt)
+            return;
+        this.drag.currentX = pt.x;
+        this.drag.currentY = pt.y;
+        this.cdr.detectChanges();
+    }
+    onDocMouseUp(event) {
+        if (!this.drag.active)
+            return;
+        const rect = this.getDragRect(this.drag.pageNum);
+        this.drag.active = false;
+        if (!rect || (rect.w < 5 && rect.h < 5)) {
+            this.cdr.detectChanges();
+            return;
+        }
+        const pageInfo = this.getPageInfo(this.drag.pageNum);
+        if (!pageInfo) {
+            this.cdr.detectChanges();
+            return;
+        }
+        const hits = [];
+        for (const box of this.annotations) {
+            const pts = this.transformPolygon(box.polygon, box.width, box.height, pageInfo.width, pageInfo.height, pageInfo.rotation);
+            const bb = this.polygonBBox(pts);
+            if (this.rectsIntersect(rect, bb))
+                hits.push(box);
+        }
+        this.multiSelectedKeys = new Set(hits.map(b => this.boxKey(b)));
+        if (hits.length > 0 && this.contextMenuItems.length > 0) {
+            this.ctxX = event.clientX;
+            this.ctxY = event.clientY;
+            this.ctxVisible = true;
+        }
+        this.cdr.detectChanges();
+    }
+    svgPoint(event, pageNum) {
+        const svg = document.getElementById(`npv-svg-${pageNum}`);
+        if (!svg)
+            return null;
+        const r = svg.getBoundingClientRect();
+        return { x: event.clientX - r.left, y: event.clientY - r.top };
+    }
+    rectsIntersect(a, b) {
+        return !(a.x + a.w < b.x || b.x + b.w < a.x || a.y + a.h < b.y || b.y + b.h < a.y);
+    }
+    // ─────────────────────────────────────────────
+    // Context menu
+    // ─────────────────────────────────────────────
+    onContextMenuAction(item) {
+        this.ctxVisible = false;
+        const selected = this.annotations.filter(b => this.multiSelectedKeys.has(this.boxKey(b)));
+        this.boxesSelected.emit({ boxes: selected, action: item.action });
+        this.multiSelectedKeys.clear();
+        this.cdr.detectChanges();
+    }
+    onDocClick() {
+        if (this.ctxVisible) {
+            this.ctxVisible = false;
+            this.cdr.detectChanges();
+        }
+    }
+    // ─────────────────────────────────────────────
+    // Toolbar – zoom
+    // ─────────────────────────────────────────────
+    zoomIn() { this.zoom = Math.min(this.zoom + 0.25, 5); this.rerenderAll(); }
+    zoomOut() { this.zoom = Math.max(this.zoom - 0.25, 0.25); this.rerenderAll(); }
+    get zoomPercent() { return Math.round(this.zoom * 100); }
+    // ─────────────────────────────────────────────
+    // Toolbar – rotation
+    // ─────────────────────────────────────────────
+    rotateLeft() { this.userRotation = (this.userRotation + 270) % 360; this.rerenderAll(); }
+    rotateRight() { this.userRotation = (this.userRotation + 90) % 360; this.rerenderAll(); }
+    // ─────────────────────────────────────────────
+    // Toolbar – page navigation
+    // ─────────────────────────────────────────────
+    goToPrevPage() { if (this.currentPage > 1)
+        this.scrollToPageNum(this.currentPage - 1); }
+    goToNextPage() { if (this.currentPage < this.totalPages)
+        this.scrollToPageNum(this.currentPage + 1); }
+    scrollToPageNum(pageNum) {
+        this.currentPage = pageNum;
+        document.getElementById(`npv-page-${pageNum}`)?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+    scrollToBox(box) {
+        this.currentPage = box.page;
+        console.log('scroll to page', this.currentPage);
+        const pageEl = document.getElementById(`npv-page-${box.page}`);
+        if (!pageEl) {
+            console.log('no page element found, stop scrolling');
+            return;
+        }
+        const pi = this.getPageInfo(box.page);
+        if (!pi) {
+            pageEl.scrollIntoView({ behavior: 'smooth', block: 'start' });
+            console.log('scroll into view done');
+            return;
+        }
+        const pts = this.transformPolygon(box.polygon, box.width, box.height, pi.width, pi.height, pi.rotation);
+        const bb = this.polygonBBox(pts);
+        const top = pageEl.offsetTop + bb.y - window.innerHeight / 2;
+        this.pdfContainer?.nativeElement.scrollTo({ top, behavior: 'smooth' });
+        console.log('scrolling to element done');
+    }
+    // ─────────────────────────────────────────────
+    // Toolbar – search
+    // ─────────────────────────────────────────────
+    toggleSearch() {
+        this.searchVisible = !this.searchVisible;
+        if (!this.searchVisible) {
+            this.searchQuery = '';
+            this.searchMatches = [];
+            this.searchIndex = -1;
+            this.cdr.detectChanges();
+        }
+    }
+    async onSearchInput() {
+        const q = this.searchQuery.trim().toLowerCase();
+        this.searchMatches = [];
+        this.searchIndex = -1;
+        if (!q || !this.pdfDoc) {
+            this.cdr.detectChanges();
+            return;
+        }
+        for (let p = 1; p <= this.totalPages; p++) {
+            const pi = this.getPageInfo(p);
+            if (!pi)
+                continue;
+            const page = await this.pdfDoc.getPage(p);
+            const text = await page.getTextContent();
+            const vp = page.getViewport({ scale: this.zoom, rotation: pi.rotation });
+            for (const item of text.items) {
+                if (!item.str)
+                    continue;
+                const idx = item.str.toLowerCase().indexOf(q);
+                if (idx < 0)
+                    continue;
+                const charW = (item.width / item.str.length) || 6;
+                const itemH = Math.abs(item.transform[3]) || 10;
+                const x0 = item.transform[4] + idx * charW;
+                const y0 = item.transform[5];
+                const t = vp.transform;
+                const applyT = (x, y) => [t[0] * x + t[2] * y + t[4], t[1] * x + t[3] * y + t[5]];
+                const [cx0, cy0] = applyT(x0, y0 + itemH);
+                const [cx1, cy1] = applyT(x0 + q.length * charW, y0);
+                this.searchMatches.push({
+                    pageNum: p,
+                    polygon: [cx0, cy0, cx1, cy0, cx1, cy1, cx0, cy1]
+                });
+            }
+            page.cleanup();
+        }
+        if (this.searchMatches.length > 0) {
+            this.searchIndex = 0;
+            this.scrollToSearchMatch(0);
+        }
+        this.cdr.detectChanges();
+    }
+    searchNext() {
+        if (!this.searchMatches.length)
+            return;
+        this.searchIndex = (this.searchIndex + 1) % this.searchMatches.length;
+        this.scrollToSearchMatch(this.searchIndex);
+        this.cdr.detectChanges();
+    }
+    searchPrev() {
+        if (!this.searchMatches.length)
+            return;
+        this.searchIndex = (this.searchIndex - 1 + this.searchMatches.length) % this.searchMatches.length;
+        this.scrollToSearchMatch(this.searchIndex);
+        this.cdr.detectChanges();
+    }
+    scrollToSearchMatch(idx) {
+        const m = this.searchMatches[idx];
+        if (!m)
+            return;
+        document.getElementById(`npv-page-${m.pageNum}`)?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    }
+    // ─────────────────────────────────────────────
+    // Toolbar – annotation navigation
+    // ─────────────────────────────────────────────
+    get annotationIndex() {
+        if (!this.clickedBoxKey)
+            return -1;
+        return this.annotations.findIndex(b => this.boxKey(b) === this.clickedBoxKey);
+    }
+    goToPrevAnnotation() {
+        if (!this.annotations.length)
+            return;
+        const prev = (this.annotationIndex - 1 + this.annotations.length) % this.annotations.length;
+        this.selectAnnotation(prev);
+    }
+    goToNextAnnotation() {
+        if (!this.annotations.length)
+            return;
+        const next = (this.annotationIndex + 1) % this.annotations.length;
+        this.selectAnnotation(next);
+    }
+    selectAnnotation(index) {
+        const box = this.annotations[index];
+        if (!box)
+            return;
+        this.multiSelectedKeys.clear();
+        this.ctxVisible = false;
+        this.clickedBoxKey = this.boxKey(box);
+        this.cdr.detectChanges();
+        this.scrollToBox(box);
+        this.boxClicked.emit({ box, selected: true });
+    }
+    // ─────────────────────────────────────────────
+    // Toolbar – selection mode
+    // ─────────────────────────────────────────────
+    toggleSelectionMode() {
+        this.selectionMode = this.selectionMode === 'select-area' ? 'select-text' : 'select-area';
+        if (this.selectionMode === 'select-text') {
+            this.renderedPages.forEach(rp => this.renderTextLayer(rp.pageNum));
+        }
+        else {
+            this.removeAllTextLayers();
+        }
+        this.cdr.detectChanges();
+    }
+    async renderTextLayer(pageNum) {
+        if (!this.pdfDoc)
+            return;
+        const pi = this.getPageInfo(pageNum);
+        if (!pi)
+            return;
+        const wrapper = document.getElementById(`npv-page-${pageNum}`);
+        if (!wrapper)
+            return;
+        this.removeTextLayer(pageNum);
+        const page = await this.pdfDoc.getPage(pageNum);
+        const totalRotation = (page.rotate + this.userRotation) % 360;
+        const viewport = page.getViewport({ scale: this.zoom, rotation: totalRotation });
+        const div = document.createElement('div');
+        div.className = 'npv-text-layer';
+        div.style.width = `${pi.width}px`;
+        div.style.height = `${pi.height}px`;
+        wrapper.appendChild(div);
+        const textLayer = new pdfjsLib.TextLayer({
+            textContentSource: page.streamTextContent(),
+            container: div,
+            viewport,
+        });
+        this.textLayers.set(pageNum, textLayer);
+        try {
+            await textLayer.render();
+        }
+        catch (_) { }
+        page.cleanup();
+    }
+    removeTextLayer(pageNum) {
+        const tl = this.textLayers.get(pageNum);
+        if (tl) {
+            try {
+                tl.cancel();
+            }
+            catch (_) { }
+            this.textLayers.delete(pageNum);
+        }
+        const wrapper = document.getElementById(`npv-page-${pageNum}`);
+        wrapper?.querySelector('.npv-text-layer')?.remove();
+    }
+    removeAllTextLayers() {
+        for (const pageNum of Array.from(this.textLayers.keys())) {
+            this.removeTextLayer(pageNum);
+        }
+    }
+    // ─────────────────────────────────────────────
+    // Scroll tracking
+    // ─────────────────────────────────────────────
+    onContainerScroll() {
+        if (!this.pdfContainer)
+            return;
+        const top = this.pdfContainer.nativeElement.scrollTop;
+        let closest = 1, minDist = Infinity;
+        for (let p = 1; p <= this.totalPages; p++) {
+            const el = document.getElementById(`npv-page-${p}`);
+            if (!el)
+                continue;
+            const dist = Math.abs(el.offsetTop - top);
+            if (dist < minDist) {
+                minDist = dist;
+                closest = p;
+            }
+        }
+        if (this.currentPage !== closest) {
+            this.currentPage = closest;
+            this.cdr.detectChanges();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxNextPdfViewerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: NGX_PDF_WORKER_SRC }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: NgxNextPdfViewerComponent, isStandalone: true, selector: "ngx-next-pdf-viewer", inputs: { blob: "blob", annotations: "annotations", contextMenuItems: "contextMenuItems", highlightingColor: "highlightingColor", selectedColor: "selectedColor", annotationStroke: "annotationStroke", initialZoom: "initialZoom", labels: "labels" }, outputs: { boxClicked: "boxClicked", boxesSelected: "boxesSelected" }, host: { listeners: { "mousemove": "onDocMouseMove($event)", "mouseup": "onDocMouseUp($event)", "document:click": "onDocClick()" } }, viewQueries: [{ propertyName: "pdfContainer", first: true, predicate: ["pdfContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"npv-root\">\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Toolbar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"npv-toolbar\">\n\n    <button mat-icon-button [matTooltip]=\"l.zoomOut\" (click)=\"zoomOut()\" [disabled]=\"zoom <= 0.25\">\n      <mat-icon>zoom_out</mat-icon>\n    </button>\n    <span class=\"npv-label\">{{ zoomPercent }}%</span>\n    <button mat-icon-button [matTooltip]=\"l.zoomIn\" (click)=\"zoomIn()\" [disabled]=\"zoom >= 5\">\n      <mat-icon>zoom_in</mat-icon>\n    </button>\n\n    <div class=\"npv-sep\"></div>\n\n    <button mat-icon-button [matTooltip]=\"l.rotateLeft\" (click)=\"rotateLeft()\">\n      <mat-icon>rotate_left</mat-icon>\n    </button>\n    <button mat-icon-button [matTooltip]=\"l.rotateRight\" (click)=\"rotateRight()\">\n      <mat-icon>rotate_right</mat-icon>\n    </button>\n\n    <div class=\"npv-sep\"></div>\n\n    <button mat-icon-button [matTooltip]=\"l.previousPage\" (click)=\"goToPrevPage()\" [disabled]=\"currentPage <= 1\">\n      <mat-icon>chevron_left</mat-icon>\n    </button>\n    <span class=\"npv-label\">{{ currentPage }} / {{ totalPages }}</span>\n    <button mat-icon-button [matTooltip]=\"l.nextPage\" (click)=\"goToNextPage()\" [disabled]=\"currentPage >= totalPages\">\n      <mat-icon>chevron_right</mat-icon>\n    </button>\n\n    <ng-container *ngIf=\"annotations.length\">\n      <div class=\"npv-sep\"></div>\n\n      <button mat-icon-button [matTooltip]=\"l.previousAnnotation\" (click)=\"goToPrevAnnotation()\">\n        <mat-icon>navigate_before</mat-icon>\n      </button>\n      <span class=\"npv-label\">\n        {{ annotationIndex >= 0 ? annotationIndex + 1 : '\u2013' }} / {{ annotations.length }}\n      </span>\n      <button mat-icon-button [matTooltip]=\"l.nextAnnotation\" (click)=\"goToNextAnnotation()\">\n        <mat-icon>navigate_next</mat-icon>\n      </button>\n    </ng-container>\n\n    <div class=\"npv-sep\"></div>\n\n    <button mat-icon-button\n            [matTooltip]=\"selectionMode === 'select-area' ? l.selectText : l.selectArea\"\n            (click)=\"toggleSelectionMode()\"\n            [class.npv-active]=\"selectionMode === 'select-text'\">\n      <mat-icon>text_fields</mat-icon>\n    </button>\n\n    <div class=\"npv-sep\"></div>\n\n    <button mat-icon-button [matTooltip]=\"l.search\" (click)=\"toggleSearch()\" [class.npv-active]=\"searchVisible\">\n      <mat-icon>search</mat-icon>\n    </button>\n\n    <ng-container *ngIf=\"searchVisible\">\n      <input\n        class=\"npv-search-input\"\n        type=\"text\"\n        [placeholder]=\"l.searchPlaceholder\"\n        [(ngModel)]=\"searchQuery\"\n        (input)=\"onSearchInput()\"\n        (keydown.enter)=\"searchNext()\"\n        (keydown.shift.enter)=\"searchPrev()\"\n        autofocus\n      />\n      <button mat-icon-button [matTooltip]=\"l.previousResult\"\n              (click)=\"searchPrev()\" [disabled]=\"!searchMatches.length\">\n        <mat-icon>expand_less</mat-icon>\n      </button>\n      <button mat-icon-button [matTooltip]=\"l.nextResult\"\n              (click)=\"searchNext()\" [disabled]=\"!searchMatches.length\">\n        <mat-icon>expand_more</mat-icon>\n      </button>\n      <span class=\"npv-search-count\" *ngIf=\"searchMatches.length\">\n        {{ searchIndex + 1 }} / {{ searchMatches.length }}\n      </span>\n      <span class=\"npv-search-count npv-no-match\" *ngIf=\"searchQuery && !searchMatches.length\">\n        {{ l.noResults }}\n      </span>\n    </ng-container>\n\n  </div>\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Loading \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"npv-loading\" *ngIf=\"loading\">\n    <span class=\"npv-spinner\"></span> {{ l.loading }}\n  </div>\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Scroll area \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"npv-scroll-area\" #pdfContainer\n       (scroll)=\"onContainerScroll()\" (click)=\"ctxVisible = false\">\n    <div class=\"npv-scroll-inner\">\n\n      <ng-container *ngFor=\"let p of pageRange()\">\n        <div class=\"npv-page-wrapper\" [id]=\"'npv-page-' + p\">\n\n          <canvas [id]=\"'npv-canvas-' + p\" class=\"npv-canvas\"></canvas>\n\n          <svg *ngIf=\"getPageInfo(p) as pi\"\n               [id]=\"'npv-svg-' + p\"\n               class=\"npv-overlay\"\n               [class.npv-overlay--text-mode]=\"selectionMode === 'select-text'\"\n               [attr.width]=\"pi.width\" [attr.height]=\"pi.height\"\n               [attr.viewBox]=\"'0 0 ' + pi.width + ' ' + pi.height\"\n               (mousedown)=\"onSvgMouseDown($event, p)\">\n\n            <!-- Hit area for drag selection on empty page space -->\n            <rect x=\"0\" y=\"0\" [attr.width]=\"pi.width\" [attr.height]=\"pi.height\"\n                  fill=\"transparent\"></rect>\n\n            <!-- Annotation boxes -->\n            <polygon\n              *ngFor=\"let box of getBoxesForPage(p)\"\n              [attr.points]=\"getSvgPoints(box, pi)\"\n              class=\"npv-box\"\n              [class.npv-box--clicked]=\"isClicked(box)\"\n              [class.npv-box--multi]=\"isMultiSelected(box)\"\n              [style.fill]=\"isClicked(box) ? highlightingColor : (isMultiSelected(box) ? selectedColor : 'transparent')\"\n              [style.stroke]=\"annotationStroke\"\n              (click)=\"onBoxClick($event, box)\">\n              <title>{{ box.content || '' }}</title>\n            </polygon>\n\n            <!-- Search highlights -->\n            <polygon\n              *ngFor=\"let m of getSearchMatchesForPage(p); let mi = index\"\n              [attr.points]=\"searchMatchPoints(m)\"\n              class=\"npv-search-highlight\"\n              [class.npv-search-highlight--current]=\"isCurrentSearchMatch(p, mi)\">\n            </polygon>\n\n            <!-- Drag selection rectangle -->\n            <rect *ngIf=\"getDragRect(p) as dr\"\n                  [attr.x]=\"dr.x\" [attr.y]=\"dr.y\"\n                  [attr.width]=\"dr.w\" [attr.height]=\"dr.h\"\n                  class=\"npv-drag-rect\">\n            </rect>\n\n          </svg>\n        </div>\n      </ng-container>\n\n      <div class=\"npv-placeholder npv-placeholder--error\" *ngIf=\"!loading && loadError\">\n        {{ l.loadError }}\n      </div>\n      <div class=\"npv-placeholder\" *ngIf=\"!loading && !loadError && totalPages === 0\">\n        {{ l.noDocument }}\n      </div>\n\n    </div><!-- /npv-scroll-inner -->\n  </div>\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Context menu \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div *ngIf=\"ctxVisible && contextMenuItems.length\"\n       class=\"npv-context-menu\"\n       [style.left.px]=\"ctxX\" [style.top.px]=\"ctxY\"\n       (click)=\"$event.stopPropagation()\">\n    <div *ngFor=\"let item of contextMenuItems\"\n         class=\"npv-context-item\"\n         (click)=\"onContextMenuAction(item)\">\n      {{ item.label }}\n    </div>\n  </div>\n\n</div>\n", styles: [".npv-root{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#e9ecee;position:relative;font-family:Roboto,sans-serif}.npv-toolbar{display:flex;align-items:center;gap:2px;padding:4px 8px;background:#fff;color:#000;min-height:48px;flex-shrink:0;z-index:10;box-shadow:0 2px 4px #0006}.npv-toolbar button.mat-icon-button{color:#505050}.npv-toolbar button.mat-icon-button:hover:not([disabled]){color:#fff;background:#ffffff1a}.npv-toolbar button.mat-icon-button[disabled]{opacity:.35}.npv-toolbar button.mat-icon-button.npv-active{color:#90caf9;background:#90caf91a}.npv-toolbar .npv-sep{width:1px;height:24px;background:#00000026;margin:0 4px}.npv-toolbar .npv-label{font-size:13px;min-width:50px;text-align:center;color:#505050;-webkit-user-select:none;user-select:none}.npv-toolbar .npv-search-input{background:#0000000f;border:1px solid rgba(0,0,0,.2);border-radius:4px;color:#000;font-size:13px;padding:4px 8px;outline:none;width:180px}.npv-toolbar .npv-search-input::placeholder{color:#0006}.npv-toolbar .npv-search-input:focus{border-color:#1976d2}.npv-toolbar .npv-search-count{font-size:12px;color:#607d8b;white-space:nowrap;min-width:60px}.npv-toolbar .npv-search-count.npv-no-match{color:#e53935}.npv-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:#666;font-size:14px;flex-shrink:0}.npv-spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-top-color:#1976d2;border-radius:50%;animation:npv-spin .8s linear infinite}@keyframes npv-spin{to{transform:rotate(360deg)}}.npv-scroll-area{flex:1;overflow:auto}.npv-scroll-inner{display:flex;flex-direction:column;align-items:center;min-width:max-content;padding:16px;gap:16px}.npv-page-wrapper{position:relative;display:inline-block;box-shadow:0 4px 12px #00000080;line-height:0}.npv-canvas{display:block}.npv-overlay{position:absolute;top:0;left:0;pointer-events:all;overflow:visible;cursor:crosshair;user-select:none;-webkit-user-select:none}.npv-overlay.npv-overlay--text-mode{pointer-events:none;cursor:text}:host ::ng-deep .npv-text-layer{position:absolute;top:0;left:0;overflow:hidden;line-height:1;-webkit-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none}:host ::ng-deep .npv-text-layer span,:host ::ng-deep .npv-text-layer br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}:host ::ng-deep .npv-text-layer ::selection{background:#0078d740;color:transparent}.npv-box{pointer-events:all;stroke-width:2;fill:transparent;cursor:pointer;transition:fill .15s ease,stroke-width .15s ease}.npv-box:hover{stroke-width:3;filter:drop-shadow(0 0 3px rgba(233,115,50,.7))}.npv-box.npv-box--clicked{stroke-width:3}.npv-box.npv-box--multi{stroke-width:2.5}.npv-search-highlight{fill:#ffeb3b59;stroke:#ffc800cc;stroke-width:1.5;pointer-events:none}.npv-search-highlight.npv-search-highlight--current{fill:#ff980073;stroke:#ff6400e6;stroke-width:2}.npv-drag-rect{fill:#0078d71a;stroke:#0078d7b3;stroke-width:1.5;stroke-dasharray:5 3;pointer-events:none}.npv-placeholder{color:#aaa;font-size:14px;padding:40px;text-align:center}.npv-placeholder.npv-placeholder--error{color:#e53935}.npv-context-menu{position:fixed;z-index:9999;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px;box-shadow:0 4px 16px #0003;padding:4px 0;min-width:160px}.npv-context-item{padding:10px 16px;font-size:14px;cursor:pointer;color:#000000de;-webkit-user-select:none;user-select:none}.npv-context-item:hover{background:#0000000d}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatFormFieldModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NgxNextPdfViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-next-pdf-viewer', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        MatInputModule,
+                        MatFormFieldModule
+                    ], template: "<div class=\"npv-root\">\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Toolbar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"npv-toolbar\">\n\n    <button mat-icon-button [matTooltip]=\"l.zoomOut\" (click)=\"zoomOut()\" [disabled]=\"zoom <= 0.25\">\n      <mat-icon>zoom_out</mat-icon>\n    </button>\n    <span class=\"npv-label\">{{ zoomPercent }}%</span>\n    <button mat-icon-button [matTooltip]=\"l.zoomIn\" (click)=\"zoomIn()\" [disabled]=\"zoom >= 5\">\n      <mat-icon>zoom_in</mat-icon>\n    </button>\n\n    <div class=\"npv-sep\"></div>\n\n    <button mat-icon-button [matTooltip]=\"l.rotateLeft\" (click)=\"rotateLeft()\">\n      <mat-icon>rotate_left</mat-icon>\n    </button>\n    <button mat-icon-button [matTooltip]=\"l.rotateRight\" (click)=\"rotateRight()\">\n      <mat-icon>rotate_right</mat-icon>\n    </button>\n\n    <div class=\"npv-sep\"></div>\n\n    <button mat-icon-button [matTooltip]=\"l.previousPage\" (click)=\"goToPrevPage()\" [disabled]=\"currentPage <= 1\">\n      <mat-icon>chevron_left</mat-icon>\n    </button>\n    <span class=\"npv-label\">{{ currentPage }} / {{ totalPages }}</span>\n    <button mat-icon-button [matTooltip]=\"l.nextPage\" (click)=\"goToNextPage()\" [disabled]=\"currentPage >= totalPages\">\n      <mat-icon>chevron_right</mat-icon>\n    </button>\n\n    <ng-container *ngIf=\"annotations.length\">\n      <div class=\"npv-sep\"></div>\n\n      <button mat-icon-button [matTooltip]=\"l.previousAnnotation\" (click)=\"goToPrevAnnotation()\">\n        <mat-icon>navigate_before</mat-icon>\n      </button>\n      <span class=\"npv-label\">\n        {{ annotationIndex >= 0 ? annotationIndex + 1 : '\u2013' }} / {{ annotations.length }}\n      </span>\n      <button mat-icon-button [matTooltip]=\"l.nextAnnotation\" (click)=\"goToNextAnnotation()\">\n        <mat-icon>navigate_next</mat-icon>\n      </button>\n    </ng-container>\n\n    <div class=\"npv-sep\"></div>\n\n    <button mat-icon-button\n            [matTooltip]=\"selectionMode === 'select-area' ? l.selectText : l.selectArea\"\n            (click)=\"toggleSelectionMode()\"\n            [class.npv-active]=\"selectionMode === 'select-text'\">\n      <mat-icon>text_fields</mat-icon>\n    </button>\n\n    <div class=\"npv-sep\"></div>\n\n    <button mat-icon-button [matTooltip]=\"l.search\" (click)=\"toggleSearch()\" [class.npv-active]=\"searchVisible\">\n      <mat-icon>search</mat-icon>\n    </button>\n\n    <ng-container *ngIf=\"searchVisible\">\n      <input\n        class=\"npv-search-input\"\n        type=\"text\"\n        [placeholder]=\"l.searchPlaceholder\"\n        [(ngModel)]=\"searchQuery\"\n        (input)=\"onSearchInput()\"\n        (keydown.enter)=\"searchNext()\"\n        (keydown.shift.enter)=\"searchPrev()\"\n        autofocus\n      />\n      <button mat-icon-button [matTooltip]=\"l.previousResult\"\n              (click)=\"searchPrev()\" [disabled]=\"!searchMatches.length\">\n        <mat-icon>expand_less</mat-icon>\n      </button>\n      <button mat-icon-button [matTooltip]=\"l.nextResult\"\n              (click)=\"searchNext()\" [disabled]=\"!searchMatches.length\">\n        <mat-icon>expand_more</mat-icon>\n      </button>\n      <span class=\"npv-search-count\" *ngIf=\"searchMatches.length\">\n        {{ searchIndex + 1 }} / {{ searchMatches.length }}\n      </span>\n      <span class=\"npv-search-count npv-no-match\" *ngIf=\"searchQuery && !searchMatches.length\">\n        {{ l.noResults }}\n      </span>\n    </ng-container>\n\n  </div>\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Loading \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"npv-loading\" *ngIf=\"loading\">\n    <span class=\"npv-spinner\"></span> {{ l.loading }}\n  </div>\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Scroll area \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"npv-scroll-area\" #pdfContainer\n       (scroll)=\"onContainerScroll()\" (click)=\"ctxVisible = false\">\n    <div class=\"npv-scroll-inner\">\n\n      <ng-container *ngFor=\"let p of pageRange()\">\n        <div class=\"npv-page-wrapper\" [id]=\"'npv-page-' + p\">\n\n          <canvas [id]=\"'npv-canvas-' + p\" class=\"npv-canvas\"></canvas>\n\n          <svg *ngIf=\"getPageInfo(p) as pi\"\n               [id]=\"'npv-svg-' + p\"\n               class=\"npv-overlay\"\n               [class.npv-overlay--text-mode]=\"selectionMode === 'select-text'\"\n               [attr.width]=\"pi.width\" [attr.height]=\"pi.height\"\n               [attr.viewBox]=\"'0 0 ' + pi.width + ' ' + pi.height\"\n               (mousedown)=\"onSvgMouseDown($event, p)\">\n\n            <!-- Hit area for drag selection on empty page space -->\n            <rect x=\"0\" y=\"0\" [attr.width]=\"pi.width\" [attr.height]=\"pi.height\"\n                  fill=\"transparent\"></rect>\n\n            <!-- Annotation boxes -->\n            <polygon\n              *ngFor=\"let box of getBoxesForPage(p)\"\n              [attr.points]=\"getSvgPoints(box, pi)\"\n              class=\"npv-box\"\n              [class.npv-box--clicked]=\"isClicked(box)\"\n              [class.npv-box--multi]=\"isMultiSelected(box)\"\n              [style.fill]=\"isClicked(box) ? highlightingColor : (isMultiSelected(box) ? selectedColor : 'transparent')\"\n              [style.stroke]=\"annotationStroke\"\n              (click)=\"onBoxClick($event, box)\">\n              <title>{{ box.content || '' }}</title>\n            </polygon>\n\n            <!-- Search highlights -->\n            <polygon\n              *ngFor=\"let m of getSearchMatchesForPage(p); let mi = index\"\n              [attr.points]=\"searchMatchPoints(m)\"\n              class=\"npv-search-highlight\"\n              [class.npv-search-highlight--current]=\"isCurrentSearchMatch(p, mi)\">\n            </polygon>\n\n            <!-- Drag selection rectangle -->\n            <rect *ngIf=\"getDragRect(p) as dr\"\n                  [attr.x]=\"dr.x\" [attr.y]=\"dr.y\"\n                  [attr.width]=\"dr.w\" [attr.height]=\"dr.h\"\n                  class=\"npv-drag-rect\">\n            </rect>\n\n          </svg>\n        </div>\n      </ng-container>\n\n      <div class=\"npv-placeholder npv-placeholder--error\" *ngIf=\"!loading && loadError\">\n        {{ l.loadError }}\n      </div>\n      <div class=\"npv-placeholder\" *ngIf=\"!loading && !loadError && totalPages === 0\">\n        {{ l.noDocument }}\n      </div>\n\n    </div><!-- /npv-scroll-inner -->\n  </div>\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Context menu \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div *ngIf=\"ctxVisible && contextMenuItems.length\"\n       class=\"npv-context-menu\"\n       [style.left.px]=\"ctxX\" [style.top.px]=\"ctxY\"\n       (click)=\"$event.stopPropagation()\">\n    <div *ngFor=\"let item of contextMenuItems\"\n         class=\"npv-context-item\"\n         (click)=\"onContextMenuAction(item)\">\n      {{ item.label }}\n    </div>\n  </div>\n\n</div>\n", styles: [".npv-root{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#e9ecee;position:relative;font-family:Roboto,sans-serif}.npv-toolbar{display:flex;align-items:center;gap:2px;padding:4px 8px;background:#fff;color:#000;min-height:48px;flex-shrink:0;z-index:10;box-shadow:0 2px 4px #0006}.npv-toolbar button.mat-icon-button{color:#505050}.npv-toolbar button.mat-icon-button:hover:not([disabled]){color:#fff;background:#ffffff1a}.npv-toolbar button.mat-icon-button[disabled]{opacity:.35}.npv-toolbar button.mat-icon-button.npv-active{color:#90caf9;background:#90caf91a}.npv-toolbar .npv-sep{width:1px;height:24px;background:#00000026;margin:0 4px}.npv-toolbar .npv-label{font-size:13px;min-width:50px;text-align:center;color:#505050;-webkit-user-select:none;user-select:none}.npv-toolbar .npv-search-input{background:#0000000f;border:1px solid rgba(0,0,0,.2);border-radius:4px;color:#000;font-size:13px;padding:4px 8px;outline:none;width:180px}.npv-toolbar .npv-search-input::placeholder{color:#0006}.npv-toolbar .npv-search-input:focus{border-color:#1976d2}.npv-toolbar .npv-search-count{font-size:12px;color:#607d8b;white-space:nowrap;min-width:60px}.npv-toolbar .npv-search-count.npv-no-match{color:#e53935}.npv-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:#666;font-size:14px;flex-shrink:0}.npv-spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-top-color:#1976d2;border-radius:50%;animation:npv-spin .8s linear infinite}@keyframes npv-spin{to{transform:rotate(360deg)}}.npv-scroll-area{flex:1;overflow:auto}.npv-scroll-inner{display:flex;flex-direction:column;align-items:center;min-width:max-content;padding:16px;gap:16px}.npv-page-wrapper{position:relative;display:inline-block;box-shadow:0 4px 12px #00000080;line-height:0}.npv-canvas{display:block}.npv-overlay{position:absolute;top:0;left:0;pointer-events:all;overflow:visible;cursor:crosshair;user-select:none;-webkit-user-select:none}.npv-overlay.npv-overlay--text-mode{pointer-events:none;cursor:text}:host ::ng-deep .npv-text-layer{position:absolute;top:0;left:0;overflow:hidden;line-height:1;-webkit-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none}:host ::ng-deep .npv-text-layer span,:host ::ng-deep .npv-text-layer br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}:host ::ng-deep .npv-text-layer ::selection{background:#0078d740;color:transparent}.npv-box{pointer-events:all;stroke-width:2;fill:transparent;cursor:pointer;transition:fill .15s ease,stroke-width .15s ease}.npv-box:hover{stroke-width:3;filter:drop-shadow(0 0 3px rgba(233,115,50,.7))}.npv-box.npv-box--clicked{stroke-width:3}.npv-box.npv-box--multi{stroke-width:2.5}.npv-search-highlight{fill:#ffeb3b59;stroke:#ffc800cc;stroke-width:1.5;pointer-events:none}.npv-search-highlight.npv-search-highlight--current{fill:#ff980073;stroke:#ff6400e6;stroke-width:2}.npv-drag-rect{fill:#0078d71a;stroke:#0078d7b3;stroke-width:1.5;stroke-dasharray:5 3;pointer-events:none}.npv-placeholder{color:#aaa;font-size:14px;padding:40px;text-align:center}.npv-placeholder.npv-placeholder--error{color:#e53935}.npv-context-menu{position:fixed;z-index:9999;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px;box-shadow:0 4px 16px #0003;padding:4px 0;min-width:160px}.npv-context-item{padding:10px 16px;font-size:14px;cursor:pointer;color:#000000de;-webkit-user-select:none;user-select:none}.npv-context-item:hover{background:#0000000d}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NGX_PDF_WORKER_SRC]
+                }] }], propDecorators: { blob: [{
+                type: Input
+            }], annotations: [{
+                type: Input
+            }], contextMenuItems: [{
+                type: Input
+            }], highlightingColor: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }], annotationStroke: [{
+                type: Input
+            }], initialZoom: [{
+                type: Input
+            }], labels: [{
+                type: Input
+            }], boxClicked: [{
+                type: Output
+            }], boxesSelected: [{
+                type: Output
+            }], pdfContainer: [{
+                type: ViewChild,
+                args: ['pdfContainer']
+            }], onDocMouseMove: [{
+                type: HostListener,
+                args: ['mousemove', ['$event']]
+            }], onDocMouseUp: [{
+                type: HostListener,
+                args: ['mouseup', ['$event']]
+            }], onDocClick: [{
+                type: HostListener,
+                args: ['document:click']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NGX_PDF_WORKER_SRC, NgxNextPdfViewerComponent };
+//# sourceMappingURL=aprova.ch-ngx-next-pdf-viewer.mjs.map