survey-react 1.9.119 → 1.9.121

package/survey.react.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();
@@ -9419,8 +9423,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.119";
-ReleaseDate = "" + "2023-11-28";
+Version = "" + "1.9.121";
+ReleaseDate = "" + "2023-12-12";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -10543,7 +10547,7 @@ var defaultBootstrapMaterialCss = _plugins_themes_bootstrapmaterial_cssbootstrap
 /*!***************************************!*\
   !*** ./src/entries/react-ui-model.ts ***!
   \***************************************/
-/*! exports provided: Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent */
+/*! exports provided: Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10820,6 +10824,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _react_components_loading_indicator__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../react/components/loading-indicator */ "./src/react/components/loading-indicator.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LoadingIndicatorComponent", function() { return _react_components_loading_indicator__WEBPACK_IMPORTED_MODULE_79__["LoadingIndicatorComponent"]; });
 
+/* harmony import */ var _react_svgbundle__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../react/svgbundle */ "./src/react/svgbundle.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SvgBundleComponent", function() { return _react_svgbundle__WEBPACK_IMPORTED_MODULE_80__["SvgBundleComponent"]; });
+
 // react
 
 
@@ -10899,6 +10906,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 //Uncomment to include the "date" question type.
@@ -10911,7 +10919,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.ts ***!
   \******************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11556,6 +11564,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LoadingIndicatorComponent", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["LoadingIndicatorComponent"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SvgBundleComponent", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["SvgBundleComponent"]; });
+
 
 // themes settings
 
