html2canvas-pro 1.5.7 → 1.5.9

package/dist/html2canvas-pro.js

@@ -1,6 +1,6 @@
 /*!
- * undefined 1.5.7 <https://yorickshan.github.io/html2canvas-pro/>
- * Copyright (c) 2024 yorickshan <https://github.com/yorickshan>
+ * html2canvas-pro 1.5.9 <https://yorickshan.github.io/html2canvas-pro/>
+ * Copyright (c) 2024-present yorickshan and html2canvas-pro contributors
  * Released under MIT License
  */
 (function (global, factory) {
@@ -9,7 +9,7 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.html2canvas = factory());
 })(this, (function () { 'use strict';
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -23,7 +23,7 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    /* global Reflect, Promise */
+    /* global Reflect, Promise, SuppressedError, Symbol */
 
     var extendStatics = function(d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -67,7 +67,7 @@
         function verb(n) { return function (v) { return step([n, v]); }; }
         function step(op) {
             if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
+            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]) {
@@ -96,8 +96,13 @@
                 ar[i] = from[i];
             }
         }
-        return to.concat(ar || from);
-    }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
 
     var Bounds = /** @class */ (function () {
         function Bounds(left, top, width, height) {
@@ -6469,8 +6474,8 @@
         });
     };
     var ignoredStyleProperties = [
-        'all',
-        'd',
+        'all', // #2476
+        'd', // #2483
         'content' // Safari shows pseudoelements if content is set
     ];
     var copyCSSStyles = function (style, target) {
@@ -7600,15 +7605,14 @@
         };
         CanvasRenderer.prototype.renderTextNode = function (text, styles) {
             return __awaiter(this, void 0, void 0, function () {
-                var _a, font, fontFamily, fontSize, baseline, paintOrder;
+                var font, paintOrder;
                 var _this = this;
-                return __generator(this, function (_b) {
-                    _a = this.createFontStyle(styles), font = _a[0], fontFamily = _a[1], fontSize = _a[2];
+                return __generator(this, function (_a) {
+                    font = this.createFontStyle(styles)[0];
                     this.ctx.font = font;
                     this.ctx.direction = styles.direction === 1 /* DIRECTION.RTL */ ? 'rtl' : 'ltr';
                     this.ctx.textAlign = 'left';
                     this.ctx.textBaseline = 'alphabetic';
-                    baseline = this.fontMetrics.getMetrics(fontFamily, fontSize).baseline;
                     paintOrder = styles.paintOrder;
                     text.textBounds.forEach(function (text) {
                         paintOrder.forEach(function (paintOrderLayer) {
@@ -7658,7 +7662,7 @@
                                         _this.ctx.lineWidth = styles.webkitTextStrokeWidth;
                                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                         _this.ctx.lineJoin = !!window.chrome ? 'miter' : 'round';
-                                        _this.ctx.strokeText(text.text, text.bounds.left, text.bounds.top + baseline);
+                                        _this.ctx.strokeText(text.text, text.bounds.left, text.bounds.top + text.bounds.height);
                                     }
                                     _this.ctx.strokeStyle = '';
                                     _this.ctx.lineWidth = 0;
@@ -7760,7 +7764,7 @@
         };
         CanvasRenderer.prototype.renderNodeContent = function (paint) {
             return __awaiter(this, void 0, void 0, function () {
-                var container, curves, styles, _i, _a, child, image, image, iframeRenderer, canvas, size, _b, fontFamily, fontSize, baseline, bounds, x, textBounds, img, image, url, fontFamily, bounds;
+                var container, curves, styles, _i, _a, child, image, image, iframeRenderer, canvas, size, _b, font, fontFamily, fontSize, baseline, bounds, x, textBounds, img, image, url, font, bounds;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
@@ -7860,9 +7864,9 @@
                                 }
                             }
                             if (isTextInputElement(container) && container.value.length) {
-                                _b = this.createFontStyle(styles), fontFamily = _b[0], fontSize = _b[1];
+                                _b = this.createFontStyle(styles), font = _b[0], fontFamily = _b[1], fontSize = _b[2];
                                 baseline = this.fontMetrics.getMetrics(fontFamily, fontSize).baseline;
-                                this.ctx.font = fontFamily;
+                                this.ctx.font = font;
                                 this.ctx.fillStyle = asString(styles.color);
                                 this.ctx.textBaseline = 'alphabetic';
                                 this.ctx.textAlign = canvasTextAlign(container.styles.textAlign);
@@ -7911,8 +7915,8 @@
                         case 18: return [3 /*break*/, 20];
                         case 19:
                             if (paint.listValue && container.styles.listStyleType !== -1 /* LIST_STYLE_TYPE.NONE */) {
-                                fontFamily = this.createFontStyle(styles)[0];
-                                this.ctx.font = fontFamily;
+                                font = this.createFontStyle(styles)[0];
+                                this.ctx.font = font;
                                 this.ctx.fillStyle = asString(styles.color);
                                 this.ctx.textBaseline = 'middle';
                                 this.ctx.textAlign = 'right';
@@ -8142,7 +8146,7 @@
                                                 canvas.height = height;
                                                 ctx = canvas.getContext('2d');
                                                 gradient_1 = ctx.createLinearGradient(x0, y0, x1, y1);
-                                                processColorStops(backgroundImage.stops, lineLength).forEach(function (colorStop) {
+                                                processColorStops(backgroundImage.stops, lineLength || 1).forEach(function (colorStop) {
                                                     return gradient_1.addColorStop(colorStop.stop, asString(colorStop.color));
                                                 });
                                                 ctx.fillStyle = gradient_1;