@epam/pdf-highlighter-kit 0.0.1

package/dist/core/unified-layer-builder.js

@@ -0,0 +1,331 @@
+export class UnifiedLayerBuilder {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    constructor() {
+        this.pageContainer = null;
+        this.unifiedLayer = null;
+    }
+    async buildUnifiedLayer(pageContainer, textContent, highlights, pageNumber, scale = 1.5) {
+        this.pageContainer = pageContainer;
+        const analysis = this.analyzeContent(textContent, highlights, pageNumber);
+        const segments = this.segmentTextWithHighlights(textContent, highlights, pageNumber);
+        const unifiedLayer = this.buildDOM(segments, scale);
+        this.positionLayer(unifiedLayer, pageContainer);
+        this.unifiedLayer = unifiedLayer;
+        return unifiedLayer;
+    }
+    analyzeContent(textContent, highlights, pageNumber) {
+        const highlightRanges = [];
+        Object.entries(highlights).forEach(([category, categoryData]) => {
+            const pageHighlights = categoryData.pages[pageNumber.toString()];
+            if (pageHighlights) {
+                pageHighlights.forEach((occurrence) => {
+                    occurrence.coordinates.forEach((coord) => {
+                        const intersectingItems = this.findIntersectingTextItems(textContent.items, coord);
+                        intersectingItems.forEach(({ item, startIndex, endIndex }) => {
+                            highlightRanges.push({
+                                start: startIndex,
+                                end: endIndex,
+                                termId: occurrence.termId,
+                                category,
+                                coordinates: coord,
+                            });
+                        });
+                    });
+                });
+            }
+        });
+        highlightRanges.sort((a, b) => a.start - b.start);
+        return {
+            segments: [],
+            highlightRanges,
+        };
+    }
+    findIntersectingTextItems(textItems, coordinates) {
+        const intersecting = [];
+        let globalIndex = 0;
+        textItems.forEach((item, itemIndex) => {
+            const itemBounds = this.getTextItemBounds(item);
+            if (this.boundsIntersect(itemBounds, coordinates)) {
+                intersecting.push({
+                    item,
+                    startIndex: globalIndex,
+                    endIndex: globalIndex + item.str.length,
+                    itemIndex,
+                });
+            }
+            globalIndex += item.str.length;
+        });
+        return intersecting;
+    }
+    getTextItemBounds(item) {
+        const transform = item.transform;
+        const x = transform[4];
+        const y = transform[5];
+        return {
+            x1: x,
+            y1: y - item.height,
+            x2: x + item.width,
+            y2: y,
+        };
+    }
+    boundsIntersect(bounds1, bounds2) {
+        return !(bounds1.x2 < bounds2.x1 ||
+            bounds1.x1 > bounds2.x2 ||
+            bounds1.y2 < bounds2.y1 ||
+            bounds1.y1 > bounds2.y2);
+    }
+    segmentTextWithHighlights(textContent, highlights, pageNumber) {
+        const segments = [];
+        const analysis = this.analyzeContent(textContent, highlights, pageNumber);
+        textContent.items.forEach((textItem, itemIndex) => {
+            const itemBounds = this.getTextItemBounds(textItem);
+            const itemHighlights = this.getHighlightsForTextItem(textItem, itemBounds, highlights, pageNumber);
+            if (itemHighlights.length === 0) {
+                segments.push({
+                    text: textItem.str,
+                    bounds: itemBounds,
+                    hasHighlight: false,
+                    transform: textItem.transform,
+                    fontName: textItem.fontName,
+                });
+            }
+            else {
+                const highlightedSegments = this.createHighlightedSegments(textItem, itemHighlights);
+                segments.push(...highlightedSegments);
+            }
+        });
+        return this.mergeAdjacentSegments(segments);
+    }
+    getHighlightsForTextItem(textItem, itemBounds, highlights, pageNumber) {
+        const itemHighlights = [];
+        Object.entries(highlights).forEach(([category, categoryData]) => {
+            const pageHighlights = categoryData.pages[pageNumber.toString()];
+            if (pageHighlights) {
+                pageHighlights.forEach((occurrence) => {
+                    occurrence.coordinates.forEach((coord) => {
+                        if (this.boundsIntersect(itemBounds, coord)) {
+                            itemHighlights.push({
+                                termId: occurrence.termId,
+                                category,
+                                coordinates: coord,
+                            });
+                        }
+                    });
+                });
+            }
+        });
+        return itemHighlights;
+    }
+    createHighlightedSegments(textItem, itemHighlights) {
+        const segments = [];
+        const itemBounds = this.getTextItemBounds(textItem);
+        const primaryHighlight = itemHighlights[0];
+        segments.push({
+            text: textItem.str,
+            bounds: itemBounds,
+            hasHighlight: true,
+            highlightInfo: {
+                termId: primaryHighlight.termId,
+                category: primaryHighlight.category,
+            },
+            transform: textItem.transform,
+            fontName: textItem.fontName,
+        });
+        return segments;
+    }
+    mergeAdjacentSegments(segments) {
+        if (segments.length <= 1)
+            return segments;
+        const merged = [];
+        let current = segments[0];
+        for (let i = 1; i < segments.length; i++) {
+            const next = segments[i];
+            if (this.canMergeSegments(current, next)) {
+                current = this.mergeSegments(current, next);
+            }
+            else {
+                merged.push(current);
+                current = next;
+            }
+        }
+        merged.push(current);
+        return merged;
+    }
+    canMergeSegments(segment1, segment2) {
+        if (segment1.hasHighlight !== segment2.hasHighlight) {
+            return false;
+        }
+        if (segment1.hasHighlight && segment2.hasHighlight) {
+            return (segment1.highlightInfo?.category === segment2.highlightInfo?.category &&
+                segment1.highlightInfo?.termId === segment2.highlightInfo?.termId);
+        }
+        return segment1.fontName === segment2.fontName;
+    }
+    mergeSegments(segment1, segment2) {
+        return {
+            text: segment1.text + segment2.text,
+            bounds: {
+                x1: Math.min(segment1.bounds.x1, segment2.bounds.x1),
+                y1: Math.min(segment1.bounds.y1, segment2.bounds.y1),
+                x2: Math.max(segment1.bounds.x2, segment2.bounds.x2),
+                y2: Math.max(segment1.bounds.y2, segment2.bounds.y2),
+            },
+            hasHighlight: segment1.hasHighlight,
+            highlightInfo: segment1.highlightInfo,
+            transform: segment1.transform,
+            fontName: segment1.fontName,
+        };
+    }
+    buildDOM(segments, scale) {
+        const unifiedLayer = document.createElement('div');
+        unifiedLayer.className = 'unified-layer';
+        const fragment = document.createDocumentFragment();
+        const batch = [];
+        segments.forEach((segment, index) => {
+            const element = segment.hasHighlight
+                ? this.createHighlightElement(segment, scale)
+                : this.createTextElement(segment, scale);
+            batch.push(element);
+            if (batch.length >= 100) {
+                batch.forEach((el) => fragment.appendChild(el));
+                batch.length = 0;
+            }
+        });
+        batch.forEach((el) => fragment.appendChild(el));
+        unifiedLayer.appendChild(fragment);
+        return unifiedLayer;
+    }
+    createTextElement(segment, scale) {
+        const span = document.createElement('span');
+        span.className = 'text-segment';
+        span.textContent = segment.text;
+        this.applyTextPositioning(span, segment, scale);
+        return span;
+    }
+    createHighlightElement(segment, scale) {
+        const wrapper = document.createElement('span');
+        wrapper.className = `highlight-wrapper ${segment.highlightInfo?.category}-highlight`;
+        wrapper.setAttribute('data-term-id', segment.highlightInfo?.termId || '');
+        const textSpan = document.createElement('span');
+        textSpan.className = 'text-segment selectable';
+        textSpan.textContent = segment.text;
+        const background = document.createElement('span');
+        background.className = 'highlight-background';
+        wrapper.appendChild(textSpan);
+        wrapper.appendChild(background);
+        this.applyTextPositioning(wrapper, segment, scale);
+        return wrapper;
+    }
+    applyTextPositioning(element, segment, scale) {
+        const transform = segment.transform;
+        const x = transform[4] * scale;
+        const y = transform[5] * scale;
+        const scaleX = transform[0] * scale;
+        const scaleY = transform[3] * scale;
+        element.style.position = 'absolute';
+        element.style.left = `${x}px`;
+        element.style.top = `${y}px`;
+        element.style.transform = `scale(${scaleX}, ${scaleY})`;
+        element.style.transformOrigin = '0% 0%';
+        element.style.whiteSpace = 'pre';
+        element.style.userSelect = 'text';
+        element.style.color = 'transparent';
+        element.style.fontFamily = segment.fontName;
+        element.style.cursor = segment.hasHighlight ? 'pointer' : 'text';
+    }
+    positionLayer(unifiedLayer, pageContainer) {
+        unifiedLayer.style.position = 'absolute';
+        unifiedLayer.style.top = '0';
+        unifiedLayer.style.left = '0';
+        unifiedLayer.style.width = '100%';
+        unifiedLayer.style.height = '100%';
+        unifiedLayer.style.zIndex = '2';
+        unifiedLayer.style.pointerEvents = 'auto';
+        unifiedLayer.style.opacity = '1';
+        const style = document.createElement('style');
+        style.textContent = `
+      .unified-layer .text-segment,
+      .unified-layer .highlight-wrapper {
+        pointer-events: auto;
+        cursor: pointer;
+      }
+      .unified-layer .highlight-wrapper {
+        background-color: rgba(102, 126, 234, 0.15);
+      }
+      .unified-layer .highlight-wrapper:hover {
+        background-color: rgba(102, 126, 234, 0.25);
+      }
+      .highlight.selected-term,
+      .unified-layer .highlight-wrapper.selected-term,
+      div.highlight.selected-term,
+      div.highlight-wrapper.selected-term {
+        opacity: 1 !important;
+        filter: brightness(2) contrast(1.5) saturate(2) !important;
+        box-shadow: 0 0 0 3px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 0, 0.8), 0 0 20px rgba(255, 255, 0, 0.4) !important;
+        z-index: 15 !important;
+        transform: scale(1.1) !important;
+        transition: all 0.3s ease !important;
+        border-width: 3px !important;
+        outline: 2px solid rgba(255, 255, 255, 0.9) !important;
+        outline-offset: 1px !important;
+      }
+      .highlight.dimmed-highlight,
+      .unified-layer .highlight-wrapper.dimmed-highlight,
+      div.highlight.dimmed-highlight,
+      div.highlight-wrapper.dimmed-highlight {
+        opacity: 0.15 !important;
+        filter: brightness(0.4) contrast(0.6) saturate(0.3) grayscale(0.3) !important;
+        transition: all 0.3s ease !important;
+      }
+      .highlight,
+      .unified-layer .highlight-wrapper,
+      div.highlight,
+      div.highlight-wrapper {
+        transition: all 0.3s ease;
+      }
+    `;
+        document.head.appendChild(style);
+        pageContainer.appendChild(unifiedLayer);
+    }
+    updateHighlights(highlights, pageNumber, textContent) {
+        if (!this.unifiedLayer || !this.pageContainer) {
+            throw new Error('Unified layer not initialized');
+        }
+        if (textContent) {
+            this.buildUnifiedLayer(this.pageContainer, textContent, highlights, pageNumber);
+        }
+        else {
+            this.updateExistingHighlights(highlights, pageNumber);
+        }
+    }
+    updateExistingHighlights(highlights, pageNumber) {
+        if (!this.unifiedLayer)
+            return;
+        const existingHighlights = this.unifiedLayer.querySelectorAll('.highlight-wrapper');
+        existingHighlights.forEach((highlight) => {
+            highlight.classList.remove(...Array.from(highlight.classList).filter((cls) => cls.endsWith('-highlight')));
+        });
+        Object.entries(highlights).forEach(([category, categoryData]) => {
+            const pageHighlights = categoryData.pages[pageNumber.toString()];
+            if (pageHighlights) {
+                pageHighlights.forEach((occurrence) => {
+                    const elements = this.unifiedLayer.querySelectorAll(`[data-term-id="${occurrence.termId}"]`);
+                    elements.forEach((element) => {
+                        element.classList.add(`${category}-highlight`);
+                    });
+                });
+            }
+        });
+    }
+    clear() {
+        if (this.unifiedLayer && this.unifiedLayer.parentNode) {
+            this.unifiedLayer.parentNode.removeChild(this.unifiedLayer);
+        }
+        this.unifiedLayer = null;
+        this.pageContainer = null;
+    }
+    getUnifiedLayer() {
+        return this.unifiedLayer;
+    }
+}
+//# sourceMappingURL=unified-layer-builder.js.map

