| 1 | "use strict";
|
|---|
| 2 | var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|---|
| 3 | function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|---|
| 4 | return new (P || (P = Promise))(function (resolve, reject) {
|
|---|
| 5 | function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|---|
| 6 | function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|---|
| 7 | function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|---|
| 8 | step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|---|
| 9 | });
|
|---|
| 10 | };
|
|---|
| 11 | var __generator = (this && this.__generator) || function (thisArg, body) {
|
|---|
| 12 | var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|---|
| 13 | return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|---|
| 14 | function verb(n) { return function (v) { return step([n, v]); }; }
|
|---|
| 15 | function step(op) {
|
|---|
| 16 | if (f) throw new TypeError("Generator is already executing.");
|
|---|
| 17 | while (_) try {
|
|---|
| 18 | 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;
|
|---|
| 19 | if (y = 0, t) op = [op[0] & 2, t.value];
|
|---|
| 20 | switch (op[0]) {
|
|---|
| 21 | case 0: case 1: t = op; break;
|
|---|
| 22 | case 4: _.label++; return { value: op[1], done: false };
|
|---|
| 23 | case 5: _.label++; y = op[1]; op = [0]; continue;
|
|---|
| 24 | case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|---|
| 25 | default:
|
|---|
| 26 | if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|---|
| 27 | if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|---|
| 28 | if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|---|
| 29 | if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|---|
| 30 | if (t[2]) _.ops.pop();
|
|---|
| 31 | _.trys.pop(); continue;
|
|---|
| 32 | }
|
|---|
| 33 | op = body.call(thisArg, _);
|
|---|
| 34 | } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|---|
| 35 | if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|---|
| 36 | }
|
|---|
| 37 | };
|
|---|
| 38 | Object.defineProperty(exports, "__esModule", { value: true });
|
|---|
| 39 | exports.copyCSSStyles = exports.DocumentCloner = void 0;
|
|---|
| 40 | var node_parser_1 = require("./node-parser");
|
|---|
| 41 | var parser_1 = require("../css/syntax/parser");
|
|---|
| 42 | var counter_1 = require("../css/types/functions/counter");
|
|---|
| 43 | var list_style_type_1 = require("../css/property-descriptors/list-style-type");
|
|---|
| 44 | var index_1 = require("../css/index");
|
|---|
| 45 | var quotes_1 = require("../css/property-descriptors/quotes");
|
|---|
| 46 | var debugger_1 = require("../core/debugger");
|
|---|
| 47 | var IGNORE_ATTRIBUTE = 'data-html2canvas-ignore';
|
|---|
| 48 | var DocumentCloner = /** @class */ (function () {
|
|---|
| 49 | function DocumentCloner(context, element, options) {
|
|---|
| 50 | this.context = context;
|
|---|
| 51 | this.options = options;
|
|---|
| 52 | this.scrolledElements = [];
|
|---|
| 53 | this.referenceElement = element;
|
|---|
| 54 | this.counters = new counter_1.CounterState();
|
|---|
| 55 | this.quoteDepth = 0;
|
|---|
| 56 | if (!element.ownerDocument) {
|
|---|
| 57 | throw new Error('Cloned element does not have an owner document');
|
|---|
| 58 | }
|
|---|
| 59 | this.documentElement = this.cloneNode(element.ownerDocument.documentElement, false);
|
|---|
| 60 | }
|
|---|
| 61 | DocumentCloner.prototype.toIFrame = function (ownerDocument, windowSize) {
|
|---|
| 62 | var _this = this;
|
|---|
| 63 | var iframe = createIFrameContainer(ownerDocument, windowSize);
|
|---|
| 64 | if (!iframe.contentWindow) {
|
|---|
| 65 | return Promise.reject("Unable to find iframe window");
|
|---|
| 66 | }
|
|---|
| 67 | var scrollX = ownerDocument.defaultView.pageXOffset;
|
|---|
| 68 | var scrollY = ownerDocument.defaultView.pageYOffset;
|
|---|
| 69 | var cloneWindow = iframe.contentWindow;
|
|---|
| 70 | var documentClone = cloneWindow.document;
|
|---|
| 71 | /* Chrome doesn't detect relative background-images assigned in inline <style> sheets when fetched through getComputedStyle
|
|---|
| 72 | if window url is about:blank, we can assign the url to current by writing onto the document
|
|---|
| 73 | */
|
|---|
| 74 | var iframeLoad = iframeLoader(iframe).then(function () { return __awaiter(_this, void 0, void 0, function () {
|
|---|
| 75 | var onclone, referenceElement;
|
|---|
| 76 | return __generator(this, function (_a) {
|
|---|
| 77 | switch (_a.label) {
|
|---|
| 78 | case 0:
|
|---|
| 79 | this.scrolledElements.forEach(restoreNodeScroll);
|
|---|
| 80 | if (cloneWindow) {
|
|---|
| 81 | cloneWindow.scrollTo(windowSize.left, windowSize.top);
|
|---|
| 82 | if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent) &&
|
|---|
| 83 | (cloneWindow.scrollY !== windowSize.top || cloneWindow.scrollX !== windowSize.left)) {
|
|---|
| 84 | this.context.logger.warn('Unable to restore scroll position for cloned document');
|
|---|
| 85 | this.context.windowBounds = this.context.windowBounds.add(cloneWindow.scrollX - windowSize.left, cloneWindow.scrollY - windowSize.top, 0, 0);
|
|---|
| 86 | }
|
|---|
| 87 | }
|
|---|
| 88 | onclone = this.options.onclone;
|
|---|
| 89 | referenceElement = this.clonedReferenceElement;
|
|---|
| 90 | if (typeof referenceElement === 'undefined') {
|
|---|
| 91 | return [2 /*return*/, Promise.reject("Error finding the " + this.referenceElement.nodeName + " in the cloned document")];
|
|---|
| 92 | }
|
|---|
| 93 | if (!(documentClone.fonts && documentClone.fonts.ready)) return [3 /*break*/, 2];
|
|---|
| 94 | return [4 /*yield*/, documentClone.fonts.ready];
|
|---|
| 95 | case 1:
|
|---|
| 96 | _a.sent();
|
|---|
| 97 | _a.label = 2;
|
|---|
| 98 | case 2:
|
|---|
| 99 | if (!/(AppleWebKit)/g.test(navigator.userAgent)) return [3 /*break*/, 4];
|
|---|
| 100 | return [4 /*yield*/, imagesReady(documentClone)];
|
|---|
| 101 | case 3:
|
|---|
| 102 | _a.sent();
|
|---|
| 103 | _a.label = 4;
|
|---|
| 104 | case 4:
|
|---|
| 105 | if (typeof onclone === 'function') {
|
|---|
| 106 | return [2 /*return*/, Promise.resolve()
|
|---|
| 107 | .then(function () { return onclone(documentClone, referenceElement); })
|
|---|
| 108 | .then(function () { return iframe; })];
|
|---|
| 109 | }
|
|---|
| 110 | return [2 /*return*/, iframe];
|
|---|
| 111 | }
|
|---|
| 112 | });
|
|---|
| 113 | }); });
|
|---|
| 114 | documentClone.open();
|
|---|
| 115 | documentClone.write(serializeDoctype(document.doctype) + "<html></html>");
|
|---|
| 116 | // Chrome scrolls the parent document for some reason after the write to the cloned window???
|
|---|
| 117 | restoreOwnerScroll(this.referenceElement.ownerDocument, scrollX, scrollY);
|
|---|
| 118 | documentClone.replaceChild(documentClone.adoptNode(this.documentElement), documentClone.documentElement);
|
|---|
| 119 | documentClone.close();
|
|---|
| 120 | return iframeLoad;
|
|---|
| 121 | };
|
|---|
| 122 | DocumentCloner.prototype.createElementClone = function (node) {
|
|---|
| 123 | if (debugger_1.isDebugging(node, 2 /* CLONE */)) {
|
|---|
| 124 | debugger;
|
|---|
| 125 | }
|
|---|
| 126 | if (node_parser_1.isCanvasElement(node)) {
|
|---|
| 127 | return this.createCanvasClone(node);
|
|---|
| 128 | }
|
|---|
| 129 | if (node_parser_1.isVideoElement(node)) {
|
|---|
| 130 | return this.createVideoClone(node);
|
|---|
| 131 | }
|
|---|
| 132 | if (node_parser_1.isStyleElement(node)) {
|
|---|
| 133 | return this.createStyleClone(node);
|
|---|
| 134 | }
|
|---|
| 135 | var clone = node.cloneNode(false);
|
|---|
| 136 | if (node_parser_1.isImageElement(clone)) {
|
|---|
| 137 | if (node_parser_1.isImageElement(node) && node.currentSrc && node.currentSrc !== node.src) {
|
|---|
| 138 | clone.src = node.currentSrc;
|
|---|
| 139 | clone.srcset = '';
|
|---|
| 140 | }
|
|---|
| 141 | if (clone.loading === 'lazy') {
|
|---|
| 142 | clone.loading = 'eager';
|
|---|
| 143 | }
|
|---|
| 144 | }
|
|---|
| 145 | if (node_parser_1.isCustomElement(clone)) {
|
|---|
| 146 | return this.createCustomElementClone(clone);
|
|---|
| 147 | }
|
|---|
| 148 | return clone;
|
|---|
| 149 | };
|
|---|
| 150 | DocumentCloner.prototype.createCustomElementClone = function (node) {
|
|---|
| 151 | var clone = document.createElement('html2canvascustomelement');
|
|---|
| 152 | exports.copyCSSStyles(node.style, clone);
|
|---|
| 153 | return clone;
|
|---|
| 154 | };
|
|---|
| 155 | DocumentCloner.prototype.createStyleClone = function (node) {
|
|---|
| 156 | try {
|
|---|
| 157 | var sheet = node.sheet;
|
|---|
| 158 | if (sheet && sheet.cssRules) {
|
|---|
| 159 | var css = [].slice.call(sheet.cssRules, 0).reduce(function (css, rule) {
|
|---|
| 160 | if (rule && typeof rule.cssText === 'string') {
|
|---|
| 161 | return css + rule.cssText;
|
|---|
| 162 | }
|
|---|
| 163 | return css;
|
|---|
| 164 | }, '');
|
|---|
| 165 | var style = node.cloneNode(false);
|
|---|
| 166 | style.textContent = css;
|
|---|
| 167 | return style;
|
|---|
| 168 | }
|
|---|
| 169 | }
|
|---|
| 170 | catch (e) {
|
|---|
| 171 | // accessing node.sheet.cssRules throws a DOMException
|
|---|
| 172 | this.context.logger.error('Unable to access cssRules property', e);
|
|---|
| 173 | if (e.name !== 'SecurityError') {
|
|---|
| 174 | throw e;
|
|---|
| 175 | }
|
|---|
| 176 | }
|
|---|
| 177 | return node.cloneNode(false);
|
|---|
| 178 | };
|
|---|
| 179 | DocumentCloner.prototype.createCanvasClone = function (canvas) {
|
|---|
| 180 | var _a;
|
|---|
| 181 | if (this.options.inlineImages && canvas.ownerDocument) {
|
|---|
| 182 | var img = canvas.ownerDocument.createElement('img');
|
|---|
| 183 | try {
|
|---|
| 184 | img.src = canvas.toDataURL();
|
|---|
| 185 | return img;
|
|---|
| 186 | }
|
|---|
| 187 | catch (e) {
|
|---|
| 188 | this.context.logger.info("Unable to inline canvas contents, canvas is tainted", canvas);
|
|---|
| 189 | }
|
|---|
| 190 | }
|
|---|
| 191 | var clonedCanvas = canvas.cloneNode(false);
|
|---|
| 192 | try {
|
|---|
| 193 | clonedCanvas.width = canvas.width;
|
|---|
| 194 | clonedCanvas.height = canvas.height;
|
|---|
| 195 | var ctx = canvas.getContext('2d');
|
|---|
| 196 | var clonedCtx = clonedCanvas.getContext('2d');
|
|---|
| 197 | if (clonedCtx) {
|
|---|
| 198 | if (!this.options.allowTaint && ctx) {
|
|---|
| 199 | clonedCtx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
|
|---|
| 200 | }
|
|---|
| 201 | else {
|
|---|
| 202 | var gl = (_a = canvas.getContext('webgl2')) !== null && _a !== void 0 ? _a : canvas.getContext('webgl');
|
|---|
| 203 | if (gl) {
|
|---|
| 204 | var attribs = gl.getContextAttributes();
|
|---|
| 205 | if ((attribs === null || attribs === void 0 ? void 0 : attribs.preserveDrawingBuffer) === false) {
|
|---|
| 206 | this.context.logger.warn('Unable to clone WebGL context as it has preserveDrawingBuffer=false', canvas);
|
|---|
| 207 | }
|
|---|
| 208 | }
|
|---|
| 209 | clonedCtx.drawImage(canvas, 0, 0);
|
|---|
| 210 | }
|
|---|
| 211 | }
|
|---|
| 212 | return clonedCanvas;
|
|---|
| 213 | }
|
|---|
| 214 | catch (e) {
|
|---|
| 215 | this.context.logger.info("Unable to clone canvas as it is tainted", canvas);
|
|---|
| 216 | }
|
|---|
| 217 | return clonedCanvas;
|
|---|
| 218 | };
|
|---|
| 219 | DocumentCloner.prototype.createVideoClone = function (video) {
|
|---|
| 220 | var canvas = video.ownerDocument.createElement('canvas');
|
|---|
| 221 | canvas.width = video.offsetWidth;
|
|---|
| 222 | canvas.height = video.offsetHeight;
|
|---|
| 223 | var ctx = canvas.getContext('2d');
|
|---|
| 224 | try {
|
|---|
| 225 | if (ctx) {
|
|---|
| 226 | ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
|
|---|
| 227 | if (!this.options.allowTaint) {
|
|---|
| 228 | ctx.getImageData(0, 0, canvas.width, canvas.height);
|
|---|
| 229 | }
|
|---|
| 230 | }
|
|---|
| 231 | return canvas;
|
|---|
| 232 | }
|
|---|
| 233 | catch (e) {
|
|---|
| 234 | this.context.logger.info("Unable to clone video as it is tainted", video);
|
|---|
| 235 | }
|
|---|
| 236 | var blankCanvas = video.ownerDocument.createElement('canvas');
|
|---|
| 237 | blankCanvas.width = video.offsetWidth;
|
|---|
| 238 | blankCanvas.height = video.offsetHeight;
|
|---|
| 239 | return blankCanvas;
|
|---|
| 240 | };
|
|---|
| 241 | DocumentCloner.prototype.appendChildNode = function (clone, child, copyStyles) {
|
|---|
| 242 | if (!node_parser_1.isElementNode(child) ||
|
|---|
| 243 | (!node_parser_1.isScriptElement(child) &&
|
|---|
| 244 | !child.hasAttribute(IGNORE_ATTRIBUTE) &&
|
|---|
| 245 | (typeof this.options.ignoreElements !== 'function' || !this.options.ignoreElements(child)))) {
|
|---|
| 246 | if (!this.options.copyStyles || !node_parser_1.isElementNode(child) || !node_parser_1.isStyleElement(child)) {
|
|---|
| 247 | clone.appendChild(this.cloneNode(child, copyStyles));
|
|---|
| 248 | }
|
|---|
| 249 | }
|
|---|
| 250 | };
|
|---|
| 251 | DocumentCloner.prototype.cloneChildNodes = function (node, clone, copyStyles) {
|
|---|
| 252 | var _this = this;
|
|---|
| 253 | for (var child = node.shadowRoot ? node.shadowRoot.firstChild : node.firstChild; child; child = child.nextSibling) {
|
|---|
| 254 | if (node_parser_1.isElementNode(child) && node_parser_1.isSlotElement(child) && typeof child.assignedNodes === 'function') {
|
|---|
| 255 | var assignedNodes = child.assignedNodes();
|
|---|
| 256 | if (assignedNodes.length) {
|
|---|
| 257 | assignedNodes.forEach(function (assignedNode) { return _this.appendChildNode(clone, assignedNode, copyStyles); });
|
|---|
| 258 | }
|
|---|
| 259 | }
|
|---|
| 260 | else {
|
|---|
| 261 | this.appendChildNode(clone, child, copyStyles);
|
|---|
| 262 | }
|
|---|
| 263 | }
|
|---|
| 264 | };
|
|---|
| 265 | DocumentCloner.prototype.cloneNode = function (node, copyStyles) {
|
|---|
| 266 | if (node_parser_1.isTextNode(node)) {
|
|---|
| 267 | return document.createTextNode(node.data);
|
|---|
| 268 | }
|
|---|
| 269 | if (!node.ownerDocument) {
|
|---|
| 270 | return node.cloneNode(false);
|
|---|
| 271 | }
|
|---|
| 272 | var window = node.ownerDocument.defaultView;
|
|---|
| 273 | if (window && node_parser_1.isElementNode(node) && (node_parser_1.isHTMLElementNode(node) || node_parser_1.isSVGElementNode(node))) {
|
|---|
| 274 | var clone = this.createElementClone(node);
|
|---|
| 275 | clone.style.transitionProperty = 'none';
|
|---|
| 276 | var style = window.getComputedStyle(node);
|
|---|
| 277 | var styleBefore = window.getComputedStyle(node, ':before');
|
|---|
| 278 | var styleAfter = window.getComputedStyle(node, ':after');
|
|---|
| 279 | if (this.referenceElement === node && node_parser_1.isHTMLElementNode(clone)) {
|
|---|
| 280 | this.clonedReferenceElement = clone;
|
|---|
| 281 | }
|
|---|
| 282 | if (node_parser_1.isBodyElement(clone)) {
|
|---|
| 283 | createPseudoHideStyles(clone);
|
|---|
| 284 | }
|
|---|
| 285 | var counters = this.counters.parse(new index_1.CSSParsedCounterDeclaration(this.context, style));
|
|---|
| 286 | var before = this.resolvePseudoContent(node, clone, styleBefore, PseudoElementType.BEFORE);
|
|---|
| 287 | if (node_parser_1.isCustomElement(node)) {
|
|---|
| 288 | copyStyles = true;
|
|---|
| 289 | }
|
|---|
| 290 | if (!node_parser_1.isVideoElement(node)) {
|
|---|
| 291 | this.cloneChildNodes(node, clone, copyStyles);
|
|---|
| 292 | }
|
|---|
| 293 | if (before) {
|
|---|
| 294 | clone.insertBefore(before, clone.firstChild);
|
|---|
| 295 | }
|
|---|
| 296 | var after = this.resolvePseudoContent(node, clone, styleAfter, PseudoElementType.AFTER);
|
|---|
| 297 | if (after) {
|
|---|
| 298 | clone.appendChild(after);
|
|---|
| 299 | }
|
|---|
| 300 | this.counters.pop(counters);
|
|---|
| 301 | if ((style && (this.options.copyStyles || node_parser_1.isSVGElementNode(node)) && !node_parser_1.isIFrameElement(node)) ||
|
|---|
| 302 | copyStyles) {
|
|---|
| 303 | exports.copyCSSStyles(style, clone);
|
|---|
| 304 | }
|
|---|
| 305 | if (node.scrollTop !== 0 || node.scrollLeft !== 0) {
|
|---|
| 306 | this.scrolledElements.push([clone, node.scrollLeft, node.scrollTop]);
|
|---|
| 307 | }
|
|---|
| 308 | if ((node_parser_1.isTextareaElement(node) || node_parser_1.isSelectElement(node)) &&
|
|---|
| 309 | (node_parser_1.isTextareaElement(clone) || node_parser_1.isSelectElement(clone))) {
|
|---|
| 310 | clone.value = node.value;
|
|---|
| 311 | }
|
|---|
| 312 | return clone;
|
|---|
| 313 | }
|
|---|
| 314 | return node.cloneNode(false);
|
|---|
| 315 | };
|
|---|
| 316 | DocumentCloner.prototype.resolvePseudoContent = function (node, clone, style, pseudoElt) {
|
|---|
| 317 | var _this = this;
|
|---|
| 318 | if (!style) {
|
|---|
| 319 | return;
|
|---|
| 320 | }
|
|---|
| 321 | var value = style.content;
|
|---|
| 322 | var document = clone.ownerDocument;
|
|---|
| 323 | if (!document || !value || value === 'none' || value === '-moz-alt-content' || style.display === 'none') {
|
|---|
| 324 | return;
|
|---|
| 325 | }
|
|---|
| 326 | this.counters.parse(new index_1.CSSParsedCounterDeclaration(this.context, style));
|
|---|
| 327 | var declaration = new index_1.CSSParsedPseudoDeclaration(this.context, style);
|
|---|
| 328 | var anonymousReplacedElement = document.createElement('html2canvaspseudoelement');
|
|---|
| 329 | exports.copyCSSStyles(style, anonymousReplacedElement);
|
|---|
| 330 | declaration.content.forEach(function (token) {
|
|---|
| 331 | if (token.type === 0 /* STRING_TOKEN */) {
|
|---|
| 332 | anonymousReplacedElement.appendChild(document.createTextNode(token.value));
|
|---|
| 333 | }
|
|---|
| 334 | else if (token.type === 22 /* URL_TOKEN */) {
|
|---|
| 335 | var img = document.createElement('img');
|
|---|
| 336 | img.src = token.value;
|
|---|
| 337 | img.style.opacity = '1';
|
|---|
| 338 | anonymousReplacedElement.appendChild(img);
|
|---|
| 339 | }
|
|---|
| 340 | else if (token.type === 18 /* FUNCTION */) {
|
|---|
| 341 | if (token.name === 'attr') {
|
|---|
| 342 | var attr = token.values.filter(parser_1.isIdentToken);
|
|---|
| 343 | if (attr.length) {
|
|---|
| 344 | anonymousReplacedElement.appendChild(document.createTextNode(node.getAttribute(attr[0].value) || ''));
|
|---|
| 345 | }
|
|---|
| 346 | }
|
|---|
| 347 | else if (token.name === 'counter') {
|
|---|
| 348 | var _a = token.values.filter(parser_1.nonFunctionArgSeparator), counter = _a[0], counterStyle = _a[1];
|
|---|
| 349 | if (counter && parser_1.isIdentToken(counter)) {
|
|---|
| 350 | var counterState = _this.counters.getCounterValue(counter.value);
|
|---|
| 351 | var counterType = counterStyle && parser_1.isIdentToken(counterStyle)
|
|---|
| 352 | ? list_style_type_1.listStyleType.parse(_this.context, counterStyle.value)
|
|---|
| 353 | : 3 /* DECIMAL */;
|
|---|
| 354 | anonymousReplacedElement.appendChild(document.createTextNode(counter_1.createCounterText(counterState, counterType, false)));
|
|---|
| 355 | }
|
|---|
| 356 | }
|
|---|
| 357 | else if (token.name === 'counters') {
|
|---|
| 358 | var _b = token.values.filter(parser_1.nonFunctionArgSeparator), counter = _b[0], delim = _b[1], counterStyle = _b[2];
|
|---|
| 359 | if (counter && parser_1.isIdentToken(counter)) {
|
|---|
| 360 | var counterStates = _this.counters.getCounterValues(counter.value);
|
|---|
| 361 | var counterType_1 = counterStyle && parser_1.isIdentToken(counterStyle)
|
|---|
| 362 | ? list_style_type_1.listStyleType.parse(_this.context, counterStyle.value)
|
|---|
| 363 | : 3 /* DECIMAL */;
|
|---|
| 364 | var separator = delim && delim.type === 0 /* STRING_TOKEN */ ? delim.value : '';
|
|---|
| 365 | var text = counterStates
|
|---|
| 366 | .map(function (value) { return counter_1.createCounterText(value, counterType_1, false); })
|
|---|
| 367 | .join(separator);
|
|---|
| 368 | anonymousReplacedElement.appendChild(document.createTextNode(text));
|
|---|
| 369 | }
|
|---|
| 370 | }
|
|---|
| 371 | else {
|
|---|
| 372 | // console.log('FUNCTION_TOKEN', token);
|
|---|
| 373 | }
|
|---|
| 374 | }
|
|---|
| 375 | else if (token.type === 20 /* IDENT_TOKEN */) {
|
|---|
| 376 | switch (token.value) {
|
|---|
| 377 | case 'open-quote':
|
|---|
| 378 | anonymousReplacedElement.appendChild(document.createTextNode(quotes_1.getQuote(declaration.quotes, _this.quoteDepth++, true)));
|
|---|
| 379 | break;
|
|---|
| 380 | case 'close-quote':
|
|---|
| 381 | anonymousReplacedElement.appendChild(document.createTextNode(quotes_1.getQuote(declaration.quotes, --_this.quoteDepth, false)));
|
|---|
| 382 | break;
|
|---|
| 383 | default:
|
|---|
| 384 | // safari doesn't parse string tokens correctly because of lack of quotes
|
|---|
| 385 | anonymousReplacedElement.appendChild(document.createTextNode(token.value));
|
|---|
| 386 | }
|
|---|
| 387 | }
|
|---|
| 388 | });
|
|---|
| 389 | anonymousReplacedElement.className = PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
|
|---|
| 390 | var newClassName = pseudoElt === PseudoElementType.BEFORE
|
|---|
| 391 | ? " " + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE
|
|---|
| 392 | : " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
|
|---|
| 393 | if (node_parser_1.isSVGElementNode(clone)) {
|
|---|
| 394 | clone.className.baseValue += newClassName;
|
|---|
| 395 | }
|
|---|
| 396 | else {
|
|---|
| 397 | clone.className += newClassName;
|
|---|
| 398 | }
|
|---|
| 399 | return anonymousReplacedElement;
|
|---|
| 400 | };
|
|---|
| 401 | DocumentCloner.destroy = function (container) {
|
|---|
| 402 | if (container.parentNode) {
|
|---|
| 403 | container.parentNode.removeChild(container);
|
|---|
| 404 | return true;
|
|---|
| 405 | }
|
|---|
| 406 | return false;
|
|---|
| 407 | };
|
|---|
| 408 | return DocumentCloner;
|
|---|
| 409 | }());
|
|---|
| 410 | exports.DocumentCloner = DocumentCloner;
|
|---|
| 411 | var PseudoElementType;
|
|---|
| 412 | (function (PseudoElementType) {
|
|---|
| 413 | PseudoElementType[PseudoElementType["BEFORE"] = 0] = "BEFORE";
|
|---|
| 414 | PseudoElementType[PseudoElementType["AFTER"] = 1] = "AFTER";
|
|---|
| 415 | })(PseudoElementType || (PseudoElementType = {}));
|
|---|
| 416 | var createIFrameContainer = function (ownerDocument, bounds) {
|
|---|
| 417 | var cloneIframeContainer = ownerDocument.createElement('iframe');
|
|---|
| 418 | cloneIframeContainer.className = 'html2canvas-container';
|
|---|
| 419 | cloneIframeContainer.style.visibility = 'hidden';
|
|---|
| 420 | cloneIframeContainer.style.position = 'fixed';
|
|---|
| 421 | cloneIframeContainer.style.left = '-10000px';
|
|---|
| 422 | cloneIframeContainer.style.top = '0px';
|
|---|
| 423 | cloneIframeContainer.style.border = '0';
|
|---|
| 424 | cloneIframeContainer.width = bounds.width.toString();
|
|---|
| 425 | cloneIframeContainer.height = bounds.height.toString();
|
|---|
| 426 | cloneIframeContainer.scrolling = 'no'; // ios won't scroll without it
|
|---|
| 427 | cloneIframeContainer.setAttribute(IGNORE_ATTRIBUTE, 'true');
|
|---|
| 428 | ownerDocument.body.appendChild(cloneIframeContainer);
|
|---|
| 429 | return cloneIframeContainer;
|
|---|
| 430 | };
|
|---|
| 431 | var imageReady = function (img) {
|
|---|
| 432 | return new Promise(function (resolve) {
|
|---|
| 433 | if (img.complete) {
|
|---|
| 434 | resolve();
|
|---|
| 435 | return;
|
|---|
| 436 | }
|
|---|
| 437 | if (!img.src) {
|
|---|
| 438 | resolve();
|
|---|
| 439 | return;
|
|---|
| 440 | }
|
|---|
| 441 | img.onload = resolve;
|
|---|
| 442 | img.onerror = resolve;
|
|---|
| 443 | });
|
|---|
| 444 | };
|
|---|
| 445 | var imagesReady = function (document) {
|
|---|
| 446 | return Promise.all([].slice.call(document.images, 0).map(imageReady));
|
|---|
| 447 | };
|
|---|
| 448 | var iframeLoader = function (iframe) {
|
|---|
| 449 | return new Promise(function (resolve, reject) {
|
|---|
| 450 | var cloneWindow = iframe.contentWindow;
|
|---|
| 451 | if (!cloneWindow) {
|
|---|
| 452 | return reject("No window assigned for iframe");
|
|---|
| 453 | }
|
|---|
| 454 | var documentClone = cloneWindow.document;
|
|---|
| 455 | cloneWindow.onload = iframe.onload = function () {
|
|---|
| 456 | cloneWindow.onload = iframe.onload = null;
|
|---|
| 457 | var interval = setInterval(function () {
|
|---|
| 458 | if (documentClone.body.childNodes.length > 0 && documentClone.readyState === 'complete') {
|
|---|
| 459 | clearInterval(interval);
|
|---|
| 460 | resolve(iframe);
|
|---|
| 461 | }
|
|---|
| 462 | }, 50);
|
|---|
| 463 | };
|
|---|
| 464 | });
|
|---|
| 465 | };
|
|---|
| 466 | var ignoredStyleProperties = [
|
|---|
| 467 | 'all',
|
|---|
| 468 | 'd',
|
|---|
| 469 | 'content' // Safari shows pseudoelements if content is set
|
|---|
| 470 | ];
|
|---|
| 471 | var copyCSSStyles = function (style, target) {
|
|---|
| 472 | // Edge does not provide value for cssText
|
|---|
| 473 | for (var i = style.length - 1; i >= 0; i--) {
|
|---|
| 474 | var property = style.item(i);
|
|---|
| 475 | if (ignoredStyleProperties.indexOf(property) === -1) {
|
|---|
| 476 | target.style.setProperty(property, style.getPropertyValue(property));
|
|---|
| 477 | }
|
|---|
| 478 | }
|
|---|
| 479 | return target;
|
|---|
| 480 | };
|
|---|
| 481 | exports.copyCSSStyles = copyCSSStyles;
|
|---|
| 482 | var serializeDoctype = function (doctype) {
|
|---|
| 483 | var str = '';
|
|---|
| 484 | if (doctype) {
|
|---|
| 485 | str += '<!DOCTYPE ';
|
|---|
| 486 | if (doctype.name) {
|
|---|
| 487 | str += doctype.name;
|
|---|
| 488 | }
|
|---|
| 489 | if (doctype.internalSubset) {
|
|---|
| 490 | str += doctype.internalSubset;
|
|---|
| 491 | }
|
|---|
| 492 | if (doctype.publicId) {
|
|---|
| 493 | str += "\"" + doctype.publicId + "\"";
|
|---|
| 494 | }
|
|---|
| 495 | if (doctype.systemId) {
|
|---|
| 496 | str += "\"" + doctype.systemId + "\"";
|
|---|
| 497 | }
|
|---|
| 498 | str += '>';
|
|---|
| 499 | }
|
|---|
| 500 | return str;
|
|---|
| 501 | };
|
|---|
| 502 | var restoreOwnerScroll = function (ownerDocument, x, y) {
|
|---|
| 503 | if (ownerDocument &&
|
|---|
| 504 | ownerDocument.defaultView &&
|
|---|
| 505 | (x !== ownerDocument.defaultView.pageXOffset || y !== ownerDocument.defaultView.pageYOffset)) {
|
|---|
| 506 | ownerDocument.defaultView.scrollTo(x, y);
|
|---|
| 507 | }
|
|---|
| 508 | };
|
|---|
| 509 | var restoreNodeScroll = function (_a) {
|
|---|
| 510 | var element = _a[0], x = _a[1], y = _a[2];
|
|---|
| 511 | element.scrollLeft = x;
|
|---|
| 512 | element.scrollTop = y;
|
|---|
| 513 | };
|
|---|
| 514 | var PSEUDO_BEFORE = ':before';
|
|---|
| 515 | var PSEUDO_AFTER = ':after';
|
|---|
| 516 | var PSEUDO_HIDE_ELEMENT_CLASS_BEFORE = '___html2canvas___pseudoelement_before';
|
|---|
| 517 | var PSEUDO_HIDE_ELEMENT_CLASS_AFTER = '___html2canvas___pseudoelement_after';
|
|---|
| 518 | var PSEUDO_HIDE_ELEMENT_STYLE = "{\n content: \"\" !important;\n display: none !important;\n}";
|
|---|
| 519 | var createPseudoHideStyles = function (body) {
|
|---|
| 520 | createStyles(body, "." + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + PSEUDO_BEFORE + PSEUDO_HIDE_ELEMENT_STYLE + "\n ." + PSEUDO_HIDE_ELEMENT_CLASS_AFTER + PSEUDO_AFTER + PSEUDO_HIDE_ELEMENT_STYLE);
|
|---|
| 521 | };
|
|---|
| 522 | var createStyles = function (body, styles) {
|
|---|
| 523 | var document = body.ownerDocument;
|
|---|
| 524 | if (document) {
|
|---|
| 525 | var style = document.createElement('style');
|
|---|
| 526 | style.textContent = styles;
|
|---|
| 527 | body.appendChild(style);
|
|---|
| 528 | }
|
|---|
| 529 | };
|
|---|
| 530 | //# sourceMappingURL=document-cloner.js.map |
|---|