@@ -22558,7 +22568,7 @@ var englishStrings = {
     panelDynamicProgressText: "{0} of {1}",
     panelDynamicTabTextFormat: "Panel {panelIndex}",
     questionsProgressText: "Answered {0}/{1} questions",
-    emptySurvey: "The survey doesn't contain visible pages or questions.",
+    emptySurvey: "The survey doesn't contain any visible elements.",
     completingSurvey: "Thank you for completing the survey",
     completingSurveyBefore: "Our records show that you have already completed this survey.",
     loadingSurvey: "Loading Survey...",
@@ -23785,7 +23795,7 @@ var hungarianSurveyStrings = {
     panelDynamicProgressText: "{0} / {1} rekord",
     panelDynamicTabTextFormat: "Panel {panelIndex}",
     questionsProgressText: "Válaszolt kérdések: {0} / {1}",
-    emptySurvey: "The survey doesn't contain visible pages or questions.",
+    emptySurvey: "The survey doesn't contain any visible elements.",
     completingSurvey: "Köszönjük, hogy kitöltötte felmérésünket!",
     completingSurveyBefore: "Már kitöltötte a felmérést.",
     loadingSurvey: "Felmérés betöltése...",
@@ -30507,11 +30517,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", {
         /**
@@ -31025,11 +31046,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;
@@ -32766,7 +32787,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;
@@ -34417,8 +34438,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();
         }
@@ -36757,8 +36778,9 @@ var Question = /** @class */ (function (_super) {
         return makeNameValid(name);
     };
     //IQuestion
-    Question.prototype.updateValueFromSurvey = function (newValue) {
+    Question.prototype.updateValueFromSurvey = function (newValue, clearData) {
         var _this = this;
+        if (clearData === void 0) { clearData = false; }
         newValue = this.getUnbindValue(newValue);
         if (!!this.valueFromDataCallback) {
             newValue = this.valueFromDataCallback(newValue);
@@ -36773,6 +36795,9 @@ var Question = /** @class */ (function (_super) {
         }
         else {
             this.updateValueFromSurveyCore(newValue, this.data !== this.getSurvey());
+            if (clearData && isEmpty) {
+                this.isValueChangedDirectly = false;
+            }
         }
         this.updateDependedQuestions();
         this.updateIsAnswered();
@@ -38919,7 +38944,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             this.onVisibleChoicesChanged();
         }
     };
-    QuestionSelectBase.prototype.updateValueFromSurvey = function (newValue) {
+    QuestionSelectBase.prototype.updateValueFromSurvey = function (newValue, clearData) {
         var newComment = "";
         if (this.hasOther &&
             !this.isRunningChoices &&
@@ -38933,7 +38958,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;
         }
@@ -40500,23 +40525,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) {
@@ -40540,13 +40567,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;
     };
@@ -40675,24 +40698,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;
@@ -40715,8 +40765,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 () {
@@ -41517,6 +41567,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);
@@ -42601,7 +42657,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();
         }
     };
@@ -42934,8 +42990,8 @@ var QuestionExpressionModel = /** @class */ (function (_super) {
     QuestionExpressionModel.prototype.onValueChanged = function () {
         this.updateFormatedValue();
     };
-    QuestionExpressionModel.prototype.updateValueFromSurvey = function (newValue) {
-        _super.prototype.updateValueFromSurvey.call(this, newValue);
+    QuestionExpressionModel.prototype.updateValueFromSurvey = function (newValue, clearData) {
+        _super.prototype.updateValueFromSurvey.call(this, newValue, clearData);
         this.updateFormatedValue();
     };
     QuestionExpressionModel.prototype.getDisplayValueCore = function (keysAsText, value) {
@@ -43289,11 +43345,13 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_3__["QuestionFactory"].Instance.regist
 /*!******************************!*\
   !*** ./src/question_file.ts ***!
   \******************************/
-/*! exports provided: QuestionFileModel, FileLoader */
+/*! exports provided: dataUrl2File, QuestionFileModelBase, QuestionFileModel, FileLoader */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "dataUrl2File", function() { return dataUrl2File; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionFileModelBase", function() { return QuestionFileModelBase; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionFileModel", function() { return QuestionFileModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FileLoader", function() { return FileLoader; });
 /* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./question */ "./src/question.ts");
@@ -43342,17 +43400,16 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
-/**
- * A class that describes the File Upload question type.
- *
- * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
- */
-var QuestionFileModel = /** @class */ (function (_super) {
-    __extends(QuestionFileModel, _super);
-    function QuestionFileModel(name) {
-        var _this = _super.call(this, name) || this;
+function dataUrl2File(dataUrl, fileName, type) {
+    var str = atob(dataUrl.split(",")[1]);
+    var buffer = new Uint8Array(str.split("").map(function (c) { return c.charCodeAt(0); })).buffer;
+    return new File([buffer], fileName, { type: type });
+}
+var QuestionFileModelBase = /** @class */ (function (_super) {
+    __extends(QuestionFileModelBase, _super);
+    function QuestionFileModelBase() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.isUploading = false;
-        _this.isDragging = false;
         /**
          * An event that is raised after the upload state has changed.
          *
@@ -43365,6 +43422,124 @@ var QuestionFileModel = /** @class */ (function (_super) {
          */
         _this.onUploadStateChanged = _this.addEvent();
         _this.onStateChanged = _this.addEvent();
+        return _this;
+    }
+    QuestionFileModelBase.prototype.stateChanged = function (state) {
+        if (this.currentState == state) {
+            return;
+        }
+        if (state === "loading") {
+            this.isUploading = true;
+        }
+        if (state === "loaded") {
+            this.isUploading = false;
+        }
+        if (state === "error") {
+            this.isUploading = false;
+        }
+        this.currentState = state;
+        this.onStateChanged.fire(this, { state: state });
+        this.onUploadStateChanged.fire(this, { state: state });
+    };
+    Object.defineProperty(QuestionFileModelBase.prototype, "showLoadingIndicator", {
+        get: function () {
+            return this.isUploading && this.isDefaultV2Theme;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionFileModelBase.prototype, "storeDataAsText", {
+        /**
+         * Specifies whether to store file or signature content as text in `SurveyModel`'s [`data`](https://surveyjs.io/form-library/documentation/surveymodel#data) property.
+         *
+         * If you disable this property, implement `SurveyModel`'s [`onUploadFiles`](https://surveyjs.io/form-library/documentation/surveymodel#onUploadFiles) event handler to specify how to store file content.
+         */
+        get: function () {
+            return this.getPropertyValue("storeDataAsText");
+        },
+        set: function (val) {
+            this.setPropertyValue("storeDataAsText", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionFileModelBase.prototype, "waitForUpload", {
+        /**
+           * Enable this property if you want to wait until files are uploaded to complete the survey.
+           *
+           * Default value: `false`
+           */
+        get: function () {
+            return this.getPropertyValue("waitForUpload");
+        },
+        set: function (val) {
+            this.setPropertyValue("waitForUpload", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionFileModelBase.prototype.clearValue = function () {
+        this.clearOnDeletingContainer();
+        _super.prototype.clearValue.call(this);
+    };
+    QuestionFileModelBase.prototype.clearOnDeletingContainer = function () {
+        if (!this.survey)
+            return;
+        this.survey.clearFiles(this, this.name, this.value, null, function () { });
+    };
+    QuestionFileModelBase.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
+        _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
+        if (this.isUploading && this.waitForUpload) {
+            errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](this.getLocalizationString("uploadingFile"), this));
+        }
+    };
+    QuestionFileModelBase.prototype.uploadFiles = function (files) {
+        var _this = this;
+        if (this.survey) {
+            this.stateChanged("loading");
+            this.survey.uploadFiles(this, this.name, files, function (arg1, arg2) {
+                if (Array.isArray(arg1)) {
+                    _this.setValueFromResult(arg1);
+                    if (Array.isArray(arg2)) {
+                        arg2.forEach(function (error) { return _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](error, _this)); });
+                        _this.stateChanged("error");
+                    }
+                }
+                if (arg1 === "success" && Array.isArray(arg2)) {
+                    _this.setValueFromResult(arg2);
+                }
+                if (arg1 === "error") {
+                    if (typeof (arg2) === "string") {
+                        _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](arg2, _this));
+                    }
+                    if (Array.isArray(arg2) && arg2.length > 0) {
+                        arg2.forEach(function (error) { return _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](error, _this)); });
+                    }
+                    _this.stateChanged("error");
+                }
+                _this.stateChanged("loaded");
+            });
+        }
+    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], QuestionFileModelBase.prototype, "isUploading", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "empty" })
+    ], QuestionFileModelBase.prototype, "currentState", void 0);
+    return QuestionFileModelBase;
+}(_question__WEBPACK_IMPORTED_MODULE_0__["Question"]));
+
+/**
+ * A class that describes the File Upload question type.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
+ */
+var QuestionFileModel = /** @class */ (function (_super) {
+    __extends(QuestionFileModel, _super);
+    function QuestionFileModel(name) {
+        var _this = _super.call(this, name) || this;
+        _this.isDragging = false;
         _this.fileNavigator = new _actions_container__WEBPACK_IMPORTED_MODULE_7__["ActionContainer"]();
         _this.canFlipCameraValue = undefined;
         _this.prevPreviewLength = 0;
@@ -43669,15 +43844,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.getType = function () {
         return "file";
     };
-    QuestionFileModel.prototype.clearValue = function () {
-        this.clearOnDeletingContainer();
-        _super.prototype.clearValue.call(this);
-    };
-    QuestionFileModel.prototype.clearOnDeletingContainer = function () {
-        if (!this.survey)
-            return;
-        this.survey.clearFiles(this, this.name, this.value, null, function () { });
-    };
     Object.defineProperty(QuestionFileModel.prototype, "showPreview", {
         /**
          * Disable this property only to implement a custom preview.
@@ -43748,36 +43914,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionFileModel.prototype, "storeDataAsText", {
-        /**
-         * Specifies whether to store file content as text in `SurveyModel`'s [`data`](https://surveyjs.io/form-library/documentation/surveymodel#data) property.
-         *
-         * If you disable this property, implement `SurveyModel`'s [`onUploadFiles`](https://surveyjs.io/form-library/documentation/surveymodel#onUploadFiles) event handler to specify how to store file content.
-         */
-        get: function () {
-            return this.getPropertyValue("storeDataAsText");
-        },
-        set: function (val) {
-            this.setPropertyValue("storeDataAsText", val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(QuestionFileModel.prototype, "waitForUpload", {
-        /**
-         * Enable this property if you want to wait until files are uploaded to complete the survey.
-         *
-         * Default value: `false`
-         */
-        get: function () {
-            return this.getPropertyValue("waitForUpload");
-        },
-        set: function (val) {
-            this.setPropertyValue("waitForUpload", val);
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(QuestionFileModel.prototype, "allowImagesPreview", {
         /**
          * Specifies whether to show a preview of image files.
@@ -43965,13 +44101,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionFileModel.prototype, "showLoadingIndicator", {
-        get: function () {
-            return this.isUploading && this.isDefaultV2Theme;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(QuestionFileModel.prototype, "allowShowPreview", {
         get: function () {
             var isShowLoadingIndicator = this.showLoadingIndicator;
@@ -44040,6 +44169,15 @@ var QuestionFileModel = /** @class */ (function (_super) {
             }
         });
     };
+    QuestionFileModel.prototype.setValueFromResult = function (arg) {
+        this.value = (this.value || []).concat(arg.map(function (r) {
+            return {
+                name: r.file.name,
+                type: r.file.type,
+                content: r.content,
+            };
+        }));
+    };
     /**
      * Loads multiple files into the question.
      * @param files An array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects.
@@ -44071,42 +44209,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
                 });
             }
             else {
-                if (_this.survey) {
-                    _this.survey.uploadFiles(_this, _this.name, files, function (arg1, arg2) {
-                        if (Array.isArray(arg1)) {
-                            _this.value = (_this.value || []).concat(arg1.map(function (r) {
-                                return {
-                                    name: r.file.name,
-                                    type: r.file.type,
-                                    content: r.content,
-                                };
-                            }));
-                            if (Array.isArray(arg2)) {
-                                arg2.forEach(function (error) { return _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](error, _this)); });
-                                _this.stateChanged("error");
-                            }
-                        }
-                        if (arg1 === "success" && Array.isArray(arg2)) {
-                            _this.value = (_this.value || []).concat(arg2.map(function (r) {
-                                return {
-                                    name: r.file.name,
-                                    type: r.file.type,
-                                    content: r.content,
-                                };
-                            }));
-                        }
-                        if (arg1 === "error") {
-                            if (typeof (arg2) === "string") {
-                                _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](arg2, _this));
-                            }
-                            if (Array.isArray(arg2) && arg2.length > 0) {
-                                arg2.forEach(function (error) { return _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](error, _this)); });
-                            }
-                            _this.stateChanged("error");
-                        }
-                        _this.stateChanged("loaded");
-                    });
-                }
+                _this.uploadFiles(files);
             }
         };
         if (this.allowMultiple) {
@@ -44181,29 +44284,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.getIsQuestionReady = function () {
         return _super.prototype.getIsQuestionReady.call(this) && !this.isFileLoading;
     };
-    QuestionFileModel.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
-        _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
-        if (this.isUploading && this.waitForUpload) {
-            errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](this.getLocalizationString("uploadingFile"), this));
-        }
-    };
-    QuestionFileModel.prototype.stateChanged = function (state) {
-        if (this.currentState == state) {
-            return;
-        }
-        if (state === "loading") {
-            this.isUploading = true;
-        }
-        if (state === "loaded") {
-            this.isUploading = false;
-        }
-        if (state === "error") {
-            this.isUploading = false;
-        }
-        this.currentState = state;
-        this.onStateChanged.fire(this, { state: state });
-        this.onUploadStateChanged.fire(this, { state: state });
-    };
     QuestionFileModel.prototype.allFilesOk = function (files) {
         var _this = this;
         var errorLength = this.errors ? this.errors.length : 0;
@@ -44413,18 +44493,12 @@ var QuestionFileModel = /** @class */ (function (_super) {
         this.closeVideoStream();
         _super.prototype.dispose.call(this);
     };
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], QuestionFileModel.prototype, "isUploading", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionFileModel.prototype, "isDragging", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["propertyArray"])({})
     ], QuestionFileModel.prototype, "previewValue", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "empty" })
-    ], QuestionFileModel.prototype, "currentState", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: 0 })
     ], QuestionFileModel.prototype, "indexToShow", void 0);
@@ -44489,7 +44563,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionFileModel.prototype, "locRenderedPlaceholderValue", void 0);
     return QuestionFileModel;
-}(_question__WEBPACK_IMPORTED_MODULE_0__["Question"]));
+}(QuestionFileModelBase));
 
 _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("file", [
     { name: "showCommentArea:switch", layout: "row", visible: true, category: "general" },
@@ -47016,8 +47090,9 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
         if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(value)) {
             for (var i = 0; i < questions.length; i++) {
                 var key = questions[i].getValueName();
-                if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(value[key])) {
-                    questions[i].value = value[key];
+                var val = !!this.editingObj ? _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].getObjPropertyValue(this.editingObj, key) : value[key];
+                if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(val)) {
+                    questions[i].value = val;
                 }
             }
         }
@@ -48548,6 +48623,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         var questionPlainData = _super.prototype.getPlainData.call(this, options);
         if (!!questionPlainData) {
             questionPlainData.isNode = true;
+            var prevData = Array.isArray(questionPlainData.data) ? [].concat(questionPlainData.data) : [];
             questionPlainData.data = this.visibleRows.map(function (row) {
                 var rowDataItem = {
                     name: row.dataName,
@@ -48569,6 +48645,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
                 });
                 return rowDataItem;
             });
+            questionPlainData.data = questionPlainData.data.concat(prevData);
         }
         return questionPlainData;
     };
@@ -48980,7 +49057,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);
         }