package/dist/core/unified-layer-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unified-layer-builder.js","sourceRoot":"","sources":["../../core/unified-layer-builder.ts"],"names":[],"mappings":"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"}

package/dist/core/viewport-manager.d.ts

@@ -0,0 +1,103 @@
+import { ViewportManager as IViewportManager, Priority, BoundingBox } from '../types';
+export declare class ViewportManager implements IViewportManager {
+    private containerHeight;
+    private pageHeight;
+    private pageGap;
+    private bufferSize;
+    private maxCachedPages;
+    private totalPages;
+    constructor(bufferSize?: number, // Restored to 2 to prevent white boxes
+    maxCachedPages?: number);
+    /**
+     * Update container dimensions
+     */
+    updateDimensions(containerHeight: number, pageHeight?: number): void;
+    /**
+     * Set total pages
+     */
+    setTotalPages(totalPages: number): void;
+    /**
+     * Calculate visible pages based on scroll position
+     */
+    getVisiblePages(scrollTop: number, containerHeight: number): number[];
+    /**
+     * Get buffer pages around visible pages
+     */
+    getBufferPages(visiblePages: number[], bufferSize?: number): number[];
+    /**
+     * Queue pages for rendering with appropriate priority
+     */
+    queuePagesForRendering(pages: number[], priority: Priority): void;
+    /**
+     * Determine which pages to unload based on distance from current view
+     */
+    unloadDistantPages(currentPage: number, threshold?: number): void;
+    /**
+     * Get rendering strategy for current viewport
+     */
+    getRenderingStrategy(scrollTop: number, containerHeight: number): {
+        highPriority: number[];
+        mediumPriority: number[];
+        lowPriority: number[];
+        unloadPages: number[];
+    };
+    /**
+     * Calculate page position in viewport
+     */
+    getPagePosition(pageNumber: number): {
+        top: number;
+        bottom: number;
+    };
+    /**
+     * Calculate which page contains a specific Y coordinate
+     */
+    getPageAtPosition(y: number): number;
+    /**
+     * Check if a page is visible in current viewport
+     */
+    isPageVisible(pageNumber: number, scrollTop: number, containerHeight: number): boolean;
+    /**
+     * Get optimal scroll position to center a page
+     */
+    getScrollPositionForPage(pageNumber: number): number;
+    /**
+     * Calculate viewport bounds for spatial indexing
+     */
+    getViewportBounds(scrollTop: number, containerHeight: number, scale?: number): BoundingBox;
+    /**
+     * Performance optimization: predict next viewport based on scroll direction
+     */
+    predictNextViewport(currentScrollTop: number, scrollVelocity: number, deltaTime: number): {
+        scrollTop: number;
+        visiblePages: number[];
+    };
+    /**
+     * Get memory usage estimation for current strategy
+     */
+    estimateMemoryUsage(strategy: ReturnType<typeof this.getRenderingStrategy>): {
+        highPriorityMB: number;
+        mediumPriorityMB: number;
+        lowPriorityMB: number;
+        totalMB: number;
+    };
+    /**
+     * Update configuration
+     */
+    updateConfig(config: {
+        bufferSize?: number;
+        maxCachedPages?: number;
+        pageHeight?: number;
+        pageGap?: number;
+    }): void;
+    /**
+     * Get current configuration
+     */
+    getConfig(): {
+        bufferSize: number;
+        maxCachedPages: number;
+        pageHeight: number;
+        pageGap: number;
+        containerHeight: number;
+    };
+}
+//# sourceMappingURL=viewport-manager.d.ts.map

