pdfjs-dist 2.2.228 → 2.6.347

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 2019 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.
@@ -26,44 +26,32 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SecondaryToolbar = void 0;
 
-var _ui_utils = require("./ui_utils");
+var _ui_utils = require("./ui_utils.js");
 
-var _pdf_cursor_tools = require("./pdf_cursor_tools");
+var _pdf_cursor_tools = require("./pdf_cursor_tools.js");
 
-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"); } }
-
-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);
+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,
@@ -71,79 +59,79 @@ 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',
+      eventName: "switchcursortool",
       eventDetails: {
         tool: _pdf_cursor_tools.CursorTool.SELECT
       },
       close: true
     }, {
       element: options.cursorHandToolButton,
-      eventName: 'switchcursortool',
+      eventName: "switchcursortool",
       eventDetails: {
         tool: _pdf_cursor_tools.CursorTool.HAND
       },
       close: true
     }, {
       element: options.scrollVerticalButton,
-      eventName: 'switchscrollmode',
+      eventName: "switchscrollmode",
       eventDetails: {
         mode: _ui_utils.ScrollMode.VERTICAL
       },
       close: true
     }, {
       element: options.scrollHorizontalButton,
-      eventName: 'switchscrollmode',
+      eventName: "switchscrollmode",
       eventDetails: {
         mode: _ui_utils.ScrollMode.HORIZONTAL
       },
       close: true
     }, {
       element: options.scrollWrappedButton,
-      eventName: 'switchscrollmode',
+      eventName: "switchscrollmode",
       eventDetails: {
         mode: _ui_utils.ScrollMode.WRAPPED
       },
       close: true
     }, {
       element: options.spreadNoneButton,
-      eventName: 'switchspreadmode',
+      eventName: "switchspreadmode",
       eventDetails: {
         mode: _ui_utils.SpreadMode.NONE
       },
       close: true
     }, {
       element: options.spreadOddButton,
-      eventName: 'switchspreadmode',
+      eventName: "switchspreadmode",
       eventDetails: {
         mode: _ui_utils.SpreadMode.ODD
       },
       close: true
     }, {
       element: options.spreadEvenButton,
-      eventName: 'switchspreadmode',
+      eventName: "switchspreadmode",
       eventDetails: {
         mode: _ui_utils.SpreadMode.EVEN
       },
       close: true
     }, {
       element: options.documentPropertiesButton,
-      eventName: 'documentproperties',
+      eventName: "documentproperties",
       close: true
     }];
     this.items = {
@@ -167,199 +155,179 @@ function () {
 
     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;
+  get isOpen() {
+    return this.opened;
+  }
 
-      this._updateUIState();
-    }
-  }, {
-    key: "setPagesCount",
-    value: function setPagesCount(pagesCount) {
-      this.pagesCount = pagesCount;
+  setPageNumber(pageNumber) {
+    this.pageNumber = pageNumber;
 
-      this._updateUIState();
-    }
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.pageNumber = 0;
-      this.pagesCount = 0;
+    this._updateUIState();
+  }
 
-      this._updateUIState();
+  setPagesCount(pagesCount) {
+    this.pagesCount = pagesCount;
 
-      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 _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: _this2
-            };
-
-            for (var property in eventDetails) {
-              details[property] = eventDetails[property];
-            }
-
-            _this2.eventBus.dispatch(eventName, details);
-          }
+    this._updateUIState();
+  }
+
+  reset() {
+    this.pageNumber = 0;
+    this.pagesCount = 0;
 
-          if (close) {
-            _this2.close();
+    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 (_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",
-    value: function _bindScrollModeListener(buttons) {
-      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.dispatch(eventName, details);
+        }
 
-      this.eventBus.on('scrollmodechanged', scrollModeChanged);
-      this.eventBus.on('secondarytoolbarreset', function (evt) {
-        if (evt.source === _this3) {
-          scrollModeChanged({
-            mode: _ui_utils.ScrollMode.VERTICAL
-          });
+        if (close) {
+          this.close();
         }
       });
     }
-  }, {
-    key: "_bindSpreadModeListener",
-    value: function _bindSpreadModeListener(buttons) {
-      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
-          });
-        }
-      });
+  _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.opened = true;
+    this.eventBus._on("scrollmodechanged", scrollModeChanged);
 
-      this._setMaxHeight();
+    this.eventBus._on("secondarytoolbarreset", evt => {
+      if (evt.source === this) {
+        scrollModeChanged({
+          mode: _ui_utils.ScrollMode.VERTICAL
+        });
+      }
+    });
+  }
 
-      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;
+    this.opened = false;
+    this.toolbar.classList.add("hidden");
+    this.toggleButton.classList.remove("toggled");
+  }
 
-      if (this.containerHeight === this.previousContainerHeight) {
-        return;
-      }
+  toggle() {
+    if (this.opened) {
+      this.close();
+    } else {
+      this.open();
+    }
+  }
 
-      this.toolbarButtonContainer.setAttribute('style', 'max-height: ' + (this.containerHeight - _ui_utils.SCROLLBAR_PADDING) + 'px;');
-      this.previousContainerHeight = this.containerHeight;
+  _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;