survey-pdf 2.4.1 → 2.5.0

package/survey.pdf.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS PDF library v2.4.1
+ * surveyjs - SurveyJS PDF library v2.5.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: SEE LICENSE IN LICENSE
  */
@@ -1392,10 +1392,10 @@ function __spreadArray(to, from, pack) {
 
 /***/ }),
 
-/***/ "./src/entries/pdf.ts":
-/*!****************************!*\
-  !*** ./src/entries/pdf.ts ***!
-  \****************************/
+/***/ "./src/entries/pdf-base.ts":
+/*!*********************************!*\
+  !*** ./src/entries/pdf-base.ts ***!
+  \*********************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1558,7 +1558,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_50__.checkLibraryVersion)("".concat("2.4.1"), 'survey-pdf');
+(0,survey_core__WEBPACK_IMPORTED_MODULE_50__.checkLibraryVersion)("".concat("2.5.0"), 'survey-pdf');
 
 
 /***/ }),
@@ -2763,7 +2763,7 @@ var FlatImagePicker = /** @class */ (function (_super) {
                 switch (_a.label) {
                     case 0:
                         pageAvailableWidth = _helper_survey__WEBPACK_IMPORTED_MODULE_7__.SurveyHelper.getPageAvailableWidth(this.controller);
-                        return [4 /*yield*/, _helper_survey__WEBPACK_IMPORTED_MODULE_7__.SurveyHelper.createImageFlat(point, this.question, this.controller, { link: item.imageLink, width: pageAvailableWidth, height: pageAvailableWidth / _helper_survey__WEBPACK_IMPORTED_MODULE_7__.SurveyHelper.IMAGEPICKER_RATIO })];
+                        return [4 /*yield*/, _helper_survey__WEBPACK_IMPORTED_MODULE_7__.SurveyHelper.createImageFlat(point, this.question, this.controller, { link: item.imageLink, width: pageAvailableWidth, height: pageAvailableWidth / _helper_survey__WEBPACK_IMPORTED_MODULE_7__.SurveyHelper.IMAGEPICKER_RATIO, objectFit: this.question.imageFit })];
                     case 1:
                         imageFlat = _a.sent();
                         compositeFlat = new _pdf_render_pdf_composite__WEBPACK_IMPORTED_MODULE_6__.CompositeBrick(imageFlat);
@@ -5140,7 +5140,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pdf_render_pdf_rowline__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../pdf_render/pdf_rowline */ "./src/pdf_render/pdf_rowline.ts");
 /* harmony import */ var _helper_survey__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../helper_survey */ "./src/helper_survey.ts");
 /* harmony import */ var _event_handler_adorners__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../event_handler/adorners */ "./src/event_handler/adorners.ts");
-/* harmony import */ var _entries_pdf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../entries/pdf */ "./src/entries/pdf.ts");
+/* harmony import */ var _entries_pdf_base__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../entries/pdf-base */ "./src/entries/pdf-base.ts");
 
 
 
