invoiceninja/public/js/clients/shared/pdf.js

/******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
/*!********************************************!*\
  !*** ./resources/js/clients/shared/pdf.js ***!
  \********************************************/
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.metho
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
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, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
/**
 * Invoice Ninja (https://invoiceninja.com)
 *
 * @link https://github.com/invoiceninja/invoiceninja source repository
 *
 * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
 *
 * @license https://www.elastic.co/licensing/elastic-license 
 */
var PDF = /*#__PURE__*/function () {
  function PDF(url, canvas) {
    _classCallCheck(this, PDF);
    this.url = url;
    this.canvas = canvas;
    this.context = canvas.getContext('2d');
    this.currentPage = 1;
    this.maxPages = 1;
    this.currentScale = 1;
    this.currentScaleText = document.getElementById('zoom-level');
    if (matchMedia('only screen and (max-width: 480px)').matches) {
      this.currentScale = 1;
    }
    this.currentScaleText.textContent = this.currentScale * 100 + '%';
  }
  _createClass(PDF, [{
    key: "handlePreviousPage",
    value: function handlePreviousPage() {
      if (this.currentPage == 1) {
        return;
      }
      this.currentPage -= 1;
      this.handle();
    }
  }, {
    key: "handleNextPage",
    value: function handleNextPage() {
      if (this.currentPage == this.maxPages) {
        return;
      }
      this.currentPage += 1;
      this.handle();
    }
  }, {
    key: "handleZoomChange",
    value: function handleZoomChange() {
      var zoom = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
      if (this.currentScale == 0.25 && !zoom) {
        return;
      }
      if (zoom) {
        this.currentScale += 0.25;
        this.currentScaleText.textContent = this.currentScale * 100 + '%';
        return this.handle();
      }
      this.currentScale -= 0.25;
      this.currentScaleText.textContent = this.currentScale * 100 + '%';
      return this.handle();
    }
  }, {
    key: "prepare",
    value: function prepare() {
      var _this = this;
      var previousPageButton = document.getElementById('previous-page-button').addEventListener('click', function () {
        return _this.handlePreviousPage();
      });
      var nextPageButton = document.getElementById('next-page-button').addEventListener('click', function () {
        return _this.handleNextPage();
      });
      var zoomInButton = document.getElementById('zoom-in').addEventListener('click', function () {
        return _this.handleZoomChange(true);
      });
      var zoomOutButton = document.getElementById('zoom-out').addEventListener('click', function () {
        return _this.handleZoomChange();
      });
      document.querySelector('meta[name=pdf-url]').addEventListener('change', function () {
        _this.canvas.getContext('2d').clearRect(0, 0, _this.canvas.width, _this.canvas.height);
        _this.url = document.querySelector("meta[name='pdf-url']").content;
        _this.handle();
      });
      return this;
    }
  }, {
    key: "setPagesInViewport",
    value: function setPagesInViewport() {
      var currentPageContainer = document.getElementById('current-page-container');
      var totalPageContainer = document.getElementById('total-page-container');
      var paginationButtonContainer = document.getElementById('pagination-button-container');
      currentPageContainer.innerText = this.currentPage;
      totalPageContainer.innerText = this.maxPages;
      if (this.maxPages > 1) {
        paginationButtonContainer.style.display = 'flex';
      }
    }
  }, {
    key: "handle",
    value: function () {
      var _handle = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
        var pdf, page, viewport;
        return _regeneratorRuntime().wrap(function _callee$(_context) {
          while (1) switch (_context.prev = _context.next) {
            case 0:
              _context.next = 2;
              return pdfjsLib.getDocument(this.url).promise;
            case 2:
              pdf = _context.sent;
              _context.next = 5;
              return pdf.getPage(this.currentPage);
            case 5:
              page = _context.sent;
              this.maxPages = pdf.numPages;
              _context.next = 9;
              return page.getViewport({
                scale: this.currentScale
              });
            case 9:
              viewport = _context.sent;
              this.canvas.height = viewport.height;
              this.canvas.width = viewport.width;
              page.render({
                canvasContext: this.context,
                viewport: viewport
              });
              this.setPagesInViewport();

              /* document.addEventListener("webviewerloaded", function () {
                  PDFViewerApplication.initializedPromise.then(function () {
                      PDFViewerApplication.eventBus.on("pagerendered", function handler(event) {
                          try {
                              if (window.chrome && !/Edge/.test(navigator.userAgent) && !event.source.__rerendered) {
                                  console.log("Chrome-like browser detected, re-rendering page %d for the first time.", event.pageNumber);
                                  var currentScale = event.source.scale;
                                  event.source.__rerendered = true;
                                  event.source.update(currentScale * 0.99);
                                  event.source.update(currentScale);
                              }
                          } catch (e) {
                              console.error(e);
                          }
                      });
                  });
              }); */
            case 14:
            case "end":
              return _context.stop();
          }
        }, _callee, this);
      }));
      function handle() {
        return _handle.apply(this, arguments);
      }
      return handle;
    }()
  }]);
  return PDF;
}();
var url = document.querySelector("meta[name='pdf-url']").content;
var canvas = document.getElementById('pdf-placeholder');
new PDF(url, canvas).prepare().handle();
/******/ })()
;