survey-react 1.9.120 → 1.9.121

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.120
+ * 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 () { };
@@ -9423,8 +9423,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.120";
-ReleaseDate = "" + "2023-12-04";
+Version = "" + "1.9.121";
+ReleaseDate = "" + "2023-12-12";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -10547,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";
@@ -10824,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
 
 
@@ -10903,6 +10906,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 //Uncomment to include the "date" question type.
@@ -10915,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";
@@ -11560,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
 
@@ -30511,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", {
         /**
@@ -31029,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;
@@ -32770,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;
@@ -34421,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();
         }
@@ -40508,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) {
@@ -40548,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;
     };
@@ -40683,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;
@@ -41525,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);
@@ -42609,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();
         }
     };
@@ -53104,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 () {
@@ -53118,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) {
@@ -53253,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;
     };
@@ -53607,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");
@@ -58405,6 +58472,8 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         };
     };
     QuestionSignaturePadModel.prototype.refreshCanvas = function () {
+        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();
@@ -60896,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 () {
@@ -61304,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));
@@ -61335,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));
@@ -63090,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)
@@ -65097,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 ||
@@ -65134,6 +65204,7 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
+
 var Survey = /** @class */ (function (_super) {
     __extends(Survey, _super);
     function Survey(props) {
@@ -65204,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();
@@ -65235,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 },
@@ -68460,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 })));
     };
@@ -70016,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":
@@ -71635,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; }
@@ -71684,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();
         }
@@ -71739,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);
         }
@@ -81862,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() {
     }
@@ -81927,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;
 }());
 
@@ -83389,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;
@@ -83446,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;
@@ -83471,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) {
@@ -83491,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();
             }
         }
     };
@@ -83510,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;