survey-react 1.9.119 → 1.9.120

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.119
+ * surveyjs - Survey JavaScript library v1.9.120
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4428,7 +4428,7 @@ var modernCss = {
     header: "sv-title sv-container-modern__title",
     headerClose: "sv-container-modern__close",
     bodyContainer: "sv-components-row",
-    body: "sv-components-column sv-components-column--expandable sv-body",
+    body: "sv-body",
     bodyEmpty: "sv-body sv-body--empty",
     footer: "sv-footer sv-body__footer sv-clearfix",
     title: "",
@@ -4883,7 +4883,7 @@ var defaultStandardCss = {
     container: "sv_container",
     header: "sv_header",
     bodyContainer: "sv-components-row",
-    body: "sv-components-column sv-components-column--expandable sv_body",
+    body: "sv_body",
     bodyEmpty: "sv_body sv_body_empty",
     footer: "sv_nav",
     title: "",
@@ -5323,7 +5323,7 @@ var defaultV2Css = {
     container: "sd-container-modern",
     header: "sd-title sd-container-modern__title",
     bodyContainer: "sv-components-row",
-    body: "sv-components-column sv-components-column--expandable sd-body",
+    body: "sd-body",
     bodyWithTimer: "sd-body--with-timer",
     clockTimerRoot: "sd-timer",
     clockTimerRootTop: "sd-timer--top",
@@ -5930,7 +5930,8 @@ var defaultV2Css = {
         canvas: "sjs_sp_canvas sd-signaturepad__canvas",
         backgroundImage: "sjs_sp__background-image sd-signaturepad__background-image",
         clearButton: "sjs_sp_clear sd-context-btn sd-context-btn--negative sd-signaturepad__clear",
-        clearButtonIconId: "icon-clear"
+        clearButtonIconId: "icon-clear",
+        loadingIndicator: "sd-signaturepad__loading-indicator"
     },
     saveData: {
         root: "sv-save-data_root",
@@ -8254,8 +8255,13 @@ var DropdownListModel = /** @class */ (function (_super) {
             this.popupModel.isVisible = false;
         }
         else if (!this.popupModel.isVisible && (event.keyCode === 13 || event.keyCode === 32)) {
-            this.popupModel.toggleVisibility();
-            this.changeSelectionWithKeyboard(false);
+            if (event.keyCode === 32) {
+                this.popupModel.toggleVisibility();
+                this.changeSelectionWithKeyboard(false);
+            }
+            if (event.keyCode === 13) {
+                this.question.survey.questionEditFinishCallback(this.question, event);
+            }
             event.preventDefault();
             event.stopPropagation();
         }
@@ -8263,12 +8269,10 @@ var DropdownListModel = /** @class */ (function (_super) {
             if (event.keyCode === 13 && this.question.searchEnabled && !this.inputString && this.question instanceof _question_dropdown__WEBPACK_IMPORTED_MODULE_5__["QuestionDropdownModel"] && !this._markdownMode && this.question.value) {
                 this._popupModel.isVisible = false;
                 this.onClear(event);
-                this.question.survey.questionEditFinishCallback(this.question, event);
             }
             else {
                 this.listModel.selectFocusedItem();
                 this.onFocus(event);
-                this.question.survey.questionEditFinishCallback(this.question, event);
             }
             event.preventDefault();
             event.stopPropagation();
@@ -9419,8 +9423,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.119";
-ReleaseDate = "" + "2023-11-28";
+Version = "" + "1.9.120";
+ReleaseDate = "" + "2023-12-04";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -22558,7 +22562,7 @@ var englishStrings = {
     panelDynamicProgressText: "{0} of {1}",
     panelDynamicTabTextFormat: "Panel {panelIndex}",
     questionsProgressText: "Answered {0}/{1} questions",
-    emptySurvey: "The survey doesn't contain visible pages or questions.",
+    emptySurvey: "The survey doesn't contain any visible elements.",
     completingSurvey: "Thank you for completing the survey",
     completingSurveyBefore: "Our records show that you have already completed this survey.",
     loadingSurvey: "Loading Survey...",
@@ -23785,7 +23789,7 @@ var hungarianSurveyStrings = {
     panelDynamicProgressText: "{0} / {1} rekord",
     panelDynamicTabTextFormat: "Panel {panelIndex}",
     questionsProgressText: "Válaszolt kérdések: {0} / {1}",
-    emptySurvey: "The survey doesn't contain visible pages or questions.",
+    emptySurvey: "The survey doesn't contain any visible elements.",
     completingSurvey: "Köszönjük, hogy kitöltötte felmérésünket!",
     completingSurveyBefore: "Már kitöltötte a felmérést.",
     loadingSurvey: "Felmérés betöltése...",
@@ -36757,8 +36761,9 @@ var Question = /** @class */ (function (_super) {
         return makeNameValid(name);
     };
     //IQuestion
-    Question.prototype.updateValueFromSurvey = function (newValue) {
+    Question.prototype.updateValueFromSurvey = function (newValue, clearData) {
         var _this = this;
+        if (clearData === void 0) { clearData = false; }
         newValue = this.getUnbindValue(newValue);
         if (!!this.valueFromDataCallback) {
             newValue = this.valueFromDataCallback(newValue);
@@ -36773,6 +36778,9 @@ var Question = /** @class */ (function (_super) {
         }
         else {
             this.updateValueFromSurveyCore(newValue, this.data !== this.getSurvey());
+            if (clearData && isEmpty) {
+                this.isValueChangedDirectly = false;
+            }
         }
         this.updateDependedQuestions();
         this.updateIsAnswered();
@@ -38919,7 +38927,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             this.onVisibleChoicesChanged();
         }
     };
-    QuestionSelectBase.prototype.updateValueFromSurvey = function (newValue) {
+    QuestionSelectBase.prototype.updateValueFromSurvey = function (newValue, clearData) {
         var newComment = "";
         if (this.hasOther &&
             !this.isRunningChoices &&
@@ -38933,7 +38941,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 newComment = this.data.getComment(this.getValueName());
             }
         }
-        _super.prototype.updateValueFromSurvey.call(this, newValue);
+        _super.prototype.updateValueFromSurvey.call(this, newValue, clearData);
         if ((this.isRunningChoices || this.choicesByUrl.isRunning) && !this.isEmpty()) {
             this.cachedValueForUrlRequests = this.value;
         }
@@ -40715,8 +40723,8 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
             .append(this.cssClasses.itemSelectAll, options.isSelectAllItem)
             .toString();
     };
-    QuestionCheckboxModel.prototype.updateValueFromSurvey = function (newValue) {
-        _super.prototype.updateValueFromSurvey.call(this, newValue);
+    QuestionCheckboxModel.prototype.updateValueFromSurvey = function (newValue, clearData) {
+        _super.prototype.updateValueFromSurvey.call(this, newValue, clearData);
         this.invisibleOldValues = {};
     };
     QuestionCheckboxModel.prototype.setDefaultValue = function () {
@@ -42934,8 +42942,8 @@ var QuestionExpressionModel = /** @class */ (function (_super) {
     QuestionExpressionModel.prototype.onValueChanged = function () {
         this.updateFormatedValue();
     };
-    QuestionExpressionModel.prototype.updateValueFromSurvey = function (newValue) {
-        _super.prototype.updateValueFromSurvey.call(this, newValue);
+    QuestionExpressionModel.prototype.updateValueFromSurvey = function (newValue, clearData) {
+        _super.prototype.updateValueFromSurvey.call(this, newValue, clearData);
         this.updateFormatedValue();
     };
     QuestionExpressionModel.prototype.getDisplayValueCore = function (keysAsText, value) {
@@ -43289,11 +43297,13 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_3__["QuestionFactory"].Instance.regist
 /*!******************************!*\
   !*** ./src/question_file.ts ***!
   \******************************/
-/*! exports provided: QuestionFileModel, FileLoader */
+/*! exports provided: dataUrl2File, QuestionFileModelBase, QuestionFileModel, FileLoader */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "dataUrl2File", function() { return dataUrl2File; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionFileModelBase", function() { return QuestionFileModelBase; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionFileModel", function() { return QuestionFileModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FileLoader", function() { return FileLoader; });
 /* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./question */ "./src/question.ts");
@@ -43342,17 +43352,16 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
-/**
- * A class that describes the File Upload question type.
- *
- * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
- */
-var QuestionFileModel = /** @class */ (function (_super) {
-    __extends(QuestionFileModel, _super);
-    function QuestionFileModel(name) {
-        var _this = _super.call(this, name) || this;
+function dataUrl2File(dataUrl, fileName, type) {
+    var str = atob(dataUrl.split(",")[1]);
+    var buffer = new Uint8Array(str.split("").map(function (c) { return c.charCodeAt(0); })).buffer;
+    return new File([buffer], fileName, { type: type });
+}
+var QuestionFileModelBase = /** @class */ (function (_super) {
+    __extends(QuestionFileModelBase, _super);
+    function QuestionFileModelBase() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.isUploading = false;
-        _this.isDragging = false;
         /**
          * An event that is raised after the upload state has changed.
          *
@@ -43365,6 +43374,124 @@ var QuestionFileModel = /** @class */ (function (_super) {
          */
         _this.onUploadStateChanged = _this.addEvent();
         _this.onStateChanged = _this.addEvent();
+        return _this;
+    }
+    QuestionFileModelBase.prototype.stateChanged = function (state) {
+        if (this.currentState == state) {
+            return;
+        }
+        if (state === "loading") {
+            this.isUploading = true;
+        }
+        if (state === "loaded") {
+            this.isUploading = false;
+        }
+        if (state === "error") {
+            this.isUploading = false;
+        }
+        this.currentState = state;
+        this.onStateChanged.fire(this, { state: state });
+        this.onUploadStateChanged.fire(this, { state: state });
+    };
+    Object.defineProperty(QuestionFileModelBase.prototype, "showLoadingIndicator", {
+        get: function () {
+            return this.isUploading && this.isDefaultV2Theme;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionFileModelBase.prototype, "storeDataAsText", {
+        /**
+         * Specifies whether to store file or signature content as text in `SurveyModel`'s [`data`](https://surveyjs.io/form-library/documentation/surveymodel#data) property.
+         *
+         * If you disable this property, implement `SurveyModel`'s [`onUploadFiles`](https://surveyjs.io/form-library/documentation/surveymodel#onUploadFiles) event handler to specify how to store file content.
+         */
+        get: function () {
+            return this.getPropertyValue("storeDataAsText");
+        },
+        set: function (val) {
+            this.setPropertyValue("storeDataAsText", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionFileModelBase.prototype, "waitForUpload", {
+        /**
+           * Enable this property if you want to wait until files are uploaded to complete the survey.
+           *
+           * Default value: `false`
+           */
+        get: function () {
+            return this.getPropertyValue("waitForUpload");
+        },
+        set: function (val) {
+            this.setPropertyValue("waitForUpload", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionFileModelBase.prototype.clearValue = function () {
+        this.clearOnDeletingContainer();
+        _super.prototype.clearValue.call(this);
+    };
+    QuestionFileModelBase.prototype.clearOnDeletingContainer = function () {
+        if (!this.survey)
+            return;
+        this.survey.clearFiles(this, this.name, this.value, null, function () { });
+    };
+    QuestionFileModelBase.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
+        _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
+        if (this.isUploading && this.waitForUpload) {
+            errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](this.getLocalizationString("uploadingFile"), this));
+        }
+    };
+    QuestionFileModelBase.prototype.uploadFiles = function (files) {
+        var _this = this;
+        if (this.survey) {
+            this.stateChanged("loading");
+            this.survey.uploadFiles(this, this.name, files, function (arg1, arg2) {
+                if (Array.isArray(arg1)) {
+                    _this.setValueFromResult(arg1);
+                    if (Array.isArray(arg2)) {
+                        arg2.forEach(function (error) { return _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](error, _this)); });
+                        _this.stateChanged("error");
+                    }
+                }
+                if (arg1 === "success" && Array.isArray(arg2)) {
+                    _this.setValueFromResult(arg2);
+                }
+                if (arg1 === "error") {
+                    if (typeof (arg2) === "string") {
+                        _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](arg2, _this));
+                    }
+                    if (Array.isArray(arg2) && arg2.length > 0) {
+                        arg2.forEach(function (error) { return _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](error, _this)); });
+                    }
+                    _this.stateChanged("error");
+                }
+                _this.stateChanged("loaded");
+            });
+        }
+    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], QuestionFileModelBase.prototype, "isUploading", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "empty" })
+    ], QuestionFileModelBase.prototype, "currentState", void 0);
+    return QuestionFileModelBase;
+}(_question__WEBPACK_IMPORTED_MODULE_0__["Question"]));
+
+/**
+ * A class that describes the File Upload question type.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
+ */
+var QuestionFileModel = /** @class */ (function (_super) {
+    __extends(QuestionFileModel, _super);
+    function QuestionFileModel(name) {
+        var _this = _super.call(this, name) || this;
+        _this.isDragging = false;
         _this.fileNavigator = new _actions_container__WEBPACK_IMPORTED_MODULE_7__["ActionContainer"]();
         _this.canFlipCameraValue = undefined;
         _this.prevPreviewLength = 0;
@@ -43669,15 +43796,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.getType = function () {
         return "file";
     };
-    QuestionFileModel.prototype.clearValue = function () {
-        this.clearOnDeletingContainer();
-        _super.prototype.clearValue.call(this);
-    };
-    QuestionFileModel.prototype.clearOnDeletingContainer = function () {
-        if (!this.survey)
-            return;
-        this.survey.clearFiles(this, this.name, this.value, null, function () { });
-    };
     Object.defineProperty(QuestionFileModel.prototype, "showPreview", {
         /**
          * Disable this property only to implement a custom preview.
@@ -43748,36 +43866,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionFileModel.prototype, "storeDataAsText", {
-        /**
-         * Specifies whether to store file content as text in `SurveyModel`'s [`data`](https://surveyjs.io/form-library/documentation/surveymodel#data) property.
-         *
-         * If you disable this property, implement `SurveyModel`'s [`onUploadFiles`](https://surveyjs.io/form-library/documentation/surveymodel#onUploadFiles) event handler to specify how to store file content.
-         */
-        get: function () {
-            return this.getPropertyValue("storeDataAsText");
-        },
-        set: function (val) {
-            this.setPropertyValue("storeDataAsText", val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(QuestionFileModel.prototype, "waitForUpload", {
-        /**
-         * Enable this property if you want to wait until files are uploaded to complete the survey.
-         *
-         * Default value: `false`
-         */
-        get: function () {
-            return this.getPropertyValue("waitForUpload");
-        },
-        set: function (val) {
-            this.setPropertyValue("waitForUpload", val);
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(QuestionFileModel.prototype, "allowImagesPreview", {
         /**
          * Specifies whether to show a preview of image files.
@@ -43965,13 +44053,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionFileModel.prototype, "showLoadingIndicator", {
-        get: function () {
-            return this.isUploading && this.isDefaultV2Theme;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(QuestionFileModel.prototype, "allowShowPreview", {
         get: function () {
             var isShowLoadingIndicator = this.showLoadingIndicator;
@@ -44040,6 +44121,15 @@ var QuestionFileModel = /** @class */ (function (_super) {
             }
         });
     };
+    QuestionFileModel.prototype.setValueFromResult = function (arg) {
+        this.value = (this.value || []).concat(arg.map(function (r) {
+            return {
+                name: r.file.name,
+                type: r.file.type,
+                content: r.content,
+            };
+        }));
+    };
     /**
      * Loads multiple files into the question.
      * @param files An array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects.
@@ -44071,42 +44161,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
                 });
             }
             else {
-                if (_this.survey) {
-                    _this.survey.uploadFiles(_this, _this.name, files, function (arg1, arg2) {
-                        if (Array.isArray(arg1)) {
-                            _this.value = (_this.value || []).concat(arg1.map(function (r) {
-                                return {
-                                    name: r.file.name,
-                                    type: r.file.type,
-                                    content: r.content,
-                                };
-                            }));
-                            if (Array.isArray(arg2)) {
-                                arg2.forEach(function (error) { return _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](error, _this)); });
-                                _this.stateChanged("error");
-                            }
-                        }
-                        if (arg1 === "success" && Array.isArray(arg2)) {
-                            _this.value = (_this.value || []).concat(arg2.map(function (r) {
-                                return {
-                                    name: r.file.name,
-                                    type: r.file.type,
-                                    content: r.content,
-                                };
-                            }));
-                        }
-                        if (arg1 === "error") {
-                            if (typeof (arg2) === "string") {
-                                _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](arg2, _this));
-                            }
-                            if (Array.isArray(arg2) && arg2.length > 0) {
-                                arg2.forEach(function (error) { return _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](error, _this)); });
-                            }
-                            _this.stateChanged("error");
-                        }
-                        _this.stateChanged("loaded");
-                    });
-                }
+                _this.uploadFiles(files);
             }
         };
         if (this.allowMultiple) {
@@ -44181,29 +44236,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.getIsQuestionReady = function () {
         return _super.prototype.getIsQuestionReady.call(this) && !this.isFileLoading;
     };
-    QuestionFileModel.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
-        _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
-        if (this.isUploading && this.waitForUpload) {
-            errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](this.getLocalizationString("uploadingFile"), this));
-        }
-    };
-    QuestionFileModel.prototype.stateChanged = function (state) {
-        if (this.currentState == state) {
-            return;
-        }
-        if (state === "loading") {
-            this.isUploading = true;
-        }
-        if (state === "loaded") {
-            this.isUploading = false;
-        }
-        if (state === "error") {
-            this.isUploading = false;
-        }
-        this.currentState = state;
-        this.onStateChanged.fire(this, { state: state });
-        this.onUploadStateChanged.fire(this, { state: state });
-    };
     QuestionFileModel.prototype.allFilesOk = function (files) {
         var _this = this;
         var errorLength = this.errors ? this.errors.length : 0;
@@ -44413,18 +44445,12 @@ var QuestionFileModel = /** @class */ (function (_super) {
         this.closeVideoStream();
         _super.prototype.dispose.call(this);
     };
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], QuestionFileModel.prototype, "isUploading", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionFileModel.prototype, "isDragging", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["propertyArray"])({})
     ], QuestionFileModel.prototype, "previewValue", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "empty" })
-    ], QuestionFileModel.prototype, "currentState", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: 0 })
     ], QuestionFileModel.prototype, "indexToShow", void 0);
@@ -44489,7 +44515,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionFileModel.prototype, "locRenderedPlaceholderValue", void 0);
     return QuestionFileModel;
-}(_question__WEBPACK_IMPORTED_MODULE_0__["Question"]));
+}(QuestionFileModelBase));
 
 _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("file", [
     { name: "showCommentArea:switch", layout: "row", visible: true, category: "general" },
@@ -47016,8 +47042,9 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
         if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(value)) {
             for (var i = 0; i < questions.length; i++) {
                 var key = questions[i].getValueName();
-                if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(value[key])) {
-                    questions[i].value = value[key];
+                var val = !!this.editingObj ? _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].getObjPropertyValue(this.editingObj, key) : value[key];
+                if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(val)) {
+                    questions[i].value = val;
                 }
             }
         }
@@ -48548,6 +48575,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         var questionPlainData = _super.prototype.getPlainData.call(this, options);
         if (!!questionPlainData) {
             questionPlainData.isNode = true;
+            var prevData = Array.isArray(questionPlainData.data) ? [].concat(questionPlainData.data) : [];
             questionPlainData.data = this.visibleRows.map(function (row) {
                 var rowDataItem = {
                     name: row.dataName,
@@ -48569,6 +48597,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
                 });
                 return rowDataItem;
             });
+            questionPlainData.data = questionPlainData.data.concat(prevData);
         }
         return questionPlainData;
     };
@@ -48980,7 +49009,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
                 columnValue = newRowValue[columnName];
             }
             this.isRowChanging = true;
-            rowObj[columnName] = columnValue;
+            _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].setObjPropertyValue(rowObj, columnName, columnValue);
             this.isRowChanging = false;
             this.onCellValueChanged(row, columnName, rowObj);
         }
@@ -55870,6 +55899,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         var questionPlainData = _super.prototype.getPlainData.call(this, options);
         if (!!questionPlainData) {
             questionPlainData.isNode = true;
+            var prevData = Array.isArray(questionPlainData.data) ? [].concat(questionPlainData.data) : [];
             questionPlainData.data = this.panels.map(function (panel, index) {
                 var panelDataItem = {
                     name: panel.name || index,
@@ -55889,6 +55919,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 });
                 return panelDataItem;
             });
+            questionPlainData.data = questionPlainData.data.concat(prevData);
         }
         return questionPlainData;
     };
@@ -57059,6 +57090,24 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_3__["Serializer"].addClass("ranking", [
         visible: true,
         isSerializable: true,
     },
+    {
+        name: "selectToRankEmptyRankedAreaText:text",
+        serializationProperty: "locSelectToRankEmptyRankedAreaText",
+        category: "general",
+        dependsOn: "selectToRankEnabled",
+        visibleIf: function (obj) {
+            return !!obj.selectToRankEnabled;
+        },
+    },
+    {
+        name: "selectToRankEmptyUnrankedAreaText:text",
+        serializationProperty: "locSelectToRankEmptyUnrankedAreaText",
+        category: "general",
+        dependsOn: "selectToRankEnabled",
+        visibleIf: function (obj) {
+            return !!obj.selectToRankEnabled;
+        },
+    },
     {
         name: "maxSelectedChoices:number",
         visible: true,
@@ -58210,10 +58259,10 @@ __webpack_require__.r(__webpack_exports__);
 /* 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");
-/* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./question */ "./src/question.ts");
-/* harmony import */ var signature_pad__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! signature_pad */ "./node_modules/signature_pad/dist/signature_pad.js");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _console_warnings__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./console-warnings */ "./src/console-warnings.ts");
+/* harmony import */ var signature_pad__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! signature_pad */ "./node_modules/signature_pad/dist/signature_pad.js");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _console_warnings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./console-warnings */ "./src/console-warnings.ts");
+/* harmony import */ var _question_file__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./question_file */ "./src/question_file.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -58257,6 +58306,16 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
             _this.scaleCanvas(false, true);
             _this.refreshCanvas();
         };
+        _this.onBlur = function (event) {
+            if (!_this.storeDataAsText) {
+                if (!_this.element.contains(event.relatedTarget)) {
+                    if (!_this.valueWasChangedFromLastUpload)
+                        return;
+                    _this.uploadFiles([Object(_question_file__WEBPACK_IMPORTED_MODULE_5__["dataUrl2File"])(_this.signaturePad.toDataURL(_this.getFormat()), _this.name + "." + correctFormatData(_this.dataFormat), _this.getFormat())]);
+                    _this.valueWasChangedFromLastUpload = false;
+                }
+            }
+        };
         return _this;
     }
     QuestionSignaturePadModel.prototype.getPenColorFromTheme = function () {
@@ -58273,16 +58332,18 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         signaturePad.backgroundColor = background || backgroundColorFromTheme || backgroundColorProperty.defaultValue || "#ffffff";
     };
     QuestionSignaturePadModel.prototype.getCssRoot = function (cssClasses) {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(_super.prototype.getCssRoot.call(this, cssClasses))
             .append(cssClasses.small, this.signatureWidth.toString() === "300")
             .toString();
     };
+    QuestionSignaturePadModel.prototype.getFormat = function () {
+        return this.dataFormat === "jpeg" ? "image/jpeg" :
+            (this.dataFormat === "svg" ? "image/svg+xml" : "");
+    };
     QuestionSignaturePadModel.prototype.updateValue = function () {
         if (this.signaturePad) {
-            var format = this.dataFormat === "jpeg" ? "image/jpeg" :
-                (this.dataFormat === "svg" ? "image/svg+xml" : "");
-            var data = this.signaturePad.toDataURL(format);
+            var data = this.signaturePad.toDataURL(this.getFormat());
             this.valueIsUpdatingInternally = true;
             this.value = data;
             this.valueIsUpdatingInternally = false;
@@ -58294,6 +58355,7 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     QuestionSignaturePadModel.prototype.afterRenderQuestionElement = function (el) {
         if (!!el) {
             this.initSignaturePad(el);
+            this.element = el;
         }
         _super.prototype.afterRenderQuestionElement.call(this, el);
     };
@@ -58327,15 +58389,34 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
                 this.refreshCanvas();
         }
     };
+    QuestionSignaturePadModel.prototype.fromDataUrl = function (data) {
+        this.signaturePad.fromDataURL(data, { width: this.canvas.width * this.scale, height: this.canvas.height * this.scale });
+    };
+    QuestionSignaturePadModel.prototype.fromUrl = function (url) {
+        var _this = this;
+        var img = document.createElement("img");
+        img.crossOrigin = "anonymous";
+        img.src = url;
+        img.onload = function () {
+            var ctx = _this.canvas.getContext("2d");
+            ctx.drawImage(img, 0, 0);
+            var dataURL = _this.canvas.toDataURL(_this.getFormat());
+            _this.fromDataUrl(dataURL);
+        };
+    };
     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);
+        if (!this.value) {
+            this.canvas.getContext("2d").clearRect(0, 0, this.canvas.width * this.scale, this.canvas.height * this.scale);
             this.signaturePad.clear();
+            this.valueWasChangedFromLastUpload = false;
         }
         else {
-            this.signaturePad.fromDataURL(data, { width: canvas.width * this.scale, height: canvas.height * this.scale });
+            if (this.storeDataAsText) {
+                this.fromDataUrl(this.value);
+            }
+            else {
+                this.fromUrl(this.value);
+            }
         }
     };
     QuestionSignaturePadModel.prototype.initSignaturePad = function (el) {
@@ -58343,7 +58424,7 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         var canvas = el.getElementsByTagName("canvas")[0];
         this.canvas = canvas;
         this.resizeCanvas();
-        var signaturePad = new signature_pad__WEBPACK_IMPORTED_MODULE_3__["default"](canvas, { backgroundColor: "#ffffff" });
+        var signaturePad = new signature_pad__WEBPACK_IMPORTED_MODULE_2__["default"](canvas, { backgroundColor: "#ffffff" });
         this.signaturePad = signaturePad;
         if (this.isInputReadOnly) {
             signaturePad.off();
@@ -58364,7 +58445,12 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         }, { once: false });
         signaturePad.addEventListener("endStroke", function () {
             _this.isDrawingValue = false;
-            _this.updateValue();
+            if (_this.storeDataAsText) {
+                _this.updateValue();
+            }
+            else {
+                _this.valueWasChangedFromLastUpload = true;
+            }
         }, { once: false });
         this.updateValueHandler();
         this.readOnlyChangedCallback();