@@ -53075,7 +53152,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 () {
@@ -53089,8 +53167,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) {
@@ -53224,6 +53302,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;
     };
@@ -53578,7 +53673,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");
@@ -55870,6 +55966,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         var questionPlainData = _super.prototype.getPlainData.call(this, options);
         if (!!questionPlainData) {
             questionPlainData.isNode = true;
+            var prevData = Array.isArray(questionPlainData.data) ? [].concat(questionPlainData.data) : [];
             questionPlainData.data = this.panels.map(function (panel, index) {
                 var panelDataItem = {
                     name: panel.name || index,
@@ -55889,6 +55986,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 });
                 return panelDataItem;
             });
+            questionPlainData.data = questionPlainData.data.concat(prevData);
         }
         return questionPlainData;
     };
@@ -57059,6 +57157,24 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_3__["Serializer"].addClass("ranking", [
         visible: true,
         isSerializable: true,
     },
+    {
+        name: "selectToRankEmptyRankedAreaText:text",
+        serializationProperty: "locSelectToRankEmptyRankedAreaText",
+        category: "general",
+        dependsOn: "selectToRankEnabled",
+        visibleIf: function (obj) {
+            return !!obj.selectToRankEnabled;
+        },
+    },
+    {
+        name: "selectToRankEmptyUnrankedAreaText:text",
+        serializationProperty: "locSelectToRankEmptyUnrankedAreaText",
+        category: "general",
+        dependsOn: "selectToRankEnabled",
+        visibleIf: function (obj) {
+            return !!obj.selectToRankEnabled;
+        },
+    },
     {
         name: "maxSelectedChoices:number",
         visible: true,
@@ -58210,10 +58326,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionSignaturePadModel", function() { return QuestionSignaturePadModel; });
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
-/* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./question */ "./src/question.ts");
-/* harmony import */ var signature_pad__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! signature_pad */ "./node_modules/signature_pad/dist/signature_pad.js");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _console_warnings__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./console-warnings */ "./src/console-warnings.ts");
+/* harmony import */ var signature_pad__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! signature_pad */ "./node_modules/signature_pad/dist/signature_pad.js");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _console_warnings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./console-warnings */ "./src/console-warnings.ts");
+/* harmony import */ var _question_file__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./question_file */ "./src/question_file.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -58257,6 +58373,16 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
             _this.scaleCanvas(false, true);
             _this.refreshCanvas();
         };
