dom_utils.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494
  1. /**
  2. * @licstart The following is the entire license notice for the
  3. * Javascript code in this page
  4. *
  5. * Copyright 2018 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.addLinkAttributes = addLinkAttributes;
  27. exports.getFilenameFromUrl = getFilenameFromUrl;
  28. exports.loadScript = loadScript;
  29. exports.DummyStatTimer = exports.StatTimer = exports.DOMSVGFactory = exports.DOMCMapReaderFactory = exports.DOMCanvasFactory = exports.DEFAULT_LINK_REL = exports.LinkTarget = exports.RenderingCancelledException = exports.PageViewport = void 0;
  30. var _util = require("../shared/util");
  31. function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  32. 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); } }
  33. function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
  34. var DEFAULT_LINK_REL = 'noopener noreferrer nofollow';
  35. exports.DEFAULT_LINK_REL = DEFAULT_LINK_REL;
  36. var SVG_NS = 'http://www.w3.org/2000/svg';
  37. var DOMCanvasFactory =
  38. /*#__PURE__*/
  39. function () {
  40. function DOMCanvasFactory() {
  41. _classCallCheck(this, DOMCanvasFactory);
  42. }
  43. _createClass(DOMCanvasFactory, [{
  44. key: "create",
  45. value: function create(width, height) {
  46. if (width <= 0 || height <= 0) {
  47. throw new Error('invalid canvas size');
  48. }
  49. var canvas = document.createElement('canvas');
  50. var context = canvas.getContext('2d');
  51. canvas.width = width;
  52. canvas.height = height;
  53. return {
  54. canvas: canvas,
  55. context: context
  56. };
  57. }
  58. }, {
  59. key: "reset",
  60. value: function reset(canvasAndContext, width, height) {
  61. if (!canvasAndContext.canvas) {
  62. throw new Error('canvas is not specified');
  63. }
  64. if (width <= 0 || height <= 0) {
  65. throw new Error('invalid canvas size');
  66. }
  67. canvasAndContext.canvas.width = width;
  68. canvasAndContext.canvas.height = height;
  69. }
  70. }, {
  71. key: "destroy",
  72. value: function destroy(canvasAndContext) {
  73. if (!canvasAndContext.canvas) {
  74. throw new Error('canvas is not specified');
  75. }
  76. canvasAndContext.canvas.width = 0;
  77. canvasAndContext.canvas.height = 0;
  78. canvasAndContext.canvas = null;
  79. canvasAndContext.context = null;
  80. }
  81. }]);
  82. return DOMCanvasFactory;
  83. }();
  84. exports.DOMCanvasFactory = DOMCanvasFactory;
  85. var DOMCMapReaderFactory =
  86. /*#__PURE__*/
  87. function () {
  88. function DOMCMapReaderFactory(_ref) {
  89. var _ref$baseUrl = _ref.baseUrl,
  90. baseUrl = _ref$baseUrl === void 0 ? null : _ref$baseUrl,
  91. _ref$isCompressed = _ref.isCompressed,
  92. isCompressed = _ref$isCompressed === void 0 ? false : _ref$isCompressed;
  93. _classCallCheck(this, DOMCMapReaderFactory);
  94. this.baseUrl = baseUrl;
  95. this.isCompressed = isCompressed;
  96. }
  97. _createClass(DOMCMapReaderFactory, [{
  98. key: "fetch",
  99. value: function fetch(_ref2) {
  100. var _this = this;
  101. var name = _ref2.name;
  102. if (!this.baseUrl) {
  103. return Promise.reject(new Error('The CMap "baseUrl" parameter must be specified, ensure that ' + 'the "cMapUrl" and "cMapPacked" API parameters are provided.'));
  104. }
  105. if (!name) {
  106. return Promise.reject(new Error('CMap name must be specified.'));
  107. }
  108. return new Promise(function (resolve, reject) {
  109. var url = _this.baseUrl + name + (_this.isCompressed ? '.bcmap' : '');
  110. var request = new XMLHttpRequest();
  111. request.open('GET', url, true);
  112. if (_this.isCompressed) {
  113. request.responseType = 'arraybuffer';
  114. }
  115. request.onreadystatechange = function () {
  116. if (request.readyState !== XMLHttpRequest.DONE) {
  117. return;
  118. }
  119. if (request.status === 200 || request.status === 0) {
  120. var data;
  121. if (_this.isCompressed && request.response) {
  122. data = new Uint8Array(request.response);
  123. } else if (!_this.isCompressed && request.responseText) {
  124. data = (0, _util.stringToBytes)(request.responseText);
  125. }
  126. if (data) {
  127. resolve({
  128. cMapData: data,
  129. compressionType: _this.isCompressed ? _util.CMapCompressionType.BINARY : _util.CMapCompressionType.NONE
  130. });
  131. return;
  132. }
  133. }
  134. reject(new Error('Unable to load ' + (_this.isCompressed ? 'binary ' : '') + 'CMap at: ' + url));
  135. };
  136. request.send(null);
  137. });
  138. }
  139. }]);
  140. return DOMCMapReaderFactory;
  141. }();
  142. exports.DOMCMapReaderFactory = DOMCMapReaderFactory;
  143. var DOMSVGFactory =
  144. /*#__PURE__*/
  145. function () {
  146. function DOMSVGFactory() {
  147. _classCallCheck(this, DOMSVGFactory);
  148. }
  149. _createClass(DOMSVGFactory, [{
  150. key: "create",
  151. value: function create(width, height) {
  152. (0, _util.assert)(width > 0 && height > 0, 'Invalid SVG dimensions');
  153. var svg = document.createElementNS(SVG_NS, 'svg:svg');
  154. svg.setAttribute('version', '1.1');
  155. svg.setAttribute('width', width + 'px');
  156. svg.setAttribute('height', height + 'px');
  157. svg.setAttribute('preserveAspectRatio', 'none');
  158. svg.setAttribute('viewBox', '0 0 ' + width + ' ' + height);
  159. return svg;
  160. }
  161. }, {
  162. key: "createElement",
  163. value: function createElement(type) {
  164. (0, _util.assert)(typeof type === 'string', 'Invalid SVG element type');
  165. return document.createElementNS(SVG_NS, type);
  166. }
  167. }]);
  168. return DOMSVGFactory;
  169. }();
  170. exports.DOMSVGFactory = DOMSVGFactory;
  171. var PageViewport =
  172. /*#__PURE__*/
  173. function () {
  174. function PageViewport(_ref3) {
  175. var viewBox = _ref3.viewBox,
  176. scale = _ref3.scale,
  177. rotation = _ref3.rotation,
  178. _ref3$offsetX = _ref3.offsetX,
  179. offsetX = _ref3$offsetX === void 0 ? 0 : _ref3$offsetX,
  180. _ref3$offsetY = _ref3.offsetY,
  181. offsetY = _ref3$offsetY === void 0 ? 0 : _ref3$offsetY,
  182. _ref3$dontFlip = _ref3.dontFlip,
  183. dontFlip = _ref3$dontFlip === void 0 ? false : _ref3$dontFlip;
  184. _classCallCheck(this, PageViewport);
  185. this.viewBox = viewBox;
  186. this.scale = scale;
  187. this.rotation = rotation;
  188. this.offsetX = offsetX;
  189. this.offsetY = offsetY;
  190. var centerX = (viewBox[2] + viewBox[0]) / 2;
  191. var centerY = (viewBox[3] + viewBox[1]) / 2;
  192. var rotateA, rotateB, rotateC, rotateD;
  193. rotation = rotation % 360;
  194. rotation = rotation < 0 ? rotation + 360 : rotation;
  195. switch (rotation) {
  196. case 180:
  197. rotateA = -1;
  198. rotateB = 0;
  199. rotateC = 0;
  200. rotateD = 1;
  201. break;
  202. case 90:
  203. rotateA = 0;
  204. rotateB = 1;
  205. rotateC = 1;
  206. rotateD = 0;
  207. break;
  208. case 270:
  209. rotateA = 0;
  210. rotateB = -1;
  211. rotateC = -1;
  212. rotateD = 0;
  213. break;
  214. default:
  215. rotateA = 1;
  216. rotateB = 0;
  217. rotateC = 0;
  218. rotateD = -1;
  219. break;
  220. }
  221. if (dontFlip) {
  222. rotateC = -rotateC;
  223. rotateD = -rotateD;
  224. }
  225. var offsetCanvasX, offsetCanvasY;
  226. var width, height;
  227. if (rotateA === 0) {
  228. offsetCanvasX = Math.abs(centerY - viewBox[1]) * scale + offsetX;
  229. offsetCanvasY = Math.abs(centerX - viewBox[0]) * scale + offsetY;
  230. width = Math.abs(viewBox[3] - viewBox[1]) * scale;
  231. height = Math.abs(viewBox[2] - viewBox[0]) * scale;
  232. } else {
  233. offsetCanvasX = Math.abs(centerX - viewBox[0]) * scale + offsetX;
  234. offsetCanvasY = Math.abs(centerY - viewBox[1]) * scale + offsetY;
  235. width = Math.abs(viewBox[2] - viewBox[0]) * scale;
  236. height = Math.abs(viewBox[3] - viewBox[1]) * scale;
  237. }
  238. this.transform = [rotateA * scale, rotateB * scale, rotateC * scale, rotateD * scale, offsetCanvasX - rotateA * scale * centerX - rotateC * scale * centerY, offsetCanvasY - rotateB * scale * centerX - rotateD * scale * centerY];
  239. this.width = width;
  240. this.height = height;
  241. }
  242. _createClass(PageViewport, [{
  243. key: "clone",
  244. value: function clone() {
  245. var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
  246. _ref4$scale = _ref4.scale,
  247. scale = _ref4$scale === void 0 ? this.scale : _ref4$scale,
  248. _ref4$rotation = _ref4.rotation,
  249. rotation = _ref4$rotation === void 0 ? this.rotation : _ref4$rotation,
  250. _ref4$dontFlip = _ref4.dontFlip,
  251. dontFlip = _ref4$dontFlip === void 0 ? false : _ref4$dontFlip;
  252. return new PageViewport({
  253. viewBox: this.viewBox.slice(),
  254. scale: scale,
  255. rotation: rotation,
  256. offsetX: this.offsetX,
  257. offsetY: this.offsetY,
  258. dontFlip: dontFlip
  259. });
  260. }
  261. }, {
  262. key: "convertToViewportPoint",
  263. value: function convertToViewportPoint(x, y) {
  264. return _util.Util.applyTransform([x, y], this.transform);
  265. }
  266. }, {
  267. key: "convertToViewportRectangle",
  268. value: function convertToViewportRectangle(rect) {
  269. var tl = _util.Util.applyTransform([rect[0], rect[1]], this.transform);
  270. var br = _util.Util.applyTransform([rect[2], rect[3]], this.transform);
  271. return [tl[0], tl[1], br[0], br[1]];
  272. }
  273. }, {
  274. key: "convertToPdfPoint",
  275. value: function convertToPdfPoint(x, y) {
  276. return _util.Util.applyInverseTransform([x, y], this.transform);
  277. }
  278. }]);
  279. return PageViewport;
  280. }();
  281. exports.PageViewport = PageViewport;
  282. var RenderingCancelledException = function RenderingCancelledException() {
  283. function RenderingCancelledException(msg, type) {
  284. this.message = msg;
  285. this.type = type;
  286. }
  287. RenderingCancelledException.prototype = new Error();
  288. RenderingCancelledException.prototype.name = 'RenderingCancelledException';
  289. RenderingCancelledException.constructor = RenderingCancelledException;
  290. return RenderingCancelledException;
  291. }();
  292. exports.RenderingCancelledException = RenderingCancelledException;
  293. var LinkTarget = {
  294. NONE: 0,
  295. SELF: 1,
  296. BLANK: 2,
  297. PARENT: 3,
  298. TOP: 4
  299. };
  300. exports.LinkTarget = LinkTarget;
  301. var LinkTargetStringMap = ['', '_self', '_blank', '_parent', '_top'];
  302. function addLinkAttributes(link) {
  303. var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
  304. url = _ref5.url,
  305. target = _ref5.target,
  306. rel = _ref5.rel;
  307. link.href = link.title = url ? (0, _util.removeNullCharacters)(url) : '';
  308. if (url) {
  309. var LinkTargetValues = Object.values(LinkTarget);
  310. var targetIndex = LinkTargetValues.includes(target) ? target : LinkTarget.NONE;
  311. link.target = LinkTargetStringMap[targetIndex];
  312. link.rel = typeof rel === 'string' ? rel : DEFAULT_LINK_REL;
  313. }
  314. }
  315. function getFilenameFromUrl(url) {
  316. var anchor = url.indexOf('#');
  317. var query = url.indexOf('?');
  318. var end = Math.min(anchor > 0 ? anchor : url.length, query > 0 ? query : url.length);
  319. return url.substring(url.lastIndexOf('/', end) + 1, end);
  320. }
  321. var StatTimer =
  322. /*#__PURE__*/
  323. function () {
  324. function StatTimer() {
  325. var enable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
  326. _classCallCheck(this, StatTimer);
  327. this.enabled = !!enable;
  328. this.started = Object.create(null);
  329. this.times = [];
  330. }
  331. _createClass(StatTimer, [{
  332. key: "time",
  333. value: function time(name) {
  334. if (!this.enabled) {
  335. return;
  336. }
  337. if (name in this.started) {
  338. (0, _util.warn)('Timer is already running for ' + name);
  339. }
  340. this.started[name] = Date.now();
  341. }
  342. }, {
  343. key: "timeEnd",
  344. value: function timeEnd(name) {
  345. if (!this.enabled) {
  346. return;
  347. }
  348. if (!(name in this.started)) {
  349. (0, _util.warn)('Timer has not been started for ' + name);
  350. }
  351. this.times.push({
  352. 'name': name,
  353. 'start': this.started[name],
  354. 'end': Date.now()
  355. });
  356. delete this.started[name];
  357. }
  358. }, {
  359. key: "toString",
  360. value: function toString() {
  361. var times = this.times;
  362. var out = '',
  363. longest = 0;
  364. for (var i = 0, ii = times.length; i < ii; ++i) {
  365. var name = times[i]['name'];
  366. if (name.length > longest) {
  367. longest = name.length;
  368. }
  369. }
  370. for (var _i = 0, _ii = times.length; _i < _ii; ++_i) {
  371. var span = times[_i];
  372. var duration = span.end - span.start;
  373. out += "".concat(span['name'].padEnd(longest), " ").concat(duration, "ms\n");
  374. }
  375. return out;
  376. }
  377. }]);
  378. return StatTimer;
  379. }();
  380. exports.StatTimer = StatTimer;
  381. var DummyStatTimer =
  382. /*#__PURE__*/
  383. function () {
  384. function DummyStatTimer() {
  385. _classCallCheck(this, DummyStatTimer);
  386. (0, _util.unreachable)('Cannot initialize DummyStatTimer.');
  387. }
  388. _createClass(DummyStatTimer, null, [{
  389. key: "time",
  390. value: function time(name) {}
  391. }, {
  392. key: "timeEnd",
  393. value: function timeEnd(name) {}
  394. }, {
  395. key: "toString",
  396. value: function toString() {
  397. return '';
  398. }
  399. }]);
  400. return DummyStatTimer;
  401. }();
  402. exports.DummyStatTimer = DummyStatTimer;
  403. function loadScript(src) {
  404. return new Promise(function (resolve, reject) {
  405. var script = document.createElement('script');
  406. script.src = src;
  407. script.onload = resolve;
  408. script.onerror = function () {
  409. reject(new Error("Cannot load script at: ".concat(script.src)));
  410. };
  411. (document.head || document.documentElement).appendChild(script);
  412. });
  413. }