pdfjs-dist 2.0.489 → 2.2.228

package/lib/web/pdf_single_page_viewer.js

@@ -2,7 +2,7 @@
  * @licstart The following is the entire license notice for the
  * Javascript code in this page
  *
- * Copyright 2017 Mozilla Foundation
+ * Copyright 2019 Mozilla Foundation
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -19,157 +19,165 @@
  * @licend The above is the entire license notice for the
  * Javascript code in this page
  */
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PDFSinglePageViewer = undefined;
+exports.PDFSinglePageViewer = void 0;
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _base_viewer = require("./base_viewer");
 
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+var _pdf = require("../pdf");
 
-var _base_viewer = require('./base_viewer');
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-var _ui_utils = require('./ui_utils');
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _pdf = require('../pdf');
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
 
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-var PDFSinglePageViewer = function (_BaseViewer) {
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+var PDFSinglePageViewer =
+/*#__PURE__*/
+function (_BaseViewer) {
   _inherits(PDFSinglePageViewer, _BaseViewer);
 
   function PDFSinglePageViewer(options) {
+    var _this;
+
     _classCallCheck(this, PDFSinglePageViewer);
 
-    var _this = _possibleConstructorReturn(this, (PDFSinglePageViewer.__proto__ || Object.getPrototypeOf(PDFSinglePageViewer)).call(this, options));
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(PDFSinglePageViewer).call(this, options));
 
     _this.eventBus.on('pagesinit', function (evt) {
       _this._ensurePageViewVisible();
     });
+
     return _this;
   }
 
   _createClass(PDFSinglePageViewer, [{
-    key: '_resetView',
+    key: "_resetView",
     value: function _resetView() {
-      _get(PDFSinglePageViewer.prototype.__proto__ || Object.getPrototypeOf(PDFSinglePageViewer.prototype), '_resetView', this).call(this);
+      _get(_getPrototypeOf(PDFSinglePageViewer.prototype), "_resetView", this).call(this);
+
       this._previousPageNumber = 1;
       this._shadowViewer = document.createDocumentFragment();
+      this._updateScrollDown = null;
     }
   }, {
-    key: '_ensurePageViewVisible',
+    key: "_ensurePageViewVisible",
     value: function _ensurePageViewVisible() {
       var pageView = this._pages[this._currentPageNumber - 1];
       var previousPageView = this._pages[this._previousPageNumber - 1];
       var viewerNodes = this.viewer.childNodes;
+
       switch (viewerNodes.length) {
         case 0:
           this.viewer.appendChild(pageView.div);
           break;
+
         case 1:
           if (viewerNodes[0] !== previousPageView.div) {
             throw new Error('_ensurePageViewVisible: Unexpected previously visible page.');
           }
+
           if (pageView === previousPageView) {
             break;
           }
+
           this._shadowViewer.appendChild(previousPageView.div);
+
           this.viewer.appendChild(pageView.div);
           this.container.scrollTop = 0;
           break;
+
         default:
           throw new Error('_ensurePageViewVisible: Only one page should be visible at a time.');
       }
+
       this._previousPageNumber = this._currentPageNumber;
     }
   }, {
-    key: '_scrollUpdate',
+    key: "_scrollUpdate",
     value: function _scrollUpdate() {
       if (this._updateScrollDown) {
         this._updateScrollDown();
       }
-      _get(PDFSinglePageViewer.prototype.__proto__ || Object.getPrototypeOf(PDFSinglePageViewer.prototype), '_scrollUpdate', this).call(this);
+
+      _get(_getPrototypeOf(PDFSinglePageViewer.prototype), "_scrollUpdate", this).call(this);
     }
   }, {
-    key: '_scrollIntoView',
+    key: "_scrollIntoView",
     value: function _scrollIntoView(_ref) {
       var _this2 = this;
 
       var pageDiv = _ref.pageDiv,
           _ref$pageSpot = _ref.pageSpot,
-          pageSpot = _ref$pageSpot === undefined ? null : _ref$pageSpot,
+          pageSpot = _ref$pageSpot === void 0 ? null : _ref$pageSpot,
           _ref$pageNumber = _ref.pageNumber,
-          pageNumber = _ref$pageNumber === undefined ? null : _ref$pageNumber;
+          pageNumber = _ref$pageNumber === void 0 ? null : _ref$pageNumber;
 
       if (pageNumber) {
         this._setCurrentPageNumber(pageNumber);
       }
+
       var scrolledDown = this._currentPageNumber >= this._previousPageNumber;
-      var previousLocation = this._location;
+
       this._ensurePageViewVisible();
-      (0, _ui_utils.scrollIntoView)(pageDiv, pageSpot);
+
+      this.update();
+
+      _get(_getPrototypeOf(PDFSinglePageViewer.prototype), "_scrollIntoView", this).call(this, {
+        pageDiv: pageDiv,
+        pageSpot: pageSpot,
+        pageNumber: pageNumber
+      });
+
       this._updateScrollDown = function () {
         _this2.scroll.down = scrolledDown;
-        delete _this2._updateScrollDown;
+        _this2._updateScrollDown = null;
       };
-      setTimeout(function () {
-        if (_this2._location === previousLocation) {
-          if (_this2._updateScrollDown) {
-            _this2._updateScrollDown();
-          }
-          _this2.update();
-        }
-      }, 0);
     }
   }, {
-    key: '_getVisiblePages',
+    key: "_getVisiblePages",
     value: function _getVisiblePages() {
-      if (!this.pagesCount) {
-        return { views: [] };
-      }
-      var pageView = this._pages[this._currentPageNumber - 1];
-      var element = pageView.div;
-      var view = {
-        id: pageView.id,
-        x: element.offsetLeft + element.clientLeft,
-        y: element.offsetTop + element.clientTop,
-        view: pageView
-      };
-      return {
-        first: view,
-        last: view,
-        views: [view]
-      };
+      return this._getCurrentVisiblePage();
     }
   }, {
-    key: 'update',
-    value: function update() {
-      var visible = this._getVisiblePages();
-      var visiblePages = visible.views,
-          numVisiblePages = visiblePages.length;
-      if (numVisiblePages === 0) {
-        return;
-      }
-      this._resizeBuffer(numVisiblePages);
-      this.renderingQueue.renderHighestPriority(visible);
-      this._updateLocation(visible.first);
-      this.eventBus.dispatch('updateviewarea', {
-        source: this,
-        location: this._location
-      });
-    }
+    key: "_updateHelper",
+    value: function _updateHelper(visiblePages) {}
+  }, {
+    key: "_updateScrollMode",
+    value: function _updateScrollMode() {}
   }, {
-    key: '_setDocumentViewerElement',
+    key: "_updateSpreadMode",
+    value: function _updateSpreadMode() {}
+  }, {
+    key: "_setDocumentViewerElement",
     get: function get() {
       return (0, _pdf.shadow)(this, '_setDocumentViewerElement', this._shadowViewer);
     }
+  }, {
+    key: "_isScrollModeHorizontal",
+    get: function get() {
+      return (0, _pdf.shadow)(this, '_isScrollModeHorizontal', false);
+    }
   }]);
 
   return PDFSinglePageViewer;

package/lib/web/pdf_thumbnail_view.js

@@ -2,7 +2,7 @@
  * @licstart The following is the entire license notice for the
  * Javascript code in this page
  *
- * Copyright 2017 Mozilla Foundation
+ * Copyright 2019 Mozilla Foundation
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -19,39 +19,46 @@
  * @licend The above is the entire license notice for the
  * Javascript code in this page
  */
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PDFThumbnailView = undefined;
+exports.PDFThumbnailView = void 0;
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _pdf = require("../pdf");
 
-var _pdf = require('../pdf');
+var _ui_utils = require("./ui_utils");
 
-var _ui_utils = require('./ui_utils');
-
-var _pdf_rendering_queue = require('./pdf_rendering_queue');
+var _pdf_rendering_queue = require("./pdf_rendering_queue");
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
 var MAX_NUM_SCALING_STEPS = 3;
 var THUMBNAIL_CANVAS_BORDER_WIDTH = 1;
 var THUMBNAIL_WIDTH = 98;
+
 var TempImageFactory = function TempImageFactoryClosure() {
   var tempCanvasCache = null;
   return {
     getCanvas: function getCanvas(width, height) {
       var tempCanvas = tempCanvasCache;
+
       if (!tempCanvas) {
         tempCanvas = document.createElement('canvas');
         tempCanvasCache = tempCanvas;
       }
+
       tempCanvas.width = width;
       tempCanvas.height = height;
       tempCanvas.mozOpaque = true;
-      var ctx = tempCanvas.getContext('2d', { alpha: false });
+      var ctx = tempCanvas.getContext('2d', {
+        alpha: false
+      });
       ctx.save();
       ctx.fillStyle = 'rgb(255, 255, 255)';
       ctx.fillRect(0, 0, width, height);
@@ -60,16 +67,20 @@ var TempImageFactory = function TempImageFactoryClosure() {
     },
     destroyCanvas: function destroyCanvas() {
       var tempCanvas = tempCanvasCache;
+
       if (tempCanvas) {
         tempCanvas.width = 0;
         tempCanvas.height = 0;
       }
+
       tempCanvasCache = null;
     }
   };
 }();
 
-var PDFThumbnailView = function () {
+var PDFThumbnailView =
+/*#__PURE__*/
+function () {
   function PDFThumbnailView(_ref) {
     var container = _ref.container,
         id = _ref.id,
@@ -77,9 +88,9 @@ var PDFThumbnailView = function () {
         linkService = _ref.linkService,
         renderingQueue = _ref.renderingQueue,
         _ref$disableCanvasToI = _ref.disableCanvasToImageConversion,
-        disableCanvasToImageConversion = _ref$disableCanvasToI === undefined ? false : _ref$disableCanvasToI,
+        disableCanvasToImageConversion = _ref$disableCanvasToI === void 0 ? false : _ref$disableCanvasToI,
         _ref$l10n = _ref.l10n,
-        l10n = _ref$l10n === undefined ? _ui_utils.NullL10n : _ref$l10n;
+        l10n = _ref$l10n === void 0 ? _ui_utils.NullL10n : _ref$l10n;
 
     _classCallCheck(this, PDFThumbnailView);
 
@@ -105,13 +116,17 @@ var PDFThumbnailView = function () {
     this.l10n = l10n;
     var anchor = document.createElement('a');
     anchor.href = linkService.getAnchorUrl('#page=' + id);
-    this.l10n.get('thumb_page_title', { page: id }, 'Page {{page}}').then(function (msg) {
+    this.l10n.get('thumb_page_title', {
+      page: id
+    }, 'Page {{page}}').then(function (msg) {
       anchor.title = msg;
     });
+
     anchor.onclick = function () {
       linkService.page = id;
       return false;
     };
+
     this.anchor = anchor;
     var div = document.createElement('div');
     div.className = 'thumbnail';
@@ -129,18 +144,22 @@ var PDFThumbnailView = function () {
   }
 
   _createClass(PDFThumbnailView, [{
-    key: 'setPdfPage',
+    key: "setPdfPage",
     value: function setPdfPage(pdfPage) {
       this.pdfPage = pdfPage;
       this.pdfPageRotate = pdfPage.rotate;
       var totalRotation = (this.rotation + this.pdfPageRotate) % 360;
-      this.viewport = pdfPage.getViewport(1, totalRotation);
+      this.viewport = pdfPage.getViewport({
+        scale: 1,
+        rotation: totalRotation
+      });
       this.reset();
     }
   }, {
-    key: 'reset',
+    key: "reset",
     value: function reset() {
       this.cancelRendering();
+      this.renderingState = _pdf_rendering_queue.RenderingStates.INITIAL;
       this.pageWidth = this.viewport.width;
       this.pageHeight = this.viewport.height;
       this.pageRatio = this.pageWidth / this.pageHeight;
@@ -149,28 +168,33 @@ var PDFThumbnailView = function () {
       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';
+
       if (this.canvas) {
         this.canvas.width = 0;
         this.canvas.height = 0;
         delete this.canvas;
       }
+
       if (this.image) {
         this.image.removeAttribute('src');
         delete this.image;
       }
     }
   }, {
-    key: 'update',
+    key: "update",
     value: function update(rotation) {
       if (typeof rotation !== 'undefined') {
         this.rotation = rotation;
       }
+
       var totalRotation = (this.rotation + this.pdfPageRotate) % 360;
       this.viewport = this.viewport.clone({
         scale: 1,
@@ -179,61 +203,72 @@ var PDFThumbnailView = function () {
       this.reset();
     }
   }, {
-    key: 'cancelRendering',
+    key: "cancelRendering",
     value: function cancelRendering() {
       if (this.renderTask) {
         this.renderTask.cancel();
         this.renderTask = null;
       }
-      this.renderingState = _pdf_rendering_queue.RenderingStates.INITIAL;
+
       this.resume = null;
     }
   }, {
-    key: '_getPageDrawContext',
+    key: "_getPageDrawContext",
     value: function _getPageDrawContext() {
       var noCtxScale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
       var canvas = document.createElement('canvas');
       this.canvas = canvas;
       canvas.mozOpaque = true;
-      var ctx = canvas.getContext('2d', { alpha: false });
+      var ctx = canvas.getContext('2d', {
+        alpha: false
+      });
       var outputScale = (0, _ui_utils.getOutputScale)(ctx);
       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';
+
       if (!noCtxScale && outputScale.scaled) {
         ctx.scale(outputScale.sx, outputScale.sy);
       }
+
       return ctx;
     }
   }, {
-    key: '_convertCanvasToImage',
+    key: "_convertCanvasToImage",
     value: function _convertCanvasToImage() {
       var _this = this;
 
       if (!this.canvas) {
         return;
       }
+
       if (this.renderingState !== _pdf_rendering_queue.RenderingStates.FINISHED) {
         return;
       }
+
       var id = this.renderingId;
       var className = 'thumbnailImage';
+
       if (this.disableCanvasToImageConversion) {
         this.canvas.id = id;
         this.canvas.className = className;
-        this.l10n.get('thumb_page_canvas', { page: this.pageId }, 'Thumbnail of Page {{page}}').then(function (msg) {
+        this.l10n.get('thumb_page_canvas', {
+          page: this.pageId
+        }, 'Thumbnail of Page {{page}}').then(function (msg) {
           _this.canvas.setAttribute('aria-label', msg);
         });
         this.div.setAttribute('data-loaded', true);
         this.ring.appendChild(this.canvas);
         return;
       }
+
       var image = document.createElement('img');
       image.id = id;
       image.className = className;
-      this.l10n.get('thumb_page_canvas', { page: this.pageId }, 'Thumbnail of Page {{page}}').then(function (msg) {
+      this.l10n.get('thumb_page_canvas', {
+        page: this.pageId
+      }, 'Thumbnail of Page {{page}}').then(function (msg) {
         image.setAttribute('aria-label', msg);
       });
       image.style.width = this.canvasWidth + 'px';
@@ -247,7 +282,7 @@ var PDFThumbnailView = function () {
       delete this.canvas;
     }
   }, {
-    key: 'draw',
+    key: "draw",
     value: function draw() {
       var _this2 = this;
 
@@ -255,37 +290,52 @@ var PDFThumbnailView = function () {
         console.error('Must be in new state before drawing');
         return Promise.resolve(undefined);
       }
+
       this.renderingState = _pdf_rendering_queue.RenderingStates.RUNNING;
       var renderCapability = (0, _pdf.createPromiseCapability)();
+
       var finishRenderTask = function finishRenderTask(error) {
         if (renderTask === _this2.renderTask) {
           _this2.renderTask = null;
         }
+
         if (error instanceof _pdf.RenderingCancelledException) {
           renderCapability.resolve(undefined);
           return;
         }
+
         _this2.renderingState = _pdf_rendering_queue.RenderingStates.FINISHED;
+
         _this2._convertCanvasToImage();
+
         if (!error) {
           renderCapability.resolve(undefined);
         } else {
           renderCapability.reject(error);
         }
       };
+
       var ctx = this._getPageDrawContext();
-      var drawViewport = this.viewport.clone({ scale: this.scale });
+
+      var drawViewport = this.viewport.clone({
+        scale: this.scale
+      });
+
       var renderContinueCallback = function renderContinueCallback(cont) {
         if (!_this2.renderingQueue.isHighestPriority(_this2)) {
           _this2.renderingState = _pdf_rendering_queue.RenderingStates.PAUSED;
+
           _this2.resume = function () {
             _this2.renderingState = _pdf_rendering_queue.RenderingStates.RUNNING;
             cont();
           };
+
           return;
         }
+
         cont();
       };
+
       var renderContext = {
         canvasContext: ctx,
         viewport: drawViewport
@@ -300,56 +350,77 @@ var PDFThumbnailView = function () {
       return renderCapability.promise;
     }
   }, {
-    key: 'setImage',
+    key: "setImage",
     value: function setImage(pageView) {
       if (this.renderingState !== _pdf_rendering_queue.RenderingStates.INITIAL) {
         return;
       }
+
       var img = pageView.canvas;
+
       if (!img) {
         return;
       }
+
       if (!this.pdfPage) {
         this.setPdfPage(pageView.pdfPage);
       }
+
       this.renderingState = _pdf_rendering_queue.RenderingStates.FINISHED;
+
       var ctx = this._getPageDrawContext(true);
+
       var canvas = ctx.canvas;
+
       if (img.width <= 2 * canvas.width) {
         ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, canvas.width, canvas.height);
+
         this._convertCanvasToImage();
+
         return;
       }
+
       var reducedWidth = canvas.width << MAX_NUM_SCALING_STEPS;
       var reducedHeight = canvas.height << MAX_NUM_SCALING_STEPS;
       var reducedImage = TempImageFactory.getCanvas(reducedWidth, reducedHeight);
       var reducedImageCtx = reducedImage.getContext('2d');
+
       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();
     }
   }, {
-    key: 'setPageLabel',
+    key: "setPageLabel",
     value: function setPageLabel(label) {
       var _this3 = this;
 
       this.pageLabel = typeof label === 'string' ? label : null;
-      this.l10n.get('thumb_page_title', { page: this.pageId }, 'Page {{page}}').then(function (msg) {
+      this.l10n.get('thumb_page_title', {
+        page: this.pageId
+      }, 'Page {{page}}').then(function (msg) {
         _this3.anchor.title = msg;
       });
+
       if (this.renderingState !== _pdf_rendering_queue.RenderingStates.FINISHED) {
         return;
       }
-      this.l10n.get('thumb_page_canvas', { page: this.pageId }, 'Thumbnail of Page {{page}}').then(function (ariaLabel) {
+
+      this.l10n.get('thumb_page_canvas', {
+        page: this.pageId
+      }, 'Thumbnail of Page {{page}}').then(function (ariaLabel) {
         if (_this3.image) {
           _this3.image.setAttribute('aria-label', ariaLabel);
         } else if (_this3.disableCanvasToImageConversion && _this3.canvas) {
@@ -358,12 +429,12 @@ var PDFThumbnailView = function () {
       });
     }
   }, {
-    key: 'pageId',
+    key: "pageId",
     get: function get() {
       return this.pageLabel !== null ? this.pageLabel : this.id;
     }
   }], [{
-    key: 'cleanup',
+    key: "cleanup",
     value: function cleanup() {
       TempImageFactory.destroyCanvas();
     }