survey-core 1.9.119 → 1.9.121

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.119
+ * surveyjs - Survey JavaScript library v1.9.121
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1326,8 +1326,8 @@ var AdaptiveActionContainer = /** @class */ (function (_super) {
             this.updateItemMode(dimension, maxSize);
         }
     };
-    AdaptiveActionContainer.prototype.initResponsivityManager = function (container) {
-        this.responsivityManager = new _utils_responsivity_manager__WEBPACK_IMPORTED_MODULE_0__["ResponsivityManager"](container, this, ":scope > .sv-action:not(.sv-dots) > .sv-action__content");
+    AdaptiveActionContainer.prototype.initResponsivityManager = function (container, delayedUpdateFunction) {
+        this.responsivityManager = new _utils_responsivity_manager__WEBPACK_IMPORTED_MODULE_0__["ResponsivityManager"](container, this, ":scope > .sv-action:not(.sv-dots) > .sv-action__content", null, delayedUpdateFunction);
     };
     AdaptiveActionContainer.prototype.resetResponsivityManager = function () {
         if (!!this.responsivityManager) {
@@ -1539,7 +1539,7 @@ var ActionContainer = /** @class */ (function (_super) {
             this.sortItems();
         }
     };
-    ActionContainer.prototype.initResponsivityManager = function (container) {
+    ActionContainer.prototype.initResponsivityManager = function (container, delayedUpdateFunction) {
         return;
     };
     ActionContainer.prototype.resetResponsivityManager = function () { };
@@ -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.121";
+ReleaseDate = "" + "2023-12-12";
 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...",
@@ -22754,11 +22758,22 @@ var PanelModelBase = /** @class */ (function (_super) {
             }
         }
     };
-    PanelModelBase.prototype.notifyStateChanged = function () {
-        _super.prototype.notifyStateChanged.call(this);
+    PanelModelBase.prototype.notifyStateChanged = function (prevState) {
+        var _this = this;
+        _super.prototype.notifyStateChanged.call(this, prevState);
         if (this.isCollapsed) {
             this.questions.forEach(function (q) { return q.onHidingContent(); });
         }
+        if (this.survey != null && !this.isLoadingFromJson && this.isExpanded && prevState === "collapsed") {
+            var q_1 = this.getFirstQuestionToFocus(false);
+            if (!!q_1) {
+                setTimeout(function () {
+                    if (!_this.isDisposed && !!_this.survey) {
+                        _this.survey.scrollElementToTop(q_1, q_1, null, q_1.inputId, false);
+                    }
+                }, 15);
+            }
+        }
     };
     Object.defineProperty(PanelModelBase.prototype, "isVisible", {
         /**
@@ -23272,11 +23287,11 @@ 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 () {
+    PanelModel.prototype.notifyStateChanged = function (prevState) {
         if (!this.isLoadingFromJson) {
             this.locTitle.strChanged();
         }
-        _super.prototype.notifyStateChanged.call(this);
+        _super.prototype.notifyStateChanged.call(this, prevState);
     };
     PanelModel.prototype.createLocTitleProperty = function () {
         var _this = this;
@@ -23655,7 +23670,7 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
         };
         _this.resizeWindowCallback = function () {
             if (!_this.isOverlay) {
-                _this.updatePosition(true, _survey__WEBPACK_IMPORTED_MODULE_5__["SurveyModel"].platform === "vue" || _survey__WEBPACK_IMPORTED_MODULE_5__["SurveyModel"].platform === "vue3");
+                _this.updatePosition(true, _survey__WEBPACK_IMPORTED_MODULE_5__["SurveyModel"].platform === "vue" || _survey__WEBPACK_IMPORTED_MODULE_5__["SurveyModel"].platform === "vue3" || _survey__WEBPACK_IMPORTED_MODULE_5__["SurveyModel"].platform == "react");
             }
         };
         _this.clientY = 0;
@@ -25306,8 +25321,8 @@ var Question = /** @class */ (function (_super) {
             this.errors = [];
         }
     };
-    Question.prototype.notifyStateChanged = function () {
-        _super.prototype.notifyStateChanged.call(this);
+    Question.prototype.notifyStateChanged = function (prevState) {
+        _super.prototype.notifyStateChanged.call(this, prevState);
         if (this.isCollapsed) {
             this.onHidingContent();
         }
@@ -27646,8 +27661,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 +27678,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 +29827,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 +29841,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;
         }
@@ -31389,23 +31408,25 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
          * @see showSelectAllItem
          */
         get: function () {
+            if (this.isItemSelected(this.noneItem))
+                return false;
+            var items = this.getVisibleEnableItems();
+            if (items.length === 0)
+                return false;
             var val = this.value;
-            if (!val || !Array.isArray(val))
+            if (!val || !Array.isArray(val) || val.length === 0)
                 return false;
-            if (this.isItemSelected(this.noneItem))
+            if (val.length < items.length)
                 return false;
-            var allItemCount = this.visibleChoices.length;
-            var order = _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].specialChoicesOrder;
-            if (this.hasOther)
-                allItemCount -= order.otherItem.length;
-            if (this.hasNone)
-                allItemCount -= order.noneItem.length;
-            if (this.hasSelectAll)
-                allItemCount -= order.selectAllItem.length;
-            var selectedCount = val.length;
-            if (this.isOtherSelected)
-                selectedCount--;
-            return selectedCount === allItemCount;
+            var rVal = [];
+            for (var i = 0; i < val.length; i++) {
+                rVal.push(this.getRealValue(val[i]));
+            }
+            for (var i = 0; i < items.length; i++) {
+                if (rVal.indexOf(items[i].value) < 0)
+                    return false;
+            }
+            return true;
         },
         set: function (val) {
             if (val) {
@@ -31429,13 +31450,9 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
      */
     QuestionCheckboxModel.prototype.selectAll = function () {
         var val = [];
-        for (var i = 0; i < this.visibleChoices.length; i++) {
-            var item = this.visibleChoices[i];
-            if (item === this.noneItem ||
-                item === this.otherItem ||
-                item === this.selectAllItem)
-                continue;
-            val.push(item.value);
+        var items = this.getVisibleEnableItems();
+        for (var i = 0; i < items.length; i++) {
+            val.push(items[i].value);
         }
         this.renderedValue = val;
     };
@@ -31564,24 +31581,51 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
             errors.push(minError);
         }
     };
+    QuestionCheckboxModel.prototype.onVisibleChoicesChanged = function () {
+        _super.prototype.onVisibleChoicesChanged.call(this);
+        this.updateSelectAllItemProps();
+    };
     QuestionCheckboxModel.prototype.onEnableItemCallBack = function (item) {
         if (!this.shouldCheckMaxSelectedChoices())
             return true;
         return this.isItemSelected(item);
     };
     QuestionCheckboxModel.prototype.onAfterRunItemsEnableCondition = function () {
+        this.updateSelectAllItemProps();
         if (this.maxSelectedChoices < 1) {
-            this.selectAllItem.setIsEnabled(true);
             this.otherItem.setIsEnabled(true);
             return;
         }
-        if (this.hasSelectAll) {
-            this.selectAllItem.setIsEnabled(this.maxSelectedChoices >= this.activeChoices.length);
-        }
         if (this.hasOther) {
             this.otherItem.setIsEnabled(!this.shouldCheckMaxSelectedChoices() || this.isOtherSelected);
         }
     };
+    QuestionCheckboxModel.prototype.updateSelectAllItemProps = function () {
+        if (!this.hasSelectAll)
+            return;
+        this.selectAllItem.setIsEnabled(this.getSelectAllEnabled());
+    };
+    QuestionCheckboxModel.prototype.getSelectAllEnabled = function () {
+        if (!this.hasSelectAll)
+            return true;
+        var items = this.activeChoices;
+        var visCount = this.getVisibleEnableItems().length;
+        var max = this.maxSelectedChoices;
+        if (max > 0 && max < visCount)
+            return false;
+        return visCount > 0;
+    };
+    QuestionCheckboxModel.prototype.getVisibleEnableItems = function () {
+        var res = new Array();
+        var items = this.activeChoices;
+        for (var i = 0; i < items.length; i++) {
+            var item = items[i];
+            if (item.isEnabled && item.isVisible) {
+                res.push(item);
+            }
+        }
+        return res;
+    };
     QuestionCheckboxModel.prototype.shouldCheckMaxSelectedChoices = function () {
         if (this.maxSelectedChoices < 1)
             return false;
@@ -31604,8 +31648,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 () {
@@ -32406,6 +32450,12 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
             this.getElement().locStrsChanged();
         }
     };
+    QuestionCustomModelBase.prototype.localeChanged = function () {
+        _super.prototype.locStrsChanged.call(this);
+        if (!!this.getElement()) {
+            this.getElement().localeChanged();
+        }
+    };
     QuestionCustomModelBase.prototype.createWrapper = function () { };
     QuestionCustomModelBase.prototype.onPropertyValueChanged = function (name, oldValue, newValue) {
         _super.prototype.onPropertyValueChanged.call(this, name, oldValue, newValue);
@@ -33490,7 +33540,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
     };
     QuestionDropdownModel.prototype.onVisibleChoicesChanged = function () {
         _super.prototype.onVisibleChoicesChanged.call(this);
-        if (this.popupModel) {
+        if (!this.isLoadingFromJson && this.popupModel) {
             this.dropdownListModel.updateItems();
         }
     };
@@ -33823,8 +33873,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 +34228,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 +34283,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 +34305,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 +34727,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 +34797,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 +34984,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 +35052,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 +35092,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 +35167,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 +35376,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 +35446,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 +37973,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 +39506,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 +39528,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
                 });
                 return rowDataItem;
             });
+            questionPlainData.data = questionPlainData.data.concat(prevData);
         }
         return questionPlainData;
     };
@@ -39869,7 +39940,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);
         }
