html2canvas-pro 1.6.0 → 1.6.2

package/dist/lib/dom/document-cloner.js

@@ -1,52 +1,16 @@
 "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 (g && (g = 0, op[0] && (_ = 0)), _) 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.copyCSSStyles = exports.DocumentCloner = void 0;
-var node_parser_1 = require("./node-parser");
-var parser_1 = require("../css/syntax/parser");
-var counter_1 = require("../css/types/functions/counter");
-var list_style_type_1 = require("../css/property-descriptors/list-style-type");
-var index_1 = require("../css/index");
-var quotes_1 = require("../css/property-descriptors/quotes");
-var debugger_1 = require("../core/debugger");
-var IGNORE_ATTRIBUTE = 'data-html2canvas-ignore';
-var DocumentCloner = /** @class */ (function () {
-    function DocumentCloner(context, element, options) {
+const node_parser_1 = require("./node-parser");
+const parser_1 = require("../css/syntax/parser");
+const counter_1 = require("../css/types/functions/counter");
+const list_style_type_1 = require("../css/property-descriptors/list-style-type");
+const index_1 = require("../css/index");
+const quotes_1 = require("../css/property-descriptors/quotes");
+const debugger_1 = require("../core/debugger");
+const IGNORE_ATTRIBUTE = 'data-html2canvas-ignore';
+class DocumentCloner {
+    constructor(context, element, options) {
         this.context = context;
         this.options = options;
         this.scrolledElements = [];
@@ -58,66 +22,53 @@ var DocumentCloner = /** @class */ (function () {
         }
         this.documentElement = this.cloneNode(element.ownerDocument.documentElement, false);
     }
-    DocumentCloner.prototype.toIFrame = function (ownerDocument, windowSize) {
-        var _this = this;
-        var iframe = createIFrameContainer(ownerDocument, windowSize);
+    toIFrame(ownerDocument, windowSize) {
+        const iframe = createIFrameContainer(ownerDocument, windowSize);
         if (!iframe.contentWindow) {
-            return Promise.reject("Unable to find iframe window");
+            return Promise.reject(`Unable to find iframe window`);
         }
-        var scrollX = ownerDocument.defaultView.pageXOffset;
-        var scrollY = ownerDocument.defaultView.pageYOffset;
-        var cloneWindow = iframe.contentWindow;
-        var documentClone = cloneWindow.document;
+        const scrollX = ownerDocument.defaultView.pageXOffset;
+        const scrollY = ownerDocument.defaultView.pageYOffset;
+        const cloneWindow = iframe.contentWindow;
+        const documentClone = cloneWindow.document;
         /* Chrome doesn't detect relative background-images assigned in inline <style> sheets when fetched through getComputedStyle
          if window url is about:blank, we can assign the url to current by writing onto the document
          */
-        var iframeLoad = iframeLoader(iframe).then(function () { return __awaiter(_this, void 0, void 0, function () {
-            var onclone, referenceElement;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        this.scrolledElements.forEach(restoreNodeScroll);
-                        if (cloneWindow) {
-                            cloneWindow.scrollTo(windowSize.left, windowSize.top);
-                            if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent) &&
-                                (cloneWindow.scrollY !== windowSize.top || cloneWindow.scrollX !== windowSize.left)) {
-                                this.context.logger.warn('Unable to restore scroll position for cloned document');
-                                this.context.windowBounds = this.context.windowBounds.add(cloneWindow.scrollX - windowSize.left, cloneWindow.scrollY - windowSize.top, 0, 0);
-                            }
-                        }
-                        onclone = this.options.onclone;
-                        referenceElement = this.clonedReferenceElement;
-                        if (typeof referenceElement === 'undefined') {
-                            return [2 /*return*/, Promise.reject("Error finding the ".concat(this.referenceElement.nodeName, " in the cloned document"))];
-                        }
-                        if (!(documentClone.fonts && documentClone.fonts.ready)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, documentClone.fonts.ready];
-                    case 1:
-                        _a.sent();
-                        _a.label = 2;
-                    case 2:
-                        if (!/(AppleWebKit)/g.test(navigator.userAgent)) return [3 /*break*/, 4];
-                        return [4 /*yield*/, imagesReady(documentClone)];
-                    case 3:
-                        _a.sent();
-                        _a.label = 4;
-                    case 4:
-                        if (typeof onclone === 'function') {
-                            return [2 /*return*/, Promise.resolve()
-                                    .then(function () { return onclone(documentClone, referenceElement); })
-                                    .then(function () { return iframe; })];
-                        }
-                        return [2 /*return*/, iframe];
+        const iframeLoad = iframeLoader(iframe).then(async () => {
+            this.scrolledElements.forEach(restoreNodeScroll);
+            if (cloneWindow) {
+                cloneWindow.scrollTo(windowSize.left, windowSize.top);
+                if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent) &&
+                    (cloneWindow.scrollY !== windowSize.top || cloneWindow.scrollX !== windowSize.left)) {
+                    this.context.logger.warn('Unable to restore scroll position for cloned document');
+                    this.context.windowBounds = this.context.windowBounds.add(cloneWindow.scrollX - windowSize.left, cloneWindow.scrollY - windowSize.top, 0, 0);
                 }
-            });
-        }); });
+            }
+            const onclone = this.options.onclone;
+            const referenceElement = this.clonedReferenceElement;
+            if (typeof referenceElement === 'undefined') {
+                return Promise.reject(`Error finding the ${this.referenceElement.nodeName} in the cloned document`);
+            }
+            if (documentClone.fonts && documentClone.fonts.ready) {
+                await documentClone.fonts.ready;
+            }
+            if (/(AppleWebKit)/g.test(navigator.userAgent)) {
+                await imagesReady(documentClone);
+            }
+            if (typeof onclone === 'function') {
+                return Promise.resolve()
+                    .then(() => onclone(documentClone, referenceElement))
+                    .then(() => iframe);
+            }
+            return iframe;
+        });
         /**
          * The baseURI of the document will be lost after documentClone.open().
          * We save it before open() to preserve the original base URI for resource resolution.
          * */
-        var baseUri = documentClone.baseURI;
+        const baseUri = documentClone.baseURI;
         documentClone.open();
-        documentClone.write("".concat(serializeDoctype(document.doctype), "<html></html>"));
+        documentClone.write(`${serializeDoctype(document.doctype)}<html></html>`);
         // Chrome scrolls the parent document for some reason after the write to the cloned window???
         restoreOwnerScroll(this.referenceElement.ownerDocument, scrollX, scrollY);
         /**
@@ -130,13 +81,13 @@ var DocumentCloner = /** @class */ (function () {
          *   - Make sure adoptNode() is called after documentClone.open() and close()
          *   - This allows Chrome to properly match and apply all CSS rules including mixed-case class selectors.
          * */
-        var adoptedNode = documentClone.adoptNode(this.documentElement);
+        const adoptedNode = documentClone.adoptNode(this.documentElement);
         addBase(adoptedNode, baseUri);
         documentClone.replaceChild(adoptedNode, documentClone.documentElement);
         documentClone.close();
         return iframeLoad;
-    };
-    DocumentCloner.prototype.createElementClone = function (node) {
+    }
+    createElementClone(node) {
         if ((0, debugger_1.isDebugging)(node, 2 /* DebuggerType.CLONE */)) {
             debugger;
         }
@@ -149,7 +100,7 @@ var DocumentCloner = /** @class */ (function () {
         if ((0, node_parser_1.isStyleElement)(node)) {
             return this.createStyleClone(node);
         }
-        var clone = node.cloneNode(false);
+        const clone = node.cloneNode(false);
         if ((0, node_parser_1.isImageElement)(clone)) {
             if ((0, node_parser_1.isImageElement)(node) && node.currentSrc && node.currentSrc !== node.src) {
                 clone.src = node.currentSrc;
@@ -163,23 +114,49 @@ var DocumentCloner = /** @class */ (function () {
             return this.createCustomElementClone(clone);
         }
         return clone;
-    };
-    DocumentCloner.prototype.createCustomElementClone = function (node) {
-        var clone = document.createElement('html2canvascustomelement');
+    }
+    createCustomElementClone(node) {
+        // Ensure html2canvascustomelement is defined
+        if (typeof window !== 'undefined' && !customElements.get('html2canvascustomelement')) {
+            try {
+                customElements.define('html2canvascustomelement', class extends HTMLElement {
+                    constructor() {
+                        super();
+                    }
+                });
+            }
+            catch (e) {
+                // Already defined or cannot define
+            }
+        }
+        const clone = document.createElement('html2canvascustomelement');
         (0, exports.copyCSSStyles)(node.style, clone);
+        // Clone shadow DOM if it exists
+        // Fix for Issue #108: This is critical for Web Components with slots to work correctly
+        if (node.shadowRoot) {
+            try {
+                clone.attachShadow({ mode: 'open' });
+                // The actual shadow DOM content will be cloned in cloneChildNodes
+            }
+            catch (e) {
+                // Some elements cannot have shadow roots attached
+                // This can happen if the element doesn't support shadow DOM
+                this.context.logger.error('Failed to attach shadow root to custom element clone:', e);
+            }
+        }
         return clone;
-    };
-    DocumentCloner.prototype.createStyleClone = function (node) {
+    }
+    createStyleClone(node) {
         try {
-            var sheet = node.sheet;
+            const sheet = node.sheet;
             if (sheet && sheet.cssRules) {
-                var css = [].slice.call(sheet.cssRules, 0).reduce(function (css, rule) {
+                const css = [].slice.call(sheet.cssRules, 0).reduce((css, rule) => {
                     if (rule && typeof rule.cssText === 'string') {
                         return css + rule.cssText;
                     }
                     return css;
                 }, '');
-                var style = node.cloneNode(false);
+                const style = node.cloneNode(false);
                 style.textContent = css;
                 return style;
             }
@@ -192,34 +169,33 @@ var DocumentCloner = /** @class */ (function () {
             }
         }
         return node.cloneNode(false);
-    };
-    DocumentCloner.prototype.createCanvasClone = function (canvas) {
-        var _a;
+    }
+    createCanvasClone(canvas) {
         if (this.options.inlineImages && canvas.ownerDocument) {
-            var img = canvas.ownerDocument.createElement('img');
+            const img = canvas.ownerDocument.createElement('img');
             try {
                 img.src = canvas.toDataURL();
                 return img;
             }
             catch (e) {
-                this.context.logger.info("Unable to inline canvas contents, canvas is tainted", canvas);
+                this.context.logger.info(`Unable to inline canvas contents, canvas is tainted`, canvas);
             }
         }
-        var clonedCanvas = canvas.cloneNode(false);
+        const clonedCanvas = canvas.cloneNode(false);
         try {
             clonedCanvas.width = canvas.width;
             clonedCanvas.height = canvas.height;
-            var ctx = canvas.getContext('2d');
-            var clonedCtx = clonedCanvas.getContext('2d', { willReadFrequently: true });
+            const ctx = canvas.getContext('2d');
+            const clonedCtx = clonedCanvas.getContext('2d', { willReadFrequently: true });
             if (clonedCtx) {
                 if (!this.options.allowTaint && ctx) {
                     clonedCtx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
                 }
                 else {
-                    var gl = (_a = canvas.getContext('webgl2')) !== null && _a !== void 0 ? _a : canvas.getContext('webgl');
+                    const gl = canvas.getContext('webgl2') ?? canvas.getContext('webgl');
                     if (gl) {
-                        var attribs = gl.getContextAttributes();
-                        if ((attribs === null || attribs === void 0 ? void 0 : attribs.preserveDrawingBuffer) === false) {
+                        const attribs = gl.getContextAttributes();
+                        if (attribs?.preserveDrawingBuffer === false) {
                             this.context.logger.warn('Unable to clone WebGL context as it has preserveDrawingBuffer=false', canvas);
                         }
                     }
@@ -229,15 +205,15 @@ var DocumentCloner = /** @class */ (function () {
             return clonedCanvas;
         }
         catch (e) {
-            this.context.logger.info("Unable to clone canvas as it is tainted", canvas);
+            this.context.logger.info(`Unable to clone canvas as it is tainted`, canvas);
         }
         return clonedCanvas;
-    };
-    DocumentCloner.prototype.createVideoClone = function (video) {
-        var canvas = video.ownerDocument.createElement('canvas');
+    }
+    createVideoClone(video) {
+        const canvas = video.ownerDocument.createElement('canvas');
         canvas.width = video.offsetWidth;
         canvas.height = video.offsetHeight;
-        var ctx = canvas.getContext('2d');
+        const ctx = canvas.getContext('2d');
         try {
             if (ctx) {
                 ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
@@ -248,14 +224,14 @@ var DocumentCloner = /** @class */ (function () {
             return canvas;
         }
         catch (e) {
-            this.context.logger.info("Unable to clone video as it is tainted", video);
+            this.context.logger.info(`Unable to clone video as it is tainted`, video);
         }
-        var blankCanvas = video.ownerDocument.createElement('canvas');
+        const blankCanvas = video.ownerDocument.createElement('canvas');
         blankCanvas.width = video.offsetWidth;
         blankCanvas.height = video.offsetHeight;
         return blankCanvas;
-    };
-    DocumentCloner.prototype.appendChildNode = function (clone, child, copyStyles) {
+    }
+    appendChildNode(clone, child, copyStyles) {
         if (!(0, node_parser_1.isElementNode)(child) ||
             (!(0, node_parser_1.isScriptElement)(child) &&
                 !child.hasAttribute(IGNORE_ATTRIBUTE) &&
@@ -264,43 +240,43 @@ var DocumentCloner = /** @class */ (function () {
                 clone.appendChild(this.cloneNode(child, copyStyles));
             }
         }
-    };
-    DocumentCloner.prototype.cloneChildNodes = function (node, clone, copyStyles) {
-        var _this = this;
-        for (var child = node.shadowRoot ? node.shadowRoot.firstChild : node.firstChild; child; child = child.nextSibling) {
-            if ((0, node_parser_1.isElementNode)(child) && (0, node_parser_1.isSlotElement)(child) && typeof child.assignedNodes === 'function') {
-                var assignedNodes = child.assignedNodes();
-                if (assignedNodes.length) {
-                    assignedNodes.forEach(function (assignedNode) { return _this.appendChildNode(clone, assignedNode, copyStyles); });
-                }
-            }
-            else {
-                this.appendChildNode(clone, child, copyStyles);
+    }
+    cloneChildNodes(node, clone, copyStyles) {
+        // Clone shadow DOM content if it exists
+        if (node.shadowRoot && clone.shadowRoot) {
+            for (let child = node.shadowRoot.firstChild; child; child = child.nextSibling) {
+                // Clone all shadow DOM children including <slot> elements
+                // The browser will automatically handle slot assignment
+                clone.shadowRoot.appendChild(this.cloneNode(child, copyStyles));
             }
         }
-    };
-    DocumentCloner.prototype.cloneNode = function (node, copyStyles) {
+        // Clone light DOM content (always, even if shadow DOM exists)
+        for (let child = node.firstChild; child; child = child.nextSibling) {
+            this.appendChildNode(clone, child, copyStyles);
+        }
+    }
+    cloneNode(node, copyStyles) {
         if ((0, node_parser_1.isTextNode)(node)) {
             return document.createTextNode(node.data);
         }
         if (!node.ownerDocument) {
             return node.cloneNode(false);
         }
-        var window = node.ownerDocument.defaultView;
+        const window = node.ownerDocument.defaultView;
         if (window && (0, node_parser_1.isElementNode)(node) && ((0, node_parser_1.isHTMLElementNode)(node) || (0, node_parser_1.isSVGElementNode)(node))) {
-            var clone = this.createElementClone(node);
+            const clone = this.createElementClone(node);
             clone.style.transitionProperty = 'none';
-            var style = window.getComputedStyle(node);
-            var styleBefore = window.getComputedStyle(node, ':before');
-            var styleAfter = window.getComputedStyle(node, ':after');
+            const style = window.getComputedStyle(node);
+            const styleBefore = window.getComputedStyle(node, ':before');
+            const styleAfter = window.getComputedStyle(node, ':after');
             if (this.referenceElement === node && (0, node_parser_1.isHTMLElementNode)(clone)) {
                 this.clonedReferenceElement = clone;
             }
             if ((0, node_parser_1.isBodyElement)(clone)) {
                 createPseudoHideStyles(clone);
             }
-            var counters = this.counters.parse(new index_1.CSSParsedCounterDeclaration(this.context, style));
-            var before = this.resolvePseudoContent(node, clone, styleBefore, PseudoElementType.BEFORE);
+            const counters = this.counters.parse(new index_1.CSSParsedCounterDeclaration(this.context, style));
+            const before = this.resolvePseudoContent(node, clone, styleBefore, PseudoElementType.BEFORE);
             if ((0, node_parser_1.isCustomElement)(node)) {
                 copyStyles = true;
             }
@@ -310,7 +286,7 @@ var DocumentCloner = /** @class */ (function () {
             if (before) {
                 clone.insertBefore(before, clone.firstChild);
             }
-            var after = this.resolvePseudoContent(node, clone, styleAfter, PseudoElementType.AFTER);
+            const after = this.resolvePseudoContent(node, clone, styleAfter, PseudoElementType.AFTER);
             if (after) {
                 clone.appendChild(after);
             }
@@ -329,58 +305,57 @@ var DocumentCloner = /** @class */ (function () {
             return clone;
         }
         return node.cloneNode(false);
-    };
-    DocumentCloner.prototype.resolvePseudoContent = function (node, clone, style, pseudoElt) {
-        var _this = this;
+    }
+    resolvePseudoContent(node, clone, style, pseudoElt) {
         if (!style) {
             return;
         }
-        var value = style.content;
-        var document = clone.ownerDocument;
+        const value = style.content;
+        const document = clone.ownerDocument;
         if (!document || !value || value === 'none' || value === '-moz-alt-content' || style.display === 'none') {
             return;
         }
         this.counters.parse(new index_1.CSSParsedCounterDeclaration(this.context, style));
-        var declaration = new index_1.CSSParsedPseudoDeclaration(this.context, style);
-        var anonymousReplacedElement = document.createElement('html2canvaspseudoelement');
+        const declaration = new index_1.CSSParsedPseudoDeclaration(this.context, style);
+        const anonymousReplacedElement = document.createElement('html2canvaspseudoelement');
         (0, exports.copyCSSStyles)(style, anonymousReplacedElement);
-        declaration.content.forEach(function (token) {
+        declaration.content.forEach((token) => {
             if (token.type === 0 /* TokenType.STRING_TOKEN */) {
                 anonymousReplacedElement.appendChild(document.createTextNode(token.value));
             }
             else if (token.type === 22 /* TokenType.URL_TOKEN */) {
-                var img = document.createElement('img');
+                const img = document.createElement('img');
                 img.src = token.value;
                 img.style.opacity = '1';
                 anonymousReplacedElement.appendChild(img);
             }
             else if (token.type === 18 /* TokenType.FUNCTION */) {
                 if (token.name === 'attr') {
-                    var attr = token.values.filter(parser_1.isIdentToken);
+                    const attr = token.values.filter(parser_1.isIdentToken);
                     if (attr.length) {
                         anonymousReplacedElement.appendChild(document.createTextNode(node.getAttribute(attr[0].value) || ''));
                     }
                 }
                 else if (token.name === 'counter') {
-                    var _a = token.values.filter(parser_1.nonFunctionArgSeparator), counter = _a[0], counterStyle = _a[1];
+                    const [counter, counterStyle] = token.values.filter(parser_1.nonFunctionArgSeparator);
                     if (counter && (0, parser_1.isIdentToken)(counter)) {
-                        var counterState = _this.counters.getCounterValue(counter.value);
-                        var counterType = counterStyle && (0, parser_1.isIdentToken)(counterStyle)
-                            ? list_style_type_1.listStyleType.parse(_this.context, counterStyle.value)
+                        const counterState = this.counters.getCounterValue(counter.value);
+                        const counterType = counterStyle && (0, parser_1.isIdentToken)(counterStyle)
+                            ? list_style_type_1.listStyleType.parse(this.context, counterStyle.value)
                             : 3 /* LIST_STYLE_TYPE.DECIMAL */;
                         anonymousReplacedElement.appendChild(document.createTextNode((0, counter_1.createCounterText)(counterState, counterType, false)));
                     }
                 }
                 else if (token.name === 'counters') {
-                    var _b = token.values.filter(parser_1.nonFunctionArgSeparator), counter = _b[0], delim = _b[1], counterStyle = _b[2];
+                    const [counter, delim, counterStyle] = token.values.filter(parser_1.nonFunctionArgSeparator);
                     if (counter && (0, parser_1.isIdentToken)(counter)) {
-                        var counterStates = _this.counters.getCounterValues(counter.value);
-                        var counterType_1 = counterStyle && (0, parser_1.isIdentToken)(counterStyle)
-                            ? list_style_type_1.listStyleType.parse(_this.context, counterStyle.value)
+                        const counterStates = this.counters.getCounterValues(counter.value);
+                        const counterType = counterStyle && (0, parser_1.isIdentToken)(counterStyle)
+                            ? list_style_type_1.listStyleType.parse(this.context, counterStyle.value)
                             : 3 /* LIST_STYLE_TYPE.DECIMAL */;
-                        var separator = delim && delim.type === 0 /* TokenType.STRING_TOKEN */ ? delim.value : '';
-                        var text = counterStates
-                            .map(function (value) { return (0, counter_1.createCounterText)(value, counterType_1, false); })
+                        const separator = delim && delim.type === 0 /* TokenType.STRING_TOKEN */ ? delim.value : '';
+                        const text = counterStates
+                            .map((value) => (0, counter_1.createCounterText)(value, counterType, false))
                             .join(separator);
                         anonymousReplacedElement.appendChild(document.createTextNode(text));
                     }
@@ -392,10 +367,10 @@ var DocumentCloner = /** @class */ (function () {
             else if (token.type === 20 /* TokenType.IDENT_TOKEN */) {
                 switch (token.value) {
                     case 'open-quote':
-                        anonymousReplacedElement.appendChild(document.createTextNode((0, quotes_1.getQuote)(declaration.quotes, _this.quoteDepth++, true)));
+                        anonymousReplacedElement.appendChild(document.createTextNode((0, quotes_1.getQuote)(declaration.quotes, this.quoteDepth++, true)));
                         break;
                     case 'close-quote':
-                        anonymousReplacedElement.appendChild(document.createTextNode((0, quotes_1.getQuote)(declaration.quotes, --_this.quoteDepth, false)));
+                        anonymousReplacedElement.appendChild(document.createTextNode((0, quotes_1.getQuote)(declaration.quotes, --this.quoteDepth, false)));
                         break;
                     default:
                         // safari doesn't parse string tokens correctly because of lack of quotes
@@ -403,10 +378,10 @@ var DocumentCloner = /** @class */ (function () {
                 }
             }
         });
-        anonymousReplacedElement.className = "".concat(PSEUDO_HIDE_ELEMENT_CLASS_BEFORE, " ").concat(PSEUDO_HIDE_ELEMENT_CLASS_AFTER);
-        var newClassName = pseudoElt === PseudoElementType.BEFORE
-            ? " ".concat(PSEUDO_HIDE_ELEMENT_CLASS_BEFORE)
-            : " ".concat(PSEUDO_HIDE_ELEMENT_CLASS_AFTER);
+        anonymousReplacedElement.className = `${PSEUDO_HIDE_ELEMENT_CLASS_BEFORE} ${PSEUDO_HIDE_ELEMENT_CLASS_AFTER}`;
+        const newClassName = pseudoElt === PseudoElementType.BEFORE
+            ? ` ${PSEUDO_HIDE_ELEMENT_CLASS_BEFORE}`
+            : ` ${PSEUDO_HIDE_ELEMENT_CLASS_AFTER}`;
         if ((0, node_parser_1.isSVGElementNode)(clone)) {
             clone.className.baseValue += newClassName;
         }
@@ -414,24 +389,23 @@ var DocumentCloner = /** @class */ (function () {
             clone.className += newClassName;
         }
         return anonymousReplacedElement;
-    };
-    DocumentCloner.destroy = function (container) {
+    }
+    static destroy(container) {
         if (container.parentNode) {
             container.parentNode.removeChild(container);
             return true;
         }
         return false;
-    };
-    return DocumentCloner;
-}());
+    }
+}
 exports.DocumentCloner = DocumentCloner;
 var PseudoElementType;
 (function (PseudoElementType) {
     PseudoElementType[PseudoElementType["BEFORE"] = 0] = "BEFORE";
     PseudoElementType[PseudoElementType["AFTER"] = 1] = "AFTER";
 })(PseudoElementType || (PseudoElementType = {}));
-var createIFrameContainer = function (ownerDocument, bounds) {
-    var cloneIframeContainer = ownerDocument.createElement('iframe');
+const createIFrameContainer = (ownerDocument, bounds) => {
+    const cloneIframeContainer = ownerDocument.createElement('iframe');
     cloneIframeContainer.className = 'html2canvas-container';
     cloneIframeContainer.style.visibility = 'hidden';
     cloneIframeContainer.style.position = 'fixed';
@@ -445,8 +419,8 @@ var createIFrameContainer = function (ownerDocument, bounds) {
     ownerDocument.body.appendChild(cloneIframeContainer);
     return cloneIframeContainer;
 };
-var imageReady = function (img) {
-    return new Promise(function (resolve) {
+const imageReady = (img) => {
+    return new Promise((resolve) => {
         if (img.complete) {
             resolve();
             return;
@@ -459,19 +433,19 @@ var imageReady = function (img) {
         img.onerror = resolve;
     });
 };
-var imagesReady = function (document) {
+const imagesReady = (document) => {
     return Promise.all([].slice.call(document.images, 0).map(imageReady));
 };
-var iframeLoader = function (iframe) {
-    return new Promise(function (resolve, reject) {
-        var cloneWindow = iframe.contentWindow;
+const iframeLoader = (iframe) => {
+    return new Promise((resolve, reject) => {
+        const cloneWindow = iframe.contentWindow;
         if (!cloneWindow) {
-            return reject("No window assigned for iframe");
+            return reject(`No window assigned for iframe`);
         }
-        var documentClone = cloneWindow.document;
-        cloneWindow.onload = iframe.onload = function () {
+        const documentClone = cloneWindow.document;
+        cloneWindow.onload = iframe.onload = () => {
             cloneWindow.onload = iframe.onload = null;
-            var interval = setInterval(function () {
+            const interval = setInterval(() => {
                 if (documentClone.body.childNodes.length > 0 && documentClone.readyState === 'complete') {
                     clearInterval(interval);
                     resolve(iframe);
@@ -480,15 +454,15 @@ var iframeLoader = function (iframe) {
         };
     });
 };
-var ignoredStyleProperties = [
+const ignoredStyleProperties = [
     'all', // #2476
     'd', // #2483
     'content' // Safari shows pseudoelements if content is set
 ];
-var copyCSSStyles = function (style, target) {
+const copyCSSStyles = (style, target) => {
     // Edge does not provide value for cssText
-    for (var i = style.length - 1; i >= 0; i--) {
-        var property = style.item(i);
+    for (let i = style.length - 1; i >= 0; i--) {
+        const property = style.item(i);
         // fix: Chrome_138 ignore custom properties
         if (ignoredStyleProperties.indexOf(property) === -1 && !property.startsWith('--')) {
             target.style.setProperty(property, style.getPropertyValue(property));
@@ -497,8 +471,8 @@ var copyCSSStyles = function (style, target) {
     return target;
 };
 exports.copyCSSStyles = copyCSSStyles;
-var serializeDoctype = function (doctype) {
-    var str = '';
+const serializeDoctype = (doctype) => {
+    let str = '';
     if (doctype) {
         str += '<!DOCTYPE ';
         if (doctype.name) {
@@ -508,48 +482,50 @@ var serializeDoctype = function (doctype) {
             str += doctype.internalSubset;
         }
         if (doctype.publicId) {
-            str += "\"".concat(doctype.publicId, "\"");
+            str += `"${doctype.publicId}"`;
         }
         if (doctype.systemId) {
-            str += "\"".concat(doctype.systemId, "\"");
+            str += `"${doctype.systemId}"`;
         }
         str += '>';
     }
     return str;
 };
-var restoreOwnerScroll = function (ownerDocument, x, y) {
+const restoreOwnerScroll = (ownerDocument, x, y) => {
     if (ownerDocument &&
         ownerDocument.defaultView &&
         (x !== ownerDocument.defaultView.pageXOffset || y !== ownerDocument.defaultView.pageYOffset)) {
         ownerDocument.defaultView.scrollTo(x, y);
     }
 };
-var restoreNodeScroll = function (_a) {
-    var element = _a[0], x = _a[1], y = _a[2];
+const restoreNodeScroll = ([element, x, y]) => {
     element.scrollLeft = x;
     element.scrollTop = y;
 };
-var PSEUDO_BEFORE = ':before';
-var PSEUDO_AFTER = ':after';
-var PSEUDO_HIDE_ELEMENT_CLASS_BEFORE = '___html2canvas___pseudoelement_before';
-var PSEUDO_HIDE_ELEMENT_CLASS_AFTER = '___html2canvas___pseudoelement_after';
-var PSEUDO_HIDE_ELEMENT_STYLE = "{\n    content: \"\" !important;\n    display: none !important;\n}";
-var createPseudoHideStyles = function (body) {
-    createStyles(body, ".".concat(PSEUDO_HIDE_ELEMENT_CLASS_BEFORE).concat(PSEUDO_BEFORE).concat(PSEUDO_HIDE_ELEMENT_STYLE, "\n         .").concat(PSEUDO_HIDE_ELEMENT_CLASS_AFTER).concat(PSEUDO_AFTER).concat(PSEUDO_HIDE_ELEMENT_STYLE));
+const PSEUDO_BEFORE = ':before';
+const PSEUDO_AFTER = ':after';
+const PSEUDO_HIDE_ELEMENT_CLASS_BEFORE = '___html2canvas___pseudoelement_before';
+const PSEUDO_HIDE_ELEMENT_CLASS_AFTER = '___html2canvas___pseudoelement_after';
+const PSEUDO_HIDE_ELEMENT_STYLE = `{
+    content: "" !important;
+    display: none !important;
+}`;
+const createPseudoHideStyles = (body) => {
+    createStyles(body, `.${PSEUDO_HIDE_ELEMENT_CLASS_BEFORE}${PSEUDO_BEFORE}${PSEUDO_HIDE_ELEMENT_STYLE}
+         .${PSEUDO_HIDE_ELEMENT_CLASS_AFTER}${PSEUDO_AFTER}${PSEUDO_HIDE_ELEMENT_STYLE}`);
 };
-var createStyles = function (body, styles) {
-    var document = body.ownerDocument;
+const createStyles = (body, styles) => {
+    const document = body.ownerDocument;
     if (document) {
-        var style = document.createElement('style');
+        const style = document.createElement('style');
         style.textContent = styles;
         body.appendChild(style);
     }
 };
-var addBase = function (targetELement, baseUri) {
-    var _a;
-    var baseNode = targetELement.ownerDocument.createElement('base');
+const addBase = (targetELement, baseUri) => {
+    const baseNode = targetELement.ownerDocument.createElement('base');
     baseNode.href = baseUri;
-    var headEle = targetELement.getElementsByTagName('head').item(0);
-    headEle === null || headEle === void 0 ? void 0 : headEle.insertBefore(baseNode, (_a = headEle === null || headEle === void 0 ? void 0 : headEle.firstChild) !== null && _a !== void 0 ? _a : null);
+    const headEle = targetELement.getElementsByTagName('head').item(0);
+    headEle?.insertBefore(baseNode, headEle?.firstChild ?? null);
 };
 //# sourceMappingURL=document-cloner.js.map