+        _this.onBlur = function (event) {
+            if (!_this.storeDataAsText) {
+                if (!_this.element.contains(event.relatedTarget)) {
+                    if (!_this.valueWasChangedFromLastUpload)
+                        return;
+                    _this.uploadFiles([Object(_question_file__WEBPACK_IMPORTED_MODULE_5__["dataUrl2File"])(_this.signaturePad.toDataURL(_this.getFormat()), _this.name + "." + correctFormatData(_this.dataFormat), _this.getFormat())]);
+                    _this.valueWasChangedFromLastUpload = false;
+                }
+            }
+        };
         return _this;
     }
     QuestionSignaturePadModel.prototype.getPenColorFromTheme = function () {
@@ -58273,16 +58399,18 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         signaturePad.backgroundColor = background || backgroundColorFromTheme || backgroundColorProperty.defaultValue || "#ffffff";
     };
     QuestionSignaturePadModel.prototype.getCssRoot = function (cssClasses) {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(_super.prototype.getCssRoot.call(this, cssClasses))
             .append(cssClasses.small, this.signatureWidth.toString() === "300")
             .toString();
     };
+    QuestionSignaturePadModel.prototype.getFormat = function () {
+        return this.dataFormat === "jpeg" ? "image/jpeg" :
+            (this.dataFormat === "svg" ? "image/svg+xml" : "");
+    };
     QuestionSignaturePadModel.prototype.updateValue = function () {
         if (this.signaturePad) {
-            var format = this.dataFormat === "jpeg" ? "image/jpeg" :
-                (this.dataFormat === "svg" ? "image/svg+xml" : "");
-            var data = this.signaturePad.toDataURL(format);
+            var data = this.signaturePad.toDataURL(this.getFormat());
             this.valueIsUpdatingInternally = true;
             this.value = data;
             this.valueIsUpdatingInternally = false;
@@ -58294,6 +58422,7 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     QuestionSignaturePadModel.prototype.afterRenderQuestionElement = function (el) {
         if (!!el) {
             this.initSignaturePad(el);
+            this.element = el;
         }
         _super.prototype.afterRenderQuestionElement.call(this, el);
     };
@@ -58327,15 +58456,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) {
@@ -58343,7 +58493,7 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         var canvas = el.getElementsByTagName("canvas")[0];
         this.canvas = canvas;
         this.resizeCanvas();
-        var signaturePad = new signature_pad__WEBPACK_IMPORTED_MODULE_3__["default"](canvas, { backgroundColor: "#ffffff" });
+        var signaturePad = new signature_pad__WEBPACK_IMPORTED_MODULE_2__["default"](canvas, { backgroundColor: "#ffffff" });
         this.signaturePad = signaturePad;
         if (this.isInputReadOnly) {
             signaturePad.off();
@@ -58364,7 +58514,12 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         }, { once: false });
         signaturePad.addEventListener("endStroke", function () {
             _this.isDrawingValue = false;
-            _this.updateValue();
+            if (_this.storeDataAsText) {
+                _this.updateValue();
+            }
+            else {
+                _this.valueWasChangedFromLastUpload = true;
+            }
         }, { once: false });
         this.updateValueHandler();
         this.readOnlyChangedCallback();
@@ -58479,7 +58634,9 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionSignaturePadModel.prototype, "canShowClearButton", {
         get: function () {
-            return !this.isInputReadOnly && this.allowClear;
+            var hasSignature = !this.nothingIsDrawn();
+            var isUploading = this.isUploading;
+            return !this.isInputReadOnly && this.allowClear && hasSignature && !isUploading;
         },
         enumerable: false,
         configurable: true
@@ -58548,22 +58705,39 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionSignaturePadModel.prototype.needShowPlaceholder = function () {
-        var showPlaceholder = this.showPlaceholder;
+    QuestionSignaturePadModel.prototype.nothingIsDrawn = function () {
         var isDrawing = this.isDrawingValue;
         var isEmpty = this.isEmpty();
-        return showPlaceholder && !isDrawing && isEmpty;
+        var isUploading = this.isUploading;
+        var valueWasChangedFromLastUpload = this.valueWasChangedFromLastUpload;
+        return !isDrawing && isEmpty && !isUploading && !valueWasChangedFromLastUpload;
+    };
+    QuestionSignaturePadModel.prototype.needShowPlaceholder = function () {
+        return this.showPlaceholder && this.nothingIsDrawn();
+    };
+    QuestionSignaturePadModel.prototype.uploadResultItemToValue = function (r) {
+        return r.content;
+    };
+    QuestionSignaturePadModel.prototype.setValueFromResult = function (arg) {
+        this.valueIsUpdatingInternally = true;
+        this.value = (arg === null || arg === void 0 ? void 0 : arg.length) ? arg.map(function (r) { return r.content; })[0] : undefined;
+        this.valueIsUpdatingInternally = false;
+    };
+    QuestionSignaturePadModel.prototype.clearValue = function () {
+        this.valueWasChangedFromLastUpload = false;
+        _super.prototype.clearValue.call(this);
+        this.refreshCanvas();
     };
     QuestionSignaturePadModel.prototype.endLoadingFromJson = function () {
         _super.prototype.endLoadingFromJson.call(this);
         //todo: need to remove this code
         if (this.signatureWidth === 300 && !!this.width && typeof this.width === "number" && this.width) {
-            _console_warnings__WEBPACK_IMPORTED_MODULE_5__["ConsoleWarnings"].warn("Use signatureWidth property to set width for the signature pad");
+            _console_warnings__WEBPACK_IMPORTED_MODULE_4__["ConsoleWarnings"].warn("Use signatureWidth property to set width for the signature pad");
             this.signatureWidth = this.width;
             this.width = undefined;
         }
         if (this.signatureHeight === 200 && !!this.height) {
-            _console_warnings__WEBPACK_IMPORTED_MODULE_5__["ConsoleWarnings"].warn("Use signatureHeight property to set width for the signature pad");
+            _console_warnings__WEBPACK_IMPORTED_MODULE_4__["ConsoleWarnings"].warn("Use signatureHeight property to set width for the signature pad");
             this.signatureHeight = this.height;
             this.height = undefined;
         }
@@ -58571,6 +58745,12 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
     ], QuestionSignaturePadModel.prototype, "isDrawingValue", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
+    ], QuestionSignaturePadModel.prototype, "isReadyForUpload", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
+    ], QuestionSignaturePadModel.prototype, "valueWasChangedFromLastUpload", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionSignaturePadModel.prototype, "signatureAutoScaleEnabled", void 0);
@@ -58587,7 +58767,7 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ localizable: { defaultStr: "signaturePlaceHolder" } })
     ], QuestionSignaturePadModel.prototype, "placeholder", void 0);
     return QuestionSignaturePadModel;
