pdfjs-dist 2.0.487 → 2.1.266

package/lib/web/text_layer_builder.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 2018 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,38 +19,42 @@
  * @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.DefaultTextLayerFactory = exports.TextLayerBuilder = undefined;
+exports.DefaultTextLayerFactory = exports.TextLayerBuilder = 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 _dom_events = require('./dom_events');
-
-var _pdf = require('../pdf');
+var _pdf = require("../pdf");
 
 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 EXPAND_DIVS_TIMEOUT = 300;
 
-var TextLayerBuilder = function () {
+var TextLayerBuilder =
+/*#__PURE__*/
+function () {
   function TextLayerBuilder(_ref) {
     var textLayerDiv = _ref.textLayerDiv,
         eventBus = _ref.eventBus,
         pageIndex = _ref.pageIndex,
         viewport = _ref.viewport,
         _ref$findController = _ref.findController,
-        findController = _ref$findController === undefined ? null : _ref$findController,
+        findController = _ref$findController === void 0 ? null : _ref$findController,
         _ref$enhanceTextSelec = _ref.enhanceTextSelection,
-        enhanceTextSelection = _ref$enhanceTextSelec === undefined ? false : _ref$enhanceTextSelec;
+        enhanceTextSelection = _ref$enhanceTextSelec === void 0 ? false : _ref$enhanceTextSelec;
 
     _classCallCheck(this, TextLayerBuilder);
 
     this.textLayerDiv = textLayerDiv;
-    this.eventBus = eventBus || (0, _dom_events.getGlobalEventBus)();
+    this.eventBus = eventBus || (0, _ui_utils.getGlobalEventBus)();
     this.textContent = null;
     this.textContentItemsStr = [];
     this.textContentStream = null;
@@ -63,18 +67,24 @@ var TextLayerBuilder = function () {
     this.findController = findController;
     this.textLayerRenderTask = null;
     this.enhanceTextSelection = enhanceTextSelection;
+    this._boundEvents = Object.create(null);
+
+    this._bindEvents();
+
     this._bindMouse();
   }
 
   _createClass(TextLayerBuilder, [{
-    key: '_finishRendering',
+    key: "_finishRendering",
     value: function _finishRendering() {
       this.renderingDone = true;
+
       if (!this.enhanceTextSelection) {
         var endOfContent = document.createElement('div');
         endOfContent.className = 'endOfContent';
         this.textLayerDiv.appendChild(endOfContent);
       }
+
       this.eventBus.dispatch('textlayerrendered', {
         source: this,
         pageNumber: this.pageNumber,
@@ -82,7 +92,7 @@ var TextLayerBuilder = function () {
       });
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var _this = this;
 
@@ -91,6 +101,7 @@ var TextLayerBuilder = function () {
       if (!(this.textContent || this.textContentStream) || this.renderingDone) {
         return;
       }
+
       this.cancel();
       this.textDivs = [];
       var textLayerFrag = document.createDocumentFragment();
@@ -106,12 +117,14 @@ var TextLayerBuilder = function () {
       });
       this.textLayerRenderTask.promise.then(function () {
         _this.textLayerDiv.appendChild(textLayerFrag);
+
         _this._finishRendering();
-        _this.updateMatches();
+
+        _this._updateMatches();
       }, function (reason) {});
     }
   }, {
-    key: 'cancel',
+    key: "cancel",
     value: function cancel() {
       if (this.textLayerRenderTask) {
         this.textLayerRenderTask.cancel();
@@ -119,87 +132,102 @@ var TextLayerBuilder = function () {
       }
     }
   }, {
-    key: 'setTextContentStream',
+    key: "setTextContentStream",
     value: function setTextContentStream(readableStream) {
       this.cancel();
       this.textContentStream = readableStream;
     }
   }, {
-    key: 'setTextContent',
+    key: "setTextContent",
     value: function setTextContent(textContent) {
       this.cancel();
       this.textContent = textContent;
     }
   }, {
-    key: 'convertMatches',
-    value: function convertMatches(matches, matchesLength) {
-      var i = 0;
-      var iIndex = 0;
-      var textContentItemsStr = this.textContentItemsStr;
-      var end = textContentItemsStr.length - 1;
-      var queryLen = this.findController === null ? 0 : this.findController.state.query.length;
-      var ret = [];
+    key: "_convertMatches",
+    value: function _convertMatches(matches, matchesLength) {
       if (!matches) {
-        return ret;
+        return [];
       }
-      for (var m = 0, len = matches.length; m < len; m++) {
+
+      var findController = this.findController,
+          textContentItemsStr = this.textContentItemsStr;
+      var i = 0,
+          iIndex = 0;
+      var end = textContentItemsStr.length - 1;
+      var queryLen = findController.state.query.length;
+      var result = [];
+
+      for (var m = 0, mm = matches.length; m < mm; m++) {
         var matchIdx = matches[m];
+
         while (i !== end && matchIdx >= iIndex + textContentItemsStr[i].length) {
           iIndex += textContentItemsStr[i].length;
           i++;
         }
+
         if (i === textContentItemsStr.length) {
           console.error('Could not find a matching mapping');
         }
+
         var match = {
           begin: {
             divIdx: i,
             offset: matchIdx - iIndex
           }
         };
+
         if (matchesLength) {
           matchIdx += matchesLength[m];
         } else {
           matchIdx += queryLen;
         }
+
         while (i !== end && matchIdx > iIndex + textContentItemsStr[i].length) {
           iIndex += textContentItemsStr[i].length;
           i++;
         }
+
         match.end = {
           divIdx: i,
           offset: matchIdx - iIndex
         };
-        ret.push(match);
+        result.push(match);
       }
-      return ret;
+
+      return result;
     }
   }, {
-    key: 'renderMatches',
-    value: function renderMatches(matches) {
+    key: "_renderMatches",
+    value: function _renderMatches(matches) {
       if (matches.length === 0) {
         return;
       }
-      var textContentItemsStr = this.textContentItemsStr;
-      var textDivs = this.textDivs;
+
+      var findController = this.findController,
+          pageIdx = this.pageIdx,
+          textContentItemsStr = this.textContentItemsStr,
+          textDivs = this.textDivs;
+      var isSelectedPage = pageIdx === findController.selected.pageIdx;
+      var selectedMatchIdx = findController.selected.matchIdx;
+      var highlightAll = findController.state.highlightAll;
       var prevEnd = null;
-      var pageIdx = this.pageIdx;
-      var isSelectedPage = this.findController === null ? false : pageIdx === this.findController.selected.pageIdx;
-      var selectedMatchIdx = this.findController === null ? -1 : this.findController.selected.matchIdx;
-      var highlightAll = this.findController === null ? false : this.findController.state.highlightAll;
       var infinity = {
         divIdx: -1,
         offset: undefined
       };
+
       function beginText(begin, className) {
         var divIdx = begin.divIdx;
         textDivs[divIdx].textContent = '';
         appendTextToDiv(divIdx, 0, begin.offset, className);
       }
+
       function appendTextToDiv(divIdx, fromOffset, toOffset, className) {
         var div = textDivs[divIdx];
         var content = textContentItemsStr[divIdx].substring(fromOffset, toOffset);
         var node = document.createTextNode(content);
+
         if (className) {
           var span = document.createElement('span');
           span.className = className;
@@ -207,123 +235,190 @@ var TextLayerBuilder = function () {
           div.appendChild(span);
           return;
         }
+
         div.appendChild(node);
       }
+
       var i0 = selectedMatchIdx,
           i1 = i0 + 1;
+
       if (highlightAll) {
         i0 = 0;
         i1 = matches.length;
       } else if (!isSelectedPage) {
         return;
       }
+
       for (var i = i0; i < i1; i++) {
         var match = matches[i];
         var begin = match.begin;
         var end = match.end;
         var isSelected = isSelectedPage && i === selectedMatchIdx;
         var highlightSuffix = isSelected ? ' selected' : '';
-        if (this.findController) {
-          this.findController.updateMatchPosition(pageIdx, i, textDivs, begin.divIdx);
+
+        if (isSelected) {
+          findController.scrollMatchIntoView({
+            element: textDivs[begin.divIdx],
+            pageIndex: pageIdx,
+            matchIndex: selectedMatchIdx
+          });
         }
+
         if (!prevEnd || begin.divIdx !== prevEnd.divIdx) {
           if (prevEnd !== null) {
             appendTextToDiv(prevEnd.divIdx, prevEnd.offset, infinity.offset);
           }
+
           beginText(begin);
         } else {
           appendTextToDiv(prevEnd.divIdx, prevEnd.offset, begin.offset);
         }
+
         if (begin.divIdx === end.divIdx) {
           appendTextToDiv(begin.divIdx, begin.offset, end.offset, 'highlight' + highlightSuffix);
         } else {
           appendTextToDiv(begin.divIdx, begin.offset, infinity.offset, 'highlight begin' + highlightSuffix);
+
           for (var n0 = begin.divIdx + 1, n1 = end.divIdx; n0 < n1; n0++) {
             textDivs[n0].className = 'highlight middle' + highlightSuffix;
           }
+
           beginText(end, 'highlight end' + highlightSuffix);
         }
+
         prevEnd = end;
       }
+
       if (prevEnd) {
         appendTextToDiv(prevEnd.divIdx, prevEnd.offset, infinity.offset);
       }
     }
   }, {
-    key: 'updateMatches',
-    value: function updateMatches() {
+    key: "_updateMatches",
+    value: function _updateMatches() {
       if (!this.renderingDone) {
         return;
       }
-      var matches = this.matches;
-      var textDivs = this.textDivs;
-      var textContentItemsStr = this.textContentItemsStr;
+
+      var findController = this.findController,
+          matches = this.matches,
+          pageIdx = this.pageIdx,
+          textContentItemsStr = this.textContentItemsStr,
+          textDivs = this.textDivs;
       var clearedUntilDivIdx = -1;
-      for (var i = 0, len = matches.length; i < len; i++) {
+
+      for (var i = 0, ii = matches.length; i < ii; i++) {
         var match = matches[i];
         var begin = Math.max(clearedUntilDivIdx, match.begin.divIdx);
+
         for (var n = begin, end = match.end.divIdx; n <= end; n++) {
           var div = textDivs[n];
           div.textContent = textContentItemsStr[n];
           div.className = '';
         }
+
         clearedUntilDivIdx = match.end.divIdx + 1;
       }
-      if (this.findController === null || !this.findController.active) {
+
+      if (!findController || !findController.highlightMatches) {
         return;
       }
-      var pageMatches = void 0,
-          pageMatchesLength = void 0;
-      if (this.findController !== null) {
-        pageMatches = this.findController.pageMatches[this.pageIdx] || null;
-        pageMatchesLength = this.findController.pageMatchesLength ? this.findController.pageMatchesLength[this.pageIdx] || null : null;
-      }
-      this.matches = this.convertMatches(pageMatches, pageMatchesLength);
-      this.renderMatches(this.matches);
+
+      var pageMatches = findController.pageMatches[pageIdx] || null;
+      var pageMatchesLength = findController.pageMatchesLength[pageIdx] || null;
+      this.matches = this._convertMatches(pageMatches, pageMatchesLength);
+
+      this._renderMatches(this.matches);
     }
   }, {
-    key: '_bindMouse',
-    value: function _bindMouse() {
+    key: "_bindEvents",
+    value: function _bindEvents() {
       var _this2 = this;
 
+      var eventBus = this.eventBus,
+          _boundEvents = this._boundEvents;
+
+      _boundEvents.pageCancelled = function (evt) {
+        if (evt.pageNumber !== _this2.pageNumber) {
+          return;
+        }
+
+        if (_this2.textLayerRenderTask) {
+          console.error('TextLayerBuilder._bindEvents: `this.cancel()` should ' + 'have been called when the page was reset, or rendering cancelled.');
+          return;
+        }
+
+        for (var name in _boundEvents) {
+          eventBus.off(name.toLowerCase(), _boundEvents[name]);
+          delete _boundEvents[name];
+        }
+      };
+
+      _boundEvents.updateTextLayerMatches = function (evt) {
+        if (evt.pageIndex !== _this2.pageIdx && evt.pageIndex !== -1) {
+          return;
+        }
+
+        _this2._updateMatches();
+      };
+
+      eventBus.on('pagecancelled', _boundEvents.pageCancelled);
+      eventBus.on('updatetextlayermatches', _boundEvents.updateTextLayerMatches);
+    }
+  }, {
+    key: "_bindMouse",
+    value: function _bindMouse() {
+      var _this3 = this;
+
       var div = this.textLayerDiv;
       var expandDivsTimer = null;
       div.addEventListener('mousedown', function (evt) {
-        if (_this2.enhanceTextSelection && _this2.textLayerRenderTask) {
-          _this2.textLayerRenderTask.expandTextDivs(true);
+        if (_this3.enhanceTextSelection && _this3.textLayerRenderTask) {
+          _this3.textLayerRenderTask.expandTextDivs(true);
+
           if (expandDivsTimer) {
             clearTimeout(expandDivsTimer);
             expandDivsTimer = null;
           }
+
           return;
         }
+
         var end = div.querySelector('.endOfContent');
+
         if (!end) {
           return;
         }
+
         var adjustTop = evt.target !== div;
         adjustTop = adjustTop && window.getComputedStyle(end).getPropertyValue('-moz-user-select') !== 'none';
+
         if (adjustTop) {
           var divBounds = div.getBoundingClientRect();
           var r = Math.max(0, (evt.pageY - divBounds.top) / divBounds.height);
           end.style.top = (r * 100).toFixed(2) + '%';
         }
+
         end.classList.add('active');
       });
       div.addEventListener('mouseup', function () {
-        if (_this2.enhanceTextSelection && _this2.textLayerRenderTask) {
+        if (_this3.enhanceTextSelection && _this3.textLayerRenderTask) {
           expandDivsTimer = setTimeout(function () {
-            if (_this2.textLayerRenderTask) {
-              _this2.textLayerRenderTask.expandTextDivs(false);
+            if (_this3.textLayerRenderTask) {
+              _this3.textLayerRenderTask.expandTextDivs(false);
             }
+
             expandDivsTimer = null;
           }, EXPAND_DIVS_TIMEOUT);
           return;
         }
+
         var end = div.querySelector('.endOfContent');
+
         if (!end) {
           return;
         }
+
         end.style.top = '';
         end.classList.remove('active');
       });
@@ -333,16 +428,19 @@ var TextLayerBuilder = function () {
   return TextLayerBuilder;
 }();
 
-var DefaultTextLayerFactory = function () {
+exports.TextLayerBuilder = TextLayerBuilder;
+
+var DefaultTextLayerFactory =
+/*#__PURE__*/
+function () {
   function DefaultTextLayerFactory() {
     _classCallCheck(this, DefaultTextLayerFactory);
   }
 
   _createClass(DefaultTextLayerFactory, [{
-    key: 'createTextLayerBuilder',
+    key: "createTextLayerBuilder",
     value: function createTextLayerBuilder(textLayerDiv, pageIndex, viewport) {
       var enhanceTextSelection = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
       return new TextLayerBuilder({
         textLayerDiv: textLayerDiv,
         pageIndex: pageIndex,
@@ -355,5 +453,4 @@ var DefaultTextLayerFactory = function () {
   return DefaultTextLayerFactory;
 }();
 
-exports.TextLayerBuilder = TextLayerBuilder;
 exports.DefaultTextLayerFactory = DefaultTextLayerFactory;