@@ -58479,7 +58565,9 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionSignaturePadModel.prototype, "canShowClearButton", {
         get: function () {
-            return !this.isInputReadOnly && this.allowClear;
+            var hasSignature = !this.nothingIsDrawn();
+            var isUploading = this.isUploading;
+            return !this.isInputReadOnly && this.allowClear && hasSignature && !isUploading;
         },
         enumerable: false,
         configurable: true
@@ -58548,22 +58636,39 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionSignaturePadModel.prototype.needShowPlaceholder = function () {
-        var showPlaceholder = this.showPlaceholder;
+    QuestionSignaturePadModel.prototype.nothingIsDrawn = function () {
         var isDrawing = this.isDrawingValue;
         var isEmpty = this.isEmpty();
-        return showPlaceholder && !isDrawing && isEmpty;
+        var isUploading = this.isUploading;
+        var valueWasChangedFromLastUpload = this.valueWasChangedFromLastUpload;
+        return !isDrawing && isEmpty && !isUploading && !valueWasChangedFromLastUpload;
+    };
+    QuestionSignaturePadModel.prototype.needShowPlaceholder = function () {
+        return this.showPlaceholder && this.nothingIsDrawn();
+    };
+    QuestionSignaturePadModel.prototype.uploadResultItemToValue = function (r) {
+        return r.content;
+    };
+    QuestionSignaturePadModel.prototype.setValueFromResult = function (arg) {
+        this.valueIsUpdatingInternally = true;
+        this.value = (arg === null || arg === void 0 ? void 0 : arg.length) ? arg.map(function (r) { return r.content; })[0] : undefined;
+        this.valueIsUpdatingInternally = false;
+    };
+    QuestionSignaturePadModel.prototype.clearValue = function () {
+        this.valueWasChangedFromLastUpload = false;
+        _super.prototype.clearValue.call(this);
+        this.refreshCanvas();
     };
     QuestionSignaturePadModel.prototype.endLoadingFromJson = function () {
         _super.prototype.endLoadingFromJson.call(this);
         //todo: need to remove this code
         if (this.signatureWidth === 300 && !!this.width && typeof this.width === "number" && this.width) {
-            _console_warnings__WEBPACK_IMPORTED_MODULE_5__["ConsoleWarnings"].warn("Use signatureWidth property to set width for the signature pad");
+            _console_warnings__WEBPACK_IMPORTED_MODULE_4__["ConsoleWarnings"].warn("Use signatureWidth property to set width for the signature pad");
             this.signatureWidth = this.width;
             this.width = undefined;
         }
         if (this.signatureHeight === 200 && !!this.height) {
-            _console_warnings__WEBPACK_IMPORTED_MODULE_5__["ConsoleWarnings"].warn("Use signatureHeight property to set width for the signature pad");
+            _console_warnings__WEBPACK_IMPORTED_MODULE_4__["ConsoleWarnings"].warn("Use signatureHeight property to set width for the signature pad");
             this.signatureHeight = this.height;
             this.height = undefined;
         }
@@ -58571,6 +58676,12 @@ 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, "isReadyForUpload", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
+    ], QuestionSignaturePadModel.prototype, "valueWasChangedFromLastUpload", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionSignaturePadModel.prototype, "signatureAutoScaleEnabled", void 0);
@@ -58587,7 +58698,7 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ localizable: { defaultStr: "signaturePlaceHolder" } })
     ], QuestionSignaturePadModel.prototype, "placeholder", void 0);
     return QuestionSignaturePadModel;