@@ -43964,7 +44035,8 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
          * }
          * ```
          *
-         * To enable Markdown support for the `title` property, implement Markdown-to-HTML conversion in the [onTextMarkdown](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with Showdown](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
+         * To enable Markdown support for the `title` property, implement Markdown-to-HTML conversion in the [`onTextMarkdown`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with Showdown](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
+         * @see itemTitleWidth
          * @see addItem
          */
         get: function () {
@@ -43978,8 +44050,8 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
     });
     /**
      * Adds a new input item.
-     * @param name An item name
-     * @param title (Optional) An item title
+     * @param name An item name.
+     * @param title (Optional) An item title.
      * @see items
      */
     QuestionMultipleTextModel.prototype.addItem = function (name, title) {
@@ -44113,6 +44185,23 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionMultipleTextModel.prototype, "itemTitleWidth", {
+        /**
+         * Specifies a uniform width for all text box titles. Accepts CSS values.
+         *
+         * Default value: `""` (the width of each title depends on the title length)
+         * @see items
+         * @see itemErrorLocation
+         */
+        get: function () {
+            return this.getPropertyValue("itemTitleWidth") || "";
+        },
+        set: function (val) {
+            this.setPropertyValue("itemTitleWidth", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionMultipleTextModel.prototype.onRowCreated = function (row) {
         return row;
     };
@@ -44467,7 +44556,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_4__["Serializer"].addClass("multipletext",
     { name: "!items:textitems", className: "multipletextitem", isArray: true },
     { name: "itemSize:number", minValue: 0 },
     { name: "colCount:number", default: 1, choices: [1, 2, 3, 4, 5] },
-    { name: "itemErrorLocation", default: "default", choices: ["default", "top", "bottom"], visible: false }
+    { name: "itemErrorLocation", default: "default", choices: ["default", "top", "bottom"], visible: false },
+    { name: "itemTitleWidth", category: "layout" }
 ], function () {
     return new QuestionMultipleTextModel("");
 }, "question");
@@ -46759,6 +46849,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 +46869,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 });
                 return panelDataItem;
             });
+            questionPlainData.data = questionPlainData.data.concat(prevData);
         }
         return questionPlainData;
     };
@@ -47948,6 +48040,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 +49209,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 +49256,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 +49282,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 +49305,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 +49339,36 @@ 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.canvas)
+            return;
+        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 +49376,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 +49397,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 +49517,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 +49588,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 +49628,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 +49650,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 +49732,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");
@@ -52544,9 +52720,15 @@ var SurveyElement = /** @class */ (function (_super) {
         if (!el || !el.scrollIntoView)
             return false;
         var elemTop = scrollIfVisible ? -1 : el.getBoundingClientRect().top;
-        if (elemTop < 0)
+        var needScroll = elemTop < 0;
+        if (!needScroll && !!window) {
+            var height = window.innerHeight;
+            needScroll = height > 0 && height < elemTop;
+        }
+        if (needScroll) {
             el.scrollIntoView();
-        return elemTop < 0;
+        }
+        return needScroll;
     };
     SurveyElement.GetFirstNonTextElement = function (elements, removeSpaces) {
         if (removeSpaces === void 0) { removeSpaces = false; }
@@ -52593,6 +52775,7 @@ var SurveyElement = /** @class */ (function (_super) {
         _super.prototype.onPropertyValueChanged.call(this, name, oldValue, newValue);
         if (name === "state") {
             this.updateElementCss(false);
+            this.notifyStateChanged(oldValue);
             if (this.stateChangedCallback)
                 this.stateChangedCallback();
         }
@@ -52648,12 +52831,11 @@ var SurveyElement = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("state", val);
-            this.notifyStateChanged();
         },
         enumerable: false,
         configurable: true
     });
-    SurveyElement.prototype.notifyStateChanged = function () {
+    SurveyElement.prototype.notifyStateChanged = function (prevState) {
         if (this.survey) {
             this.survey.elementContentVisibilityChanged(this);
         }
@@ -53688,6 +53870,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 +53912,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -54005,6 +54189,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 +54230,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 +54252,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 +54628,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 +54636,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 +55880,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 +56926,7 @@ var SurveyModel = /** @class */ (function (_super) {
         },
         set: function (data) {
             this.valuesHash = {};
-            this.setDataCore(data);
+            this.setDataCore(data, !data);
         },
         enumerable: false,
         configurable: true
@@ -56755,17 +56946,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 +57655,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 +59471,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 +59912,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 +60007,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 +60431,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 +61759,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 +61827,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 +62435,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 +62793,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];
     });
@@ -62668,10 +62953,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SvgIconRegistry", function() { return SvgIconRegistry; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SvgRegistry", function() { return SvgRegistry; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SvgBundleViewModel", function() { return SvgBundleViewModel; });
-/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
-
-
 var SvgIconData = /** @class */ (function () {
     function SvgIconData() {
     }
@@ -62733,16 +63014,6 @@ var SvgIconRegistry = /** @class */ (function () {
         var _this = this;
         return Object.keys(this.icons).map(function (icon) { return _this.icons[icon]; }).join("");
     };
-    SvgIconRegistry.prototype.renderIcons = function () {
-        var containerId = "sv-icon-holder-global-container";
-        if (!!_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment && !_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment.root.getElementById(containerId)) {
-            var iconsDiv = document.createElement("div");
-            iconsDiv.id = containerId;
-            iconsDiv.innerHTML = "<svg>" + this.iconsRenderedHtml() + "</svg>";
-            iconsDiv.style.display = "none";
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_1__["getElement"])(_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment.svgMountContainer).appendChild(iconsDiv);
-        }
-    };
     return SvgIconRegistry;
 }());
 
@@ -64195,13 +64466,14 @@ var __extends = (undefined && undefined.__extends) || (function () {
 })();
 
 var ResponsivityManager = /** @class */ (function () {
-    function ResponsivityManager(container, model, itemsSelector, dotsItemSize) {
+    function ResponsivityManager(container, model, itemsSelector, dotsItemSize, delayedUpdateFunction) {
         var _this = this;
         if (dotsItemSize === void 0) { dotsItemSize = null; }
         this.container = container;
         this.model = model;
         this.itemsSelector = itemsSelector;
         this.dotsItemSize = dotsItemSize;
+        this.delayedUpdateFunction = delayedUpdateFunction;
         this.resizeObserver = undefined;
         this.isInitialized = false;
         this.minDimensionConst = 56;
@@ -64252,6 +64524,16 @@ var ResponsivityManager = /** @class */ (function () {
                 (currentAction.needSeparator ? this.separatorSize : 0)
             : currentAction.maxDimension;
     };
+    ResponsivityManager.prototype.getRenderedVisibleActionsCount = function () {
+        var _this = this;
+        var count = 0;
+        this.container.querySelectorAll(this.itemsSelector).forEach(function (item) {
+            if (_this.calcItemSize(item) > 0) {
+                count++;
+            }
+        });
+        return count;
+    };
     ResponsivityManager.prototype.calcItemsSizes = function () {
         var _this = this;
         var actions = this.model.actions;
@@ -64277,18 +64559,8 @@ var ResponsivityManager = /** @class */ (function () {
         if (this.isContainerVisible && !this.model.isResponsivenessDisabled) {
             if (!this.isInitialized) {
                 this.model.setActionsMode("large");
-                var recalcItemSizes = function () {
-                    _this.calcItemsSizes();
-                    _this.isInitialized = true;
-                };
-                if (queueMicrotask) {
-                    queueMicrotask(recalcItemSizes);
-                }
-                else {
-                    recalcItemSizes();
-                }
             }
-            var processResponsiveness = function () {
+            var processResponsiveness_1 = function () {
                 var _a;
                 var dotsItemSize = _this.dotsItemSize;
                 if (!_this.dotsItemSize) {
@@ -64297,11 +64569,29 @@ var ResponsivityManager = /** @class */ (function () {
                 }
                 _this.model.fit(_this.getAvailableSpace(), dotsItemSize);
             };
-            if (queueMicrotask) {
-                queueMicrotask(processResponsiveness);
+            if (!this.isInitialized) {
+                var callback = function () {
+                    _this.calcItemsSizes();
+                    _this.isInitialized = true;
+                    processResponsiveness_1();
+                };
+                if (this.getRenderedVisibleActionsCount() < this.model.visibleActions.length) {
+                    if (this.delayedUpdateFunction) {
+                        this.delayedUpdateFunction(callback);
+                    }
+                    else if (queueMicrotask) {
+                        queueMicrotask(callback);
+                    }
+                    else {
+                        callback();
+                    }
+                }
+                else {
+                    callback();
+                }
             }
             else {
-                processResponsiveness();
+                processResponsiveness_1();
             }
         }
     };
@@ -64316,9 +64606,9 @@ var ResponsivityManager = /** @class */ (function () {
 
 var VerticalResponsivityManager = /** @class */ (function (_super) {
     __extends(VerticalResponsivityManager, _super);
-    function VerticalResponsivityManager(container, model, itemsSelector, dotsItemSize, minDimension) {
+    function VerticalResponsivityManager(container, model, itemsSelector, dotsItemSize, minDimension, delayedUpdateFunction) {
         if (minDimension === void 0) { minDimension = 40; }
-        var _this = _super.call(this, container, model, itemsSelector, dotsItemSize) || this;
+        var _this = _super.call(this, container, model, itemsSelector, dotsItemSize, delayedUpdateFunction) || this;
         _this.minDimensionConst = minDimension;
         _this.recalcMinDimensionConst = false;
         return _this;