survey-core 1.9.118 → 1.9.120

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.118
+ * 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)
  */
@@ -2137,7 +2137,7 @@ var Base = /** @class */ (function () {
     Base.prototype.resetPropertyValue = function (name) {
         var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
         if (locStr) {
-            locStr.clearLocale();
+            locStr.clear();
         }
         else {
             this.setPropertyValue(name, undefined);
@@ -3969,7 +3969,20 @@ var ProcessValue = /** @class */ (function () {
         return res;
     };
     ProcessValue.prototype.getNonNestedObject = function (obj, text, createPath) {
-        var curName = this.getFirstPropertyName(text, obj, createPath);
+        var checkedKeys = new Array();
+        var len = 0;
+        var res = this.getNonNestedObjectCore(obj, text, createPath, checkedKeys);
+        while (!res && len < checkedKeys.length) {
+            len = checkedKeys.length;
+            res = this.getNonNestedObjectCore(obj, text, createPath, checkedKeys);
+        }
+        return res;
+    };
+    ProcessValue.prototype.getNonNestedObjectCore = function (obj, text, createPath, checkedKeys) {
+        var curName = this.getFirstPropertyName(text, obj, createPath, checkedKeys);
+        if (!!curName) {
+            checkedKeys.push(curName);
+        }
         var path = !!curName ? [curName] : null;
         while (text != curName && !!obj) {
             var isArray = text[0] == "[";
@@ -3992,7 +4005,7 @@ var ProcessValue = /** @class */ (function () {
             if (!!text && text[0] == ".") {
                 text = text.substring(1);
             }
-            curName = this.getFirstPropertyName(text, obj, createPath);
+            curName = this.getFirstPropertyName(text, obj, createPath, checkedKeys);
             if (!!curName) {
                 path.push(curName);
             }
@@ -4014,8 +4027,9 @@ var ProcessValue = /** @class */ (function () {
             return null;
         return { value: curValue[index], text: text, index: index };
     };
-    ProcessValue.prototype.getFirstPropertyName = function (name, obj, createProp) {
+    ProcessValue.prototype.getFirstPropertyName = function (name, obj, createProp, checkedKeys) {
         if (createProp === void 0) { createProp = false; }
+        if (checkedKeys === void 0) { checkedKeys = undefined; }
         if (!name)
             return name;
         if (!obj)
@@ -4026,6 +4040,8 @@ var ProcessValue = /** @class */ (function () {
         var A = nameInLow[0];
         var a = A.toUpperCase();
         for (var key in obj) {
+            if (Array.isArray(checkedKeys) && checkedKeys.indexOf(key) > -1)
+                continue;
             var first = key[0];
             if (first === a || first === A) {
                 var keyName = key.toLowerCase();
@@ -4412,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: "",
@@ -4867,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: "",
@@ -5307,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",
@@ -5365,7 +5381,8 @@ var defaultV2Css = {
         nested: "sd-element--nested sd-element--nested-with-borders",
         invisible: "sd-element--invisible",
         navigationButton: "",
-        compact: "sd-element--with-frame sd-element--compact"
+        compact: "sd-element--with-frame sd-element--compact",
+        errorsContainer: "sd-panel__errbox sd-element__erbox sd-element__erbox--above-element"
     },
     paneldynamic: {
         mainRoot: "sd-element  sd-question sd-question--paneldynamic sd-element--complex sd-question--complex sd-row__question",
@@ -5431,7 +5448,8 @@ var defaultV2Css = {
         root: "sd-page sd-body__page",
         emptyHeaderRoot: "sd-page__empty-header",
         title: "sd-title sd-page__title",
-        description: "sd-description sd-page__description"
+        description: "sd-description sd-page__description",
+        errorsContainer: "sd-page__errbox"
     },
     pageTitle: "sd-title sd-page__title",
     pageDescription: "sd-description sd-page__description",
@@ -5486,6 +5504,9 @@ var defaultV2Css = {
         invisible: "sd-element--invisible",
         composite: "sd-element--complex",
         disabled: "sd-question--disabled",
+        errorsContainer: "sd-element__erbox sd-question__erbox",
+        errorsContainerTop: "sd-element__erbox--above-element sd-question__erbox--above-question",
+        errorsContainerBottom: "sd-question__erbox--below-question"
     },
     image: {
         mainRoot: "sd-question sd-question--image",
@@ -5502,14 +5523,11 @@ var defaultV2Css = {
         withFrame: ""
     },
     error: {
-        root: "sd-question__erbox",
+        root: "sd-error",
         icon: "",
         item: "",
-        outsideQuestion: "sd-question__erbox--outside-question",
-        aboveQuestion: "sd-question__erbox--above-question",
-        belowQuestion: "sd-question__erbox--below-question",
-        locationTop: "sd-question__erbox--location--top",
-        locationBottom: "sd-question__erbox--location--bottom"
+        locationTop: "",
+        locationBottom: ""
     },
     checkbox: {
         root: "sd-selectbase",
@@ -5728,6 +5746,8 @@ var defaultV2Css = {
         rowHasEndActions: "sd-table__row--has-end-actions",
         headerCell: "sd-table__cell sd-table__cell--header",
         rowTextCell: "sd-table__cell sd-table__cell--row-text",
+        footerCell: "sd-table__cell sd-table__cell--footer",
+        footerTotalCell: "sd-table__cell sd-table__cell--footer-total",
         columnTitleCell: "sd-table__cell--column-title",
         cellRequiredText: "sd-question__required-text",
         detailButton: "sd-table__cell--detail-button",
@@ -5763,6 +5783,7 @@ var defaultV2Css = {
         itemCell: "sd-table__cell--item",
         headerCell: "sd-table__cell sd-table__cell--header",
         rowTextCell: "sd-table__cell sd-table__cell--row-text",
+        footerCell: "sd-table__cell sd-table__cell--footer",
         columnTitleCell: "sd-table__cell--column-title",
         cellRequiredText: "sd-question__required-text",
         button: "sd-action sd-matrixdynamic__btn",
@@ -5909,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",
@@ -8233,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();
         }
@@ -8242,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();
@@ -9287,8 +9312,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.118";
-ReleaseDate = "" + "2023-11-21";
+Version = "" + "1.9.120";
+ReleaseDate = "" + "2023-12-04";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -15545,7 +15570,7 @@ var Cover = /** @class */ (function (_super) {
 
 _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("cover", [
     { name: "height:number", minValue: 0, default: 256 },
-    { name: "inheritWidthFrom", default: "survey" },
+    { name: "inheritWidthFrom", default: "container" },
     { name: "textAreaWidth:number", minValue: 0, default: 512 },
     { name: "textGlowEnabled:boolean" },
     { name: "overlapEnabled:boolean" },
@@ -20229,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...",
@@ -20256,6 +20281,7 @@ var englishStrings = {
     urlRequestError: "The request returned error '{0}'. {1}",
     urlGetChoicesError: "The request returned empty data or the 'path' property is incorrect",
     exceedMaxSize: "The file size should not exceed {0}.",
+    noUploadFilesHandler: "Files cannot be uploaded. Please add a handler for the 'onUploadFiles' event.",
     otherRequiredError: "Response required: enter another value.",
     uploadingFile: "Your file is uploading. Please wait several seconds and try again.",
     loadingFile: "Loading...",
@@ -21143,8 +21169,9 @@ var PageModel = /** @class */ (function (_super) {
         configurable: true
     });
     PageModel.prototype.calcCssClasses = function (css) {
-        var classes = { page: {}, pageTitle: "", pageDescription: "", row: "", rowMultiple: "", pageRow: "", rowCompact: "" };
+        var classes = { page: {}, error: {}, pageTitle: "", pageDescription: "", row: "", rowMultiple: "", pageRow: "", rowCompact: "" };
         this.copyCssClasses(classes.page, css.page);
+        this.copyCssClasses(classes.error, css.error);
         if (!!css.pageTitle) {
             classes.pageTitle = css.pageTitle;
         }
@@ -21192,6 +21219,11 @@ var PageModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    PageModel.prototype.getCssError = function (cssClasses) {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
+            .append(_super.prototype.getCssError.call(this, cssClasses))
+            .append(cssClasses.page.errorsContainer).toString();
+    };
     Object.defineProperty(PageModel.prototype, "navigationButtonsVisibility", {
         /**
          * Set this property to "hide" to make "Prev", "Next" and "Complete" buttons are invisible for this page. Set this property to "show" to make these buttons visible, even if survey showNavigationButtons property is false.
@@ -21688,7 +21720,7 @@ var PanelModelBase = /** @class */ (function (_super) {
     Object.defineProperty(PanelModelBase.prototype, "hasTitle", {
         get: function () {
             return ((this.canShowTitle() && this.locTitle.textOrHtml.length > 0) ||
-                (this.showTitle && this.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].designMode.showEmptyTitles));
+                (this.isDesignMode && (this.showTitle && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].designMode.showEmptyTitles)));
         },
         enumerable: false,
         configurable: true
@@ -23036,6 +23068,16 @@ var PanelModelBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PanelModelBase.prototype, "cssError", {
+        get: function () {
+            return this.getCssError(this.cssClasses);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PanelModelBase.prototype.getCssError = function (cssClasses) {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]().append(cssClasses.error.root).toString();
+    };
     PanelModelBase.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
         if (this.rows) {
@@ -23234,11 +23276,17 @@ var PanelModel = /** @class */ (function (_super) {
     PanelModel.prototype.setNo = function (visibleIndex) {
         this.setPropertyValue("no", _helpers__WEBPACK_IMPORTED_MODULE_1__["Helpers"].getNumberByIndex(this.visibleIndex, this.getStartIndex()));
     };
+    PanelModel.prototype.notifyStateChanged = function () {
+        if (!this.isLoadingFromJson) {
+            this.locTitle.strChanged();
+        }
+        _super.prototype.notifyStateChanged.call(this);
+    };
     PanelModel.prototype.createLocTitleProperty = function () {
         var _this = this;
         var locTitleValue = _super.prototype.createLocTitleProperty.call(this);
         locTitleValue.onGetTextCallback = function (text) {
-            if (!text && (_this.isExpanded || _this.isCollapsed)) {
+            if (!text && (_this.state !== "default")) {
                 text = _this.name;
             }
             return text;
@@ -23411,26 +23459,17 @@ var PanelModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(PanelModel.prototype, "cssError", {
-        get: function () {
-            return this.getCssError(this.cssClasses);
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(PanelModel.prototype, "showErrorsAbovePanel", {
         get: function () {
-            return this.isDefaultV2Theme;
+            return this.isDefaultV2Theme && !this.showPanelAsPage;
         },
         enumerable: false,
         configurable: true
     });
     PanelModel.prototype.getCssError = function (cssClasses) {
-        var isDefaultV2Theme = this.isDefaultV2Theme;
         var builder = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
-            .append(this.cssClasses.error.root)
-            .append(this.cssClasses.error.outsideQuestion, isDefaultV2Theme)
-            .append(this.cssClasses.error.aboveQuestion, isDefaultV2Theme);
+            .append(_super.prototype.getCssError.call(this, cssClasses))
+            .append(cssClasses.panel.errorsContainer);
         return builder.append("panel-error-root", builder.isEmpty()).toString();
     };
     PanelModel.prototype.onVisibleChanged = function () {
@@ -23451,16 +23490,23 @@ var PanelModel = /** @class */ (function (_super) {
         this.survey.whenPanelFocusIn(this);
     };
     PanelModel.prototype.getHasFrameV2 = function () {
-        return _super.prototype.getHasFrameV2.call(this) && (!this.originalPage || this.survey.isShowingPreview);
+        return _super.prototype.getHasFrameV2.call(this) && !this.showPanelAsPage;
     };
     PanelModel.prototype.getIsNested = function () {
         return _super.prototype.getIsNested.call(this) && this.parent !== undefined;
     };
+    Object.defineProperty(PanelModel.prototype, "showPanelAsPage", {
+        get: function () {
+            return !!this.originalPage && !this.survey.isShowingPreview;
+        },
+        enumerable: false,
+        configurable: true
+    });
     PanelModel.prototype.getCssRoot = function (cssClasses) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
             .append(_super.prototype.getCssRoot.call(this, cssClasses))
             .append(cssClasses.container)
-            .append(cssClasses.asPage, !!this.originalPage && !this.survey.isShowingPreview)
+            .append(cssClasses.asPage, this.showPanelAsPage)
             .append(cssClasses.invisible, !this.isDesignMode && this.areInvisibleElementsShowing && !this.visible)
             .toString();
     };
@@ -26183,9 +26229,9 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.getCssError = function (cssClasses) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
             .append(cssClasses.error.root)
-            .append(cssClasses.error.outsideQuestion, this.showErrorsBelowQuestion || this.showErrorsAboveQuestion)
-            .append(cssClasses.error.belowQuestion, this.showErrorsBelowQuestion)
-            .append(cssClasses.error.aboveQuestion, this.showErrorsAboveQuestion)
+            .append(cssClasses.errorsContainer, this.showErrorsBelowQuestion || this.showErrorsAboveQuestion)
+            .append(cssClasses.errorsContainerTop, this.showErrorsAboveQuestion)
+            .append(cssClasses.errorsContainerBottom, this.showErrorsBelowQuestion)
             .append(cssClasses.error.locationTop, this.showErrorOnTop)
             .append(cssClasses.error.locationBottom, this.showErrorOnBottom)
             .toString();
@@ -26912,6 +26958,8 @@ var Question = /** @class */ (function (_super) {
          * - `{row.other_question_name}` (to access questions inside the same dynamic matrix or multi-column dropdown)
          *
          * An expression can also include built-in and custom functions for advanced calculations. For example, if the `defaultValue` should be today's date, set the `defaultValueExpression` to `"today()"`, and the corresponding built-in function will be executed each time the survey is loaded. Refer to the following help topic for more information: [Built-In Functions](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#built-in-functions).
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/specify-default-question-value-dynamically (linkStyle))
          * @see defaultValue
          * @see setValueExpression
          */
@@ -27602,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);
@@ -27617,7 +27666,10 @@ var Question = /** @class */ (function (_super) {
             });
         }
         else {
-            this.updateValueFromSurveyCore(newValue, isEmpty);
+            this.updateValueFromSurveyCore(newValue, this.data !== this.getSurvey());
+            if (clearData && isEmpty) {
+                this.isValueChangedDirectly = false;
+            }
         }
         this.updateDependedQuestions();
         this.updateIsAnswered();
@@ -29764,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 &&
@@ -29778,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;
         }
@@ -31560,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 () {
@@ -33779,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) {
@@ -34134,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");
@@ -34187,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.
          *
@@ -34210,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;
@@ -34514,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.
@@ -34593,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.
@@ -34810,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;
@@ -34885,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.
@@ -34916,24 +35050,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
                 });
             }
             else {
-                if (_this.survey) {
-                    _this.survey.uploadFiles(_this, _this.name, files, function (status, data) {
-                        if (status === "error") {
-                            _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](data, _this));
-                            _this.stateChanged("error");
-                            _this.stateChanged("loaded");
-                        }
-                        if (status === "success") {
-                            _this.value = (_this.value || []).concat(data.map(function (r) {
-                                return {
-                                    name: r.file.name,
-                                    type: r.file.type,
-                                    content: r.content,
-                                };
-                            }));
-                        }
-                    });
-                }
+                _this.uploadFiles(files);
             }
         };
         if (this.allowMultiple) {
@@ -35008,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;
@@ -35240,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);
@@ -35316,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" },
@@ -37843,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;
                 }
             }
         }
@@ -39375,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,
@@ -39396,6 +39486,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
                 });
                 return rowDataItem;
             });
+            questionPlainData.data = questionPlainData.data.concat(prevData);
         }
         return questionPlainData;
     };
@@ -39807,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);
         }
@@ -39938,6 +40029,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             this.onCreateDetailPanelCallback(row, panel);
         }
         panel.questions.forEach(function (q) { return q.setParentQuestion(_this); });
+        panel.onSurveyLoad();
         return panel;
     };
     QuestionMatrixDropdownModelBase.prototype.getSharedQuestionByName = function (columnName, row) {
@@ -41633,7 +41725,10 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
             this.footerRow.cells.push(this.createHeaderCell(null, "action"));
         }
         if (this.matrix.hasRowText) {
-            this.footerRow.cells.push(this.createTextCell(this.matrix.getFooterText()));
+            var cell_1 = this.createTextCell(this.matrix.getFooterText());
+            cell_1.className = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]().append(cell_1.className)
+                .append(this.cssClasses.footerTotalCell).toString();
+            this.footerRow.cells.push(cell_1);
         }
         var cells = this.matrix.visibleTotalRow.cells;
         for (var i = 0; i < cells.length; i++) {
@@ -41648,6 +41743,8 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
                 if (cell.column) {
                     this.setHeaderCellWidth(cell.column, editCell);
                 }
+                editCell.className = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]().append(editCell.className)
+                    .append(this.cssClasses.footerCell).toString();
                 this.footerRow.cells.push(editCell);
             }
         }
@@ -46691,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,
@@ -46710,6 +46808,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 });
                 return panelDataItem;
             });
+            questionPlainData.data = questionPlainData.data.concat(prevData);
         }
         return questionPlainData;
     };
@@ -47880,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,
@@ -48001,6 +48118,15 @@ var RenderedRatingItem = /** @class */ (function (_super) {
     return RenderedRatingItem;
 }(_base__WEBPACK_IMPORTED_MODULE_7__["Base"]));
 
+var RatingItemValue = /** @class */ (function (_super) {
+    __extends(RatingItemValue, _super);
+    function RatingItemValue(value, description) {
+        var _this = _super.call(this, value) || this;
+        _this.description = description;
+        return _this;
+    }
+    return RatingItemValue;
+}(_itemvalue__WEBPACK_IMPORTED_MODULE_0__["ItemValue"]));
 /**
  * A class that describes the Rating Scale question type.
  *
@@ -48295,18 +48421,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             rateValues = this.rateValues;
         }
         else {
-            var res = [];
-            var value = this.rateMin;
-            var step = this.rateStep;
-            while (value <= this.rateMax &&
-                res.length < _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].ratingMaximumRateValueCount) {
-                var item = new _itemvalue__WEBPACK_IMPORTED_MODULE_0__["ItemValue"](value);
-                item.locOwner = this;
-                item.ownerPropertyName = "rateValues";
-                res.push(item);
-                value = this.correctValue(value + step, step);
-            }
-            rateValues = res;
+            rateValues = this.createRateValues();
         }
         if (this.rateType == "smileys" && rateValues.length > 10)
             rateValues = rateValues.slice(0, 10);
@@ -48323,6 +48438,27 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             return renderedItem;
         });
     };
+    QuestionRatingModel.prototype.createRateValues = function () {
+        var res = [];
+        var value = this.rateMin;
+        var step = this.rateStep;
+        while (value <= this.rateMax &&
+            res.length < _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].ratingMaximumRateValueCount) {
+            var description = void 0;
+            if (value === this.rateMin) {
+                description = this.minRateDescription && this.locMinRateDescription;
+            }
+            if (value === this.rateMax || res.length === _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].ratingMaximumRateValueCount) {
+                description = this.maxRateDescription && this.locMaxRateDescription;
+            }
+            var item = new RatingItemValue(value, description);
+            item.locOwner = this;
+            item.ownerPropertyName = "rateValues";
+            res.push(item);
+            value = this.correctValue(value + step, step);
+        }
+        return res;
+    };
     QuestionRatingModel.prototype.correctValue = function (value, step) {
         if (!value)
             return value;
@@ -48445,7 +48581,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     });
     QuestionRatingModel.prototype.getDefaultItemComponent = function () {
         if (this.renderAs == "dropdown")
-            return "";
+            return "sv-rating-dropdown-item";
         if (this.isStar)
             return "sv-rating-item-star";
         if (this.isSmiley)
@@ -49012,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 ||
@@ -49059,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 () {
@@ -49075,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;
@@ -49096,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);
     };
@@ -49129,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) {
@@ -49145,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();
@@ -49166,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();
@@ -49281,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
@@ -49350,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;
         }
@@ -49373,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);
@@ -49389,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)
@@ -49471,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");
@@ -53601,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 ||
@@ -53642,6 +53843,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -53918,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
          */
@@ -53957,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.
          *
@@ -53979,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.
          *
@@ -54301,7 +54505,8 @@ var SurveyModel = /** @class */ (function (_super) {
          * Specifies whether to hide validation errors thrown by the Required validation in the UI.
          *
          * [Built-In Client-Side Validators](https://surveyjs.io/form-library/documentation/data-validation#built-in-client-side-validators (linkStyle))
-         * @see ignoreValidation
+         * @see validationEnabled
+         * @see validationAllowSwitchPages
          */
         _this.hideRequiredErrors = false;
         //#endregion
@@ -54310,15 +54515,27 @@ var SurveyModel = /** @class */ (function (_super) {
         _this._isCompact = false;
         _this._isDesignMode = false;
         /**
-         * Specifies whether to skip validation when you switch between pages or complete the survey programmatically or when users do that in the UI.
+         * Specifies whether data validation is enabled.
          *
-         * Default value: `false`
+         * Default value: `true`
+         * @see checkErrorsMode
          * @see hideRequiredErrors
-         * @see nextPage
-         * @see isPrevPage
-         * @see completeLastPage
          */
-        _this.ignoreValidation = false;
+        _this.validationEnabled = true;
+        /**
+         * Specifies whether respondents can switch the current page even if it contains validation errors.
+         *
+         * Default value: `false`
+         * @see checkErrorsMode
+         */
+        _this.validationAllowSwitchPages = false;
+        /**
+         * Specifies whether respondents can end a survey with validation errors.
+         *
+         * Default value: `false`
+         * @see checkErrorsMode
+         */
+        _this.validationAllowComplete = false;
         _this.isNavigationButtonPressed = false;
         _this.mouseDownPage = null;
         _this.isCalculatingProgressText = false;
@@ -54342,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"]();
         }
@@ -54349,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);
@@ -54752,6 +54971,17 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyModel.prototype.insertAdvancedHeader = function (advHeader) {
+        advHeader.survey = this;
+        this.layoutElements.push({
+            id: "advanced-header",
+            container: "header",
+            component: "sv-header",
+            index: -100,
+            data: advHeader,
+            processResponsiveness: function (width) { return advHeader.processResponsiveness(width); }
+        });
+    };
     SurveyModel.prototype.getNavigationCss = function (main, btn) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]().append(main)
             .append(btn).toString();
@@ -55286,6 +55516,10 @@ var SurveyModel = /** @class */ (function (_super) {
          * - `"onComplete"` - Triggers validation when a user clicks the Complete button. If previous pages contain errors, the survey switches to the page with the first error.
          *
          * Refer to the following help topic for more information: [Data Validation](https://surveyjs.io/form-library/documentation/data-validation).
+         * @see validationEnabled
+         * @see validationAllowSwitchPages
+         * @see validationAllowComplete
+         * @see validate
          */
         get: function () {
             return this.getPropertyValue("checkErrorsMode");
@@ -55577,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
@@ -56620,7 +56857,7 @@ var SurveyModel = /** @class */ (function (_super) {
         },
         set: function (data) {
             this.valuesHash = {};
-            this.setDataCore(data);
+            this.setDataCore(data, !data);
         },
         enumerable: false,
         configurable: true
@@ -56640,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; }
@@ -57345,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++) {
@@ -57616,6 +57856,15 @@ var SurveyModel = /** @class */ (function (_super) {
             return;
         document.cookie = this.cookieName + "=;";
     };
+    Object.defineProperty(SurveyModel.prototype, "ignoreValidation", {
+        /**
+         * This property is obsolete. Use the [`validationEnabled`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#validationEnabled) property instead.
+         */
+        get: function () { return !this.validationEnabled; },
+        set: function (val) { this.validationEnabled = !val; },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Switches the survey to the next page.
      *
@@ -57632,19 +57881,20 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.hasErrorsOnNavigate = function (doComplete) {
         var _this = this;
-        if (this.ignoreValidation || !this.isEditMode)
+        if (!this.isEditMode || this.ignoreValidation)
             return false;
+        var skipValidation = doComplete && this.validationAllowComplete || !doComplete && this.validationAllowSwitchPages;
         var func = function (hasErrors) {
-            if (!hasErrors) {
+            if (!hasErrors || skipValidation) {
                 _this.doCurrentPageCompleteCore(doComplete);
             }
         };
         if (this.isValidateOnComplete) {
             if (!this.isLastPage)
                 return false;
-            return this.validate(true, true, func) !== true;
+            return this.validate(true, true, func) !== true && !skipValidation;
         }
-        return this.validateCurrentPage(func) !== true;
+        return this.validateCurrentPage(func) !== true && !skipValidation;
     };
     SurveyModel.prototype.checkForAsyncQuestionValidation = function (questions, func) {
         var _this = this;
@@ -59004,7 +59254,7 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "isValidateOnComplete", {
         get: function () {
-            return this.checkErrorsMode === "onComplete";
+            return this.checkErrorsMode === "onComplete" || this.validationAllowSwitchPages && !this.validationAllowComplete;
         },
         enumerable: false,
         configurable: true
@@ -59152,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 get the upload status (`"success"` or `"error"`) and file data.
+     * @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", files);
+            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) {
@@ -59587,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);
                 }
             }
         }
@@ -59682,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));
             }
@@ -60106,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 () {
@@ -61287,6 +61543,11 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.stopMovingQuestion = function () {
         this.isMovingQuestion = false;
     };
+    Object.defineProperty(SurveyModel.prototype, "isQuestionDragging", {
+        get: function () { return this.isMovingQuestion; },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Focuses a question with a specified name. Switches the current page if needed.
      * @param name A question name.
@@ -61429,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);
                     }
@@ -61475,6 +61736,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 }
             }
         }
+        containerLayoutElements.sort(function (a, b) { return (a.index || 0) - (b.index || 0); });
         return containerLayoutElements;
     };
     SurveyModel.prototype.processPopupVisiblityChanged = function (question, popup, visible) {
@@ -61493,15 +61755,9 @@ var SurveyModel = /** @class */ (function (_super) {
         Object.keys(theme).forEach(function (key) {
             if (key === "header") {
                 _this.removeLayoutElement("advanced-header");
-                var advHeader_1 = new _header__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
-                advHeader_1.fromTheme(theme);
-                _this.layoutElements.push({
-                    id: "advanced-header",
-                    container: "header",
-                    component: "sv-header",
-                    data: advHeader_1,
-                    processResponsiveness: function (width) { return advHeader_1.processResponsiveness(width); }
-                });
+                var advHeader = new _header__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
+                advHeader.fromTheme(theme);
+                _this.insertAdvancedHeader(advHeader);
             }
             if (key === "isPanelless") {
                 _this.isCompact = theme[key];
@@ -61598,14 +61854,7 @@ var SurveyModel = /** @class */ (function (_super) {
                         advHeader.titlePositionY = "middle";
                         advHeader.descriptionPositionX = target.logoPosition === "right" ? "left" : "right";
                         advHeader.descriptionPositionY = "middle";
-                        advHeader.survey = target;
-                        target.layoutElements.unshift({
-                            id: "advanced-header",
-                            container: "header",
-                            component: "sv-header",
-                            data: advHeader,
-                            processResponsiveness: function (width) { return advHeader.processResponsiveness(width); }
-                        });
+                        target.insertAdvancedHeader(advHeader);
                     }
                 }
                 else {
@@ -62117,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":
@@ -62390,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];
     });