openmedialibrary_reader/pdf.js/viewer.js

7970 lines
255 KiB
JavaScript
Raw Normal View History

2015-03-07 19:41:19 +00:00
/* Copyright 2012 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.
*/
2016-01-03 14:32:46 +00:00
/* globals PDFJS, PDFBug, FirefoxCom, Stats, ProgressBar,
DownloadManager, getFileName, getPDFFileNameFromURL,
PDFHistory, Preferences, SidebarView, ViewHistory, Stats,
2016-01-03 13:38:30 +00:00
PDFThumbnailViewer, URL, noContextMenuHandler, SecondaryToolbar,
2016-01-03 14:32:46 +00:00
PasswordPrompt, PDFPresentationMode, PDFDocumentProperties, HandTool,
Promise, PDFLinkService, PDFOutlineView, PDFAttachmentView,
OverlayManager, PDFFindController, PDFFindBar, PDFViewer,
PDFRenderingQueue, PresentationModeState, parseQueryString,
RenderingStates, UNKNOWN_SCALE, DEFAULT_SCALE_VALUE,
2016-01-03 13:38:30 +00:00
IGNORE_CURRENT_POSITION_ON_ZOOM: true */
2015-03-07 19:41:19 +00:00
'use strict';
var DEFAULT_SCALE_DELTA = 1.1;
var MIN_SCALE = 0.25;
2016-01-03 13:38:30 +00:00
var MAX_SCALE = 10.0;
2015-03-07 19:41:19 +00:00
var SCALE_SELECT_CONTAINER_PADDING = 8;
var SCALE_SELECT_PADDING = 22;
2016-01-03 13:38:30 +00:00
var PAGE_NUMBER_LOADING_INDICATOR = 'visiblePageIsLoading';
2016-01-03 14:32:46 +00:00
var DISABLE_AUTO_FETCH_LOADING_BAR_TIMEOUT = 5000;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
function configure(PDFJS) {
PDFJS.imageResourcesPath = '/static/pdf.js/images/';
2015-03-07 19:41:19 +00:00
PDFJS.workerSrc = '/static/pdf.js/pdf.worker.js';
2016-01-03 13:38:30 +00:00
PDFJS.cMapUrl = '/static/pdf.js/cmaps/';
PDFJS.cMapPacked = true;
2016-01-03 14:32:46 +00:00
}
2015-03-07 19:41:19 +00:00
var mozL10n = document.mozL10n || document.webL10n;
2016-01-03 13:38:30 +00:00
var CSS_UNITS = 96.0 / 72.0;
2016-01-03 14:32:46 +00:00
var DEFAULT_SCALE_VALUE = 'auto';
var DEFAULT_SCALE = 1.0;
2016-01-03 13:38:30 +00:00
var UNKNOWN_SCALE = 0;
var MAX_AUTO_SCALE = 1.25;
var SCROLLBAR_PADDING = 40;
var VERTICAL_PADDING = 5;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var NullCharactersRegExp = /\x00/g;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
function removeNullCharacters(str) {
return str.replace(NullCharactersRegExp, '');
}
2015-03-07 19:41:19 +00:00
function getFileName(url) {
var anchor = url.indexOf('#');
var query = url.indexOf('?');
var end = Math.min(
anchor > 0 ? anchor : url.length,
query > 0 ? query : url.length);
return url.substring(url.lastIndexOf('/', end) + 1, end);
}
/**
* Returns scale factor for the canvas. It makes sense for the HiDPI displays.
* @return {Object} The object with horizontal (sx) and vertical (sy)
scales. The scaled property is set to false if scaling is
not required, true otherwise.
*/
function getOutputScale(ctx) {
var devicePixelRatio = window.devicePixelRatio || 1;
var backingStoreRatio = ctx.webkitBackingStorePixelRatio ||
ctx.mozBackingStorePixelRatio ||
ctx.msBackingStorePixelRatio ||
ctx.oBackingStorePixelRatio ||
ctx.backingStorePixelRatio || 1;
var pixelRatio = devicePixelRatio / backingStoreRatio;
return {
sx: pixelRatio,
sy: pixelRatio,
2016-01-03 13:38:30 +00:00
scaled: pixelRatio !== 1
2015-03-07 19:41:19 +00:00
};
}
/**
* Scrolls specified element into view of its parent.
2016-01-03 14:32:46 +00:00
* @param {Object} element - The element to be visible.
* @param {Object} spot - An object with optional top and left properties,
* specifying the offset from the top left edge.
* @param {boolean} skipOverflowHiddenElements - Ignore elements that have
* the CSS rule `overflow: hidden;` set. The default is false.
2015-03-07 19:41:19 +00:00
*/
2016-01-03 14:32:46 +00:00
function scrollIntoView(element, spot, skipOverflowHiddenElements) {
2015-03-07 19:41:19 +00:00
// Assuming offsetParent is available (it's not available when viewer is in
// hidden iframe or object). We have to scroll: if the offsetParent is not set
// producing the error. See also animationStartedClosure.
var parent = element.offsetParent;
if (!parent) {
console.error('offsetParent is not set -- cannot scroll');
return;
}
2016-01-03 14:32:46 +00:00
var checkOverflow = skipOverflowHiddenElements || false;
var offsetY = element.offsetTop + element.clientTop;
var offsetX = element.offsetLeft + element.clientLeft;
while (parent.clientHeight === parent.scrollHeight ||
(checkOverflow && getComputedStyle(parent).overflow === 'hidden')) {
2015-03-07 19:41:19 +00:00
if (parent.dataset._scaleY) {
offsetY /= parent.dataset._scaleY;
offsetX /= parent.dataset._scaleX;
}
offsetY += parent.offsetTop;
offsetX += parent.offsetLeft;
parent = parent.offsetParent;
if (!parent) {
return; // no need to scroll
}
}
if (spot) {
if (spot.top !== undefined) {
offsetY += spot.top;
}
if (spot.left !== undefined) {
offsetX += spot.left;
parent.scrollLeft = offsetX;
}
}
parent.scrollTop = offsetY;
}
2016-01-03 13:38:30 +00:00
/**
* Helper function to start monitoring the scroll event and converting them into
* PDF.js friendly one: with scroll debounce and scroll direction.
*/
function watchScroll(viewAreaElement, callback) {
var debounceScroll = function debounceScroll(evt) {
if (rAF) {
return;
}
// schedule an invocation of scroll for next animation frame.
rAF = window.requestAnimationFrame(function viewAreaElementScrolled() {
rAF = null;
var currentY = viewAreaElement.scrollTop;
var lastY = state.lastY;
2016-01-03 14:32:46 +00:00
if (currentY !== lastY) {
state.down = currentY > lastY;
2016-01-03 13:38:30 +00:00
}
state.lastY = currentY;
callback(state);
});
};
var state = {
down: true,
lastY: viewAreaElement.scrollTop,
_eventHandler: debounceScroll
};
var rAF = null;
viewAreaElement.addEventListener('scroll', debounceScroll, true);
return state;
}
2016-01-03 14:32:46 +00:00
/**
* Helper function to parse query string (e.g. ?param1=value&parm2=...).
*/
function parseQueryString(query) {
var parts = query.split('&');
var params = {};
for (var i = 0, ii = parts.length; i < ii; ++i) {
var param = parts[i].split('=');
var key = param[0].toLowerCase();
var value = param.length > 1 ? param[1] : null;
params[decodeURIComponent(key)] = decodeURIComponent(value);
}
return params;
}
/**
* Use binary search to find the index of the first item in a given array which
* passes a given condition. The items are expected to be sorted in the sense
* that if the condition is true for one item in the array, then it is also true
* for all following items.
*
* @returns {Number} Index of the first array element to pass the test,
* or |items.length| if no such element exists.
*/
function binarySearchFirstItem(items, condition) {
var minIndex = 0;
var maxIndex = items.length - 1;
if (items.length === 0 || !condition(items[maxIndex])) {
return items.length;
}
if (condition(items[minIndex])) {
return minIndex;
}
while (minIndex < maxIndex) {
var currentIndex = (minIndex + maxIndex) >> 1;
var currentItem = items[currentIndex];
if (condition(currentItem)) {
maxIndex = currentIndex;
} else {
minIndex = currentIndex + 1;
}
}
return minIndex; /* === maxIndex */
}
/**
* Approximates float number as a fraction using Farey sequence (max order
* of 8).
* @param {number} x - Positive float number.
* @returns {Array} Estimated fraction: the first array item is a numerator,
* the second one is a denominator.
*/
function approximateFraction(x) {
// Fast paths for int numbers or their inversions.
if (Math.floor(x) === x) {
return [x, 1];
}
var xinv = 1 / x;
var limit = 8;
if (xinv > limit) {
return [1, limit];
} else if (Math.floor(xinv) === xinv) {
return [1, xinv];
}
var x_ = x > 1 ? xinv : x;
// a/b and c/d are neighbours in Farey sequence.
var a = 0, b = 1, c = 1, d = 1;
// Limiting search to order 8.
while (true) {
// Generating next term in sequence (order of q).
var p = a + c, q = b + d;
if (q > limit) {
break;
}
if (x_ <= p / q) {
c = p; d = q;
} else {
a = p; b = q;
}
}
// Select closest of the neighbours to x.
if (x_ - a / b < c / d - x_) {
return x_ === x ? [a, b] : [b, a];
} else {
return x_ === x ? [c, d] : [d, c];
}
}
function roundToDivide(x, div) {
var r = x % div;
return r === 0 ? x : Math.round(x - r + div);
}
2016-01-03 13:38:30 +00:00
/**
* Generic helper to find out what elements are visible within a scroll pane.
*/
function getVisibleElements(scrollEl, views, sortByVisibility) {
var top = scrollEl.scrollTop, bottom = top + scrollEl.clientHeight;
var left = scrollEl.scrollLeft, right = left + scrollEl.clientWidth;
2016-01-03 14:32:46 +00:00
function isElementBottomBelowViewTop(view) {
var element = view.div;
var elementBottom =
element.offsetTop + element.clientTop + element.clientHeight;
return elementBottom > top;
}
var visible = [], view, element;
2016-01-03 13:38:30 +00:00
var currentHeight, viewHeight, hiddenHeight, percentHeight;
var currentWidth, viewWidth;
2016-01-03 14:32:46 +00:00
var firstVisibleElementInd = (views.length === 0) ? 0 :
binarySearchFirstItem(views, isElementBottomBelowViewTop);
for (var i = firstVisibleElementInd, ii = views.length; i < ii; i++) {
2016-01-03 13:38:30 +00:00
view = views[i];
2016-01-03 14:32:46 +00:00
element = view.div;
currentHeight = element.offsetTop + element.clientTop;
viewHeight = element.clientHeight;
2016-01-03 13:38:30 +00:00
if (currentHeight > bottom) {
break;
}
2016-01-03 14:32:46 +00:00
currentWidth = element.offsetLeft + element.clientLeft;
viewWidth = element.clientWidth;
if (currentWidth + viewWidth < left || currentWidth > right) {
2016-01-03 13:38:30 +00:00
continue;
}
hiddenHeight = Math.max(0, top - currentHeight) +
Math.max(0, currentHeight + viewHeight - bottom);
percentHeight = ((viewHeight - hiddenHeight) * 100 / viewHeight) | 0;
2016-01-03 14:32:46 +00:00
visible.push({
id: view.id,
x: currentWidth,
y: currentHeight,
view: view,
percent: percentHeight
});
2016-01-03 13:38:30 +00:00
}
var first = visible[0];
var last = visible[visible.length - 1];
if (sortByVisibility) {
visible.sort(function(a, b) {
var pc = a.percent - b.percent;
if (Math.abs(pc) > 0.001) {
return -pc;
}
return a.id - b.id; // ensure stability
});
}
return {first: first, last: last, views: visible};
}
2015-03-07 19:41:19 +00:00
/**
* Event handler to suppress context menu.
*/
function noContextMenuHandler(e) {
e.preventDefault();
}
/**
* Returns the filename or guessed filename from the url (see issue 3455).
* url {String} The original PDF location.
* @return {String} Guessed PDF file name.
*/
function getPDFFileNameFromURL(url) {
var reURI = /^(?:([^:]+:)?\/\/[^\/]+)?([^?#]*)(\?[^#]*)?(#.*)?$/;
// SCHEME HOST 1.PATH 2.QUERY 3.REF
// Pattern to get last matching NAME.pdf
var reFilename = /[^\/?#=]+\.pdf\b(?!.*\.pdf\b)/i;
var splitURI = reURI.exec(url);
var suggestedFilename = reFilename.exec(splitURI[1]) ||
reFilename.exec(splitURI[2]) ||
reFilename.exec(splitURI[3]);
if (suggestedFilename) {
suggestedFilename = suggestedFilename[0];
2016-01-03 13:38:30 +00:00
if (suggestedFilename.indexOf('%') !== -1) {
2015-03-07 19:41:19 +00:00
// URL-encoded %2Fpath%2Fto%2Ffile.pdf should be file.pdf
try {
suggestedFilename =
reFilename.exec(decodeURIComponent(suggestedFilename))[0];
} catch(e) { // Possible (extremely rare) errors:
// URIError "Malformed URI", e.g. for "%AA.pdf"
// TypeError "null has no properties", e.g. for "%2F.pdf"
}
}
}
return suggestedFilename || 'document.pdf';
}
var ProgressBar = (function ProgressBarClosure() {
function clamp(v, min, max) {
return Math.min(Math.max(v, min), max);
}
function ProgressBar(id, opts) {
2016-01-03 14:32:46 +00:00
this.visible = true;
2015-03-07 19:41:19 +00:00
// Fetch the sub-elements for later.
this.div = document.querySelector(id + ' .progress');
// Get the loading bar element, so it can be resized to fit the viewer.
this.bar = this.div.parentNode;
// Get options, with sensible defaults.
this.height = opts.height || 100;
this.width = opts.width || 100;
this.units = opts.units || '%';
// Initialize heights.
this.div.style.height = this.height + this.units;
this.percent = 0;
}
ProgressBar.prototype = {
updateBar: function ProgressBar_updateBar() {
if (this._indeterminate) {
this.div.classList.add('indeterminate');
this.div.style.width = this.width + this.units;
return;
}
this.div.classList.remove('indeterminate');
var progressSize = this.width * this._percent / 100;
this.div.style.width = progressSize + this.units;
},
get percent() {
return this._percent;
},
set percent(val) {
this._indeterminate = isNaN(val);
this._percent = clamp(val, 0, 100);
this.updateBar();
},
setWidth: function ProgressBar_setWidth(viewer) {
if (viewer) {
var container = viewer.parentNode;
var scrollbarWidth = container.offsetWidth - viewer.offsetWidth;
if (scrollbarWidth > 0) {
this.bar.setAttribute('style', 'width: calc(100% - ' +
scrollbarWidth + 'px);');
}
}
},
hide: function ProgressBar_hide() {
2016-01-03 14:32:46 +00:00
if (!this.visible) {
return;
}
this.visible = false;
2015-03-07 19:41:19 +00:00
this.bar.classList.add('hidden');
2016-01-03 14:32:46 +00:00
document.body.classList.remove('loadingInProgress');
},
show: function ProgressBar_show() {
if (this.visible) {
return;
}
this.visible = true;
document.body.classList.add('loadingInProgress');
this.bar.classList.remove('hidden');
2015-03-07 19:41:19 +00:00
}
};
return ProgressBar;
})();
var DEFAULT_PREFERENCES = {
showPreviousViewOnLoad: true,
defaultZoomValue: '',
2016-01-03 13:38:30 +00:00
sidebarViewOnLoad: 0,
enableHandToolOnLoad: false,
enableWebGL: false,
pdfBugEnabled: false,
disableRange: false,
disableStream: false,
disableAutoFetch: false,
disableFontFace: false,
disableTextLayer: false,
2016-01-03 14:32:46 +00:00
useOnlyCssZoom: false,
externalLinkTarget: 0,
2015-03-07 19:41:19 +00:00
};
2016-01-03 13:38:30 +00:00
var SidebarView = {
NONE: 0,
THUMBS: 1,
OUTLINE: 2,
ATTACHMENTS: 3
};
/**
* Preferences - Utility for storing persistent settings.
* Used for settings that should be applied to all opened documents,
* or every time the viewer is loaded.
*/
var Preferences = {
prefs: Object.create(DEFAULT_PREFERENCES),
isInitializedPromiseResolved: false,
initializedPromise: null,
/**
* Initialize and fetch the current preference values from storage.
* @return {Promise} A promise that is resolved when the preferences
* have been initialized.
*/
initialize: function preferencesInitialize() {
return this.initializedPromise =
this._readFromStorage(DEFAULT_PREFERENCES).then(function(prefObj) {
2015-03-07 19:41:19 +00:00
this.isInitializedPromiseResolved = true;
if (prefObj) {
this.prefs = prefObj;
}
}.bind(this));
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* Stub function for writing preferences to storage.
* NOTE: This should be overridden by a build-specific function defined below.
* @param {Object} prefObj The preferences that should be written to storage.
* @return {Promise} A promise that is resolved when the preference values
* have been written.
*/
_writeToStorage: function preferences_writeToStorage(prefObj) {
return Promise.resolve();
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* Stub function for reading preferences from storage.
* NOTE: This should be overridden by a build-specific function defined below.
* @param {Object} prefObj The preferences that should be read from storage.
* @return {Promise} A promise that is resolved with an {Object} containing
* the preferences that have been read.
*/
_readFromStorage: function preferences_readFromStorage(prefObj) {
return Promise.resolve();
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* Reset the preferences to their default values and update storage.
* @return {Promise} A promise that is resolved when the preference values
* have been reset.
*/
reset: function preferencesReset() {
return this.initializedPromise.then(function() {
this.prefs = Object.create(DEFAULT_PREFERENCES);
return this._writeToStorage(DEFAULT_PREFERENCES);
}.bind(this));
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* Replace the current preference values with the ones from storage.
* @return {Promise} A promise that is resolved when the preference values
* have been updated.
*/
reload: function preferencesReload() {
return this.initializedPromise.then(function () {
this._readFromStorage(DEFAULT_PREFERENCES).then(function(prefObj) {
if (prefObj) {
this.prefs = prefObj;
}
}.bind(this));
}.bind(this));
},
/**
* Set the value of a preference.
* @param {string} name The name of the preference that should be changed.
* @param {boolean|number|string} value The new value of the preference.
* @return {Promise} A promise that is resolved when the value has been set,
* provided that the preference exists and the types match.
*/
set: function preferencesSet(name, value) {
return this.initializedPromise.then(function () {
if (DEFAULT_PREFERENCES[name] === undefined) {
throw new Error('preferencesSet: \'' + name + '\' is undefined.');
2015-03-07 19:41:19 +00:00
} else if (value === undefined) {
2016-01-03 13:38:30 +00:00
throw new Error('preferencesSet: no value is specified.');
2015-03-07 19:41:19 +00:00
}
var valueType = typeof value;
var defaultType = typeof DEFAULT_PREFERENCES[name];
if (valueType !== defaultType) {
if (valueType === 'number' && defaultType === 'string') {
value = value.toString();
} else {
2016-01-03 13:38:30 +00:00
throw new Error('Preferences_set: \'' + value + '\' is a \"' +
valueType + '\", expected \"' + defaultType + '\".');
}
} else {
if (valueType === 'number' && (value | 0) !== value) {
throw new Error('Preferences_set: \'' + value +
'\' must be an \"integer\".');
2015-03-07 19:41:19 +00:00
}
}
this.prefs[name] = value;
2016-01-03 13:38:30 +00:00
return this._writeToStorage(this.prefs);
}.bind(this));
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* Get the value of a preference.
* @param {string} name The name of the preference whose value is requested.
* @return {Promise} A promise that is resolved with a {boolean|number|string}
* containing the value of the preference.
*/
get: function preferencesGet(name) {
return this.initializedPromise.then(function () {
var defaultValue = DEFAULT_PREFERENCES[name];
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (defaultValue === undefined) {
throw new Error('preferencesGet: \'' + name + '\' is undefined.');
} else {
var prefValue = this.prefs[name];
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (prefValue !== undefined) {
return prefValue;
2015-03-07 19:41:19 +00:00
}
}
2016-01-03 13:38:30 +00:00
return defaultValue;
}.bind(this));
}
};
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
Preferences._writeToStorage = function (prefObj) {
return new Promise(function (resolve) {
localStorage.setItem('pdfjs.preferences', JSON.stringify(prefObj));
resolve();
});
2015-03-07 19:41:19 +00:00
};
2016-01-03 13:38:30 +00:00
Preferences._readFromStorage = function (prefObj) {
return new Promise(function (resolve) {
var readPrefs = JSON.parse(localStorage.getItem('pdfjs.preferences'));
resolve(readPrefs);
2015-03-07 19:41:19 +00:00
});
};
(function mozPrintCallbackPolyfillClosure() {
if ('mozPrintCallback' in document.createElement('canvas')) {
return;
}
// Cause positive result on feature-detection:
HTMLCanvasElement.prototype.mozPrintCallback = undefined;
var canvases; // During print task: non-live NodeList of <canvas> elements
var index; // Index of <canvas> element that is being processed
var print = window.print;
window.print = function print() {
if (canvases) {
console.warn('Ignored window.print() because of a pending print job.');
return;
}
try {
dispatchEvent('beforeprint');
} finally {
canvases = document.querySelectorAll('canvas');
index = -1;
next();
}
};
function dispatchEvent(eventType) {
var event = document.createEvent('CustomEvent');
event.initCustomEvent(eventType, false, false, 'custom');
window.dispatchEvent(event);
}
function next() {
if (!canvases) {
return; // Print task cancelled by user (state reset in abort())
}
renderProgress();
if (++index < canvases.length) {
var canvas = canvases[index];
if (typeof canvas.mozPrintCallback === 'function') {
canvas.mozPrintCallback({
context: canvas.getContext('2d'),
abort: abort,
done: next
});
} else {
next();
}
} else {
renderProgress();
print.call(window);
setTimeout(abort, 20); // Tidy-up
}
}
function abort() {
if (canvases) {
canvases = null;
renderProgress();
dispatchEvent('afterprint');
}
}
function renderProgress() {
var progressContainer = document.getElementById('mozPrintCallback-shim');
2016-01-03 14:32:46 +00:00
if (canvases && canvases.length) {
2015-03-07 19:41:19 +00:00
var progress = Math.round(100 * index / canvases.length);
var progressBar = progressContainer.querySelector('progress');
var progressPerc = progressContainer.querySelector('.relative-progress');
progressBar.value = progress;
progressPerc.textContent = progress + '%';
progressContainer.removeAttribute('hidden');
progressContainer.onclick = abort;
} else {
progressContainer.setAttribute('hidden', '');
}
}
var hasAttachEvent = !!document.attachEvent;
window.addEventListener('keydown', function(event) {
2016-01-03 13:38:30 +00:00
// Intercept Cmd/Ctrl + P in all browsers.
// Also intercept Cmd/Ctrl + Shift + P in Chrome and Opera
if (event.keyCode === 80/*P*/ && (event.ctrlKey || event.metaKey) &&
!event.altKey && (!event.shiftKey || window.chrome || window.opera)) {
2015-03-07 19:41:19 +00:00
window.print();
if (hasAttachEvent) {
// Only attachEvent can cancel Ctrl + P dialog in IE <=10
// attachEvent is gone in IE11, so the dialog will re-appear in IE11.
return;
}
event.preventDefault();
if (event.stopImmediatePropagation) {
event.stopImmediatePropagation();
} else {
event.stopPropagation();
}
return;
}
if (event.keyCode === 27 && canvases) { // Esc
abort();
}
}, true);
if (hasAttachEvent) {
document.attachEvent('onkeydown', function(event) {
event = event || window.event;
if (event.keyCode === 80/*P*/ && event.ctrlKey) {
event.keyCode = 0;
return false;
}
});
}
if ('onbeforeprint' in window) {
// Do not propagate before/afterprint events when they are not triggered
// from within this polyfill. (FF/IE).
var stopPropagationIfNeeded = function(event) {
if (event.detail !== 'custom' && event.stopImmediatePropagation) {
event.stopImmediatePropagation();
}
};
window.addEventListener('beforeprint', stopPropagationIfNeeded, false);
window.addEventListener('afterprint', stopPropagationIfNeeded, false);
}
})();
var DownloadManager = (function DownloadManagerClosure() {
function download(blobUrl, filename) {
var a = document.createElement('a');
if (a.click) {
// Use a.click() if available. Otherwise, Chrome might show
// "Unsafe JavaScript attempt to initiate a navigation change
// for frame with URL" and not open the PDF at all.
// Supported by (not mentioned = untested):
// - Firefox 6 - 19 (4- does not support a.click, 5 ignores a.click)
// - Chrome 19 - 26 (18- does not support a.click)
// - Opera 9 - 12.15
// - Internet Explorer 6 - 10
// - Safari 6 (5.1- does not support a.click)
a.href = blobUrl;
a.target = '_parent';
// Use a.download if available. This increases the likelihood that
// the file is downloaded instead of opened by another PDF plugin.
if ('download' in a) {
a.download = filename;
}
// <a> must be in the document for IE and recent Firefox versions.
// (otherwise .click() is ignored)
(document.body || document.documentElement).appendChild(a);
a.click();
a.parentNode.removeChild(a);
} else {
if (window.top === window &&
blobUrl.split('#')[0] === window.location.href.split('#')[0]) {
// If _parent == self, then opening an identical URL with different
// location hash will only cause a navigation, not a download.
var padCharacter = blobUrl.indexOf('?') === -1 ? '?' : '&';
blobUrl = blobUrl.replace(/#|$/, padCharacter + '$&');
}
window.open(blobUrl, '_parent');
}
}
function DownloadManager() {}
DownloadManager.prototype = {
downloadUrl: function DownloadManager_downloadUrl(url, filename) {
if (!PDFJS.isValidUrl(url, true)) {
return; // restricted/invalid URL
}
download(url + '#pdfjs.action=download', filename);
},
2016-01-03 13:38:30 +00:00
downloadData: function DownloadManager_downloadData(data, filename,
contentType) {
if (navigator.msSaveBlob) { // IE10 and above
return navigator.msSaveBlob(new Blob([data], { type: contentType }),
filename);
}
var blobUrl = PDFJS.createObjectURL(data, contentType);
download(blobUrl, filename);
},
2015-03-07 19:41:19 +00:00
download: function DownloadManager_download(blob, url, filename) {
if (!URL) {
// URL.createObjectURL is not supported
this.downloadUrl(url, filename);
return;
}
if (navigator.msSaveBlob) {
// IE10 / IE11
if (!navigator.msSaveBlob(blob, filename)) {
this.downloadUrl(url, filename);
}
return;
}
var blobUrl = URL.createObjectURL(blob);
download(blobUrl, filename);
}
};
return DownloadManager;
})();
2016-01-03 14:32:46 +00:00
var DEFAULT_VIEW_HISTORY_CACHE_SIZE = 20;
2015-03-07 19:41:19 +00:00
/**
* View History - This is a utility for saving various view parameters for
* recently opened files.
*
* The way that the view parameters are stored depends on how PDF.js is built,
* for 'node make <flag>' the following cases exist:
2016-01-03 13:38:30 +00:00
* - FIREFOX or MOZCENTRAL - uses sessionStorage.
2015-03-07 19:41:19 +00:00
* - GENERIC or CHROME - uses localStorage, if it is available.
*/
var ViewHistory = (function ViewHistoryClosure() {
2016-01-03 14:32:46 +00:00
function ViewHistory(fingerprint, cacheSize) {
2015-03-07 19:41:19 +00:00
this.fingerprint = fingerprint;
2016-01-03 14:32:46 +00:00
this.cacheSize = cacheSize || DEFAULT_VIEW_HISTORY_CACHE_SIZE;
2015-03-07 19:41:19 +00:00
this.isInitializedPromiseResolved = false;
2016-01-03 13:38:30 +00:00
this.initializedPromise =
this._readFromStorage().then(function (databaseStr) {
2015-03-07 19:41:19 +00:00
this.isInitializedPromiseResolved = true;
2016-01-03 13:38:30 +00:00
var database = JSON.parse(databaseStr || '{}');
2015-03-07 19:41:19 +00:00
if (!('files' in database)) {
database.files = [];
}
2016-01-03 14:32:46 +00:00
if (database.files.length >= this.cacheSize) {
2015-03-07 19:41:19 +00:00
database.files.shift();
}
var index;
for (var i = 0, length = database.files.length; i < length; i++) {
var branch = database.files[i];
if (branch.fingerprint === this.fingerprint) {
index = i;
break;
}
}
if (typeof index !== 'number') {
index = database.files.push({fingerprint: this.fingerprint}) - 1;
}
this.file = database.files[index];
this.database = database;
2016-01-03 13:38:30 +00:00
}.bind(this));
}
ViewHistory.prototype = {
_writeToStorage: function ViewHistory_writeToStorage() {
return new Promise(function (resolve) {
var databaseStr = JSON.stringify(this.database);
localStorage.setItem('database', databaseStr);
resolve();
}.bind(this));
},
_readFromStorage: function ViewHistory_readFromStorage() {
return new Promise(function (resolve) {
resolve(localStorage.getItem('database'));
});
2015-03-07 19:41:19 +00:00
},
set: function ViewHistory_set(name, val) {
if (!this.isInitializedPromiseResolved) {
return;
}
2016-01-03 13:38:30 +00:00
this.file[name] = val;
return this._writeToStorage();
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
setMultiple: function ViewHistory_setMultiple(properties) {
if (!this.isInitializedPromiseResolved) {
return;
}
for (var name in properties) {
this.file[name] = properties[name];
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
return this._writeToStorage();
2015-03-07 19:41:19 +00:00
},
get: function ViewHistory_get(name, defaultValue) {
if (!this.isInitializedPromiseResolved) {
return defaultValue;
}
return this.file[name] || defaultValue;
}
};
return ViewHistory;
})();
/**
2016-01-03 13:38:30 +00:00
* Creates a "search bar" given a set of DOM elements that act as controls
* for searching or for setting search preferences in the UI. This object
* also sets up the appropriate events for the controls. Actual searching
* is done by PDFFindController.
2015-03-07 19:41:19 +00:00
*/
2016-01-03 13:38:30 +00:00
var PDFFindBar = (function PDFFindBarClosure() {
function PDFFindBar(options) {
this.opened = false;
this.bar = options.bar || null;
this.toggleButton = options.toggleButton || null;
this.findField = options.findField || null;
this.highlightAll = options.highlightAllCheckbox || null;
this.caseSensitive = options.caseSensitiveCheckbox || null;
this.findMsg = options.findMsg || null;
2016-01-03 14:32:46 +00:00
this.findResultsCount = options.findResultsCount || null;
2016-01-03 13:38:30 +00:00
this.findStatusIcon = options.findStatusIcon || null;
this.findPreviousButton = options.findPreviousButton || null;
this.findNextButton = options.findNextButton || null;
this.findController = options.findController || null;
if (this.findController === null) {
throw new Error('PDFFindBar cannot be used without a ' +
'PDFFindController instance.');
}
// Add event listeners to the DOM elements.
2015-03-07 19:41:19 +00:00
var self = this;
this.toggleButton.addEventListener('click', function() {
self.toggle();
});
this.findField.addEventListener('input', function() {
self.dispatchEvent('');
});
this.bar.addEventListener('keydown', function(evt) {
switch (evt.keyCode) {
case 13: // Enter
if (evt.target === self.findField) {
self.dispatchEvent('again', evt.shiftKey);
}
break;
case 27: // Escape
self.close();
break;
}
});
2016-01-03 13:38:30 +00:00
this.findPreviousButton.addEventListener('click', function() {
self.dispatchEvent('again', true);
});
2015-03-07 19:41:19 +00:00
this.findNextButton.addEventListener('click', function() {
self.dispatchEvent('again', false);
});
this.highlightAll.addEventListener('click', function() {
self.dispatchEvent('highlightallchange');
});
this.caseSensitive.addEventListener('click', function() {
self.dispatchEvent('casesensitivitychange');
});
2016-01-03 13:38:30 +00:00
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
PDFFindBar.prototype = {
dispatchEvent: function PDFFindBar_dispatchEvent(type, findPrev) {
var event = document.createEvent('CustomEvent');
event.initCustomEvent('find' + type, true, true, {
query: this.findField.value,
caseSensitive: this.caseSensitive.checked,
highlightAll: this.highlightAll.checked,
findPrevious: findPrev
});
return window.dispatchEvent(event);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
updateUIState:
function PDFFindBar_updateUIState(state, previous, matchCount) {
2016-01-03 13:38:30 +00:00
var notFound = false;
var findMsg = '';
var status = '';
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
switch (state) {
case FindStates.FIND_FOUND:
break;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
case FindStates.FIND_PENDING:
status = 'pending';
break;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
case FindStates.FIND_NOTFOUND:
findMsg = mozL10n.get('find_not_found', null, 'Phrase not found');
notFound = true;
break;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
case FindStates.FIND_WRAPPED:
if (previous) {
findMsg = mozL10n.get('find_reached_top', null,
'Reached top of document, continued from bottom');
} else {
findMsg = mozL10n.get('find_reached_bottom', null,
'Reached end of document, continued from top');
}
break;
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (notFound) {
this.findField.classList.add('notFound');
} else {
this.findField.classList.remove('notFound');
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
this.findField.setAttribute('data-status', status);
this.findMsg.textContent = findMsg;
2016-01-03 14:32:46 +00:00
this.updateResultsCount(matchCount);
},
updateResultsCount: function(matchCount) {
if (!this.findResultsCount) {
return; // no UI control is provided
}
// If there are no matches, hide the counter
if (!matchCount) {
this.findResultsCount.classList.add('hidden');
return;
}
// Create the match counter
this.findResultsCount.textContent = matchCount.toLocaleString();
// Show the counter
this.findResultsCount.classList.remove('hidden');
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
open: function PDFFindBar_open() {
if (!this.opened) {
this.opened = true;
this.toggleButton.classList.add('toggled');
this.bar.classList.remove('hidden');
}
this.findField.select();
this.findField.focus();
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
close: function PDFFindBar_close() {
if (!this.opened) {
return;
}
this.opened = false;
this.toggleButton.classList.remove('toggled');
this.bar.classList.add('hidden');
this.findController.active = false;
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
toggle: function PDFFindBar_toggle() {
if (this.opened) {
this.close();
} else {
this.open();
}
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
};
return PDFFindBar;
})();
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var FindStates = {
FIND_FOUND: 0,
FIND_NOTFOUND: 1,
FIND_WRAPPED: 2,
FIND_PENDING: 3
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var FIND_SCROLL_OFFSET_TOP = -50;
var FIND_SCROLL_OFFSET_LEFT = -400;
2015-03-07 19:41:19 +00:00
/**
2016-01-03 13:38:30 +00:00
* Provides "search" or "find" functionality for the PDF.
2015-03-07 19:41:19 +00:00
* This object actually performs the search for a given string.
*/
2016-01-03 13:38:30 +00:00
var PDFFindController = (function PDFFindControllerClosure() {
function PDFFindController(options) {
this.startedTextExtraction = false;
this.extractTextPromises = [];
this.pendingFindMatches = {};
this.active = false; // If active, find results will be highlighted.
this.pageContents = []; // Stores the text for each page.
this.pageMatches = [];
2016-01-03 14:32:46 +00:00
this.matchCount = 0;
2016-01-03 13:38:30 +00:00
this.selected = { // Currently selected match.
pageIdx: -1,
matchIdx: -1
};
this.offset = { // Where the find algorithm currently is in the document.
pageIdx: null,
matchIdx: null
};
this.pagesToSearch = null;
this.resumePageIdx = null;
this.state = null;
this.dirtyMatch = false;
this.findTimeout = null;
this.pdfViewer = options.pdfViewer || null;
this.integratedFind = options.integratedFind || false;
this.charactersToNormalize = {
'\u2018': '\'', // Left single quotation mark
'\u2019': '\'', // Right single quotation mark
'\u201A': '\'', // Single low-9 quotation mark
'\u201B': '\'', // Single high-reversed-9 quotation mark
'\u201C': '"', // Left double quotation mark
'\u201D': '"', // Right double quotation mark
'\u201E': '"', // Double low-9 quotation mark
'\u201F': '"', // Double high-reversed-9 quotation mark
'\u00BC': '1/4', // Vulgar fraction one quarter
'\u00BD': '1/2', // Vulgar fraction one half
2016-01-03 14:32:46 +00:00
'\u00BE': '3/4', // Vulgar fraction three quarters
2016-01-03 13:38:30 +00:00
};
this.findBar = options.findBar || null;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
// Compile the regular expression for text normalization once
var replace = Object.keys(this.charactersToNormalize).join('');
this.normalizationRegex = new RegExp('[' + replace + ']', 'g');
2015-03-07 19:41:19 +00:00
var events = [
'find',
'findagain',
'findhighlightallchange',
'findcasesensitivitychange'
];
this.firstPagePromise = new Promise(function (resolve) {
this.resolveFirstPage = resolve;
}.bind(this));
this.handleEvent = this.handleEvent.bind(this);
2016-01-03 13:38:30 +00:00
for (var i = 0, len = events.length; i < len; i++) {
2015-03-07 19:41:19 +00:00
window.addEventListener(events[i], this.handleEvent);
}
2016-01-03 13:38:30 +00:00
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
PDFFindController.prototype = {
setFindBar: function PDFFindController_setFindBar(findBar) {
this.findBar = findBar;
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
reset: function PDFFindController_reset() {
this.startedTextExtraction = false;
this.extractTextPromises = [];
this.active = false;
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
normalize: function PDFFindController_normalize(text) {
var self = this;
return text.replace(this.normalizationRegex, function (ch) {
return self.charactersToNormalize[ch];
});
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
calcFindMatch: function PDFFindController_calcFindMatch(pageIndex) {
var pageContent = this.normalize(this.pageContents[pageIndex]);
var query = this.normalize(this.state.query);
var caseSensitive = this.state.caseSensitive;
var queryLen = query.length;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (queryLen === 0) {
2016-01-03 14:32:46 +00:00
// Do nothing: the matches should be wiped out already.
return;
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
if (!caseSensitive) {
pageContent = pageContent.toLowerCase();
query = query.toLowerCase();
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var matches = [];
var matchIdx = -queryLen;
while (true) {
matchIdx = pageContent.indexOf(query, matchIdx + queryLen);
if (matchIdx === -1) {
break;
}
matches.push(matchIdx);
}
this.pageMatches[pageIndex] = matches;
this.updatePage(pageIndex);
if (this.resumePageIdx === pageIndex) {
this.resumePageIdx = null;
this.nextPageMatch();
}
2016-01-03 14:32:46 +00:00
// Update the matches count
if (matches.length > 0) {
this.matchCount += matches.length;
this.updateUIResultsCount();
}
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
extractText: function PDFFindController_extractText() {
if (this.startedTextExtraction) {
return;
}
this.startedTextExtraction = true;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
this.pageContents = [];
var extractTextPromisesResolves = [];
var numPages = this.pdfViewer.pagesCount;
for (var i = 0; i < numPages; i++) {
this.extractTextPromises.push(new Promise(function (resolve) {
extractTextPromisesResolves.push(resolve);
}));
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var self = this;
function extractPageText(pageIndex) {
self.pdfViewer.getPageTextContent(pageIndex).then(
function textContentResolved(textContent) {
var textItems = textContent.items;
var str = [];
for (var i = 0, len = textItems.length; i < len; i++) {
str.push(textItems[i].str);
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
// Store the pageContent as a string.
self.pageContents.push(str.join(''));
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
extractTextPromisesResolves[pageIndex](pageIndex);
if ((pageIndex + 1) < self.pdfViewer.pagesCount) {
extractPageText(pageIndex + 1);
}
}
);
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
extractPageText(0);
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
handleEvent: function PDFFindController_handleEvent(e) {
if (this.state === null || e.type !== 'findagain') {
this.dirtyMatch = true;
}
this.state = e.detail;
this.updateUIState(FindStates.FIND_PENDING);
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
this.firstPagePromise.then(function() {
this.extractText();
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
clearTimeout(this.findTimeout);
if (e.type === 'find') {
// Only trigger the find action after 250ms of silence.
this.findTimeout = setTimeout(this.nextMatch.bind(this), 250);
} else {
this.nextMatch();
}
}.bind(this));
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
updatePage: function PDFFindController_updatePage(index) {
if (this.selected.pageIdx === index) {
// If the page is selected, scroll the page into view, which triggers
// rendering the page, which adds the textLayer. Once the textLayer is
// build, it will scroll onto the selected match.
this.pdfViewer.scrollPageIntoView(index + 1);
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var page = this.pdfViewer.getPageView(index);
2016-01-03 13:38:30 +00:00
if (page.textLayer) {
page.textLayer.updateMatches();
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
nextMatch: function PDFFindController_nextMatch() {
var previous = this.state.findPrevious;
var currentPageIndex = this.pdfViewer.currentPageNumber - 1;
var numPages = this.pdfViewer.pagesCount;
this.active = true;
if (this.dirtyMatch) {
// Need to recalculate the matches, reset everything.
this.dirtyMatch = false;
this.selected.pageIdx = this.selected.matchIdx = -1;
this.offset.pageIdx = currentPageIndex;
this.offset.matchIdx = null;
this.hadMatch = false;
this.resumePageIdx = null;
this.pageMatches = [];
2016-01-03 14:32:46 +00:00
this.matchCount = 0;
2016-01-03 13:38:30 +00:00
var self = this;
for (var i = 0; i < numPages; i++) {
// Wipe out any previous highlighted matches.
this.updatePage(i);
// As soon as the text is extracted start finding the matches.
if (!(i in this.pendingFindMatches)) {
this.pendingFindMatches[i] = true;
this.extractTextPromises[i].then(function(pageIdx) {
delete self.pendingFindMatches[pageIdx];
self.calcFindMatch(pageIdx);
});
}
2015-03-07 19:41:19 +00:00
}
}
2016-01-03 13:38:30 +00:00
// If there's no query there's no point in searching.
if (this.state.query === '') {
this.updateUIState(FindStates.FIND_FOUND);
return;
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
// If we're waiting on a page, we return since we can't do anything else.
if (this.resumePageIdx) {
2015-03-07 19:41:19 +00:00
return;
}
2016-01-03 13:38:30 +00:00
var offset = this.offset;
// Keep track of how many pages we should maximally iterate through.
this.pagesToSearch = numPages;
// If there's already a matchIdx that means we are iterating through a
// page's matches.
if (offset.matchIdx !== null) {
var numPageMatches = this.pageMatches[offset.pageIdx].length;
if ((!previous && offset.matchIdx + 1 < numPageMatches) ||
(previous && offset.matchIdx > 0)) {
// The simple case; we just have advance the matchIdx to select
// the next match on the page.
this.hadMatch = true;
offset.matchIdx = (previous ? offset.matchIdx - 1 :
offset.matchIdx + 1);
this.updateMatch(true);
return;
}
// We went beyond the current page's matches, so we advance to
// the next page.
this.advanceOffsetPage(previous);
}
// Start searching through the page.
this.nextPageMatch();
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
matchesReady: function PDFFindController_matchesReady(matches) {
2015-03-07 19:41:19 +00:00
var offset = this.offset;
var numMatches = matches.length;
var previous = this.state.findPrevious;
2016-01-03 13:38:30 +00:00
2015-03-07 19:41:19 +00:00
if (numMatches) {
// There were matches for the page, so initialize the matchIdx.
this.hadMatch = true;
2016-01-03 13:38:30 +00:00
offset.matchIdx = (previous ? numMatches - 1 : 0);
2015-03-07 19:41:19 +00:00
this.updateMatch(true);
2016-01-03 13:38:30 +00:00
return true;
2015-03-07 19:41:19 +00:00
} else {
2016-01-03 13:38:30 +00:00
// No matches, so attempt to search the next page.
2015-03-07 19:41:19 +00:00
this.advanceOffsetPage(previous);
if (offset.wrapped) {
offset.matchIdx = null;
2016-01-03 13:38:30 +00:00
if (this.pagesToSearch < 0) {
// No point in wrapping again, there were no matches.
2015-03-07 19:41:19 +00:00
this.updateMatch(false);
2016-01-03 14:32:46 +00:00
// while matches were not found, searching for a page
2016-01-03 13:38:30 +00:00
// with matches should nevertheless halt.
return true;
2015-03-07 19:41:19 +00:00
}
}
2016-01-03 13:38:30 +00:00
// Matches were not found (and searching is not done).
return false;
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* The method is called back from the text layer when match presentation
* is updated.
* @param {number} pageIndex - page index.
* @param {number} index - match index.
* @param {Array} elements - text layer div elements array.
* @param {number} beginIdx - start index of the div array for the match.
* @param {number} endIdx - end index of the div array for the match.
*/
updateMatchPosition: function PDFFindController_updateMatchPosition(
pageIndex, index, elements, beginIdx, endIdx) {
if (this.selected.matchIdx === index &&
this.selected.pageIdx === pageIndex) {
var spot = {
top: FIND_SCROLL_OFFSET_TOP,
left: FIND_SCROLL_OFFSET_LEFT
};
scrollIntoView(elements[beginIdx], spot,
/* skipOverflowHiddenElements = */ true);
}
},
2016-01-03 13:38:30 +00:00
nextPageMatch: function PDFFindController_nextPageMatch() {
if (this.resumePageIdx !== null) {
console.error('There can only be one pending page.');
}
do {
var pageIdx = this.offset.pageIdx;
var matches = this.pageMatches[pageIdx];
if (!matches) {
// The matches don't exist yet for processing by "matchesReady",
// so set a resume point for when they do exist.
this.resumePageIdx = pageIdx;
break;
}
} while (!this.matchesReady(matches));
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
advanceOffsetPage: function PDFFindController_advanceOffsetPage(previous) {
var offset = this.offset;
var numPages = this.extractTextPromises.length;
offset.pageIdx = (previous ? offset.pageIdx - 1 : offset.pageIdx + 1);
offset.matchIdx = null;
this.pagesToSearch--;
2016-01-03 14:32:46 +00:00
2016-01-03 13:38:30 +00:00
if (offset.pageIdx >= numPages || offset.pageIdx < 0) {
offset.pageIdx = (previous ? numPages - 1 : 0);
offset.wrapped = true;
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
updateMatch: function PDFFindController_updateMatch(found) {
var state = FindStates.FIND_NOTFOUND;
var wrapped = this.offset.wrapped;
this.offset.wrapped = false;
2016-01-03 14:32:46 +00:00
2016-01-03 13:38:30 +00:00
if (found) {
var previousPage = this.selected.pageIdx;
this.selected.pageIdx = this.offset.pageIdx;
this.selected.matchIdx = this.offset.matchIdx;
state = (wrapped ? FindStates.FIND_WRAPPED : FindStates.FIND_FOUND);
// Update the currently selected page to wipe out any selected matches.
if (previousPage !== -1 && previousPage !== this.selected.pageIdx) {
this.updatePage(previousPage);
}
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
2016-01-03 13:38:30 +00:00
this.updateUIState(state, this.state.findPrevious);
if (this.selected.pageIdx !== -1) {
this.updatePage(this.selected.pageIdx);
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
updateUIResultsCount:
function PDFFindController_updateUIResultsCount() {
if (this.findBar === null) {
throw new Error('PDFFindController is not initialized with a ' +
'PDFFindBar instance.');
}
this.findBar.updateResultsCount(this.matchCount);
},
2016-01-03 13:38:30 +00:00
updateUIState: function PDFFindController_updateUIState(state, previous) {
if (this.integratedFind) {
FirefoxCom.request('updateFindControlState',
{ result: state, findPrevious: previous });
return;
}
if (this.findBar === null) {
throw new Error('PDFFindController is not initialized with a ' +
'PDFFindBar instance.');
}
2016-01-03 14:32:46 +00:00
this.findBar.updateUIState(state, previous, this.matchCount);
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
};
return PDFFindController;
})();
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* Performs navigation functions inside PDF, such as opening specified page,
* or destination.
* @class
* @implements {IPDFLinkService}
*/
var PDFLinkService = (function () {
2016-01-03 13:38:30 +00:00
/**
2016-01-03 14:32:46 +00:00
* @constructs PDFLinkService
2016-01-03 13:38:30 +00:00
*/
2016-01-03 14:32:46 +00:00
function PDFLinkService() {
this.baseUrl = null;
this.pdfDocument = null;
this.pdfViewer = null;
this.pdfHistory = null;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this._pagesRefCache = null;
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
PDFLinkService.prototype = {
setDocument: function PDFLinkService_setDocument(pdfDocument, baseUrl) {
this.baseUrl = baseUrl;
this.pdfDocument = pdfDocument;
this._pagesRefCache = Object.create(null);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
setViewer: function PDFLinkService_setViewer(pdfViewer) {
this.pdfViewer = pdfViewer;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
setHistory: function PDFLinkService_setHistory(pdfHistory) {
this.pdfHistory = pdfHistory;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @returns {number}
*/
get pagesCount() {
return this.pdfDocument.numPages;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @returns {number}
*/
get page() {
return this.pdfViewer.currentPageNumber;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @param {number} value
*/
set page(value) {
this.pdfViewer.currentPageNumber = value;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @param dest - The PDF destination object.
*/
navigateTo: function PDFLinkService_navigateTo(dest) {
var destString = '';
var self = this;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var goToDestination = function(destRef) {
// dest array looks like that: <page-ref> </XYZ|FitXXX> <args..>
var pageNumber = destRef instanceof Object ?
self._pagesRefCache[destRef.num + ' ' + destRef.gen + ' R'] :
(destRef + 1);
if (pageNumber) {
if (pageNumber > self.pagesCount) {
pageNumber = self.pagesCount;
}
self.pdfViewer.scrollPageIntoView(pageNumber, dest);
if (self.pdfHistory) {
// Update the browsing history.
self.pdfHistory.push({
dest: dest,
hash: destString,
page: pageNumber
});
}
} else {
self.pdfDocument.getPageIndex(destRef).then(function (pageIndex) {
var pageNum = pageIndex + 1;
var cacheKey = destRef.num + ' ' + destRef.gen + ' R';
self._pagesRefCache[cacheKey] = pageNum;
goToDestination(destRef);
});
}
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var destinationPromise;
if (typeof dest === 'string') {
destString = dest;
destinationPromise = this.pdfDocument.getDestination(dest);
2015-03-07 19:41:19 +00:00
} else {
2016-01-03 14:32:46 +00:00
destinationPromise = Promise.resolve(dest);
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
destinationPromise.then(function(destination) {
dest = destination;
if (!(destination instanceof Array)) {
return; // invalid destination
}
goToDestination(destination[0]);
});
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @param dest - The PDF destination object.
* @returns {string} The hyperlink to the PDF object.
*/
getDestinationHash: function PDFLinkService_getDestinationHash(dest) {
if (typeof dest === 'string') {
return this.getAnchorUrl('#' + escape(dest));
}
if (dest instanceof Array) {
var destRef = dest[0]; // see navigateTo method for dest format
var pageNumber = destRef instanceof Object ?
this._pagesRefCache[destRef.num + ' ' + destRef.gen + ' R'] :
(destRef + 1);
if (pageNumber) {
var pdfOpenParams = this.getAnchorUrl('#page=' + pageNumber);
var destKind = dest[1];
if (typeof destKind === 'object' && 'name' in destKind &&
destKind.name === 'XYZ') {
var scale = (dest[4] || this.pdfViewer.currentScaleValue);
var scaleNumber = parseFloat(scale);
if (scaleNumber) {
scale = scaleNumber * 100;
}
pdfOpenParams += '&zoom=' + scale;
if (dest[2] || dest[3]) {
pdfOpenParams += ',' + (dest[2] || 0) + ',' + (dest[3] || 0);
}
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
return pdfOpenParams;
2015-03-07 19:41:19 +00:00
}
}
2016-01-03 14:32:46 +00:00
return this.getAnchorUrl('');
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* Prefix the full url on anchor links to make sure that links are resolved
* relative to the current URL instead of the one defined in <base href>.
* @param {String} anchor The anchor hash, including the #.
* @returns {string} The hyperlink to the PDF object.
*/
getAnchorUrl: function PDFLinkService_getAnchorUrl(anchor) {
return (this.baseUrl || '') + anchor;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @param {string} hash
*/
setHash: function PDFLinkService_setHash(hash) {
if (hash.indexOf('=') >= 0) {
var params = parseQueryString(hash);
// borrowing syntax from "Parameters for Opening PDF Files"
if ('nameddest' in params) {
if (this.pdfHistory) {
this.pdfHistory.updateNextHashParam(params.nameddest);
}
this.navigateTo(params.nameddest);
return;
}
var pageNumber, dest;
if ('page' in params) {
pageNumber = (params.page | 0) || 1;
}
if ('zoom' in params) {
// Build the destination array.
var zoomArgs = params.zoom.split(','); // scale,left,top
var zoomArg = zoomArgs[0];
var zoomArgNumber = parseFloat(zoomArg);
if (zoomArg.indexOf('Fit') === -1) {
// If the zoomArg is a number, it has to get divided by 100. If it's
// a string, it should stay as it is.
dest = [null, { name: 'XYZ' },
zoomArgs.length > 1 ? (zoomArgs[1] | 0) : null,
zoomArgs.length > 2 ? (zoomArgs[2] | 0) : null,
(zoomArgNumber ? zoomArgNumber / 100 : zoomArg)];
} else {
if (zoomArg === 'Fit' || zoomArg === 'FitB') {
dest = [null, { name: zoomArg }];
} else if ((zoomArg === 'FitH' || zoomArg === 'FitBH') ||
(zoomArg === 'FitV' || zoomArg === 'FitBV')) {
dest = [null, { name: zoomArg },
zoomArgs.length > 1 ? (zoomArgs[1] | 0) : null];
} else if (zoomArg === 'FitR') {
if (zoomArgs.length !== 5) {
console.error('PDFLinkService_setHash: ' +
'Not enough parameters for \'FitR\'.');
} else {
dest = [null, { name: zoomArg },
(zoomArgs[1] | 0), (zoomArgs[2] | 0),
(zoomArgs[3] | 0), (zoomArgs[4] | 0)];
}
} else {
console.error('PDFLinkService_setHash: \'' + zoomArg +
'\' is not a valid zoom value.');
}
}
}
if (dest) {
this.pdfViewer.scrollPageIntoView(pageNumber || this.page, dest);
} else if (pageNumber) {
this.page = pageNumber; // simple page
}
if ('pagemode' in params) {
var event = document.createEvent('CustomEvent');
event.initCustomEvent('pagemode', true, true, {
mode: params.pagemode,
});
this.pdfViewer.container.dispatchEvent(event);
}
} else if (/^\d+$/.test(hash)) { // page number
this.page = hash;
} else { // named destination
if (this.pdfHistory) {
this.pdfHistory.updateNextHashParam(unescape(hash));
}
this.navigateTo(unescape(hash));
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @param {string} action
*/
executeNamedAction: function PDFLinkService_executeNamedAction(action) {
// See PDF reference, table 8.45 - Named action
switch (action) {
case 'GoBack':
if (this.pdfHistory) {
this.pdfHistory.back();
}
break;
case 'GoForward':
if (this.pdfHistory) {
this.pdfHistory.forward();
}
break;
case 'NextPage':
this.page++;
break;
case 'PrevPage':
this.page--;
break;
case 'LastPage':
this.page = this.pagesCount;
break;
case 'FirstPage':
this.page = 1;
break;
default:
break; // No action according to spec
}
var event = document.createEvent('CustomEvent');
event.initCustomEvent('namedaction', true, true, {
action: action
});
this.pdfViewer.container.dispatchEvent(event);
},
/**
* @param {number} pageNum - page number.
* @param {Object} pageRef - reference to the page.
*/
cachePageRef: function PDFLinkService_cachePageRef(pageNum, pageRef) {
var refStr = pageRef.num + ' ' + pageRef.gen + ' R';
this._pagesRefCache[refStr] = pageNum;
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
};
return PDFLinkService;
})();
var PDFHistory = (function () {
function PDFHistory(options) {
this.linkService = options.linkService;
this.initialized = false;
this.initialDestination = null;
this.initialBookmark = null;
}
PDFHistory.prototype = {
/**
* @param {string} fingerprint
* @param {IPDFLinkService} linkService
*/
initialize: function pdfHistoryInitialize(fingerprint) {
this.initialized = true;
this.reInitialized = false;
this.allowHashChange = true;
this.historyUnlocked = true;
this.isViewerInPresentationMode = false;
this.previousHash = window.location.hash.substring(1);
this.currentBookmark = '';
this.currentPage = 0;
this.updatePreviousBookmark = false;
this.previousBookmark = '';
this.previousPage = 0;
this.nextHashParam = '';
this.fingerprint = fingerprint;
this.currentUid = this.uid = 0;
this.current = {};
var state = window.history.state;
if (this._isStateObjectDefined(state)) {
// This corresponds to navigating back to the document
// from another page in the browser history.
if (state.target.dest) {
this.initialDestination = state.target.dest;
} else {
this.initialBookmark = state.target.hash;
}
2015-03-07 19:41:19 +00:00
this.currentUid = state.uid;
2016-01-03 14:32:46 +00:00
this.uid = state.uid + 1;
this.current = state.target;
} else {
// This corresponds to the loading of a new document.
if (state && state.fingerprint &&
this.fingerprint !== state.fingerprint) {
// Reinitialize the browsing history when a new document
// is opened in the web viewer.
this.reInitialized = true;
}
this._pushOrReplaceState({fingerprint: this.fingerprint}, true);
}
var self = this;
window.addEventListener('popstate', function pdfHistoryPopstate(evt) {
if (!self.historyUnlocked) {
return;
}
if (evt.state) {
// Move back/forward in the history.
self._goTo(evt.state);
return;
}
// If the state is not set, then the user tried to navigate to a
// different hash by manually editing the URL and pressing Enter, or by
// clicking on an in-page link (e.g. the "current view" link).
// Save the current view state to the browser history.
// Note: In Firefox, history.null could also be null after an in-page
// navigation to the same URL, and without dispatching the popstate
// event: https://bugzilla.mozilla.org/show_bug.cgi?id=1183881
if (self.uid === 0) {
// Replace the previous state if it was not explicitly set.
var previousParams = (self.previousHash && self.currentBookmark &&
self.previousHash !== self.currentBookmark) ?
{hash: self.currentBookmark, page: self.currentPage} :
{page: 1};
replacePreviousHistoryState(previousParams, function() {
updateHistoryWithCurrentHash();
});
} else {
updateHistoryWithCurrentHash();
}
}, false);
function updateHistoryWithCurrentHash() {
self.previousHash = window.location.hash.slice(1);
self._pushToHistory({hash: self.previousHash}, false, true);
self._updatePreviousBookmark();
}
function replacePreviousHistoryState(params, callback) {
// To modify the previous history entry, the following happens:
// 1. history.back()
// 2. _pushToHistory, which calls history.replaceState( ... )
// 3. history.forward()
// Because a navigation via the history API does not immediately update
// the history state, the popstate event is used for synchronization.
self.historyUnlocked = false;
// Suppress the hashchange event to avoid side effects caused by
// navigating back and forward.
self.allowHashChange = false;
window.addEventListener('popstate', rewriteHistoryAfterBack);
history.back();
function rewriteHistoryAfterBack() {
window.removeEventListener('popstate', rewriteHistoryAfterBack);
window.addEventListener('popstate', rewriteHistoryAfterForward);
self._pushToHistory(params, false, true);
history.forward();
}
function rewriteHistoryAfterForward() {
window.removeEventListener('popstate', rewriteHistoryAfterForward);
self.allowHashChange = true;
self.historyUnlocked = true;
callback();
}
}
function pdfHistoryBeforeUnload() {
var previousParams = self._getPreviousParams(null, true);
if (previousParams) {
var replacePrevious = (!self.current.dest &&
self.current.hash !== self.previousHash);
self._pushToHistory(previousParams, false, replacePrevious);
self._updatePreviousBookmark();
}
// Remove the event listener when navigating away from the document,
// since 'beforeunload' prevents Firefox from caching the document.
window.removeEventListener('beforeunload', pdfHistoryBeforeUnload,
false);
}
window.addEventListener('beforeunload', pdfHistoryBeforeUnload, false);
window.addEventListener('pageshow', function pdfHistoryPageShow(evt) {
// If the entire viewer (including the PDF file) is cached in
// the browser, we need to reattach the 'beforeunload' event listener
// since the 'DOMContentLoaded' event is not fired on 'pageshow'.
window.addEventListener('beforeunload', pdfHistoryBeforeUnload, false);
}, false);
window.addEventListener('presentationmodechanged', function(e) {
self.isViewerInPresentationMode = !!e.detail.active;
});
},
clearHistoryState: function pdfHistory_clearHistoryState() {
this._pushOrReplaceState(null, true);
},
_isStateObjectDefined: function pdfHistory_isStateObjectDefined(state) {
return (state && state.uid >= 0 &&
state.fingerprint && this.fingerprint === state.fingerprint &&
state.target && state.target.hash) ? true : false;
},
_pushOrReplaceState: function pdfHistory_pushOrReplaceState(stateObj,
replace) {
if (replace) {
window.history.replaceState(stateObj, '', document.URL);
} else {
window.history.pushState(stateObj, '', document.URL);
}
},
get isHashChangeUnlocked() {
if (!this.initialized) {
return true;
}
return this.allowHashChange;
},
_updatePreviousBookmark: function pdfHistory_updatePreviousBookmark() {
if (this.updatePreviousBookmark &&
this.currentBookmark && this.currentPage) {
this.previousBookmark = this.currentBookmark;
this.previousPage = this.currentPage;
this.updatePreviousBookmark = false;
}
},
updateCurrentBookmark: function pdfHistoryUpdateCurrentBookmark(bookmark,
pageNum) {
if (this.initialized) {
this.currentBookmark = bookmark.substring(1);
this.currentPage = pageNum | 0;
this._updatePreviousBookmark();
}
},
updateNextHashParam: function pdfHistoryUpdateNextHashParam(param) {
if (this.initialized) {
this.nextHashParam = param;
}
},
push: function pdfHistoryPush(params, isInitialBookmark) {
if (!(this.initialized && this.historyUnlocked)) {
2015-03-07 19:41:19 +00:00
return;
}
2016-01-03 14:32:46 +00:00
if (params.dest && !params.hash) {
params.hash = (this.current.hash && this.current.dest &&
this.current.dest === params.dest) ?
this.current.hash :
this.linkService.getDestinationHash(params.dest).split('#')[1];
}
if (params.page) {
params.page |= 0;
}
if (isInitialBookmark) {
var target = window.history.state.target;
if (!target) {
// Invoked when the user specifies an initial bookmark,
// thus setting initialBookmark, when the document is loaded.
this._pushToHistory(params, false);
this.previousHash = window.location.hash.substring(1);
}
this.updatePreviousBookmark = this.nextHashParam ? false : true;
if (target) {
// If the current document is reloaded,
// avoid creating duplicate entries in the history.
this._updatePreviousBookmark();
}
return;
}
if (this.nextHashParam) {
if (this.nextHashParam === params.hash) {
this.nextHashParam = null;
this.updatePreviousBookmark = true;
return;
} else {
this.nextHashParam = null;
}
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (params.hash) {
if (this.current.hash) {
if (this.current.hash !== params.hash) {
this._pushToHistory(params, true);
} else {
if (!this.current.page && params.page) {
this._pushToHistory(params, false, true);
}
this.updatePreviousBookmark = true;
}
} else {
this._pushToHistory(params, true);
}
} else if (this.current.page && params.page &&
this.current.page !== params.page) {
this._pushToHistory(params, true);
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
_getPreviousParams: function pdfHistory_getPreviousParams(onlyCheckPage,
beforeUnload) {
if (!(this.currentBookmark && this.currentPage)) {
return null;
} else if (this.updatePreviousBookmark) {
this.updatePreviousBookmark = false;
}
if (this.uid > 0 && !(this.previousBookmark && this.previousPage)) {
// Prevent the history from getting stuck in the current state,
// effectively preventing the user from going back/forward in
// the history.
//
// This happens if the current position in the document didn't change
// when the history was previously updated. The reasons for this are
// either:
// 1. The current zoom value is such that the document does not need to,
// or cannot, be scrolled to display the destination.
// 2. The previous destination is broken, and doesn't actally point to a
// position within the document.
// (This is either due to a bad PDF generator, or the user making a
// mistake when entering a destination in the hash parameters.)
return null;
}
if ((!this.current.dest && !onlyCheckPage) || beforeUnload) {
if (this.previousBookmark === this.currentBookmark) {
return null;
}
} else if (this.current.page || onlyCheckPage) {
if (this.previousPage === this.currentPage) {
return null;
}
} else {
return null;
}
var params = {hash: this.currentBookmark, page: this.currentPage};
if (this.isViewerInPresentationMode) {
params.hash = null;
}
return params;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
_stateObj: function pdfHistory_stateObj(params) {
return {fingerprint: this.fingerprint, uid: this.uid, target: params};
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
_pushToHistory: function pdfHistory_pushToHistory(params,
addPrevious, overwrite) {
if (!this.initialized) {
return;
}
if (!params.hash && params.page) {
params.hash = ('page=' + params.page);
}
if (addPrevious && !overwrite) {
var previousParams = this._getPreviousParams();
if (previousParams) {
var replacePrevious = (!this.current.dest &&
this.current.hash !== this.previousHash);
this._pushToHistory(previousParams, false, replacePrevious);
}
}
this._pushOrReplaceState(this._stateObj(params),
(overwrite || this.uid === 0));
this.currentUid = this.uid++;
this.current = params;
this.updatePreviousBookmark = true;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
_goTo: function pdfHistory_goTo(state) {
if (!(this.initialized && this.historyUnlocked &&
this._isStateObjectDefined(state))) {
return;
}
if (!this.reInitialized && state.uid < this.currentUid) {
var previousParams = this._getPreviousParams(true);
if (previousParams) {
this._pushToHistory(this.current, false);
this._pushToHistory(previousParams, false);
this.currentUid = state.uid;
window.history.back();
return;
}
}
this.historyUnlocked = false;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (state.target.dest) {
this.linkService.navigateTo(state.target.dest);
} else {
this.linkService.setHash(state.target.hash);
}
this.currentUid = state.uid;
if (state.uid > this.uid) {
this.uid = state.uid;
}
this.current = state.target;
this.updatePreviousBookmark = true;
var currentHash = window.location.hash.substring(1);
if (this.previousHash !== currentHash) {
this.allowHashChange = false;
}
this.previousHash = currentHash;
this.historyUnlocked = true;
},
back: function pdfHistoryBack() {
this.go(-1);
},
forward: function pdfHistoryForward() {
this.go(1);
},
go: function pdfHistoryGo(direction) {
if (this.initialized && this.historyUnlocked) {
var state = window.history.state;
if (direction === -1 && state && state.uid > 0) {
window.history.back();
} else if (direction === 1 && state && state.uid < (this.uid - 1)) {
window.history.forward();
}
2015-03-07 19:41:19 +00:00
}
}
2016-01-03 14:32:46 +00:00
};
return PDFHistory;
})();
2015-03-07 19:41:19 +00:00
var SecondaryToolbar = {
opened: false,
previousContainerHeight: null,
newContainerHeight: null,
initialize: function secondaryToolbarInitialize(options) {
this.toolbar = options.toolbar;
this.buttonContainer = this.toolbar.firstElementChild;
// Define the toolbar buttons.
this.toggleButton = options.toggleButton;
this.presentationModeButton = options.presentationModeButton;
this.openFile = options.openFile;
this.print = options.print;
this.download = options.download;
2016-01-03 13:38:30 +00:00
this.viewBookmark = options.viewBookmark;
2015-03-07 19:41:19 +00:00
this.firstPage = options.firstPage;
this.lastPage = options.lastPage;
this.pageRotateCw = options.pageRotateCw;
this.pageRotateCcw = options.pageRotateCcw;
2016-01-03 13:38:30 +00:00
this.documentPropertiesButton = options.documentPropertiesButton;
2015-03-07 19:41:19 +00:00
// Attach the event listeners.
var elements = [
// Button to toggle the visibility of the secondary toolbar:
{ element: this.toggleButton, handler: this.toggle },
// All items within the secondary toolbar
// (except for toggleHandTool, hand_tool.js is responsible for it):
{ element: this.presentationModeButton,
handler: this.presentationModeClick },
{ element: this.openFile, handler: this.openFileClick },
{ element: this.print, handler: this.printClick },
{ element: this.download, handler: this.downloadClick },
2016-01-03 13:38:30 +00:00
{ element: this.viewBookmark, handler: this.viewBookmarkClick },
2015-03-07 19:41:19 +00:00
{ element: this.firstPage, handler: this.firstPageClick },
{ element: this.lastPage, handler: this.lastPageClick },
{ element: this.pageRotateCw, handler: this.pageRotateCwClick },
2016-01-03 13:38:30 +00:00
{ element: this.pageRotateCcw, handler: this.pageRotateCcwClick },
{ element: this.documentPropertiesButton,
handler: this.documentPropertiesClick }
2015-03-07 19:41:19 +00:00
];
for (var item in elements) {
var element = elements[item].element;
if (element) {
element.addEventListener('click', elements[item].handler.bind(this));
}
}
},
// Event handling functions.
presentationModeClick: function secondaryToolbarPresentationModeClick(evt) {
2016-01-03 14:32:46 +00:00
PDFViewerApplication.requestPresentationMode();
2015-03-07 19:41:19 +00:00
this.close();
},
openFileClick: function secondaryToolbarOpenFileClick(evt) {
document.getElementById('fileInput').click();
2016-01-03 13:38:30 +00:00
this.close();
2015-03-07 19:41:19 +00:00
},
printClick: function secondaryToolbarPrintClick(evt) {
window.print();
2016-01-03 13:38:30 +00:00
this.close();
2015-03-07 19:41:19 +00:00
},
downloadClick: function secondaryToolbarDownloadClick(evt) {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.download();
this.close();
},
viewBookmarkClick: function secondaryToolbarViewBookmarkClick(evt) {
this.close();
2015-03-07 19:41:19 +00:00
},
firstPageClick: function secondaryToolbarFirstPageClick(evt) {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.page = 1;
this.close();
2015-03-07 19:41:19 +00:00
},
lastPageClick: function secondaryToolbarLastPageClick(evt) {
2016-01-03 13:38:30 +00:00
if (PDFViewerApplication.pdfDocument) {
PDFViewerApplication.page = PDFViewerApplication.pagesCount;
}
this.close();
2015-03-07 19:41:19 +00:00
},
pageRotateCwClick: function secondaryToolbarPageRotateCwClick(evt) {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.rotatePages(90);
2015-03-07 19:41:19 +00:00
},
pageRotateCcwClick: function secondaryToolbarPageRotateCcwClick(evt) {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.rotatePages(-90);
},
documentPropertiesClick: function secondaryToolbarDocumentPropsClick(evt) {
2016-01-03 14:32:46 +00:00
PDFViewerApplication.pdfDocumentProperties.open();
2016-01-03 13:38:30 +00:00
this.close();
2015-03-07 19:41:19 +00:00
},
// Misc. functions for interacting with the toolbar.
setMaxHeight: function secondaryToolbarSetMaxHeight(container) {
if (!container || !this.buttonContainer) {
return;
}
this.newContainerHeight = container.clientHeight;
if (this.previousContainerHeight === this.newContainerHeight) {
return;
}
this.buttonContainer.setAttribute('style',
'max-height: ' + (this.newContainerHeight - SCROLLBAR_PADDING) + 'px;');
this.previousContainerHeight = this.newContainerHeight;
},
open: function secondaryToolbarOpen() {
if (this.opened) {
return;
}
this.opened = true;
this.toggleButton.classList.add('toggled');
this.toolbar.classList.remove('hidden');
},
close: function secondaryToolbarClose(target) {
if (!this.opened) {
return;
} else if (target && !this.toolbar.contains(target)) {
return;
}
this.opened = false;
this.toolbar.classList.add('hidden');
this.toggleButton.classList.remove('toggled');
},
toggle: function secondaryToolbarToggle() {
if (this.opened) {
this.close();
} else {
this.open();
}
}
};
2016-01-03 14:32:46 +00:00
var DELAY_BEFORE_RESETTING_SWITCH_IN_PROGRESS = 1500; // in ms
2015-03-07 19:41:19 +00:00
var DELAY_BEFORE_HIDING_CONTROLS = 3000; // in ms
2016-01-03 14:32:46 +00:00
var ACTIVE_SELECTOR = 'pdfPresentationMode';
var CONTROLS_SELECTOR = 'pdfPresentationModeControls';
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @typedef {Object} PDFPresentationModeOptions
* @property {HTMLDivElement} container - The container for the viewer element.
* @property {HTMLDivElement} viewer - (optional) The viewer element.
* @property {PDFViewer} pdfViewer - The document viewer.
* @property {PDFThumbnailViewer} pdfThumbnailViewer - (optional) The thumbnail
* viewer.
* @property {Array} contextMenuItems - (optional) The menuitems that are added
* to the context menu in Presentation Mode.
*/
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @class
*/
var PDFPresentationMode = (function PDFPresentationModeClosure() {
/**
* @constructs PDFPresentationMode
* @param {PDFPresentationModeOptions} options
*/
function PDFPresentationMode(options) {
2015-03-07 19:41:19 +00:00
this.container = options.container;
2016-01-03 14:32:46 +00:00
this.viewer = options.viewer || options.container.firstElementChild;
this.pdfViewer = options.pdfViewer;
this.pdfThumbnailViewer = options.pdfThumbnailViewer || null;
var contextMenuItems = options.contextMenuItems || null;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.active = false;
this.args = null;
this.contextMenuOpen = false;
this.mouseScrollTimeStamp = 0;
this.mouseScrollDelta = 0;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (contextMenuItems) {
for (var i = 0, ii = contextMenuItems.length; i < ii; i++) {
var item = contextMenuItems[i];
item.element.addEventListener('click', function (handler) {
this.contextMenuOpen = false;
handler();
}.bind(this, item.handler));
}
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
}
PDFPresentationMode.prototype = {
/**
* Request the browser to enter fullscreen mode.
* @returns {boolean} Indicating if the request was successful.
*/
request: function PDFPresentationMode_request() {
if (this.switchInProgress || this.active ||
!this.viewer.hasChildNodes()) {
return false;
}
this._addFullscreenChangeListeners();
this._setSwitchInProgress();
2016-01-03 13:38:30 +00:00
this._notifyStateChange();
2016-01-03 14:32:46 +00:00
if (this.container.requestFullscreen) {
this.container.requestFullscreen();
} else if (this.container.mozRequestFullScreen) {
this.container.mozRequestFullScreen();
} else if (this.container.webkitRequestFullscreen) {
this.container.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
} else if (this.container.msRequestFullscreen) {
this.container.msRequestFullscreen();
} else {
return false;
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.args = {
page: this.pdfViewer.currentPageNumber,
previousScale: this.pdfViewer.currentScaleValue,
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return true;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* Switches page when the user scrolls (using a scroll wheel or a touchpad)
* with large enough motion, to prevent accidental page switches.
* @param {number} delta - The delta value from the mouse event.
*/
mouseScroll: function PDFPresentationMode_mouseScroll(delta) {
if (!this.active) {
return;
}
var MOUSE_SCROLL_COOLDOWN_TIME = 50;
var PAGE_SWITCH_THRESHOLD = 120;
var PageSwitchDirection = {
UP: -1,
DOWN: 1
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var currentTime = (new Date()).getTime();
var storedTime = this.mouseScrollTimeStamp;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
// If we've already switched page, avoid accidentally switching again.
if (currentTime > storedTime &&
currentTime - storedTime < MOUSE_SCROLL_COOLDOWN_TIME) {
return;
}
// If the scroll direction changed, reset the accumulated scroll delta.
if ((this.mouseScrollDelta > 0 && delta < 0) ||
(this.mouseScrollDelta < 0 && delta > 0)) {
this._resetMouseScrollState();
}
this.mouseScrollDelta += delta;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (Math.abs(this.mouseScrollDelta) >= PAGE_SWITCH_THRESHOLD) {
var pageSwitchDirection = (this.mouseScrollDelta > 0) ?
PageSwitchDirection.UP : PageSwitchDirection.DOWN;
var page = this.pdfViewer.currentPageNumber;
this._resetMouseScrollState();
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
// If we're at the first/last page, we don't need to do anything.
if ((page === 1 && pageSwitchDirection === PageSwitchDirection.UP) ||
(page === this.pdfViewer.pagesCount &&
pageSwitchDirection === PageSwitchDirection.DOWN)) {
return;
}
this.pdfViewer.currentPageNumber = (page + pageSwitchDirection);
this.mouseScrollTimeStamp = currentTime;
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
get isFullscreen() {
return !!(document.fullscreenElement ||
document.mozFullScreen ||
document.webkitIsFullScreen ||
document.msFullscreenElement);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_notifyStateChange: function PDFPresentationMode_notifyStateChange() {
var event = document.createEvent('CustomEvent');
event.initCustomEvent('presentationmodechanged', true, true, {
active: this.active,
switchInProgress: !!this.switchInProgress
});
window.dispatchEvent(event);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* Used to initialize a timeout when requesting Presentation Mode,
* i.e. when the browser is requested to enter fullscreen mode.
* This timeout is used to prevent the current page from being scrolled
* partially, or completely, out of view when entering Presentation Mode.
* NOTE: This issue seems limited to certain zoom levels (e.g. page-width).
* @private
*/
_setSwitchInProgress: function PDFPresentationMode_setSwitchInProgress() {
if (this.switchInProgress) {
clearTimeout(this.switchInProgress);
}
this.switchInProgress = setTimeout(function switchInProgressTimeout() {
this._removeFullscreenChangeListeners();
delete this.switchInProgress;
this._notifyStateChange();
}.bind(this), DELAY_BEFORE_RESETTING_SWITCH_IN_PROGRESS);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_resetSwitchInProgress:
function PDFPresentationMode_resetSwitchInProgress() {
if (this.switchInProgress) {
clearTimeout(this.switchInProgress);
delete this.switchInProgress;
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_enter: function PDFPresentationMode_enter() {
this.active = true;
this._resetSwitchInProgress();
this._notifyStateChange();
this.container.classList.add(ACTIVE_SELECTOR);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// Ensure that the correct page is scrolled into view when entering
// Presentation Mode, by waiting until fullscreen mode in enabled.
setTimeout(function enterPresentationModeTimeout() {
this.pdfViewer.currentPageNumber = this.args.page;
this.pdfViewer.currentScaleValue = 'page-fit';
}.bind(this), 0);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this._addWindowListeners();
this._showControls();
this.contextMenuOpen = false;
this.container.setAttribute('contextmenu', 'viewerContextMenu');
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// Text selection is disabled in Presentation Mode, thus it's not possible
// for the user to deselect text that is selected (e.g. with "Select all")
// when entering Presentation Mode, hence we remove any active selection.
window.getSelection().removeAllRanges();
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_exit: function PDFPresentationMode_exit() {
var page = this.pdfViewer.currentPageNumber;
this.container.classList.remove(ACTIVE_SELECTOR);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// Ensure that the correct page is scrolled into view when exiting
// Presentation Mode, by waiting until fullscreen mode is disabled.
setTimeout(function exitPresentationModeTimeout() {
this.active = false;
this._removeFullscreenChangeListeners();
this._notifyStateChange();
this.pdfViewer.currentScaleValue = this.args.previousScale;
this.pdfViewer.currentPageNumber = page;
this.args = null;
}.bind(this), 0);
this._removeWindowListeners();
this._hideControls();
this._resetMouseScrollState();
this.container.removeAttribute('contextmenu');
this.contextMenuOpen = false;
if (this.pdfThumbnailViewer) {
this.pdfThumbnailViewer.ensureThumbnailVisible(page);
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_mouseDown: function PDFPresentationMode_mouseDown(evt) {
if (this.contextMenuOpen) {
this.contextMenuOpen = false;
2015-03-07 19:41:19 +00:00
evt.preventDefault();
2016-01-03 14:32:46 +00:00
return;
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
if (evt.button === 0) {
// Enable clicking of links in presentation mode. Please note:
// Only links pointing to destinations in the current PDF document work.
var isInternalLink = (evt.target.href &&
evt.target.classList.contains('internalLink'));
if (!isInternalLink) {
// Unless an internal link was clicked, advance one page.
evt.preventDefault();
this.pdfViewer.currentPageNumber += (evt.shiftKey ? -1 : 1);
}
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_contextMenu: function PDFPresentationMode_contextMenu() {
this.contextMenuOpen = true;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_showControls: function PDFPresentationMode_showControls() {
if (this.controlsTimeout) {
clearTimeout(this.controlsTimeout);
} else {
this.container.classList.add(CONTROLS_SELECTOR);
}
this.controlsTimeout = setTimeout(function showControlsTimeout() {
this.container.classList.remove(CONTROLS_SELECTOR);
delete this.controlsTimeout;
}.bind(this), DELAY_BEFORE_HIDING_CONTROLS);
},
/**
* @private
*/
_hideControls: function PDFPresentationMode_hideControls() {
if (!this.controlsTimeout) {
return;
}
clearTimeout(this.controlsTimeout);
this.container.classList.remove(CONTROLS_SELECTOR);
delete this.controlsTimeout;
},
/**
* Resets the properties used for tracking mouse scrolling events.
* @private
*/
_resetMouseScrollState:
function PDFPresentationMode_resetMouseScrollState() {
this.mouseScrollTimeStamp = 0;
this.mouseScrollDelta = 0;
},
/**
* @private
*/
_addWindowListeners: function PDFPresentationMode_addWindowListeners() {
this.showControlsBind = this._showControls.bind(this);
this.mouseDownBind = this._mouseDown.bind(this);
this.resetMouseScrollStateBind = this._resetMouseScrollState.bind(this);
this.contextMenuBind = this._contextMenu.bind(this);
window.addEventListener('mousemove', this.showControlsBind);
window.addEventListener('mousedown', this.mouseDownBind);
window.addEventListener('keydown', this.resetMouseScrollStateBind);
window.addEventListener('contextmenu', this.contextMenuBind);
},
/**
* @private
*/
_removeWindowListeners:
function PDFPresentationMode_removeWindowListeners() {
window.removeEventListener('mousemove', this.showControlsBind);
window.removeEventListener('mousedown', this.mouseDownBind);
window.removeEventListener('keydown', this.resetMouseScrollStateBind);
window.removeEventListener('contextmenu', this.contextMenuBind);
delete this.showControlsBind;
delete this.mouseDownBind;
delete this.resetMouseScrollStateBind;
delete this.contextMenuBind;
},
/**
* @private
*/
_fullscreenChange: function PDFPresentationMode_fullscreenChange() {
if (this.isFullscreen) {
this._enter();
} else {
this._exit();
}
},
/**
* @private
*/
_addFullscreenChangeListeners:
function PDFPresentationMode_addFullscreenChangeListeners() {
this.fullscreenChangeBind = this._fullscreenChange.bind(this);
window.addEventListener('fullscreenchange', this.fullscreenChangeBind);
window.addEventListener('mozfullscreenchange', this.fullscreenChangeBind);
window.addEventListener('webkitfullscreenchange',
this.fullscreenChangeBind);
window.addEventListener('MSFullscreenChange', this.fullscreenChangeBind);
},
/**
* @private
*/
_removeFullscreenChangeListeners:
function PDFPresentationMode_removeFullscreenChangeListeners() {
window.removeEventListener('fullscreenchange', this.fullscreenChangeBind);
window.removeEventListener('mozfullscreenchange',
this.fullscreenChangeBind);
window.removeEventListener('webkitfullscreenchange',
this.fullscreenChangeBind);
window.removeEventListener('MSFullscreenChange',
this.fullscreenChangeBind);
delete this.fullscreenChangeBind;
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFPresentationMode;
2015-03-07 19:41:19 +00:00
})();
var GrabToPan = (function GrabToPanClosure() {
/**
* Construct a GrabToPan instance for a given HTML element.
* @param options.element {Element}
* @param options.ignoreTarget {function} optional. See `ignoreTarget(node)`
* @param options.onActiveChanged {function(boolean)} optional. Called
* when grab-to-pan is (de)activated. The first argument is a boolean that
* shows whether grab-to-pan is activated.
*/
function GrabToPan(options) {
this.element = options.element;
this.document = options.element.ownerDocument;
if (typeof options.ignoreTarget === 'function') {
this.ignoreTarget = options.ignoreTarget;
}
this.onActiveChanged = options.onActiveChanged;
// Bind the contexts to ensure that `this` always points to
// the GrabToPan instance.
this.activate = this.activate.bind(this);
this.deactivate = this.deactivate.bind(this);
this.toggle = this.toggle.bind(this);
this._onmousedown = this._onmousedown.bind(this);
this._onmousemove = this._onmousemove.bind(this);
this._endPan = this._endPan.bind(this);
2016-01-03 13:38:30 +00:00
// This overlay will be inserted in the document when the mouse moves during
// a grab operation, to ensure that the cursor has the desired appearance.
var overlay = this.overlay = document.createElement('div');
overlay.className = 'grab-to-pan-grabbing';
2015-03-07 19:41:19 +00:00
}
GrabToPan.prototype = {
/**
* Class name of element which can be grabbed
*/
CSS_CLASS_GRAB: 'grab-to-pan-grab',
/**
* Bind a mousedown event to the element to enable grab-detection.
*/
activate: function GrabToPan_activate() {
if (!this.active) {
this.active = true;
this.element.addEventListener('mousedown', this._onmousedown, true);
this.element.classList.add(this.CSS_CLASS_GRAB);
if (this.onActiveChanged) {
this.onActiveChanged(true);
}
}
},
/**
* Removes all events. Any pending pan session is immediately stopped.
*/
deactivate: function GrabToPan_deactivate() {
if (this.active) {
this.active = false;
this.element.removeEventListener('mousedown', this._onmousedown, true);
this._endPan();
this.element.classList.remove(this.CSS_CLASS_GRAB);
if (this.onActiveChanged) {
this.onActiveChanged(false);
}
}
},
toggle: function GrabToPan_toggle() {
if (this.active) {
this.deactivate();
} else {
this.activate();
}
},
/**
* Whether to not pan if the target element is clicked.
* Override this method to change the default behaviour.
*
* @param node {Element} The target of the event
* @return {boolean} Whether to not react to the click event.
*/
ignoreTarget: function GrabToPan_ignoreTarget(node) {
// Use matchesSelector to check whether the clicked element
// is (a child of) an input element / link
return node[matchesSelector](
'a[href], a[href] *, input, textarea, button, button *, select, option'
);
},
/**
* @private
*/
_onmousedown: function GrabToPan__onmousedown(event) {
if (event.button !== 0 || this.ignoreTarget(event.target)) {
return;
}
if (event.originalTarget) {
try {
/* jshint expr:true */
event.originalTarget.tagName;
} catch (e) {
// Mozilla-specific: element is a scrollbar (XUL element)
return;
}
}
this.scrollLeftStart = this.element.scrollLeft;
this.scrollTopStart = this.element.scrollTop;
this.clientXStart = event.clientX;
this.clientYStart = event.clientY;
this.document.addEventListener('mousemove', this._onmousemove, true);
this.document.addEventListener('mouseup', this._endPan, true);
// When a scroll event occurs before a mousemove, assume that the user
// dragged a scrollbar (necessary for Opera Presto, Safari and IE)
// (not needed for Chrome/Firefox)
this.element.addEventListener('scroll', this._endPan, true);
event.preventDefault();
event.stopPropagation();
this.document.documentElement.classList.add(this.CSS_CLASS_GRABBING);
2016-01-03 13:38:30 +00:00
var focusedElement = document.activeElement;
if (focusedElement && !focusedElement.contains(event.target)) {
focusedElement.blur();
}
2015-03-07 19:41:19 +00:00
},
/**
* @private
*/
_onmousemove: function GrabToPan__onmousemove(event) {
this.element.removeEventListener('scroll', this._endPan, true);
if (isLeftMouseReleased(event)) {
2016-01-03 13:38:30 +00:00
this._endPan();
2015-03-07 19:41:19 +00:00
return;
}
var xDiff = event.clientX - this.clientXStart;
var yDiff = event.clientY - this.clientYStart;
this.element.scrollTop = this.scrollTopStart - yDiff;
this.element.scrollLeft = this.scrollLeftStart - xDiff;
2016-01-03 13:38:30 +00:00
if (!this.overlay.parentNode) {
document.body.appendChild(this.overlay);
}
2015-03-07 19:41:19 +00:00
},
/**
* @private
*/
_endPan: function GrabToPan__endPan() {
this.element.removeEventListener('scroll', this._endPan, true);
this.document.removeEventListener('mousemove', this._onmousemove, true);
this.document.removeEventListener('mouseup', this._endPan, true);
2016-01-03 13:38:30 +00:00
if (this.overlay.parentNode) {
this.overlay.parentNode.removeChild(this.overlay);
}
2015-03-07 19:41:19 +00:00
}
};
// Get the correct (vendor-prefixed) name of the matches method.
var matchesSelector;
['webkitM', 'mozM', 'msM', 'oM', 'm'].some(function(prefix) {
var name = prefix + 'atches';
if (name in document.documentElement) {
matchesSelector = name;
}
name += 'Selector';
if (name in document.documentElement) {
matchesSelector = name;
}
return matchesSelector; // If found, then truthy, and [].some() ends.
});
// Browser sniffing because it's impossible to feature-detect
// whether event.which for onmousemove is reliable
var isNotIEorIsIE10plus = !document.documentMode || document.documentMode > 9;
var chrome = window.chrome;
var isChrome15OrOpera15plus = chrome && (chrome.webstore || chrome.app);
// ^ Chrome 15+ ^ Opera 15+
var isSafari6plus = /Apple/.test(navigator.vendor) &&
/Version\/([6-9]\d*|[1-5]\d+)/.test(navigator.userAgent);
/**
* Whether the left mouse is not pressed.
* @param event {MouseEvent}
* @return {boolean} True if the left mouse button is not pressed.
* False if unsure or if the left mouse button is pressed.
*/
function isLeftMouseReleased(event) {
if ('buttons' in event && isNotIEorIsIE10plus) {
// http://www.w3.org/TR/DOM-Level-3-Events/#events-MouseEvent-buttons
// Firefox 15+
// Internet Explorer 10+
return !(event.buttons | 1);
}
if (isChrome15OrOpera15plus || isSafari6plus) {
// Chrome 14+
// Opera 15+
// Safari 6.0+
return event.which === 0;
}
}
return GrabToPan;
})();
var HandTool = {
initialize: function handToolInitialize(options) {
var toggleHandTool = options.toggleHandTool;
this.handTool = new GrabToPan({
element: options.container,
onActiveChanged: function(isActive) {
if (!toggleHandTool) {
return;
}
if (isActive) {
toggleHandTool.title =
mozL10n.get('hand_tool_disable.title', null, 'Disable hand tool');
toggleHandTool.firstElementChild.textContent =
mozL10n.get('hand_tool_disable_label', null, 'Disable hand tool');
} else {
toggleHandTool.title =
mozL10n.get('hand_tool_enable.title', null, 'Enable hand tool');
toggleHandTool.firstElementChild.textContent =
mozL10n.get('hand_tool_enable_label', null, 'Enable hand tool');
}
}
});
if (toggleHandTool) {
2016-01-03 13:38:30 +00:00
toggleHandTool.addEventListener('click', this.toggle.bind(this), false);
window.addEventListener('localized', function (evt) {
Preferences.get('enableHandToolOnLoad').then(function resolved(value) {
if (value) {
this.handTool.activate();
}
}.bind(this), function rejected(reason) {});
}.bind(this));
2016-01-03 14:32:46 +00:00
window.addEventListener('presentationmodechanged', function (evt) {
if (evt.detail.switchInProgress) {
return;
}
if (evt.detail.active) {
this.enterPresentationMode();
} else {
this.exitPresentationMode();
}
}.bind(this));
2015-03-07 19:41:19 +00:00
}
},
toggle: function handToolToggle() {
this.handTool.toggle();
2016-01-03 13:38:30 +00:00
SecondaryToolbar.close();
2015-03-07 19:41:19 +00:00
},
enterPresentationMode: function handToolEnterPresentationMode() {
if (this.handTool.active) {
this.wasActive = true;
this.handTool.deactivate();
}
},
exitPresentationMode: function handToolExitPresentationMode() {
if (this.wasActive) {
this.wasActive = null;
this.handTool.activate();
}
}
};
2016-01-03 13:38:30 +00:00
var OverlayManager = {
overlays: {},
active: null,
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* @param {string} name The name of the overlay that is registered. This must
* be equal to the ID of the overlay's DOM element.
* @param {function} callerCloseMethod (optional) The method that, if present,
* will call OverlayManager.close from the Object
* registering the overlay. Access to this method is
* necessary in order to run cleanup code when e.g.
* the overlay is force closed. The default is null.
* @param {boolean} canForceClose (optional) Indicates if opening the overlay
* will close an active overlay. The default is false.
* @returns {Promise} A promise that is resolved when the overlay has been
* registered.
*/
register: function overlayManagerRegister(name,
callerCloseMethod, canForceClose) {
return new Promise(function (resolve) {
var element, container;
if (!name || !(element = document.getElementById(name)) ||
!(container = element.parentNode)) {
throw new Error('Not enough parameters.');
} else if (this.overlays[name]) {
throw new Error('The overlay is already registered.');
}
this.overlays[name] = { element: element,
container: container,
callerCloseMethod: (callerCloseMethod || null),
canForceClose: (canForceClose || false) };
resolve();
}.bind(this));
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* @param {string} name The name of the overlay that is unregistered.
* @returns {Promise} A promise that is resolved when the overlay has been
* unregistered.
*/
unregister: function overlayManagerUnregister(name) {
return new Promise(function (resolve) {
if (!this.overlays[name]) {
throw new Error('The overlay does not exist.');
} else if (this.active === name) {
throw new Error('The overlay cannot be removed while it is active.');
}
delete this.overlays[name];
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
resolve();
}.bind(this));
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* @param {string} name The name of the overlay that should be opened.
* @returns {Promise} A promise that is resolved when the overlay has been
* opened.
*/
open: function overlayManagerOpen(name) {
return new Promise(function (resolve) {
if (!this.overlays[name]) {
throw new Error('The overlay does not exist.');
} else if (this.active) {
if (this.overlays[name].canForceClose) {
this._closeThroughCaller();
} else if (this.active === name) {
throw new Error('The overlay is already active.');
} else {
throw new Error('Another overlay is currently active.');
}
}
this.active = name;
this.overlays[this.active].element.classList.remove('hidden');
this.overlays[this.active].container.classList.remove('hidden');
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
window.addEventListener('keydown', this._keyDown);
resolve();
}.bind(this));
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* @param {string} name The name of the overlay that should be closed.
* @returns {Promise} A promise that is resolved when the overlay has been
* closed.
*/
close: function overlayManagerClose(name) {
return new Promise(function (resolve) {
if (!this.overlays[name]) {
throw new Error('The overlay does not exist.');
} else if (!this.active) {
throw new Error('The overlay is currently not active.');
} else if (this.active !== name) {
throw new Error('Another overlay is currently active.');
}
this.overlays[this.active].container.classList.add('hidden');
this.overlays[this.active].element.classList.add('hidden');
this.active = null;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
window.removeEventListener('keydown', this._keyDown);
resolve();
}.bind(this));
2015-03-07 19:41:19 +00:00
},
2016-01-03 13:38:30 +00:00
/**
* @private
*/
_keyDown: function overlayManager_keyDown(evt) {
var self = OverlayManager;
if (self.active && evt.keyCode === 27) { // Esc key.
self._closeThroughCaller();
evt.preventDefault();
}
2015-03-07 19:41:19 +00:00
},
2016-01-03 13:38:30 +00:00
/**
* @private
*/
_closeThroughCaller: function overlayManager_closeThroughCaller() {
if (this.overlays[this.active].callerCloseMethod) {
this.overlays[this.active].callerCloseMethod();
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
if (this.active) {
this.close(this.active);
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
}
};
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var PasswordPrompt = {
overlayName: null,
updatePassword: null,
reason: null,
passwordField: null,
passwordText: null,
passwordSubmit: null,
passwordCancel: null,
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
initialize: function secondaryToolbarInitialize(options) {
this.overlayName = options.overlayName;
this.passwordField = options.passwordField;
this.passwordText = options.passwordText;
this.passwordSubmit = options.passwordSubmit;
this.passwordCancel = options.passwordCancel;
// Attach the event listeners.
this.passwordSubmit.addEventListener('click',
this.verifyPassword.bind(this));
this.passwordCancel.addEventListener('click', this.close.bind(this));
this.passwordField.addEventListener('keydown', function (e) {
if (e.keyCode === 13) { // Enter key
this.verifyPassword();
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
}.bind(this));
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
OverlayManager.register(this.overlayName, this.close.bind(this), true);
2015-03-07 19:41:19 +00:00
},
2016-01-03 13:38:30 +00:00
open: function passwordPromptOpen() {
OverlayManager.open(this.overlayName).then(function () {
this.passwordField.focus();
var promptString = mozL10n.get('password_label', null,
'Enter the password to open this PDF file.');
if (this.reason === PDFJS.PasswordResponses.INCORRECT_PASSWORD) {
promptString = mozL10n.get('password_invalid', null,
'Invalid password. Please try again.');
}
this.passwordText.textContent = promptString;
}.bind(this));
2015-03-07 19:41:19 +00:00
},
2016-01-03 13:38:30 +00:00
close: function passwordPromptClose() {
OverlayManager.close(this.overlayName).then(function () {
this.passwordField.value = '';
}.bind(this));
2015-03-07 19:41:19 +00:00
},
2016-01-03 13:38:30 +00:00
verifyPassword: function passwordPromptVerifyPassword() {
var password = this.passwordField.value;
if (password && password.length > 0) {
this.close();
return this.updatePassword(password);
}
}
};
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
/**
* @typedef {Object} PDFDocumentPropertiesOptions
* @property {string} overlayName - Name/identifier for the overlay.
* @property {Object} fields - Names and elements of the overlay's fields.
* @property {HTMLButtonElement} closeButton - Button for closing the overlay.
*/
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
/**
* @class
*/
var PDFDocumentProperties = (function PDFDocumentPropertiesClosure() {
/**
* @constructs PDFDocumentProperties
* @param {PDFDocumentPropertiesOptions} options
*/
function PDFDocumentProperties(options) {
this.fields = options.fields;
2016-01-03 13:38:30 +00:00
this.overlayName = options.overlayName;
2016-01-03 14:32:46 +00:00
this.rawFileSize = 0;
this.url = null;
this.pdfDocument = null;
2016-01-03 13:38:30 +00:00
// Bind the event listener for the Close button.
if (options.closeButton) {
options.closeButton.addEventListener('click', this.close.bind(this));
}
this.dataAvailablePromise = new Promise(function (resolve) {
this.resolveDataAvailable = resolve;
}.bind(this));
OverlayManager.register(this.overlayName, this.close.bind(this));
2016-01-03 14:32:46 +00:00
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
PDFDocumentProperties.prototype = {
/**
* Open the document properties overlay.
*/
open: function PDFDocumentProperties_open() {
Promise.all([OverlayManager.open(this.overlayName),
this.dataAvailablePromise]).then(function () {
this._getProperties();
}.bind(this));
},
/**
* Close the document properties overlay.
*/
close: function PDFDocumentProperties_close() {
OverlayManager.close(this.overlayName);
},
/**
* Set the file size of the PDF document. This method is used to
* update the file size in the document properties overlay once it
* is known so we do not have to wait until the entire file is loaded.
*
* @param {number} fileSize - The file size of the PDF document.
*/
setFileSize: function PDFDocumentProperties_setFileSize(fileSize) {
if (fileSize > 0) {
this.rawFileSize = fileSize;
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* Set a reference to the PDF document and the URL in order
* to populate the overlay fields with the document properties.
* Note that the overlay will contain no information if this method
* is not called.
*
* @param {Object} pdfDocument - A reference to the PDF document.
* @param {string} url - The URL of the document.
*/
setDocumentAndUrl:
function PDFDocumentProperties_setDocumentAndUrl(pdfDocument, url) {
this.pdfDocument = pdfDocument;
this.url = url;
this.resolveDataAvailable();
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_getProperties: function PDFDocumentProperties_getProperties() {
if (!OverlayManager.active) {
// If the dialog was closed before dataAvailablePromise was resolved,
// don't bother updating the properties.
return;
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
// Get the file size (if it hasn't already been set).
this.pdfDocument.getDownloadInfo().then(function(data) {
if (data.length === this.rawFileSize) {
return;
}
this.setFileSize(data.length);
this._updateUI(this.fields['fileSize'], this._parseFileSize());
}.bind(this));
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// Get the document properties.
this.pdfDocument.getMetadata().then(function(data) {
var content = {
'fileName': getPDFFileNameFromURL(this.url),
'fileSize': this._parseFileSize(),
'title': data.info.Title,
'author': data.info.Author,
'subject': data.info.Subject,
'keywords': data.info.Keywords,
'creationDate': this._parseDate(data.info.CreationDate),
'modificationDate': this._parseDate(data.info.ModDate),
'creator': data.info.Creator,
'producer': data.info.Producer,
'version': data.info.PDFFormatVersion,
'pageCount': this.pdfDocument.numPages
};
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
// Show the properties in the dialog.
for (var identifier in content) {
this._updateUI(this.fields[identifier], content[identifier]);
}
}.bind(this));
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_updateUI: function PDFDocumentProperties_updateUI(field, content) {
if (field && content !== undefined && content !== '') {
field.textContent = content;
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_parseFileSize: function PDFDocumentProperties_parseFileSize() {
var fileSize = this.rawFileSize, kb = fileSize / 1024;
if (!kb) {
return;
} else if (kb < 1024) {
return mozL10n.get('document_properties_kb', {
size_kb: (+kb.toPrecision(3)).toLocaleString(),
size_b: fileSize.toLocaleString()
}, '{{size_kb}} KB ({{size_b}} bytes)');
} else {
return mozL10n.get('document_properties_mb', {
size_mb: (+(kb / 1024).toPrecision(3)).toLocaleString(),
size_b: fileSize.toLocaleString()
}, '{{size_mb}} MB ({{size_b}} bytes)');
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_parseDate: function PDFDocumentProperties_parseDate(inputDate) {
// This is implemented according to the PDF specification, but note that
// Adobe Reader doesn't handle changing the date to universal time
// and doesn't use the user's time zone (they're effectively ignoring
// the HH' and mm' parts of the date string).
var dateToParse = inputDate;
if (dateToParse === undefined) {
return '';
}
// Remove the D: prefix if it is available.
if (dateToParse.substring(0,2) === 'D:') {
dateToParse = dateToParse.substring(2);
}
// Get all elements from the PDF date string.
// JavaScript's Date object expects the month to be between
// 0 and 11 instead of 1 and 12, so we're correcting for this.
var year = parseInt(dateToParse.substring(0,4), 10);
var month = parseInt(dateToParse.substring(4,6), 10) - 1;
var day = parseInt(dateToParse.substring(6,8), 10);
var hours = parseInt(dateToParse.substring(8,10), 10);
var minutes = parseInt(dateToParse.substring(10,12), 10);
var seconds = parseInt(dateToParse.substring(12,14), 10);
var utRel = dateToParse.substring(14,15);
var offsetHours = parseInt(dateToParse.substring(15,17), 10);
var offsetMinutes = parseInt(dateToParse.substring(18,20), 10);
// As per spec, utRel = 'Z' means equal to universal time.
// The other cases ('-' and '+') have to be handled here.
if (utRel === '-') {
hours += offsetHours;
minutes += offsetMinutes;
} else if (utRel === '+') {
hours -= offsetHours;
minutes -= offsetMinutes;
}
// Return the new date format from the user's locale.
var date = new Date(Date.UTC(year, month, day, hours, minutes, seconds));
var dateString = date.toLocaleDateString();
var timeString = date.toLocaleTimeString();
return mozL10n.get('document_properties_date_string',
{date: dateString, time: timeString},
'{{date}}, {{time}}');
}
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFDocumentProperties;
})();
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var PresentationModeState = {
UNKNOWN: 0,
NORMAL: 1,
CHANGING: 2,
FULLSCREEN: 3,
};
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var IGNORE_CURRENT_POSITION_ON_ZOOM = false;
2016-01-03 14:32:46 +00:00
var DEFAULT_CACHE_SIZE = 10;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var CLEANUP_TIMEOUT = 30000;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var RenderingStates = {
INITIAL: 0,
RUNNING: 1,
PAUSED: 2,
FINISHED: 3
};
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* Controls rendering of the views for pages and thumbnails.
* @class
*/
var PDFRenderingQueue = (function PDFRenderingQueueClosure() {
/**
* @constructs
*/
function PDFRenderingQueue() {
this.pdfViewer = null;
this.pdfThumbnailViewer = null;
this.onIdle = null;
this.highestPriorityPage = null;
this.idleTimeout = null;
this.printing = false;
this.isThumbnailViewEnabled = false;
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
PDFRenderingQueue.prototype = /** @lends PDFRenderingQueue.prototype */ {
/**
* @param {PDFViewer} pdfViewer
*/
setViewer: function PDFRenderingQueue_setViewer(pdfViewer) {
this.pdfViewer = pdfViewer;
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* @param {PDFThumbnailViewer} pdfThumbnailViewer
*/
setThumbnailViewer:
function PDFRenderingQueue_setThumbnailViewer(pdfThumbnailViewer) {
this.pdfThumbnailViewer = pdfThumbnailViewer;
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* @param {IRenderableView} view
* @returns {boolean}
*/
isHighestPriority: function PDFRenderingQueue_isHighestPriority(view) {
return this.highestPriorityPage === view.renderingId;
},
renderHighestPriority: function
PDFRenderingQueue_renderHighestPriority(currentlyVisiblePages) {
if (this.idleTimeout) {
clearTimeout(this.idleTimeout);
this.idleTimeout = null;
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
// Pages have a higher priority than thumbnails, so check them first.
if (this.pdfViewer.forceRendering(currentlyVisiblePages)) {
return;
}
// No pages needed rendering so check thumbnails.
if (this.pdfThumbnailViewer && this.isThumbnailViewEnabled) {
if (this.pdfThumbnailViewer.forceRendering()) {
return;
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
}
if (this.printing) {
// If printing is currently ongoing do not reschedule cleanup.
return;
}
if (this.onIdle) {
this.idleTimeout = setTimeout(this.onIdle.bind(this), CLEANUP_TIMEOUT);
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
getHighestPriority: function
PDFRenderingQueue_getHighestPriority(visible, views, scrolledDown) {
// The state has changed figure out which page has the highest priority to
// render next (if any).
// Priority:
// 1 visible pages
// 2 if last scrolled down page after the visible pages
// 2 if last scrolled up page before the visible pages
var visibleViews = visible.views;
var numVisible = visibleViews.length;
if (numVisible === 0) {
return false;
}
for (var i = 0; i < numVisible; ++i) {
var view = visibleViews[i].view;
if (!this.isViewFinished(view)) {
return view;
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
// All the visible views have rendered, try to render next/previous pages.
if (scrolledDown) {
var nextPageIndex = visible.last.id;
// ID's start at 1 so no need to add 1.
if (views[nextPageIndex] &&
!this.isViewFinished(views[nextPageIndex])) {
return views[nextPageIndex];
}
} else {
var previousPageIndex = visible.first.id - 2;
if (views[previousPageIndex] &&
!this.isViewFinished(views[previousPageIndex])) {
return views[previousPageIndex];
}
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
// Everything that needs to be rendered has been.
return null;
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* @param {IRenderableView} view
* @returns {boolean}
*/
isViewFinished: function PDFRenderingQueue_isViewFinished(view) {
return view.renderingState === RenderingStates.FINISHED;
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* Render a page or thumbnail view. This calls the appropriate function
* based on the views state. If the view is already rendered it will return
* false.
* @param {IRenderableView} view
*/
renderView: function PDFRenderingQueue_renderView(view) {
var state = view.renderingState;
switch (state) {
case RenderingStates.FINISHED:
return false;
case RenderingStates.PAUSED:
this.highestPriorityPage = view.renderingId;
view.resume();
2015-03-07 19:41:19 +00:00
break;
2016-01-03 13:38:30 +00:00
case RenderingStates.RUNNING:
this.highestPriorityPage = view.renderingId;
2015-03-07 19:41:19 +00:00
break;
2016-01-03 13:38:30 +00:00
case RenderingStates.INITIAL:
this.highestPriorityPage = view.renderingId;
2016-01-03 14:32:46 +00:00
var continueRendering = function () {
this.renderHighestPriority();
}.bind(this);
view.draw().then(continueRendering, continueRendering);
2015-03-07 19:41:19 +00:00
break;
2016-01-03 13:38:30 +00:00
}
return true;
},
};
return PDFRenderingQueue;
})();
2016-01-03 14:32:46 +00:00
var TEXT_LAYER_RENDER_DELAY = 200; // ms
2016-01-03 13:38:30 +00:00
/**
2016-01-03 14:32:46 +00:00
* @typedef {Object} PDFPageViewOptions
* @property {HTMLDivElement} container - The viewer element.
* @property {number} id - The page unique ID (normally its number).
* @property {number} scale - The page scale display.
* @property {PageViewport} defaultViewport - The page viewport.
* @property {PDFRenderingQueue} renderingQueue - The rendering queue object.
* @property {IPDFTextLayerFactory} textLayerFactory
* @property {IPDFAnnotationLayerFactory} annotationLayerFactory
2016-01-03 13:38:30 +00:00
*/
2016-01-03 14:32:46 +00:00
/**
* @class
* @implements {IRenderableView}
*/
var PDFPageView = (function PDFPageViewClosure() {
/**
* @constructs PDFPageView
* @param {PDFPageViewOptions} options
*/
function PDFPageView(options) {
var container = options.container;
var id = options.id;
var scale = options.scale;
var defaultViewport = options.defaultViewport;
var renderingQueue = options.renderingQueue;
var textLayerFactory = options.textLayerFactory;
var annotationLayerFactory = options.annotationLayerFactory;
this.id = id;
this.renderingId = 'page' + id;
this.rotation = 0;
this.scale = scale || DEFAULT_SCALE;
this.viewport = defaultViewport;
this.pdfPageRotate = defaultViewport.rotation;
this.hasRestrictedScaling = false;
this.renderingQueue = renderingQueue;
this.textLayerFactory = textLayerFactory;
this.annotationLayerFactory = annotationLayerFactory;
2016-01-03 13:38:30 +00:00
this.renderingState = RenderingStates.INITIAL;
2016-01-03 14:32:46 +00:00
this.resume = null;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.onBeforeDraw = null;
this.onAfterDraw = null;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.textLayer = null;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.zoomLayer = null;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.annotationLayer = null;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
var div = document.createElement('div');
div.id = 'pageContainer' + this.id;
div.className = 'page';
div.style.width = Math.floor(this.viewport.width) + 'px';
div.style.height = Math.floor(this.viewport.height) + 'px';
div.setAttribute('data-page-number', this.id);
this.div = div;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
container.appendChild(div);
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
PDFPageView.prototype = {
setPdfPage: function PDFPageView_setPdfPage(pdfPage) {
this.pdfPage = pdfPage;
this.pdfPageRotate = pdfPage.rotate;
var totalRotation = (this.rotation + this.pdfPageRotate) % 360;
this.viewport = pdfPage.getViewport(this.scale * CSS_UNITS,
totalRotation);
this.stats = pdfPage.stats;
this.reset();
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
destroy: function PDFPageView_destroy() {
this.zoomLayer = null;
this.reset();
if (this.pdfPage) {
this.pdfPage.cleanup();
}
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
reset: function PDFPageView_reset(keepZoomLayer, keepAnnotations) {
if (this.renderTask) {
this.renderTask.cancel();
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
this.resume = null;
this.renderingState = RenderingStates.INITIAL;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
var div = this.div;
div.style.width = Math.floor(this.viewport.width) + 'px';
div.style.height = Math.floor(this.viewport.height) + 'px';
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
var childNodes = div.childNodes;
var currentZoomLayerNode = (keepZoomLayer && this.zoomLayer) || null;
var currentAnnotationNode = (keepAnnotations && this.annotationLayer &&
this.annotationLayer.div) || null;
for (var i = childNodes.length - 1; i >= 0; i--) {
var node = childNodes[i];
if (currentZoomLayerNode === node || currentAnnotationNode === node) {
continue;
}
div.removeChild(node);
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
div.removeAttribute('data-loaded');
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (currentAnnotationNode) {
// Hide annotationLayer until all elements are resized
// so they are not displayed on the already-resized page
this.annotationLayer.hide();
} else {
this.annotationLayer = null;
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (this.canvas && !currentZoomLayerNode) {
// Zeroing the width and height causes Firefox to release graphics
// resources immediately, which can greatly reduce memory consumption.
this.canvas.width = 0;
this.canvas.height = 0;
delete this.canvas;
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.loadingIconDiv = document.createElement('div');
this.loadingIconDiv.className = 'loadingIcon';
div.appendChild(this.loadingIconDiv);
2016-01-03 13:38:30 +00:00
},
2016-01-03 14:32:46 +00:00
update: function PDFPageView_update(scale, rotation) {
this.scale = scale || this.scale;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (typeof rotation !== 'undefined') {
this.rotation = rotation;
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
var totalRotation = (this.rotation + this.pdfPageRotate) % 360;
this.viewport = this.viewport.clone({
scale: this.scale * CSS_UNITS,
rotation: totalRotation
});
var isScalingRestricted = false;
if (this.canvas && PDFJS.maxCanvasPixels > 0) {
var outputScale = this.outputScale;
var pixelsInViewport = this.viewport.width * this.viewport.height;
var maxScale = Math.sqrt(PDFJS.maxCanvasPixels / pixelsInViewport);
if (((Math.floor(this.viewport.width) * outputScale.sx) | 0) *
((Math.floor(this.viewport.height) * outputScale.sy) | 0) >
PDFJS.maxCanvasPixels) {
isScalingRestricted = true;
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (this.canvas) {
if (PDFJS.useOnlyCssZoom ||
(this.hasRestrictedScaling && isScalingRestricted)) {
this.cssTransform(this.canvas, true);
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
var event = document.createEvent('CustomEvent');
event.initCustomEvent('pagerendered', true, true, {
pageNumber: this.id,
cssTransform: true,
});
this.div.dispatchEvent(event);
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
return;
}
if (!this.zoomLayer) {
this.zoomLayer = this.canvas.parentNode;
this.zoomLayer.style.position = 'absolute';
2016-01-03 13:38:30 +00:00
}
}
2016-01-03 14:32:46 +00:00
if (this.zoomLayer) {
this.cssTransform(this.zoomLayer.firstChild);
}
this.reset(/* keepZoomLayer = */ true, /* keepAnnotations = */ true);
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
/**
* Called when moved in the parent's container.
*/
updatePosition: function PDFPageView_updatePosition() {
if (this.textLayer) {
this.textLayer.render(TEXT_LAYER_RENDER_DELAY);
}
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
cssTransform: function PDFPageView_transform(canvas, redrawAnnotations) {
var CustomStyle = PDFJS.CustomStyle;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
// Scale canvas, canvas wrapper, and page container.
var width = this.viewport.width;
var height = this.viewport.height;
var div = this.div;
canvas.style.width = canvas.parentNode.style.width = div.style.width =
Math.floor(width) + 'px';
canvas.style.height = canvas.parentNode.style.height = div.style.height =
Math.floor(height) + 'px';
// The canvas may have been originally rotated, rotate relative to that.
var relativeRotation = this.viewport.rotation - canvas._viewport.rotation;
var absRotation = Math.abs(relativeRotation);
var scaleX = 1, scaleY = 1;
if (absRotation === 90 || absRotation === 270) {
// Scale x and y because of the rotation.
scaleX = height / width;
scaleY = width / height;
}
var cssTransform = 'rotate(' + relativeRotation + 'deg) ' +
'scale(' + scaleX + ',' + scaleY + ')';
CustomStyle.setProp('transform', canvas, cssTransform);
if (this.textLayer) {
// Rotating the text layer is more complicated since the divs inside the
// the text layer are rotated.
// TODO: This could probably be simplified by drawing the text layer in
// one orientation then rotating overall.
var textLayerViewport = this.textLayer.viewport;
var textRelativeRotation = this.viewport.rotation -
textLayerViewport.rotation;
var textAbsRotation = Math.abs(textRelativeRotation);
var scale = width / textLayerViewport.width;
if (textAbsRotation === 90 || textAbsRotation === 270) {
scale = width / textLayerViewport.height;
}
var textLayerDiv = this.textLayer.textLayerDiv;
var transX, transY;
switch (textAbsRotation) {
case 0:
transX = transY = 0;
break;
case 90:
transX = 0;
transY = '-' + textLayerDiv.style.height;
break;
case 180:
transX = '-' + textLayerDiv.style.width;
transY = '-' + textLayerDiv.style.height;
break;
case 270:
transX = '-' + textLayerDiv.style.width;
transY = 0;
break;
default:
console.error('Bad rotation value.');
break;
}
CustomStyle.setProp('transform', textLayerDiv,
'rotate(' + textAbsRotation + 'deg) ' +
'scale(' + scale + ', ' + scale + ') ' +
'translate(' + transX + ', ' + transY + ')');
CustomStyle.setProp('transformOrigin', textLayerDiv, '0% 0%');
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (redrawAnnotations && this.annotationLayer) {
this.annotationLayer.render(this.viewport, 'display');
}
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
get width() {
return this.viewport.width;
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
get height() {
return this.viewport.height;
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
getPagePoint: function PDFPageView_getPagePoint(x, y) {
return this.viewport.convertToPdfPoint(x, y);
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
draw: function PDFPageView_draw() {
if (this.renderingState !== RenderingStates.INITIAL) {
console.error('Must be in new state before drawing');
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
this.renderingState = RenderingStates.RUNNING;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
var pdfPage = this.pdfPage;
var viewport = this.viewport;
var div = this.div;
// Wrap the canvas so if it has a css transform for highdpi the overflow
// will be hidden in FF.
var canvasWrapper = document.createElement('div');
canvasWrapper.style.width = div.style.width;
canvasWrapper.style.height = div.style.height;
canvasWrapper.classList.add('canvasWrapper');
var canvas = document.createElement('canvas');
canvas.id = 'page' + this.id;
// Keep the canvas hidden until the first draw callback, or until drawing
// is complete when `!this.renderingQueue`, to prevent black flickering.
canvas.setAttribute('hidden', 'hidden');
var isCanvasHidden = true;
canvasWrapper.appendChild(canvas);
if (this.annotationLayer && this.annotationLayer.div) {
2016-01-03 13:38:30 +00:00
// annotationLayer needs to stay on top
2016-01-03 14:32:46 +00:00
div.insertBefore(canvasWrapper, this.annotationLayer.div);
2016-01-03 13:38:30 +00:00
} else {
2016-01-03 14:32:46 +00:00
div.appendChild(canvasWrapper);
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
this.canvas = canvas;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
canvas.mozOpaque = true;
var ctx = canvas.getContext('2d', {alpha: false});
var outputScale = getOutputScale(ctx);
this.outputScale = outputScale;
if (PDFJS.useOnlyCssZoom) {
var actualSizeViewport = viewport.clone({scale: CSS_UNITS});
// Use a scale that will make the canvas be the original intended size
// of the page.
outputScale.sx *= actualSizeViewport.width / viewport.width;
outputScale.sy *= actualSizeViewport.height / viewport.height;
outputScale.scaled = true;
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
if (PDFJS.maxCanvasPixels > 0) {
var pixelsInViewport = viewport.width * viewport.height;
var maxScale = Math.sqrt(PDFJS.maxCanvasPixels / pixelsInViewport);
if (outputScale.sx > maxScale || outputScale.sy > maxScale) {
outputScale.sx = maxScale;
outputScale.sy = maxScale;
outputScale.scaled = true;
this.hasRestrictedScaling = true;
} else {
this.hasRestrictedScaling = false;
}
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
var sfx = approximateFraction(outputScale.sx);
var sfy = approximateFraction(outputScale.sy);
canvas.width = roundToDivide(viewport.width * outputScale.sx, sfx[0]);
canvas.height = roundToDivide(viewport.height * outputScale.sy, sfy[0]);
canvas.style.width = roundToDivide(viewport.width, sfx[1]) + 'px';
canvas.style.height = roundToDivide(viewport.height, sfy[1]) + 'px';
// Add the viewport so it's known what it was originally drawn with.
canvas._viewport = viewport;
var textLayerDiv = null;
var textLayer = null;
if (this.textLayerFactory) {
textLayerDiv = document.createElement('div');
textLayerDiv.className = 'textLayer';
textLayerDiv.style.width = canvasWrapper.style.width;
textLayerDiv.style.height = canvasWrapper.style.height;
if (this.annotationLayer && this.annotationLayer.div) {
// annotationLayer needs to stay on top
div.insertBefore(textLayerDiv, this.annotationLayer.div);
} else {
div.appendChild(textLayerDiv);
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
textLayer = this.textLayerFactory.createTextLayerBuilder(textLayerDiv,
this.id - 1,
this.viewport);
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
this.textLayer = textLayer;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
var resolveRenderPromise, rejectRenderPromise;
var promise = new Promise(function (resolve, reject) {
resolveRenderPromise = resolve;
rejectRenderPromise = reject;
2016-01-03 13:38:30 +00:00
});
2016-01-03 14:32:46 +00:00
// Rendering area
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
var self = this;
function pageViewDrawCallback(error) {
// The renderTask may have been replaced by a new one, so only remove
// the reference to the renderTask if it matches the one that is
// triggering this callback.
if (renderTask === self.renderTask) {
self.renderTask = null;
}
if (error === 'cancelled') {
rejectRenderPromise(error);
2016-01-03 13:38:30 +00:00
return;
}
2016-01-03 14:32:46 +00:00
self.renderingState = RenderingStates.FINISHED;
if (isCanvasHidden) {
self.canvas.removeAttribute('hidden');
isCanvasHidden = false;
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
if (self.loadingIconDiv) {
div.removeChild(self.loadingIconDiv);
delete self.loadingIconDiv;
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (self.zoomLayer) {
// Zeroing the width and height causes Firefox to release graphics
// resources immediately, which can greatly reduce memory consumption.
var zoomLayerCanvas = self.zoomLayer.firstChild;
zoomLayerCanvas.width = 0;
zoomLayerCanvas.height = 0;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
div.removeChild(self.zoomLayer);
self.zoomLayer = null;
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
self.error = error;
self.stats = pdfPage.stats;
if (self.onAfterDraw) {
self.onAfterDraw();
}
var event = document.createEvent('CustomEvent');
event.initCustomEvent('pagerendered', true, true, {
pageNumber: self.id,
cssTransform: false,
});
div.dispatchEvent(event);
// This custom event is deprecated, and will be removed in the future,
// please use the |pagerendered| event instead.
var deprecatedEvent = document.createEvent('CustomEvent');
deprecatedEvent.initCustomEvent('pagerender', true, true, {
pageNumber: pdfPage.pageNumber
});
div.dispatchEvent(deprecatedEvent);
if (!error) {
resolveRenderPromise(undefined);
} else {
rejectRenderPromise(error);
}
}
var renderContinueCallback = null;
if (this.renderingQueue) {
renderContinueCallback = function renderContinueCallback(cont) {
if (!self.renderingQueue.isHighestPriority(self)) {
self.renderingState = RenderingStates.PAUSED;
self.resume = function resumeCallback() {
self.renderingState = RenderingStates.RUNNING;
cont();
};
return;
}
if (isCanvasHidden) {
self.canvas.removeAttribute('hidden');
isCanvasHidden = false;
}
cont();
};
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
var transform = !outputScale.scaled ? null :
[outputScale.sx, 0, 0, outputScale.sy, 0, 0];
2016-01-03 13:38:30 +00:00
var renderContext = {
canvasContext: ctx,
2016-01-03 14:32:46 +00:00
transform: transform,
viewport: this.viewport,
// intent: 'default', // === 'display'
2016-01-03 13:38:30 +00:00
};
2016-01-03 14:32:46 +00:00
var renderTask = this.renderTask = this.pdfPage.render(renderContext);
renderTask.onContinue = renderContinueCallback;
this.renderTask.promise.then(
function pdfPageRenderCallback() {
pageViewDrawCallback(null);
if (textLayer) {
self.pdfPage.getTextContent({ normalizeWhitespace: true }).then(
function textContentResolved(textContent) {
textLayer.setTextContent(textContent);
textLayer.render(TEXT_LAYER_RENDER_DELAY);
}
);
}
},
function pdfPageRenderError(error) {
pageViewDrawCallback(error);
}
);
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (this.annotationLayerFactory) {
if (!this.annotationLayer) {
this.annotationLayer = this.annotationLayerFactory.
createAnnotationLayerBuilder(div, this.pdfPage);
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
this.annotationLayer.render(this.viewport, 'display');
}
div.setAttribute('data-loaded', true);
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (self.onBeforeDraw) {
self.onBeforeDraw();
}
return promise;
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
beforePrint: function PDFPageView_beforePrint() {
var CustomStyle = PDFJS.CustomStyle;
var pdfPage = this.pdfPage;
var viewport = pdfPage.getViewport(1);
// Use the same hack we use for high dpi displays for printing to get
// better output until bug 811002 is fixed in FF.
var PRINT_OUTPUT_SCALE = 2;
var canvas = document.createElement('canvas');
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
// The logical size of the canvas.
canvas.width = Math.floor(viewport.width) * PRINT_OUTPUT_SCALE;
canvas.height = Math.floor(viewport.height) * PRINT_OUTPUT_SCALE;
// The rendered size of the canvas, relative to the size of canvasWrapper.
canvas.style.width = (PRINT_OUTPUT_SCALE * 100) + '%';
canvas.style.height = (PRINT_OUTPUT_SCALE * 100) + '%';
var cssScale = 'scale(' + (1 / PRINT_OUTPUT_SCALE) + ', ' +
(1 / PRINT_OUTPUT_SCALE) + ')';
CustomStyle.setProp('transform' , canvas, cssScale);
CustomStyle.setProp('transformOrigin' , canvas, '0% 0%');
var printContainer = document.getElementById('printContainer');
var canvasWrapper = document.createElement('div');
canvasWrapper.style.width = viewport.width + 'pt';
canvasWrapper.style.height = viewport.height + 'pt';
canvasWrapper.appendChild(canvas);
printContainer.appendChild(canvasWrapper);
canvas.mozPrintCallback = function(obj) {
var ctx = obj.context;
ctx.save();
ctx.fillStyle = 'rgb(255, 255, 255)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.restore();
// Used by the mozCurrentTransform polyfill in src/display/canvas.js.
ctx._transformMatrix =
[PRINT_OUTPUT_SCALE, 0, 0, PRINT_OUTPUT_SCALE, 0, 0];
ctx.scale(PRINT_OUTPUT_SCALE, PRINT_OUTPUT_SCALE);
var renderContext = {
canvasContext: ctx,
viewport: viewport,
intent: 'print'
};
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
pdfPage.render(renderContext).promise.then(function() {
// Tell the printEngine that rendering this canvas/page has finished.
obj.done();
}, function(error) {
console.error(error);
// Tell the printEngine that rendering this canvas/page has failed.
// This will make the print proces stop.
if ('abort' in obj) {
obj.abort();
} else {
obj.done();
}
});
};
},
};
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
return PDFPageView;
})();
2016-01-03 13:38:30 +00:00
/**
* @typedef {Object} TextLayerBuilderOptions
* @property {HTMLDivElement} textLayerDiv - The text layer container.
* @property {number} pageIndex - The page index.
* @property {PageViewport} viewport - The viewport of the text layer.
* @property {PDFFindController} findController
*/
/**
* TextLayerBuilder provides text-selection functionality for the PDF.
* It does this by creating overlay divs over the PDF text. These divs
* contain text that matches the PDF text they are overlaying. This object
* also provides a way to highlight text that is being searched for.
* @class
*/
var TextLayerBuilder = (function TextLayerBuilderClosure() {
function TextLayerBuilder(options) {
this.textLayerDiv = options.textLayerDiv;
2016-01-03 14:32:46 +00:00
this.renderingDone = false;
2016-01-03 13:38:30 +00:00
this.divContentDone = false;
this.pageIdx = options.pageIndex;
2016-01-03 14:32:46 +00:00
this.pageNumber = this.pageIdx + 1;
2016-01-03 13:38:30 +00:00
this.matches = [];
this.viewport = options.viewport;
this.textDivs = [];
this.findController = options.findController || null;
2016-01-03 14:32:46 +00:00
this.textLayerRenderTask = null;
this._bindMouse();
2016-01-03 13:38:30 +00:00
}
TextLayerBuilder.prototype = {
2016-01-03 14:32:46 +00:00
_finishRendering: function TextLayerBuilder_finishRendering() {
2016-01-03 13:38:30 +00:00
this.renderingDone = true;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var endOfContent = document.createElement('div');
endOfContent.className = 'endOfContent';
this.textLayerDiv.appendChild(endOfContent);
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
var event = document.createEvent('CustomEvent');
event.initCustomEvent('textlayerrendered', true, true, {
pageNumber: this.pageNumber
});
this.textLayerDiv.dispatchEvent(event);
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* Renders the text layer.
* @param {number} timeout (optional) if specified, the rendering waits
* for specified amount of ms.
*/
render: function TextLayerBuilder_render(timeout) {
if (!this.divContentDone || this.renderingDone) {
2016-01-03 13:38:30 +00:00
return;
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (this.textLayerRenderTask) {
this.textLayerRenderTask.cancel();
this.textLayerRenderTask = null;
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
this.textDivs = [];
var textLayerFrag = document.createDocumentFragment();
this.textLayerRenderTask = PDFJS.renderTextLayer({
textContent: this.textContent,
container: textLayerFrag,
viewport: this.viewport,
textDivs: this.textDivs,
timeout: timeout
});
this.textLayerRenderTask.promise.then(function () {
this.textLayerDiv.appendChild(textLayerFrag);
this._finishRendering();
this.updateMatches();
}.bind(this), function (reason) {
// canceled or failed to render text layer -- skipping errors
});
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
setTextContent: function TextLayerBuilder_setTextContent(textContent) {
2016-01-03 14:32:46 +00:00
if (this.textLayerRenderTask) {
this.textLayerRenderTask.cancel();
this.textLayerRenderTask = null;
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
this.textContent = textContent;
2016-01-03 13:38:30 +00:00
this.divContentDone = true;
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
convertMatches: function TextLayerBuilder_convertMatches(matches) {
var i = 0;
var iIndex = 0;
var bidiTexts = this.textContent.items;
var end = bidiTexts.length - 1;
var queryLen = (this.findController === null ?
0 : this.findController.state.query.length);
var ret = [];
for (var m = 0, len = matches.length; m < len; m++) {
// Calculate the start position.
var matchIdx = matches[m];
// Loop over the divIdxs.
while (i !== end && matchIdx >= (iIndex + bidiTexts[i].str.length)) {
iIndex += bidiTexts[i].str.length;
i++;
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
if (i === bidiTexts.length) {
console.error('Could not find a matching mapping');
}
var match = {
begin: {
divIdx: i,
offset: matchIdx - iIndex
}
};
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
// Calculate the end position.
matchIdx += queryLen;
// Somewhat the same array as above, but use > instead of >= to get
// the end position right.
while (i !== end && matchIdx > (iIndex + bidiTexts[i].str.length)) {
iIndex += bidiTexts[i].str.length;
i++;
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
match.end = {
divIdx: i,
offset: matchIdx - iIndex
2015-03-07 19:41:19 +00:00
};
2016-01-03 13:38:30 +00:00
ret.push(match);
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
return ret;
},
renderMatches: function TextLayerBuilder_renderMatches(matches) {
// Early exit if there is nothing to render.
if (matches.length === 0) {
return;
}
var bidiTexts = this.textContent.items;
var textDivs = this.textDivs;
var prevEnd = null;
2016-01-03 14:32:46 +00:00
var pageIdx = this.pageIdx;
2016-01-03 13:38:30 +00:00
var isSelectedPage = (this.findController === null ?
2016-01-03 14:32:46 +00:00
false : (pageIdx === this.findController.selected.pageIdx));
2016-01-03 13:38:30 +00:00
var selectedMatchIdx = (this.findController === null ?
-1 : this.findController.selected.matchIdx);
var highlightAll = (this.findController === null ?
false : this.findController.state.highlightAll);
var infinity = {
divIdx: -1,
offset: undefined
};
function beginText(begin, className) {
var divIdx = begin.divIdx;
textDivs[divIdx].textContent = '';
appendTextToDiv(divIdx, 0, begin.offset, className);
}
function appendTextToDiv(divIdx, fromOffset, toOffset, className) {
var div = textDivs[divIdx];
var content = bidiTexts[divIdx].str.substring(fromOffset, toOffset);
var node = document.createTextNode(content);
if (className) {
var span = document.createElement('span');
span.className = className;
span.appendChild(node);
div.appendChild(span);
return;
}
div.appendChild(node);
}
var i0 = selectedMatchIdx, i1 = i0 + 1;
if (highlightAll) {
i0 = 0;
i1 = matches.length;
} else if (!isSelectedPage) {
// Not highlighting all and this isn't the selected page, so do nothing.
return;
}
for (var i = i0; i < i1; i++) {
var match = matches[i];
var begin = match.begin;
var end = match.end;
var isSelected = (isSelectedPage && i === selectedMatchIdx);
var highlightSuffix = (isSelected ? ' selected' : '');
2016-01-03 14:32:46 +00:00
if (this.findController) {
this.findController.updateMatchPosition(pageIdx, i, textDivs,
begin.divIdx, end.divIdx);
2016-01-03 13:38:30 +00:00
}
// Match inside new div.
if (!prevEnd || begin.divIdx !== prevEnd.divIdx) {
// If there was a previous div, then add the text at the end.
if (prevEnd !== null) {
appendTextToDiv(prevEnd.divIdx, prevEnd.offset, infinity.offset);
}
// Clear the divs and set the content until the starting point.
beginText(begin);
} else {
appendTextToDiv(prevEnd.divIdx, prevEnd.offset, begin.offset);
}
if (begin.divIdx === end.divIdx) {
appendTextToDiv(begin.divIdx, begin.offset, end.offset,
'highlight' + highlightSuffix);
} else {
appendTextToDiv(begin.divIdx, begin.offset, infinity.offset,
'highlight begin' + highlightSuffix);
for (var n0 = begin.divIdx + 1, n1 = end.divIdx; n0 < n1; n0++) {
textDivs[n0].className = 'highlight middle' + highlightSuffix;
}
beginText(end, 'highlight end' + highlightSuffix);
}
prevEnd = end;
}
if (prevEnd) {
appendTextToDiv(prevEnd.divIdx, prevEnd.offset, infinity.offset);
}
},
updateMatches: function TextLayerBuilder_updateMatches() {
// Only show matches when all rendering is done.
if (!this.renderingDone) {
return;
}
// Clear all matches.
var matches = this.matches;
var textDivs = this.textDivs;
var bidiTexts = this.textContent.items;
var clearedUntilDivIdx = -1;
// Clear all current matches.
for (var i = 0, len = matches.length; i < len; i++) {
var match = matches[i];
var begin = Math.max(clearedUntilDivIdx, match.begin.divIdx);
for (var n = begin, end = match.end.divIdx; n <= end; n++) {
var div = textDivs[n];
div.textContent = bidiTexts[n].str;
div.className = '';
}
clearedUntilDivIdx = match.end.divIdx + 1;
}
if (this.findController === null || !this.findController.active) {
return;
}
// Convert the matches on the page controller into the match format
// used for the textLayer.
this.matches = this.convertMatches(this.findController === null ?
[] : (this.findController.pageMatches[this.pageIdx] || []));
this.renderMatches(this.matches);
2016-01-03 14:32:46 +00:00
},
/**
* Fixes text selection: adds additional div where mouse was clicked.
* This reduces flickering of the content if mouse slowly dragged down/up.
* @private
*/
_bindMouse: function TextLayerBuilder_bindMouse() {
var div = this.textLayerDiv;
div.addEventListener('mousedown', function (e) {
var end = div.querySelector('.endOfContent');
if (!end) {
return;
}
// On non-Firefox browsers, the selection will feel better if the height
// of the endOfContent div will be adjusted to start at mouse click
// location -- this will avoid flickering when selections moves up.
// However it does not work when selection started on empty space.
var adjustTop = e.target !== div;
adjustTop = adjustTop && window.getComputedStyle(end).
getPropertyValue('-moz-user-select') !== 'none';
if (adjustTop) {
var divBounds = div.getBoundingClientRect();
var r = Math.max(0, (e.pageY - divBounds.top) / divBounds.height);
end.style.top = (r * 100).toFixed(2) + '%';
}
end.classList.add('active');
});
div.addEventListener('mouseup', function (e) {
var end = div.querySelector('.endOfContent');
if (!end) {
return;
}
end.style.top = '';
end.classList.remove('active');
});
},
};
return TextLayerBuilder;
})();
/**
* @constructor
* @implements IPDFTextLayerFactory
*/
function DefaultTextLayerFactory() {}
DefaultTextLayerFactory.prototype = {
/**
* @param {HTMLDivElement} textLayerDiv
* @param {number} pageIndex
* @param {PageViewport} viewport
* @returns {TextLayerBuilder}
*/
createTextLayerBuilder: function (textLayerDiv, pageIndex, viewport) {
return new TextLayerBuilder({
textLayerDiv: textLayerDiv,
pageIndex: pageIndex,
viewport: viewport
});
}
};
/**
* @typedef {Object} AnnotationLayerBuilderOptions
* @property {HTMLDivElement} pageDiv
* @property {PDFPage} pdfPage
* @property {IPDFLinkService} linkService
*/
/**
* @class
*/
var AnnotationLayerBuilder = (function AnnotationLayerBuilderClosure() {
/**
* @param {AnnotationLayerBuilderOptions} options
* @constructs AnnotationLayerBuilder
*/
function AnnotationLayerBuilder(options) {
this.pageDiv = options.pageDiv;
this.pdfPage = options.pdfPage;
this.linkService = options.linkService;
this.div = null;
}
AnnotationLayerBuilder.prototype =
/** @lends AnnotationLayerBuilder.prototype */ {
/**
* @param {PageViewport} viewport
* @param {string} intent (default value is 'display')
*/
render: function AnnotationLayerBuilder_render(viewport, intent) {
var self = this;
var parameters = {
intent: (intent === undefined ? 'display' : intent),
};
this.pdfPage.getAnnotations(parameters).then(function (annotations) {
viewport = viewport.clone({ dontFlip: true });
parameters = {
viewport: viewport,
div: self.div,
annotations: annotations,
page: self.pdfPage,
linkService: self.linkService
};
if (self.div) {
// If an annotationLayer already exists, refresh its children's
// transformation matrices.
PDFJS.AnnotationLayer.update(parameters);
} else {
// Create an annotation layer div and render the annotations
// if there is at least one annotation.
if (annotations.length === 0) {
return;
}
self.div = document.createElement('div');
self.div.className = 'annotationLayer';
self.pageDiv.appendChild(self.div);
parameters.div = self.div;
PDFJS.AnnotationLayer.render(parameters);
if (typeof mozL10n !== 'undefined') {
mozL10n.translate(self.div);
}
}
});
},
hide: function AnnotationLayerBuilder_hide() {
if (!this.div) {
return;
}
this.div.setAttribute('hidden', 'true');
}
};
return AnnotationLayerBuilder;
2016-01-03 13:38:30 +00:00
})();
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @constructor
* @implements IPDFAnnotationLayerFactory
*/
function DefaultAnnotationLayerFactory() {}
DefaultAnnotationLayerFactory.prototype = {
/**
* @param {HTMLDivElement} pageDiv
* @param {PDFPage} pdfPage
* @returns {AnnotationLayerBuilder}
*/
createAnnotationLayerBuilder: function (pageDiv, pdfPage) {
return new AnnotationLayerBuilder({
pageDiv: pageDiv,
pdfPage: pdfPage,
linkService: new SimpleLinkService(),
});
}
};
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* @typedef {Object} PDFViewerOptions
* @property {HTMLDivElement} container - The container for the viewer element.
* @property {HTMLDivElement} viewer - (optional) The viewer element.
* @property {IPDFLinkService} linkService - The navigation/linking service.
* @property {PDFRenderingQueue} renderingQueue - (optional) The rendering
* queue object.
2016-01-03 14:32:46 +00:00
* @property {boolean} removePageBorders - (optional) Removes the border shadow
* around the pages. The default is false.
2016-01-03 13:38:30 +00:00
*/
/**
* Simple viewer control to display PDF content/pages.
* @class
* @implements {IRenderableView}
*/
var PDFViewer = (function pdfViewer() {
2016-01-03 14:32:46 +00:00
function PDFPageViewBuffer(size) {
var data = [];
this.push = function cachePush(view) {
var i = data.indexOf(view);
if (i >= 0) {
data.splice(i, 1);
}
data.push(view);
if (data.length > size) {
data.shift().destroy();
}
};
this.resize = function (newSize) {
size = newSize;
while (data.length > size) {
data.shift().destroy();
}
};
}
function isSameScale(oldScale, newScale) {
if (newScale === oldScale) {
return true;
}
if (Math.abs(newScale - oldScale) < 1e-15) {
// Prevent unnecessary re-rendering of all pages when the scale
// changes only because of limited numerical precision.
return true;
}
return false;
}
2016-01-03 13:38:30 +00:00
/**
* @constructs PDFViewer
* @param {PDFViewerOptions} options
*/
function PDFViewer(options) {
this.container = options.container;
this.viewer = options.viewer || options.container.firstElementChild;
2016-01-03 14:32:46 +00:00
this.linkService = options.linkService || new SimpleLinkService();
this.removePageBorders = options.removePageBorders || false;
2016-01-03 13:38:30 +00:00
this.defaultRenderingQueue = !options.renderingQueue;
if (this.defaultRenderingQueue) {
// Custom rendering queue is not specified, using default one
this.renderingQueue = new PDFRenderingQueue();
this.renderingQueue.setViewer(this);
} else {
this.renderingQueue = options.renderingQueue;
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
this.scroll = watchScroll(this.container, this._scrollUpdate.bind(this));
this.updateInProgress = false;
this.presentationModeState = PresentationModeState.UNKNOWN;
this._resetView();
2016-01-03 14:32:46 +00:00
if (this.removePageBorders) {
this.viewer.classList.add('removePageBorders');
}
2016-01-03 13:38:30 +00:00
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
PDFViewer.prototype = /** @lends PDFViewer.prototype */{
get pagesCount() {
2016-01-03 14:32:46 +00:00
return this._pages.length;
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
getPageView: function (index) {
2016-01-03 14:32:46 +00:00
return this._pages[index];
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
get currentPageNumber() {
return this._currentPageNumber;
},
set currentPageNumber(val) {
if (!this.pdfDocument) {
this._currentPageNumber = val;
return;
}
var event = document.createEvent('UIEvents');
event.initUIEvent('pagechange', true, true, window, 0);
event.updateInProgress = this.updateInProgress;
if (!(0 < val && val <= this.pagesCount)) {
event.pageNumber = this._currentPageNumber;
event.previousPageNumber = val;
this.container.dispatchEvent(event);
return;
}
event.previousPageNumber = this._currentPageNumber;
this._currentPageNumber = val;
event.pageNumber = val;
this.container.dispatchEvent(event);
2016-01-03 14:32:46 +00:00
// Check if the caller is `PDFViewer_update`, to avoid breaking scrolling.
if (this.updateInProgress) {
return;
}
this.scrollPageIntoView(val);
2016-01-03 13:38:30 +00:00
},
/**
* @returns {number}
*/
get currentScale() {
2016-01-03 14:32:46 +00:00
return this._currentScale !== UNKNOWN_SCALE ? this._currentScale :
DEFAULT_SCALE;
2016-01-03 13:38:30 +00:00
},
/**
* @param {number} val - Scale of the pages in percents.
*/
set currentScale(val) {
if (isNaN(val)) {
throw new Error('Invalid numeric scale');
}
if (!this.pdfDocument) {
this._currentScale = val;
2016-01-03 14:32:46 +00:00
this._currentScaleValue = val !== UNKNOWN_SCALE ? val.toString() : null;
2016-01-03 13:38:30 +00:00
return;
}
this._setScale(val, false);
},
/**
* @returns {string}
*/
get currentScaleValue() {
return this._currentScaleValue;
},
/**
* @param val - The scale of the pages (in percent or predefined value).
*/
set currentScaleValue(val) {
if (!this.pdfDocument) {
this._currentScale = isNaN(val) ? UNKNOWN_SCALE : val;
this._currentScaleValue = val;
return;
}
this._setScale(val, false);
},
/**
* @returns {number}
*/
get pagesRotation() {
return this._pagesRotation;
},
/**
* @param {number} rotation - The rotation of the pages (0, 90, 180, 270).
*/
set pagesRotation(rotation) {
this._pagesRotation = rotation;
2016-01-03 14:32:46 +00:00
for (var i = 0, l = this._pages.length; i < l; i++) {
var pageView = this._pages[i];
pageView.update(pageView.scale, rotation);
2016-01-03 13:38:30 +00:00
}
this._setScale(this._currentScaleValue, true);
2016-01-03 14:32:46 +00:00
if (this.defaultRenderingQueue) {
this.update();
}
2016-01-03 13:38:30 +00:00
},
/**
* @param pdfDocument {PDFDocument}
*/
setDocument: function (pdfDocument) {
if (this.pdfDocument) {
this._resetView();
}
this.pdfDocument = pdfDocument;
if (!pdfDocument) {
return;
}
var pagesCount = pdfDocument.numPages;
var self = this;
var resolvePagesPromise;
var pagesPromise = new Promise(function (resolve) {
resolvePagesPromise = resolve;
});
this.pagesPromise = pagesPromise;
pagesPromise.then(function () {
var event = document.createEvent('CustomEvent');
event.initCustomEvent('pagesloaded', true, true, {
pagesCount: pagesCount
});
self.container.dispatchEvent(event);
});
var isOnePageRenderedResolved = false;
var resolveOnePageRendered = null;
var onePageRendered = new Promise(function (resolve) {
resolveOnePageRendered = resolve;
});
this.onePageRendered = onePageRendered;
2016-01-03 14:32:46 +00:00
var bindOnAfterAndBeforeDraw = function (pageView) {
pageView.onBeforeDraw = function pdfViewLoadOnBeforeDraw() {
// Add the page to the buffer at the start of drawing. That way it can
// be evicted from the buffer and destroyed even if we pause its
// rendering.
self._buffer.push(this);
};
2016-01-03 13:38:30 +00:00
// when page is painted, using the image as thumbnail base
pageView.onAfterDraw = function pdfViewLoadOnAfterDraw() {
if (!isOnePageRenderedResolved) {
isOnePageRenderedResolved = true;
resolveOnePageRendered();
}
};
};
var firstPagePromise = pdfDocument.getPage(1);
this.firstPagePromise = firstPagePromise;
// Fetch a single page so we can get a viewport that will be the default
// viewport for all pages
return firstPagePromise.then(function(pdfPage) {
2016-01-03 14:32:46 +00:00
var scale = this.currentScale;
2016-01-03 13:38:30 +00:00
var viewport = pdfPage.getViewport(scale * CSS_UNITS);
for (var pageNum = 1; pageNum <= pagesCount; ++pageNum) {
2016-01-03 14:32:46 +00:00
var textLayerFactory = null;
if (!PDFJS.disableTextLayer) {
textLayerFactory = this;
}
var pageView = new PDFPageView({
container: this.viewer,
id: pageNum,
scale: scale,
defaultViewport: viewport.clone(),
renderingQueue: this.renderingQueue,
textLayerFactory: textLayerFactory,
annotationLayerFactory: this
});
bindOnAfterAndBeforeDraw(pageView);
this._pages.push(pageView);
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
var linkService = this.linkService;
2016-01-03 13:38:30 +00:00
// Fetch all the pages since the viewport is needed before printing
// starts to create the correct size canvas. Wait until one page is
// rendered so we don't tie up too many resources early on.
onePageRendered.then(function () {
if (!PDFJS.disableAutoFetch) {
var getPagesLeft = pagesCount;
for (var pageNum = 1; pageNum <= pagesCount; ++pageNum) {
pdfDocument.getPage(pageNum).then(function (pageNum, pdfPage) {
2016-01-03 14:32:46 +00:00
var pageView = self._pages[pageNum - 1];
2016-01-03 13:38:30 +00:00
if (!pageView.pdfPage) {
pageView.setPdfPage(pdfPage);
}
2016-01-03 14:32:46 +00:00
linkService.cachePageRef(pageNum, pdfPage.ref);
2016-01-03 13:38:30 +00:00
getPagesLeft--;
if (!getPagesLeft) {
resolvePagesPromise();
}
}.bind(null, pageNum));
}
} else {
// XXX: Printing is semi-broken with auto fetch disabled.
resolvePagesPromise();
}
2015-03-07 19:41:19 +00:00
});
2016-01-03 13:38:30 +00:00
var event = document.createEvent('CustomEvent');
event.initCustomEvent('pagesinit', true, true, null);
self.container.dispatchEvent(event);
if (this.defaultRenderingQueue) {
this.update();
}
2016-01-03 14:32:46 +00:00
if (this.findController) {
this.findController.resolveFirstPage();
}
2016-01-03 13:38:30 +00:00
}.bind(this));
},
_resetView: function () {
2016-01-03 14:32:46 +00:00
this._pages = [];
2016-01-03 13:38:30 +00:00
this._currentPageNumber = 1;
this._currentScale = UNKNOWN_SCALE;
this._currentScaleValue = null;
2016-01-03 14:32:46 +00:00
this._buffer = new PDFPageViewBuffer(DEFAULT_CACHE_SIZE);
this._location = null;
2016-01-03 13:38:30 +00:00
this._pagesRotation = 0;
2016-01-03 14:32:46 +00:00
this._pagesRequests = [];
2016-01-03 13:38:30 +00:00
var container = this.viewer;
while (container.hasChildNodes()) {
container.removeChild(container.lastChild);
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
},
2016-01-03 14:32:46 +00:00
_scrollUpdate: function PDFViewer_scrollUpdate() {
2016-01-03 13:38:30 +00:00
if (this.pagesCount === 0) {
return;
}
this.update();
2016-01-03 14:32:46 +00:00
for (var i = 0, ii = this._pages.length; i < ii; i++) {
this._pages[i].updatePosition();
}
},
_setScaleDispatchEvent: function pdfViewer_setScaleDispatchEvent(
newScale, newValue, preset) {
var event = document.createEvent('UIEvents');
event.initUIEvent('scalechange', true, true, window, 0);
event.scale = newScale;
if (preset) {
event.presetValue = newValue;
}
this.container.dispatchEvent(event);
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
_setScaleUpdatePages: function pdfViewer_setScaleUpdatePages(
newScale, newValue, noScroll, preset) {
this._currentScaleValue = newValue;
2016-01-03 14:32:46 +00:00
if (isSameScale(this._currentScale, newScale)) {
if (preset) {
this._setScaleDispatchEvent(newScale, newValue, true);
}
2016-01-03 13:38:30 +00:00
return;
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
for (var i = 0, ii = this._pages.length; i < ii; i++) {
this._pages[i].update(newScale);
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
this._currentScale = newScale;
if (!noScroll) {
var page = this._currentPageNumber, dest;
2016-01-03 14:32:46 +00:00
if (this._location && !IGNORE_CURRENT_POSITION_ON_ZOOM &&
!(this.isInPresentationMode || this.isChangingPresentationMode)) {
page = this._location.pageNumber;
dest = [null, { name: 'XYZ' }, this._location.left,
this._location.top, null];
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
this.scrollPageIntoView(page, dest);
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
this._setScaleDispatchEvent(newScale, newValue, preset);
if (this.defaultRenderingQueue) {
this.update();
2016-01-03 13:38:30 +00:00
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
_setScale: function pdfViewer_setScale(value, noScroll) {
var scale = parseFloat(value);
if (scale > 0) {
this._setScaleUpdatePages(scale, value, noScroll, false);
2015-03-07 19:41:19 +00:00
} else {
2016-01-03 14:32:46 +00:00
var currentPage = this._pages[this._currentPageNumber - 1];
2016-01-03 13:38:30 +00:00
if (!currentPage) {
return;
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
var hPadding = (this.isInPresentationMode || this.removePageBorders) ?
0 : SCROLLBAR_PADDING;
var vPadding = (this.isInPresentationMode || this.removePageBorders) ?
0 : VERTICAL_PADDING;
2016-01-03 13:38:30 +00:00
var pageWidthScale = (this.container.clientWidth - hPadding) /
currentPage.width * currentPage.scale;
var pageHeightScale = (this.container.clientHeight - vPadding) /
currentPage.height * currentPage.scale;
switch (value) {
case 'page-actual':
scale = 1;
break;
case 'page-width':
scale = pageWidthScale;
break;
case 'page-height':
scale = pageHeightScale;
break;
case 'page-fit':
scale = Math.min(pageWidthScale, pageHeightScale);
break;
case 'auto':
var isLandscape = (currentPage.width > currentPage.height);
// For pages in landscape mode, fit the page height to the viewer
// *unless* the page would thus become too wide to fit horizontally.
var horizontalScale = isLandscape ?
Math.min(pageHeightScale, pageWidthScale) : pageWidthScale;
scale = Math.min(MAX_AUTO_SCALE, horizontalScale);
break;
default:
console.error('pdfViewSetScale: \'' + value +
'\' is an unknown zoom value.');
return;
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
this._setScaleUpdatePages(scale, value, noScroll, true);
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
* Scrolls page into view.
* @param {number} pageNumber
* @param {Array} dest - (optional) original PDF destination array:
* <page-ref> </XYZ|FitXXX> <args..>
*/
scrollPageIntoView: function PDFViewer_scrollPageIntoView(pageNumber,
dest) {
2016-01-03 14:32:46 +00:00
if (!this.pdfDocument) {
return;
}
var pageView = this._pages[pageNumber - 1];
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (this.isInPresentationMode) {
if (this._currentPageNumber !== pageView.id) {
2016-01-03 13:38:30 +00:00
// Avoid breaking getVisiblePages in presentation mode.
2016-01-03 14:32:46 +00:00
this.currentPageNumber = pageView.id;
2016-01-03 13:38:30 +00:00
return;
}
dest = null;
// Fixes the case when PDF has different page sizes.
2016-01-03 14:32:46 +00:00
this._setScale(this._currentScaleValue, true);
2016-01-03 13:38:30 +00:00
}
if (!dest) {
2016-01-03 14:32:46 +00:00
scrollIntoView(pageView.div);
2016-01-03 13:38:30 +00:00
return;
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var x = 0, y = 0;
var width = 0, height = 0, widthScale, heightScale;
var changeOrientation = (pageView.rotation % 180 === 0 ? false : true);
var pageWidth = (changeOrientation ? pageView.height : pageView.width) /
pageView.scale / CSS_UNITS;
var pageHeight = (changeOrientation ? pageView.width : pageView.height) /
pageView.scale / CSS_UNITS;
var scale = 0;
switch (dest[1].name) {
case 'XYZ':
x = dest[2];
y = dest[3];
scale = dest[4];
// If x and/or y coordinates are not supplied, default to
// _top_ left of the page (not the obvious bottom left,
// since aligning the bottom of the intended page with the
// top of the window is rarely helpful).
x = x !== null ? x : 0;
y = y !== null ? y : pageHeight;
break;
case 'Fit':
case 'FitB':
scale = 'page-fit';
break;
case 'FitH':
case 'FitBH':
y = dest[2];
scale = 'page-width';
2016-01-03 14:32:46 +00:00
// According to the PDF spec, section 12.3.2.2, a `null` value in the
// parameter should maintain the position relative to the new page.
if (y === null && this._location) {
x = this._location.left;
y = this._location.top;
}
2016-01-03 13:38:30 +00:00
break;
case 'FitV':
case 'FitBV':
x = dest[2];
width = pageWidth;
height = pageHeight;
scale = 'page-height';
break;
case 'FitR':
x = dest[2];
y = dest[3];
width = dest[4] - x;
height = dest[5] - y;
2016-01-03 14:32:46 +00:00
var hPadding = this.removePageBorders ? 0 : SCROLLBAR_PADDING;
var vPadding = this.removePageBorders ? 0 : VERTICAL_PADDING;
widthScale = (this.container.clientWidth - hPadding) /
2016-01-03 13:38:30 +00:00
width / CSS_UNITS;
2016-01-03 14:32:46 +00:00
heightScale = (this.container.clientHeight - vPadding) /
2016-01-03 13:38:30 +00:00
height / CSS_UNITS;
scale = Math.min(Math.abs(widthScale), Math.abs(heightScale));
break;
default:
return;
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (scale && scale !== this._currentScale) {
2016-01-03 13:38:30 +00:00
this.currentScaleValue = scale;
2016-01-03 14:32:46 +00:00
} else if (this._currentScale === UNKNOWN_SCALE) {
this.currentScaleValue = DEFAULT_SCALE_VALUE;
2016-01-03 13:38:30 +00:00
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (scale === 'page-fit' && !dest[4]) {
2016-01-03 14:32:46 +00:00
scrollIntoView(pageView.div);
2016-01-03 13:38:30 +00:00
return;
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var boundingRect = [
pageView.viewport.convertToViewportPoint(x, y),
pageView.viewport.convertToViewportPoint(x + width, y + height)
];
var left = Math.min(boundingRect[0][0], boundingRect[1][0]);
var top = Math.min(boundingRect[0][1], boundingRect[1][1]);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
scrollIntoView(pageView.div, { left: left, top: top });
2016-01-03 13:38:30 +00:00
},
_updateLocation: function (firstPage) {
var currentScale = this._currentScale;
var currentScaleValue = this._currentScaleValue;
var normalizedScaleValue =
parseFloat(currentScaleValue) === currentScale ?
Math.round(currentScale * 10000) / 100 : currentScaleValue;
var pageNumber = firstPage.id;
var pdfOpenParams = '#page=' + pageNumber;
pdfOpenParams += '&zoom=' + normalizedScaleValue;
2016-01-03 14:32:46 +00:00
var currentPageView = this._pages[pageNumber - 1];
2016-01-03 13:38:30 +00:00
var container = this.container;
var topLeft = currentPageView.getPagePoint(
(container.scrollLeft - firstPage.x),
(container.scrollTop - firstPage.y));
var intLeft = Math.round(topLeft[0]);
var intTop = Math.round(topLeft[1]);
pdfOpenParams += ',' + intLeft + ',' + intTop;
2016-01-03 14:32:46 +00:00
this._location = {
2016-01-03 13:38:30 +00:00
pageNumber: pageNumber,
scale: normalizedScaleValue,
top: intTop,
left: intLeft,
pdfOpenParams: pdfOpenParams
2015-03-07 19:41:19 +00:00
};
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
update: function PDFViewer_update() {
2016-01-03 13:38:30 +00:00
var visible = this._getVisiblePages();
var visiblePages = visible.views;
if (visiblePages.length === 0) {
return;
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
this.updateInProgress = true;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var suggestedCacheSize = Math.max(DEFAULT_CACHE_SIZE,
2 * visiblePages.length + 1);
2016-01-03 14:32:46 +00:00
this._buffer.resize(suggestedCacheSize);
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
this.renderingQueue.renderHighestPriority(visible);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var currentId = this._currentPageNumber;
2016-01-03 13:38:30 +00:00
var firstPage = visible.first;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
for (var i = 0, ii = visiblePages.length, stillFullyVisible = false;
i < ii; ++i) {
var page = visiblePages[i];
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (page.percent < 100) {
break;
}
if (page.id === currentId) {
stillFullyVisible = true;
break;
}
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (!stillFullyVisible) {
currentId = visiblePages[0].id;
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (!this.isInPresentationMode) {
2016-01-03 13:38:30 +00:00
this.currentPageNumber = currentId;
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
this._updateLocation(firstPage);
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
this.updateInProgress = false;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var event = document.createEvent('UIEvents');
event.initUIEvent('updateviewarea', true, true, window, 0);
2016-01-03 14:32:46 +00:00
event.location = this._location;
2016-01-03 13:38:30 +00:00
this.container.dispatchEvent(event);
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
containsElement: function (element) {
return this.container.contains(element);
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
focus: function () {
this.container.focus();
},
2016-01-03 14:32:46 +00:00
get isInPresentationMode() {
return this.presentationModeState === PresentationModeState.FULLSCREEN;
},
get isChangingPresentationMode() {
return this.presentationModeState === PresentationModeState.CHANGING;
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
get isHorizontalScrollbarEnabled() {
2016-01-03 14:32:46 +00:00
return (this.isInPresentationMode ?
2016-01-03 13:38:30 +00:00
false : (this.container.scrollWidth > this.container.clientWidth));
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
_getVisiblePages: function () {
2016-01-03 14:32:46 +00:00
if (!this.isInPresentationMode) {
return getVisibleElements(this.container, this._pages, true);
2016-01-03 13:38:30 +00:00
} else {
// The algorithm in getVisibleElements doesn't work in all browsers and
// configurations when presentation mode is active.
var visible = [];
2016-01-03 14:32:46 +00:00
var currentPage = this._pages[this._currentPageNumber - 1];
2016-01-03 13:38:30 +00:00
visible.push({ id: currentPage.id, view: currentPage });
return { first: currentPage, last: currentPage, views: visible };
}
},
cleanup: function () {
2016-01-03 14:32:46 +00:00
for (var i = 0, ii = this._pages.length; i < ii; i++) {
if (this._pages[i] &&
this._pages[i].renderingState !== RenderingStates.FINISHED) {
this._pages[i].reset();
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
}
},
2016-01-03 14:32:46 +00:00
/**
* @param {PDFPageView} pageView
* @returns {PDFPage}
* @private
*/
_ensurePdfPageLoaded: function (pageView) {
if (pageView.pdfPage) {
return Promise.resolve(pageView.pdfPage);
}
var pageNumber = pageView.id;
if (this._pagesRequests[pageNumber]) {
return this._pagesRequests[pageNumber];
}
var promise = this.pdfDocument.getPage(pageNumber).then(
function (pdfPage) {
pageView.setPdfPage(pdfPage);
this._pagesRequests[pageNumber] = null;
return pdfPage;
}.bind(this));
this._pagesRequests[pageNumber] = promise;
return promise;
},
2016-01-03 13:38:30 +00:00
forceRendering: function (currentlyVisiblePages) {
var visiblePages = currentlyVisiblePages || this._getVisiblePages();
var pageView = this.renderingQueue.getHighestPriority(visiblePages,
2016-01-03 14:32:46 +00:00
this._pages,
2016-01-03 13:38:30 +00:00
this.scroll.down);
if (pageView) {
2016-01-03 14:32:46 +00:00
this._ensurePdfPageLoaded(pageView).then(function () {
this.renderingQueue.renderView(pageView);
}.bind(this));
2016-01-03 13:38:30 +00:00
return true;
}
return false;
},
getPageTextContent: function (pageIndex) {
return this.pdfDocument.getPage(pageIndex + 1).then(function (page) {
2016-01-03 14:32:46 +00:00
return page.getTextContent({ normalizeWhitespace: true });
2015-03-07 19:41:19 +00:00
});
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
/**
2016-01-03 14:32:46 +00:00
* @param {HTMLDivElement} textLayerDiv
* @param {number} pageIndex
* @param {PageViewport} viewport
2016-01-03 13:38:30 +00:00
* @returns {TextLayerBuilder}
*/
createTextLayerBuilder: function (textLayerDiv, pageIndex, viewport) {
return new TextLayerBuilder({
textLayerDiv: textLayerDiv,
pageIndex: pageIndex,
viewport: viewport,
2016-01-03 14:32:46 +00:00
findController: this.isInPresentationMode ? null : this.findController
});
},
/**
* @param {HTMLDivElement} pageDiv
* @param {PDFPage} pdfPage
* @returns {AnnotationLayerBuilder}
*/
createAnnotationLayerBuilder: function (pageDiv, pdfPage) {
return new AnnotationLayerBuilder({
pageDiv: pageDiv,
pdfPage: pdfPage,
linkService: this.linkService
2016-01-03 13:38:30 +00:00
});
},
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
setFindController: function (findController) {
this.findController = findController;
},
};
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
return PDFViewer;
})();
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
var SimpleLinkService = (function SimpleLinkServiceClosure() {
2016-01-03 14:32:46 +00:00
function SimpleLinkService() {}
2016-01-03 13:38:30 +00:00
SimpleLinkService.prototype = {
/**
* @returns {number}
*/
get page() {
2016-01-03 14:32:46 +00:00
return 0;
2016-01-03 13:38:30 +00:00
},
/**
* @param {number} value
*/
2016-01-03 14:32:46 +00:00
set page(value) {},
2016-01-03 13:38:30 +00:00
/**
* @param dest - The PDF destination object.
*/
navigateTo: function (dest) {},
/**
* @param dest - The PDF destination object.
* @returns {string} The hyperlink to the PDF object.
*/
getDestinationHash: function (dest) {
return '#';
},
/**
* @param hash - The PDF parameters/hash.
* @returns {string} The hyperlink to the PDF object.
*/
getAnchorUrl: function (hash) {
return '#';
},
/**
* @param {string} hash
*/
setHash: function (hash) {},
/**
* @param {string} action
*/
executeNamedAction: function (action) {},
2016-01-03 14:32:46 +00:00
/**
* @param {number} pageNum - page number.
* @param {Object} pageRef - reference to the page.
*/
cachePageRef: function (pageNum, pageRef) {}
2016-01-03 13:38:30 +00:00
};
return SimpleLinkService;
})();
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var THUMBNAIL_SCROLL_MARGIN = -19;
var THUMBNAIL_WIDTH = 98; // px
var THUMBNAIL_CANVAS_BORDER_WIDTH = 1; // px
/**
* @typedef {Object} PDFThumbnailViewOptions
* @property {HTMLDivElement} container - The viewer element.
* @property {number} id - The thumbnail's unique ID (normally its number).
* @property {PageViewport} defaultViewport - The page viewport.
* @property {IPDFLinkService} linkService - The navigation/linking service.
* @property {PDFRenderingQueue} renderingQueue - The rendering queue object.
*/
2016-01-03 13:38:30 +00:00
/**
* @class
2016-01-03 14:32:46 +00:00
* @implements {IRenderableView}
2016-01-03 13:38:30 +00:00
*/
2016-01-03 14:32:46 +00:00
var PDFThumbnailView = (function PDFThumbnailViewClosure() {
function getTempCanvas(width, height) {
var tempCanvas = PDFThumbnailView.tempImageCache;
if (!tempCanvas) {
tempCanvas = document.createElement('canvas');
PDFThumbnailView.tempImageCache = tempCanvas;
}
tempCanvas.width = width;
tempCanvas.height = height;
// Since this is a temporary canvas, we need to fill the canvas with a white
// background ourselves. |_getPageDrawContext| uses CSS rules for this.
tempCanvas.mozOpaque = true;
var ctx = tempCanvas.getContext('2d', {alpha: false});
ctx.save();
ctx.fillStyle = 'rgb(255, 255, 255)';
ctx.fillRect(0, 0, width, height);
ctx.restore();
return tempCanvas;
}
2016-01-03 13:38:30 +00:00
/**
2016-01-03 14:32:46 +00:00
* @constructs PDFThumbnailView
* @param {PDFThumbnailViewOptions} options
2016-01-03 13:38:30 +00:00
*/
2016-01-03 14:32:46 +00:00
function PDFThumbnailView(options) {
var container = options.container;
var id = options.id;
var defaultViewport = options.defaultViewport;
var linkService = options.linkService;
var renderingQueue = options.renderingQueue;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.id = id;
this.renderingId = 'thumbnail' + id;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.pdfPage = null;
this.rotation = 0;
this.viewport = defaultViewport;
this.pdfPageRotate = defaultViewport.rotation;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.linkService = linkService;
this.renderingQueue = renderingQueue;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.hasImage = false;
this.resume = null;
this.renderingState = RenderingStates.INITIAL;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.pageWidth = this.viewport.width;
this.pageHeight = this.viewport.height;
this.pageRatio = this.pageWidth / this.pageHeight;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.canvasWidth = THUMBNAIL_WIDTH;
this.canvasHeight = (this.canvasWidth / this.pageRatio) | 0;
this.scale = this.canvasWidth / this.pageWidth;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var anchor = document.createElement('a');
anchor.href = linkService.getAnchorUrl('#page=' + id);
anchor.title = mozL10n.get('thumb_page_title', {page: id}, 'Page {{page}}');
anchor.onclick = function stopNavigation() {
linkService.page = id;
return false;
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var div = document.createElement('div');
div.id = 'thumbnailContainer' + id;
div.className = 'thumbnail';
this.div = div;
if (id === 1) {
// Highlight the thumbnail of the first page when no page number is
// specified (or exists in cache) when the document is loaded.
div.classList.add('selected');
}
var ring = document.createElement('div');
ring.className = 'thumbnailSelectionRing';
var borderAdjustment = 2 * THUMBNAIL_CANVAS_BORDER_WIDTH;
ring.style.width = this.canvasWidth + borderAdjustment + 'px';
ring.style.height = this.canvasHeight + borderAdjustment + 'px';
this.ring = ring;
div.appendChild(ring);
anchor.appendChild(div);
container.appendChild(anchor);
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
PDFThumbnailView.prototype = {
setPdfPage: function PDFThumbnailView_setPdfPage(pdfPage) {
this.pdfPage = pdfPage;
this.pdfPageRotate = pdfPage.rotate;
var totalRotation = (this.rotation + this.pdfPageRotate) % 360;
this.viewport = pdfPage.getViewport(1, totalRotation);
this.reset();
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
reset: function PDFThumbnailView_reset() {
if (this.renderTask) {
this.renderTask.cancel();
}
this.hasImage = false;
this.resume = null;
this.renderingState = RenderingStates.INITIAL;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.pageWidth = this.viewport.width;
this.pageHeight = this.viewport.height;
this.pageRatio = this.pageWidth / this.pageHeight;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.canvasHeight = (this.canvasWidth / this.pageRatio) | 0;
this.scale = (this.canvasWidth / this.pageWidth);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.div.removeAttribute('data-loaded');
var ring = this.ring;
var childNodes = ring.childNodes;
for (var i = childNodes.length - 1; i >= 0; i--) {
ring.removeChild(childNodes[i]);
}
var borderAdjustment = 2 * THUMBNAIL_CANVAS_BORDER_WIDTH;
ring.style.width = this.canvasWidth + borderAdjustment + 'px';
ring.style.height = this.canvasHeight + borderAdjustment + 'px';
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (this.canvas) {
// Zeroing the width and height causes Firefox to release graphics
// resources immediately, which can greatly reduce memory consumption.
this.canvas.width = 0;
this.canvas.height = 0;
delete this.canvas;
}
if (this.image) {
this.image.removeAttribute('src');
delete this.image;
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
update: function PDFThumbnailView_update(rotation) {
if (typeof rotation !== 'undefined') {
this.rotation = rotation;
}
var totalRotation = (this.rotation + this.pdfPageRotate) % 360;
this.viewport = this.viewport.clone({
scale: 1,
rotation: totalRotation
});
this.reset();
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_getPageDrawContext:
function PDFThumbnailView_getPageDrawContext(noCtxScale) {
var canvas = document.createElement('canvas');
this.canvas = canvas;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
canvas.mozOpaque = true;
var ctx = canvas.getContext('2d', {alpha: false});
var outputScale = getOutputScale(ctx);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
canvas.width = (this.canvasWidth * outputScale.sx) | 0;
canvas.height = (this.canvasHeight * outputScale.sy) | 0;
canvas.style.width = this.canvasWidth + 'px';
canvas.style.height = this.canvasHeight + 'px';
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (!noCtxScale && outputScale.scaled) {
ctx.scale(outputScale.sx, outputScale.sy);
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var image = document.createElement('img');
this.image = image;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
image.id = this.renderingId;
image.className = 'thumbnailImage';
image.setAttribute('aria-label', mozL10n.get('thumb_page_canvas',
{ page: this.id }, 'Thumbnail of Page {{page}}'));
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
image.style.width = canvas.style.width;
image.style.height = canvas.style.height;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return ctx;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_convertCanvasToImage: function PDFThumbnailView_convertCanvasToImage() {
if (!this.canvas) {
return;
}
this.image.src = this.canvas.toDataURL();
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.div.setAttribute('data-loaded', true);
this.ring.appendChild(this.image);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// Zeroing the width and height causes Firefox to release graphics
// resources immediately, which can greatly reduce memory consumption.
this.canvas.width = 0;
this.canvas.height = 0;
delete this.canvas;
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
draw: function PDFThumbnailView_draw() {
if (this.renderingState !== RenderingStates.INITIAL) {
console.error('Must be in new state before drawing');
}
if (this.hasImage) {
return Promise.resolve(undefined);
}
this.hasImage = true;
this.renderingState = RenderingStates.RUNNING;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var resolveRenderPromise, rejectRenderPromise;
var promise = new Promise(function (resolve, reject) {
resolveRenderPromise = resolve;
rejectRenderPromise = reject;
});
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var self = this;
function thumbnailDrawCallback(error) {
// The renderTask may have been replaced by a new one, so only remove
// the reference to the renderTask if it matches the one that is
// triggering this callback.
if (renderTask === self.renderTask) {
self.renderTask = null;
}
if (error === 'cancelled') {
rejectRenderPromise(error);
return;
}
self.renderingState = RenderingStates.FINISHED;
self._convertCanvasToImage();
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (!error) {
resolveRenderPromise(undefined);
} else {
rejectRenderPromise(error);
}
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var ctx = this._getPageDrawContext();
var drawViewport = this.viewport.clone({ scale: this.scale });
var renderContinueCallback = function renderContinueCallback(cont) {
if (!self.renderingQueue.isHighestPriority(self)) {
self.renderingState = RenderingStates.PAUSED;
self.resume = function resumeCallback() {
self.renderingState = RenderingStates.RUNNING;
cont();
};
return;
}
cont();
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var renderContext = {
canvasContext: ctx,
viewport: drawViewport
};
var renderTask = this.renderTask = this.pdfPage.render(renderContext);
renderTask.onContinue = renderContinueCallback;
renderTask.promise.then(
function pdfPageRenderCallback() {
thumbnailDrawCallback(null);
},
function pdfPageRenderError(error) {
thumbnailDrawCallback(error);
}
);
return promise;
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
setImage: function PDFThumbnailView_setImage(pageView) {
var img = pageView.canvas;
if (this.hasImage || !img) {
return;
}
if (!this.pdfPage) {
this.setPdfPage(pageView.pdfPage);
}
this.hasImage = true;
this.renderingState = RenderingStates.FINISHED;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var ctx = this._getPageDrawContext(true);
var canvas = ctx.canvas;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (img.width <= 2 * canvas.width) {
ctx.drawImage(img, 0, 0, img.width, img.height,
0, 0, canvas.width, canvas.height);
this._convertCanvasToImage();
return;
}
// drawImage does an awful job of rescaling the image, doing it gradually.
var MAX_NUM_SCALING_STEPS = 3;
var reducedWidth = canvas.width << MAX_NUM_SCALING_STEPS;
var reducedHeight = canvas.height << MAX_NUM_SCALING_STEPS;
var reducedImage = getTempCanvas(reducedWidth, reducedHeight);
var reducedImageCtx = reducedImage.getContext('2d');
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
while (reducedWidth > img.width || reducedHeight > img.height) {
reducedWidth >>= 1;
reducedHeight >>= 1;
}
reducedImageCtx.drawImage(img, 0, 0, img.width, img.height,
0, 0, reducedWidth, reducedHeight);
while (reducedWidth > 2 * canvas.width) {
reducedImageCtx.drawImage(reducedImage,
0, 0, reducedWidth, reducedHeight,
0, 0, reducedWidth >> 1, reducedHeight >> 1);
reducedWidth >>= 1;
reducedHeight >>= 1;
}
ctx.drawImage(reducedImage, 0, 0, reducedWidth, reducedHeight,
0, 0, canvas.width, canvas.height);
this._convertCanvasToImage();
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFThumbnailView;
})();
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
PDFThumbnailView.tempImageCache = null;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
/**
* @typedef {Object} PDFThumbnailViewerOptions
* @property {HTMLDivElement} container - The container for the thumbnail
* elements.
* @property {IPDFLinkService} linkService - The navigation/linking service.
* @property {PDFRenderingQueue} renderingQueue - The rendering queue object.
*/
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
/**
* Simple viewer control to display thumbnails for pages.
* @class
* @implements {IRenderableView}
*/
var PDFThumbnailViewer = (function PDFThumbnailViewerClosure() {
/**
* @constructs PDFThumbnailViewer
* @param {PDFThumbnailViewerOptions} options
*/
function PDFThumbnailViewer(options) {
this.container = options.container;
this.renderingQueue = options.renderingQueue;
this.linkService = options.linkService;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.scroll = watchScroll(this.container, this._scrollUpdated.bind(this));
this._resetView();
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
PDFThumbnailViewer.prototype = {
/**
* @private
*/
_scrollUpdated: function PDFThumbnailViewer_scrollUpdated() {
this.renderingQueue.renderHighestPriority();
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
getThumbnail: function PDFThumbnailViewer_getThumbnail(index) {
return this.thumbnails[index];
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_getVisibleThumbs: function PDFThumbnailViewer_getVisibleThumbs() {
return getVisibleElements(this.container, this.thumbnails);
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
scrollThumbnailIntoView:
function PDFThumbnailViewer_scrollThumbnailIntoView(page) {
var selected = document.querySelector('.thumbnail.selected');
if (selected) {
selected.classList.remove('selected');
}
var thumbnail = document.getElementById('thumbnailContainer' + page);
if (thumbnail) {
thumbnail.classList.add('selected');
}
var visibleThumbs = this._getVisibleThumbs();
var numVisibleThumbs = visibleThumbs.views.length;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// If the thumbnail isn't currently visible, scroll it into view.
if (numVisibleThumbs > 0) {
var first = visibleThumbs.first.id;
// Account for only one thumbnail being visible.
var last = (numVisibleThumbs > 1 ? visibleThumbs.last.id : first);
if (page <= first || page >= last) {
scrollIntoView(thumbnail, { top: THUMBNAIL_SCROLL_MARGIN });
}
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
get pagesRotation() {
return this._pagesRotation;
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
set pagesRotation(rotation) {
this._pagesRotation = rotation;
for (var i = 0, l = this.thumbnails.length; i < l; i++) {
var thumb = this.thumbnails[i];
thumb.update(rotation);
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
cleanup: function PDFThumbnailViewer_cleanup() {
var tempCanvas = PDFThumbnailView.tempImageCache;
if (tempCanvas) {
// Zeroing the width and height causes Firefox to release graphics
// resources immediately, which can greatly reduce memory consumption.
tempCanvas.width = 0;
tempCanvas.height = 0;
}
PDFThumbnailView.tempImageCache = null;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_resetView: function PDFThumbnailViewer_resetView() {
this.thumbnails = [];
this._pagesRotation = 0;
this._pagesRequests = [];
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
setDocument: function PDFThumbnailViewer_setDocument(pdfDocument) {
if (this.pdfDocument) {
// cleanup of the elements and views
var thumbsView = this.container;
while (thumbsView.hasChildNodes()) {
thumbsView.removeChild(thumbsView.lastChild);
}
this._resetView();
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.pdfDocument = pdfDocument;
if (!pdfDocument) {
return Promise.resolve();
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return pdfDocument.getPage(1).then(function (firstPage) {
var pagesCount = pdfDocument.numPages;
var viewport = firstPage.getViewport(1.0);
for (var pageNum = 1; pageNum <= pagesCount; ++pageNum) {
var thumbnail = new PDFThumbnailView({
container: this.container,
id: pageNum,
defaultViewport: viewport.clone(),
linkService: this.linkService,
renderingQueue: this.renderingQueue
});
this.thumbnails.push(thumbnail);
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
}.bind(this));
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @param {PDFPageView} pageView
* @returns {PDFPage}
* @private
*/
_ensurePdfPageLoaded:
function PDFThumbnailViewer_ensurePdfPageLoaded(thumbView) {
if (thumbView.pdfPage) {
return Promise.resolve(thumbView.pdfPage);
}
var pageNumber = thumbView.id;
if (this._pagesRequests[pageNumber]) {
return this._pagesRequests[pageNumber];
}
var promise = this.pdfDocument.getPage(pageNumber).then(
function (pdfPage) {
thumbView.setPdfPage(pdfPage);
this._pagesRequests[pageNumber] = null;
return pdfPage;
}.bind(this));
this._pagesRequests[pageNumber] = promise;
return promise;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
ensureThumbnailVisible:
function PDFThumbnailViewer_ensureThumbnailVisible(page) {
// Ensure that the thumbnail of the current page is visible
// when switching from another view.
scrollIntoView(document.getElementById('thumbnailContainer' + page));
},
forceRendering: function () {
var visibleThumbs = this._getVisibleThumbs();
var thumbView = this.renderingQueue.getHighestPriority(visibleThumbs,
this.thumbnails,
this.scroll.down);
if (thumbView) {
this._ensurePdfPageLoaded(thumbView).then(function () {
this.renderingQueue.renderView(thumbView);
}.bind(this));
return true;
}
return false;
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
};
return PDFThumbnailViewer;
})();
/**
* @typedef {Object} PDFOutlineViewOptions
* @property {HTMLDivElement} container - The viewer element.
* @property {Array} outline - An array of outline objects.
* @property {IPDFLinkService} linkService - The navigation/linking service.
*/
/**
* @class
*/
var PDFOutlineView = (function PDFOutlineViewClosure() {
/**
* @constructs PDFOutlineView
* @param {PDFOutlineViewOptions} options
*/
function PDFOutlineView(options) {
this.container = options.container;
this.outline = options.outline;
this.linkService = options.linkService;
this.lastToggleIsShow = true;
}
PDFOutlineView.prototype = {
reset: function PDFOutlineView_reset() {
var container = this.container;
while (container.firstChild) {
container.removeChild(container.firstChild);
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
this.lastToggleIsShow = true;
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_dispatchEvent: function PDFOutlineView_dispatchEvent(outlineCount) {
var event = document.createEvent('CustomEvent');
event.initCustomEvent('outlineloaded', true, true, {
outlineCount: outlineCount
});
this.container.dispatchEvent(event);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_bindLink: function PDFOutlineView_bindLink(element, item) {
var linkService = this.linkService;
element.href = linkService.getDestinationHash(item.dest);
element.onclick = function goToDestination(e) {
linkService.navigateTo(item.dest);
return false;
};
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* Prepend a button before an outline item which allows the user to toggle
* the visibility of all outline items at that level.
*
* @private
*/
_addToggleButton: function PDFOutlineView_addToggleButton(div) {
var toggler = document.createElement('div');
toggler.className = 'outlineItemToggler';
toggler.onclick = function(event) {
event.stopPropagation();
toggler.classList.toggle('outlineItemsHidden');
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (event.shiftKey) {
var shouldShowAll = !toggler.classList.contains('outlineItemsHidden');
this._toggleOutlineItem(div, shouldShowAll);
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
}.bind(this);
div.insertBefore(toggler, div.firstChild);
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
/**
* Toggle the visibility of the subtree of an outline item.
*
* @param {Element} root - the root of the outline (sub)tree.
* @param {boolean} state - whether to show the outline (sub)tree. If false,
* the outline subtree rooted at |root| will be collapsed.
*
* @private
*/
_toggleOutlineItem: function PDFOutlineView_toggleOutlineItem(root, show) {
this.lastToggleIsShow = show;
var togglers = root.querySelectorAll('.outlineItemToggler');
for (var i = 0, ii = togglers.length; i < ii; ++i) {
togglers[i].classList[show ? 'remove' : 'add']('outlineItemsHidden');
}
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
/**
* Collapse or expand all subtrees of the outline.
*/
toggleOutlineTree: function PDFOutlineView_toggleOutlineTree() {
this._toggleOutlineItem(this.container, !this.lastToggleIsShow);
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
render: function PDFOutlineView_render() {
var outline = this.outline;
var outlineCount = 0;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.reset();
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (!outline) {
this._dispatchEvent(outlineCount);
return;
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var fragment = document.createDocumentFragment();
var queue = [{ parent: fragment, items: this.outline }];
var hasAnyNesting = false;
while (queue.length > 0) {
var levelData = queue.shift();
for (var i = 0, len = levelData.items.length; i < len; i++) {
var item = levelData.items[i];
var div = document.createElement('div');
div.className = 'outlineItem';
var element = document.createElement('a');
this._bindLink(element, item);
element.textContent = removeNullCharacters(item.title);
div.appendChild(element);
if (item.items.length > 0) {
hasAnyNesting = true;
this._addToggleButton(div);
var itemsDiv = document.createElement('div');
itemsDiv.className = 'outlineItems';
div.appendChild(itemsDiv);
queue.push({ parent: itemsDiv, items: item.items });
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
levelData.parent.appendChild(div);
outlineCount++;
2016-01-03 13:38:30 +00:00
}
}
2016-01-03 14:32:46 +00:00
if (hasAnyNesting) {
this.container.classList.add('outlineWithDeepNesting');
}
this.container.appendChild(fragment);
this._dispatchEvent(outlineCount);
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFOutlineView;
})();
/**
* @typedef {Object} PDFAttachmentViewOptions
* @property {HTMLDivElement} container - The viewer element.
* @property {Array} attachments - An array of attachment objects.
* @property {DownloadManager} downloadManager - The download manager.
*/
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @class
*/
var PDFAttachmentView = (function PDFAttachmentViewClosure() {
2016-01-03 13:38:30 +00:00
/**
2016-01-03 14:32:46 +00:00
* @constructs PDFAttachmentView
* @param {PDFAttachmentViewOptions} options
2016-01-03 13:38:30 +00:00
*/
2016-01-03 14:32:46 +00:00
function PDFAttachmentView(options) {
this.container = options.container;
this.attachments = options.attachments;
this.downloadManager = options.downloadManager;
}
PDFAttachmentView.prototype = {
reset: function PDFAttachmentView_reset() {
var container = this.container;
while (container.firstChild) {
container.removeChild(container.firstChild);
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_dispatchEvent: function PDFAttachmentView_dispatchEvent(attachmentsCount) {
var event = document.createEvent('CustomEvent');
event.initCustomEvent('attachmentsloaded', true, true, {
attachmentsCount: attachmentsCount
});
this.container.dispatchEvent(event);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* @private
*/
_bindLink: function PDFAttachmentView_bindLink(button, content, filename) {
button.onclick = function downloadFile(e) {
this.downloadManager.downloadData(content, filename, '');
return false;
}.bind(this);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
render: function PDFAttachmentView_render() {
var attachments = this.attachments;
var attachmentsCount = 0;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.reset();
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (!attachments) {
this._dispatchEvent(attachmentsCount);
return;
}
var names = Object.keys(attachments).sort(function(a, b) {
return a.toLowerCase().localeCompare(b.toLowerCase());
});
attachmentsCount = names.length;
for (var i = 0; i < attachmentsCount; i++) {
var item = attachments[names[i]];
var filename = getFileName(item.filename);
var div = document.createElement('div');
div.className = 'attachmentsItem';
var button = document.createElement('button');
this._bindLink(button, item.content, filename);
button.textContent = removeNullCharacters(filename);
div.appendChild(button);
this.container.appendChild(div);
}
this._dispatchEvent(attachmentsCount);
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFAttachmentView;
})();
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var PDFViewerApplication = {
initialBookmark: document.location.hash.substring(1),
initialDestination: null,
initialized: false,
fellback: false,
pdfDocument: null,
pdfLoadingTask: null,
sidebarOpen: false,
printing: false,
/** @type {PDFViewer} */
pdfViewer: null,
/** @type {PDFThumbnailViewer} */
pdfThumbnailViewer: null,
/** @type {PDFRenderingQueue} */
pdfRenderingQueue: null,
/** @type {PDFPresentationMode} */
pdfPresentationMode: null,
/** @type {PDFDocumentProperties} */
pdfDocumentProperties: null,
/** @type {PDFLinkService} */
pdfLinkService: null,
/** @type {PDFHistory} */
pdfHistory: null,
pageRotation: 0,
isInitialViewSet: false,
animationStartedPromise: null,
preferenceSidebarViewOnLoad: SidebarView.NONE,
preferencePdfBugEnabled: false,
preferenceShowPreviousViewOnLoad: true,
preferenceDefaultZoomValue: '',
isViewerEmbedded: (window.parent !== window),
url: '',
// called once when the document is loaded
initialize: function pdfViewInitialize() {
var pdfRenderingQueue = new PDFRenderingQueue();
pdfRenderingQueue.onIdle = this.cleanup.bind(this);
this.pdfRenderingQueue = pdfRenderingQueue;
var pdfLinkService = new PDFLinkService();
this.pdfLinkService = pdfLinkService;
var container = document.getElementById('viewerContainer');
var viewer = document.getElementById('viewer');
this.pdfViewer = new PDFViewer({
container: container,
viewer: viewer,
renderingQueue: pdfRenderingQueue,
linkService: pdfLinkService
});
pdfRenderingQueue.setViewer(this.pdfViewer);
pdfLinkService.setViewer(this.pdfViewer);
var thumbnailContainer = document.getElementById('thumbnailView');
this.pdfThumbnailViewer = new PDFThumbnailViewer({
container: thumbnailContainer,
renderingQueue: pdfRenderingQueue,
linkService: pdfLinkService
});
pdfRenderingQueue.setThumbnailViewer(this.pdfThumbnailViewer);
Preferences.initialize();
this.pdfHistory = new PDFHistory({
linkService: pdfLinkService
});
pdfLinkService.setHistory(this.pdfHistory);
this.findController = new PDFFindController({
pdfViewer: this.pdfViewer,
integratedFind: this.supportsIntegratedFind
});
this.pdfViewer.setFindController(this.findController);
this.findBar = new PDFFindBar({
bar: document.getElementById('findbar'),
toggleButton: document.getElementById('viewFind'),
findField: document.getElementById('findInput'),
highlightAllCheckbox: document.getElementById('findHighlightAll'),
caseSensitiveCheckbox: document.getElementById('findMatchCase'),
findMsg: document.getElementById('findMsg'),
findResultsCount: document.getElementById('findResultsCount'),
findStatusIcon: document.getElementById('findStatusIcon'),
findPreviousButton: document.getElementById('findPrevious'),
findNextButton: document.getElementById('findNext'),
findController: this.findController
});
this.findController.setFindBar(this.findBar);
HandTool.initialize({
container: container,
toggleHandTool: document.getElementById('toggleHandTool')
});
this.pdfDocumentProperties = new PDFDocumentProperties({
overlayName: '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')
}
});
SecondaryToolbar.initialize({
toolbar: document.getElementById('secondaryToolbar'),
toggleButton: document.getElementById('secondaryToolbarToggle'),
presentationModeButton:
document.getElementById('secondaryPresentationMode'),
openFile: document.getElementById('secondaryOpenFile'),
print: document.getElementById('secondaryPrint'),
download: document.getElementById('secondaryDownload'),
viewBookmark: document.getElementById('secondaryViewBookmark'),
firstPage: document.getElementById('firstPage'),
lastPage: document.getElementById('lastPage'),
pageRotateCw: document.getElementById('pageRotateCw'),
pageRotateCcw: document.getElementById('pageRotateCcw'),
documentPropertiesButton: document.getElementById('documentProperties')
});
if (this.supportsFullscreen) {
var toolbar = SecondaryToolbar;
this.pdfPresentationMode = new PDFPresentationMode({
container: container,
viewer: viewer,
pdfViewer: this.pdfViewer,
pdfThumbnailViewer: this.pdfThumbnailViewer,
contextMenuItems: [
{ element: document.getElementById('contextFirstPage'),
handler: toolbar.firstPageClick.bind(toolbar) },
{ element: document.getElementById('contextLastPage'),
handler: toolbar.lastPageClick.bind(toolbar) },
{ element: document.getElementById('contextPageRotateCw'),
handler: toolbar.pageRotateCwClick.bind(toolbar) },
{ element: document.getElementById('contextPageRotateCcw'),
handler: toolbar.pageRotateCcwClick.bind(toolbar) }
]
});
}
PasswordPrompt.initialize({
overlayName: 'passwordOverlay',
passwordField: document.getElementById('password'),
passwordText: document.getElementById('passwordText'),
passwordSubmit: document.getElementById('passwordSubmit'),
passwordCancel: document.getElementById('passwordCancel')
});
var self = this;
var initializedPromise = Promise.all([
Preferences.get('enableWebGL').then(function resolved(value) {
PDFJS.disableWebGL = !value;
}),
Preferences.get('sidebarViewOnLoad').then(function resolved(value) {
self.preferenceSidebarViewOnLoad = value;
}),
Preferences.get('pdfBugEnabled').then(function resolved(value) {
self.preferencePdfBugEnabled = value;
}),
Preferences.get('showPreviousViewOnLoad').then(function resolved(value) {
self.preferenceShowPreviousViewOnLoad = value;
}),
Preferences.get('defaultZoomValue').then(function resolved(value) {
self.preferenceDefaultZoomValue = value;
}),
Preferences.get('disableTextLayer').then(function resolved(value) {
if (PDFJS.disableTextLayer === true) {
return;
}
PDFJS.disableTextLayer = value;
}),
Preferences.get('disableRange').then(function resolved(value) {
if (PDFJS.disableRange === true) {
return;
}
PDFJS.disableRange = value;
}),
Preferences.get('disableStream').then(function resolved(value) {
if (PDFJS.disableStream === true) {
return;
}
PDFJS.disableStream = value;
}),
Preferences.get('disableAutoFetch').then(function resolved(value) {
PDFJS.disableAutoFetch = value;
}),
Preferences.get('disableFontFace').then(function resolved(value) {
if (PDFJS.disableFontFace === true) {
return;
}
PDFJS.disableFontFace = value;
}),
Preferences.get('useOnlyCssZoom').then(function resolved(value) {
PDFJS.useOnlyCssZoom = value;
}),
Preferences.get('externalLinkTarget').then(function resolved(value) {
if (PDFJS.isExternalLinkTargetSet()) {
return;
}
PDFJS.externalLinkTarget = value;
}),
// TODO move more preferences and other async stuff here
]).catch(function (reason) { });
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return initializedPromise.then(function () {
if (self.isViewerEmbedded && !PDFJS.isExternalLinkTargetSet()) {
// Prevent external links from "replacing" the viewer,
// when it's embedded in e.g. an iframe or an object.
PDFJS.externalLinkTarget = PDFJS.LinkTarget.TOP;
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
self.initialized = true;
2016-01-03 13:38:30 +00:00
});
2016-01-03 14:32:46 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
zoomIn: function pdfViewZoomIn(ticks) {
var newScale = this.pdfViewer.currentScale;
do {
newScale = (newScale * DEFAULT_SCALE_DELTA).toFixed(2);
newScale = Math.ceil(newScale * 10) / 10;
newScale = Math.min(MAX_SCALE, newScale);
} while (--ticks > 0 && newScale < MAX_SCALE);
this.pdfViewer.currentScaleValue = newScale;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
zoomOut: function pdfViewZoomOut(ticks) {
var newScale = this.pdfViewer.currentScale;
do {
newScale = (newScale / DEFAULT_SCALE_DELTA).toFixed(2);
newScale = Math.floor(newScale * 10) / 10;
newScale = Math.max(MIN_SCALE, newScale);
} while (--ticks > 0 && newScale > MIN_SCALE);
this.pdfViewer.currentScaleValue = newScale;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
get pagesCount() {
return this.pdfDocument.numPages;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
set page(val) {
this.pdfLinkService.page = val;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
get page() { // TODO remove
return this.pdfLinkService.page;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
get supportsPrinting() {
var canvas = document.createElement('canvas');
var value = 'mozPrintCallback' in canvas;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFJS.shadow(this, 'supportsPrinting', value);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
get supportsFullscreen() {
var doc = document.documentElement;
var support = !!(doc.requestFullscreen || doc.mozRequestFullScreen ||
doc.webkitRequestFullScreen || doc.msRequestFullscreen);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (document.fullscreenEnabled === false ||
document.mozFullScreenEnabled === false ||
document.webkitFullscreenEnabled === false ||
document.msFullscreenEnabled === false) {
support = false;
}
if (support && PDFJS.disableFullscreen === true) {
support = false;
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFJS.shadow(this, 'supportsFullscreen', support);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
get supportsIntegratedFind() {
var support = false;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFJS.shadow(this, 'supportsIntegratedFind', support);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
get supportsDocumentFonts() {
var support = true;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFJS.shadow(this, 'supportsDocumentFonts', support);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
get supportsDocumentColors() {
var support = true;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFJS.shadow(this, 'supportsDocumentColors', support);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
get loadingBar() {
var bar = new ProgressBar('#loadingBar', {});
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFJS.shadow(this, 'loadingBar', bar);
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
get supportedMouseWheelZoomModifierKeys() {
var support = {
ctrlKey: true,
metaKey: true,
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
return PDFJS.shadow(this, 'supportedMouseWheelZoomModifierKeys', support);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
setTitleUsingUrl: function pdfViewSetTitleUsingUrl(url) {
this.url = url;
try {
this.setTitle(decodeURIComponent(getFileName(url)) || url);
} catch (e) {
// decodeURIComponent may throw URIError,
// fall back to using the unprocessed url in that case
this.setTitle(url);
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
setTitle: function pdfViewSetTitle(title) {
if (this.isViewerEmbedded) {
// Embedded PDF viewers should not be changing their parent page's title.
return;
}
document.title = title;
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* Closes opened PDF document.
* @returns {Promise} - Returns the promise, which is resolved when all
* destruction is completed.
*/
close: function pdfViewClose() {
var errorWrapper = document.getElementById('errorWrapper');
errorWrapper.setAttribute('hidden', 'true');
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (!this.pdfLoadingTask) {
return Promise.resolve();
2016-01-03 13:38:30 +00:00
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var promise = this.pdfLoadingTask.destroy();
this.pdfLoadingTask = null;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (this.pdfDocument) {
this.pdfDocument = null;
this.pdfThumbnailViewer.setDocument(null);
this.pdfViewer.setDocument(null);
this.pdfLinkService.setDocument(null, null);
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
if (typeof PDFBug !== 'undefined') {
PDFBug.cleanup();
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
return promise;
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* Opens PDF document specified by URL or array with additional arguments.
* @param {string|TypedArray|ArrayBuffer} file - PDF location or binary data.
* @param {Object} args - (optional) Additional arguments for the getDocument
* call, e.g. HTTP headers ('httpHeaders') or
* alternative data transport ('range').
* @returns {Promise} - Returns the promise, which is resolved when document
* is opened.
*/
open: function pdfViewOpen(file, args) {
var scale = 0;
if (arguments.length > 2 || typeof args === 'number') {
console.warn('Call of open() with obsolete signature.');
if (typeof args === 'number') {
scale = args; // scale argument was found
}
args = arguments[4] || null;
if (arguments[3] && typeof arguments[3] === 'object') {
// The pdfDataRangeTransport argument is present.
args = Object.create(args);
args.range = arguments[3];
}
if (typeof arguments[2] === 'string') {
// The password argument is present.
args = Object.create(args);
args.password = arguments[2];
}
}
if (this.pdfLoadingTask) {
// We need to destroy already opened document.
return this.close().then(function () {
// Reload the preferences if a document was previously opened.
Preferences.reload();
// ... and repeat the open() call.
return this.open(file, args);
}.bind(this));
}
var parameters = Object.create(null);
if (typeof file === 'string') { // URL
this.setTitleUsingUrl(file);
parameters.url = file;
} else if (file && 'byteLength' in file) { // ArrayBuffer
parameters.data = file;
} else if (file.url && file.originalUrl) {
this.setTitleUsingUrl(file.originalUrl);
parameters.url = file.url;
}
if (args) {
for (var prop in args) {
parameters[prop] = args[prop];
}
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
var self = this;
self.downloadComplete = false;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var loadingTask = PDFJS.getDocument(parameters);
this.pdfLoadingTask = loadingTask;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
loadingTask.onPassword = function passwordNeeded(updatePassword, reason) {
PasswordPrompt.updatePassword = updatePassword;
PasswordPrompt.reason = reason;
PasswordPrompt.open();
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
loadingTask.onProgress = function getDocumentProgress(progressData) {
self.progress(progressData.loaded / progressData.total);
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// Listen for unsupported features to trigger the fallback UI.
loadingTask.onUnsupportedFeature = this.fallback.bind(this);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var result = loadingTask.promise.then(
function getDocumentCallback(pdfDocument) {
self.load(pdfDocument, scale);
},
function getDocumentError(exception) {
var message = exception && exception.message;
var loadingErrorMessage = mozL10n.get('loading_error', null,
'An error occurred while loading the PDF.');
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (exception instanceof PDFJS.InvalidPDFException) {
// change error message also for other builds
loadingErrorMessage = mozL10n.get('invalid_file_error', null,
'Invalid or corrupted PDF file.');
} else if (exception instanceof PDFJS.MissingPDFException) {
// special message for missing PDF's
loadingErrorMessage = mozL10n.get('missing_file_error', null,
'Missing PDF file.');
} else if (exception instanceof PDFJS.UnexpectedResponseException) {
loadingErrorMessage = mozL10n.get('unexpected_response_error', null,
'Unexpected server response.');
2016-01-03 13:38:30 +00:00
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var moreInfo = {
message: message
};
self.error(loadingErrorMessage, moreInfo);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
throw new Error(loadingErrorMessage);
}
);
if (args && args.length) {
PDFViewerApplication.pdfDocumentProperties.setFileSize(args.length);
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
return result;
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
download: function pdfViewDownload() {
function downloadByUrl() {
downloadManager.downloadUrl(url, filename);
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
var url = this.url.split('#')[0];
var filename = getPDFFileNameFromURL(url);
var downloadManager = new DownloadManager();
downloadManager.onerror = function (err) {
// This error won't really be helpful because it's likely the
// fallback won't work either (or is already open).
PDFViewerApplication.error('PDF failed to download.');
};
if (!this.pdfDocument) { // the PDF is not ready yet
downloadByUrl();
2016-01-03 13:38:30 +00:00
return;
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (!this.downloadComplete) { // the PDF is still downloading
downloadByUrl();
2016-01-03 13:38:30 +00:00
return;
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
this.pdfDocument.getData().then(
function getDataSuccess(data) {
var blob = PDFJS.createBlob(data, 'application/pdf');
downloadManager.download(blob, url, filename);
},
downloadByUrl // Error occurred try downloading with just the url.
).then(null, downloadByUrl);
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
fallback: function pdfViewFallback(featureId) {
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
/**
* Show the error box.
* @param {String} message A message that is human readable.
* @param {Object} moreInfo (optional) Further information about the error
* that is more technical. Should have a 'message'
* and optionally a 'stack' property.
*/
error: function pdfViewError(message, moreInfo) {
var moreInfoText = mozL10n.get('error_version_info',
{version: PDFJS.version || '?', build: PDFJS.build || '?'},
'PDF.js v{{version}} (build: {{build}})') + '\n';
if (moreInfo) {
moreInfoText +=
mozL10n.get('error_message', {message: moreInfo.message},
'Message: {{message}}');
if (moreInfo.stack) {
moreInfoText += '\n' +
mozL10n.get('error_stack', {stack: moreInfo.stack},
'Stack: {{stack}}');
} else {
if (moreInfo.filename) {
moreInfoText += '\n' +
mozL10n.get('error_file', {file: moreInfo.filename},
'File: {{file}}');
}
if (moreInfo.lineNumber) {
moreInfoText += '\n' +
mozL10n.get('error_line', {line: moreInfo.lineNumber},
'Line: {{line}}');
}
}
2016-01-03 13:38:30 +00:00
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var errorWrapper = document.getElementById('errorWrapper');
errorWrapper.removeAttribute('hidden');
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var errorMessage = document.getElementById('errorMessage');
errorMessage.textContent = message;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var closeButton = document.getElementById('errorClose');
closeButton.onclick = function() {
errorWrapper.setAttribute('hidden', 'true');
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var errorMoreInfo = document.getElementById('errorMoreInfo');
var moreInfoButton = document.getElementById('errorShowMore');
var lessInfoButton = document.getElementById('errorShowLess');
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 = noContextMenuHandler;
lessInfoButton.oncontextmenu = noContextMenuHandler;
closeButton.oncontextmenu = noContextMenuHandler;
moreInfoButton.removeAttribute('hidden');
lessInfoButton.setAttribute('hidden', 'true');
errorMoreInfo.value = moreInfoText;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
progress: function pdfViewProgress(level) {
var percent = Math.round(level * 100);
// When we transition from full request to range requests, it's possible
// that we discard some of the loaded data. This can cause the loading
// bar to move backwards. So prevent this by only updating the bar if it
// increases.
if (percent > this.loadingBar.percent || isNaN(percent)) {
this.loadingBar.percent = percent;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// When disableAutoFetch is enabled, it's not uncommon for the entire file
// to never be fetched (depends on e.g. the file structure). In this case
// the loading bar will not be completely filled, nor will it be hidden.
// To prevent displaying a partially filled loading bar permanently, we
// hide it when no data has been loaded during a certain amount of time.
if (PDFJS.disableAutoFetch && percent) {
if (this.disableAutoFetchLoadingBarTimeout) {
clearTimeout(this.disableAutoFetchLoadingBarTimeout);
this.disableAutoFetchLoadingBarTimeout = null;
}
this.loadingBar.show();
this.disableAutoFetchLoadingBarTimeout = setTimeout(function () {
this.loadingBar.hide();
this.disableAutoFetchLoadingBarTimeout = null;
}.bind(this), DISABLE_AUTO_FETCH_LOADING_BAR_TIMEOUT);
}
}
2016-01-03 13:38:30 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
load: function pdfViewLoad(pdfDocument, scale) {
var self = this;
scale = scale || UNKNOWN_SCALE;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.findController.reset();
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.pdfDocument = pdfDocument;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.pdfDocumentProperties.setDocumentAndUrl(pdfDocument, this.url);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var downloadedPromise = pdfDocument.getDownloadInfo().then(function() {
self.downloadComplete = true;
self.loadingBar.hide();
});
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var pagesCount = pdfDocument.numPages;
document.getElementById('numPages').textContent =
mozL10n.get('page_of', {pageCount: pagesCount}, 'of {{pageCount}}');
document.getElementById('pageNumber').max = pagesCount;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var id = this.documentFingerprint = pdfDocument.fingerprint;
var store = this.store = new ViewHistory(id);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var baseDocumentUrl = null;
this.pdfLinkService.setDocument(pdfDocument, baseDocumentUrl);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var pdfViewer = this.pdfViewer;
pdfViewer.currentScale = scale;
pdfViewer.setDocument(pdfDocument);
var firstPagePromise = pdfViewer.firstPagePromise;
var pagesPromise = pdfViewer.pagesPromise;
var onePageRendered = pdfViewer.onePageRendered;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.pageRotation = 0;
this.isInitialViewSet = false;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.pdfThumbnailViewer.setDocument(pdfDocument);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
firstPagePromise.then(function(pdfPage) {
downloadedPromise.then(function () {
var event = document.createEvent('CustomEvent');
event.initCustomEvent('documentload', true, true, {});
window.dispatchEvent(event);
});
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
self.loadingBar.setWidth(document.getElementById('viewer'));
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (!PDFJS.disableHistory && !self.isViewerEmbedded) {
// The browsing history is only enabled when the viewer is standalone,
// i.e. not when it is embedded in a web page.
if (!self.preferenceShowPreviousViewOnLoad) {
self.pdfHistory.clearHistoryState();
}
self.pdfHistory.initialize(self.documentFingerprint);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (self.pdfHistory.initialDestination) {
self.initialDestination = self.pdfHistory.initialDestination;
} else if (self.pdfHistory.initialBookmark) {
self.initialBookmark = self.pdfHistory.initialBookmark;
}
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var initialParams = {
destination: self.initialDestination,
bookmark: self.initialBookmark,
hash: null,
};
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
store.initializedPromise.then(function resolved() {
var storedHash = null;
if (self.preferenceShowPreviousViewOnLoad &&
store.get('exists', false)) {
var pageNum = store.get('page', '1');
var zoom = self.preferenceDefaultZoomValue ||
store.get('zoom', DEFAULT_SCALE_VALUE);
var left = store.get('scrollLeft', '0');
var top = store.get('scrollTop', '0');
storedHash = 'page=' + pageNum + '&zoom=' + zoom + ',' +
left + ',' + top;
} else if (self.preferenceDefaultZoomValue) {
storedHash = 'page=1&zoom=' + self.preferenceDefaultZoomValue;
}
self.setInitialView(storedHash, scale);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
initialParams.hash = storedHash;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// Make all navigation keys work on document load,
// unless the viewer is embedded in a web page.
if (!self.isViewerEmbedded) {
self.pdfViewer.focus();
}
}, function rejected(reason) {
console.error(reason);
self.setInitialView(null, scale);
});
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// For documents with different page sizes,
// ensure that the correct location becomes visible on load.
pagesPromise.then(function resolved() {
if (!initialParams.destination && !initialParams.bookmark &&
!initialParams.hash) {
return;
}
if (self.hasEqualPageSizes) {
return;
}
self.initialDestination = initialParams.destination;
self.initialBookmark = initialParams.bookmark;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
self.pdfViewer.currentScaleValue = self.pdfViewer.currentScaleValue;
self.setInitialView(initialParams.hash, scale);
});
});
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
pagesPromise.then(function() {
if (self.supportsPrinting) {
pdfDocument.getJavaScript().then(function(javaScript) {
if (javaScript.length) {
console.warn('Warning: JavaScript is not supported');
self.fallback(PDFJS.UNSUPPORTED_FEATURES.javaScript);
}
// Hack to support auto printing.
var regex = /\bprint\s*\(/;
for (var i = 0, ii = javaScript.length; i < ii; i++) {
var js = javaScript[i];
if (js && regex.test(js)) {
setTimeout(function() {
window.print();
});
return;
}
}
});
}
});
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// outline depends on pagesRefMap
var promises = [pagesPromise, this.animationStartedPromise];
Promise.all(promises).then(function() {
pdfDocument.getOutline().then(function(outline) {
var container = document.getElementById('outlineView');
self.outline = new PDFOutlineView({
container: container,
outline: outline,
linkService: self.pdfLinkService
});
self.outline.render();
document.getElementById('viewOutline').disabled = !outline;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (!outline && !container.classList.contains('hidden')) {
self.switchSidebarView('thumbs');
}
if (outline &&
self.preferenceSidebarViewOnLoad === SidebarView.OUTLINE) {
self.switchSidebarView('outline', true);
}
});
pdfDocument.getAttachments().then(function(attachments) {
var container = document.getElementById('attachmentsView');
self.attachments = new PDFAttachmentView({
container: container,
attachments: attachments,
downloadManager: new DownloadManager()
});
self.attachments.render();
document.getElementById('viewAttachments').disabled = !attachments;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (!attachments && !container.classList.contains('hidden')) {
self.switchSidebarView('thumbs');
}
if (attachments &&
self.preferenceSidebarViewOnLoad === SidebarView.ATTACHMENTS) {
self.switchSidebarView('attachments', true);
}
});
});
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (self.preferenceSidebarViewOnLoad === SidebarView.THUMBS) {
Promise.all([firstPagePromise, onePageRendered]).then(function () {
self.switchSidebarView('thumbs', true);
});
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
pdfDocument.getMetadata().then(function(data) {
var info = data.info, metadata = data.metadata;
self.documentInfo = info;
self.metadata = metadata;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// Provides some basic debug information
console.log('PDF ' + pdfDocument.fingerprint + ' [' +
info.PDFFormatVersion + ' ' + (info.Producer || '-').trim() +
' / ' + (info.Creator || '-').trim() + ']' +
' (PDF.js: ' + (PDFJS.version || '-') +
(!PDFJS.disableWebGL ? ' [WebGL]' : '') + ')');
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var pdfTitle;
if (metadata && metadata.has('dc:title')) {
var title = metadata.get('dc:title');
// Ghostscript sometimes return 'Untitled', sets the title to 'Untitled'
if (title !== 'Untitled') {
pdfTitle = title;
2015-03-07 19:41:19 +00:00
}
}
2016-01-03 14:32:46 +00:00
if (!pdfTitle && info && info['Title']) {
pdfTitle = info['Title'];
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
if (pdfTitle) {
self.setTitle(pdfTitle + ' - ' + document.title);
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
if (info.IsAcroFormPresent) {
console.warn('Warning: AcroForm/XFA is not supported');
self.fallback(PDFJS.UNSUPPORTED_FEATURES.forms);
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
});
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
setInitialView: function pdfViewSetInitialView(storedHash, scale) {
this.isInitialViewSet = true;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// When opening a new file, when one is already loaded in the viewer,
// ensure that the 'pageNumber' element displays the correct value.
document.getElementById('pageNumber').value =
this.pdfViewer.currentPageNumber;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (this.initialDestination) {
this.pdfLinkService.navigateTo(this.initialDestination);
this.initialDestination = null;
} else if (this.initialBookmark) {
this.pdfLinkService.setHash(this.initialBookmark);
this.pdfHistory.push({ hash: this.initialBookmark }, true);
this.initialBookmark = null;
} else if (storedHash) {
this.pdfLinkService.setHash(storedHash);
} else if (scale) {
this.pdfViewer.currentScaleValue = scale;
this.page = 1;
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (!this.pdfViewer.currentScaleValue) {
// Scale was not initialized: invalid bookmark or scale was not specified.
// Setting the default one.
this.pdfViewer.currentScaleValue = DEFAULT_SCALE_VALUE;
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
cleanup: function pdfViewCleanup() {
if (!this.pdfDocument) {
return; // run cleanup when document is loaded
}
this.pdfViewer.cleanup();
this.pdfThumbnailViewer.cleanup();
this.pdfDocument.cleanup();
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
forceRendering: function pdfViewForceRendering() {
this.pdfRenderingQueue.printing = this.printing;
this.pdfRenderingQueue.isThumbnailViewEnabled = this.sidebarOpen;
this.pdfRenderingQueue.renderHighestPriority();
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
refreshThumbnailViewer: function pdfViewRefreshThumbnailViewer() {
var pdfViewer = this.pdfViewer;
var thumbnailViewer = this.pdfThumbnailViewer;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// set thumbnail images of rendered pages
var pagesCount = pdfViewer.pagesCount;
for (var pageIndex = 0; pageIndex < pagesCount; pageIndex++) {
var pageView = pdfViewer.getPageView(pageIndex);
if (pageView && pageView.renderingState === RenderingStates.FINISHED) {
var thumbnailView = thumbnailViewer.getThumbnail(pageIndex);
thumbnailView.setImage(pageView);
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
}
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
thumbnailViewer.scrollThumbnailIntoView(this.page);
},
switchSidebarView: function pdfViewSwitchSidebarView(view, openSidebar) {
if (openSidebar && !this.sidebarOpen) {
document.getElementById('sidebarToggle').click();
}
var thumbsView = document.getElementById('thumbnailView');
var outlineView = document.getElementById('outlineView');
var attachmentsView = document.getElementById('attachmentsView');
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var thumbsButton = document.getElementById('viewThumbnail');
var outlineButton = document.getElementById('viewOutline');
var attachmentsButton = document.getElementById('viewAttachments');
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
switch (view) {
case 'thumbs':
var wasAnotherViewVisible = thumbsView.classList.contains('hidden');
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
thumbsButton.classList.add('toggled');
outlineButton.classList.remove('toggled');
attachmentsButton.classList.remove('toggled');
thumbsView.classList.remove('hidden');
outlineView.classList.add('hidden');
attachmentsView.classList.add('hidden');
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.forceRendering();
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (wasAnotherViewVisible) {
this.pdfThumbnailViewer.ensureThumbnailVisible(this.page);
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
break;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
case 'outline':
if (outlineButton.disabled) {
return;
}
thumbsButton.classList.remove('toggled');
outlineButton.classList.add('toggled');
attachmentsButton.classList.remove('toggled');
thumbsView.classList.add('hidden');
outlineView.classList.remove('hidden');
attachmentsView.classList.add('hidden');
break;
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
case 'attachments':
if (attachmentsButton.disabled) {
return;
2016-01-03 13:38:30 +00:00
}
2016-01-03 14:32:46 +00:00
thumbsButton.classList.remove('toggled');
outlineButton.classList.remove('toggled');
attachmentsButton.classList.add('toggled');
thumbsView.classList.add('hidden');
outlineView.classList.add('hidden');
attachmentsView.classList.remove('hidden');
break;
}
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
beforePrint: function pdfViewSetupBeforePrint() {
if (!this.supportsPrinting) {
var printMessage = mozL10n.get('printing_not_supported', null,
'Warning: Printing is not fully supported by this browser.');
this.error(printMessage);
return;
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var alertNotReady = false;
var i, ii;
if (!this.pdfDocument || !this.pagesCount) {
alertNotReady = true;
} else {
for (i = 0, ii = this.pagesCount; i < ii; ++i) {
if (!this.pdfViewer.getPageView(i).pdfPage) {
alertNotReady = true;
break;
}
2015-03-07 19:41:19 +00:00
}
}
2016-01-03 14:32:46 +00:00
if (alertNotReady) {
var notReadyMessage = mozL10n.get('printing_not_ready', null,
'Warning: The PDF is not fully loaded for printing.');
window.alert(notReadyMessage);
return;
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.printing = true;
this.forceRendering();
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var body = document.querySelector('body');
body.setAttribute('data-mozPrintCallback', true);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (!this.hasEqualPageSizes) {
console.warn('Not all pages have the same size. The printed result ' +
'may be incorrect!');
}
// Insert a @page + size rule to make sure that the page size is correctly
// set. Note that we assume that all pages have the same size, because
// variable-size pages are not supported yet (at least in Chrome & Firefox).
// TODO(robwu): Use named pages when size calculation bugs get resolved
// (e.g. https://crbug.com/355116) AND when support for named pages is
// added (http://www.w3.org/TR/css3-page/#using-named-pages).
// In browsers where @page + size is not supported (such as Firefox,
// https://bugzil.la/851441), the next stylesheet will be ignored and the
// user has to select the correct paper size in the UI if wanted.
this.pageStyleSheet = document.createElement('style');
var pageSize = this.pdfViewer.getPageView(0).pdfPage.getViewport(1);
this.pageStyleSheet.textContent =
// "size:<width> <height>" is what we need. But also add "A4" because
// Firefox incorrectly reports support for the other value.
'@supports ((size:A4) and (size:1pt 1pt)) {' +
'@page { size: ' + pageSize.width + 'pt ' + pageSize.height + 'pt;}' +
// The canvas and each ancestor node must have a height of 100% to make
// sure that each canvas is printed on exactly one page.
'#printContainer {height:100%}' +
'#printContainer > div {width:100% !important;height:100% !important;}' +
'}';
body.appendChild(this.pageStyleSheet);
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
for (i = 0, ii = this.pagesCount; i < ii; ++i) {
this.pdfViewer.getPageView(i).beforePrint();
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
// Whether all pages of the PDF have the same width and height.
get hasEqualPageSizes() {
var firstPage = this.pdfViewer.getPageView(0);
for (var i = 1, ii = this.pagesCount; i < ii; ++i) {
var pageView = this.pdfViewer.getPageView(i);
if (pageView.width !== firstPage.width ||
pageView.height !== firstPage.height) {
return false;
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
}
return true;
},
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
afterPrint: function pdfViewSetupAfterPrint() {
var div = document.getElementById('printContainer');
while (div.hasChildNodes()) {
div.removeChild(div.lastChild);
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
if (this.pageStyleSheet && this.pageStyleSheet.parentNode) {
this.pageStyleSheet.parentNode.removeChild(this.pageStyleSheet);
this.pageStyleSheet = null;
}
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
this.printing = false;
this.forceRendering();
},
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
rotatePages: function pdfViewRotatePages(delta) {
var pageNumber = this.page;
this.pageRotation = (this.pageRotation + 360 + delta) % 360;
this.pdfViewer.pagesRotation = this.pageRotation;
this.pdfThumbnailViewer.pagesRotation = this.pageRotation;
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.forceRendering();
2016-01-03 13:38:30 +00:00
2016-01-03 14:32:46 +00:00
this.pdfViewer.scrollPageIntoView(pageNumber);
},
requestPresentationMode: function pdfViewRequestPresentationMode() {
if (!this.pdfPresentationMode) {
return;
}
this.pdfPresentationMode.request();
},
/**
* @param {number} delta - The delta value from the mouse event.
*/
scrollPresentationMode: function pdfViewScrollPresentationMode(delta) {
if (!this.pdfPresentationMode) {
return;
}
this.pdfPresentationMode.mouseScroll(delta);
2016-01-03 13:38:30 +00:00
}
};
2016-01-03 14:32:46 +00:00
window.PDFView = PDFViewerApplication; // obsolete name, using it as an alias
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
function webViewerLoad(evt) {
2016-01-03 14:32:46 +00:00
configure(PDFJS);
PDFViewerApplication.initialize().then(webViewerInitialized);
2016-01-03 13:38:30 +00:00
}
function webViewerInitialized() {
var queryString = document.location.search.substring(1);
2016-01-03 14:32:46 +00:00
var params = parseQueryString(queryString);
2016-01-03 13:38:30 +00:00
var file = 'file' in params ? params.file : DEFAULT_URL;
2015-03-07 19:41:19 +00:00
var fileInput = document.createElement('input');
fileInput.id = 'fileInput';
fileInput.className = 'fileInput';
fileInput.setAttribute('type', 'file');
fileInput.oncontextmenu = noContextMenuHandler;
document.body.appendChild(fileInput);
if (!window.File || !window.FileReader || !window.FileList || !window.Blob) {
document.getElementById('openFile').setAttribute('hidden', 'true');
document.getElementById('secondaryOpenFile').setAttribute('hidden', 'true');
} else {
document.getElementById('fileInput').value = null;
}
2016-01-03 13:38:30 +00:00
var locale = PDFJS.locale || navigator.language;
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (PDFViewerApplication.preferencePdfBugEnabled) {
// Special debugging flags in the hash section of the URL.
var hash = document.location.hash.substring(1);
2016-01-03 14:32:46 +00:00
var hashParams = parseQueryString(hash);
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if ('disableworker' in hashParams) {
PDFJS.disableWorker = (hashParams['disableworker'] === 'true');
}
if ('disablerange' in hashParams) {
PDFJS.disableRange = (hashParams['disablerange'] === 'true');
}
if ('disablestream' in hashParams) {
PDFJS.disableStream = (hashParams['disablestream'] === 'true');
}
if ('disableautofetch' in hashParams) {
PDFJS.disableAutoFetch = (hashParams['disableautofetch'] === 'true');
}
if ('disablefontface' in hashParams) {
PDFJS.disableFontFace = (hashParams['disablefontface'] === 'true');
}
if ('disablehistory' in hashParams) {
PDFJS.disableHistory = (hashParams['disablehistory'] === 'true');
}
if ('webgl' in hashParams) {
PDFJS.disableWebGL = (hashParams['webgl'] !== 'true');
}
if ('useonlycsszoom' in hashParams) {
PDFJS.useOnlyCssZoom = (hashParams['useonlycsszoom'] === 'true');
}
if ('verbosity' in hashParams) {
PDFJS.verbosity = hashParams['verbosity'] | 0;
}
if ('ignorecurrentpositiononzoom' in hashParams) {
IGNORE_CURRENT_POSITION_ON_ZOOM =
(hashParams['ignorecurrentpositiononzoom'] === 'true');
}
if ('locale' in hashParams) {
locale = hashParams['locale'];
}
if ('textlayer' in hashParams) {
switch (hashParams['textlayer']) {
case 'off':
PDFJS.disableTextLayer = true;
break;
case 'visible':
case 'shadow':
case 'hover':
var viewer = document.getElementById('viewer');
viewer.classList.add('textLayer-' + hashParams['textlayer']);
break;
}
}
if ('pdfbug' in hashParams) {
PDFJS.pdfBug = true;
var pdfBug = hashParams['pdfbug'];
var enabled = pdfBug.split(',');
PDFBug.enable(enabled);
PDFBug.init();
2015-03-07 19:41:19 +00:00
}
}
2016-01-03 13:38:30 +00:00
mozL10n.setLanguage(locale);
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (!PDFViewerApplication.supportsPrinting) {
2015-03-07 19:41:19 +00:00
document.getElementById('print').classList.add('hidden');
document.getElementById('secondaryPrint').classList.add('hidden');
}
2016-01-03 13:38:30 +00:00
if (!PDFViewerApplication.supportsFullscreen) {
2015-03-07 19:41:19 +00:00
document.getElementById('presentationMode').classList.add('hidden');
document.getElementById('secondaryPresentationMode').
classList.add('hidden');
}
2016-01-03 13:38:30 +00:00
if (PDFViewerApplication.supportsIntegratedFind) {
2015-03-07 19:41:19 +00:00
document.getElementById('viewFind').classList.add('hidden');
}
// Suppress context menus for some controls
document.getElementById('scaleSelect').oncontextmenu = noContextMenuHandler;
var mainContainer = document.getElementById('mainContainer');
var outerContainer = document.getElementById('outerContainer');
mainContainer.addEventListener('transitionend', function(e) {
2016-01-03 13:38:30 +00:00
if (e.target === mainContainer) {
2015-03-07 19:41:19 +00:00
var event = document.createEvent('UIEvents');
event.initUIEvent('resize', false, false, window, 0);
window.dispatchEvent(event);
outerContainer.classList.remove('sidebarMoving');
}
}, true);
document.getElementById('sidebarToggle').addEventListener('click',
function() {
this.classList.toggle('toggled');
outerContainer.classList.add('sidebarMoving');
outerContainer.classList.toggle('sidebarOpen');
2016-01-03 13:38:30 +00:00
PDFViewerApplication.sidebarOpen =
outerContainer.classList.contains('sidebarOpen');
2016-01-03 14:32:46 +00:00
if (PDFViewerApplication.sidebarOpen) {
PDFViewerApplication.refreshThumbnailViewer();
}
2016-01-03 13:38:30 +00:00
PDFViewerApplication.forceRendering();
2015-03-07 19:41:19 +00:00
});
document.getElementById('viewThumbnail').addEventListener('click',
function() {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.switchSidebarView('thumbs');
2015-03-07 19:41:19 +00:00
});
document.getElementById('viewOutline').addEventListener('click',
function() {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.switchSidebarView('outline');
});
2016-01-03 14:32:46 +00:00
document.getElementById('viewOutline').addEventListener('dblclick',
function() {
PDFViewerApplication.outline.toggleOutlineTree();
});
2016-01-03 13:38:30 +00:00
document.getElementById('viewAttachments').addEventListener('click',
function() {
PDFViewerApplication.switchSidebarView('attachments');
2015-03-07 19:41:19 +00:00
});
document.getElementById('previous').addEventListener('click',
function() {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.page--;
2015-03-07 19:41:19 +00:00
});
document.getElementById('next').addEventListener('click',
function() {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.page++;
2015-03-07 19:41:19 +00:00
});
document.getElementById('zoomIn').addEventListener('click',
function() {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.zoomIn();
2015-03-07 19:41:19 +00:00
});
document.getElementById('zoomOut').addEventListener('click',
function() {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.zoomOut();
2015-03-07 19:41:19 +00:00
});
2016-01-03 13:38:30 +00:00
document.getElementById('pageNumber').addEventListener('click', function() {
this.select();
});
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
document.getElementById('pageNumber').addEventListener('change', function() {
// Handle the user inputting a floating point number.
PDFViewerApplication.page = (this.value | 0);
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (this.value !== (this.value | 0).toString()) {
this.value = PDFViewerApplication.page;
}
});
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
document.getElementById('scaleSelect').addEventListener('change', function() {
if (this.value === 'custom') {
return;
}
PDFViewerApplication.pdfViewer.currentScaleValue = this.value;
});
2015-03-07 19:41:19 +00:00
document.getElementById('presentationMode').addEventListener('click',
SecondaryToolbar.presentationModeClick.bind(SecondaryToolbar));
document.getElementById('openFile').addEventListener('click',
SecondaryToolbar.openFileClick.bind(SecondaryToolbar));
document.getElementById('print').addEventListener('click',
SecondaryToolbar.printClick.bind(SecondaryToolbar));
document.getElementById('download').addEventListener('click',
SecondaryToolbar.downloadClick.bind(SecondaryToolbar));
2016-01-03 13:38:30 +00:00
if (file && file.lastIndexOf('file:', 0) === 0) {
// file:-scheme. Load the contents in the main thread because QtWebKit
// cannot load file:-URLs in a Web Worker. file:-URLs are usually loaded
// very quickly, so there is no need to set up progress event listeners.
PDFViewerApplication.setTitleUsingUrl(file);
var xhr = new XMLHttpRequest();
xhr.onload = function() {
2016-01-03 14:32:46 +00:00
PDFViewerApplication.open(new Uint8Array(xhr.response));
2016-01-03 13:38:30 +00:00
};
try {
xhr.open('GET', file);
xhr.responseType = 'arraybuffer';
xhr.send();
} catch (e) {
PDFViewerApplication.error(mozL10n.get('loading_error', null,
'An error occurred while loading the PDF.'), e);
}
2015-03-07 19:41:19 +00:00
return;
}
2016-01-03 13:38:30 +00:00
if (file) {
2016-01-03 14:32:46 +00:00
PDFViewerApplication.open(file);
2016-01-03 13:38:30 +00:00
}
}
document.addEventListener('DOMContentLoaded', webViewerLoad, true);
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
document.addEventListener('pagerendered', function (e) {
2016-01-03 14:32:46 +00:00
var pageNumber = e.detail.pageNumber;
var pageIndex = pageNumber - 1;
2016-01-03 13:38:30 +00:00
var pageView = PDFViewerApplication.pdfViewer.getPageView(pageIndex);
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
if (PDFViewerApplication.sidebarOpen) {
var thumbnailView = PDFViewerApplication.pdfThumbnailViewer.
getThumbnail(pageIndex);
thumbnailView.setImage(pageView);
}
if (PDFJS.pdfBug && Stats.enabled && pageView.stats) {
Stats.add(pageNumber, pageView.stats);
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (pageView.error) {
PDFViewerApplication.error(mozL10n.get('rendering_error', null,
'An error occurred while rendering the page.'), pageView.error);
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
// If the page is still visible when it has finished rendering,
// ensure that the page number input loading indicator is hidden.
2016-01-03 14:32:46 +00:00
if (pageNumber === PDFViewerApplication.page) {
2016-01-03 13:38:30 +00:00
var pageNumberInput = document.getElementById('pageNumber');
pageNumberInput.classList.remove(PAGE_NUMBER_LOADING_INDICATOR);
}
2016-01-03 14:32:46 +00:00
}, true);
document.addEventListener('textlayerrendered', function (e) {
var pageIndex = e.detail.pageNumber - 1;
var pageView = PDFViewerApplication.pdfViewer.getPageView(pageIndex);
}, true);
document.addEventListener('pagemode', function (evt) {
if (!PDFViewerApplication.initialized) {
return;
}
// Handle the 'pagemode' hash parameter, see also `PDFLinkService_setHash`.
var mode = evt.detail.mode;
switch (mode) {
case 'bookmarks':
// Note: Our code calls this property 'outline', even though the
// Open Parameter specification calls it 'bookmarks'.
mode = 'outline';
/* falls through */
case 'thumbs':
case 'attachments':
PDFViewerApplication.switchSidebarView(mode, true);
break;
case 'none':
if (PDFViewerApplication.sidebarOpen) {
document.getElementById('sidebarToggle').click();
}
break;
}
}, true);
document.addEventListener('namedaction', function (e) {
if (!PDFViewerApplication.initialized) {
return;
}
// Processing couple of named actions that might be useful.
// See also PDFLinkService.executeNamedAction
var action = e.detail.action;
switch (action) {
case 'GoToPage':
document.getElementById('pageNumber').focus();
break;
case 'Find':
if (!PDFViewerApplication.supportsIntegratedFind) {
PDFViewerApplication.findBar.toggle();
}
break;
}
2016-01-03 13:38:30 +00:00
}, true);
window.addEventListener('presentationmodechanged', function (e) {
var active = e.detail.active;
var switchInProgress = e.detail.switchInProgress;
PDFViewerApplication.pdfViewer.presentationModeState =
switchInProgress ? PresentationModeState.CHANGING :
active ? PresentationModeState.FULLSCREEN : PresentationModeState.NORMAL;
});
2016-01-03 14:32:46 +00:00
window.addEventListener('updateviewarea', function (evt) {
2016-01-03 13:38:30 +00:00
if (!PDFViewerApplication.initialized) {
return;
2015-03-07 19:41:19 +00:00
}
2016-01-03 14:32:46 +00:00
var location = evt.location;
2016-01-03 13:38:30 +00:00
PDFViewerApplication.store.initializedPromise.then(function() {
PDFViewerApplication.store.setMultiple({
'exists': true,
'page': location.pageNumber,
'zoom': location.scale,
'scrollLeft': location.left,
'scrollTop': location.top
}).catch(function() {
// unable to write to storage
});
2015-03-07 19:41:19 +00:00
});
2016-01-03 14:32:46 +00:00
var href =
PDFViewerApplication.pdfLinkService.getAnchorUrl(location.pdfOpenParams);
2015-03-07 19:41:19 +00:00
document.getElementById('viewBookmark').href = href;
document.getElementById('secondaryViewBookmark').href = href;
// Update the current bookmark in the browsing history.
2016-01-03 14:32:46 +00:00
PDFViewerApplication.pdfHistory.updateCurrentBookmark(location.pdfOpenParams,
location.pageNumber);
2016-01-03 13:38:30 +00:00
// Show/hide the loading indicator in the page number input element.
var pageNumberInput = document.getElementById('pageNumber');
var currentPage =
PDFViewerApplication.pdfViewer.getPageView(PDFViewerApplication.page - 1);
if (currentPage.renderingState === RenderingStates.FINISHED) {
pageNumberInput.classList.remove(PAGE_NUMBER_LOADING_INDICATOR);
} else {
pageNumberInput.classList.add(PAGE_NUMBER_LOADING_INDICATOR);
}
}, true);
2015-03-07 19:41:19 +00:00
window.addEventListener('resize', function webViewerResize(evt) {
2016-01-03 14:32:46 +00:00
if (PDFViewerApplication.initialized) {
var currentScaleValue = PDFViewerApplication.pdfViewer.currentScaleValue;
if (currentScaleValue === 'auto' ||
currentScaleValue === 'page-fit' ||
currentScaleValue === 'page-width') {
// Note: the scale is constant for 'page-actual'.
PDFViewerApplication.pdfViewer.currentScaleValue = currentScaleValue;
} else if (!currentScaleValue) {
// Normally this shouldn't happen, but if the scale wasn't initialized
// we set it to the default value in order to prevent any issues.
// (E.g. the document being rendered with the wrong scale on load.)
PDFViewerApplication.pdfViewer.currentScaleValue = DEFAULT_SCALE_VALUE;
}
PDFViewerApplication.pdfViewer.update();
2015-03-07 19:41:19 +00:00
}
// Set the 'max-height' CSS property of the secondary toolbar.
2016-01-03 13:38:30 +00:00
SecondaryToolbar.setMaxHeight(document.getElementById('viewerContainer'));
2015-03-07 19:41:19 +00:00
});
window.addEventListener('hashchange', function webViewerHashchange(evt) {
2016-01-03 14:32:46 +00:00
if (PDFViewerApplication.pdfHistory.isHashChangeUnlocked) {
var hash = document.location.hash.substring(1);
if (!hash) {
return;
}
if (!PDFViewerApplication.isInitialViewSet) {
PDFViewerApplication.initialBookmark = hash;
} else {
PDFViewerApplication.pdfLinkService.setHash(hash);
}
2015-03-07 19:41:19 +00:00
}
});
window.addEventListener('change', function webViewerChange(evt) {
var files = evt.target.files;
2016-01-03 13:38:30 +00:00
if (!files || files.length === 0) {
2015-03-07 19:41:19 +00:00
return;
2016-01-03 13:38:30 +00:00
}
var file = files[0];
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
if (!PDFJS.disableCreateObjectURL &&
typeof URL !== 'undefined' && URL.createObjectURL) {
2016-01-03 14:32:46 +00:00
PDFViewerApplication.open(URL.createObjectURL(file));
2016-01-03 13:38:30 +00:00
} else {
// Read the local file into a Uint8Array.
var fileReader = new FileReader();
fileReader.onload = function webViewerChangeFileReaderOnload(evt) {
var buffer = evt.target.result;
var uint8Array = new Uint8Array(buffer);
2016-01-03 14:32:46 +00:00
PDFViewerApplication.open(uint8Array);
2016-01-03 13:38:30 +00:00
};
fileReader.readAsArrayBuffer(file);
}
2015-03-07 19:41:19 +00:00
2016-01-03 13:38:30 +00:00
PDFViewerApplication.setTitleUsingUrl(file.name);
2015-03-07 19:41:19 +00:00
// URL does not reflect proper document location - hiding some icons.
document.getElementById('viewBookmark').setAttribute('hidden', 'true');
document.getElementById('secondaryViewBookmark').
setAttribute('hidden', 'true');
document.getElementById('download').setAttribute('hidden', 'true');
document.getElementById('secondaryDownload').setAttribute('hidden', 'true');
}, true);
function selectScaleOption(value) {
var options = document.getElementById('scaleSelect').options;
var predefinedValueFound = false;
2016-01-03 14:32:46 +00:00
for (var i = 0, ii = options.length; i < ii; i++) {
2015-03-07 19:41:19 +00:00
var option = options[i];
2016-01-03 13:38:30 +00:00
if (option.value !== value) {
2015-03-07 19:41:19 +00:00
option.selected = false;
continue;
}
option.selected = true;
predefinedValueFound = true;
}
return predefinedValueFound;
}
window.addEventListener('localized', function localized(evt) {
document.getElementsByTagName('html')[0].dir = mozL10n.getDirection();
2016-01-03 13:38:30 +00:00
PDFViewerApplication.animationStartedPromise.then(function() {
2015-03-07 19:41:19 +00:00
// Adjust the width of the zoom box to fit the content.
2016-01-03 13:38:30 +00:00
// Note: If the window is narrow enough that the zoom box is not visible,
// we temporarily show it to be able to adjust its width.
2015-03-07 19:41:19 +00:00
var container = document.getElementById('scaleSelectContainer');
2016-01-03 13:38:30 +00:00
if (container.clientWidth === 0) {
container.setAttribute('style', 'display: inherit;');
}
2015-03-07 19:41:19 +00:00
if (container.clientWidth > 0) {
var select = document.getElementById('scaleSelect');
select.setAttribute('style', 'min-width: inherit;');
var width = select.clientWidth + SCALE_SELECT_CONTAINER_PADDING;
select.setAttribute('style', 'min-width: ' +
(width + SCALE_SELECT_PADDING) + 'px;');
container.setAttribute('style', 'min-width: ' + width + 'px; ' +
'max-width: ' + width + 'px;');
}
// Set the 'max-height' CSS property of the secondary toolbar.
2016-01-03 13:38:30 +00:00
SecondaryToolbar.setMaxHeight(document.getElementById('viewerContainer'));
2015-03-07 19:41:19 +00:00
});
}, true);
window.addEventListener('scalechange', function scalechange(evt) {
document.getElementById('zoomOut').disabled = (evt.scale === MIN_SCALE);
document.getElementById('zoomIn').disabled = (evt.scale === MAX_SCALE);
2016-01-03 14:32:46 +00:00
// Update the 'scaleSelect' DOM element.
var predefinedValueFound = selectScaleOption(evt.presetValue ||
'' + evt.scale);
2015-03-07 19:41:19 +00:00
if (!predefinedValueFound) {
2016-01-03 14:32:46 +00:00
var customScaleOption = document.getElementById('customScaleOption');
var customScale = Math.round(evt.scale * 10000) / 100;
customScaleOption.textContent =
mozL10n.get('page_scale_percent', { scale: customScale }, '{{scale}}%');
2015-03-07 19:41:19 +00:00
customScaleOption.selected = true;
}
2016-01-03 14:32:46 +00:00
if (!PDFViewerApplication.initialized) {
return;
}
PDFViewerApplication.pdfViewer.update();
2015-03-07 19:41:19 +00:00
}, true);
window.addEventListener('pagechange', function pagechange(evt) {
var page = evt.pageNumber;
2016-01-03 13:38:30 +00:00
if (evt.previousPageNumber !== page) {
2015-03-07 19:41:19 +00:00
document.getElementById('pageNumber').value = page;
2016-01-03 14:32:46 +00:00
if (PDFViewerApplication.sidebarOpen) {
PDFViewerApplication.pdfThumbnailViewer.scrollThumbnailIntoView(page);
}
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
var numPages = PDFViewerApplication.pagesCount;
2015-03-07 19:41:19 +00:00
document.getElementById('previous').disabled = (page <= 1);
2016-01-03 13:38:30 +00:00
document.getElementById('next').disabled = (page >= numPages);
document.getElementById('firstPage').disabled = (page <= 1);
document.getElementById('lastPage').disabled = (page >= numPages);
2016-01-03 14:32:46 +00:00
// we need to update stats
if (PDFJS.pdfBug && Stats.enabled) {
var pageView = PDFViewerApplication.pdfViewer.getPageView(page - 1);
if (pageView.stats) {
Stats.add(page, pageView.stats);
}
2016-01-03 13:38:30 +00:00
}
2015-03-07 19:41:19 +00:00
}, true);
2016-01-03 13:38:30 +00:00
function handleMouseWheel(evt) {
var MOUSE_WHEEL_DELTA_FACTOR = 40;
var ticks = (evt.type === 'DOMMouseScroll') ? -evt.detail :
evt.wheelDelta / MOUSE_WHEEL_DELTA_FACTOR;
var direction = (ticks < 0) ? 'zoomOut' : 'zoomIn';
2015-03-07 19:41:19 +00:00
2016-01-03 14:32:46 +00:00
var pdfViewer = PDFViewerApplication.pdfViewer;
if (pdfViewer.isInPresentationMode) {
2016-01-03 13:38:30 +00:00
evt.preventDefault();
2016-01-03 14:32:46 +00:00
PDFViewerApplication.scrollPresentationMode(ticks *
MOUSE_WHEEL_DELTA_FACTOR);
} else if (evt.ctrlKey || evt.metaKey) {
var support = PDFViewerApplication.supportedMouseWheelZoomModifierKeys;
if ((evt.ctrlKey && !support.ctrlKey) ||
(evt.metaKey && !support.metaKey)) {
return;
}
// Only zoom the pages, not the entire viewer.
2016-01-03 13:38:30 +00:00
evt.preventDefault();
2016-01-03 14:32:46 +00:00
var previousScale = pdfViewer.currentScale;
2016-01-03 13:38:30 +00:00
PDFViewerApplication[direction](Math.abs(ticks));
2016-01-03 14:32:46 +00:00
var currentScale = pdfViewer.currentScale;
if (previousScale !== currentScale) {
// After scaling the page via zoomIn/zoomOut, the position of the upper-
// left corner is restored. When the mouse wheel is used, the position
// under the cursor should be restored instead.
var scaleCorrectionFactor = currentScale / previousScale - 1;
var rect = pdfViewer.container.getBoundingClientRect();
var dx = evt.clientX - rect.left;
var dy = evt.clientY - rect.top;
pdfViewer.container.scrollLeft += dx * scaleCorrectionFactor;
pdfViewer.container.scrollTop += dy * scaleCorrectionFactor;
}
2015-03-07 19:41:19 +00:00
}
2016-01-03 13:38:30 +00:00
}
window.addEventListener('DOMMouseScroll', handleMouseWheel);
window.addEventListener('mousewheel', handleMouseWheel);
2015-03-07 19:41:19 +00:00
window.addEventListener('click', function click(evt) {
2016-01-03 14:32:46 +00:00
if (SecondaryToolbar.opened &&
2016-01-03 13:38:30 +00:00
PDFViewerApplication.pdfViewer.containsElement(evt.target)) {
2016-01-03 14:32:46 +00:00
SecondaryToolbar.close();
2015-03-07 19:41:19 +00:00
}
}, false);
window.addEventListener('keydown', function keydown(evt) {
2016-01-03 13:38:30 +00:00
if (OverlayManager.active) {
2015-03-07 19:41:19 +00:00
return;
}
var handled = false;
var cmd = (evt.ctrlKey ? 1 : 0) |
(evt.altKey ? 2 : 0) |
(evt.shiftKey ? 4 : 0) |
(evt.metaKey ? 8 : 0);
2016-01-03 14:32:46 +00:00
var pdfViewer = PDFViewerApplication.pdfViewer;
var isViewerInPresentationMode = pdfViewer && pdfViewer.isInPresentationMode;
2015-03-07 19:41:19 +00:00
// First, handle the key bindings that are independent whether an input
// control is selected or not.
if (cmd === 1 || cmd === 8 || cmd === 5 || cmd === 12) {
// either CTRL or META key with optional SHIFT.
switch (evt.keyCode) {
case 70: // f
2016-01-03 13:38:30 +00:00
if (!PDFViewerApplication.supportsIntegratedFind) {
PDFViewerApplication.findBar.open();
2015-03-07 19:41:19 +00:00
handled = true;
}
break;
case 71: // g
2016-01-03 13:38:30 +00:00
if (!PDFViewerApplication.supportsIntegratedFind) {
PDFViewerApplication.findBar.dispatchEvent('again',
cmd === 5 || cmd === 12);
2015-03-07 19:41:19 +00:00
handled = true;
}
break;
case 61: // FF/Mac '='
case 107: // FF '+' and '='
case 187: // Chrome '+'
case 171: // FF with German keyboard
2016-01-03 14:32:46 +00:00
if (!isViewerInPresentationMode) {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.zoomIn();
}
2015-03-07 19:41:19 +00:00
handled = true;
break;
case 173: // FF/Mac '-'
case 109: // FF '-'
case 189: // Chrome '-'
2016-01-03 14:32:46 +00:00
if (!isViewerInPresentationMode) {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.zoomOut();
}
2015-03-07 19:41:19 +00:00
handled = true;
break;
case 48: // '0'
case 96: // '0' on Numpad of Swedish keyboard
2016-01-03 14:32:46 +00:00
if (!isViewerInPresentationMode) {
2016-01-03 13:38:30 +00:00
// keeping it unhandled (to restore page zoom to 100%)
setTimeout(function () {
// ... and resetting the scale after browser adjusts its scale
2016-01-03 14:32:46 +00:00
pdfViewer.currentScaleValue = DEFAULT_SCALE_VALUE;
2016-01-03 13:38:30 +00:00
});
handled = false;
}
break;
}
}
// CTRL or META without shift
if (cmd === 1 || cmd === 8) {
switch (evt.keyCode) {
case 83: // s
PDFViewerApplication.download();
handled = true;
2015-03-07 19:41:19 +00:00
break;
}
}
// CTRL+ALT or Option+Command
if (cmd === 3 || cmd === 10) {
switch (evt.keyCode) {
case 80: // p
2016-01-03 14:32:46 +00:00
PDFViewerApplication.requestPresentationMode();
2015-03-07 19:41:19 +00:00
handled = true;
break;
case 71: // g
// focuses input#pageNumber field
document.getElementById('pageNumber').select();
handled = true;
break;
}
}
if (handled) {
evt.preventDefault();
return;
}
// Some shortcuts should not get handled if a control/input element
// is selected.
var curElement = document.activeElement || document.querySelector(':focus');
2016-01-03 13:38:30 +00:00
var curElementTagName = curElement && curElement.tagName.toUpperCase();
if (curElementTagName === 'INPUT' ||
curElementTagName === 'TEXTAREA' ||
curElementTagName === 'SELECT') {
2015-03-07 19:41:19 +00:00
// Make sure that the secondary toolbar is closed when Escape is pressed.
if (evt.keyCode !== 27) { // 'Esc'
return;
}
}
2016-01-03 14:32:46 +00:00
var ensureViewerFocused = false;
2015-03-07 19:41:19 +00:00
if (cmd === 0) { // no control key pressed at all.
switch (evt.keyCode) {
case 38: // up arrow
case 33: // pg up
case 8: // backspace
2016-01-03 14:32:46 +00:00
if (!isViewerInPresentationMode &&
pdfViewer.currentScaleValue !== 'page-fit') {
2015-03-07 19:41:19 +00:00
break;
}
/* in presentation mode */
/* falls through */
case 37: // left arrow
// horizontal scrolling using arrow keys
2016-01-03 14:32:46 +00:00
if (pdfViewer.isHorizontalScrollbarEnabled) {
2015-03-07 19:41:19 +00:00
break;
}
/* falls through */
case 75: // 'k'
case 80: // 'p'
2016-01-03 13:38:30 +00:00
PDFViewerApplication.page--;
2015-03-07 19:41:19 +00:00
handled = true;
break;
case 27: // esc key
if (SecondaryToolbar.opened) {
SecondaryToolbar.close();
handled = true;
}
2016-01-03 13:38:30 +00:00
if (!PDFViewerApplication.supportsIntegratedFind &&
PDFViewerApplication.findBar.opened) {
PDFViewerApplication.findBar.close();
2015-03-07 19:41:19 +00:00
handled = true;
}
break;
case 40: // down arrow
case 34: // pg down
case 32: // spacebar
2016-01-03 14:32:46 +00:00
if (!isViewerInPresentationMode &&
pdfViewer.currentScaleValue !== 'page-fit') {
2015-03-07 19:41:19 +00:00
break;
}
/* falls through */
case 39: // right arrow
// horizontal scrolling using arrow keys
2016-01-03 14:32:46 +00:00
if (pdfViewer.isHorizontalScrollbarEnabled) {
2015-03-07 19:41:19 +00:00
break;
}
/* falls through */
case 74: // 'j'
case 78: // 'n'
2016-01-03 13:38:30 +00:00
PDFViewerApplication.page++;
2015-03-07 19:41:19 +00:00
handled = true;
break;
case 36: // home
2016-01-03 14:32:46 +00:00
if (isViewerInPresentationMode || PDFViewerApplication.page > 1) {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.page = 1;
2015-03-07 19:41:19 +00:00
handled = true;
2016-01-03 14:32:46 +00:00
ensureViewerFocused = true;
2015-03-07 19:41:19 +00:00
}
break;
case 35: // end
2016-01-03 14:32:46 +00:00
if (isViewerInPresentationMode || (PDFViewerApplication.pdfDocument &&
2016-01-03 13:38:30 +00:00
PDFViewerApplication.page < PDFViewerApplication.pagesCount)) {
PDFViewerApplication.page = PDFViewerApplication.pagesCount;
2015-03-07 19:41:19 +00:00
handled = true;
2016-01-03 14:32:46 +00:00
ensureViewerFocused = true;
2015-03-07 19:41:19 +00:00
}
break;
case 72: // 'h'
2016-01-03 14:32:46 +00:00
if (!isViewerInPresentationMode) {
2015-03-07 19:41:19 +00:00
HandTool.toggle();
}
break;
case 82: // 'r'
2016-01-03 13:38:30 +00:00
PDFViewerApplication.rotatePages(90);
2015-03-07 19:41:19 +00:00
break;
}
}
if (cmd === 4) { // shift-key
switch (evt.keyCode) {
case 32: // spacebar
2016-01-03 14:32:46 +00:00
if (!isViewerInPresentationMode &&
pdfViewer.currentScaleValue !== 'page-fit') {
2015-03-07 19:41:19 +00:00
break;
}
2016-01-03 13:38:30 +00:00
PDFViewerApplication.page--;
2015-03-07 19:41:19 +00:00
handled = true;
break;
case 82: // 'r'
2016-01-03 13:38:30 +00:00
PDFViewerApplication.rotatePages(-90);
2015-03-07 19:41:19 +00:00
break;
}
}
2016-01-03 14:32:46 +00:00
if (!handled && !isViewerInPresentationMode) {
2016-01-03 13:38:30 +00:00
// 33=Page Up 34=Page Down 35=End 36=Home
// 37=Left 38=Up 39=Right 40=Down
// 32=Spacebar
2016-01-03 14:32:46 +00:00
if ((evt.keyCode >= 33 && evt.keyCode <= 40) ||
(evt.keyCode === 32 && curElementTagName !== 'BUTTON')) {
ensureViewerFocused = true;
2016-01-03 13:38:30 +00:00
}
}
2015-03-07 19:41:19 +00:00
if (cmd === 2) { // alt-key
switch (evt.keyCode) {
case 37: // left arrow
2016-01-03 14:32:46 +00:00
if (isViewerInPresentationMode) {
PDFViewerApplication.pdfHistory.back();
2015-03-07 19:41:19 +00:00
handled = true;
}
break;
case 39: // right arrow
2016-01-03 14:32:46 +00:00
if (isViewerInPresentationMode) {
PDFViewerApplication.pdfHistory.forward();
2015-03-07 19:41:19 +00:00
handled = true;
}
break;
}
}
2016-01-03 14:32:46 +00:00
if (ensureViewerFocused && !pdfViewer.containsElement(curElement)) {
// The page container is not focused, but a page navigation key has been
// pressed. Change the focus to the viewer container to make sure that
// navigation by keyboard works as expected.
pdfViewer.focus();
}
2015-03-07 19:41:19 +00:00
if (handled) {
evt.preventDefault();
}
});
window.addEventListener('beforeprint', function beforePrint(evt) {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.beforePrint();
2015-03-07 19:41:19 +00:00
});
window.addEventListener('afterprint', function afterPrint(evt) {
2016-01-03 13:38:30 +00:00
PDFViewerApplication.afterPrint();
2015-03-07 19:41:19 +00:00
});
(function animationStartedClosure() {
// The offsetParent is not set until the pdf.js iframe or object is visible.
// Waiting for first animation.
2016-01-03 13:38:30 +00:00
PDFViewerApplication.animationStartedPromise = new Promise(
function (resolve) {
window.requestAnimationFrame(resolve);
2015-03-07 19:41:19 +00:00
});
})();