-}(_question__WEBPACK_IMPORTED_MODULE_2__["Question"]));
+}(_question_file__WEBPACK_IMPORTED_MODULE_5__["QuestionFileModelBase"]));
 
 function correctFormatData(val) {
     if (!val)
@@ -58669,6 +58849,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");
@@ -60783,7 +60965,7 @@ var SurveyActionBar = /** @class */ (function (_super) {
             return;
         var container = this.rootRef.current;
         if (!!container) {
-            this.model.initResponsivityManager(container);
+            this.model.initResponsivityManager(container, function (callback) { setTimeout(callback); });
         }
     };
     SurveyActionBar.prototype.componentWillUnmount = function () {
@@ -61191,7 +61373,7 @@ var HeaderMobile = /** @class */ (function (_super) {
             this.model.survey.hasTitle ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header__title", style: { maxWidth: this.model.textAreaWidth } },
                 react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_title_title_element__WEBPACK_IMPORTED_MODULE_3__["TitleElement"], { element: this.model.survey }))) : null,
             this.model.survey.renderedHasDescription ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header__description", style: { maxWidth: this.model.textAreaWidth } },
-                react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h5", { className: this.model.survey.css.description }, _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"].renderLocString(this.model.survey.locDescription)))) : null));
+                react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.survey.css.description }, _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"].renderLocString(this.model.survey.locDescription)))) : null));
     };
     return HeaderMobile;
 }(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component));
@@ -61222,7 +61404,7 @@ var HeaderCell = /** @class */ (function (_super) {
                 this.model.showTitle ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header__title", style: { maxWidth: this.model.textAreaWidth } },
                     react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_title_title_element__WEBPACK_IMPORTED_MODULE_3__["TitleElement"], { element: this.model.survey }))) : null,
                 this.model.showDescription ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header__description", style: { maxWidth: this.model.textAreaWidth } },
-                    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h5", { className: this.model.survey.css.description }, _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"].renderLocString(this.model.survey.locDescription)))) : null)));
+                    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.survey.css.description }, _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"].renderLocString(this.model.survey.locDescription)))) : null)));
     };
     return HeaderCell;
 }(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component));
@@ -62977,7 +63159,7 @@ var SurveyHeader = /** @class */ (function (_super) {
         var description = _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"].renderLocString(this.survey.locDescription);
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.css.headerText, style: { maxWidth: this.survey.titleMaxWidth } },
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_title_title_element__WEBPACK_IMPORTED_MODULE_3__["TitleElement"], { element: this.survey }),
-            this.survey.renderedHasDescription ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h5", { className: this.css.description }, description) : null));
+            this.survey.renderedHasDescription ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.css.description }, description) : null));
     };
     SurveyHeader.prototype.renderLogoImage = function (isRender) {
         if (!isRender)
@@ -63545,7 +63727,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
             return null;
         var style = { display: !this.question.showClearButton ? "none" : "" };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, tabIndex: this.question.showClearButton ? 0 : -1 },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, "aria-hidden": "true" },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
     };
     SurveyQuestionDropdownBase.prototype.createChevronButton = function () {
@@ -64984,6 +65166,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_brand_info__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/brand-info */ "./src/react/components/brand-info.tsx");
 /* harmony import */ var _components_notifier__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/notifier */ "./src/react/components/notifier.tsx");
 /* harmony import */ var _components_components_container__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/components-container */ "./src/react/components/components-container.tsx");