-}(_question__WEBPACK_IMPORTED_MODULE_2__["Question"]));
+}(_question_file__WEBPACK_IMPORTED_MODULE_5__["QuestionFileModelBase"]));
 
 function correctFormatData(val) {
     if (!val)
@@ -58669,6 +58780,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("signaturepad",
     },
     { name: "defaultValue", visible: false },
     { name: "correctAnswer", visible: false },
+    { name: "storeDataAsText:boolean", default: true },
+    { name: "waitForUpload:boolean", default: false },
 ], function () {
     return new QuestionSignaturePadModel("");
 }, "question");
@@ -63545,7 +63658,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
             return null;
         var style = { display: !this.question.showClearButton ? "none" : "" };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, tabIndex: this.question.showClearButton ? 0 : -1 },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, "aria-hidden": "true" },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
     };
     SurveyQuestionDropdownBase.prototype.createChevronButton = function () {
@@ -65176,10 +65289,12 @@ var Survey = /** @class */ (function (_super) {
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.bodyContainerCss },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "left" }),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: pageId, className: className, style: style },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "contentTop" }),
-                activePage,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "contentBottom" })),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: "sv-components-column sv-components-column--expandable" },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "center" }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: pageId, className: className, style: style },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "contentTop" }),
+                    activePage,
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "contentBottom" }))),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "right" })));
     };
     Survey.prototype.renderPage = function (page) {
@@ -68908,12 +69023,15 @@ var SurveyQuestionRanking = /** @class */ (function (_super) {
                     this.getItems(this.question.unRankingChoices, unrankedItem),
                     this.question.unRankingChoices.length === 0 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.containerPlaceholder },
                         " ",
-                        this.question.selectToRankEmptyRankedAreaText,
+                        this.renderLocString(this.question.locSelectToRankEmptyRankedAreaText),
                         " ") : null),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.containersDivider }),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getContainerClasses("to"), "data-ranking": "to-container" },
                     this.getItems(),
