(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i 1) { for (var i = 1; i < arguments.length; i++) { args[i - 1] = arguments[i]; } } queue.push(new Item(fun, args)); if (queue.length === 1 && !draining) { runTimeout(drainQueue); } }; // v8 likes predictible objects function Item(fun, array) { this.fun = fun; this.array = array; } Item.prototype.run = function () { this.fun.apply(null, this.array); }; process.title = 'browser'; process.browser = true; process.env = {}; process.argv = []; process.version = ''; // empty string to avoid regexp issues process.versions = {}; function noop() {} process.on = noop; process.addListener = noop; process.once = noop; process.off = noop; process.removeListener = noop; process.removeAllListeners = noop; process.emit = noop; process.prependListener = noop; process.prependOnceListener = noop; process.listeners = function (name) { return [] } process.binding = function (name) { throw new Error('process.binding is not supported'); }; process.cwd = function () { return '/' }; process.chdir = function (dir) { throw new Error('process.chdir is not supported'); }; process.umask = function() { return 0; }; },{}],2:[function(require,module,exports){ const htmlToImage = require("html-to-image") const download = require("downloadjs") window.htmlToImage = htmlToImage window.download = download },{"downloadjs":3,"html-to-image":11}],3:[function(require,module,exports){ //download.js v4.2, by dandavis; 2008-2016. [MIT] see http://danml.com/download.html for tests/usage // v1 landed a FF+Chrome compat way of downloading strings to local un-named files, upgraded to use a hidden frame and optional mime // v2 added named files via a[download], msSaveBlob, IE (10+) support, and window.URL support for larger+faster saves than dataURLs // v3 added dataURL and Blob Input, bind-toggle arity, and legacy dataURL fallback was improved with force-download mime and base64 support. 3.1 improved safari handling. // v4 adds AMD/UMD, commonJS, and plain browser support // v4.1 adds url download capability via solo URL argument (same domain/CORS only) // v4.2 adds semantic variable names, long (over 2MB) dataURL support, and hidden by default temp anchors // https://github.com/rndme/download (function (root, factory) { if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module. define([], factory); } else if (typeof exports === 'object') { // Node. Does not work with strict CommonJS, but // only CommonJS-like environments that support module.exports, // like Node. module.exports = factory(); } else { // Browser globals (root is window) root.download = factory(); } }(this, function () { return function download(data, strFileName, strMimeType) { var self = window, // this script is only for browsers anyway... defaultMime = "application/octet-stream", // this default mime also triggers iframe downloads mimeType = strMimeType || defaultMime, payload = data, url = !strFileName && !strMimeType && payload, anchor = document.createElement("a"), toString = function(a){return String(a);}, myBlob = (self.Blob || self.MozBlob || self.WebKitBlob || toString), fileName = strFileName || "download", blob, reader; myBlob= myBlob.call ? myBlob.bind(self) : Blob ; if(String(this)==="true"){ //reverse arguments, allowing download.bind(true, "text/xml", "export.xml") to act as a callback payload=[payload, mimeType]; mimeType=payload[0]; payload=payload[1]; } if(url && url.length< 2048){ // if no filename and no mime, assume a url was passed as the only argument fileName = url.split("/").pop().split("?")[0]; anchor.href = url; // assign href prop to temp anchor if(anchor.href.indexOf(url) !== -1){ // if the browser determines that it's a potentially valid url path: var ajax=new XMLHttpRequest(); ajax.open( "GET", url, true); ajax.responseType = 'blob'; ajax.onload= function(e){ download(e.target.response, fileName, defaultMime); }; setTimeout(function(){ ajax.send();}, 0); // allows setting custom ajax headers using the return: return ajax; } // end if valid url? } // end if url? //go ahead and download dataURLs right away if(/^data:([\w+-]+\/[\w+.-]+)?[,;]/.test(payload)){ if(payload.length > (1024*1024*1.999) && myBlob !== toString ){ payload=dataUrlToBlob(payload); mimeType=payload.type || defaultMime; }else{ return navigator.msSaveBlob ? // IE10 can't do a[download], only Blobs: navigator.msSaveBlob(dataUrlToBlob(payload), fileName) : saver(payload) ; // everyone else can save dataURLs un-processed } }else{//not data url, is it a string with special needs? if(/([\x80-\xff])/.test(payload)){ var i=0, tempUiArr= new Uint8Array(payload.length), mx=tempUiArr.length; for(i;i 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; Object.defineProperty(exports, "__esModule", { value: true }); exports.cloneNode = void 0; var mimes_1 = require("./mimes"); var dataurl_1 = require("./dataurl"); var clone_pseudos_1 = require("./clone-pseudos"); var util_1 = require("./util"); function cloneCanvasElement(canvas) { return __awaiter(this, void 0, void 0, function () { var dataURL; return __generator(this, function (_a) { dataURL = canvas.toDataURL(); if (dataURL === 'data:,') { return [2 /*return*/, canvas.cloneNode(false)]; } return [2 /*return*/, (0, util_1.createImage)(dataURL)]; }); }); } function cloneVideoElement(video, options) { return __awaiter(this, void 0, void 0, function () { var poster, contentType, dataURL; return __generator(this, function (_a) { switch (_a.label) { case 0: poster = video.poster; contentType = (0, mimes_1.getMimeType)(poster); return [4 /*yield*/, (0, dataurl_1.resourceToDataURL)(poster, contentType, options)]; case 1: dataURL = _a.sent(); return [2 /*return*/, (0, util_1.createImage)(dataURL)]; } }); }); } function cloneSingleNode(node, options) { return __awaiter(this, void 0, void 0, function () { return __generator(this, function (_a) { if (node instanceof HTMLCanvasElement) { return [2 /*return*/, cloneCanvasElement(node)]; } if (node instanceof HTMLVideoElement && node.poster) { return [2 /*return*/, cloneVideoElement(node, options)]; } return [2 /*return*/, node.cloneNode(false)]; }); }); } var isSlotElement = function (node) { return node.tagName != null && node.tagName.toUpperCase() === 'SLOT'; }; function cloneChildren(nativeNode, clonedNode, options) { var _a; return __awaiter(this, void 0, void 0, function () { var children; return __generator(this, function (_b) { switch (_b.label) { case 0: children = isSlotElement(nativeNode) && nativeNode.assignedNodes ? (0, util_1.toArray)(nativeNode.assignedNodes()) : (0, util_1.toArray)(((_a = nativeNode.shadowRoot) !== null && _a !== void 0 ? _a : nativeNode).childNodes); if (children.length === 0 || nativeNode instanceof HTMLVideoElement) { return [2 /*return*/, clonedNode]; } return [4 /*yield*/, children.reduce(function (deferred, child) { return deferred .then(function () { return cloneNode(child, options); }) .then(function (clonedChild) { if (clonedChild) { clonedNode.appendChild(clonedChild); } }); }, Promise.resolve())]; case 1: _b.sent(); return [2 /*return*/, clonedNode]; } }); }); } function cloneCSSStyle(nativeNode, clonedNode) { var targetStyle = clonedNode.style; if (!targetStyle) { return; } var sourceStyle = window.getComputedStyle(nativeNode); if (sourceStyle.cssText) { targetStyle.cssText = sourceStyle.cssText; targetStyle.transformOrigin = sourceStyle.transformOrigin; } else { (0, util_1.toArray)(sourceStyle).forEach(function (name) { var value = sourceStyle.getPropertyValue(name); if (name === 'font-size' && value.endsWith('px')) { var reducedFont = Math.floor(parseFloat(value.substring(0, value.length - 2))) - 0.1; value = "".concat(reducedFont, "px"); } targetStyle.setProperty(name, value, sourceStyle.getPropertyPriority(name)); }); } } function cloneInputValue(nativeNode, clonedNode) { if (nativeNode instanceof HTMLTextAreaElement) { clonedNode.innerHTML = nativeNode.value; } if (nativeNode instanceof HTMLInputElement) { clonedNode.setAttribute('value', nativeNode.value); } } function cloneSelectValue(nativeNode, clonedNode) { if (nativeNode instanceof HTMLSelectElement) { var clonedSelect = clonedNode; var selectedOption = Array.from(clonedSelect.children).find(function (child) { return nativeNode.value === child.getAttribute('value'); }); if (selectedOption) { selectedOption.setAttribute('selected', ''); } } } function decorate(nativeNode, clonedNode) { if (clonedNode instanceof Element) { cloneCSSStyle(nativeNode, clonedNode); (0, clone_pseudos_1.clonePseudoElements)(nativeNode, clonedNode); cloneInputValue(nativeNode, clonedNode); cloneSelectValue(nativeNode, clonedNode); } return clonedNode; } function cloneNode(node, options, isRoot) { return __awaiter(this, void 0, void 0, function () { return __generator(this, function (_a) { if (!isRoot && options.filter && !options.filter(node)) { return [2 /*return*/, null]; } return [2 /*return*/, Promise.resolve(node) .then(function (clonedNode) { return cloneSingleNode(clonedNode, options); }) .then(function (clonedNode) { return cloneChildren(node, clonedNode, options); }) .then(function (clonedNode) { return decorate(node, clonedNode); })]; }); }); } exports.cloneNode = cloneNode; },{"./clone-pseudos":6,"./dataurl":7,"./mimes":12,"./util":13}],6:[function(require,module,exports){ "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.clonePseudoElements = void 0; var util_1 = require("./util"); function formatCSSText(style) { var content = style.getPropertyValue('content'); return "".concat(style.cssText, " content: '").concat(content.replace(/'|"/g, ''), "';"); } function formatCSSProperties(style) { return (0, util_1.toArray)(style) .map(function (name) { var value = style.getPropertyValue(name); var priority = style.getPropertyPriority(name); return "".concat(name, ": ").concat(value).concat(priority ? ' !important' : '', ";"); }) .join(' '); } function getPseudoElementStyle(className, pseudo, style) { var selector = ".".concat(className, ":").concat(pseudo); var cssText = style.cssText ? formatCSSText(style) : formatCSSProperties(style); return document.createTextNode("".concat(selector, "{").concat(cssText, "}")); } function clonePseudoElement(nativeNode, clonedNode, pseudo) { var style = window.getComputedStyle(nativeNode, pseudo); var content = style.getPropertyValue('content'); if (content === '' || content === 'none') { return; } var className = (0, util_1.uuid)(); try { clonedNode.className = "".concat(clonedNode.className, " ").concat(className); } catch (err) { return; } var styleElement = document.createElement('style'); styleElement.appendChild(getPseudoElementStyle(className, pseudo, style)); clonedNode.appendChild(styleElement); } function clonePseudoElements(nativeNode, clonedNode) { clonePseudoElement(nativeNode, clonedNode, ':before'); clonePseudoElement(nativeNode, clonedNode, ':after'); } exports.clonePseudoElements = clonePseudoElements; },{"./util":13}],7:[function(require,module,exports){ "use strict"; var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = (this && this.__generator) || function (thisArg, body) { var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (_) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; Object.defineProperty(exports, "__esModule", { value: true }); exports.resourceToDataURL = exports.fetchAsDataURL = exports.makeDataUrl = exports.isDataUrl = void 0; function getContentFromDataUrl(dataURL) { return dataURL.split(/,/)[1]; } function isDataUrl(url) { return url.search(/^(data:)/) !== -1; } exports.isDataUrl = isDataUrl; function makeDataUrl(content, mimeType) { return "data:".concat(mimeType, ";base64,").concat(content); } exports.makeDataUrl = makeDataUrl; function fetchAsDataURL(url, init, process) { return __awaiter(this, void 0, void 0, function () { var res, blob; return __generator(this, function (_a) { switch (_a.label) { case 0: return [4 /*yield*/, fetch(url, init)]; case 1: res = _a.sent(); if (res.status === 404) { throw new Error("Resource \"".concat(res.url, "\" not found")); } return [4 /*yield*/, res.blob()]; case 2: blob = _a.sent(); return [2 /*return*/, new Promise(function (resolve, reject) { var reader = new FileReader(); reader.onerror = reject; reader.onloadend = function () { try { resolve(process({ res: res, result: reader.result })); } catch (error) { reject(error); } }; reader.readAsDataURL(blob); })]; } }); }); } exports.fetchAsDataURL = fetchAsDataURL; var cache = {}; function getCacheKey(url, contentType, includeQueryParams) { var key = url.replace(/\?.*/, ''); if (includeQueryParams) { key = url; } // font resource if (/ttf|otf|eot|woff2?/i.test(key)) { key = key.replace(/.*\//, ''); } return contentType ? "[".concat(contentType, "]").concat(key) : key; } function resourceToDataURL(resourceUrl, contentType, options) { return __awaiter(this, void 0, void 0, function () { var cacheKey, dataURL, content, error_1, msg; return __generator(this, function (_a) { switch (_a.label) { case 0: cacheKey = getCacheKey(resourceUrl, contentType, options.includeQueryParams); if (cache[cacheKey] != null) { return [2 /*return*/, cache[cacheKey]]; } // ref: https://developer.mozilla.org/en/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Bypassing_the_cache if (options.cacheBust) { // eslint-disable-next-line no-param-reassign resourceUrl += (/\?/.test(resourceUrl) ? '&' : '?') + new Date().getTime(); } _a.label = 1; case 1: _a.trys.push([1, 3, , 4]); return [4 /*yield*/, fetchAsDataURL(resourceUrl, options.fetchRequestInit, function (_a) { var res = _a.res, result = _a.result; if (!contentType) { // eslint-disable-next-line no-param-reassign contentType = res.headers.get('Content-Type') || ''; } return getContentFromDataUrl(result); })]; case 2: content = _a.sent(); dataURL = makeDataUrl(content, contentType); return [3 /*break*/, 4]; case 3: error_1 = _a.sent(); dataURL = options.imagePlaceholder || ''; msg = "Failed to fetch resource: ".concat(resourceUrl); if (error_1) { msg = typeof error_1 === 'string' ? error_1 : error_1.message; } if (msg) { console.warn(msg); } return [3 /*break*/, 4]; case 4: cache[cacheKey] = dataURL; return [2 /*return*/, dataURL]; } }); }); } exports.resourceToDataURL = resourceToDataURL; },{}],8:[function(require,module,exports){ "use strict"; var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = (this && this.__generator) || function (thisArg, body) { var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (_) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; Object.defineProperty(exports, "__esModule", { value: true }); exports.embedImages = void 0; var embed_resources_1 = require("./embed-resources"); var util_1 = require("./util"); var dataurl_1 = require("./dataurl"); var mimes_1 = require("./mimes"); function embedBackground(clonedNode, options) { var _a; return __awaiter(this, void 0, void 0, function () { var background, cssString; return __generator(this, function (_b) { switch (_b.label) { case 0: background = (_a = clonedNode.style) === null || _a === void 0 ? void 0 : _a.getPropertyValue('background'); if (!background) return [3 /*break*/, 2]; return [4 /*yield*/, (0, embed_resources_1.embedResources)(background, null, options)]; case 1: cssString = _b.sent(); clonedNode.style.setProperty('background', cssString, clonedNode.style.getPropertyPriority('background')); _b.label = 2; case 2: return [2 /*return*/]; } }); }); } function embedImageNode(clonedNode, options) { return __awaiter(this, void 0, void 0, function () { var url, dataURL; return __generator(this, function (_a) { switch (_a.label) { case 0: if (!(clonedNode instanceof HTMLImageElement && !(0, dataurl_1.isDataUrl)(clonedNode.src)) && !(clonedNode instanceof SVGImageElement && !(0, dataurl_1.isDataUrl)(clonedNode.href.baseVal))) { return [2 /*return*/]; } url = clonedNode instanceof HTMLImageElement ? clonedNode.src : clonedNode.href.baseVal; return [4 /*yield*/, (0, dataurl_1.resourceToDataURL)(url, (0, mimes_1.getMimeType)(url), options)]; case 1: dataURL = _a.sent(); return [4 /*yield*/, new Promise(function (resolve, reject) { clonedNode.onload = resolve; clonedNode.onerror = reject; if (clonedNode instanceof HTMLImageElement) { clonedNode.srcset = ''; clonedNode.src = dataURL; } else { clonedNode.href.baseVal = dataURL; } })]; case 2: _a.sent(); return [2 /*return*/]; } }); }); } function embedChildren(clonedNode, options) { return __awaiter(this, void 0, void 0, function () { var children, deferreds; return __generator(this, function (_a) { switch (_a.label) { case 0: children = (0, util_1.toArray)(clonedNode.childNodes); deferreds = children.map(function (child) { return embedImages(child, options); }); return [4 /*yield*/, Promise.all(deferreds).then(function () { return clonedNode; })]; case 1: _a.sent(); return [2 /*return*/]; } }); }); } function embedImages(clonedNode, options) { return __awaiter(this, void 0, void 0, function () { return __generator(this, function (_a) { switch (_a.label) { case 0: if (!(clonedNode instanceof Element)) return [3 /*break*/, 4]; return [4 /*yield*/, embedBackground(clonedNode, options)]; case 1: _a.sent(); return [4 /*yield*/, embedImageNode(clonedNode, options)]; case 2: _a.sent(); return [4 /*yield*/, embedChildren(clonedNode, options)]; case 3: _a.sent(); _a.label = 4; case 4: return [2 /*return*/]; } }); }); } exports.embedImages = embedImages; },{"./dataurl":7,"./embed-resources":9,"./mimes":12,"./util":13}],9:[function(require,module,exports){ "use strict"; var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = (this && this.__generator) || function (thisArg, body) { var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (_) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; Object.defineProperty(exports, "__esModule", { value: true }); exports.embedResources = exports.shouldEmbed = exports.embed = exports.parseURLs = void 0; var util_1 = require("./util"); var mimes_1 = require("./mimes"); var dataurl_1 = require("./dataurl"); var URL_REGEX = /url\((['"]?)([^'"]+?)\1\)/g; var URL_WITH_FORMAT_REGEX = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g; var FONT_SRC_REGEX = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g; function toRegex(url) { // eslint-disable-next-line no-useless-escape var escaped = url.replace(/([.*+?^${}()|\[\]\/\\])/g, '\\$1'); return new RegExp("(url\\(['\"]?)(".concat(escaped, ")(['\"]?\\))"), 'g'); } function parseURLs(cssText) { var urls = []; cssText.replace(URL_REGEX, function (raw, quotation, url) { urls.push(url); return raw; }); return urls.filter(function (url) { return !(0, dataurl_1.isDataUrl)(url); }); } exports.parseURLs = parseURLs; function embed(cssText, resourceURL, baseURL, options, getContentFromUrl) { return __awaiter(this, void 0, void 0, function () { var resolvedURL, contentType, dataURL, content, error_1; return __generator(this, function (_a) { switch (_a.label) { case 0: _a.trys.push([0, 5, , 6]); resolvedURL = baseURL ? (0, util_1.resolveUrl)(resourceURL, baseURL) : resourceURL; contentType = (0, mimes_1.getMimeType)(resourceURL); dataURL = void 0; if (!getContentFromUrl) return [3 /*break*/, 2]; return [4 /*yield*/, getContentFromUrl(resolvedURL)]; case 1: content = _a.sent(); dataURL = (0, dataurl_1.makeDataUrl)(content, contentType); return [3 /*break*/, 4]; case 2: return [4 /*yield*/, (0, dataurl_1.resourceToDataURL)(resolvedURL, contentType, options)]; case 3: dataURL = _a.sent(); _a.label = 4; case 4: return [2 /*return*/, cssText.replace(toRegex(resourceURL), "$1".concat(dataURL, "$3"))]; case 5: error_1 = _a.sent(); return [3 /*break*/, 6]; case 6: return [2 /*return*/, cssText]; } }); }); } exports.embed = embed; function filterPreferredFontFormat(str, _a) { var preferredFontFormat = _a.preferredFontFormat; return !preferredFontFormat ? str : str.replace(FONT_SRC_REGEX, function (match) { // eslint-disable-next-line no-constant-condition while (true) { var _a = URL_WITH_FORMAT_REGEX.exec(match) || [], src = _a[0], format = _a[2]; if (!format) { return ''; } if (format === preferredFontFormat) { return "src: ".concat(src, ";"); } } }); } function shouldEmbed(url) { return url.search(URL_REGEX) !== -1; } exports.shouldEmbed = shouldEmbed; function embedResources(cssText, baseUrl, options) { return __awaiter(this, void 0, void 0, function () { var filteredCSSText, urls; return __generator(this, function (_a) { if (!shouldEmbed(cssText)) { return [2 /*return*/, cssText]; } filteredCSSText = filterPreferredFontFormat(cssText, options); urls = parseURLs(filteredCSSText); return [2 /*return*/, urls.reduce(function (deferred, url) { return deferred.then(function (css) { return embed(css, url, baseUrl, options); }); }, Promise.resolve(filteredCSSText))]; }); }); } exports.embedResources = embedResources; },{"./dataurl":7,"./mimes":12,"./util":13}],10:[function(require,module,exports){ "use strict"; var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = (this && this.__generator) || function (thisArg, body) { var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (_) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; Object.defineProperty(exports, "__esModule", { value: true }); exports.embedWebFonts = exports.getWebFontCSS = void 0; var util_1 = require("./util"); var dataurl_1 = require("./dataurl"); var embed_resources_1 = require("./embed-resources"); var cssFetchCache = {}; function fetchCSS(url) { return __awaiter(this, void 0, void 0, function () { var cache, res, cssText; return __generator(this, function (_a) { switch (_a.label) { case 0: cache = cssFetchCache[url]; if (cache != null) { return [2 /*return*/, cache]; } return [4 /*yield*/, fetch(url)]; case 1: res = _a.sent(); return [4 /*yield*/, res.text()]; case 2: cssText = _a.sent(); cache = { url: url, cssText: cssText }; cssFetchCache[url] = cache; return [2 /*return*/, cache]; } }); }); } function embedFonts(data, options) { return __awaiter(this, void 0, void 0, function () { var cssText, regexUrl, fontLocs, loadFonts; var _this = this; return __generator(this, function (_a) { cssText = data.cssText; regexUrl = /url\(["']?([^"')]+)["']?\)/g; fontLocs = cssText.match(/url\([^)]+\)/g) || []; loadFonts = fontLocs.map(function (loc) { return __awaiter(_this, void 0, void 0, function () { var url; return __generator(this, function (_a) { url = loc.replace(regexUrl, '$1'); if (!url.startsWith('https://')) { url = new URL(url, data.url).href; } return [2 /*return*/, (0, dataurl_1.fetchAsDataURL)(url, options.fetchRequestInit, function (_a) { var result = _a.result; cssText = cssText.replace(loc, "url(".concat(result, ")")); return [loc, result]; })]; }); }); }); return [2 /*return*/, Promise.all(loadFonts).then(function () { return cssText; })]; }); }); } function parseCSS(source) { if (source == null) { return []; } var result = []; var commentsRegex = /(\/\*[\s\S]*?\*\/)/gi; // strip out comments var cssText = source.replace(commentsRegex, ''); // eslint-disable-next-line prefer-regex-literals var keyframesRegex = new RegExp('((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})', 'gi'); // eslint-disable-next-line no-constant-condition while (true) { var matches = keyframesRegex.exec(cssText); if (matches === null) { break; } result.push(matches[0]); } cssText = cssText.replace(keyframesRegex, ''); var importRegex = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi; // to match css & media queries together var combinedCSSRegex = '((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]' + '*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})'; // unified regex var unifiedRegex = new RegExp(combinedCSSRegex, 'gi'); // eslint-disable-next-line no-constant-condition while (true) { var matches = importRegex.exec(cssText); if (matches === null) { matches = unifiedRegex.exec(cssText); if (matches === null) { break; } else { importRegex.lastIndex = unifiedRegex.lastIndex; } } else { unifiedRegex.lastIndex = importRegex.lastIndex; } result.push(matches[0]); } return result; } function getCSSRules(styleSheets, options) { return __awaiter(this, void 0, void 0, function () { var ret, deferreds; return __generator(this, function (_a) { ret = []; deferreds = []; // First loop inlines imports styleSheets.forEach(function (sheet) { if ('cssRules' in sheet) { try { (0, util_1.toArray)(sheet.cssRules || []).forEach(function (item, index) { if (item.type === CSSRule.IMPORT_RULE) { var importIndex_1 = index + 1; var url = item.href; var deferred = fetchCSS(url) .then(function (metadata) { return embedFonts(metadata, options); }) .then(function (cssText) { return parseCSS(cssText).forEach(function (rule) { try { sheet.insertRule(rule, rule.startsWith('@import') ? (importIndex_1 += 1) : sheet.cssRules.length); } catch (error) { console.error('Error inserting rule from remote css', { rule: rule, error: error, }); } }); }) .catch(function (e) { console.error('Error loading remote css', e.toString()); }); deferreds.push(deferred); } }); } catch (e) { var inline_1 = styleSheets.find(function (a) { return a.href == null; }) || document.styleSheets[0]; if (sheet.href != null) { deferreds.push(fetchCSS(sheet.href) .then(function (metadata) { return embedFonts(metadata, options); }) .then(function (cssText) { return parseCSS(cssText).forEach(function (rule) { inline_1.insertRule(rule, sheet.cssRules.length); }); }) .catch(function (err) { console.error('Error loading remote stylesheet', err.toString()); })); } console.error('Error inlining remote css file', e.toString()); } } }); return [2 /*return*/, Promise.all(deferreds).then(function () { // Second loop parses rules styleSheets.forEach(function (sheet) { if ('cssRules' in sheet) { try { (0, util_1.toArray)(sheet.cssRules || []).forEach(function (item) { ret.push(item); }); } catch (e) { console.error("Error while reading CSS rules from ".concat(sheet.href), e.toString()); } } }); return ret; })]; }); }); } function getWebFontRules(cssRules) { return cssRules .filter(function (rule) { return rule.type === CSSRule.FONT_FACE_RULE; }) .filter(function (rule) { return (0, embed_resources_1.shouldEmbed)(rule.style.getPropertyValue('src')); }); } function parseWebFontRules(node, options) { return __awaiter(this, void 0, void 0, function () { var styleSheets, cssRules; return __generator(this, function (_a) { switch (_a.label) { case 0: if (node.ownerDocument == null) { throw new Error('Provided element is not within a Document'); } styleSheets = (0, util_1.toArray)(node.ownerDocument.styleSheets); return [4 /*yield*/, getCSSRules(styleSheets, options)]; case 1: cssRules = _a.sent(); return [2 /*return*/, getWebFontRules(cssRules)]; } }); }); } function getWebFontCSS(node, options) { return __awaiter(this, void 0, void 0, function () { var rules, cssTexts; return __generator(this, function (_a) { switch (_a.label) { case 0: return [4 /*yield*/, parseWebFontRules(node, options)]; case 1: rules = _a.sent(); return [4 /*yield*/, Promise.all(rules.map(function (rule) { var baseUrl = rule.parentStyleSheet ? rule.parentStyleSheet.href : null; return (0, embed_resources_1.embedResources)(rule.cssText, baseUrl, options); }))]; case 2: cssTexts = _a.sent(); return [2 /*return*/, cssTexts.join('\n')]; } }); }); } exports.getWebFontCSS = getWebFontCSS; function embedWebFonts(clonedNode, options) { return __awaiter(this, void 0, void 0, function () { var cssText, _a, _b, styleNode, sytleContent; return __generator(this, function (_c) { switch (_c.label) { case 0: if (!(options.fontEmbedCSS != null)) return [3 /*break*/, 1]; _a = options.fontEmbedCSS; return [3 /*break*/, 5]; case 1: if (!options.skipFonts) return [3 /*break*/, 2]; _b = null; return [3 /*break*/, 4]; case 2: return [4 /*yield*/, getWebFontCSS(clonedNode, options)]; case 3: _b = _c.sent(); _c.label = 4; case 4: _a = _b; _c.label = 5; case 5: cssText = _a; if (cssText) { styleNode = document.createElement('style'); sytleContent = document.createTextNode(cssText); styleNode.appendChild(sytleContent); if (clonedNode.firstChild) { clonedNode.insertBefore(styleNode, clonedNode.firstChild); } else { clonedNode.appendChild(styleNode); } } return [2 /*return*/]; } }); }); } exports.embedWebFonts = embedWebFonts; },{"./dataurl":7,"./embed-resources":9,"./util":13}],11:[function(require,module,exports){ "use strict"; var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = (this && this.__generator) || function (thisArg, body) { var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (_) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; Object.defineProperty(exports, "__esModule", { value: true }); exports.getFontEmbedCSS = exports.toBlob = exports.toJpeg = exports.toPng = exports.toPixelData = exports.toCanvas = exports.toSvg = void 0; var clone_node_1 = require("./clone-node"); var embed_images_1 = require("./embed-images"); var apply_style_1 = require("./apply-style"); var embed_webfonts_1 = require("./embed-webfonts"); var util_1 = require("./util"); function toSvg(node, options) { if (options === void 0) { options = {}; } return __awaiter(this, void 0, void 0, function () { var _a, width, height, clonedNode, datauri; return __generator(this, function (_b) { switch (_b.label) { case 0: _a = (0, util_1.getImageSize)(node, options), width = _a.width, height = _a.height; return [4 /*yield*/, (0, clone_node_1.cloneNode)(node, options, true)]; case 1: clonedNode = (_b.sent()); return [4 /*yield*/, (0, embed_webfonts_1.embedWebFonts)(clonedNode, options)]; case 2: _b.sent(); return [4 /*yield*/, (0, embed_images_1.embedImages)(clonedNode, options)]; case 3: _b.sent(); (0, apply_style_1.applyStyle)(clonedNode, options); return [4 /*yield*/, (0, util_1.nodeToDataURL)(clonedNode, width, height)]; case 4: datauri = _b.sent(); return [2 /*return*/, datauri]; } }); }); } exports.toSvg = toSvg; function toCanvas(node, options) { if (options === void 0) { options = {}; } return __awaiter(this, void 0, void 0, function () { var _a, width, height, svg, img, canvas, context, ratio, canvasWidth, canvasHeight; return __generator(this, function (_b) { switch (_b.label) { case 0: _a = (0, util_1.getImageSize)(node, options), width = _a.width, height = _a.height; return [4 /*yield*/, toSvg(node, options)]; case 1: svg = _b.sent(); return [4 /*yield*/, (0, util_1.createImage)(svg)]; case 2: img = _b.sent(); canvas = document.createElement('canvas'); context = canvas.getContext('2d'); ratio = options.pixelRatio || (0, util_1.getPixelRatio)(); canvasWidth = options.canvasWidth || width; canvasHeight = options.canvasHeight || height; canvas.width = canvasWidth * ratio; canvas.height = canvasHeight * ratio; if (!options.skipAutoScale) { (0, util_1.checkCanvasDimensions)(canvas); } canvas.style.width = "".concat(canvasWidth); canvas.style.height = "".concat(canvasHeight); if (options.backgroundColor) { context.fillStyle = options.backgroundColor; context.fillRect(0, 0, canvas.width, canvas.height); } context.drawImage(img, 0, 0, canvas.width, canvas.height); return [2 /*return*/, canvas]; } }); }); } exports.toCanvas = toCanvas; function toPixelData(node, options) { if (options === void 0) { options = {}; } return __awaiter(this, void 0, void 0, function () { var _a, width, height, canvas, ctx; return __generator(this, function (_b) { switch (_b.label) { case 0: _a = (0, util_1.getImageSize)(node, options), width = _a.width, height = _a.height; return [4 /*yield*/, toCanvas(node, options)]; case 1: canvas = _b.sent(); ctx = canvas.getContext('2d'); return [2 /*return*/, ctx.getImageData(0, 0, width, height).data]; } }); }); } exports.toPixelData = toPixelData; function toPng(node, options) { if (options === void 0) { options = {}; } return __awaiter(this, void 0, void 0, function () { var canvas; return __generator(this, function (_a) { switch (_a.label) { case 0: return [4 /*yield*/, toCanvas(node, options)]; case 1: canvas = _a.sent(); return [2 /*return*/, canvas.toDataURL()]; } }); }); } exports.toPng = toPng; function toJpeg(node, options) { if (options === void 0) { options = {}; } return __awaiter(this, void 0, void 0, function () { var canvas; return __generator(this, function (_a) { switch (_a.label) { case 0: return [4 /*yield*/, toCanvas(node, options)]; case 1: canvas = _a.sent(); return [2 /*return*/, canvas.toDataURL('image/jpeg', options.quality || 1)]; } }); }); } exports.toJpeg = toJpeg; function toBlob(node, options) { if (options === void 0) { options = {}; } return __awaiter(this, void 0, void 0, function () { var canvas, blob; return __generator(this, function (_a) { switch (_a.label) { case 0: return [4 /*yield*/, toCanvas(node, options)]; case 1: canvas = _a.sent(); return [4 /*yield*/, (0, util_1.canvasToBlob)(canvas)]; case 2: blob = _a.sent(); return [2 /*return*/, blob]; } }); }); } exports.toBlob = toBlob; function getFontEmbedCSS(node, options) { if (options === void 0) { options = {}; } return __awaiter(this, void 0, void 0, function () { return __generator(this, function (_a) { return [2 /*return*/, (0, embed_webfonts_1.getWebFontCSS)(node, options)]; }); }); } exports.getFontEmbedCSS = getFontEmbedCSS; },{"./apply-style":4,"./clone-node":5,"./embed-images":8,"./embed-webfonts":10,"./util":13}],12:[function(require,module,exports){ "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.getMimeType = void 0; var WOFF = 'application/font-woff'; var JPEG = 'image/jpeg'; var mimes = { woff: WOFF, woff2: WOFF, ttf: 'application/font-truetype', eot: 'application/vnd.ms-fontobject', png: 'image/png', jpg: JPEG, jpeg: JPEG, gif: 'image/gif', tiff: 'image/tiff', svg: 'image/svg+xml', }; function getExtension(url) { var match = /\.([^./]*?)$/g.exec(url); return match ? match[1] : ''; } function getMimeType(url) { var extension = getExtension(url).toLowerCase(); return mimes[extension] || ''; } exports.getMimeType = getMimeType; },{}],13:[function(require,module,exports){ (function (process){(function (){ "use strict"; var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = (this && this.__generator) || function (thisArg, body) { var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (_) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; Object.defineProperty(exports, "__esModule", { value: true }); exports.nodeToDataURL = exports.svgToDataURL = exports.createImage = exports.canvasToBlob = exports.checkCanvasDimensions = exports.getPixelRatio = exports.getImageSize = exports.toArray = exports.delay = exports.uuid = exports.resolveUrl = void 0; function resolveUrl(url, baseUrl) { // url is absolute already if (url.match(/^[a-z]+:\/\//i)) { return url; } // url is absolute already, without protocol if (url.match(/^\/\//)) { return window.location.protocol + url; } // dataURI, mailto:, tel:, etc. if (url.match(/^[a-z]+:/i)) { return url; } var doc = document.implementation.createHTMLDocument(); var base = doc.createElement('base'); var a = doc.createElement('a'); doc.head.appendChild(base); doc.body.appendChild(a); if (baseUrl) { base.href = baseUrl; } a.href = url; return a.href; } exports.resolveUrl = resolveUrl; exports.uuid = (function () { // generate uuid for className of pseudo elements. // We should not use GUIDs, otherwise pseudo elements sometimes cannot be captured. var counter = 0; // ref: http://stackoverflow.com/a/6248722/2519373 var random = function () { // eslint-disable-next-line no-bitwise return "0000".concat(((Math.random() * Math.pow(36, 4)) << 0).toString(36)).slice(-4); }; return function () { counter += 1; return "u".concat(random()).concat(counter); }; })(); function delay(ms) { return function (args) { return new Promise(function (resolve) { setTimeout(function () { return resolve(args); }, ms); }); }; } exports.delay = delay; function toArray(arrayLike) { var arr = []; for (var i = 0, l = arrayLike.length; i < l; i++) { arr.push(arrayLike[i]); } return arr; } exports.toArray = toArray; function px(node, styleProperty) { var win = node.ownerDocument.defaultView || window; var val = win.getComputedStyle(node).getPropertyValue(styleProperty); return val ? parseFloat(val.replace('px', '')) : 0; } function getNodeWidth(node) { var leftBorder = px(node, 'border-left-width'); var rightBorder = px(node, 'border-right-width'); return node.clientWidth + leftBorder + rightBorder; } function getNodeHeight(node) { var topBorder = px(node, 'border-top-width'); var bottomBorder = px(node, 'border-bottom-width'); return node.clientHeight + topBorder + bottomBorder; } function getImageSize(targetNode, options) { if (options === void 0) { options = {}; } var width = options.width || getNodeWidth(targetNode); var height = options.height || getNodeHeight(targetNode); return { width: width, height: height }; } exports.getImageSize = getImageSize; function getPixelRatio() { var ratio; var FINAL_PROCESS; try { FINAL_PROCESS = process; } catch (e) { // pass } var val = FINAL_PROCESS && FINAL_PROCESS.env ? FINAL_PROCESS.env.devicePixelRatio : null; if (val) { ratio = parseInt(val, 10); if (Number.isNaN(ratio)) { ratio = 1; } } return ratio || window.devicePixelRatio || 1; } exports.getPixelRatio = getPixelRatio; // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas#maximum_canvas_size var canvasDimensionLimit = 16384; function checkCanvasDimensions(canvas) { if (canvas.width > canvasDimensionLimit || canvas.height > canvasDimensionLimit) { if (canvas.width > canvasDimensionLimit && canvas.height > canvasDimensionLimit) { if (canvas.width > canvas.height) { canvas.height *= canvasDimensionLimit / canvas.width; canvas.width = canvasDimensionLimit; } else { canvas.width *= canvasDimensionLimit / canvas.height; canvas.height = canvasDimensionLimit; } } else if (canvas.width > canvasDimensionLimit) { canvas.height *= canvasDimensionLimit / canvas.width; canvas.width = canvasDimensionLimit; } else { canvas.width *= canvasDimensionLimit / canvas.height; canvas.height = canvasDimensionLimit; } } } exports.checkCanvasDimensions = checkCanvasDimensions; function canvasToBlob(canvas, options) { if (options === void 0) { options = {}; } if (canvas.toBlob) { return new Promise(function (resolve) { canvas.toBlob(resolve, options.type ? options.type : 'image/png', options.quality ? options.quality : 1); }); } return new Promise(function (resolve) { var binaryString = window.atob(canvas .toDataURL(options.type ? options.type : undefined, options.quality ? options.quality : undefined) .split(',')[1]); var len = binaryString.length; var binaryArray = new Uint8Array(len); for (var i = 0; i < len; i += 1) { binaryArray[i] = binaryString.charCodeAt(i); } resolve(new Blob([binaryArray], { type: options.type ? options.type : 'image/png', })); }); } exports.canvasToBlob = canvasToBlob; function createImage(url) { return new Promise(function (resolve, reject) { var img = new Image(); img.onload = function () { return resolve(img); }; img.onerror = reject; img.crossOrigin = 'anonymous'; img.decoding = 'sync'; img.src = url; }); } exports.createImage = createImage; function svgToDataURL(svg) { return __awaiter(this, void 0, void 0, function () { return __generator(this, function (_a) { return [2 /*return*/, Promise.resolve() .then(function () { return new XMLSerializer().serializeToString(svg); }) .then(encodeURIComponent) .then(function (html) { return "data:image/svg+xml;charset=utf-8,".concat(html); })]; }); }); } exports.svgToDataURL = svgToDataURL; function nodeToDataURL(node, width, height) { return __awaiter(this, void 0, void 0, function () { var xmlns, svg, foreignObject; return __generator(this, function (_a) { xmlns = 'http://www.w3.org/2000/svg'; svg = document.createElementNS(xmlns, 'svg'); foreignObject = document.createElementNS(xmlns, 'foreignObject'); svg.setAttribute('width', "".concat(width)); svg.setAttribute('height', "".concat(height)); svg.setAttribute('viewBox', "0 0 ".concat(width, " ").concat(height)); foreignObject.setAttribute('width', '100%'); foreignObject.setAttribute('height', '100%'); foreignObject.setAttribute('x', '0'); foreignObject.setAttribute('y', '0'); foreignObject.setAttribute('externalResourcesRequired', 'true'); svg.appendChild(foreignObject); foreignObject.appendChild(node); return [2 /*return*/, svgToDataURL(svg)]; }); }); } exports.nodeToDataURL = nodeToDataURL; }).call(this)}).call(this,require('_process')) },{"_process":1}]},{},[2]);