pdfjs-dist 2.0.550 → 2.3.200

package/lib/web/secondary_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,25 +19,31 @@
  * @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.SecondaryToolbar = undefined;
+exports.SecondaryToolbar = 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 _base_viewer = require('./base_viewer');
+var _pdf_cursor_tools = require("./pdf_cursor_tools");
 
-var _pdf_cursor_tools = require('./pdf_cursor_tools');
-
-var _ui_utils = require('./ui_utils');
+var _pdf_single_page_viewer = require("./pdf_single_page_viewer");
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var SecondaryToolbar = 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 SecondaryToolbar =
+/*#__PURE__*/
+function () {
   function SecondaryToolbar(options, mainContainer, eventBus) {
+    var _this = this;
+
     _classCallCheck(this, SecondaryToolbar);
 
     this.toolbar = options.toolbar;
@@ -82,42 +88,58 @@ var SecondaryToolbar = function () {
     }, {
       element: options.cursorSelectToolButton,
       eventName: 'switchcursortool',
-      eventDetails: { tool: _pdf_cursor_tools.CursorTool.SELECT },
+      eventDetails: {
+        tool: _pdf_cursor_tools.CursorTool.SELECT
+      },
       close: true
     }, {
       element: options.cursorHandToolButton,
       eventName: 'switchcursortool',
-      eventDetails: { tool: _pdf_cursor_tools.CursorTool.HAND },
+      eventDetails: {
+        tool: _pdf_cursor_tools.CursorTool.HAND
+      },
       close: true
     }, {
       element: options.scrollVerticalButton,
       eventName: 'switchscrollmode',
-      eventDetails: { mode: _base_viewer.ScrollMode.VERTICAL },
+      eventDetails: {
+        mode: _ui_utils.ScrollMode.VERTICAL
+      },
       close: true
     }, {
       element: options.scrollHorizontalButton,
       eventName: 'switchscrollmode',
-      eventDetails: { mode: _base_viewer.ScrollMode.HORIZONTAL },
+      eventDetails: {
+        mode: _ui_utils.ScrollMode.HORIZONTAL
+      },
       close: true
     }, {
       element: options.scrollWrappedButton,
       eventName: 'switchscrollmode',
-      eventDetails: { mode: _base_viewer.ScrollMode.WRAPPED },
+      eventDetails: {
+        mode: _ui_utils.ScrollMode.WRAPPED
+      },
       close: true
     }, {
       element: options.spreadNoneButton,
       eventName: 'switchspreadmode',
-      eventDetails: { mode: _base_viewer.SpreadMode.NONE },
+      eventDetails: {
+        mode: _ui_utils.SpreadMode.NONE
+      },
       close: true
     }, {
       element: options.spreadOddButton,
       eventName: 'switchspreadmode',
-      eventDetails: { mode: _base_viewer.SpreadMode.ODD },
+      eventDetails: {
+        mode: _ui_utils.SpreadMode.ODD
+      },
       close: true
     }, {
       element: options.spreadEvenButton,
       eventName: 'switchspreadmode',
-      eventDetails: { mode: _base_viewer.SpreadMode.EVEN },
+      eventDetails: {
+        mode: _ui_utils.SpreadMode.EVEN
+      },
       close: true
     }, {
       element: options.documentPropertiesButton,
@@ -136,34 +158,53 @@ var SecondaryToolbar = function () {
     this.containerHeight = null;
     this.previousContainerHeight = null;
     this.reset();
+
     this._bindClickListeners();
+
     this._bindCursorToolsListener(options);
+
     this._bindScrollModeListener(options);
+
     this._bindSpreadModeListener(options);
+
     this.eventBus.on('resize', this._setMaxHeight.bind(this));
+    this.eventBus.on('baseviewerinit', function (evt) {
+      if (evt.source instanceof _pdf_single_page_viewer.PDFSinglePageViewer) {
+        _this.toolbarButtonContainer.classList.add('hiddenScrollModeButtons', 'hiddenSpreadModeButtons');
+      } else {
+        _this.toolbarButtonContainer.classList.remove('hiddenScrollModeButtons', 'hiddenSpreadModeButtons');
+      }
+    });
   }
 
   _createClass(SecondaryToolbar, [{
-    key: 'setPageNumber',
+    key: "setPageNumber",
     value: function setPageNumber(pageNumber) {
       this.pageNumber = pageNumber;
+
       this._updateUIState();
     }
   }, {
-    key: 'setPagesCount',
+    key: "setPagesCount",
     value: function setPagesCount(pagesCount) {
       this.pagesCount = pagesCount;
+
       this._updateUIState();
     }
   }, {
-    key: 'reset',
+    key: "reset",
     value: function reset() {
       this.pageNumber = 0;
       this.pagesCount = 0;
+
       this._updateUIState();
+
+      this.eventBus.dispatch('secondarytoolbarreset', {
+        source: this
+      });
     }
   }, {
-    key: '_updateUIState',
+    key: "_updateUIState",
     value: function _updateUIState() {
       this.items.firstPage.disabled = this.pageNumber <= 1;
       this.items.lastPage.disabled = this.pageNumber >= this.pagesCount;
@@ -171,29 +212,33 @@ var SecondaryToolbar = function () {
       this.items.pageRotateCcw.disabled = this.pagesCount === 0;
     }
   }, {
-    key: '_bindClickListeners',
+    key: "_bindClickListeners",
     value: function _bindClickListeners() {
-      var _this = this;
+      var _this2 = this;
 
       this.toggleButton.addEventListener('click', this.toggle.bind(this));
 
       var _loop = function _loop(button) {
-        var _buttons$button = _this.buttons[button],
-            element = _buttons$button.element,
-            eventName = _buttons$button.eventName,
-            close = _buttons$button.close,
-            eventDetails = _buttons$button.eventDetails;
-
+        var _this2$buttons$button = _this2.buttons[button],
+            element = _this2$buttons$button.element,
+            eventName = _this2$buttons$button.eventName,
+            close = _this2$buttons$button.close,
+            eventDetails = _this2$buttons$button.eventDetails;
         element.addEventListener('click', function (evt) {
           if (eventName !== null) {
-            var details = { source: _this };
+            var details = {
+              source: _this2
+            };
+
             for (var property in eventDetails) {
               details[property] = eventDetails[property];
             }
-            _this.eventBus.dispatch(eventName, details);
+
+            _this2.eventBus.dispatch(eventName, details);
           }
+
           if (close) {
-            _this.close();
+            _this2.close();
           }
         });
       };
@@ -203,62 +248,87 @@ var SecondaryToolbar = function () {
       }
     }
   }, {
-    key: '_bindCursorToolsListener',
+    key: "_bindCursorToolsListener",
     value: function _bindCursorToolsListener(buttons) {
-      this.eventBus.on('cursortoolchanged', function (evt) {
-        buttons.cursorSelectToolButton.classList.remove('toggled');
-        buttons.cursorHandToolButton.classList.remove('toggled');
-        switch (evt.tool) {
-          case _pdf_cursor_tools.CursorTool.SELECT:
-            buttons.cursorSelectToolButton.classList.add('toggled');
-            break;
-          case _pdf_cursor_tools.CursorTool.HAND:
-            buttons.cursorHandToolButton.classList.add('toggled');
-            break;
-        }
+      this.eventBus.on('cursortoolchanged', function (_ref) {
+        var tool = _ref.tool;
+        buttons.cursorSelectToolButton.classList.toggle('toggled', tool === _pdf_cursor_tools.CursorTool.SELECT);
+        buttons.cursorHandToolButton.classList.toggle('toggled', tool === _pdf_cursor_tools.CursorTool.HAND);
       });
     }
   }, {
-    key: '_bindScrollModeListener',
+    key: "_bindScrollModeListener",
     value: function _bindScrollModeListener(buttons) {
-      this.eventBus.on('scrollmodechanged', function (evt) {
-        buttons.scrollVerticalButton.classList.toggle('toggled', evt.mode === _base_viewer.ScrollMode.VERTICAL);
-        buttons.scrollHorizontalButton.classList.toggle('toggled', evt.mode === _base_viewer.ScrollMode.HORIZONTAL);
-        buttons.scrollWrappedButton.classList.toggle('toggled', evt.mode === _base_viewer.ScrollMode.WRAPPED);
+      var _this3 = this;
+
+      function scrollModeChanged(_ref2) {
+        var mode = _ref2.mode;
+        buttons.scrollVerticalButton.classList.toggle('toggled', mode === _ui_utils.ScrollMode.VERTICAL);
+        buttons.scrollHorizontalButton.classList.toggle('toggled', mode === _ui_utils.ScrollMode.HORIZONTAL);
+        buttons.scrollWrappedButton.classList.toggle('toggled', mode === _ui_utils.ScrollMode.WRAPPED);
+        var isScrollModeHorizontal = mode === _ui_utils.ScrollMode.HORIZONTAL;
+        buttons.spreadNoneButton.disabled = isScrollModeHorizontal;
+        buttons.spreadOddButton.disabled = isScrollModeHorizontal;
+        buttons.spreadEvenButton.disabled = isScrollModeHorizontal;
+      }
+
+      this.eventBus.on('scrollmodechanged', scrollModeChanged);
+      this.eventBus.on('secondarytoolbarreset', function (evt) {
+        if (evt.source === _this3) {
+          scrollModeChanged({
+            mode: _ui_utils.ScrollMode.VERTICAL
+          });
+        }
       });
     }
   }, {
-    key: '_bindSpreadModeListener',
+    key: "_bindSpreadModeListener",
     value: function _bindSpreadModeListener(buttons) {
-      this.eventBus.on('spreadmodechanged', function (evt) {
-        buttons.spreadNoneButton.classList.toggle('toggled', evt.mode === _base_viewer.SpreadMode.NONE);
-        buttons.spreadOddButton.classList.toggle('toggled', evt.mode === _base_viewer.SpreadMode.ODD);
-        buttons.spreadEvenButton.classList.toggle('toggled', evt.mode === _base_viewer.SpreadMode.EVEN);
+      var _this4 = this;
+
+      function spreadModeChanged(_ref3) {
+        var mode = _ref3.mode;
+        buttons.spreadNoneButton.classList.toggle('toggled', mode === _ui_utils.SpreadMode.NONE);
+        buttons.spreadOddButton.classList.toggle('toggled', mode === _ui_utils.SpreadMode.ODD);
+        buttons.spreadEvenButton.classList.toggle('toggled', mode === _ui_utils.SpreadMode.EVEN);
+      }
+
+      this.eventBus.on('spreadmodechanged', spreadModeChanged);
+      this.eventBus.on('secondarytoolbarreset', function (evt) {
+        if (evt.source === _this4) {
+          spreadModeChanged({
+            mode: _ui_utils.SpreadMode.NONE
+          });
+        }
       });
     }
   }, {
-    key: 'open',
+    key: "open",
     value: function open() {
       if (this.opened) {
         return;
       }
+
       this.opened = true;
+
       this._setMaxHeight();
+
       this.toggleButton.classList.add('toggled');
       this.toolbar.classList.remove('hidden');
     }
   }, {
-    key: 'close',
+    key: "close",
     value: function close() {
       if (!this.opened) {
         return;
       }
+
       this.opened = false;
       this.toolbar.classList.add('hidden');
       this.toggleButton.classList.remove('toggled');
     }
   }, {
-    key: 'toggle',
+    key: "toggle",
     value: function toggle() {
       if (this.opened) {
         this.close();
@@ -267,20 +337,23 @@ var SecondaryToolbar = function () {
       }
     }
   }, {
-    key: '_setMaxHeight',
+    key: "_setMaxHeight",
     value: function _setMaxHeight() {
       if (!this.opened) {
         return;
       }
+
       this.containerHeight = this.mainContainer.clientHeight;
+
       if (this.containerHeight === this.previousContainerHeight) {
         return;
       }
+
       this.toolbarButtonContainer.setAttribute('style', 'max-height: ' + (this.containerHeight - _ui_utils.SCROLLBAR_PADDING) + 'px;');
       this.previousContainerHeight = this.containerHeight;
     }
   }, {
-    key: 'isOpen',
+    key: "isOpen",
     get: function get() {
       return this.opened;
     }