-                    this.question.rankingChoices.length === 0 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.containerPlaceholder }, this.question.selectToRankEmptyUnrankedAreaText) : null)));
+                    this.question.rankingChoices.length === 0 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.containerPlaceholder },
+                        " ",
+                        this.renderLocString(this.question.locSelectToRankEmptyUnrankedAreaText),
+                        " ") : null)));
         }
     };
     SurveyQuestionRanking.prototype.getItems = function (choices, unrankedItem) {
@@ -69630,6 +69748,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
 /* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
 /* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
+/* harmony import */ var _components_loading_indicator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/loading-indicator */ "./src/react/components/loading-indicator.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -69649,6 +69768,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
     __extends(SurveyQuestionSignaturePad, _super);
     function SurveyQuestionSignaturePad(props) {
@@ -69666,19 +69786,25 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
     SurveyQuestionSignaturePad.prototype.renderElement = function () {
         var _this = this;
         var cssClasses = this.question.cssClasses;
+        var loadingIndicator = this.question.showLoadingIndicator ? this.renderLoadingIndicator() : null;
         var clearButton = this.renderCleanButton();
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locPlaceholder)),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
                 this.renderBackgroundImage(),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0, className: this.question.cssClasses.canvas })),
-            clearButton));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0, className: this.question.cssClasses.canvas, onBlur: this.question.onBlur })),
+            clearButton,
+            loadingIndicator));
     };
     SurveyQuestionSignaturePad.prototype.renderBackgroundImage = function () {
         if (!this.question.backgroundImage)
             return null;
         return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, style: { width: this.question.renderedCanvasWidth } });
     };