@@ -5169,7 +5169,7 @@ var FlatSurvey = /** @class */ (function () {
                     case 1:
                         _b.apply(_a, _c.concat([_d.sent()]));
                         controller.popMargins();
-                        adornersOptions = new _event_handler_adorners__WEBPACK_IMPORTED_MODULE_5__.AdornersPanelOptions(point, panelFlats, panel, controller, _entries_pdf__WEBPACK_IMPORTED_MODULE_6__.FlatRepository.getInstance(), _entries_pdf__WEBPACK_IMPORTED_MODULE_6__);
+                        adornersOptions = new _event_handler_adorners__WEBPACK_IMPORTED_MODULE_5__.AdornersPanelOptions(point, panelFlats, panel, controller, _entries_pdf_base__WEBPACK_IMPORTED_MODULE_6__.FlatRepository.getInstance(), _entries_pdf_base__WEBPACK_IMPORTED_MODULE_6__);
                         return [4 /*yield*/, survey.onRenderPanel.fire(survey, adornersOptions)];
                     case 2:
                         _d.sent();
@@ -5440,7 +5440,7 @@ var FlatSurvey = /** @class */ (function () {
                         return [4 /*yield*/, this.generateFlatsPagePanel(survey, controller, survey.visiblePages[i], point)];
                     case 13:
                         _b.apply(_a, _c.concat([_e.sent()]));
-                        adornersOptions = new _event_handler_adorners__WEBPACK_IMPORTED_MODULE_5__.AdornersPageOptions(point, pageFlats, survey.visiblePages[i], controller, _entries_pdf__WEBPACK_IMPORTED_MODULE_6__.FlatRepository.getInstance(), _entries_pdf__WEBPACK_IMPORTED_MODULE_6__);
+                        adornersOptions = new _event_handler_adorners__WEBPACK_IMPORTED_MODULE_5__.AdornersPageOptions(point, pageFlats, survey.visiblePages[i], controller, _entries_pdf_base__WEBPACK_IMPORTED_MODULE_6__.FlatRepository.getInstance(), _entries_pdf_base__WEBPACK_IMPORTED_MODULE_6__);
                         return [4 /*yield*/, survey.onRenderPage.fire(survey, adornersOptions)];
                     case 14:
                         _e.sent();
@@ -5550,7 +5550,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _entries_pdf__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./entries/pdf */ "./src/entries/pdf.ts");
+/* harmony import */ var _entries_pdf_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./entries/pdf-base */ "./src/entries/pdf-base.ts");
 /* harmony import */ var _doc_controller__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./doc_controller */ "./src/doc_controller.ts");
 /* harmony import */ var _flat_layout_flat_repository__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./flat_layout/flat_repository */ "./src/flat_layout/flat_repository.ts");
 /* harmony import */ var _pdf_render_pdf_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./pdf_render/pdf_text */ "./src/pdf_render/pdf_text.ts");
@@ -5565,6 +5565,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pdf_render_pdf_composite__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./pdf_render/pdf_composite */ "./src/pdf_render/pdf_composite.ts");
 /* harmony import */ var _event_handler_adorners__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./event_handler/adorners */ "./src/event_handler/adorners.ts");
 /* harmony import */ var _pdf_render_pdf_textfield__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./pdf_render/pdf_textfield */ "./src/pdf_render/pdf_textfield.ts");
+/* harmony import */ var _utils_image__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils/image */ "./src/utils/image/index.ts");
+
 
 
 