package/dist/core/viewport-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport-manager.d.ts","sourceRoot":"","sources":["../../core/viewport-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,gBAAgB,EAAE,QAAQ,EAAY,WAAW,EAAE,MAAM,UAAU,CAAC;AAEhG,qBAAa,eAAgB,YAAW,gBAAgB;IACtD,OAAO,CAAC,eAAe,CAAa;IACpC,OAAO,CAAC,UAAU,CAAe;IACjC,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,UAAU,CAAa;gBAG7B,UAAU,GAAE,MAAU,EAAE,uCAAuC;IAC/D,cAAc,GAAE,MAAU;IAM5B;;OAEG;IACH,gBAAgB,CAAC,eAAe,EAAE,MAAM,EAAE,UAAU,GAAE,MAAY,GAAG,IAAI;IAKzE;;OAEG;IACH,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAIvC;;OAEG;IACH,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,MAAM,EAAE;IAoBrE;;OAEG;IACH,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,UAAU,GAAE,MAAwB,GAAG,MAAM,EAAE;IAqBtF;;OAEG;IACH,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAKjE;;OAEG;IACH,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,GAAE,MAAU,GAAG,IAAI;IAKpE;;OAEG;IACH,oBAAoB,CAClB,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE,MAAM,GACtB;QACD,YAAY,EAAE,MAAM,EAAE,CAAC;QACvB,cAAc,EAAE,MAAM,EAAE,CAAC;QACzB,WAAW,EAAE,MAAM,EAAE,CAAC;QACtB,WAAW,EAAE,MAAM,EAAE,CAAC;KACvB;IA4DD;;OAEG;IACH,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAOpE;;OAEG;IACH,iBAAiB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAIpC;;OAEG;IACH,aAAa,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,OAAO;IAStF;;OAEG;IACH,wBAAwB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM;IAQpD;;OAEG;IACH,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,GAAE,MAAU,GAAG,WAAW;IAS7F;;OAEG;IACH,mBAAmB,CACjB,gBAAgB,EAAE,MAAM,EACxB,cAAc,EAAE,MAAM,EACtB,SAAS,EAAE,MAAM,GAChB;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,EAAE,CAAA;KAAE;IAUhD;;OAEG;IACH,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,oBAAoB,CAAC,GAAG;QAC3E,cAAc,EAAE,MAAM,CAAC;QACvB,gBAAgB,EAAE,MAAM,CAAC;QACzB,aAAa,EAAE,MAAM,CAAC;QACtB,OAAO,EAAE,MAAM,CAAC;KACjB;IAeD;;OAEG;IACH,YAAY,CAAC,MAAM,EAAE;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI;IAeR;;OAEG;IACH,SAAS;;;;;;;CASV"}

