base_viewer.js 30 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184
  1. /**
  2. * @licstart The following is the entire license notice for the
  3. * Javascript code in this page
  4. *
  5. * Copyright 2020 Mozilla Foundation
  6. *
  7. * Licensed under the Apache License, Version 2.0 (the "License");
  8. * you may not use this file except in compliance with the License.
  9. * You may obtain a copy of the License at
  10. *
  11. * http://www.apache.org/licenses/LICENSE-2.0
  12. *
  13. * Unless required by applicable law or agreed to in writing, software
  14. * distributed under the License is distributed on an "AS IS" BASIS,
  15. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16. * See the License for the specific language governing permissions and
  17. * limitations under the License.
  18. *
  19. * @licend The above is the entire license notice for the
  20. * Javascript code in this page
  21. */
  22. "use strict";
  23. Object.defineProperty(exports, "__esModule", {
  24. value: true
  25. });
  26. exports.BaseViewer = void 0;
  27. var _ui_utils = require("./ui_utils.js");
  28. var _pdf_rendering_queue = require("./pdf_rendering_queue.js");
  29. var _annotation_layer_builder = require("./annotation_layer_builder.js");
  30. var _pdf = require("../pdf");
  31. var _pdf_page_view = require("./pdf_page_view.js");
  32. var _pdf_link_service = require("./pdf_link_service.js");
  33. var _text_layer_builder = require("./text_layer_builder.js");
  34. const DEFAULT_CACHE_SIZE = 10;
  35. function PDFPageViewBuffer(size) {
  36. const data = [];
  37. this.push = function (view) {
  38. const i = data.indexOf(view);
  39. if (i >= 0) {
  40. data.splice(i, 1);
  41. }
  42. data.push(view);
  43. if (data.length > size) {
  44. data.shift().destroy();
  45. }
  46. };
  47. this.resize = function (newSize, pagesToKeep) {
  48. size = newSize;
  49. if (pagesToKeep) {
  50. const pageIdsToKeep = new Set();
  51. for (let i = 0, iMax = pagesToKeep.length; i < iMax; ++i) {
  52. pageIdsToKeep.add(pagesToKeep[i].id);
  53. }
  54. (0, _ui_utils.moveToEndOfArray)(data, function (page) {
  55. return pageIdsToKeep.has(page.id);
  56. });
  57. }
  58. while (data.length > size) {
  59. data.shift().destroy();
  60. }
  61. };
  62. }
  63. function isSameScale(oldScale, newScale) {
  64. if (newScale === oldScale) {
  65. return true;
  66. }
  67. if (Math.abs(newScale - oldScale) < 1e-15) {
  68. return true;
  69. }
  70. return false;
  71. }
  72. class BaseViewer {
  73. constructor(options) {
  74. if (this.constructor === BaseViewer) {
  75. throw new Error("Cannot initialize BaseViewer.");
  76. }
  77. this._name = this.constructor.name;
  78. this.container = options.container;
  79. this.viewer = options.viewer || options.container.firstElementChild;
  80. if (!(this.container instanceof HTMLDivElement && this.viewer instanceof HTMLDivElement)) {
  81. throw new Error("Invalid `container` and/or `viewer` option.");
  82. }
  83. this.eventBus = options.eventBus;
  84. this.linkService = options.linkService || new _pdf_link_service.SimpleLinkService();
  85. this.downloadManager = options.downloadManager || null;
  86. this.findController = options.findController || null;
  87. this.removePageBorders = options.removePageBorders || false;
  88. this.textLayerMode = Number.isInteger(options.textLayerMode) ? options.textLayerMode : _ui_utils.TextLayerMode.ENABLE;
  89. this.imageResourcesPath = options.imageResourcesPath || "";
  90. this.renderInteractiveForms = typeof options.renderInteractiveForms === "boolean" ? options.renderInteractiveForms : true;
  91. this.enablePrintAutoRotate = options.enablePrintAutoRotate || false;
  92. this.renderer = options.renderer || _ui_utils.RendererType.CANVAS;
  93. this.enableWebGL = options.enableWebGL || false;
  94. this.useOnlyCssZoom = options.useOnlyCssZoom || false;
  95. this.maxCanvasPixels = options.maxCanvasPixels;
  96. this.l10n = options.l10n || _ui_utils.NullL10n;
  97. this.defaultRenderingQueue = !options.renderingQueue;
  98. if (this.defaultRenderingQueue) {
  99. this.renderingQueue = new _pdf_rendering_queue.PDFRenderingQueue();
  100. this.renderingQueue.setViewer(this);
  101. } else {
  102. this.renderingQueue = options.renderingQueue;
  103. }
  104. this.scroll = (0, _ui_utils.watchScroll)(this.container, this._scrollUpdate.bind(this));
  105. this.presentationModeState = _ui_utils.PresentationModeState.UNKNOWN;
  106. this._onBeforeDraw = this._onAfterDraw = null;
  107. this._resetView();
  108. if (this.removePageBorders) {
  109. this.viewer.classList.add("removePageBorders");
  110. }
  111. Promise.resolve().then(() => {
  112. this.eventBus.dispatch("baseviewerinit", {
  113. source: this
  114. });
  115. });
  116. }
  117. get pagesCount() {
  118. return this._pages.length;
  119. }
  120. getPageView(index) {
  121. return this._pages[index];
  122. }
  123. get pageViewsReady() {
  124. if (!this._pagesCapability.settled) {
  125. return false;
  126. }
  127. return this._pages.every(function (pageView) {
  128. return pageView && pageView.pdfPage;
  129. });
  130. }
  131. get currentPageNumber() {
  132. return this._currentPageNumber;
  133. }
  134. set currentPageNumber(val) {
  135. if (!Number.isInteger(val)) {
  136. throw new Error("Invalid page number.");
  137. }
  138. if (!this.pdfDocument) {
  139. return;
  140. }
  141. if (!this._setCurrentPageNumber(val, true)) {
  142. console.error(`${this._name}.currentPageNumber: "${val}" is not a valid page.`);
  143. }
  144. }
  145. _setCurrentPageNumber(val, resetCurrentPageView = false) {
  146. if (this._currentPageNumber === val) {
  147. if (resetCurrentPageView) {
  148. this._resetCurrentPageView();
  149. }
  150. return true;
  151. }
  152. if (!(0 < val && val <= this.pagesCount)) {
  153. return false;
  154. }
  155. this._currentPageNumber = val;
  156. this.eventBus.dispatch("pagechanging", {
  157. source: this,
  158. pageNumber: val,
  159. pageLabel: this._pageLabels && this._pageLabels[val - 1]
  160. });
  161. if (resetCurrentPageView) {
  162. this._resetCurrentPageView();
  163. }
  164. return true;
  165. }
  166. get currentPageLabel() {
  167. return this._pageLabels && this._pageLabels[this._currentPageNumber - 1];
  168. }
  169. set currentPageLabel(val) {
  170. if (!this.pdfDocument) {
  171. return;
  172. }
  173. let page = val | 0;
  174. if (this._pageLabels) {
  175. const i = this._pageLabels.indexOf(val);
  176. if (i >= 0) {
  177. page = i + 1;
  178. }
  179. }
  180. if (!this._setCurrentPageNumber(page, true)) {
  181. console.error(`${this._name}.currentPageLabel: "${val}" is not a valid page.`);
  182. }
  183. }
  184. get currentScale() {
  185. return this._currentScale !== _ui_utils.UNKNOWN_SCALE ? this._currentScale : _ui_utils.DEFAULT_SCALE;
  186. }
  187. set currentScale(val) {
  188. if (isNaN(val)) {
  189. throw new Error("Invalid numeric scale.");
  190. }
  191. if (!this.pdfDocument) {
  192. return;
  193. }
  194. this._setScale(val, false);
  195. }
  196. get currentScaleValue() {
  197. return this._currentScaleValue;
  198. }
  199. set currentScaleValue(val) {
  200. if (!this.pdfDocument) {
  201. return;
  202. }
  203. this._setScale(val, false);
  204. }
  205. get pagesRotation() {
  206. return this._pagesRotation;
  207. }
  208. set pagesRotation(rotation) {
  209. if (!(0, _ui_utils.isValidRotation)(rotation)) {
  210. throw new Error("Invalid pages rotation angle.");
  211. }
  212. if (!this.pdfDocument) {
  213. return;
  214. }
  215. if (this._pagesRotation === rotation) {
  216. return;
  217. }
  218. this._pagesRotation = rotation;
  219. const pageNumber = this._currentPageNumber;
  220. for (let i = 0, ii = this._pages.length; i < ii; i++) {
  221. const pageView = this._pages[i];
  222. pageView.update(pageView.scale, rotation);
  223. }
  224. if (this._currentScaleValue) {
  225. this._setScale(this._currentScaleValue, true);
  226. }
  227. this.eventBus.dispatch("rotationchanging", {
  228. source: this,
  229. pagesRotation: rotation,
  230. pageNumber
  231. });
  232. if (this.defaultRenderingQueue) {
  233. this.update();
  234. }
  235. }
  236. get firstPagePromise() {
  237. return this.pdfDocument ? this._firstPageCapability.promise : null;
  238. }
  239. get onePageRendered() {
  240. return this.pdfDocument ? this._onePageRenderedCapability.promise : null;
  241. }
  242. get pagesPromise() {
  243. return this.pdfDocument ? this._pagesCapability.promise : null;
  244. }
  245. get _viewerElement() {
  246. throw new Error("Not implemented: _viewerElement");
  247. }
  248. _onePageRenderedOrForceFetch() {
  249. if (!this.container.offsetParent || this._getVisiblePages().views.length === 0) {
  250. return Promise.resolve();
  251. }
  252. return this._onePageRenderedCapability.promise;
  253. }
  254. setDocument(pdfDocument) {
  255. if (this.pdfDocument) {
  256. this._cancelRendering();
  257. this._resetView();
  258. if (this.findController) {
  259. this.findController.setDocument(null);
  260. }
  261. }
  262. this.pdfDocument = pdfDocument;
  263. if (!pdfDocument) {
  264. return;
  265. }
  266. const pagesCount = pdfDocument.numPages;
  267. const firstPagePromise = pdfDocument.getPage(1);
  268. const annotationStorage = pdfDocument.annotationStorage;
  269. const optionalContentConfigPromise = pdfDocument.getOptionalContentConfig();
  270. this._pagesCapability.promise.then(() => {
  271. this.eventBus.dispatch("pagesloaded", {
  272. source: this,
  273. pagesCount
  274. });
  275. });
  276. this._onBeforeDraw = evt => {
  277. const pageView = this._pages[evt.pageNumber - 1];
  278. if (!pageView) {
  279. return;
  280. }
  281. this._buffer.push(pageView);
  282. };
  283. this.eventBus._on("pagerender", this._onBeforeDraw);
  284. this._onAfterDraw = evt => {
  285. if (evt.cssTransform || this._onePageRenderedCapability.settled) {
  286. return;
  287. }
  288. this._onePageRenderedCapability.resolve();
  289. this.eventBus._off("pagerendered", this._onAfterDraw);
  290. this._onAfterDraw = null;
  291. };
  292. this.eventBus._on("pagerendered", this._onAfterDraw);
  293. firstPagePromise.then(firstPdfPage => {
  294. this._firstPageCapability.resolve(firstPdfPage);
  295. this._optionalContentConfigPromise = optionalContentConfigPromise;
  296. const scale = this.currentScale;
  297. const viewport = firstPdfPage.getViewport({
  298. scale: scale * _ui_utils.CSS_UNITS
  299. });
  300. const textLayerFactory = this.textLayerMode !== _ui_utils.TextLayerMode.DISABLE ? this : null;
  301. for (let pageNum = 1; pageNum <= pagesCount; ++pageNum) {
  302. const pageView = new _pdf_page_view.PDFPageView({
  303. container: this._viewerElement,
  304. eventBus: this.eventBus,
  305. id: pageNum,
  306. scale,
  307. defaultViewport: viewport.clone(),
  308. annotationStorage,
  309. optionalContentConfigPromise,
  310. renderingQueue: this.renderingQueue,
  311. textLayerFactory,
  312. textLayerMode: this.textLayerMode,
  313. annotationLayerFactory: this,
  314. imageResourcesPath: this.imageResourcesPath,
  315. renderInteractiveForms: this.renderInteractiveForms,
  316. renderer: this.renderer,
  317. enableWebGL: this.enableWebGL,
  318. useOnlyCssZoom: this.useOnlyCssZoom,
  319. maxCanvasPixels: this.maxCanvasPixels,
  320. l10n: this.l10n
  321. });
  322. this._pages.push(pageView);
  323. }
  324. const firstPageView = this._pages[0];
  325. if (firstPageView) {
  326. firstPageView.setPdfPage(firstPdfPage);
  327. this.linkService.cachePageRef(1, firstPdfPage.ref);
  328. }
  329. if (this._spreadMode !== _ui_utils.SpreadMode.NONE) {
  330. this._updateSpreadMode();
  331. }
  332. this._onePageRenderedOrForceFetch().then(() => {
  333. if (this.findController) {
  334. this.findController.setDocument(pdfDocument);
  335. }
  336. if (pdfDocument.loadingParams.disableAutoFetch || pagesCount > 7500) {
  337. this._pagesCapability.resolve();
  338. return;
  339. }
  340. let getPagesLeft = pagesCount - 1;
  341. if (getPagesLeft <= 0) {
  342. this._pagesCapability.resolve();
  343. return;
  344. }
  345. for (let pageNum = 2; pageNum <= pagesCount; ++pageNum) {
  346. pdfDocument.getPage(pageNum).then(pdfPage => {
  347. const pageView = this._pages[pageNum - 1];
  348. if (!pageView.pdfPage) {
  349. pageView.setPdfPage(pdfPage);
  350. }
  351. this.linkService.cachePageRef(pageNum, pdfPage.ref);
  352. if (--getPagesLeft === 0) {
  353. this._pagesCapability.resolve();
  354. }
  355. }, reason => {
  356. console.error(`Unable to get page ${pageNum} to initialize viewer`, reason);
  357. if (--getPagesLeft === 0) {
  358. this._pagesCapability.resolve();
  359. }
  360. });
  361. }
  362. });
  363. this.eventBus.dispatch("pagesinit", {
  364. source: this
  365. });
  366. if (this.defaultRenderingQueue) {
  367. this.update();
  368. }
  369. }).catch(reason => {
  370. console.error("Unable to initialize viewer", reason);
  371. });
  372. }
  373. setPageLabels(labels) {
  374. if (!this.pdfDocument) {
  375. return;
  376. }
  377. if (!labels) {
  378. this._pageLabels = null;
  379. } else if (!(Array.isArray(labels) && this.pdfDocument.numPages === labels.length)) {
  380. this._pageLabels = null;
  381. console.error(`${this._name}.setPageLabels: Invalid page labels.`);
  382. } else {
  383. this._pageLabels = labels;
  384. }
  385. for (let i = 0, ii = this._pages.length; i < ii; i++) {
  386. const pageView = this._pages[i];
  387. const label = this._pageLabels && this._pageLabels[i];
  388. pageView.setPageLabel(label);
  389. }
  390. }
  391. _resetView() {
  392. this._pages = [];
  393. this._currentPageNumber = 1;
  394. this._currentScale = _ui_utils.UNKNOWN_SCALE;
  395. this._currentScaleValue = null;
  396. this._pageLabels = null;
  397. this._buffer = new PDFPageViewBuffer(DEFAULT_CACHE_SIZE);
  398. this._location = null;
  399. this._pagesRotation = 0;
  400. this._optionalContentConfigPromise = null;
  401. this._pagesRequests = new WeakMap();
  402. this._firstPageCapability = (0, _pdf.createPromiseCapability)();
  403. this._onePageRenderedCapability = (0, _pdf.createPromiseCapability)();
  404. this._pagesCapability = (0, _pdf.createPromiseCapability)();
  405. this._scrollMode = _ui_utils.ScrollMode.VERTICAL;
  406. this._spreadMode = _ui_utils.SpreadMode.NONE;
  407. if (this._onBeforeDraw) {
  408. this.eventBus._off("pagerender", this._onBeforeDraw);
  409. this._onBeforeDraw = null;
  410. }
  411. if (this._onAfterDraw) {
  412. this.eventBus._off("pagerendered", this._onAfterDraw);
  413. this._onAfterDraw = null;
  414. }
  415. this.viewer.textContent = "";
  416. this._updateScrollMode();
  417. }
  418. _scrollUpdate() {
  419. if (this.pagesCount === 0) {
  420. return;
  421. }
  422. this.update();
  423. }
  424. _scrollIntoView({
  425. pageDiv,
  426. pageSpot = null,
  427. pageNumber = null
  428. }) {
  429. (0, _ui_utils.scrollIntoView)(pageDiv, pageSpot);
  430. }
  431. _setScaleUpdatePages(newScale, newValue, noScroll = false, preset = false) {
  432. this._currentScaleValue = newValue.toString();
  433. if (isSameScale(this._currentScale, newScale)) {
  434. if (preset) {
  435. this.eventBus.dispatch("scalechanging", {
  436. source: this,
  437. scale: newScale,
  438. presetValue: newValue
  439. });
  440. }
  441. return;
  442. }
  443. for (let i = 0, ii = this._pages.length; i < ii; i++) {
  444. this._pages[i].update(newScale);
  445. }
  446. this._currentScale = newScale;
  447. if (!noScroll) {
  448. let page = this._currentPageNumber,
  449. dest;
  450. if (this._location && !(this.isInPresentationMode || this.isChangingPresentationMode)) {
  451. page = this._location.pageNumber;
  452. dest = [null, {
  453. name: "XYZ"
  454. }, this._location.left, this._location.top, null];
  455. }
  456. this.scrollPageIntoView({
  457. pageNumber: page,
  458. destArray: dest,
  459. allowNegativeOffset: true
  460. });
  461. }
  462. this.eventBus.dispatch("scalechanging", {
  463. source: this,
  464. scale: newScale,
  465. presetValue: preset ? newValue : undefined
  466. });
  467. if (this.defaultRenderingQueue) {
  468. this.update();
  469. }
  470. }
  471. _setScale(value, noScroll = false) {
  472. let scale = parseFloat(value);
  473. if (scale > 0) {
  474. this._setScaleUpdatePages(scale, value, noScroll, false);
  475. } else {
  476. const currentPage = this._pages[this._currentPageNumber - 1];
  477. if (!currentPage) {
  478. return;
  479. }
  480. const noPadding = this.isInPresentationMode || this.removePageBorders;
  481. let hPadding = noPadding ? 0 : _ui_utils.SCROLLBAR_PADDING;
  482. let vPadding = noPadding ? 0 : _ui_utils.VERTICAL_PADDING;
  483. if (!noPadding && this._isScrollModeHorizontal) {
  484. [hPadding, vPadding] = [vPadding, hPadding];
  485. }
  486. const pageWidthScale = (this.container.clientWidth - hPadding) / currentPage.width * currentPage.scale;
  487. const pageHeightScale = (this.container.clientHeight - vPadding) / currentPage.height * currentPage.scale;
  488. switch (value) {
  489. case "page-actual":
  490. scale = 1;
  491. break;
  492. case "page-width":
  493. scale = pageWidthScale;
  494. break;
  495. case "page-height":
  496. scale = pageHeightScale;
  497. break;
  498. case "page-fit":
  499. scale = Math.min(pageWidthScale, pageHeightScale);
  500. break;
  501. case "auto":
  502. const horizontalScale = (0, _ui_utils.isPortraitOrientation)(currentPage) ? pageWidthScale : Math.min(pageHeightScale, pageWidthScale);
  503. scale = Math.min(_ui_utils.MAX_AUTO_SCALE, horizontalScale);
  504. break;
  505. default:
  506. console.error(`${this._name}._setScale: "${value}" is an unknown zoom value.`);
  507. return;
  508. }
  509. this._setScaleUpdatePages(scale, value, noScroll, true);
  510. }
  511. }
  512. _resetCurrentPageView() {
  513. if (this.isInPresentationMode) {
  514. this._setScale(this._currentScaleValue, true);
  515. }
  516. const pageView = this._pages[this._currentPageNumber - 1];
  517. this._scrollIntoView({
  518. pageDiv: pageView.div
  519. });
  520. }
  521. scrollPageIntoView({
  522. pageNumber,
  523. destArray = null,
  524. allowNegativeOffset = false,
  525. ignoreDestinationZoom = false
  526. }) {
  527. if (!this.pdfDocument) {
  528. return;
  529. }
  530. const pageView = Number.isInteger(pageNumber) && this._pages[pageNumber - 1];
  531. if (!pageView) {
  532. console.error(`${this._name}.scrollPageIntoView: ` + `"${pageNumber}" is not a valid pageNumber parameter.`);
  533. return;
  534. }
  535. if (this.isInPresentationMode || !destArray) {
  536. this._setCurrentPageNumber(pageNumber, true);
  537. return;
  538. }
  539. let x = 0,
  540. y = 0;
  541. let width = 0,
  542. height = 0,
  543. widthScale,
  544. heightScale;
  545. const changeOrientation = pageView.rotation % 180 !== 0;
  546. const pageWidth = (changeOrientation ? pageView.height : pageView.width) / pageView.scale / _ui_utils.CSS_UNITS;
  547. const pageHeight = (changeOrientation ? pageView.width : pageView.height) / pageView.scale / _ui_utils.CSS_UNITS;
  548. let scale = 0;
  549. switch (destArray[1].name) {
  550. case "XYZ":
  551. x = destArray[2];
  552. y = destArray[3];
  553. scale = destArray[4];
  554. x = x !== null ? x : 0;
  555. y = y !== null ? y : pageHeight;
  556. break;
  557. case "Fit":
  558. case "FitB":
  559. scale = "page-fit";
  560. break;
  561. case "FitH":
  562. case "FitBH":
  563. y = destArray[2];
  564. scale = "page-width";
  565. if (y === null && this._location) {
  566. x = this._location.left;
  567. y = this._location.top;
  568. }
  569. break;
  570. case "FitV":
  571. case "FitBV":
  572. x = destArray[2];
  573. width = pageWidth;
  574. height = pageHeight;
  575. scale = "page-height";
  576. break;
  577. case "FitR":
  578. x = destArray[2];
  579. y = destArray[3];
  580. width = destArray[4] - x;
  581. height = destArray[5] - y;
  582. const hPadding = this.removePageBorders ? 0 : _ui_utils.SCROLLBAR_PADDING;
  583. const vPadding = this.removePageBorders ? 0 : _ui_utils.VERTICAL_PADDING;
  584. widthScale = (this.container.clientWidth - hPadding) / width / _ui_utils.CSS_UNITS;
  585. heightScale = (this.container.clientHeight - vPadding) / height / _ui_utils.CSS_UNITS;
  586. scale = Math.min(Math.abs(widthScale), Math.abs(heightScale));
  587. break;
  588. default:
  589. console.error(`${this._name}.scrollPageIntoView: ` + `"${destArray[1].name}" is not a valid destination type.`);
  590. return;
  591. }
  592. if (!ignoreDestinationZoom) {
  593. if (scale && scale !== this._currentScale) {
  594. this.currentScaleValue = scale;
  595. } else if (this._currentScale === _ui_utils.UNKNOWN_SCALE) {
  596. this.currentScaleValue = _ui_utils.DEFAULT_SCALE_VALUE;
  597. }
  598. }
  599. if (scale === "page-fit" && !destArray[4]) {
  600. this._scrollIntoView({
  601. pageDiv: pageView.div,
  602. pageNumber
  603. });
  604. return;
  605. }
  606. const boundingRect = [pageView.viewport.convertToViewportPoint(x, y), pageView.viewport.convertToViewportPoint(x + width, y + height)];
  607. let left = Math.min(boundingRect[0][0], boundingRect[1][0]);
  608. let top = Math.min(boundingRect[0][1], boundingRect[1][1]);
  609. if (!allowNegativeOffset) {
  610. left = Math.max(left, 0);
  611. top = Math.max(top, 0);
  612. }
  613. this._scrollIntoView({
  614. pageDiv: pageView.div,
  615. pageSpot: {
  616. left,
  617. top
  618. },
  619. pageNumber
  620. });
  621. }
  622. _updateLocation(firstPage) {
  623. const currentScale = this._currentScale;
  624. const currentScaleValue = this._currentScaleValue;
  625. const normalizedScaleValue = parseFloat(currentScaleValue) === currentScale ? Math.round(currentScale * 10000) / 100 : currentScaleValue;
  626. const pageNumber = firstPage.id;
  627. let pdfOpenParams = "#page=" + pageNumber;
  628. pdfOpenParams += "&zoom=" + normalizedScaleValue;
  629. const currentPageView = this._pages[pageNumber - 1];
  630. const container = this.container;
  631. const topLeft = currentPageView.getPagePoint(container.scrollLeft - firstPage.x, container.scrollTop - firstPage.y);
  632. const intLeft = Math.round(topLeft[0]);
  633. const intTop = Math.round(topLeft[1]);
  634. pdfOpenParams += "," + intLeft + "," + intTop;
  635. this._location = {
  636. pageNumber,
  637. scale: normalizedScaleValue,
  638. top: intTop,
  639. left: intLeft,
  640. rotation: this._pagesRotation,
  641. pdfOpenParams
  642. };
  643. }
  644. _updateHelper(visiblePages) {
  645. throw new Error("Not implemented: _updateHelper");
  646. }
  647. update() {
  648. const visible = this._getVisiblePages();
  649. const visiblePages = visible.views,
  650. numVisiblePages = visiblePages.length;
  651. if (numVisiblePages === 0) {
  652. return;
  653. }
  654. const newCacheSize = Math.max(DEFAULT_CACHE_SIZE, 2 * numVisiblePages + 1);
  655. this._buffer.resize(newCacheSize, visiblePages);
  656. this.renderingQueue.renderHighestPriority(visible);
  657. this._updateHelper(visiblePages);
  658. this._updateLocation(visible.first);
  659. this.eventBus.dispatch("updateviewarea", {
  660. source: this,
  661. location: this._location
  662. });
  663. }
  664. containsElement(element) {
  665. return this.container.contains(element);
  666. }
  667. focus() {
  668. this.container.focus();
  669. }
  670. get _isScrollModeHorizontal() {
  671. return this.isInPresentationMode ? false : this._scrollMode === _ui_utils.ScrollMode.HORIZONTAL;
  672. }
  673. get isInPresentationMode() {
  674. return this.presentationModeState === _ui_utils.PresentationModeState.FULLSCREEN;
  675. }
  676. get isChangingPresentationMode() {
  677. return this.presentationModeState === _ui_utils.PresentationModeState.CHANGING;
  678. }
  679. get isHorizontalScrollbarEnabled() {
  680. return this.isInPresentationMode ? false : this.container.scrollWidth > this.container.clientWidth;
  681. }
  682. get isVerticalScrollbarEnabled() {
  683. return this.isInPresentationMode ? false : this.container.scrollHeight > this.container.clientHeight;
  684. }
  685. _getCurrentVisiblePage() {
  686. if (!this.pagesCount) {
  687. return {
  688. views: []
  689. };
  690. }
  691. const pageView = this._pages[this._currentPageNumber - 1];
  692. const element = pageView.div;
  693. const view = {
  694. id: pageView.id,
  695. x: element.offsetLeft + element.clientLeft,
  696. y: element.offsetTop + element.clientTop,
  697. view: pageView
  698. };
  699. return {
  700. first: view,
  701. last: view,
  702. views: [view]
  703. };
  704. }
  705. _getVisiblePages() {
  706. return (0, _ui_utils.getVisibleElements)(this.container, this._pages, true, this._isScrollModeHorizontal);
  707. }
  708. isPageVisible(pageNumber) {
  709. if (!this.pdfDocument) {
  710. return false;
  711. }
  712. if (pageNumber < 1 || pageNumber > this.pagesCount) {
  713. console.error(`${this._name}.isPageVisible: "${pageNumber}" is out of bounds.`);
  714. return false;
  715. }
  716. return this._getVisiblePages().views.some(function (view) {
  717. return view.id === pageNumber;
  718. });
  719. }
  720. cleanup() {
  721. for (let i = 0, ii = this._pages.length; i < ii; i++) {
  722. if (this._pages[i] && this._pages[i].renderingState !== _pdf_rendering_queue.RenderingStates.FINISHED) {
  723. this._pages[i].reset();
  724. }
  725. }
  726. }
  727. _cancelRendering() {
  728. for (let i = 0, ii = this._pages.length; i < ii; i++) {
  729. if (this._pages[i]) {
  730. this._pages[i].cancelRendering();
  731. }
  732. }
  733. }
  734. _ensurePdfPageLoaded(pageView) {
  735. if (pageView.pdfPage) {
  736. return Promise.resolve(pageView.pdfPage);
  737. }
  738. if (this._pagesRequests.has(pageView)) {
  739. return this._pagesRequests.get(pageView);
  740. }
  741. const promise = this.pdfDocument.getPage(pageView.id).then(pdfPage => {
  742. if (!pageView.pdfPage) {
  743. pageView.setPdfPage(pdfPage);
  744. }
  745. this._pagesRequests.delete(pageView);
  746. return pdfPage;
  747. }).catch(reason => {
  748. console.error("Unable to get page for page view", reason);
  749. this._pagesRequests.delete(pageView);
  750. });
  751. this._pagesRequests.set(pageView, promise);
  752. return promise;
  753. }
  754. forceRendering(currentlyVisiblePages) {
  755. const visiblePages = currentlyVisiblePages || this._getVisiblePages();
  756. const scrollAhead = this._isScrollModeHorizontal ? this.scroll.right : this.scroll.down;
  757. const pageView = this.renderingQueue.getHighestPriority(visiblePages, this._pages, scrollAhead);
  758. if (pageView) {
  759. this._ensurePdfPageLoaded(pageView).then(() => {
  760. this.renderingQueue.renderView(pageView);
  761. });
  762. return true;
  763. }
  764. return false;
  765. }
  766. createTextLayerBuilder(textLayerDiv, pageIndex, viewport, enhanceTextSelection = false, eventBus) {
  767. return new _text_layer_builder.TextLayerBuilder({
  768. textLayerDiv,
  769. eventBus,
  770. pageIndex,
  771. viewport,
  772. findController: this.isInPresentationMode ? null : this.findController,
  773. enhanceTextSelection: this.isInPresentationMode ? false : enhanceTextSelection
  774. });
  775. }
  776. createAnnotationLayerBuilder(pageDiv, pdfPage, annotationStorage = null, imageResourcesPath = "", renderInteractiveForms = false, l10n = _ui_utils.NullL10n) {
  777. return new _annotation_layer_builder.AnnotationLayerBuilder({
  778. pageDiv,
  779. pdfPage,
  780. annotationStorage,
  781. imageResourcesPath,
  782. renderInteractiveForms,
  783. linkService: this.linkService,
  784. downloadManager: this.downloadManager,
  785. l10n
  786. });
  787. }
  788. get hasEqualPageSizes() {
  789. const firstPageView = this._pages[0];
  790. for (let i = 1, ii = this._pages.length; i < ii; ++i) {
  791. const pageView = this._pages[i];
  792. if (pageView.width !== firstPageView.width || pageView.height !== firstPageView.height) {
  793. return false;
  794. }
  795. }
  796. return true;
  797. }
  798. getPagesOverview() {
  799. const pagesOverview = this._pages.map(function (pageView) {
  800. const viewport = pageView.pdfPage.getViewport({
  801. scale: 1
  802. });
  803. return {
  804. width: viewport.width,
  805. height: viewport.height,
  806. rotation: viewport.rotation
  807. };
  808. });
  809. if (!this.enablePrintAutoRotate) {
  810. return pagesOverview;
  811. }
  812. return pagesOverview.map(function (size) {
  813. if ((0, _ui_utils.isPortraitOrientation)(size)) {
  814. return size;
  815. }
  816. return {
  817. width: size.height,
  818. height: size.width,
  819. rotation: (size.rotation + 90) % 360
  820. };
  821. });
  822. }
  823. get optionalContentConfigPromise() {
  824. if (!this.pdfDocument) {
  825. return Promise.resolve(null);
  826. }
  827. if (!this._optionalContentConfigPromise) {
  828. return this.pdfDocument.getOptionalContentConfig();
  829. }
  830. return this._optionalContentConfigPromise;
  831. }
  832. set optionalContentConfigPromise(promise) {
  833. if (!(promise instanceof Promise)) {
  834. throw new Error(`Invalid optionalContentConfigPromise: ${promise}`);
  835. }
  836. if (!this.pdfDocument) {
  837. return;
  838. }
  839. if (!this._optionalContentConfigPromise) {
  840. return;
  841. }
  842. this._optionalContentConfigPromise = promise;
  843. for (const pageView of this._pages) {
  844. pageView.update(pageView.scale, pageView.rotation, promise);
  845. }
  846. this.update();
  847. this.eventBus.dispatch("optionalcontentconfigchanged", {
  848. source: this,
  849. promise
  850. });
  851. }
  852. get scrollMode() {
  853. return this._scrollMode;
  854. }
  855. set scrollMode(mode) {
  856. if (this._scrollMode === mode) {
  857. return;
  858. }
  859. if (!(0, _ui_utils.isValidScrollMode)(mode)) {
  860. throw new Error(`Invalid scroll mode: ${mode}`);
  861. }
  862. this._scrollMode = mode;
  863. this.eventBus.dispatch("scrollmodechanged", {
  864. source: this,
  865. mode
  866. });
  867. this._updateScrollMode(this._currentPageNumber);
  868. }
  869. _updateScrollMode(pageNumber = null) {
  870. const scrollMode = this._scrollMode,
  871. viewer = this.viewer;
  872. viewer.classList.toggle("scrollHorizontal", scrollMode === _ui_utils.ScrollMode.HORIZONTAL);
  873. viewer.classList.toggle("scrollWrapped", scrollMode === _ui_utils.ScrollMode.WRAPPED);
  874. if (!this.pdfDocument || !pageNumber) {
  875. return;
  876. }
  877. if (this._currentScaleValue && isNaN(this._currentScaleValue)) {
  878. this._setScale(this._currentScaleValue, true);
  879. }
  880. this._setCurrentPageNumber(pageNumber, true);
  881. this.update();
  882. }
  883. get spreadMode() {
  884. return this._spreadMode;
  885. }
  886. set spreadMode(mode) {
  887. if (this._spreadMode === mode) {
  888. return;
  889. }
  890. if (!(0, _ui_utils.isValidSpreadMode)(mode)) {
  891. throw new Error(`Invalid spread mode: ${mode}`);
  892. }
  893. this._spreadMode = mode;
  894. this.eventBus.dispatch("spreadmodechanged", {
  895. source: this,
  896. mode
  897. });
  898. this._updateSpreadMode(this._currentPageNumber);
  899. }
  900. _updateSpreadMode(pageNumber = null) {
  901. if (!this.pdfDocument) {
  902. return;
  903. }
  904. const viewer = this.viewer,
  905. pages = this._pages;
  906. viewer.textContent = "";
  907. if (this._spreadMode === _ui_utils.SpreadMode.NONE) {
  908. for (let i = 0, iMax = pages.length; i < iMax; ++i) {
  909. viewer.appendChild(pages[i].div);
  910. }
  911. } else {
  912. const parity = this._spreadMode - 1;
  913. let spread = null;
  914. for (let i = 0, iMax = pages.length; i < iMax; ++i) {
  915. if (spread === null) {
  916. spread = document.createElement("div");
  917. spread.className = "spread";
  918. viewer.appendChild(spread);
  919. } else if (i % 2 === parity) {
  920. spread = spread.cloneNode(false);
  921. viewer.appendChild(spread);
  922. }
  923. spread.appendChild(pages[i].div);
  924. }
  925. }
  926. if (!pageNumber) {
  927. return;
  928. }
  929. this._setCurrentPageNumber(pageNumber, true);
  930. this.update();
  931. }
  932. }
  933. exports.BaseViewer = BaseViewer;