survey-core 1.9.119 → 1.9.120

package/survey.core.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();
@@ -9308,8 +9312,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
@@ -20250,7 +20254,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...",
@@ -27646,8 +27650,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);
@@ -27662,6 +27667,9 @@ var Question = /** @class */ (function (_super) {
         }
         else {
             this.updateValueFromSurveyCore(newValue, this.data !== this.getSurvey());
+            if (clearData && isEmpty) {
+                this.isValueChangedDirectly = false;
+            }
         }
         this.updateDependedQuestions();
         this.updateIsAnswered();
@@ -29808,7 +29816,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 &&
@@ -29822,7 +29830,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;
         }
@@ -31604,8 +31612,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 () {
@@ -33823,8 +33831,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) {
@@ -34178,11 +34186,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");
@@ -34231,17 +34241,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.
          *
@@ -34254,6 +34263,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;
@@ -34558,15 +34685,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.
@@ -34637,36 +34755,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.
@@ -34854,13 +34942,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;
@@ -34929,6 +35010,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.
@@ -34960,42 +35050,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) {
@@ -35070,29 +35125,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;
@@ -35302,18 +35334,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);
@@ -35378,7 +35404,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" },
@@ -37905,8 +37931,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;
                 }
             }
         }
@@ -39437,6 +39464,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,
@@ -39458,6 +39486,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
                 });
                 return rowDataItem;
             });
+            questionPlainData.data = questionPlainData.data.concat(prevData);
         }
         return questionPlainData;
     };
@@ -39869,7 +39898,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);
         }
@@ -46759,6 +46788,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,
@@ -46778,6 +46808,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 });
                 return panelDataItem;
             });
+            questionPlainData.data = questionPlainData.data.concat(prevData);
         }
         return questionPlainData;
     };
@@ -47948,6 +47979,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,
@@ -49099,10 +49148,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 ||
@@ -49146,6 +49195,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 () {
@@ -49162,16 +49221,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;
@@ -49183,6 +49244,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);
     };
@@ -49216,15 +49278,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) {
@@ -49232,7 +49313,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();
@@ -49253,7 +49334,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();
@@ -49368,7 +49454,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
@@ -49437,22 +49525,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;
         }
@@ -49460,6 +49565,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);
@@ -49476,7 +49587,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)
@@ -49558,6 +49669,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");
@@ -53688,6 +53801,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 ||
@@ -53729,6 +53843,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -54005,6 +54120,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
          */
@@ -54044,7 +54161,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.
          *
@@ -54066,7 +54183,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.
          *
@@ -54442,6 +54559,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"]();
         }
@@ -54449,6 +54567,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);
@@ -55692,11 +55811,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
@@ -56735,7 +56857,7 @@ var SurveyModel = /** @class */ (function (_super) {
         },
         set: function (data) {
             this.valuesHash = {};
-            this.setDataCore(data);
+            this.setDataCore(data, !data);
         },
         enumerable: false,
         configurable: true
@@ -56755,17 +56877,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; }
@@ -57460,8 +57586,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++) {
@@ -59277,23 +59402,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) {
@@ -59712,7 +59843,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);
                 }
             }
         }
@@ -59807,12 +59938,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));
             }
@@ -60231,7 +60362,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 () {
@@ -61559,7 +61690,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);
                     }
@@ -61627,7 +61758,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];
@@ -62236,6 +62366,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":
@@ -62509,6 +62724,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];
     });