+/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./svgbundle */ "./src/react/svgbundle.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -65021,6 +65204,7 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
+
 var Survey = /** @class */ (function (_super) {
     __extends(Survey, _super);
     function Survey(props) {
@@ -65091,9 +65275,6 @@ var Survey = /** @class */ (function (_super) {
         this.destroySurvey();
     };
     Survey.prototype.doRender = function () {
-        if (this.survey["needRenderIcons"]) {
-            survey_core__WEBPACK_IMPORTED_MODULE_1__["SvgRegistry"].renderIcons();
-        }
         var renderResult;
         if (this.survey.state == "completed") {
             renderResult = this.renderCompleted();
@@ -65122,6 +65303,7 @@ var Survey = /** @class */ (function (_super) {
         var rootCss = this.survey.getRootCss();
         var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables },
+            this.survey.needRenderIcons ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svgbundle__WEBPACK_IMPORTED_MODULE_11__["SvgBundleComponent"], null) : null,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.wrapperFormCss },
                 backgroundImage,
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("form", { onSubmit: onSubmit },
@@ -65176,10 +65358,12 @@ var Survey = /** @class */ (function (_super) {
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.bodyContainerCss },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "left" }),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: pageId, className: className, style: style },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "contentTop" }),
-                activePage,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "contentBottom" })),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: "sv-components-column sv-components-column--expandable" },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "center" }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: pageId, className: className, style: style },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "contentTop" }),
+                    activePage,
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "contentBottom" }))),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "right" })));
     };
     Survey.prototype.renderPage = function (page) {
@@ -68345,8 +68529,13 @@ var SurveyMultipleTextItem = /** @class */ (function (_super) {
     SurveyMultipleTextItem.prototype.renderElement = function () {
         var item = this.item;
         var cssClasses = this.cssClasses;
+        var titleStyle = {};
+        if (!!this.question.itemTitleWidth) {
+            titleStyle.minWidth = this.question.itemTitleWidth;
+            titleStyle.width = this.question.itemTitleWidth;
+        }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { className: this.question.getItemLabelCss(item) },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.itemTitle },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.itemTitle, style: titleStyle },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_title_title_content__WEBPACK_IMPORTED_MODULE_4__["TitleContent"], { element: item.editor, cssClasses: item.editor.cssClasses })),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItemEditor, { cssClasses: cssClasses, itemCss: this.question.getItemCss(), question: item.editor, creator: this.creator })));
     };
@@ -68908,12 +69097,15 @@ var SurveyQuestionRanking = /** @class */ (function (_super) {
                     this.getItems(this.question.unRankingChoices, unrankedItem),
                     this.question.unRankingChoices.length === 0 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.containerPlaceholder },
                         " ",
-                        this.question.selectToRankEmptyRankedAreaText,
+                        this.renderLocString(this.question.locSelectToRankEmptyRankedAreaText),
                         " ") : null),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.containersDivider }),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getContainerClasses("to"), "data-ranking": "to-container" },
                     this.getItems(),
-                    this.question.rankingChoices.length === 0 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.containerPlaceholder }, this.question.selectToRankEmptyUnrankedAreaText) : null)));
+                    this.question.rankingChoices.length === 0 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.containerPlaceholder },
+                        " ",
+                        this.renderLocString(this.question.locSelectToRankEmptyUnrankedAreaText),
+                        " ") : null)));
         }
     };
     SurveyQuestionRanking.prototype.getItems = function (choices, unrankedItem) {
@@ -69630,6 +69822,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
 /* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
 /* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
+/* harmony import */ var _components_loading_indicator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/loading-indicator */ "./src/react/components/loading-indicator.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -69649,6 +69842,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
     __extends(SurveyQuestionSignaturePad, _super);
     function SurveyQuestionSignaturePad(props) {
@@ -69666,19 +69860,25 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
     SurveyQuestionSignaturePad.prototype.renderElement = function () {
         var _this = this;
         var cssClasses = this.question.cssClasses;
+        var loadingIndicator = this.question.showLoadingIndicator ? this.renderLoadingIndicator() : null;
         var clearButton = this.renderCleanButton();
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locPlaceholder)),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
                 this.renderBackgroundImage(),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0, className: this.question.cssClasses.canvas })),
-            clearButton));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0, className: this.question.cssClasses.canvas, onBlur: this.question.onBlur })),
+            clearButton,
+            loadingIndicator));
     };
     SurveyQuestionSignaturePad.prototype.renderBackgroundImage = function () {
         if (!this.question.backgroundImage)
             return null;
         return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, style: { width: this.question.renderedCanvasWidth } });
     };
+    SurveyQuestionSignaturePad.prototype.renderLoadingIndicator = function () {
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.loadingIndicator },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_loading_indicator__WEBPACK_IMPORTED_MODULE_4__["LoadingIndicatorComponent"], null));
+    };
     SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
         var _this = this;
         if (!this.question.canShowClearButton)
@@ -69890,6 +70090,61 @@ _element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.re
 });
 
 
+/***/ }),
+
+/***/ "./src/react/svgbundle.tsx":
+/*!*********************************!*\
+  !*** ./src/react/svgbundle.tsx ***!
+  \*********************************/
+/*! exports provided: SvgBundleComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SvgBundleComponent", function() { return SvgBundleComponent; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "./src/entries/core.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 SvgBundleComponent = /** @class */ (function (_super) {
+    __extends(SvgBundleComponent, _super);
+    function SvgBundleComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.containerRef = react__WEBPACK_IMPORTED_MODULE_0___default.a.createRef();
+        return _this;
+    }
+    SvgBundleComponent.prototype.componentDidMount = function () {
+        if (!!this.containerRef.current) {
+            this.containerRef.current.innerHTML = survey_core__WEBPACK_IMPORTED_MODULE_1__["SvgRegistry"].iconsRenderedHtml();
+        }
+    };
+    SvgBundleComponent.prototype.render = function () {
+        var svgStyle = {
+            display: "none"
+        };
+        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg", { style: svgStyle, id: "sv-icon-holder-global-container", ref: this.containerRef });
+    };
+    return SvgBundleComponent;
+}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component));
+
+
+
 /***/ }),
 
 /***/ "./src/react/tagbox-filter.tsx":
