survey-react 1.9.120 → 1.9.122

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.120
+ * surveyjs - Survey JavaScript library v1.9.122
  * 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 () { };
@@ -1891,7 +1891,7 @@ var Base = /** @class */ (function () {
      * Returns `true` if a passed `value` is an empty string, array, or object or if it equals to `undefined` or `null`.
      *
      * @param value A value to be checked.
-     * @param trimString (Optional) When this parameter is `true`, the method ignores whitespace characters at the beginning and end of a string value. Pass `false` to disable this functionality.
+     * @param trimString *(Optional)* When this parameter is `true`, the method ignores whitespace characters at the beginning and end of a string value. Pass `false` to disable this functionality.
      */
     Base.prototype.isValueEmpty = function (value, trimString) {
         if (trimString === void 0) { trimString = true; }
@@ -2098,7 +2098,7 @@ var Base = /** @class */ (function () {
      * If the property is not found or does not have a value, this method returns either `undefined`, `defaultValue` specified in the property configuration, or a value passed as the `defaultValue` parameter.
      *
      * @param name A property name.
-     * @param defaultValue (Optional) A value to return if the property is not found or does not have a value.
+     * @param defaultValue *(Optional)* A value to return if the property is not found or does not have a value.
      */
     Base.prototype.getPropertyValue = function (name, defaultValue) {
         if (defaultValue === void 0) { defaultValue = null; }
@@ -2369,7 +2369,7 @@ var Base = /** @class */ (function () {
      * Registers a function to call when a property value changes.
      * @param propertyNames An array of one or multiple property names.
      * @param handler A function to call when one of the listed properties change.
-     * @param key (Optional) A key that identifies the current registration. If a function for one of the properties is already registered with the same key, the function will be overwritten. You can also use the key to subsequently unregister handlers.
+     * @param key *(Optional)* A key that identifies the current registration. If a function for one of the properties is already registered with the same key, the function will be overwritten. You can also use the key to subsequently unregister handlers.
      * @see unregisterPropertyChangedHandlers
      */
     Base.prototype.registerPropertyChangedHandlers = function (propertyNames, handler, key) {
@@ -2381,7 +2381,7 @@ var Base = /** @class */ (function () {
     /**
      * Unregisters value change event handlers for the specified properties.
      * @param propertyNames An array of one or multiple property names.
-     * @param key (Optional) A key of the registration that you want to cancel.
+     * @param key *(Optional)* A key of the registration that you want to cancel.
      * @see registerPropertyChangedHandlers
      */
     Base.prototype.unregisterPropertyChangedHandlers = function (propertyNames, key) {
@@ -5821,6 +5821,9 @@ var defaultV2Css = {
         rootDropdown: "sd-scrollable-container sd-scrollable-container--compact sd-selectbase",
         root: "sd-scrollable-container sd-rating",
         rootWrappable: "sd-scrollable-container sd-rating sd-rating--wrappable",
+        rootLabelsTop: "sd-rating--labels-top",
+        rootLabelsBottom: "sd-rating--labels-bottom",
+        rootLabelsDiagonal: "sd-rating--labels-diagonal",
         item: "sd-rating__item",
         itemOnError: "sd-rating__item--error",
         itemHover: "sd-rating__item--allowhover",
@@ -8488,7 +8491,7 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
         if (!_onSelectionChanged) {
             _onSelectionChanged = function (item, status) {
                 _this.resetFilterString();
-                if (item.value === "selectall") {
+                if (item.id === "selectall") {
                     _this.selectAllItems();
                 }
                 else if (status === "added" && item.value === _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].noneItemValue) {
@@ -9423,8 +9426,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.120";
-ReleaseDate = "" + "2023-12-04";
+Version = "" + "1.9.122";
+ReleaseDate = "" + "2023-12-19";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -10547,7 +10550,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 +10827,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 +10909,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 //Uncomment to include the "date" question type.
@@ -10915,7 +10922,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 +11567,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
 
@@ -16545,7 +16554,7 @@ var Cover = /** @class */ (function (_super) {
     Cover.prototype.updateHeaderClasses = function () {
         this.headerClasses = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
             .append("sv-header")
-            .append("sv-header__without-background", (this.backgroundColor === "trasparent") && !this.backgroundImage)
+            .append("sv-header__without-background", (this.backgroundColor === "transparent") && !this.backgroundImage)
             .append("sv-header__overlap", this.overlapEnabled)
             .toString();
     };
@@ -16664,6 +16673,13 @@ var Cover = /** @class */ (function (_super) {
             this.actualHeight = this.calculateActualHeight(logoHeight, titleHeight, descriptionHeight);
         }
     };
+    Object.defineProperty(Cover.prototype, "hasBackground", {
+        get: function () {
+            return !!this.backgroundImage || this.backgroundColor !== "transparent";
+        },
+        enumerable: false,
+        configurable: true
+    });
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: 0 })
     ], Cover.prototype, "actualHeight", void 0);
@@ -30511,11 +30527,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 +31056,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 +32797,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 +34448,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();
         }
@@ -35922,9 +35949,9 @@ var Question = /** @class */ (function (_super) {
             return false;
         if (!!this.page && this.page.isStartPage)
             return false;
-        if (!this.survey || !this.valueName)
+        if (!this.survey)
             return true;
-        return !this.survey.hasVisibleQuestionByValueName(this.valueName);
+        return !this.survey.hasVisibleQuestionByValueName(this.getValueName());
     };
     Object.defineProperty(Question.prototype, "isParentVisible", {
         /**
@@ -39548,21 +39575,6 @@ var QuestionCheckboxBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionCheckboxBase.prototype.clickItemHandler = function (item, checked) {
-        var newValue = [].concat(this.renderedValue || []);
-        var index = newValue.indexOf(item.value);
-        if (checked) {
-            if (index < 0) {
-                newValue.push(item.value);
-            }
-        }
-        else {
-            if (index > -1) {
-                newValue.splice(index, 1);
-            }
-        }
-        this.renderedValue = newValue;
-    };
     QuestionCheckboxBase.prototype.onParentChanged = function () {
         _super.prototype.onParentChanged.call(this);
         if (this.isFlowLayout) {
@@ -40396,9 +40408,10 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
     __extends(QuestionCheckboxModel, _super);
     function QuestionCheckboxModel(name) {
         var _this = _super.call(this, name) || this;
-        _this.selectAllItemValue = new _itemvalue__WEBPACK_IMPORTED_MODULE_4__["ItemValue"]("selectall");
         _this.invisibleOldValues = {};
         _this.isChangingValueOnClearIncorrect = false;
+        _this.selectAllItemValue = new _itemvalue__WEBPACK_IMPORTED_MODULE_4__["ItemValue"]("");
+        _this.selectAllItemValue.id = "selectall";
         var selectAllItemText = _this.createLocalizableString("selectAllText", _this.selectAllItem, true, "selectAllItemText");
         _this.selectAllItem.locOwner = _this;
         _this.selectAllItem.setLocText(selectAllItemText);
@@ -40508,23 +40521,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,16 +40563,37 @@ 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;
     };
+    QuestionCheckboxModel.prototype.clickItemHandler = function (item, checked) {
+        if (item === this.selectAllItem) {
+            if (checked === true || checked === false) {
+                this.isAllSelected = checked;
+            }
+            else {
+                this.toggleSelectAll();
+            }
+        }
+        else {
+            var newValue = [].concat(this.renderedValue || []);
+            var index = newValue.indexOf(item.value);
+            if (checked) {
+                if (index < 0) {
+                    newValue.push(item.value);
+                }
+            }
+            else {
+                if (index > -1) {
+                    newValue.splice(index, 1);
+                }
+            }
+            this.renderedValue = newValue;
+        }
+    };
     QuestionCheckboxModel.prototype.isItemSelectedCore = function (item) {
         if (item === this.selectAllItem)
             return this.isAllSelected;
@@ -40683,24 +40719,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 +41588,22 @@ 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.addUsedLocales = function (locales) {
+        _super.prototype.addUsedLocales.call(this, locales);
+        if (!!this.getElement()) {
+            this.getElement().addUsedLocales(locales);
+        }
+    };
+    QuestionCustomModelBase.prototype.needResponsiveWidth = function () {
+        var el = this.getElement();
+        return !!el ? el.needResponsiveWidth() : false;
+    };
     QuestionCustomModelBase.prototype.createWrapper = function () { };
     QuestionCustomModelBase.prototype.onPropertyValueChanged = function (name, oldValue, newValue) {
         _super.prototype.onPropertyValueChanged.call(this, name, oldValue, newValue);
@@ -42609,7 +42688,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();
         }
     };
@@ -43357,6 +43436,9 @@ function dataUrl2File(dataUrl, fileName, type) {
     var buffer = new Uint8Array(str.split("").map(function (c) { return c.charCodeAt(0); })).buffer;
     return new File([buffer], fileName, { type: type });
 }
+/**
+ * A base class for question types that support file upload: `QuestionFileModel` and `QuestionSignaturePadModel`.
+ */
 var QuestionFileModelBase = /** @class */ (function (_super) {
     __extends(QuestionFileModelBase, _super);
     function QuestionFileModelBase() {
@@ -45442,10 +45524,8 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
          *
          * Possible values:
          *
-         * - `"image"` - Images in one of the following formats: JPEG, GIF, PNG, APNG, SVG, BMP, ICO.
+         * - `"image"` (default) - Images in one of the following formats: JPEG, GIF, PNG, APNG, SVG, BMP, ICO.
          * - `"video"` - Videos in one of the following formats: MP4, MOV, WMV, FLV, AVI, MKV.
-         * - `"youtube"` - Links to YouTube videos.
-         * - `"auto"` (default) - Selects one of the above based on the `imageLink` property value of each choice item.
          */
         get: function () {
             return this.getPropertyValue("contentMode");
@@ -53104,7 +53184,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 +53199,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 +53334,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 +53705,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");
@@ -54289,7 +54388,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             if (this.isRenderModeList || this.useTemplatePanel)
                 return;
             var curPanel = this.getPropertyValue("currentPanel");
-            if (!!val && this.visiblePanels.indexOf(val) < 0 || val === curPanel)
+            var index = !!val ? this.visiblePanels.indexOf(val) : -1;
+            if (!!val && index < 0 || val === curPanel)
                 return;
             if (curPanel) {
                 curPanel.onHidingContent();
@@ -54298,6 +54398,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             this.updateFooterActions();
             this.updateTabToolbarItemsPressedState();
             this.fireCallback(this.currentIndexChangedCallback);
+            if (index > -1 && this.survey) {
+                var options = {
+                    panel: val,
+                    visiblePanelIndex: index
+                };
+                this.survey.dynamicPanelCurrentIndexChanged(this, options);
+            }
         },
         enumerable: false,
         configurable: true
@@ -55129,48 +55236,59 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         return newPanel;
     };
     /**
-     * Add a new dynamic panel based on the template Panel.
-     * @see template
+     * Adds a new panel based on the [template](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#template).
+     * @param index *(Optional)* An index at which to insert the new panel. `undefined` adds the panel to the end or inserts it after the current panel if [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`. A negative index (for instance, -1) adds the panel to the end in all cases, regardless of the `renderMode` value.
      * @see panelCount
      * @see panels
-     * @see renderMode
      */
-    QuestionPanelDynamicModel.prototype.addPanel = function () {
-        this.panelCount++;
+    QuestionPanelDynamicModel.prototype.addPanel = function (index) {
+        var curIndex = this.currentIndex;
+        if (index === undefined) {
+            index = curIndex < 0 ? this.panelCount : curIndex + 1;
+        }
+        if (index < 0 || index > this.panelCount) {
+            index = this.panelCount;
+        }
+        this.updateValueOnAddingPanel(curIndex < 0 ? this.panelCount - 1 : curIndex, index);
         if (!this.isRenderModeList) {
-            this.currentIndex = this.panelCount - 1;
+            this.currentIndex = index;
         }
+        if (this.survey)
+            this.survey.dynamicPanelAdded(this);
+        return this.panels[index];
+    };
+    QuestionPanelDynamicModel.prototype.updateValueOnAddingPanel = function (prevIndex, index) {
+        this.panelCount++;
         var newValue = this.value;
+        if (!Array.isArray(newValue) || newValue.length !== this.panelCount)
+            return;
         var hasModified = false;
+        var lastIndex = this.panelCount - 1;
+        if (index < lastIndex) {
+            hasModified = true;
+            var rec = newValue[lastIndex];
+            newValue.splice(lastIndex, 1);
+            newValue.splice(index, 0, rec);
+        }
         if (!this.isValueEmpty(this.defaultPanelValue)) {
-            if (!!newValue &&
-                Array.isArray(newValue) &&
-                newValue.length == this.panelCount) {
-                hasModified = true;
-                this.copyValue(newValue[newValue.length - 1], this.defaultPanelValue);
-            }
-        }
-        if (this.defaultValueFromLastPanel &&
-            !!newValue &&
-            Array.isArray(newValue) &&
-            newValue.length > 1 &&
-            newValue.length == this.panelCount) {
             hasModified = true;
-            this.copyValue(newValue[newValue.length - 1], newValue[newValue.length - 2]);
+            this.copyValue(newValue[index], this.defaultPanelValue);
+        }
+        if (this.defaultValueFromLastPanel && newValue.length > 1) {
+            var fromIndex = prevIndex > -1 && prevIndex <= lastIndex ? prevIndex : lastIndex;
+            hasModified = true;
+            this.copyValue(newValue[index], newValue[fromIndex]);
         }
         if (hasModified) {
             this.value = newValue;
         }
-        if (this.survey)
-            this.survey.dynamicPanelAdded(this);
-        return this.panels[this.panelCount - 1];
     };
     QuestionPanelDynamicModel.prototype.canLeaveCurrentPanel = function () {
         return !(this.renderMode !== "list" && this.currentPanel && this.currentPanel.hasErrors(true, true));
     };
-    QuestionPanelDynamicModel.prototype.copyValue = function (src, dest) {
-        for (var key in dest) {
-            src[key] = dest[key];
+    QuestionPanelDynamicModel.prototype.copyValue = function (dest, src) {
+        for (var key in src) {
+            dest[key] = src[key];
         }
     };
     /**
@@ -57607,9 +57725,10 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     Object.defineProperty(QuestionRatingModel.prototype, "minRateDescription", {
         /**
          * Specifies a description for the minimum (first) rate value.
+         * @see rateDescriptionLocation
+         * @see displayRateDescriptionsAsExtremeItems
          * @see rateValues
          * @see rateMin
-         * @see displayRateDescriptionsAsExtremeItems
          */
         get: function () {
             return this.getLocalizableStringText("minRateDescription");
@@ -57631,9 +57750,10 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     Object.defineProperty(QuestionRatingModel.prototype, "maxRateDescription", {
         /**
          * Specifies a description for the maximum (last) rate value.
+         * @see rateDescriptionLocation
+         * @see displayRateDescriptionsAsExtremeItems
          * @see rateValues
          * @see rateMax
-         * @see displayRateDescriptionsAsExtremeItems
          */
         get: function () {
             return this.getLocalizableStringText("maxRateDescription");
@@ -57765,8 +57885,18 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         get: function () {
             var baseClass = ((this.displayMode == "buttons" || (!!this.survey && this.survey.isDesignMode)) && this.cssClasses.rootWrappable) ?
                 this.cssClasses.rootWrappable : this.cssClasses.root;
+            var rootClassModifier = "";
+            if (this.hasMaxLabel || this.hasMinLabel) {
+                if (this.rateDescriptionLocation == "top")
+                    rootClassModifier = this.cssClasses.rootLabelsTop;
+                if (this.rateDescriptionLocation == "bottom")
+                    rootClassModifier = this.cssClasses.rootLabelsBottom;
+                if (this.rateDescriptionLocation == "topBottom")
+                    rootClassModifier = this.cssClasses.rootLabelsDiagonal;
+            }
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
                 .append(baseClass)
+                .append(rootClassModifier)
                 .append(this.cssClasses.itemSmall, this.itemSmallMode && this.rateType != "labels")
                 .toString();
         },
@@ -58095,6 +58225,9 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             }
         })
     ], QuestionRatingModel.prototype, "displayMode", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
+    ], QuestionRatingModel.prototype, "rateDescriptionLocation", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], QuestionRatingModel.prototype, "rateType", void 0);
@@ -58224,6 +58357,12 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
             return obj.rateType == "labels";
         }
     },
+    {
+        name: "rateDescriptionLocation",
+        default: "leftRight",
+        category: "layout",
+        choices: ["leftRight", "top", "bottom", "topBottom"],
+    },
     {
         name: "displayMode",
         default: "auto",
@@ -58405,6 +58544,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 +61037,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 +61445,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 +61476,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 +63231,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 +65238,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 +65276,7 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
+
 var Survey = /** @class */ (function (_super) {
     __extends(Survey, _super);
     function Survey(props) {
@@ -65204,9 +65347,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 +65375,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 },
@@ -66462,9 +66603,6 @@ var SurveyQuestionCheckboxItem = /** @class */ (function (_super) {
         _this.handleOnChange = function (event) {
             _this.question.clickItemHandler(_this.item, event.target.checked);
         };
-        _this.selectAllChanged = function (event) {
-            _this.question.toggleSelectAll();
-        };
         return _this;
     }
     SurveyQuestionCheckboxItem.prototype.getStateElement = function () {
@@ -66538,16 +66676,12 @@ var SurveyQuestionCheckboxItem = /** @class */ (function (_super) {
     });
     SurveyQuestionCheckboxItem.prototype.renderCheckbox = function (isChecked, otherItem) {
         var id = this.question.getItemId(this.item);
-        var text = !this.hideCaption ? this.renderLocString(this.item.locText) : "";
         var itemClass = this.question.getItemClass(this.item);
         var labelClass = this.question.getLabelClass(this.item);
-        var onItemChanged = this.item == this.question.selectAllItem
-            ? this.selectAllChanged
-            : this.handleOnChange;
         var itemLabel = !this.hideCaption ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.cssClasses.controlLabel }, this.renderLocString(this.item.locText, this.textStyle)) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: itemClass, role: "presentation" },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { className: labelClass },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { className: this.cssClasses.itemControl, type: "checkbox", role: "option", name: this.question.name + this.item.value, value: this.item.value != "selectall" ? this.item.value : undefined, id: id, style: this.inputStyle, disabled: !this.question.getItemEnabled(this.item), checked: isChecked, onChange: onItemChanged }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { className: this.cssClasses.itemControl, type: "checkbox", role: "option", name: this.question.name + this.item.id, value: this.item.value, id: id, style: this.inputStyle, disabled: !this.question.getItemEnabled(this.item), checked: isChecked, onChange: this.handleOnChange }),
                 this.cssClasses.materialDecorator ?
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { className: this.cssClasses.itemDecorator },
@@ -68460,8 +68594,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 +70155,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 +71829,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 +71884,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 +71940,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);
         }
@@ -73410,6 +73610,10 @@ var SurveyModel = /** @class */ (function (_super) {
          * [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          */
         _this.onGetDynamicPanelTabTitle = _this.addEvent();
+        /**
+         * An event that is raised after the current panel is changed in a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
+         */
+        _this.onDynamicPanelCurrentIndexChanged = _this.addEvent();
         /**
          * An event that is raised to define whether a question answer is correct. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
          */
@@ -75843,7 +76047,7 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Merges a specified data object with the object from the [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data) property.
      *
-     * Refer to the following help topic for more information: [Merge Question Values](https://surveyjs.io/form-library/documentation/design-survey/merge-question-values).
+     * Refer to the following help topic for more information: [Populate Form Fields | Multiple Question Values](https://surveyjs.io/form-library/documentation/design-survey/pre-populate-form-fields#multiple-question-values).
      *
      * @param data A data object to merge. It should have the following structure: `{ questionName: questionValue, ... }`
      * @see setValue
@@ -77403,6 +77607,7 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.setupPagesForPageModes = function (isSinglePage) {
         this.questionHashesClear();
+        this.isCreatingPagesForPreview = true;
         var startIndex = this.getPageStartIndex();
         _super.prototype.startLoadingFromJson.call(this);
         var newPages = this.createPagesForQuestionOnPageMode(isSinglePage, startIndex);
@@ -77417,6 +77622,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         this.doElementsOnLoad();
         this.updateCurrentPage();
+        this.isCreatingPagesForPreview = false;
     };
     SurveyModel.prototype.createPagesForQuestionOnPageMode = function (isSinglePage, startIndex) {
         if (isSinglePage) {
@@ -78068,7 +78274,8 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.afterRenderPage = function (htmlElement) {
         var _this = this;
         if (!this.isDesignMode && !this.focusingQuestionInfo) {
-            setTimeout(function () { return _this.scrollToTopOnPageChange(!_this.isFirstPageRendering); }, 1);
+            var doScroll_1 = !this.isFirstPageRendering;
+            setTimeout(function () { return _this.scrollToTopOnPageChange(doScroll_1); }, 1);
         }
         this.focusQuestionInfo();
         this.isFirstPageRendering = false;
@@ -78287,6 +78494,10 @@ var SurveyModel = /** @class */ (function (_super) {
         options.question = question;
         this.onGetDynamicPanelTabTitle.fire(this, options);
     };
+    SurveyModel.prototype.dynamicPanelCurrentIndexChanged = function (question, options) {
+        options.question = question;
+        this.onDynamicPanelCurrentIndexChanged.fire(this, options);
+    };
     SurveyModel.prototype.dragAndDropAllow = function (options) {
         this.onDragDropAllow.fire(this, options);
         return options.allow;
@@ -78370,13 +78581,8 @@ var SurveyModel = /** @class */ (function (_super) {
      *   question,
      *   question.name,
      *   question.value,
-     *   (status, data) => {
-     *     if (status === "success") {
-     *       // Handle success
-     *     }
-     *     if (status === "error") {
-     *       // Handle error
-     *     }
+     *   (data, errors) => {
+     *     // ...
      *   }
      * );
      * ```
@@ -78565,7 +78771,7 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Returns a question with a specified [`name`](https://surveyjs.io/form-library/documentation/api-reference/question#name).
      * @param name A question name
-     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @param caseInsensitive *(Optional)* A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
      * @returns A question with a specified name.
      * @see getAllQuestions
      * @see getQuestionByValueName
@@ -78593,7 +78799,7 @@ var SurveyModel = /** @class */ (function (_super) {
      *
      * > Since `valueName` does not have to be unique, multiple questions can have the same `valueName` value. In this case, the `getQuestionByValueName()` method returns the first such question. If you need to get all questions with the same `valueName`, call the `getQuestionsByValueName()` method.
      * @param valueName A question's `valueName` property value.
-     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @param caseInsensitive *(Optional)* A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
      * @returns A question with a specified `valueName`.
      * @see getAllQuestions
      * @see getQuestionByName
@@ -78606,7 +78812,7 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Returns all questions with a specified [`valueName`](https://surveyjs.io/form-library/documentation/api-reference/question#valueName). If a question's `valueName` is undefined, its [`name`](https://surveyjs.io/form-library/documentation/api-reference/question#name) property is used.
      * @param valueName A question's `valueName` property value.
-     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @param caseInsensitive *(Optional)* A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
      * @returns An array of questions with a specified `valueName`.
      * @see getAllQuestions
      * @see getQuestionByName
@@ -78631,7 +78837,7 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Returns an array of questions with specified [names](https://surveyjs.io/form-library/documentation/api-reference/question#name).
      * @param names An array of question names.
-     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @param caseInsensitive *(Optional)* A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
      * @returns An array of questions with specified names
      * @see getAllQuestions
      */
@@ -78749,7 +78955,7 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Returns a [panel](https://surveyjs.io/form-library/documentation/api-reference/panel-model) with a specified [`name`](https://surveyjs.io/form-library/documentation/api-reference/panel-model#name).
      * @param name A panel name.
-     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the panel. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @param caseInsensitive *(Optional)* A Boolean value that specifies case sensitivity when searching for the panel. Default value: `false` (uppercase and lowercase letters are treated as distinct).
      * @returns A panel with a specified name.
      * @see getAllPanels
      */
@@ -79581,6 +79787,8 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.setValue = function (name, newQuestionValue, locNotification, allowNotifyValueChanged, questionName) {
         if (locNotification === void 0) { locNotification = false; }
         if (allowNotifyValueChanged === void 0) { allowNotifyValueChanged = true; }
+        if (this.isCreatingPagesForPreview)
+            return;
         var newValue = newQuestionValue;
         if (allowNotifyValueChanged) {
             newValue = this.questionOnValueChanging(name, newQuestionValue);
@@ -80313,6 +80521,9 @@ var SurveyModel = /** @class */ (function (_super) {
         return this.getLocalizationFormatString(strName, surveySpent, surveyLimit);
     };
     SurveyModel.prototype.getDisplayClockTime = function (val) {
+        if (val < 0) {
+            val = 0;
+        }
         var min = Math.floor(val / 60);
         var sec = val % 60;
         var secStr = sec.toString();
@@ -80668,7 +80879,19 @@ var SurveyModel = /** @class */ (function (_super) {
                 }
             }
             else if (this.state === "running" && isStrCiEqual(layoutElement.id, "progress-" + this.progressBarType)) {
-                if (container === "center") {
+                var headerLayoutElement = this.layoutElements.filter(function (a) { return a.id === "advanced-header"; })[0];
+                var advHeader = headerLayoutElement && headerLayoutElement.data;
+                var isBelowHeader = !advHeader || advHeader.hasBackground;
+                if (container === "header" && !isBelowHeader) {
+                    layoutElement.index = -150;
+                    if (this.isShowProgressBarOnTop && !this.isShowStartingPage) {
+                        containerLayoutElements.push(layoutElement);
+                    }
+                }
+                if (container === "center" && isBelowHeader) {
+                    if (!!layoutElement.index) {
+                        delete layoutElement.index;
+                    }
                     if (this.isShowProgressBarOnTop && !this.isShowStartingPage) {
                         containerLayoutElements.push(layoutElement);
                     }
@@ -81862,10 +82085,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 +82146,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 +83598,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 +83656,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 +83691,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 +83701,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 +83738,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;