/* Copyright 2014 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import { BaseViewer, ScrollMode, SpreadMode } from './base_viewer'; import { getVisibleElements, scrollIntoView } from './ui_utils'; import { shadow } from 'pdfjs-lib'; class PDFViewer extends BaseViewer { get _setDocumentViewerElement() { return shadow(this, '_setDocumentViewerElement', this.viewer); } _scrollIntoView({ pageDiv, pageSpot = null, }) { if (!pageSpot && !this.isInPresentationMode) { const left = pageDiv.offsetLeft + pageDiv.clientLeft; const right = left + pageDiv.clientWidth; const { scrollLeft, clientWidth, } = this.container; if (this.scrollMode === ScrollMode.HORIZONTAL || left < scrollLeft || right > scrollLeft + clientWidth) { pageSpot = { left: 0, top: 0, }; } } scrollIntoView(pageDiv, pageSpot); } _getVisiblePages() { if (!this.isInPresentationMode) { return getVisibleElements(this.container, this._pages, true, this.scrollMode === ScrollMode.HORIZONTAL); } // The algorithm in getVisibleElements doesn't work in all browsers and // configurations when presentation mode is active. let currentPage = this._pages[this._currentPageNumber - 1]; let visible = [{ id: currentPage.id, view: currentPage, }]; return { first: currentPage, last: currentPage, views: visible, }; } update() { let visible = this._getVisiblePages(); let visiblePages = visible.views, numVisiblePages = visiblePages.length; if (numVisiblePages === 0) { return; } this._resizeBuffer(numVisiblePages, visiblePages); this.renderingQueue.renderHighestPriority(visible); let currentId = this._currentPageNumber; let stillFullyVisible = false; for (let i = 0; i < numVisiblePages; ++i) { let page = visiblePages[i]; if (page.percent < 100) { break; } if (page.id === currentId) { stillFullyVisible = true; break; } } if (!stillFullyVisible) { currentId = visiblePages[0].id; } if (!this.isInPresentationMode) { this._setCurrentPageNumber(currentId); } this._updateLocation(visible.first); this.eventBus.dispatch('updateviewarea', { source: this, location: this._location, }); } get _isScrollModeHorizontal() { // Used to ensure that pre-rendering of the next/previous page works // correctly, since Scroll/Spread modes are ignored in Presentation Mode. return (this.isInPresentationMode ? false : this.scrollMode === ScrollMode.HORIZONTAL); } setScrollMode(mode) { if (mode === this.scrollMode) { return; } super.setScrollMode(mode); this.eventBus.dispatch('scrollmodechanged', { mode, }); this._updateScrollModeClasses(); const pageNumber = this._currentPageNumber; // Non-numeric scale modes can be sensitive to the scroll orientation. // Call this before re-scrolling to the current page, to ensure that any // changes in scale don't move the current page. if (isNaN(this._currentScaleValue)) { this._setScale(this._currentScaleValue, this.isInPresentationMode); } this.scrollPageIntoView({ pageNumber, }); this.update(); } _updateScrollModeClasses() { const { scrollMode, viewer, } = this; if (scrollMode === ScrollMode.HORIZONTAL) { viewer.classList.add('scrollHorizontal'); } else { viewer.classList.remove('scrollHorizontal'); } if (scrollMode === ScrollMode.WRAPPED) { viewer.classList.add('scrollWrapped'); } else { viewer.classList.remove('scrollWrapped'); } } setSpreadMode(mode) { if (mode === this.spreadMode) { return; } super.setSpreadMode(mode); this.eventBus.dispatch('spreadmodechanged', { mode, }); this._regroupSpreads(); } _regroupSpreads() { const viewer = this.viewer, pages = this._pages; // Temporarily remove all the pages from the DOM. viewer.textContent = ''; if (this.spreadMode === SpreadMode.NONE) { for (let i = 0, iMax = pages.length; i < iMax; ++i) { viewer.appendChild(pages[i].div); } } else { const parity = this.spreadMode - 1; let spread = null; for (let i = 0, iMax = pages.length; i < iMax; ++i) { if (spread === null) { spread = document.createElement('div'); spread.className = 'spread'; viewer.appendChild(spread); } else if (i % 2 === parity) { spread = spread.cloneNode(false); viewer.appendChild(spread); } spread.appendChild(pages[i].div); } } this.scrollPageIntoView({ pageNumber: this._currentPageNumber, }); this.update(); } } export { PDFViewer, };