survey-core 1.9.115 → 1.9.116

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.115
+ * surveyjs - Survey JavaScript library v1.9.116
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -9259,8 +9259,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.115";
-ReleaseDate = "" + "2023-11-01";
+Version = "" + "1.9.116";
+ReleaseDate = "" + "2023-11-07";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -27563,7 +27563,7 @@ var Question = /** @class */ (function (_super) {
         if (updateIsAnswered === void 0) { updateIsAnswered = true; }
         newValue = this.convertToCorrectValue(newValue);
         var isEqual = this.isTwoValueEquals(this.questionValue, newValue);
-        if (!isEqual && !this.isChangingViaDefaultValue) {
+        if (!isEqual && !this.isChangingViaDefaultValue && !this.isParentChangingViaDefaultValue) {
             this.setValueChangedDirectly(true);
         }
         this.questionValue = newValue;
@@ -27575,6 +27575,14 @@ var Question = /** @class */ (function (_super) {
         if (updateIsAnswered)
             this.updateIsAnswered();
     };
+    Object.defineProperty(Question.prototype, "isParentChangingViaDefaultValue", {
+        get: function () {
+            var _a;
+            return ((_a = this.data) === null || _a === void 0 ? void 0 : _a.isChangingViaDefaultValue) === true;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Question.prototype.onSurveyValueChanged = function (newValue) { };
     Question.prototype.setVisibleIndex = function (val) {
         if (!this.isVisible ||
@@ -28037,7 +28045,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("question", [
     "enableIf:condition",
     "resetValueIf:condition",
     "setValueIf:condition",
-    { name: "setValueExpression:expression", visibleIf: function (obj) { return !!obj.setValueIf; } },
+    "setValueExpression:expression",
     "defaultValue:value",
     {
         name: "defaultValueExpression:expression",
@@ -31951,6 +31959,11 @@ var QuestionCommentModel = /** @class */ (function (_super) {
             event.stopPropagation();
         }
     };
+    QuestionCommentModel.prototype.setQuestionValue = function (newValue, updateIsAnswered) {
+        if (updateIsAnswered === void 0) { updateIsAnswered = true; }
+        _super.prototype.setQuestionValue.call(this, newValue, updateIsAnswered);
+        this.updateElement();
+    };
     QuestionCommentModel.prototype.onValueChanged = function () {
         _super.prototype.onValueChanged.call(this);
         this.updateElement();
@@ -34752,7 +34765,9 @@ var QuestionFileModel = /** @class */ (function (_super) {
                 if (_this.survey) {
                     _this.survey.uploadFiles(_this, _this.name, files, function (status, data) {
                         if (status === "error") {
+                            _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](data, _this));
                             _this.stateChanged("error");
+                            _this.stateChanged("loaded");
                         }
                         if (status === "success") {
                             _this.value = (_this.value || []).concat(data.map(function (r) {
@@ -40778,7 +40793,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
     "requiredIf:condition",
     "resetValueIf:condition",
     "setValueIf:condition",
-    { name: "setValueExpression:expression", visibleIf: function (obj) { return !!obj.setValueIf; } },
+    "setValueExpression:expression",
     {
         name: "showInMultipleColumns:boolean",
         dependsOn: "cellType",
@@ -43190,7 +43205,7 @@ var MultipleTextEditorModel = /** @class */ (function (_super) {
 /**
  * A class that describes an item in a [Multiple Textboxes](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model) question.
  *
- * [View Demo](/form-library/examples/multiple-text-box-question/)
+ * [View Demo](https://surveyjs.io/form-library/examples/multiple-text-box-question/)
  */
 var MultipleTextItemModel = /** @class */ (function (_super) {
     __extends(MultipleTextItemModel, _super);
@@ -44671,7 +44686,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          *
          * If you want to customize individual tab titles, handle `SurveyModel`'s [`onGetDynamicPanelTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onGetDynamicPanelTabTitle) event.
          *
-         * [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          * @see templateTitle
          * @see renderMode
          */
@@ -45458,7 +45473,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          * - `"progressTop"` - Renders each panel as a card and displays a progress bar at the top. [View Demo](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/)
          * - `"progressBottom"` - Renders each panel panel as a card and displays a progress bar at the bottom.
          * - `"progressTopBottom"` - Renders each panel as a card and displays a progress bar at the top and bottom.
-         * - `"tab"` - Renders each panel within a tab. Use the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) to specify a template for tab titles. [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/)
+         * - `"tab"` - Renders each panel within a tab. Use the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) to specify a template for tab titles. [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/)
          */
         get: function () {
             return this.getPropertyValue("renderMode");
@@ -47941,7 +47956,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          *
          * If you do not specify the `rateValues` property, rate values are generated automatically based upon the [`rateMin`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMin), [`rateMax`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMax), [`rateStep`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateStep), and [`rateCount`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateCount) property values.
          *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("rateValues");
@@ -47959,7 +47974,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          *
          * Default value: 1
          *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
          * @see rateMax
          * @see rateStep
          * @see rateCount
@@ -47979,7 +47994,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          *
          * Default value: 5
          *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
          * @see rateMin
          * @see rateStep
          * @see rateCount
@@ -47999,7 +48014,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          *
          * Default value: 1
          *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
          * @see rateMin
          * @see rateMax
          * @see rateCount
@@ -48785,12 +48800,11 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_3__["QuestionFactory"].Instance.regist
 /*!**************************************!*\
   !*** ./src/question_signaturepad.ts ***!
   \**************************************/
-/*! exports provided: getCanvasRatio, QuestionSignaturePadModel */
+/*! exports provided: QuestionSignaturePadModel */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCanvasRatio", function() { return getCanvasRatio; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionSignaturePadModel", function() { return QuestionSignaturePadModel; });
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
@@ -48827,28 +48841,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 var defaultWidth = 300;
 var defaultHeight = 200;
-function getCanvasRatio(canvas) {
-    var context = canvas.getContext("2d");
-    var devicePixelRatio = window.devicePixelRatio || 1;
-    var backingStoreRatio = context.webkitBackingStorePixelRatio ||
-        context.mozBackingStorePixelRatio ||
-        context.msBackingStorePixelRatio ||
-        context.oBackingStorePixelRatio ||
-        context.backingStorePixelRatio ||
-        1;
-    return devicePixelRatio / backingStoreRatio;
-}
-function resizeCanvas(canvas) {
-    var context = canvas.getContext("2d");
-    var ratio = getCanvasRatio(canvas);
-    var oldWidth = canvas.width;
-    var oldHeight = canvas.height;
-    canvas.width = oldWidth * ratio;
-    canvas.height = oldHeight * ratio;
-    canvas.style.width = oldWidth + "px";
-    canvas.style.height = oldHeight + "px";
-    context.scale(ratio, ratio);
-}
 /**
  * A class that describes the Signature question type.
  *
@@ -48857,7 +48849,13 @@ function resizeCanvas(canvas) {
 var QuestionSignaturePadModel = /** @class */ (function (_super) {
     __extends(QuestionSignaturePadModel, _super);
     function QuestionSignaturePadModel(name) {
-        return _super.call(this, name) || this;
+        var _this = _super.call(this, name) || this;
+        _this.valueIsUpdatingInternally = false;
+        _this.updateValueHandler = function () {
+            _this.scaleCanvas(false, true);
+            _this.refreshCanvas();
+        };
+        return _this;
     }
     QuestionSignaturePadModel.prototype.getPenColorFromTheme = function () {
         var _survey = this.survey;
@@ -48883,7 +48881,9 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
             var format = this.dataFormat === "jpeg" ? "image/jpeg" :
                 (this.dataFormat === "svg" ? "image/svg+xml" : "");
             var data = this.signaturePad.toDataURL(format);
+            this.valueIsUpdatingInternally = true;
             this.value = data;
+            this.valueIsUpdatingInternally = false;
         }
     };
     QuestionSignaturePadModel.prototype.getType = function () {
@@ -48905,10 +48905,44 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
             this.updateColors(this.signaturePad);
         }
     };
+    QuestionSignaturePadModel.prototype.resizeCanvas = function () {
+        this.canvas.width = this.containerWidth;
+        this.canvas.height = this.containerHeight;
+    };
+    QuestionSignaturePadModel.prototype.scaleCanvas = function (refresh, resize) {
+        if (refresh === void 0) { refresh = true; }
+        if (resize === void 0) { resize = false; }
+        var canvas = this.canvas;
+        var scale = canvas.offsetWidth / this.containerWidth;
+        if (this.scale != scale || resize) {
+            this.scale = scale;
+            canvas.style.width = this.renderedCanvasWidth;
+            this.resizeCanvas();
+            this.signaturePad.minWidth = this.penMinWidth * scale;
+            this.signaturePad.maxWidth = this.penMaxWidth * scale;
+            canvas.getContext("2d").scale(1 / scale, 1 / scale);
+            if (refresh)
+                this.refreshCanvas();
+        }
+    };
+    QuestionSignaturePadModel.prototype.refreshCanvas = function () {
+        var data = this.value;
+        var canvas = this.canvas;
+        if (!data) {
+            canvas.getContext("2d").clearRect(0, 0, canvas.width * this.scale, canvas.height * this.scale);
+            this.signaturePad.clear();
+        }
+        else {
+            this.signaturePad.fromDataURL(data, { width: canvas.width * this.scale, height: canvas.height * this.scale });
+        }
+    };
     QuestionSignaturePadModel.prototype.initSignaturePad = function (el) {
         var _this = this;
         var canvas = el.getElementsByTagName("canvas")[0];
+        this.canvas = canvas;
+        this.resizeCanvas();
         var signaturePad = new signature_pad__WEBPACK_IMPORTED_MODULE_3__["default"](canvas, { backgroundColor: "#ffffff" });
+        this.signaturePad = signaturePad;
         if (this.isInputReadOnly) {
             signaturePad.off();
         }
@@ -48922,6 +48956,7 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         };
         this.updateColors(signaturePad);
         signaturePad.addEventListener("beginStroke", function () {
+            _this.scaleCanvas();
             _this.isDrawingValue = true;
             canvas.focus();
         }, { once: false });
@@ -48929,24 +48964,12 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
             _this.isDrawingValue = false;
             _this.updateValue();
         }, { once: false });
-        var updateValueHandler = function () {
-            var data = _this.value;
-            canvas.width = _this.signatureWidth || defaultWidth;
-            canvas.height = _this.signatureHeight || defaultHeight;
-            resizeCanvas(canvas);
-            if (!data) {
-                signaturePad.clear();
-            }
-            else {
-                signaturePad.fromDataURL(data);
-            }
-        };
-        updateValueHandler();
+        this.updateValueHandler();
         this.readOnlyChangedCallback();
-        this.signaturePad = signaturePad;
         var propertyChangedHandler = function (sender, options) {
             if (options.name === "signatureWidth" || options.name === "signatureHeight" || options.name === "value") {
-                updateValueHandler();
+                if (!_this.valueIsUpdatingInternally)
+                    _this.updateValueHandler();
             }
         };
         this.onPropertyChanged.add(propertyChangedHandler);
@@ -49005,6 +49028,27 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionSignaturePadModel.prototype, "containerHeight", {
+        get: function () {
+            return this.signatureHeight || defaultHeight;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSignaturePadModel.prototype, "containerWidth", {
+        get: function () {
+            return this.signatureWidth || defaultWidth;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSignaturePadModel.prototype, "renderedCanvasWidth", {
+        get: function () {
+            return this.signatureAutoScaleEnabled ? "100%" : this.containerWidth + "px";
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionSignaturePadModel.prototype, "height", {
         //todo: need to remove this property
         get: function () {
@@ -49125,6 +49169,15 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
     ], QuestionSignaturePadModel.prototype, "isDrawingValue", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
+    ], QuestionSignaturePadModel.prototype, "signatureAutoScaleEnabled", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: 0.5 })
+    ], QuestionSignaturePadModel.prototype, "penMinWidth", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: 2.5 })
+    ], QuestionSignaturePadModel.prototype, "penMaxWidth", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({})
     ], QuestionSignaturePadModel.prototype, "showPlaceholder", void 0);
@@ -49153,6 +49206,21 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("signaturepad",
         category: "general",
         default: 200,
     },
+    {
+        name: "signatureAutoScaleEnabled:boolean",
+        category: "general",
+        default: false,
+    },
+    {
+        name: "penMinWidth:number",
+        category: "general",
+        default: 0.5,
+    },
+    {
+        name: "penMaxWidth:number",
+        category: "general",
+        default: 2.5,
+    },
     //need to remove this property
     {
         name: "height:number",
@@ -53717,16 +53785,16 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
          * @see css
          */
         _this.onUpdateQuestionCssClasses = _this.addEvent();
         /**
-         * An event that is raised before rendering a standalone panel and panels within [Dynamic Panel](/form-library/examples/duplicate-group-of-fields-in-form/). Use it to override default panel CSS classes.
+         * An event that is raised before rendering a standalone panel and panels within [Dynamic Panel](https://surveyjs.io/form-library/examples/duplicate-group-of-fields-in-form/). Use it to override default panel CSS classes.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
          * @see css
          */
         _this.onUpdatePanelCssClasses = _this.addEvent();
@@ -53735,7 +53803,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
          * @see css
          */
         _this.onUpdatePageCssClasses = _this.addEvent();
@@ -53744,7 +53812,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
          * @see css
          */
         _this.onUpdateChoiceItemCss = _this.addEvent();
@@ -53836,7 +53904,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onMatrixRowAdding = _this.addEvent();
         /**
-         * This event is obsolete. Use the [`onMatrixRowAdding`](/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
+         * This event is obsolete. Use the [`onMatrixRowAdding`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
          */
         _this.onMatrixBeforeRowAdded = _this.onMatrixRowAdding;
         /**
@@ -53856,7 +53924,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onMatrixRenderRemoveButton = _this.addEvent();
         /**
-         * This event is obsolete. Use the [`onMatrixRenderRemoveButton`](/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
+         * This event is obsolete. Use the [`onMatrixRenderRemoveButton`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
          */
         _this.onMatrixAllowRemoveRow = _this.onMatrixRenderRemoveButton;
         /**
@@ -53875,7 +53943,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onAfterRenderMatrixCell = _this.addEvent();
         /**
-         * This event is obsolete. Use the [`onAfterRenderMatrixCell`](/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
+         * This event is obsolete. Use the [`onAfterRenderMatrixCell`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
          */
         _this.onMatrixAfterCellRender = _this.onAfterRenderMatrixCell;
         /**
@@ -53933,7 +54001,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          */
         _this.onGetDynamicPanelTabTitle = _this.addEvent();
         /**
@@ -54362,7 +54430,7 @@ var SurveyModel = /** @class */ (function (_super) {
         /**
          * Gets or sets an object in which keys are UI elements and values are CSS classes applied to them.
          *
-         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
          */
         get: function () {
             if (!this.cssValue) {
@@ -61179,8 +61247,8 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Applies a specified theme to the survey.
      *
-     * [Themes & Styles](/form-library/documentation/manage-default-themes-and-styles (linkStyle))
-     * @param theme An [`ITheme`](/form-library/documentation/api-reference/itheme) object with theme settings.
+     * [Themes & Styles](https://surveyjs.io/form-library/documentation/manage-default-themes-and-styles (linkStyle))
+     * @param theme An [`ITheme`](https://surveyjs.io/form-library/documentation/api-reference/itheme) object with theme settings.
      */
     SurveyModel.prototype.applyTheme = function (theme) {
         var _this = this;