package/dist/core/viewport-manager.js

@@ -0,0 +1,222 @@
+export class ViewportManager {
+    constructor(bufferSize = 2, // Restored to 2 to prevent white boxes
+    maxCachedPages = 8 // Increased to 8 for better user experience
+    ) {
+        this.containerHeight = 0;
+        this.pageHeight = 800; // Default page height
+        this.pageGap = 20; // Gap between pages
+        this.totalPages = 0;
+        this.bufferSize = bufferSize;
+        this.maxCachedPages = maxCachedPages;
+    }
+    /**
+     * Update container dimensions
+     */
+    updateDimensions(containerHeight, pageHeight = 800) {
+        this.containerHeight = containerHeight;
+        this.pageHeight = pageHeight;
+    }
+    /**
+     * Set total pages
+     */
+    setTotalPages(totalPages) {
+        this.totalPages = totalPages;
+    }
+    /**
+     * Calculate visible pages based on scroll position
+     */
+    getVisiblePages(scrollTop, containerHeight) {
+        const visiblePages = [];
+        // Calculate which pages are in viewport
+        const startY = scrollTop;
+        const endY = scrollTop + containerHeight;
+        // Find first page that intersects viewport
+        const firstPage = Math.max(1, Math.floor(startY / (this.pageHeight + this.pageGap)) + 1);
+        // Find last page that intersects viewport
+        const lastPage = Math.min(this.totalPages, Math.ceil(endY / (this.pageHeight + this.pageGap)));
+        for (let page = firstPage; page <= lastPage; page++) {
+            visiblePages.push(page);
+        }
+        return visiblePages;
+    }
+    /**
+     * Get buffer pages around visible pages
+     */
+    getBufferPages(visiblePages, bufferSize = this.bufferSize) {
+        if (visiblePages.length === 0)
+            return [];
+        const minPage = Math.min(...visiblePages);
+        const maxPage = Math.max(...visiblePages);
+        const bufferPages = [];
+        // Add buffer pages before visible range
+        for (let i = Math.max(1, minPage - bufferSize); i < minPage; i++) {
+            bufferPages.push(i);
+        }
+        // Add buffer pages after visible range
+        for (let i = maxPage + 1; i <= maxPage + bufferSize; i++) {
+            bufferPages.push(i);
+        }
+        return bufferPages;
+    }
+    /**
+     * Queue pages for rendering with appropriate priority
+     */
+    queuePagesForRendering(pages, priority) {
+        // This will be called by the consumer (PDFEngine)
+        // Implementation is handled by the engine that uses this manager
+    }
+    /**
+     * Determine which pages to unload based on distance from current view
+     */
+    unloadDistantPages(currentPage, threshold = 5) {
+        // This will be called by the consumer (PDFEngine)
+        // Implementation is handled by the engine that uses this manager
+    }
+    /**
+     * Get rendering strategy for current viewport
+     */
+    getRenderingStrategy(scrollTop, containerHeight) {
+        const visiblePages = this.getVisiblePages(scrollTop, containerHeight);
+        const bufferPages = this.getBufferPages(visiblePages);
+        // High priority: visible pages
+        const highPriority = visiblePages;
+        // Medium priority: buffer pages
+        const mediumPriority = bufferPages;
+        // Low priority: reasonable preload pages to prevent white boxes
+        const lowPriority = [];
+        if (visiblePages.length > 0) {
+            const minVisible = Math.min(...visiblePages);
+            const maxVisible = Math.max(...visiblePages);
+            const preloadSize = 2; // Increased back to 2
+            // Preload pages before buffer
+            for (let i = Math.max(1, minVisible - this.bufferSize - preloadSize); i < minVisible - this.bufferSize; i++) {
+                if (i >= 1)
+                    lowPriority.push(i);
+            }
+            // Preload pages after buffer
+            for (let i = maxVisible + this.bufferSize + 1; i <= Math.min(this.totalPages, maxVisible + this.bufferSize + preloadSize); i++) {
+                if (i <= this.totalPages)
+                    lowPriority.push(i);
+            }
+        }
+        // Pages to unload (far from current view) - more aggressive unloading
+        const unloadPages = [];
+        const currentCenter = visiblePages.length > 0
+            ? Math.floor((Math.min(...visiblePages) + Math.max(...visiblePages)) / 2)
+            : 1;
+        // Mark pages for unloading if they're beyond threshold (more conservative)
+        const unloadThreshold = this.bufferSize + 7; // Increased to be less aggressive
+        for (let page = 1; page <= this.totalPages; page++) {
+            const distance = Math.abs(page - currentCenter);
+            if (distance > unloadThreshold) {
+                unloadPages.push(page);
+            }
+        }
+        return {
+            highPriority,
+            mediumPriority,
+            lowPriority,
+            unloadPages,
+        };
+    }
+    /**
+     * Calculate page position in viewport
+     */
+    getPagePosition(pageNumber) {
+        const top = (pageNumber - 1) * (this.pageHeight + this.pageGap);
+        const bottom = top + this.pageHeight;
+        return { top, bottom };
+    }
+    /**
+     * Calculate which page contains a specific Y coordinate
+     */
+    getPageAtPosition(y) {
+        return Math.max(1, Math.floor(y / (this.pageHeight + this.pageGap)) + 1);
+    }
+    /**
+     * Check if a page is visible in current viewport
+     */
+    isPageVisible(pageNumber, scrollTop, containerHeight) {
+        const pagePos = this.getPagePosition(pageNumber);
+        const viewportTop = scrollTop;
+        const viewportBottom = scrollTop + containerHeight;
+        // Check if page intersects with viewport
+        return !(pagePos.bottom < viewportTop || pagePos.top > viewportBottom);
+    }
+    /**
+     * Get optimal scroll position to center a page
+     */
+    getScrollPositionForPage(pageNumber) {
+        const pagePos = this.getPagePosition(pageNumber);
+        const pageCenter = pagePos.top + this.pageHeight / 2;
+        const viewportCenter = this.containerHeight / 2;
+        return Math.max(0, pageCenter - viewportCenter);
+    }
+    /**
+     * Calculate viewport bounds for spatial indexing
+     */
+    getViewportBounds(scrollTop, containerHeight, scale = 1) {
+        return {
+            x1: 0,
+            y1: scrollTop / scale,
+            x2: Number.MAX_SAFE_INTEGER, // Full width
+            y2: (scrollTop + containerHeight) / scale,
+        };
+    }
+    /**
+     * Performance optimization: predict next viewport based on scroll direction
+     */
+    predictNextViewport(currentScrollTop, scrollVelocity, deltaTime) {
+        const predictedScrollTop = currentScrollTop + scrollVelocity * deltaTime;
+        const predictedVisiblePages = this.getVisiblePages(predictedScrollTop, this.containerHeight);
+        return {
+            scrollTop: predictedScrollTop,
+            visiblePages: predictedVisiblePages,
+        };
+    }
+    /**
+     * Get memory usage estimation for current strategy
+     */
+    estimateMemoryUsage(strategy) {
+        const estimatedPageSizeMB = 2; // Rough estimate per rendered page
+        const highPriorityMB = strategy.highPriority.length * estimatedPageSizeMB;
+        const mediumPriorityMB = strategy.mediumPriority.length * estimatedPageSizeMB;
+        const lowPriorityMB = strategy.lowPriority.length * estimatedPageSizeMB;
+        return {
+            highPriorityMB,
+            mediumPriorityMB,
+            lowPriorityMB,
+            totalMB: highPriorityMB + mediumPriorityMB + lowPriorityMB,
+        };
+    }
+    /**
+     * Update configuration
+     */
+    updateConfig(config) {
+        if (config.bufferSize !== undefined) {
+            this.bufferSize = config.bufferSize;
+        }
+        if (config.maxCachedPages !== undefined) {
+            this.maxCachedPages = config.maxCachedPages;
+        }
+        if (config.pageHeight !== undefined) {
+            this.pageHeight = config.pageHeight;
+        }
+        if (config.pageGap !== undefined) {
+            this.pageGap = config.pageGap;
+        }
+    }
+    /**
+     * Get current configuration
+     */
+    getConfig() {
+        return {
+            bufferSize: this.bufferSize,
+            maxCachedPages: this.maxCachedPages,
+            pageHeight: this.pageHeight,
+            pageGap: this.pageGap,
+            containerHeight: this.containerHeight,
+        };
+    }
+}
+//# sourceMappingURL=viewport-manager.js.map