@@ -6066,109 +6068,28 @@ var SurveyHelper = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    SurveyHelper.getImageBase64 = function (imageLink) {
+    SurveyHelper.createImageFlat = function (point, question, controller, options, applyImageFit) {
         return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var image;
+            var imageUtils, imageInfo;
             return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                image = new Image();
-                image.crossOrigin = 'anonymous';
-                return [2 /*return*/, new Promise(function (resolve) {
-                        image.onload = function () {
-                            var canvas = document.createElement('canvas');
-                            var ctx = canvas.getContext('2d');
-                            canvas.height = image.naturalHeight;
-                            canvas.width = image.naturalWidth;
-                            ctx.drawImage(image, 0, 0);
-                            var dataUrl = canvas.toDataURL();
-                            resolve(dataUrl);
-                        };
-                        image.onerror = function () {
-                            resolve('');
-                        };
-                        image.src = imageLink;
-                    })];
-            });
-        });
-    };
-    SurveyHelper.getImageLink = function (controller, imageOptions, applyImageFit) {
-        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var ptToPx, url, _a, canvasHtml;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_b) {
-                switch (_b.label) {
+                switch (_a.label) {
                     case 0:
-                        ptToPx = 96.0 / 72.0;
-                        if (!this.shouldConvertImageToPng) return [3 /*break*/, 2];
-                        return [4 /*yield*/, SurveyHelper.getImageBase64(imageOptions.link)];
+                        imageUtils = (0,_utils_image__WEBPACK_IMPORTED_MODULE_17__.getImageUtils)();
+                        return [4 /*yield*/, imageUtils.getImageInfo(options.link)];
                     case 1:
-                        _a = _b.sent();
-                        return [3 /*break*/, 3];
+                        imageInfo = _a.sent();
+                        if (!(applyImageFit !== null && applyImageFit !== void 0 ? applyImageFit : controller.applyImageFit)) return [3 /*break*/, 3];
+                        return [4 /*yield*/, imageUtils.applyImageFit(imageInfo, options.objectFit || 'fill', options.width, options.height)];
                     case 2:
-                        _a = imageOptions.link;
-                        _b.label = 3;
-                    case 3:
-                        url = _a;
-                        if (!(typeof XMLSerializer === 'function' && applyImageFit)) return [3 /*break*/, 5];
-                        canvasHtml = "<div style='overflow: hidden; width: ".concat(imageOptions.width * ptToPx, "px; height: ").concat(imageOptions.height * ptToPx, "px;'>\n                   <img src='").concat(url, "' style='object-fit: ").concat(imageOptions.objectFit, "; width: 100%; height: 100%;'/>\n               </div>");
-                        return [4 /*yield*/, SurveyHelper.htmlToImage(canvasHtml, imageOptions.width, controller)];
-                    case 4:
-                        url = (_b.sent()).url;
-                        _b.label = 5;
-                    case 5: return [2 /*return*/, url];
-                }
-            });
-        });
-    };
-    SurveyHelper.createImageFlat = function (point, question, controller, imageOptions, applyImageFit) {
-        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            var newWidth, html, _a;
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        if (!SurveyHelper.inBrowser) return [3 /*break*/, 2];
-                        imageOptions.objectFit = !!question && !!question.imageFit ? question.imageFit : (imageOptions.objectFit || 'contain');
-                        if (applyImageFit !== null && applyImageFit !== void 0 ? applyImageFit : controller.applyImageFit) {
-                            if (imageOptions.width > controller.paperWidth - controller.margins.left - controller.margins.right) {
-                                newWidth = controller.paperWidth - controller.margins.left - controller.margins.right;
-                                imageOptions.height *= newWidth / imageOptions.width;
-                                imageOptions.width = newWidth;
-                            }
-                        }
-                        _a = "<img src='".concat;
-                        return [4 /*yield*/, SurveyHelper.getImageLink(controller, imageOptions, applyImageFit !== null && applyImageFit !== void 0 ? applyImageFit : controller.applyImageFit)];
-                    case 1:
-                        html = _a.apply("<img src='", [_b.sent(), "' width='"]).concat(imageOptions.width, "' height='").concat(imageOptions.height, "'/>");
-                        return [2 /*return*/, new _pdf_render_pdf_html__WEBPACK_IMPORTED_MODULE_10__.HTMLBrick(question, controller, this.createRect(point, imageOptions.width, imageOptions.height), html, true)];
-                    case 2: return [2 /*return*/, new _pdf_render_pdf_image__WEBPACK_IMPORTED_MODULE_11__.ImageBrick(question, controller, imageOptions.link, point, imageOptions.width, imageOptions.height)];
+                        imageInfo = _a.sent();
+                        _a.label = 3;
+                    case 3: return [2 /*return*/, new _pdf_render_pdf_image__WEBPACK_IMPORTED_MODULE_11__.ImageBrick(question, controller, imageInfo.imageData, point, options.width, options.height, imageInfo.width, imageInfo.height, imageInfo.imageId)];
                 }
             });
         });
     };
     SurveyHelper.canPreviewImage = function (question, item, url) {
         return question.canPreviewImage(item);
-        //  &&  await this.getImageSize(url) !== null;
-    };
-    SurveyHelper.getImageSize = function (url) {
-        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
-            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!!SurveyHelper.inBrowser) return [3 /*break*/, 2];
-                        return [4 /*yield*/, new Promise(function (resolve) {
-                                return resolve({ width: undefined, height: undefined });
-                            })];
-                    case 1: return [2 /*return*/, _a.sent()];
-                    case 2: return [4 /*yield*/, new Promise(function (resolve) {
-                            var image = new Image();
-                            image.src = url;
-                            image.onload = function () {
-                                return resolve({ width: image.width, height: image.height });
-                            };
-                            image.onerror = function () { return resolve(null); };
-                        })];
-                    case 3: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
     };
     SurveyHelper.createRowlineFlat = function (point, controller, width, color) {
         var xRight = typeof width === 'undefined' ?
@@ -6369,7 +6290,7 @@ var SurveyHelper = /** @class */ (function () {
                         return [4 /*yield*/, flatQuestion.generateFlats(point)];
                     case 1:
                         questionFlats = _a.sent();
-                        adornersOptions = new _event_handler_adorners__WEBPACK_IMPORTED_MODULE_15__.AdornersOptions(point, questionFlats, question, controller, _flat_layout_flat_repository__WEBPACK_IMPORTED_MODULE_4__.FlatRepository.getInstance(), _entries_pdf__WEBPACK_IMPORTED_MODULE_2__);
+                        adornersOptions = new _event_handler_adorners__WEBPACK_IMPORTED_MODULE_15__.AdornersOptions(point, questionFlats, question, controller, _flat_layout_flat_repository__WEBPACK_IMPORTED_MODULE_4__.FlatRepository.getInstance(), _entries_pdf_base__WEBPACK_IMPORTED_MODULE_2__);
                         if (question.customWidget && question.customWidget.isFit(question) &&
                             question.customWidget.pdfRender) {
                             survey.onRenderQuestion.unshift(question.customWidget.pdfRender);
@@ -6429,7 +6350,7 @@ var SurveyHelper = /** @class */ (function () {
                         defaultWidthPt = defaultImageWidth && SurveyHelper.parseWidth(defaultImageWidth, SurveyHelper.getPageAvailableWidth(controller), 1, 'px');
                         defaultHeightPt = defaultImageHeight && SurveyHelper.parseWidth(defaultImageHeight, SurveyHelper.getPageAvailableWidth(controller), 1, 'px');
                         if (!(SurveyHelper.isSizeEmpty(imageWidth) || SurveyHelper.isHeightEmpty(imageHeight))) return [3 /*break*/, 2];
-                        return [4 /*yield*/, SurveyHelper.getImageSize(imageLink)];
+                        return [4 /*yield*/, (0,_utils_image__WEBPACK_IMPORTED_MODULE_17__.getImageUtils)().getImageInfo(imageLink)];
                     case 1:
                         imageSize = _a.sent();
                         if (!SurveyHelper.isSizeEmpty(imageWidth)) {
@@ -6452,6 +6373,9 @@ var SurveyHelper = /** @class */ (function () {
             });
         });
     };
+    SurveyHelper.clear = function () {
+        (0,_utils_image__WEBPACK_IMPORTED_MODULE_17__.getImageUtils)().clear();
+    };
     SurveyHelper.EPSILON = 2.2204460492503130808472633361816e-15;
     SurveyHelper.TITLE_SURVEY_FONT_SIZE_SCALE = 1.7;
     SurveyHelper.TITLE_PAGE_FONT_SIZE_SCALE = 1.3;
@@ -6485,7 +6409,6 @@ var SurveyHelper = /** @class */ (function () {
     SurveyHelper.STANDARD_FONT = 'helvetica';
     SurveyHelper.CUSTOM_FONT_ENCODING = 'Identity-H';
     SurveyHelper.inBrowser = typeof Image === 'function';
-    SurveyHelper.shouldConvertImageToPng = true;
     return SurveyHelper;
 }());
 
@@ -11618,32 +11541,41 @@ __webpack_require__.r(__webpack_exports__);
 
 var ImageBrick = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(ImageBrick, _super);
-    function ImageBrick(question, controller, image, point, originalWidth, originalHeight) {
+    function ImageBrick(question, controller, image, point, targetWidth, targetHeight, imageWidth, imageHeight, imageId) {
         var _this = _super.call(this, question, controller, {
             xLeft: point.xLeft,
-            xRight: point.xLeft + (originalWidth || 0),
+            xRight: point.xLeft + (targetWidth || 0),
             yTop: point.yTop,
-            yBot: point.yTop + (originalHeight || 0)
+            yBot: point.yTop + (targetHeight || 0)
         }) || this;
         _this.image = image;
-        _this.originalWidth = originalWidth;
-        _this.originalHeight = originalHeight;
-        _this.isPageBreak = _this.originalHeight === undefined;
+        _this.targetWidth = targetWidth;
+        _this.targetHeight = targetHeight;
+        _this.imageWidth = imageWidth;
+        _this.imageHeight = imageHeight;
+        _this.imageId = imageId;
+        _this.imageWidth = _this.imageWidth || _this.targetWidth;
+        _this.imageHeight = _this.imageHeight || _this.targetHeight;
+        _this.isPageBreak = _this.targetHeight === undefined;
         return _this;
     }
     ImageBrick.prototype.renderInteractive = function () {
         return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            var xLeft, yTop;
             var _this = this;
             return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, new Promise(function (resolve) {
-                            try {
-                                _this.controller.doc.addImage(_this.image, 'PNG', _this.xLeft, _this.yTop, _this.originalWidth, _this.originalHeight);
-                            }
-                            finally {
-                                resolve();
-                            }
-                        })];
+                    case 0:
+                        xLeft = this.targetWidth > this.imageWidth ? this.xLeft + (this.targetWidth - this.imageWidth) / 2 : this.xLeft;
+                        yTop = this.targetHeight > this.imageHeight ? this.yTop + (this.targetHeight - this.imageHeight) / 2 : this.yTop;
+                        return [4 /*yield*/, new Promise(function (resolve) {
+                                try {
+                                    _this.controller.doc.addImage(_this.image, 'PNG', xLeft, yTop, Math.min(_this.imageWidth, _this.targetWidth), Math.min(_this.imageHeight, _this.targetHeight), _this.imageId, 'MEDIUM');
+                                }
+                                finally {
+                                    resolve();
+                                }
+                            })];
                     case 1:
                         _a.sent();
                         return [2 /*return*/];
@@ -12598,7 +12530,9 @@ var SurveyPDF = /** @class */ (function (_super) {
                     case 7:
                         i++;
                         return [3 /*break*/, 3];
-                    case 8: return [2 /*return*/];
+                    case 8:
+                        _helper_survey__WEBPACK_IMPORTED_MODULE_6__.SurveyHelper.clear();
+                        return [2 /*return*/];
                 }
             });
         });
@@ -12668,6 +12602,211 @@ var SurveyPDF = /** @class */ (function (_super) {
 
 
 
+/***/ }),
+
+/***/ "./src/utils/image/browser.ts":
+/*!************************************!*\
+  !*** ./src/utils/image/browser.ts ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ImageUtils: () => (/* binding */ ImageUtils)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! . */ "./src/utils/image/index.ts");
+
+
+var ImageUtils = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(ImageUtils, _super);
+    function ImageUtils() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ImageUtils.prototype._getImageInfo = function (url) {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            var pxToPt, image, response;
+            var _this = this;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        pxToPt = 72.0 / 96.0;
+                        image = new Image();
+                        image.crossOrigin = 'anonymous';
+                        return [4 /*yield*/, new Promise(function (resolve, reject) {
+                                image.onload = function () {
+                                    var canvas = document.createElement('canvas');
+                                    var ctx = canvas.getContext('2d');
+                                    canvas.height = image.naturalHeight;
+                                    canvas.width = image.naturalWidth;
+                                    ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(image, 0, 0);
+                                    var dataUrl = canvas.toDataURL();
+                                    resolve({ imageData: dataUrl, width: image.naturalWidth * pxToPt, height: image.naturalHeight * pxToPt, imageId: _this.getImageId() });
+                                };
+                                image.onerror = function () {
+                                    reject();
+                                };
+                                image.src = url;
+                            })];
+                    case 1:
+                        response = _a.sent();
+                        return [2 /*return*/, response];
+                }
+            });
+        });
+    };
+    ImageUtils.prototype.getCoverCanvasOptions = function (imageWidth, imageHeight, targetWidth, targetHeight) {
+        var aspectRatio = imageWidth / imageHeight;
+        var targetAspectRatio = targetWidth / targetHeight;
+        var drawWidth, drawHeight;
+        if (targetAspectRatio > aspectRatio) {
+            drawWidth = targetWidth;
+            drawHeight = targetWidth / aspectRatio;
+        }
+        else {
+            drawHeight = targetHeight;
+            drawWidth = targetHeight * aspectRatio;
+        }
+        return { canvasWidth: targetWidth, canvasHeight: targetHeight, imageX: (targetWidth - drawWidth) / 2, imageY: (targetHeight - drawHeight) / 2, imageWidth: drawWidth, imageHeight: drawHeight };
+    };
+    ImageUtils.prototype.applyImageFit = function (imageInfo, imageFit, targetWidth, targetHeight) {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            var image, canvasOptions, canvas, ctx, _a;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!(imageFit == 'cover')) return [3 /*break*/, 5];
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        image = new Image();
+                        if (!imageInfo.width || !imageInfo.height || !imageInfo.imageData || !targetWidth || !targetHeight)
+                            return [2 /*return*/, imageInfo];
+                        image.src = imageInfo.imageData instanceof Uint8Array ? URL.createObjectURL(new Blob([imageInfo.imageData])) : imageInfo.imageData;
+                        return [4 /*yield*/, image.decode()];
+                    case 2:
+                        _b.sent();
+                        canvasOptions = this.getCoverCanvasOptions(imageInfo.width, imageInfo.height, targetWidth, targetHeight);
+                        canvas = document.createElement('canvas');
+                        ctx = canvas.getContext('2d');
+                        canvas.width = canvasOptions.canvasWidth;
+                        canvas.height = canvasOptions.canvasHeight;
+                        ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(image, canvasOptions.imageX, canvasOptions.imageY, canvasOptions.imageWidth, canvasOptions.imageHeight);
+                        return [2 /*return*/, { imageData: canvas.toDataURL(), width: targetWidth, height: targetHeight }];
+                    case 3:
+                        _a = _b.sent();
+                        return [2 /*return*/, imageInfo];
+                    case 4: return [3 /*break*/, 6];
+                    case 5: return [2 /*return*/, _super.prototype.applyImageFit.call(this, imageInfo, imageFit, targetWidth, targetHeight)];
+                    case 6: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return ImageUtils;
+}(___WEBPACK_IMPORTED_MODULE_1__.BaseImageUtils));
+
+
+
+/***/ }),
+
+/***/ "./src/utils/image/index.ts":
+/*!**********************************!*\
+  !*** ./src/utils/image/index.ts ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BaseImageUtils: () => (/* binding */ BaseImageUtils),
+/* harmony export */   getImageUtils: () => (/* binding */ getImageUtils),
+/* harmony export */   registerImageUtils: () => (/* binding */ registerImageUtils)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
+
+var BaseImageUtils = /** @class */ (function () {
+    function BaseImageUtils() {
+        this.hash = {};
+        this.imageId = 1;
+    }
+    BaseImageUtils.prototype.getImageId = function () {
+        return "image_".concat(this.imageId++);
+    };
+    BaseImageUtils.prototype._getImageInfo = function (url) {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
+                return [2 /*return*/, { imageData: url, width: 0, height: 0, imageId: this.getImageId() }];
+            });
+        });
+    };
+    BaseImageUtils.prototype.getImageInfo = function (url) {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            var _a, _b, _c;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        if (!!this.hash[url]) return [3 /*break*/, 4];
+                        _d.label = 1;
+                    case 1:
+                        _d.trys.push([1, 3, , 4]);
+                        _a = this.hash;
+                        _b = url;
+                        return [4 /*yield*/, this._getImageInfo(url)];
+                    case 2:
+                        _a[_b] = _d.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        _c = _d.sent();
+                        this.hash[url] = this.emptyImage;
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/, this.hash[url]];
+                }
+            });
+        });
+    };
+    BaseImageUtils.prototype.applyImageFit = function (imageInfo, imageFit, targetWidth, targetHeight) {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__awaiter)(this, void 0, void 0, function () {
+            var scale;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__generator)(this, function (_a) {
+                if (imageFit == 'fill') {
+                    return [2 /*return*/, { imageData: imageInfo.imageData, imageId: imageInfo.imageId, width: targetWidth, height: targetHeight }];
+                }
+                if ((imageFit == 'contain' || imageFit == 'cover') && !!imageInfo.width && !!imageInfo.height && !!targetWidth && !!targetWidth) {
+                    scale = Math.min(targetWidth / imageInfo.width, targetHeight / imageInfo.height);
+                    return [2 /*return*/, { imageData: imageInfo.imageData, imageId: imageInfo.imageId, width: imageInfo.width * scale, height: imageInfo.height * scale }];
+                }
+                else {
+                    return [2 /*return*/, imageInfo];
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    Object.defineProperty(BaseImageUtils.prototype, "emptyImage", {
+        get: function () {
+            return { imageData: '', width: 0, height: 0, imageId: 'image_0' };
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BaseImageUtils.prototype.clear = function () {
+        this.hash = {};
+        this.imageId = 1;
+    };
+    return BaseImageUtils;
+}());
+
+var imageUtils = new BaseImageUtils();
+function getImageUtils() {
+    return imageUtils;
+}
+function registerImageUtils(val) {
+    imageUtils = val;
+}
+
+
 /***/ }),
 
 /***/ "jspdf":
@@ -12772,12 +12911,79 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_survey_core__;
 /******/ 	})();
 /******/ 	
 /************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module is referenced by other modules so it can't be inlined
-/******/ 	var __webpack_exports__ = __webpack_require__("./src/entries/pdf.ts");
-/******/ 	
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
+(() => {
+"use strict";
+/*!****************************!*\
+  !*** ./src/entries/pdf.ts ***!
+  \****************************/
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BooleanItemBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.BooleanItemBrick),
+/* harmony export */   CheckItemBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.CheckItemBrick),
+/* harmony export */   CheckboxItemBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.CheckboxItemBrick),
+/* harmony export */   CompositeBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.CompositeBrick),
+/* harmony export */   CustomBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.CustomBrick),
+/* harmony export */   DocController: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.DocController),
+/* harmony export */   DocOptions: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.DocOptions),
+/* harmony export */   DrawCanvas: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.DrawCanvas),
+/* harmony export */   DropdownBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.DropdownBrick),
+/* harmony export */   EmptyBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.EmptyBrick),
+/* harmony export */   EventHandler: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.EventHandler),
+/* harmony export */   FlatBoolean: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatBoolean),
+/* harmony export */   FlatCheckbox: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatCheckbox),
+/* harmony export */   FlatComment: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatComment),
+/* harmony export */   FlatCustomModel: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatCustomModel),
+/* harmony export */   FlatDropdown: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatDropdown),
+/* harmony export */   FlatExpression: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatExpression),
+/* harmony export */   FlatFile: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatFile),
+/* harmony export */   FlatHTML: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatHTML),
+/* harmony export */   FlatImage: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatImage),
+/* harmony export */   FlatImagePicker: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatImagePicker),
+/* harmony export */   FlatMatrix: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatMatrix),
+/* harmony export */   FlatMatrixDynamic: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatMatrixDynamic),
+/* harmony export */   FlatMatrixMultiple: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatMatrixMultiple),
+/* harmony export */   FlatMultipleText: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatMultipleText),
+/* harmony export */   FlatPanelDynamic: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatPanelDynamic),
+/* harmony export */   FlatQuestion: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatQuestion),
+/* harmony export */   FlatQuestionDefault: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatQuestionDefault),
+/* harmony export */   FlatRadiogroup: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatRadiogroup),
+/* harmony export */   FlatRanking: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatRanking),
+/* harmony export */   FlatRating: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatRating),
+/* harmony export */   FlatRepository: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatRepository),
+/* harmony export */   FlatSelectBase: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatSelectBase),
+/* harmony export */   FlatSignaturePad: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatSignaturePad),
+/* harmony export */   FlatSlider: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatSlider),
+/* harmony export */   FlatSurvey: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatSurvey),
+/* harmony export */   FlatTextbox: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.FlatTextbox),
+/* harmony export */   HTMLBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.HTMLBrick),
+/* harmony export */   HorizontalAlign: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.HorizontalAlign),
+/* harmony export */   ImageBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.ImageBrick),
+/* harmony export */   LinkBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.LinkBrick),
+/* harmony export */   PagePacker: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.PagePacker),
+/* harmony export */   PdfBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.PdfBrick),
+/* harmony export */   RadioItemBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.RadioItemBrick),
+/* harmony export */   RankingItemBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.RankingItemBrick),
+/* harmony export */   RowlineBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.RowlineBrick),
+/* harmony export */   SurveyHelper: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.SurveyHelper),
+/* harmony export */   SurveyPDF: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.SurveyPDF),
+/* harmony export */   TextBoldBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.TextBoldBrick),
+/* harmony export */   TextBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.TextBrick),
+/* harmony export */   TextFieldBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.TextFieldBrick),
+/* harmony export */   TitlePanelBrick: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.TitlePanelBrick),
+/* harmony export */   VerticalAlign: () => (/* reexport safe */ _pdf_base__WEBPACK_IMPORTED_MODULE_0__.VerticalAlign)
+/* harmony export */ });
+/* harmony import */ var _pdf_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pdf-base */ "./src/entries/pdf-base.ts");
+/* harmony import */ var _utils_image__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/image */ "./src/utils/image/index.ts");
+/* harmony import */ var _utils_image_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/image/browser */ "./src/utils/image/browser.ts");
+
+
+
+(0,_utils_image__WEBPACK_IMPORTED_MODULE_1__.registerImageUtils)(new _utils_image_browser__WEBPACK_IMPORTED_MODULE_2__.ImageUtils());
+
+})();
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;