pdfjs-dist 2.0.550 → 2.3.200

package/lib/web/toolbar.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,62 +19,69 @@
  * @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.Toolbar = undefined;
+exports.Toolbar = 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 _ui_utils = require('./ui_utils');
+var _ui_utils = require("./ui_utils");
 
 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 PAGE_NUMBER_LOADING_INDICATOR = 'visiblePageIsLoading';
 var SCALE_SELECT_CONTAINER_PADDING = 8;
 var SCALE_SELECT_PADDING = 22;
 
-var Toolbar = function () {
-  function Toolbar(options, mainContainer, eventBus) {
-    var l10n = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _ui_utils.NullL10n;
+var Toolbar =
+/*#__PURE__*/
+function () {
+  function Toolbar(options, eventBus) {
+    var l10n = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _ui_utils.NullL10n;
 
     _classCallCheck(this, Toolbar);
 
     this.toolbar = options.container;
-    this.mainContainer = mainContainer;
     this.eventBus = eventBus;
     this.l10n = l10n;
     this.items = options;
     this._wasLocalized = false;
     this.reset();
+
     this._bindListeners();
   }
 
   _createClass(Toolbar, [{
-    key: 'setPageNumber',
+    key: "setPageNumber",
     value: function setPageNumber(pageNumber, pageLabel) {
       this.pageNumber = pageNumber;
       this.pageLabel = pageLabel;
+
       this._updateUIState(false);
     }
   }, {
-    key: 'setPagesCount',
+    key: "setPagesCount",
     value: function setPagesCount(pagesCount, hasPageLabels) {
       this.pagesCount = pagesCount;
       this.hasPageLabels = hasPageLabels;
+
       this._updateUIState(true);
     }
   }, {
-    key: 'setPageScale',
+    key: "setPageScale",
     value: function setPageScale(pageScaleValue, pageScale) {
-      this.pageScaleValue = pageScaleValue;
+      this.pageScaleValue = (pageScaleValue || pageScale).toString();
       this.pageScale = pageScale;
+
       this._updateUIState(false);
     }
   }, {
-    key: 'reset',
+    key: "reset",
     value: function reset() {
       this.pageNumber = 0;
       this.pageLabel = null;
@@ -82,28 +89,38 @@ var Toolbar = function () {
       this.pagesCount = 0;
       this.pageScaleValue = _ui_utils.DEFAULT_SCALE_VALUE;
       this.pageScale = _ui_utils.DEFAULT_SCALE;
+
       this._updateUIState(true);
+
+      this.updateLoadingIndicatorState();
     }
   }, {
-    key: '_bindListeners',
+    key: "_bindListeners",
     value: function _bindListeners() {
       var _this = this;
 
       var eventBus = this.eventBus,
           items = this.items;
-
       var self = this;
       items.previous.addEventListener('click', function () {
-        eventBus.dispatch('previouspage');
+        eventBus.dispatch('previouspage', {
+          source: self
+        });
       });
       items.next.addEventListener('click', function () {
-        eventBus.dispatch('nextpage');
+        eventBus.dispatch('nextpage', {
+          source: self
+        });
       });
       items.zoomIn.addEventListener('click', function () {
-        eventBus.dispatch('zoomin');
+        eventBus.dispatch('zoomin', {
+          source: self
+        });
       });
       items.zoomOut.addEventListener('click', function () {
-        eventBus.dispatch('zoomout');
+        eventBus.dispatch('zoomout', {
+          source: self
+        });
       });
       items.pageNumber.addEventListener('click', function () {
         this.select();
@@ -118,22 +135,31 @@ var Toolbar = function () {
         if (this.value === 'custom') {
           return;
         }
+
         eventBus.dispatch('scalechanged', {
           source: self,
           value: this.value
         });
       });
       items.presentationModeButton.addEventListener('click', function () {
-        eventBus.dispatch('presentationmode');
+        eventBus.dispatch('presentationmode', {
+          source: self
+        });
       });
       items.openFile.addEventListener('click', function () {
-        eventBus.dispatch('openfile');
+        eventBus.dispatch('openfile', {
+          source: self
+        });
       });
       items.print.addEventListener('click', function () {
-        eventBus.dispatch('print');
+        eventBus.dispatch('print', {
+          source: self
+        });
       });
       items.download.addEventListener('click', function () {
-        eventBus.dispatch('download');
+        eventBus.dispatch('download', {
+          source: self
+        });
       });
       items.scaleSelect.oncontextmenu = _ui_utils.noContextMenuHandler;
       eventBus.on('localized', function () {
@@ -141,37 +167,44 @@ var Toolbar = function () {
       });
     }
   }, {
-    key: '_localized',
+    key: "_localized",
     value: function _localized() {
       this._wasLocalized = true;
+
       this._adjustScaleWidth();
+
       this._updateUIState(true);
     }
   }, {
-    key: '_updateUIState',
+    key: "_updateUIState",
     value: function _updateUIState() {
       var resetNumPages = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
 
       if (!this._wasLocalized) {
         return;
       }
+
       var pageNumber = this.pageNumber,
           pagesCount = this.pagesCount,
+          pageScaleValue = this.pageScaleValue,
+          pageScale = this.pageScale,
           items = this.items;
 
-      var scaleValue = (this.pageScaleValue || this.pageScale).toString();
-      var scale = this.pageScale;
       if (resetNumPages) {
         if (this.hasPageLabels) {
           items.pageNumber.type = 'text';
         } else {
           items.pageNumber.type = 'number';
-          this.l10n.get('of_pages', { pagesCount: pagesCount }, 'of {{pagesCount}}').then(function (msg) {
+          this.l10n.get('of_pages', {
+            pagesCount: pagesCount
+          }, 'of {{pagesCount}}').then(function (msg) {
             items.numPages.textContent = msg;
           });
         }
+
         items.pageNumber.max = pagesCount;
       }
+
       if (this.hasPageLabels) {
         items.pageNumber.value = this.pageLabel;
         this.l10n.get('page_of_pages', {
@@ -183,23 +216,30 @@ var Toolbar = function () {
       } else {
         items.pageNumber.value = pageNumber;
       }
+
       items.previous.disabled = pageNumber <= 1;
       items.next.disabled = pageNumber >= pagesCount;
-      items.zoomOut.disabled = scale <= _ui_utils.MIN_SCALE;
-      items.zoomIn.disabled = scale >= _ui_utils.MAX_SCALE;
-      var customScale = Math.round(scale * 10000) / 100;
-      this.l10n.get('page_scale_percent', { scale: customScale }, '{{scale}}%').then(function (msg) {
+      items.zoomOut.disabled = pageScale <= _ui_utils.MIN_SCALE;
+      items.zoomIn.disabled = pageScale >= _ui_utils.MAX_SCALE;
+      var customScale = Math.round(pageScale * 10000) / 100;
+      this.l10n.get('page_scale_percent', {
+        scale: customScale
+      }, '{{scale}}%').then(function (msg) {
         var options = items.scaleSelect.options;
         var predefinedValueFound = false;
+
         for (var i = 0, ii = options.length; i < ii; i++) {
           var option = options[i];
-          if (option.value !== scaleValue) {
+
+          if (option.value !== pageScaleValue) {
             option.selected = false;
             continue;
           }
+
           option.selected = true;
           predefinedValueFound = true;
         }
+
         if (!predefinedValueFound) {
           items.customScaleOption.textContent = msg;
           items.customScaleOption.selected = true;
@@ -207,26 +247,23 @@ var Toolbar = function () {
       });
     }
   }, {
-    key: 'updateLoadingIndicatorState',
+    key: "updateLoadingIndicatorState",
     value: function updateLoadingIndicatorState() {
       var loading = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
       var pageNumberInput = this.items.pageNumber;
-      if (loading) {
-        pageNumberInput.classList.add(PAGE_NUMBER_LOADING_INDICATOR);
-      } else {
-        pageNumberInput.classList.remove(PAGE_NUMBER_LOADING_INDICATOR);
-      }
+      pageNumberInput.classList.toggle(PAGE_NUMBER_LOADING_INDICATOR, loading);
     }
   }, {
-    key: '_adjustScaleWidth',
+    key: "_adjustScaleWidth",
     value: function _adjustScaleWidth() {
       var container = this.items.scaleSelectContainer;
       var select = this.items.scaleSelect;
+
       _ui_utils.animationStarted.then(function () {
         if (container.clientWidth === 0) {
           container.setAttribute('style', 'display: inherit;');
         }
+
         if (container.clientWidth > 0) {
           select.setAttribute('style', 'min-width: inherit;');
           var width = select.clientWidth + SCALE_SELECT_CONTAINER_PADDING;