cards have export and many other additions/changes

3 files changed, 1776 insertions, 0 deletions

diff --git a/cards/web/bundle.js b/cards/web/bundle.js
new file mode 100644
index 0000000..01086bf
--- /dev/null
+++ b/cards/web/bundle.js
@@ -0,0 +1,1768 @@
+(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<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
+// shim for using process in browser
+var process = module.exports = {};
+
+// cached from whatever global is present so that test runners that stub it
+// don't break things.  But we need to wrap it in a try catch in case it is
+// wrapped in strict mode code which doesn't define any globals.  It's inside a
+// function because try/catches deoptimize in certain engines.
+
+var cachedSetTimeout;
+var cachedClearTimeout;
+
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout () {
+    throw new Error('clearTimeout has not been defined');
+}
+(function () {
+    try {
+        if (typeof setTimeout === 'function') {
+            cachedSetTimeout = setTimeout;
+        } else {
+            cachedSetTimeout = defaultSetTimout;
+        }
+    } catch (e) {
+        cachedSetTimeout = defaultSetTimout;
+    }
+    try {
+        if (typeof clearTimeout === 'function') {
+            cachedClearTimeout = clearTimeout;
+        } else {
+            cachedClearTimeout = defaultClearTimeout;
+        }
+    } catch (e) {
+        cachedClearTimeout = defaultClearTimeout;
+    }
+} ())
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    } catch(e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        } catch(e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
+
+
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    } catch (e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+            return cachedClearTimeout.call(null, marker);
+        } catch (e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
+
+
+
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
+
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    } else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
+
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
+
+    var len = queue.length;
+    while(len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
+
+process.nextTick = function (fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 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<mx;++i) tempUiArr[i]= payload.charCodeAt(i);
+			 	payload=new myBlob([tempUiArr], {type: mimeType});
+			}		  
+		}
+		blob = payload instanceof myBlob ?
+			payload :
+			new myBlob([payload], {type: mimeType}) ;
+
+
+		function dataUrlToBlob(strUrl) {
+			var parts= strUrl.split(/[:;,]/),
+			type= parts[1],
+			decoder= parts[2] == "base64" ? atob : decodeURIComponent,
+			binData= decoder( parts.pop() ),
+			mx= binData.length,
+			i= 0,
+			uiArr= new Uint8Array(mx);
+
+			for(i;i<mx;++i) uiArr[i]= binData.charCodeAt(i);
+
+			return new myBlob([uiArr], {type: type});
+		 }
+
+		function saver(url, winMode){
+
+			if ('download' in anchor) { //html5 A[download]
+				anchor.href = url;
+				anchor.setAttribute("download", fileName);
+				anchor.className = "download-js-link";
+				anchor.innerHTML = "downloading...";
+				anchor.style.display = "none";
+				document.body.appendChild(anchor);
+				setTimeout(function() {
+					anchor.click();
+					document.body.removeChild(anchor);
+					if(winMode===true){setTimeout(function(){ self.URL.revokeObjectURL(anchor.href);}, 250 );}
+				}, 66);
+				return true;
+			}
+
+			// handle non-a[download] safari as best we can:
+			if(/(Version)\/(\d+)\.(\d+)(?:\.(\d+))?.*Safari\//.test(navigator.userAgent)) {
+				if(/^data:/.test(url))	url="data:"+url.replace(/^data:([\w\/\-\+]+)/, defaultMime);
+				if(!window.open(url)){ // popup blocked, offer direct download:
+					if(confirm("Displaying New Document\n\nUse Save As... to download, then click back to return to this page.")){ location.href=url; }
+				}
+				return true;
+			}
+
+			//do iframe dataURL download (old ch+FF):
+			var f = document.createElement("iframe");
+			document.body.appendChild(f);
+
+			if(!winMode && /^data:/.test(url)){ // force a mime that will download:
+				url="data:"+url.replace(/^data:([\w\/\-\+]+)/, defaultMime);
+			}
+			f.src=url;
+			setTimeout(function(){ document.body.removeChild(f); }, 333);
+
+		}//end saver
+
+
+
+
+		if (navigator.msSaveBlob) { // IE10+ : (has Blob, but not a[download] or URL)
+			return navigator.msSaveBlob(blob, fileName);
+		}
+
+		if(self.URL){ // simple fast and modern way using Blob and URL:
+			saver(self.URL.createObjectURL(blob), true);
+		}else{
+			// handle non-Blob()+non-URL browsers:
+			if(typeof blob === "string" || blob.constructor===toString ){
+				try{
+					return saver( "data:" +  mimeType   + ";base64,"  +  self.btoa(blob)  );
+				}catch(y){
+					return saver( "data:" +  mimeType   + "," + encodeURIComponent(blob)  );
+				}
+			}
+
+			// Blob but not URL support:
+			reader=new FileReader();
+			reader.onload=function(e){
+				saver(this.result);
+			};
+			reader.readAsDataURL(blob);
+		}
+		return true;
+	}; /* end download() */
+}));
+
+},{}],4:[function(require,module,exports){
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyStyle = void 0;
+function applyStyle(node, options) {
+    var style = node.style;
+    if (options.backgroundColor) {
+        style.backgroundColor = options.backgroundColor;
+    }
+    if (options.width) {
+        style.width = "".concat(options.width, "px");
+    }
+    if (options.height) {
+        style.height = "".concat(options.height, "px");
+    }
+    var manual = options.style;
+    if (manual != null) {
+        Object.keys(manual).forEach(function (key) {
+            style[key] = manual[key];
+        });
+    }
+    return node;
+}
+exports.applyStyle = applyStyle;
+
+},{}],5:[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.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]);
diff --git a/cards/web/index.html b/cards/web/index.html
new file mode 100644
index 0000000..00f9636
--- /dev/null
+++ b/cards/web/index.html
@@ -0,0 +1,2 @@
+<script src="./bundle.js"></script>
+
diff --git a/cards/web/main.js b/cards/web/main.js
new file mode 100644
index 0000000..ee0d315
--- /dev/null
+++ b/cards/web/main.js
@@ -0,0 +1,6 @@
+const htmlToImage = require("html-to-image")
+const download = require("downloadjs")
+
+window.htmlToImage = htmlToImage
+window.download = download
+