@@ -71509,9 +71764,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; }
@@ -71558,6 +71819,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();
         }
@@ -71613,12 +71875,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);
         }
@@ -72653,6 +72914,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _notifier__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./notifier */ "./src/notifier.ts");
 /* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./header */ "./src/header.ts");
 /* harmony import */ var _surveytimer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./surveytimer */ "./src/surveytimer.ts");
+/* harmony import */ var _surveyTaskManager__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./surveyTaskManager */ "./src/surveyTaskManager.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -72694,6 +72956,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -72970,6 +73233,8 @@ var SurveyModel = /** @class */ (function (_super) {
          * For information on event handler parameters, refer to descriptions within the interface.
          *
          * If you want to specify heading levels for all titles, use the [`titleTags`](https://surveyjs.io/form-library/documentation/api-reference/settings#titleTags) object in [global settings](https://surveyjs.io/form-library/documentation/api-reference/settings).
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/survey-titletagnames/ (linkStyle))
          * @see onGetQuestionTitle
          * @see onGetQuestionNo
          */
@@ -73009,7 +73274,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onGetResult = _this.addEvent();
         /**
-         * An event that is raised when a File Upload question starts to upload a file. Applies only if [`storeDataAsText`](https://surveyjs.io/form-library/documentation/api-reference/file-model#storeDataAsText) is `false`. Use this event to upload files to your server.
+         * An event that is raised when a File Upload or Signature Pad question starts to upload a file. Applies only if [`storeDataAsText`](https://surveyjs.io/form-library/documentation/api-reference/file-model#storeDataAsText) is `false`. Use this event to upload files to your server.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -73031,7 +73296,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onDownloadFile = _this.addEvent();
         /**
-         * An event that is raised when users clear files in a [File Upload](https://surveyjs.io/form-library/documentation/api-reference/file-model) question. Use this event to delete files from your server.
+         * An event that is raised when users clear files in a [File Upload](https://surveyjs.io/form-library/documentation/api-reference/file-model) question or clear signature in a [Signature Pad](https://surveyjs.io/form-library/documentation/api-reference/signature-pad-model) question. Use this event to delete files from your server.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -73407,6 +73672,7 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.needRenderIcons = true;
         _this.skippedPages = [];
         _this.skeletonComponentName = "sv-skeleton";
+        _this.taskManager = new _surveyTaskManager__WEBPACK_IMPORTED_MODULE_22__["SurveyTaskManagerModel"]();
         if (typeof document !== "undefined") {
             SurveyModel.stylesManager = new _stylesmanager__WEBPACK_IMPORTED_MODULE_11__["StylesManager"]();
         }
@@ -73414,6 +73680,7 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.createHtmlLocString("completedHtml", "completingSurvey", htmlCallBack);
         _this.createHtmlLocString("completedBeforeHtml", "completingSurveyBefore", htmlCallBack, "completed-before");
         _this.createHtmlLocString("loadingHtml", "loadingSurvey", htmlCallBack, "loading");
+        _this.createLocalizableString("emptySurveyText", _this, true, "emptySurvey");
         _this.createLocalizableString("logo", _this, false);
         _this.createLocalizableString("startSurveyText", _this, false, true);
         _this.createLocalizableString("pagePrevText", _this, false, true);
@@ -74657,11 +74924,14 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "emptySurveyText", {
         /**
-         * Returns a message that is displayed when a survey does not contain visible pages or questions.
+         * A message that is displayed when a survey does not contain visible pages or questions.
          * @see [Localization & Globalization](https://surveyjs.io/form-library/documentation/survey-localization)
          */
         get: function () {
-            return this.getLocalizationString("emptySurvey");
+            return this.getLocalizableStringText("emptySurveyText");
+        },
+        set: function (val) {
+            this.setLocalizableStringText("emptySurveyText", val);
         },
         enumerable: false,
         configurable: true
