UNPKG

ngx-extended-pdf-viewer

Version:

Embedding PDF files in your Angular application. Highly configurable viewer including the toolbar, sidebar, and all the features you're used to.

1,497 lines (1,278 loc) 338 kB
/** * @licstart The following is the entire license notice for the * Javascript code in this page * * Copyright 2019 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. * * @licend The above is the entire license notice for the * Javascript code in this page */ /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = ""; /******/ /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = 0); /******/ }) /************************************************************************/ /******/ ([ /* 0 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; ; let pdfjsWebApp, pdfjsWebAppOptions; { pdfjsWebApp = __webpack_require__(1); pdfjsWebAppOptions = __webpack_require__(3); } ; { __webpack_require__(33); } ; { __webpack_require__(38); } function getViewerConfiguration() { return { appContainer: document.body, mainContainer: document.getElementById('viewerContainer'), viewerContainer: document.getElementById('viewer'), eventBus: null, toolbar: { container: document.getElementById('toolbarViewer'), numPages: document.getElementById('numPages'), pageNumber: document.getElementById('pageNumber'), scaleSelectContainer: document.getElementById('scaleSelectContainer'), scaleSelect: document.getElementById('scaleSelect'), customScaleOption: document.getElementById('customScaleOption'), previous: document.getElementById('previous'), next: document.getElementById('next'), zoomIn: document.getElementById('zoomIn'), zoomOut: document.getElementById('zoomOut'), viewFind: document.getElementById('viewFind'), openFile: document.getElementById('openFile'), print: document.getElementById('print'), presentationModeButton: document.getElementById('presentationMode'), download: document.getElementById('download'), viewBookmark: document.getElementById('viewBookmark') }, secondaryToolbar: { toolbar: document.getElementById('secondaryToolbar'), toggleButton: document.getElementById('secondaryToolbarToggle'), toolbarButtonContainer: document.getElementById('secondaryToolbarButtonContainer'), presentationModeButton: document.getElementById('secondaryPresentationMode'), openFileButton: document.getElementById('secondaryOpenFile'), printButton: document.getElementById('secondaryPrint'), downloadButton: document.getElementById('secondaryDownload'), viewBookmarkButton: document.getElementById('secondaryViewBookmark'), firstPageButton: document.getElementById('firstPage'), lastPageButton: document.getElementById('lastPage'), pageRotateCwButton: document.getElementById('pageRotateCw'), pageRotateCcwButton: document.getElementById('pageRotateCcw'), cursorSelectToolButton: document.getElementById('cursorSelectTool'), cursorHandToolButton: document.getElementById('cursorHandTool'), scrollVerticalButton: document.getElementById('scrollVertical'), scrollHorizontalButton: document.getElementById('scrollHorizontal'), scrollWrappedButton: document.getElementById('scrollWrapped'), spreadNoneButton: document.getElementById('spreadNone'), spreadOddButton: document.getElementById('spreadOdd'), spreadEvenButton: document.getElementById('spreadEven'), documentPropertiesButton: document.getElementById('documentProperties') }, fullscreen: { contextFirstPage: document.getElementById('contextFirstPage'), contextLastPage: document.getElementById('contextLastPage'), contextPageRotateCw: document.getElementById('contextPageRotateCw'), contextPageRotateCcw: document.getElementById('contextPageRotateCcw') }, sidebar: { outerContainer: document.getElementById('outerContainer'), viewerContainer: document.getElementById('viewerContainer'), toggleButton: document.getElementById('sidebarToggle'), thumbnailButton: document.getElementById('viewThumbnail'), outlineButton: document.getElementById('viewOutline'), attachmentsButton: document.getElementById('viewAttachments'), thumbnailView: document.getElementById('thumbnailView'), outlineView: document.getElementById('outlineView'), attachmentsView: document.getElementById('attachmentsView') }, sidebarResizer: { outerContainer: document.getElementById('outerContainer'), resizer: document.getElementById('sidebarResizer') }, findBar: { bar: document.getElementById('findbar'), toggleButton: document.getElementById('viewFind'), findField: document.getElementById('findInput'), highlightAllCheckbox: document.getElementById('findHighlightAll'), caseSensitiveCheckbox: document.getElementById('findMatchCase'), entireWordCheckbox: document.getElementById('findEntireWord'), ignoreAccentsCheckbox: document.getElementById('findIgnoreAccents'), // #177 findMsg: document.getElementById('findMsg'), findResultsCount: document.getElementById('findResultsCount'), findPreviousButton: document.getElementById('findPrevious'), findNextButton: document.getElementById('findNext') }, passwordOverlay: { overlayName: 'passwordOverlay', container: document.getElementById('passwordOverlay'), label: document.getElementById('passwordText'), input: document.getElementById('password'), submitButton: document.getElementById('passwordSubmit'), cancelButton: document.getElementById('passwordCancel') }, documentProperties: { overlayName: 'documentPropertiesOverlay', container: document.getElementById('documentPropertiesOverlay'), closeButton: document.getElementById('documentPropertiesClose'), fields: { 'fileName': document.getElementById('fileNameField'), 'fileSize': document.getElementById('fileSizeField'), 'title': document.getElementById('titleField'), 'author': document.getElementById('authorField'), 'subject': document.getElementById('subjectField'), 'keywords': document.getElementById('keywordsField'), 'creationDate': document.getElementById('creationDateField'), 'modificationDate': document.getElementById('modificationDateField'), 'creator': document.getElementById('creatorField'), 'producer': document.getElementById('producerField'), 'version': document.getElementById('versionField'), 'pageCount': document.getElementById('pageCountField'), 'pageSize': document.getElementById('pageSizeField'), 'linearized': document.getElementById('linearizedField') } }, errorWrapper: { container: document.getElementById('errorWrapper'), errorMessage: document.getElementById('errorMessage'), closeButton: document.getElementById('errorClose'), errorMoreInfo: document.getElementById('errorMoreInfo'), moreInfoButton: document.getElementById('errorShowMore'), lessInfoButton: document.getElementById('errorShowLess') }, printContainer: document.getElementById('printContainer'), openFileInputName: 'fileInput', debuggerScriptPath: './debugger.js' }; } function webViewerLoad() { let config = getViewerConfiguration(); window.PDFViewerApplication = pdfjsWebApp.PDFViewerApplication; window.PDFViewerApplicationOptions = pdfjsWebAppOptions.AppOptions; const event = document.createEvent('CustomEvent'); event.initCustomEvent('webviewerloaded', true, true, {}); document.dispatchEvent(event); pdfjsWebApp.PDFViewerApplication.run(config); } window.webViewerLoad = webViewerLoad; /***/ }), /* 1 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.PDFPrintServiceFactory = exports.DefaultExternalServices = exports.PDFViewerApplication = void 0; var _ui_utils = __webpack_require__(2); var _app_options = __webpack_require__(3); var _pdfjsLib = __webpack_require__(4); var _pdf_cursor_tools = __webpack_require__(6); var _pdf_rendering_queue = __webpack_require__(8); var _pdf_sidebar = __webpack_require__(9); var _overlay_manager = __webpack_require__(10); var _password_prompt = __webpack_require__(11); var _pdf_attachment_viewer = __webpack_require__(12); var _pdf_document_properties = __webpack_require__(13); var _pdf_find_bar = __webpack_require__(14); var _pdf_find_controller = __webpack_require__(15); var _pdf_history = __webpack_require__(17); var _pdf_link_service = __webpack_require__(18); var _pdf_outline_viewer = __webpack_require__(19); var _pdf_presentation_mode = __webpack_require__(20); var _pdf_sidebar_resizer = __webpack_require__(21); var _pdf_thumbnail_viewer = __webpack_require__(22); var _pdf_viewer = __webpack_require__(24); var _secondary_toolbar = __webpack_require__(29); var _toolbar = __webpack_require__(31); var _view_history = __webpack_require__(32); const DEFAULT_SCALE_DELTA = 1.1; const DISABLE_AUTO_FETCH_LOADING_BAR_TIMEOUT = 5000; const FORCE_PAGES_LOADED_TIMEOUT = 10000; const WHEEL_ZOOM_DISABLED_TIMEOUT = 1000; const ViewOnLoad = { UNKNOWN: -1, PREVIOUS: 0, INITIAL: 1 }; const DefaultExternalServices = { updateFindControlState(data) {}, updateFindMatchesCount(data) {}, initPassiveLoading(callbacks) {}, fallback(data, callback) {}, reportTelemetry(data) {}, createDownloadManager(options) { throw new Error('Not implemented: createDownloadManager'); }, createPreferences() { throw new Error('Not implemented: createPreferences'); }, createL10n(options) { throw new Error('Not implemented: createL10n'); }, supportsIntegratedFind: false, supportsDocumentFonts: true, supportsDocumentColors: true, supportedMouseWheelZoomModifierKeys: { ctrlKey: true, metaKey: true } }; exports.DefaultExternalServices = DefaultExternalServices; let PDFViewerApplication = { initialBookmark: document.location.hash.substring(1), initialized: false, fellback: false, appConfig: null, pdfDocument: null, pdfLoadingTask: null, printService: null, pdfViewer: null, pdfThumbnailViewer: null, pdfRenderingQueue: null, pdfPresentationMode: null, pdfDocumentProperties: null, pdfLinkService: null, pdfHistory: null, pdfSidebar: null, pdfSidebarResizer: null, pdfOutlineViewer: null, pdfAttachmentViewer: null, pdfCursorTools: null, store: null, downloadManager: null, overlayManager: null, preferences: null, toolbar: null, secondaryToolbar: null, eventBus: null, l10n: null, isInitialViewSet: false, downloadComplete: false, isViewerEmbedded: window.parent !== window, url: '', baseUrl: '', externalServices: DefaultExternalServices, _boundEvents: {}, contentDispositionFilename: null, async initialize(appConfig) { this.preferences = this.externalServices.createPreferences(); this.appConfig = appConfig; await this._readPreferences(); await this._parseHashParameters(); await this._initializeL10n(); if (this.isViewerEmbedded && _app_options.AppOptions.get('externalLinkTarget') === _pdfjsLib.LinkTarget.NONE) { _app_options.AppOptions.set('externalLinkTarget', _pdfjsLib.LinkTarget.TOP); } await this._initializeViewerComponents(); this.bindEvents(); this.bindWindowEvents(); let appContainer = appConfig.appContainer || document.documentElement; this.l10n.translate(appContainer).then(() => { this.eventBus.dispatch('localized', { source: this }); }); this.initialized = true; }, async _readPreferences() { if (_app_options.AppOptions.get('disablePreferences') === true) { return; } try { const prefs = await this.preferences.getAll(); for (const name in prefs) { _app_options.AppOptions.set(name, prefs[name]); } } catch (reason) { console.error(`_readPreferences: "${reason.message}".`); } }, async _parseHashParameters() { if (!_app_options.AppOptions.get('pdfBugEnabled')) { return undefined; } const waitOn = []; let hash = document.location.hash.substring(1); let hashParams = (0, _ui_utils.parseQueryString)(hash); if ('disableworker' in hashParams && hashParams['disableworker'] === 'true') { waitOn.push(loadFakeWorker()); } if ('disablerange' in hashParams) { _app_options.AppOptions.set('disableRange', hashParams['disablerange'] === 'true'); } if ('disablestream' in hashParams) { _app_options.AppOptions.set('disableStream', hashParams['disablestream'] === 'true'); } if ('disableautofetch' in hashParams) { _app_options.AppOptions.set('disableAutoFetch', hashParams['disableautofetch'] === 'true'); } if ('disablefontface' in hashParams) { _app_options.AppOptions.set('disableFontFace', hashParams['disablefontface'] === 'true'); } if ('disablehistory' in hashParams) { _app_options.AppOptions.set('disableHistory', hashParams['disablehistory'] === 'true'); } if ('webgl' in hashParams) { _app_options.AppOptions.set('enableWebGL', hashParams['webgl'] === 'true'); } if ('useonlycsszoom' in hashParams) { _app_options.AppOptions.set('useOnlyCssZoom', hashParams['useonlycsszoom'] === 'true'); } if ('verbosity' in hashParams) { _app_options.AppOptions.set('verbosity', hashParams['verbosity'] | 0); } if ('textlayer' in hashParams) { switch (hashParams['textlayer']) { case 'off': _app_options.AppOptions.set('textLayerMode', _ui_utils.TextLayerMode.DISABLE); break; case 'visible': case 'shadow': case 'hover': let viewer = this.appConfig.viewerContainer; viewer.classList.add('textLayer-' + hashParams['textlayer']); break; } } if ('pdfbug' in hashParams) { _app_options.AppOptions.set('pdfBug', true); let enabled = hashParams['pdfbug'].split(','); waitOn.push(loadAndEnablePDFBug(enabled)); } if ('locale' in hashParams) { _app_options.AppOptions.set('locale', hashParams['locale']); } return Promise.all(waitOn).catch(reason => { console.error(`_parseHashParameters: "${reason.message}".`); }); }, async _initializeL10n() { this.l10n = this.externalServices.createL10n({ locale: _app_options.AppOptions.get('locale') }); const dir = await this.l10n.getDirection(); document.getElementsByTagName('html')[0].dir = dir; }, async _initializeViewerComponents() { const appConfig = this.appConfig; this.overlayManager = new _overlay_manager.OverlayManager(); const eventBus = appConfig.eventBus || (0, _ui_utils.getGlobalEventBus)(_app_options.AppOptions.get('eventBusDispatchToDOM')); this.eventBus = eventBus; let pdfRenderingQueue = new _pdf_rendering_queue.PDFRenderingQueue(); pdfRenderingQueue.onIdle = this.cleanup.bind(this); this.pdfRenderingQueue = pdfRenderingQueue; let pdfLinkService = new _pdf_link_service.PDFLinkService({ eventBus, externalLinkTarget: _app_options.AppOptions.get('externalLinkTarget'), externalLinkRel: _app_options.AppOptions.get('externalLinkRel') }); this.pdfLinkService = pdfLinkService; let downloadManager = this.externalServices.createDownloadManager({ disableCreateObjectURL: _app_options.AppOptions.get('disableCreateObjectURL') }); this.downloadManager = downloadManager; const findController = new _pdf_find_controller.PDFFindController({ linkService: pdfLinkService, eventBus }); this.findController = findController; const container = appConfig.mainContainer; const viewer = appConfig.viewerContainer; this.pdfViewer = new _pdf_viewer.PDFViewer({ container, viewer, eventBus, renderingQueue: pdfRenderingQueue, linkService: pdfLinkService, downloadManager, findController, renderer: _app_options.AppOptions.get('renderer'), enableWebGL: _app_options.AppOptions.get('enableWebGL'), l10n: this.l10n, textLayerMode: _app_options.AppOptions.get('textLayerMode'), imageResourcesPath: _app_options.AppOptions.get('imageResourcesPath'), renderInteractiveForms: _app_options.AppOptions.get('renderInteractiveForms'), enablePrintAutoRotate: _app_options.AppOptions.get('enablePrintAutoRotate'), useOnlyCssZoom: _app_options.AppOptions.get('useOnlyCssZoom'), maxCanvasPixels: _app_options.AppOptions.get('maxCanvasPixels') }); pdfRenderingQueue.setViewer(this.pdfViewer); pdfLinkService.setViewer(this.pdfViewer); this.pdfThumbnailViewer = new _pdf_thumbnail_viewer.PDFThumbnailViewer({ container: appConfig.sidebar.thumbnailView, renderingQueue: pdfRenderingQueue, linkService: pdfLinkService, l10n: this.l10n }); pdfRenderingQueue.setThumbnailViewer(this.pdfThumbnailViewer); this.pdfHistory = new _pdf_history.PDFHistory({ linkService: pdfLinkService, eventBus }); pdfLinkService.setHistory(this.pdfHistory); if (!this.supportsIntegratedFind) { this.findBar = new _pdf_find_bar.PDFFindBar(appConfig.findBar, eventBus, this.l10n); } this.pdfDocumentProperties = new _pdf_document_properties.PDFDocumentProperties(appConfig.documentProperties, this.overlayManager, eventBus, this.l10n); this.pdfCursorTools = new _pdf_cursor_tools.PDFCursorTools({ container, eventBus, cursorToolOnLoad: _app_options.AppOptions.get('cursorToolOnLoad') }); this.toolbar = new _toolbar.Toolbar(appConfig.toolbar, eventBus, this.l10n); this.secondaryToolbar = new _secondary_toolbar.SecondaryToolbar(appConfig.secondaryToolbar, container, eventBus); if (this.supportsFullscreen) { this.pdfPresentationMode = new _pdf_presentation_mode.PDFPresentationMode({ container, viewer, pdfViewer: this.pdfViewer, eventBus, contextMenuItems: appConfig.fullscreen }); } this.passwordPrompt = new _password_prompt.PasswordPrompt(appConfig.passwordOverlay, this.overlayManager, this.l10n); this.pdfOutlineViewer = new _pdf_outline_viewer.PDFOutlineViewer({ container: appConfig.sidebar.outlineView, eventBus, linkService: pdfLinkService }); this.pdfAttachmentViewer = new _pdf_attachment_viewer.PDFAttachmentViewer({ container: appConfig.sidebar.attachmentsView, eventBus, downloadManager }); this.pdfSidebar = new _pdf_sidebar.PDFSidebar({ elements: appConfig.sidebar, pdfViewer: this.pdfViewer, pdfThumbnailViewer: this.pdfThumbnailViewer, eventBus, l10n: this.l10n }); this.pdfSidebar.onToggled = this.forceRendering.bind(this); this.pdfSidebarResizer = new _pdf_sidebar_resizer.PDFSidebarResizer(appConfig.sidebarResizer, eventBus, this.l10n); }, run(config) { this.initialize(config).then(webViewerInitialized); }, zoomIn(ticks) { if (this.pdfViewer.isInPresentationMode) { return; } let newScale = this.pdfViewer.currentScale; do { newScale = (newScale * DEFAULT_SCALE_DELTA).toFixed(2); newScale = Math.ceil(newScale * 10) / 10; newScale = Math.min(_ui_utils.MAX_SCALE, newScale); } while (--ticks > 0 && newScale < _ui_utils.MAX_SCALE); this.pdfViewer.currentScaleValue = newScale; }, zoomOut(ticks) { if (this.pdfViewer.isInPresentationMode) { return; } let newScale = this.pdfViewer.currentScale; do { newScale = (newScale / DEFAULT_SCALE_DELTA).toFixed(2); newScale = Math.floor(newScale * 10) / 10; newScale = Math.max(_ui_utils.MIN_SCALE, newScale); } while (--ticks > 0 && newScale > _ui_utils.MIN_SCALE); this.pdfViewer.currentScaleValue = newScale; }, zoomReset() { if (this.pdfViewer.isInPresentationMode) { return; } this.pdfViewer.currentScaleValue = _ui_utils.DEFAULT_SCALE_VALUE; }, get pagesCount() { return this.pdfDocument ? this.pdfDocument.numPages : 0; }, set page(val) { this.pdfViewer.currentPageNumber = val; }, get page() { return this.pdfViewer.currentPageNumber; }, get printing() { return !!this.printService; }, get supportsPrinting() { return PDFPrintServiceFactory.instance.supportsPrinting; }, get supportsFullscreen() { let support; let doc = document.documentElement; support = !!(doc.requestFullscreen || doc.mozRequestFullScreen || doc.webkitRequestFullScreen || doc.msRequestFullscreen); if (document.fullscreenEnabled === false || document.mozFullScreenEnabled === false || document.webkitFullscreenEnabled === false || document.msFullscreenEnabled === false) { support = false; } return (0, _pdfjsLib.shadow)(this, 'supportsFullscreen', support); }, get supportsIntegratedFind() { return this.externalServices.supportsIntegratedFind; }, get supportsDocumentFonts() { return this.externalServices.supportsDocumentFonts; }, get supportsDocumentColors() { return this.externalServices.supportsDocumentColors; }, get loadingBar() { let bar = new _ui_utils.ProgressBar('#loadingBar'); return (0, _pdfjsLib.shadow)(this, 'loadingBar', bar); }, get supportedMouseWheelZoomModifierKeys() { return this.externalServices.supportedMouseWheelZoomModifierKeys; }, initPassiveLoading() { throw new Error('Not implemented: initPassiveLoading'); }, setTitleUsingUrl(url = '') { this.url = url; this.baseUrl = url.split('#')[0]; let title = (0, _ui_utils.getPDFFileNameFromURL)(url, ''); if (!title) { try { title = decodeURIComponent((0, _pdfjsLib.getFilenameFromUrl)(url)) || url; } catch (ex) { title = url; } } this.setTitle(title); }, setTitle(title) { if (this.isViewerEmbedded) { return; } document.title = title; }, async close() { let errorWrapper = this.appConfig.errorWrapper.container; errorWrapper.setAttribute('hidden', 'true'); if (!this.pdfLoadingTask) { return undefined; } let promise = this.pdfLoadingTask.destroy(); this.pdfLoadingTask = null; if (this.pdfDocument) { this.pdfDocument = null; this.pdfThumbnailViewer.setDocument(null); this.pdfViewer.setDocument(null); this.pdfLinkService.setDocument(null); this.pdfDocumentProperties.setDocument(null); } this.store = null; this.isInitialViewSet = false; this.downloadComplete = false; this.url = ''; this.baseUrl = ''; this.contentDispositionFilename = null; this.pdfSidebar.reset(); this.pdfOutlineViewer.reset(); this.pdfAttachmentViewer.reset(); if (this.findBar) { this.findBar.reset(); } this.toolbar.reset(); this.secondaryToolbar.reset(); if (typeof PDFBug !== 'undefined') { PDFBug.cleanup(); } return promise; }, async open(file, args) { if (this.pdfLoadingTask) { await this.close(); } const workerParameters = _app_options.AppOptions.getAll(_app_options.OptionKind.WORKER); for (let key in workerParameters) { _pdfjsLib.GlobalWorkerOptions[key] = workerParameters[key]; } let parameters = Object.create(null); if (typeof file === 'string') { this.setTitleUsingUrl(file); parameters.url = file; } else if (file && 'byteLength' in file) { parameters.data = file; } else if (file.url && file.originalUrl) { this.setTitleUsingUrl(file.originalUrl); parameters.url = file.url; } const apiParameters = _app_options.AppOptions.getAll(_app_options.OptionKind.API); for (let key in apiParameters) { let value = apiParameters[key]; if (key === 'docBaseUrl' && !value) {} parameters[key] = value; } if (args) { for (let key in args) { const value = args[key]; if (key === 'length') { this.pdfDocumentProperties.setFileSize(value); } parameters[key] = value; } } let loadingTask = (0, _pdfjsLib.getDocument)(parameters); this.pdfLoadingTask = loadingTask; loadingTask.onPassword = (updateCallback, reason) => { this.pdfLinkService.externalLinkEnabled = false; this.passwordPrompt.setUpdateCallback(updateCallback, reason); this.passwordPrompt.open(); }; loadingTask.onProgress = ({ loaded, total }) => { this.progress(loaded / total); }; loadingTask.onUnsupportedFeature = this.fallback.bind(this); return loadingTask.promise.then(pdfDocument => { this.load(pdfDocument); }, exception => { if (loadingTask !== this.pdfLoadingTask) { return undefined; } let message = exception && exception.message; let loadingErrorMessage; if (exception instanceof _pdfjsLib.InvalidPDFException) { loadingErrorMessage = this.l10n.get('invalid_file_error', null, 'Invalid or corrupted PDF file.'); } else if (exception instanceof _pdfjsLib.MissingPDFException) { loadingErrorMessage = this.l10n.get('missing_file_error', null, 'Missing PDF file.'); } else if (exception instanceof _pdfjsLib.UnexpectedResponseException) { loadingErrorMessage = this.l10n.get('unexpected_response_error', null, 'Unexpected server response.'); } else { loadingErrorMessage = this.l10n.get('loading_error', null, 'An error occurred while loading the PDF.'); } return loadingErrorMessage.then(msg => { this.error(msg, { message }); throw new Error(msg); }); }); }, download() { function downloadByUrl() { downloadManager.downloadUrl(url, filename); } let url = this.baseUrl; let filename = this.contentDispositionFilename || (0, _ui_utils.getPDFFileNameFromURL)(this.url); let downloadManager = this.downloadManager; downloadManager.onerror = err => { this.error(`PDF failed to download: ${err}`); }; if (!this.pdfDocument || !this.downloadComplete) { downloadByUrl(); return; } this.pdfDocument.getData().then(function (data) { const blob = new Blob([data], { type: 'application/pdf' }); downloadManager.download(blob, url, filename); }).catch(downloadByUrl); }, fallback(featureId) {}, error(message, moreInfo) { let moreInfoText = [this.l10n.get('error_version_info', { version: _pdfjsLib.version || '?', build: _pdfjsLib.build || '?' }, 'PDF.js v{{version}} (build: {{build}})')]; if (moreInfo) { moreInfoText.push(this.l10n.get('error_message', { message: moreInfo.message }, 'Message: {{message}}')); if (moreInfo.stack) { moreInfoText.push(this.l10n.get('error_stack', { stack: moreInfo.stack }, 'Stack: {{stack}}')); } else { if (moreInfo.filename) { moreInfoText.push(this.l10n.get('error_file', { file: moreInfo.filename }, 'File: {{file}}')); } if (moreInfo.lineNumber) { moreInfoText.push(this.l10n.get('error_line', { line: moreInfo.lineNumber }, 'Line: {{line}}')); } } } let errorWrapperConfig = this.appConfig.errorWrapper; let errorWrapper = errorWrapperConfig.container; errorWrapper.removeAttribute('hidden'); let errorMessage = errorWrapperConfig.errorMessage; errorMessage.textContent = message; let closeButton = errorWrapperConfig.closeButton; closeButton.onclick = function () { errorWrapper.setAttribute('hidden', 'true'); }; let errorMoreInfo = errorWrapperConfig.errorMoreInfo; let moreInfoButton = errorWrapperConfig.moreInfoButton; let lessInfoButton = errorWrapperConfig.lessInfoButton; moreInfoButton.onclick = function () { errorMoreInfo.removeAttribute('hidden'); moreInfoButton.setAttribute('hidden', 'true'); lessInfoButton.removeAttribute('hidden'); errorMoreInfo.style.height = errorMoreInfo.scrollHeight + 'px'; }; lessInfoButton.onclick = function () { errorMoreInfo.setAttribute('hidden', 'true'); moreInfoButton.removeAttribute('hidden'); lessInfoButton.setAttribute('hidden', 'true'); }; moreInfoButton.oncontextmenu = _ui_utils.noContextMenuHandler; lessInfoButton.oncontextmenu = _ui_utils.noContextMenuHandler; closeButton.oncontextmenu = _ui_utils.noContextMenuHandler; moreInfoButton.removeAttribute('hidden'); lessInfoButton.setAttribute('hidden', 'true'); Promise.all(moreInfoText).then(parts => { errorMoreInfo.value = parts.join('\n'); }); }, progress(level) { if (this.downloadComplete) { return; } let percent = Math.round(level * 100); if (percent > this.loadingBar.percent || isNaN(percent)) { this.loadingBar.percent = percent; const disableAutoFetch = this.pdfDocument ? this.pdfDocument.loadingParams['disableAutoFetch'] : _app_options.AppOptions.get('disableAutoFetch'); if (disableAutoFetch && percent) { if (this.disableAutoFetchLoadingBarTimeout) { clearTimeout(this.disableAutoFetchLoadingBarTimeout); this.disableAutoFetchLoadingBarTimeout = null; } this.loadingBar.show(); this.disableAutoFetchLoadingBarTimeout = setTimeout(() => { this.loadingBar.hide(); this.disableAutoFetchLoadingBarTimeout = null; }, DISABLE_AUTO_FETCH_LOADING_BAR_TIMEOUT); } } }, load(pdfDocument) { this.pdfDocument = pdfDocument; pdfDocument.getDownloadInfo().then(() => { this.downloadComplete = true; this.loadingBar.hide(); firstPagePromise.then(() => { this.eventBus.dispatch('documentloaded', { source: this }); }); }); const pageLayoutPromise = pdfDocument.getPageLayout().catch(function () {}); const pageModePromise = pdfDocument.getPageMode().catch(function () {}); const openActionDestPromise = pdfDocument.getOpenActionDestination().catch(function () {}); this.toolbar.setPagesCount(pdfDocument.numPages, false); this.secondaryToolbar.setPagesCount(pdfDocument.numPages); const store = this.store = new _view_history.ViewHistory(pdfDocument.fingerprint); let baseDocumentUrl; baseDocumentUrl = null; this.pdfLinkService.setDocument(pdfDocument, baseDocumentUrl); this.pdfDocumentProperties.setDocument(pdfDocument, this.url); let pdfViewer = this.pdfViewer; pdfViewer.setDocument(pdfDocument); let firstPagePromise = pdfViewer.firstPagePromise; let pagesPromise = pdfViewer.pagesPromise; let onePageRendered = pdfViewer.onePageRendered; let pdfThumbnailViewer = this.pdfThumbnailViewer; pdfThumbnailViewer.setDocument(pdfDocument); firstPagePromise.then(pdfPage => { this.loadingBar.setWidth(this.appConfig.viewerContainer); const storePromise = store.getMultiple({ page: null, zoom: _ui_utils.DEFAULT_SCALE_VALUE, scrollLeft: '0', scrollTop: '0', rotation: null, sidebarView: _pdf_sidebar.SidebarView.UNKNOWN, scrollMode: _ui_utils.ScrollMode.UNKNOWN, spreadMode: _ui_utils.SpreadMode.UNKNOWN }).catch(() => {}); Promise.all([_ui_utils.animationStarted, storePromise, pageLayoutPromise, pageModePromise, openActionDestPromise]).then(async ([timeStamp, values = {}, pageLayout, pageMode, openActionDest]) => { const viewOnLoad = _app_options.AppOptions.get('viewOnLoad'); this._initializePdfHistory({ fingerprint: pdfDocument.fingerprint, viewOnLoad, initialDest: openActionDest }); const initialBookmark = this.initialBookmark; const zoom = _app_options.AppOptions.get('defaultZoomValue'); let hash = zoom ? `zoom=${zoom}` : null; let rotation = null; let sidebarView = _app_options.AppOptions.get('sidebarViewOnLoad'); let scrollMode = _app_options.AppOptions.get('scrollModeOnLoad'); let spreadMode = _app_options.AppOptions.get('spreadModeOnLoad'); if (values.page && viewOnLoad !== ViewOnLoad.INITIAL) { hash = `page=${values.page}&zoom=${zoom || values.zoom},` + `${values.scrollLeft},${values.scrollTop}`; rotation = parseInt(values.rotation, 10); if (sidebarView === _pdf_sidebar.SidebarView.UNKNOWN) { sidebarView = values.sidebarView | 0; } if (scrollMode === _ui_utils.ScrollMode.UNKNOWN) { scrollMode = values.scrollMode | 0; } if (spreadMode === _ui_utils.SpreadMode.UNKNOWN) { spreadMode = values.spreadMode | 0; } } if (pageMode && sidebarView === _pdf_sidebar.SidebarView.UNKNOWN) { sidebarView = apiPageModeToSidebarView(pageMode); } if (pageLayout && spreadMode === _ui_utils.SpreadMode.UNKNOWN) { spreadMode = apiPageLayoutToSpreadMode(pageLayout); } this.setInitialView(hash, { rotation, sidebarView, scrollMode, spreadMode }); this.eventBus.dispatch('documentinit', { source: this }); if (!this.isViewerEmbedded) { pdfViewer.focus(); } await Promise.race([pagesPromise, new Promise(resolve => { setTimeout(resolve, FORCE_PAGES_LOADED_TIMEOUT); })]); if (!initialBookmark && !hash) { return; } if (pdfViewer.hasEqualPageSizes) { return; } this.initialBookmark = initialBookmark; pdfViewer.currentScaleValue = pdfViewer.currentScaleValue; this.setInitialView(hash); }).catch(() => { this.setInitialView(); }).then(function () { pdfViewer.update(); }); }); pdfDocument.getPageLabels().then(labels => { if (!labels || _app_options.AppOptions.get('disablePageLabels')) { return; } let i = 0, numLabels = labels.length; if (numLabels !== this.pagesCount) { console.error('The number of Page Labels does not match ' + 'the number of pages in the document.'); return; } while (i < numLabels && labels[i] === (i + 1).toString()) { i++; } if (i === numLabels) { return; } pdfViewer.setPageLabels(labels); pdfThumbnailViewer.setPageLabels(labels); this.toolbar.setPagesCount(pdfDocument.numPages, true); this.toolbar.setPageNumber(pdfViewer.currentPageNumber, pdfViewer.currentPageLabel); }); pagesPromise.then(() => { if (!this.supportsPrinting) { return; } pdfDocument.getJavaScript().then(javaScript => { if (!javaScript) { return; } javaScript.some(js => { if (!js) { return false; } console.warn('Warning: JavaScript is not supported'); this.fallback(_pdfjsLib.UNSUPPORTED_FEATURES.javaScript); return true; }); let regex = /\bprint\s*\(/; for (let i = 0, ii = javaScript.length; i < ii; i++) { let js = javaScript[i]; if (js && regex.test(js)) { setTimeout(function () { window.printPDF(); }); return; } } }); }); onePageRendered.then(() => { pdfDocument.getOutline().then(outline => { this.pdfOutlineViewer.render({ outline }); }); pdfDocument.getAttachments().then(attachments => { this.pdfAttachmentViewer.render({ attachments }); }); }); pdfDocument.getMetadata().then(({ info, metadata, contentDispositionFilename }) => { this.documentInfo = info; this.metadata = metadata; this.contentDispositionFilename = contentDispositionFilename; console.log('PDF viewer: ngx-extended-pdf-viewer running on pdf.js ' + _pdfjsLib.version); console.log('PDF ' + pdfDocument.fingerprint + ' [' + info.PDFFormatVersion + ' ' + (info.Producer || '-').trim() + ' / ' + (info.Creator || '-').trim() + ']' + ' (PDF.js: ' + (_pdfjsLib.version || '-') + (_app_options.AppOptions.get('enableWebGL') ? ' [WebGL]' : '') + ' modified by ngx-extended-pdf-viewer)'); let pdfTitle; if (metadata && metadata.has('dc:title')) { let title = metadata.get('dc:title'); if (title !== 'Untitled') { pdfTitle = title; } } if (!pdfTitle && info && info['Title']) { pdfTitle = info['Title']; } if (pdfTitle) { this.setTitle(`${pdfTitle} - ${contentDispositionFilename || document.title}`); } else if (contentDispositionFilename) { this.setTitle(contentDispositionFilename); } if (info.IsAcroFormPresent) { console.warn('Warning: AcroForm/XFA is not supported'); this.fallback(_pdfjsLib.UNSUPPORTED_FEATURES.forms); } }); }, _initializePdfHistory({ fingerprint, viewOnLoad, initialDest = null }) { if (_app_options.AppOptions.get('disableHistory') || this.isViewerEmbedded) { return; } this.pdfHistory.initialize({ fingerprint, resetHistory: viewOnLoad === ViewOnLoad.INITIAL, updateUrl: _app_options.AppOptions.get('historyUpdateUrl') }); if (this.pdfHistory.initialBookmark) { this.initialBookmark = this.pdfHistory.initialBookmark; this.initialRotation = this.pdfHistory.initialRotation; } if (initialDest && !this.initialBookmark && viewOnLoad === ViewOnLoad.UNKNOWN) { this.initialBookmark = JSON.stringify(initialDest); this.pdfHistory.push({ explicitDest: initialDest, pageNumber: null }); } }, setInitialView(storedHash, { rotation, sidebarView, scrollMode, spreadMode } = {}) { const setRotation = angle => { if ((0, _ui_utils.isValidRotation)(angle)) { this.pdfViewer.pagesRotation = angle; } }; const setViewerModes = (scroll, spread) => { if ((0, _ui_utils.isValidScrollMode)(scroll)) { this.pdfViewer.scrollMode = scroll; } if ((0, _ui_utils.isValidSpreadMode)(spread)) { this.pdfViewer.spreadMode = spread; } }; this.isInitialViewSet = true; this.pdfSidebar.setInitialView(sidebarView); setViewerModes(scrollMode, spreadMode); if (this.initialBookmark) { setRotation(this.initialRotation); delete this.initialRotation; this.pdfLinkService.setHash(this.initialBookmark); this.initialBookmark = null; } else if (storedHash) { setRotation(rotation); this.pdfLinkService.setHash(storedHash); } this.toolbar.setPageNumber(this.pdfViewer.currentPageNumber, this.pdfViewer.currentPageLabel); this.secondaryToolbar.setPageNumber(this.pdfViewer.currentPageNumber); if (!this.pdfViewer.currentScaleValue) { this.pdfViewer.currentScaleValue = _ui_utils.DEFAULT_SCALE_VALUE; } }, cleanup() { if (!this.pdfDocument) { return; } this.pdfViewer.cleanup(); this.pdfThumbnailViewer.cleanup(); if (this.pdfViewer.renderer !== _ui_utils.RendererType.SVG) { this.pdfDocument.cleanup(); } }, forceRendering() { this.pdfRenderingQueue.printing = this.printing; this.pdfRenderingQueue.isThumbnailViewEnabled = this.pdfSidebar.isThumbnailViewVisible; this.pdfRenderingQueue.renderHighestPriority(); }, beforePrint() { if (this.printService) { return; } if (!this.supportsPrinting) { this.l10n.get('printing_not_supported', null, 'Warning: Printing is not fully supported by ' + 'this browser.').then(printMessage => { this.error(printMessage); }); return; } if (!this.pdfViewer.pageViewsReady) { this.l10n.get('printing_not_ready', null, 'Warning: The PDF is not fully loaded for printing.').then(notReadyMessage => { window.alert(notReadyMessage); }); return; } let pagesOverview = this.pdfViewer.getPagesOverview(); let printContainer = this.appConfig.printContainer; let printService = PDFPrintServiceFactory.instance.createPrintService(this.pdfDocument, pagesOverview, printContainer, this.l10n); this.printService = printService; this.forceRendering(); printService.layout(); }, afterPrint() { if (this.printService) { document.body.removeAttribute('data-pdfjsprinting'); this.printService.destroy(); this.printService = null; } this.forceRendering(); }, rotatePages(delta) { if (!this.pdfDocument) { return; } let newRotation = (this.pdfViewer.pagesRotation + 360 + delta) % 360; this.pdfViewer.pagesRotation = newRotation; }, requestPresentationMode() { if (!this.pdfPresentationMode) { return; } this.pdfPresentationMode.request(); }, bindEvents() { let { eventBus, _boundEvents } = this; _boundEvents.beforePrint = this.beforePrint.bind(this); _boundEvents.afterPrint = this.afterPrint.bind(this); eventBus.on('resize', webViewerResize); eventBus.on('hashchange', webViewerHashchange); eventBus.on('beforeprint', _boundEvents.beforePrint); eventBus.on('afterprint', _boundEvents.afterPrint); eventBus.on('pagerendered', webViewerPageRendered); eventBus.on('textlayerrendered', webViewerTextLayerRendered); eventBus.on('updateviewarea', webViewerUpdateViewarea); eventBus.on('pagechanging', webViewerPageChanging); eventBus.on('scalechanging', webViewerScaleChanging); eventBus.on('rotationchanging', webViewerRotationChanging); eventBus.on('sidebarviewchanged', webViewerSidebarViewChanged); eventBus.on('pagemode', webViewerPageMode); eventBus.on('namedaction', webViewerNamedAction); eventBus.on('presentationmodechanged', webViewerPresentationModeChanged); eventBus.on('presentationmode', webViewerPresentationMode); eventBus.on('openfile', webViewerOpenFile); eventBus.on('print', webViewerPrint); eventBus.on('download', webViewerDownload); eventBus.on('firstpage', webViewerFirstPage); eventBus.on('lastpage', webViewerLastPage); eventBus.on('nextpage', webViewerNextPage); eventBus.on('previouspage', webViewerPreviousPage); eventBus.on('zoomin', webViewerZoomIn); eventBus.on('zoomout', webViewerZoomOut); eventBus.on('zoomreset', webViewerZoomReset); eventBus.on('pagenumberchanged', webViewerPageNumberChanged); eventBus.on('scalechanged', webViewerScaleChanged); eventBus.on('rotatecw', webViewerRotateCw); eventBus.on('rotateccw', webViewerRotateCcw); eventBus.on('switchscrollmode', webViewerSwitchScrollMode); eventBus.on('scrollmodechanged', webViewerScrollModeChanged); eventBus.on('switchspreadmode', webViewerSwitchSpreadMode); eventBus.on('spreadmodechanged', webViewerSpreadModeChanged); eventBus.on('documentproperties', webViewerDocumentProperties); eventBus.on('find', webViewerFind); eventBus.on('findfromurlhash', webViewerFindFromUrlHash); eventBus.on('updatefindmatchescount', webViewerUpdateFindMatchesCount); eventBus.on('updatefindcontrolstate', webViewerUpdateFindControlState); eventBus.on('fileinputchange', webViewerFileInputChange); }, bindWindowEvents() { let { eventBus, _boundEvents } = this; _boundEvents.windowResize = () => { eventBus.dispatch('resize', { source: window }); }; _boundEvents.windowHashChange = () => { eventBus.dispatch('hashchange', { source: window, hash: document.location.hash.substring(1) }); }; _boundEvents.windowBeforePrint = () => { eventBus.dispatch('beforeprint', { source: window }); }; _boundEvents.windowAfterPrint = () => { eventBus.dispatch('afterprint', { source: window }); }; window.addEventListener('visibilitychange', webViewerVisibilityChange); window.addEventListener('wheel', webViewerWheel, { passive: false }); window.addEventListener('click', webViewerClick); window.addEventListener('keydown', webViewerKeyDown); window.addEventListener('resize', _boundEvents.windowResize); window.addEventListener('hashchange', _boundEvents.windowHashChange); window.addEventListener('beforeprint', _boundEvents.windowBeforePrint); window.addEventListener('afterprint', _boundEvents.windowAfterPrint); }, unbindEvents() { let { eventBus, _boundEvents } = this; eventBus.off('resize', webViewerResize); eventBus.off('hashchange', webViewerHashchange); eventBus.off('beforeprint', _boundEvents.beforePrint); eventBus.off('afterprint', _boundEvents.afterPrint); eventBus.off('pagerendered', webViewerPageRendered); eventBus.off('textlayerrendered', webViewerTextLayerRendered); eventBus.off('updateviewarea', webViewerUpdateViewarea); eventBus.off('pagechanging', webViewerPageChanging); eventBus.off('scalechanging', webViewerScaleChanging); eventBus.off('rotationchanging', webViewerRotationChanging); eventBus.off('sidebarviewchanged', webViewerSidebarViewChanged); eventBus.off('pagemode', webViewerPageMode); eventBus.off('namedaction', webViewerNamedAction); eventBus.off('presentationmodechanged', webViewerPresentationModeChanged); eventBus.off('presentationmode', webViewerPresentationMode); eventBus.off('openfile', webViewerOpenFile); eventBus.off('print', webViewerPrint);