+    SurveyQuestionSignaturePad.prototype.renderLoadingIndicator = function () {
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.loadingIndicator },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_loading_indicator__WEBPACK_IMPORTED_MODULE_4__["LoadingIndicatorComponent"], null));
+    };
     SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
         var _this = this;
         if (!this.question.canShowClearButton)
@@ -72653,6 +72779,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _notifier__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./notifier */ "./src/notifier.ts");
 /* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./header */ "./src/header.ts");
 /* harmony import */ var _surveytimer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./surveytimer */ "./src/surveytimer.ts");
+/* harmony import */ var _surveyTaskManager__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./surveyTaskManager */ "./src/surveyTaskManager.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -72694,6 +72821,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -72970,6 +73098,8 @@ var SurveyModel = /** @class */ (function (_super) {
          * For information on event handler parameters, refer to descriptions within the interface.
          *
          * If you want to specify heading levels for all titles, use the [`titleTags`](https://surveyjs.io/form-library/documentation/api-reference/settings#titleTags) object in [global settings](https://surveyjs.io/form-library/documentation/api-reference/settings).
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/survey-titletagnames/ (linkStyle))
          * @see onGetQuestionTitle
          * @see onGetQuestionNo
          */
@@ -73009,7 +73139,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onGetResult = _this.addEvent();
         /**
-         * An event that is raised when a File Upload question starts to upload a file. Applies only if [`storeDataAsText`](https://surveyjs.io/form-library/documentation/api-reference/file-model#storeDataAsText) is `false`. Use this event to upload files to your server.
+         * An event that is raised when a File Upload or Signature Pad question starts to upload a file. Applies only if [`storeDataAsText`](https://surveyjs.io/form-library/documentation/api-reference/file-model#storeDataAsText) is `false`. Use this event to upload files to your server.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -73031,7 +73161,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onDownloadFile = _this.addEvent();
         /**
-         * An event that is raised when users clear files in a [File Upload](https://surveyjs.io/form-library/documentation/api-reference/file-model) question. Use this event to delete files from your server.
+         * An event that is raised when users clear files in a [File Upload](https://surveyjs.io/form-library/documentation/api-reference/file-model) question or clear signature in a [Signature Pad](https://surveyjs.io/form-library/documentation/api-reference/signature-pad-model) question. Use this event to delete files from your server.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -73407,6 +73537,7 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.needRenderIcons = true;
         _this.skippedPages = [];
         _this.skeletonComponentName = "sv-skeleton";
+        _this.taskManager = new _surveyTaskManager__WEBPACK_IMPORTED_MODULE_22__["SurveyTaskManagerModel"]();
         if (typeof document !== "undefined") {
             SurveyModel.stylesManager = new _stylesmanager__WEBPACK_IMPORTED_MODULE_11__["StylesManager"]();
         }
@@ -73414,6 +73545,7 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.createHtmlLocString("completedHtml", "completingSurvey", htmlCallBack);
         _this.createHtmlLocString("completedBeforeHtml", "completingSurveyBefore", htmlCallBack, "completed-before");
         _this.createHtmlLocString("loadingHtml", "loadingSurvey", htmlCallBack, "loading");
+        _this.createLocalizableString("emptySurveyText", _this, true, "emptySurvey");
         _this.createLocalizableString("logo", _this, false);
         _this.createLocalizableString("startSurveyText", _this, false, true);
         _this.createLocalizableString("pagePrevText", _this, false, true);
@@ -74657,11 +74789,14 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "emptySurveyText", {
         /**
-         * Returns a message that is displayed when a survey does not contain visible pages or questions.
+         * A message that is displayed when a survey does not contain visible pages or questions.
          * @see [Localization & Globalization](https://surveyjs.io/form-library/documentation/survey-localization)
          */
         get: function () {
-            return this.getLocalizationString("emptySurvey");
+            return this.getLocalizableStringText("emptySurveyText");
+        },
+        set: function (val) {
+            this.setLocalizableStringText("emptySurveyText", val);
         },
         enumerable: false,
         configurable: true