@@ -75700,7 +75970,7 @@ var SurveyModel = /** @class */ (function (_super) {
         },
         set: function (data) {
             this.valuesHash = {};
-            this.setDataCore(data);
+            this.setDataCore(data, !data);
         },
         enumerable: false,
         configurable: true
@@ -75720,17 +75990,21 @@ var SurveyModel = /** @class */ (function (_super) {
         this.mergeValues(data, newData);
         this.setDataCore(newData);
     };
-    SurveyModel.prototype.setDataCore = function (data) {
+    SurveyModel.prototype.setDataCore = function (data, clearData) {
+        if (clearData === void 0) { clearData = false; }
+        if (clearData) {
+            this.valuesHash = {};
+        }
         if (data) {
             for (var key in data) {
                 this.setDataValueCore(this.valuesHash, key, data[key]);
             }
         }
-        this.updateAllQuestionsValue();
+        this.updateAllQuestionsValue(clearData);
         this.notifyAllQuestionsOnValueChanged();
         this.notifyElementsOnAnyValueOrVariableChanged("");
         this.runConditions();
-        this.updateAllQuestionsValue();
+        this.updateAllQuestionsValue(clearData);
     };
     SurveyModel.prototype.getStructuredData = function (includePages, level) {
         if (includePages === void 0) { includePages = true; }
@@ -76425,8 +76699,7 @@ var SurveyModel = /** @class */ (function (_super) {
         this.isLoading = false;
         this.completedByTriggers = undefined;
         if (clearData) {
-            this.data = null;
-            this.variablesHash = {};
+            this.setDataCore(null, true);
         }
         this.timerModel.spent = 0;
         for (var i = 0; i < this.pages.length; i++) {
@@ -78242,23 +78515,29 @@ var SurveyModel = /** @class */ (function (_super) {
      *   }
      * );
      * ```
-     * @param question A [File Upload question instance](https://surveyjs.io/form-library/documentation/api-reference/file-model).
-     * @param name The File Upload question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/file-model#name).
+     * @param question A [File Upload question instance](https://surveyjs.io/form-library/documentation/api-reference/file-model) or [Signature Pad question instance](https://surveyjs.io/form-library/documentation/api-reference/signature-pad-model).
+     * @param name The File Upload question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/file-model#name) or Signature Pad question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/signature-pad-model#name).
      * @param files An array of JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/API/File" target="_blank">File</a> objects that represent files to upload.
      * @param callback A callback function that allows you to access successfully uploaded files as the first argument. If any files fail to upload, the second argument contains an array of error messages.
      * @see onUploadFiles
      * @see downloadFile
      */
     SurveyModel.prototype.uploadFiles = function (question, name, files, callback) {
+        var _this = this;
         if (this.onUploadFiles.isEmpty) {
             callback("error", this.getLocString("noUploadFilesHandler"));
         }
         else {
-            this.onUploadFiles.fire(this, {
-                question: question,
-                name: name,
-                files: files || [],
-                callback: callback,
+            this.taskManager.runTask("file", function (done) {
+                _this.onUploadFiles.fire(_this, {
+                    question: question,
+                    name: name,
+                    files: files || [],
+                    callback: function (status, data) {
+                        callback(status, data);
+                        done();
+                    },
+                });
             });
         }
         if (this.surveyPostId) {
@@ -78677,7 +78956,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 var qValue = questions[i].value;
                 if ((qValue === newValue && Array.isArray(qValue) && !!this.editingObj) ||
                     !this.isTwoValueEquals(qValue, newValue)) {
-                    questions[i].updateValueFromSurvey(newValue);
+                    questions[i].updateValueFromSurvey(newValue, false);
                 }
             }
         }
@@ -78772,12 +79051,12 @@ var SurveyModel = /** @class */ (function (_super) {
             this.locStrsChanged();
         }
     };
-    SurveyModel.prototype.updateAllQuestionsValue = function () {
+    SurveyModel.prototype.updateAllQuestionsValue = function (clearData) {
         var questions = this.getAllQuestions();
         for (var i = 0; i < questions.length; i++) {
             var q = questions[i];
             var valName = q.getValueName();
-            q.updateValueFromSurvey(this.getValue(valName));
+            q.updateValueFromSurvey(this.getValue(valName), clearData);
             if (q.requireUpdateCommentValue) {
                 q.updateCommentFromSurvey(this.getComment(valName));
             }
@@ -79196,7 +79475,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 mouseDown: function () { return _this.navigationMouseDown(); },
             },
             locTitle: this.locCompleteText,
-            action: function () { return _this.completeLastPage(); },
+            action: function () { return _this.taskManager.waitAndExecute(function () { return _this.completeLastPage(); }); },
             component: defaultComponent
         });
         this.updateNavigationItemCssCallback = function () {
@@ -80524,7 +80803,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 }
             }
             else if (this.state === "running" && isStrCiEqual(layoutElement.id, "progress-" + this.progressBarType)) {
-                if (container === "header") {
+                if (container === "center") {
                     if (this.isShowProgressBarOnTop && !this.isShowStartingPage) {
                         containerLayoutElements.push(layoutElement);
                     }
@@ -80592,7 +80871,6 @@ var SurveyModel = /** @class */ (function (_super) {
                 var advHeader = new _header__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
                 advHeader.fromTheme(theme);
                 _this.insertAdvancedHeader(advHeader);
-                _this.headerView = "advanced";
             }
             if (key === "isPanelless") {
                 _this.isCompact = theme[key];
@@ -81201,6 +81479,91 @@ surveyLocalization.locales["en"] = _localization_english__WEBPACK_IMPORTED_MODUL
 surveyLocalization.localeNames["en"] = "english";
 
 
+/***/ }),
+
+/***/ "./src/surveyTaskManager.ts":
+/*!**********************************!*\
+  !*** ./src/surveyTaskManager.ts ***!
+  \**********************************/
+/*! exports provided: SurveyTaskManagerModel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyTaskManagerModel", function() { return SurveyTaskManagerModel; });
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/base.ts");
+/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+var SurveyTaskModel = /** @class */ (function () {
+    function SurveyTaskModel(type) {
+        this.type = type;
+        this.timestamp = new Date();
+    }
+    return SurveyTaskModel;
+}());
+var SurveyTaskManagerModel = /** @class */ (function (_super) {
+    __extends(SurveyTaskManagerModel, _super);
+    function SurveyTaskManagerModel() {
+        var _this = _super.call(this) || this;
+        _this.taskList = [];
+        _this.onAllTasksCompleted = _this.addEvent();
+        return _this;
+    }
+    SurveyTaskManagerModel.prototype.runTask = function (type, func) {
+        var _this = this;
+        var task = new SurveyTaskModel(type);
+        this.taskList.push(task);
+        this.hasActiveTasks = true;
+        func(function () { return _this.taskFinished(task); });
+        return task;
+    };
+    SurveyTaskManagerModel.prototype.waitAndExecute = function (action) {
+        if (!this.hasActiveTasks) {
+            action();
+            return;
+        }
+        this.onAllTasksCompleted.add(function () { action(); });
+    };
+    SurveyTaskManagerModel.prototype.taskFinished = function (task) {
+        var index = this.taskList.indexOf(task);
+        if (index > -1) {
+            this.taskList.splice(index, 1);
+        }
+        if (this.hasActiveTasks && this.taskList.length == 0) {
+            this.hasActiveTasks = false;
+            this.onAllTasksCompleted.fire(this, {});
+        }
+    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
+    ], SurveyTaskManagerModel.prototype, "hasActiveTasks", void 0);
+    return SurveyTaskManagerModel;
+}(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+
+
 /***/ }),
 
 /***/ "./src/surveyTimerModel.ts":
@@ -81474,6 +81837,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];
     });
@@ -81633,10 +81997,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() {
     }
@@ -81698,16 +82058,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;
 }());
 
@@ -83160,13 +83510,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;
@@ -83217,6 +83568,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;
@@ -83242,18 +83603,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) {
@@ -83262,11 +83613,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();
             }
         }
     };
@@ -83281,9 +83650,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;