pdfjs-dist 2.0.943 → 2.4.456

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 2018 Mozilla Foundation
+ * Copyright 2020 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,49 +19,39 @@
  * @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.js");
 
-var _base_viewer = require('./base_viewer');
+var _pdf_cursor_tools = require("./pdf_cursor_tools.js");
 
-var _pdf_cursor_tools = require('./pdf_cursor_tools');
-
-var _pdf_single_page_viewer = require('./pdf_single_page_viewer');
-
-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 SecondaryToolbar = function () {
-  function SecondaryToolbar(options, mainContainer, eventBus) {
-    var _this = this;
-
-    _classCallCheck(this, SecondaryToolbar);
+var _pdf_single_page_viewer = require("./pdf_single_page_viewer.js");
 
+class SecondaryToolbar {
+  constructor(options, mainContainer, eventBus) {
     this.toolbar = options.toolbar;
     this.toggleButton = options.toggleButton;
     this.toolbarButtonContainer = options.toolbarButtonContainer;
     this.buttons = [{
       element: options.presentationModeButton,
-      eventName: 'presentationmode',
+      eventName: "presentationmode",
       close: true
     }, {
       element: options.openFileButton,
-      eventName: 'openfile',
+      eventName: "openfile",
       close: true
     }, {
       element: options.printButton,
-      eventName: 'print',
+      eventName: "print",
       close: true
     }, {
       element: options.downloadButton,
-      eventName: 'download',
+      eventName: "download",
       close: true
     }, {
       element: options.viewBookmarkButton,
@@ -69,63 +59,79 @@ var SecondaryToolbar = function () {
       close: true
     }, {
       element: options.firstPageButton,
-      eventName: 'firstpage',
+      eventName: "firstpage",
       close: true
     }, {
       element: options.lastPageButton,
-      eventName: 'lastpage',
+      eventName: "lastpage",
       close: true
     }, {
       element: options.pageRotateCwButton,
-      eventName: 'rotatecw',
+      eventName: "rotatecw",
       close: false
     }, {
       element: options.pageRotateCcwButton,
-      eventName: 'rotateccw',
+      eventName: "rotateccw",
       close: false
     }, {
       element: options.cursorSelectToolButton,
-      eventName: 'switchcursortool',
-      eventDetails: { tool: _pdf_cursor_tools.CursorTool.SELECT },
+      eventName: "switchcursortool",
+      eventDetails: {
+        tool: _pdf_cursor_tools.CursorTool.SELECT
+      },
       close: true
     }, {
       element: options.cursorHandToolButton,
-      eventName: 'switchcursortool',
-      eventDetails: { tool: _pdf_cursor_tools.CursorTool.HAND },
+      eventName: "switchcursortool",
+      eventDetails: {
+        tool: _pdf_cursor_tools.CursorTool.HAND
+      },
       close: true
     }, {
       element: options.scrollVerticalButton,
-      eventName: 'switchscrollmode',
-      eventDetails: { mode: _base_viewer.ScrollMode.VERTICAL },
+      eventName: "switchscrollmode",
+      eventDetails: {
+        mode: _ui_utils.ScrollMode.VERTICAL
+      },
       close: true
     }, {
       element: options.scrollHorizontalButton,
-      eventName: 'switchscrollmode',
-      eventDetails: { mode: _base_viewer.ScrollMode.HORIZONTAL },
+      eventName: "switchscrollmode",
+      eventDetails: {
+        mode: _ui_utils.ScrollMode.HORIZONTAL
+      },
       close: true
     }, {
       element: options.scrollWrappedButton,
-      eventName: 'switchscrollmode',
-      eventDetails: { mode: _base_viewer.ScrollMode.WRAPPED },
+      eventName: "switchscrollmode",
+      eventDetails: {
+        mode: _ui_utils.ScrollMode.WRAPPED
+      },
       close: true
     }, {
       element: options.spreadNoneButton,
-      eventName: 'switchspreadmode',
-      eventDetails: { mode: _base_viewer.SpreadMode.NONE },
+      eventName: "switchspreadmode",
+      eventDetails: {
+        mode: _ui_utils.SpreadMode.NONE
+      },
       close: true
     }, {
       element: options.spreadOddButton,
-      eventName: 'switchspreadmode',
-      eventDetails: { mode: _base_viewer.SpreadMode.ODD },
+      eventName: "switchspreadmode",
+      eventDetails: {
+        mode: _ui_utils.SpreadMode.ODD
+      },
       close: true
     }, {
       element: options.spreadEvenButton,
-      eventName: 'switchspreadmode',
-      eventDetails: { mode: _base_viewer.SpreadMode.EVEN },
+      eventName: "switchspreadmode",
+      eventDetails: {
+        mode: _ui_utils.SpreadMode.EVEN
+      },
       close: true
     }, {
       element: options.documentPropertiesButton,
-      eventName: 'documentproperties',
+      eventName: "documentproperties",
       close: true
     }];
     this.items = {
@@ -140,207 +146,188 @@ 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) {
+
+    this.eventBus._on("resize", this._setMaxHeight.bind(this));
+
+    this.eventBus._on("baseviewerinit", evt => {
       if (evt.source instanceof _pdf_single_page_viewer.PDFSinglePageViewer) {
-        _this.toolbarButtonContainer.classList.add('hiddenScrollModeButtons', 'hiddenSpreadModeButtons');
+        this.toolbarButtonContainer.classList.add("hiddenScrollModeButtons", "hiddenSpreadModeButtons");
       } else {
-        _this.toolbarButtonContainer.classList.remove('hiddenScrollModeButtons', 'hiddenSpreadModeButtons');
+        this.toolbarButtonContainer.classList.remove("hiddenScrollModeButtons", "hiddenSpreadModeButtons");
       }
     });
   }
 
-  _createClass(SecondaryToolbar, [{
-    key: 'setPageNumber',
-    value: function setPageNumber(pageNumber) {
-      this.pageNumber = pageNumber;
-      this._updateUIState();
-    }
-  }, {
-    key: 'setPagesCount',
-    value: function setPagesCount(pagesCount) {
-      this.pagesCount = pagesCount;
-      this._updateUIState();
-    }
-  }, {
-    key: 'reset',
-    value: function reset() {
-      this.pageNumber = 0;
-      this.pagesCount = 0;
-      this._updateUIState();
-      this.eventBus.dispatch('secondarytoolbarreset', { source: this });
-    }
-  }, {
-    key: '_updateUIState',
-    value: function _updateUIState() {
-      this.items.firstPage.disabled = this.pageNumber <= 1;
-      this.items.lastPage.disabled = this.pageNumber >= this.pagesCount;
-      this.items.pageRotateCw.disabled = this.pagesCount === 0;
-      this.items.pageRotateCcw.disabled = this.pagesCount === 0;
-    }
-  }, {
-    key: '_bindClickListeners',
-    value: function _bindClickListeners() {
-      var _this2 = this;
-
-      this.toggleButton.addEventListener('click', this.toggle.bind(this));
-
-      var _loop = function _loop(button) {
-        var _buttons$button = _this2.buttons[button],
-            element = _buttons$button.element,
-            eventName = _buttons$button.eventName,
-            close = _buttons$button.close,
-            eventDetails = _buttons$button.eventDetails;
-
-        element.addEventListener('click', function (evt) {
-          if (eventName !== null) {
-            var details = { source: _this2 };
-            for (var property in eventDetails) {
-              details[property] = eventDetails[property];
-            }
-            _this2.eventBus.dispatch(eventName, details);
-          }
-          if (close) {
-            _this2.close();
+  get isOpen() {
+    return this.opened;
+  }
+
+  setPageNumber(pageNumber) {
+    this.pageNumber = pageNumber;
+
+    this._updateUIState();
+  }
+
+  setPagesCount(pagesCount) {
+    this.pagesCount = pagesCount;
+
+    this._updateUIState();
+  }
+
+  reset() {
+    this.pageNumber = 0;
+    this.pagesCount = 0;
+
+    this._updateUIState();
+
+    this.eventBus.dispatch("secondarytoolbarreset", {
+      source: this
+    });
+  }
+
+  _updateUIState() {
+    this.items.firstPage.disabled = this.pageNumber <= 1;
+    this.items.lastPage.disabled = this.pageNumber >= this.pagesCount;
+    this.items.pageRotateCw.disabled = this.pagesCount === 0;
+    this.items.pageRotateCcw.disabled = this.pagesCount === 0;
+  }
+
+  _bindClickListeners() {
+    this.toggleButton.addEventListener("click", this.toggle.bind(this));
+
+    for (const {
+      element,
+      eventName,
+      close,
+      eventDetails
+    } of this.buttons) {
+      element.addEventListener("click", evt => {
+        if (eventName !== null) {
+          const details = {
+            source: this
+          };
+
+          for (const property in eventDetails) {
+            details[property] = eventDetails[property];
           }
-        });
-      };
 
-      for (var button in this.buttons) {
-        _loop(button);
-      }
-    }
-  }, {
-    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.dispatch(eventName, details);
         }
-      });
-    }
-  }, {
-    key: '_bindScrollModeListener',
-    value: function _bindScrollModeListener(buttons) {
-      var _this3 = this;
-
-      function scrollModeChanged(evt) {
-        buttons.scrollVerticalButton.classList.remove('toggled');
-        buttons.scrollHorizontalButton.classList.remove('toggled');
-        buttons.scrollWrappedButton.classList.remove('toggled');
-        switch (evt.mode) {
-          case _base_viewer.ScrollMode.VERTICAL:
-            buttons.scrollVerticalButton.classList.add('toggled');
-            break;
-          case _base_viewer.ScrollMode.HORIZONTAL:
-            buttons.scrollHorizontalButton.classList.add('toggled');
-            break;
-          case _base_viewer.ScrollMode.WRAPPED:
-            buttons.scrollWrappedButton.classList.add('toggled');
-            break;
-        }
-        var isScrollModeHorizontal = evt.mode === _base_viewer.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: _base_viewer.ScrollMode.VERTICAL });
+
+        if (close) {
+          this.close();
         }
       });
     }
-  }, {
-    key: '_bindSpreadModeListener',
-    value: function _bindSpreadModeListener(buttons) {
-      var _this4 = this;
-
-      function spreadModeChanged(evt) {
-        buttons.spreadNoneButton.classList.remove('toggled');
-        buttons.spreadOddButton.classList.remove('toggled');
-        buttons.spreadEvenButton.classList.remove('toggled');
-        switch (evt.mode) {
-          case _base_viewer.SpreadMode.NONE:
-            buttons.spreadNoneButton.classList.add('toggled');
-            break;
-          case _base_viewer.SpreadMode.ODD:
-            buttons.spreadOddButton.classList.add('toggled');
-            break;
-          case _base_viewer.SpreadMode.EVEN:
-            buttons.spreadEvenButton.classList.add('toggled');
-            break;
-        }
-      }
-      this.eventBus.on('spreadmodechanged', spreadModeChanged);
-      this.eventBus.on('secondarytoolbarreset', function (evt) {
-        if (evt.source === _this4) {
-          spreadModeChanged({ mode: _base_viewer.SpreadMode.NONE });
-        }
-      });
+  }
+
+  _bindCursorToolsListener(buttons) {
+    this.eventBus._on("cursortoolchanged", function ({
+      tool
+    }) {
+      buttons.cursorSelectToolButton.classList.toggle("toggled", tool === _pdf_cursor_tools.CursorTool.SELECT);
+      buttons.cursorHandToolButton.classList.toggle("toggled", tool === _pdf_cursor_tools.CursorTool.HAND);
+    });
+  }
+
+  _bindScrollModeListener(buttons) {
+    function scrollModeChanged({
+      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);
+      const isScrollModeHorizontal = mode === _ui_utils.ScrollMode.HORIZONTAL;
+      buttons.spreadNoneButton.disabled = isScrollModeHorizontal;
+      buttons.spreadOddButton.disabled = isScrollModeHorizontal;
+      buttons.spreadEvenButton.disabled = isScrollModeHorizontal;
     }
-  }, {
-    key: 'open',
-    value: function open() {
-      if (this.opened) {
-        return;
+
+    this.eventBus._on("scrollmodechanged", scrollModeChanged);
+
+    this.eventBus._on("secondarytoolbarreset", evt => {
+      if (evt.source === this) {
+        scrollModeChanged({
+          mode: _ui_utils.ScrollMode.VERTICAL
+        });
       }
-      this.opened = true;
-      this._setMaxHeight();
-      this.toggleButton.classList.add('toggled');
-      this.toolbar.classList.remove('hidden');
+    });
+  }
+
+  _bindSpreadModeListener(buttons) {
+    function spreadModeChanged({
+      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);
     }
-  }, {
-    key: 'close',
-    value: function close() {
-      if (!this.opened) {
-        return;
+
+    this.eventBus._on("spreadmodechanged", spreadModeChanged);
+
+    this.eventBus._on("secondarytoolbarreset", evt => {
+      if (evt.source === this) {
+        spreadModeChanged({
+          mode: _ui_utils.SpreadMode.NONE
+        });
       }
-      this.opened = false;
-      this.toolbar.classList.add('hidden');
-      this.toggleButton.classList.remove('toggled');
+    });
+  }
+
+  open() {
+    if (this.opened) {
+      return;
     }
-  }, {
-    key: 'toggle',
-    value: function toggle() {
-      if (this.opened) {
-        this.close();
-      } else {
-        this.open();
-      }
+
+    this.opened = true;
+
+    this._setMaxHeight();
+
+    this.toggleButton.classList.add("toggled");
+    this.toolbar.classList.remove("hidden");
+  }
+
+  close() {
+    if (!this.opened) {
+      return;
     }
-  }, {
-    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;
+
+    this.opened = false;
+    this.toolbar.classList.add("hidden");
+    this.toggleButton.classList.remove("toggled");
+  }
+
+  toggle() {
+    if (this.opened) {
+      this.close();
+    } else {
+      this.open();
+    }
+  }
+
+  _setMaxHeight() {
+    if (!this.opened) {
+      return;
     }
-  }, {
-    key: 'isOpen',
-    get: function get() {
-      return this.opened;
+
+    this.containerHeight = this.mainContainer.clientHeight;
+
+    if (this.containerHeight === this.previousContainerHeight) {
+      return;
     }
-  }]);
 
-  return SecondaryToolbar;
-}();
+    this.toolbarButtonContainer.style.maxHeight = `${this.containerHeight - _ui_utils.SCROLLBAR_PADDING}px`;
+    this.previousContainerHeight = this.containerHeight;
+  }
+
+}
 
 exports.SecondaryToolbar = SecondaryToolbar;