@@ -75700,7 +75835,7 @@ var SurveyModel = /** @class */ (function (_super) {
         },
         set: function (data) {
             this.valuesHash = {};
-            this.setDataCore(data);
+            this.setDataCore(data, !data);
         },
         enumerable: false,
         configurable: true
@@ -75720,17 +75855,21 @@ var SurveyModel = /** @class */ (function (_super) {
         this.mergeValues(data, newData);
         this.setDataCore(newData);
     };
-    SurveyModel.prototype.setDataCore = function (data) {
+    SurveyModel.prototype.setDataCore = function (data, clearData) {
+        if (clearData === void 0) { clearData = false; }
+        if (clearData) {
+            this.valuesHash = {};
+        }
         if (data) {
             for (var key in data) {
                 this.setDataValueCore(this.valuesHash, key, data[key]);
             }
         }
-        this.updateAllQuestionsValue();
+        this.updateAllQuestionsValue(clearData);
         this.notifyAllQuestionsOnValueChanged();
         this.notifyElementsOnAnyValueOrVariableChanged("");
         this.runConditions();
-        this.updateAllQuestionsValue();
+        this.updateAllQuestionsValue(clearData);
     };
     SurveyModel.prototype.getStructuredData = function (includePages, level) {
         if (includePages === void 0) { includePages = true; }
@@ -76425,8 +76564,7 @@ var SurveyModel = /** @class */ (function (_super) {
         this.isLoading = false;
         this.completedByTriggers = undefined;
         if (clearData) {
-            this.data = null;
-            this.variablesHash = {};
+            this.setDataCore(null, true);
         }
         this.timerModel.spent = 0;
         for (var i = 0; i < this.pages.length; i++) {
@@ -78242,23 +78380,29 @@ var SurveyModel = /** @class */ (function (_super) {
      *   }
      * );
      * ```
-     * @param question A [File Upload question instance](https://surveyjs.io/form-library/documentation/api-reference/file-model).
-     * @param name The File Upload question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/file-model#name).
+     * @param question A [File Upload question instance](https://surveyjs.io/form-library/documentation/api-reference/file-model) or [Signature Pad question instance](https://surveyjs.io/form-library/documentation/api-reference/signature-pad-model).
+     * @param name The File Upload question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/file-model#name) or Signature Pad question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/signature-pad-model#name).
      * @param files An array of JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/API/File" target="_blank">File</a> objects that represent files to upload.
      * @param callback A callback function that allows you to access successfully uploaded files as the first argument. If any files fail to upload, the second argument contains an array of error messages.
      * @see onUploadFiles
      * @see downloadFile
      */
     SurveyModel.prototype.uploadFiles = function (question, name, files, callback) {
+        var _this = this;
         if (this.onUploadFiles.isEmpty) {
             callback("error", this.getLocString("noUploadFilesHandler"));
         }
         else {
-            this.onUploadFiles.fire(this, {
-                question: question,
-                name: name,
-                files: files || [],
-                callback: callback,
+            this.taskManager.runTask("file", function (done) {
+                _this.onUploadFiles.fire(_this, {
+                    question: question,
+                    name: name,
+                    files: files || [],
+                    callback: function (status, data) {
+                        callback(status, data);
+                        done();
+                    },
+                });
             });
         }
         if (this.surveyPostId) {
@@ -78677,7 +78821,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 var qValue = questions[i].value;
                 if ((qValue === newValue && Array.isArray(qValue) && !!this.editingObj) ||
                     !this.isTwoValueEquals(qValue, newValue)) {
-                    questions[i].updateValueFromSurvey(newValue);
+                    questions[i].updateValueFromSurvey(newValue, false);
                 }
             }
         }
@@ -78772,12 +78916,12 @@ var SurveyModel = /** @class */ (function (_super) {
             this.locStrsChanged();
         }
     };
-    SurveyModel.prototype.updateAllQuestionsValue = function () {
+    SurveyModel.prototype.updateAllQuestionsValue = function (clearData) {
         var questions = this.getAllQuestions();
         for (var i = 0; i < questions.length; i++) {
             var q = questions[i];
             var valName = q.getValueName();
-            q.updateValueFromSurvey(this.getValue(valName));
+            q.updateValueFromSurvey(this.getValue(valName), clearData);
             if (q.requireUpdateCommentValue) {
                 q.updateCommentFromSurvey(this.getComment(valName));
             }
@@ -79196,7 +79340,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 mouseDown: function () { return _this.navigationMouseDown(); },
             },
             locTitle: this.locCompleteText,
-            action: function () { return _this.completeLastPage(); },
+            action: function () { return _this.taskManager.waitAndExecute(function () { return _this.completeLastPage(); }); },
             component: defaultComponent
         });
         this.updateNavigationItemCssCallback = function () {
@@ -80524,7 +80668,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 }
             }
             else if (this.state === "running" && isStrCiEqual(layoutElement.id, "progress-" + this.progressBarType)) {
-                if (container === "header") {
+                if (container === "center") {
                     if (this.isShowProgressBarOnTop && !this.isShowStartingPage) {
                         containerLayoutElements.push(layoutElement);
                     }
@@ -80592,7 +80736,6 @@ var SurveyModel = /** @class */ (function (_super) {
                 var advHeader = new _header__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
                 advHeader.fromTheme(theme);
                 _this.insertAdvancedHeader(advHeader);
-                _this.headerView = "advanced";
             }
             if (key === "isPanelless") {
                 _this.isCompact = theme[key];
@@ -81201,6 +81344,91 @@ surveyLocalization.locales["en"] = _localization_english__WEBPACK_IMPORTED_MODUL
 surveyLocalization.localeNames["en"] = "english";
 
 
+/***/ }),
+
+/***/ "./src/surveyTaskManager.ts":
+/*!**********************************!*\
+  !*** ./src/surveyTaskManager.ts ***!
+  \**********************************/
+/*! exports provided: SurveyTaskManagerModel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyTaskManagerModel", function() { return SurveyTaskManagerModel; });
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/base.ts");
+/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+var SurveyTaskModel = /** @class */ (function () {
+    function SurveyTaskModel(type) {
+        this.type = type;
+        this.timestamp = new Date();
+    }
+    return SurveyTaskModel;
+}());
+var SurveyTaskManagerModel = /** @class */ (function (_super) {
+    __extends(SurveyTaskManagerModel, _super);
+    function SurveyTaskManagerModel() {
+        var _this = _super.call(this) || this;
+        _this.taskList = [];
+        _this.onAllTasksCompleted = _this.addEvent();
+        return _this;
+    }
+    SurveyTaskManagerModel.prototype.runTask = function (type, func) {
+        var _this = this;
+        var task = new SurveyTaskModel(type);
+        this.taskList.push(task);
+        this.hasActiveTasks = true;
+        func(function () { return _this.taskFinished(task); });
+        return task;
+    };
+    SurveyTaskManagerModel.prototype.waitAndExecute = function (action) {
+        if (!this.hasActiveTasks) {
+            action();
+            return;
+        }
+        this.onAllTasksCompleted.add(function () { action(); });
+    };
+    SurveyTaskManagerModel.prototype.taskFinished = function (task) {
+        var index = this.taskList.indexOf(task);
+        if (index > -1) {
+            this.taskList.splice(index, 1);
+        }
+        if (this.hasActiveTasks && this.taskList.length == 0) {
+            this.hasActiveTasks = false;
+            this.onAllTasksCompleted.fire(this, {});
+        }
+    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
+    ], SurveyTaskManagerModel.prototype, "hasActiveTasks", void 0);
+    return SurveyTaskManagerModel;
+}(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+
+
 /***/ }),
 
 /***/ "./src/surveyTimerModel.ts":
@@ -81474,6 +81702,7 @@ function createTOCListModel(survey, onAction) {
     }, true, items.filter(function (i) { return i.id === survey.currentPage.name; })[0] || items.filter(function (i) { return i.id === pagesSource[0].name; })[0]);
     listModel.allowSelection = false;
     listModel.locOwner = survey;
+    listModel.searchEnabled = false;
     survey.onCurrentPageChanged.add(function (s, o) {
         listModel.selectedItem = items.filter(function (i) { return i.id === survey.currentPage.name; })[0];
     });