survey-react 1.12.2 → 1.12.4

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.2
+ * surveyjs - Survey JavaScript library v1.12.4
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -964,7 +964,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /*!********************************************!*\
   !*** ./src/entries/react.ts + 282 modules ***!
   \********************************************/
-/*! 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, QuestionMatrixDropdownRenderedErrorRow, 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, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, 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, 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, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, TextAreaModel, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, StylesManager, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, createPopupModelWithListModel, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, 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, SurveyQuestionRankingItemContent, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, 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, ListItemContent, ListItemGroup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
+/*! 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, QuestionMatrixDropdownRenderedErrorRow, 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, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, 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, 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, chooseFiles, sanitizeEditableContent, prepareElementForVerticalAnimation, cleanHtmlElementAfterAnimation, classesToSelector, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, TextAreaModel, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, StylesManager, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, createPopupModelWithListModel, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, 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, SurveyQuestionRankingItemContent, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, 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, ListItemContent, ListItemGroup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
 /*! ModuleConcatenation bailout: Cannot concat with external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} (<- Module is not an ECMAScript module) */
 /*! ModuleConcatenation bailout: Cannot concat with external {"root":"ReactDOM","commonjs2":"react-dom","commonjs":"react-dom","amd":"react-dom"} (<- Module is not an ECMAScript module) */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1160,6 +1160,9 @@ __webpack_require__.d(__webpack_exports__, "increaseHeightByContent", function()
 __webpack_require__.d(__webpack_exports__, "createSvg", function() { return /* reexport */ createSvg; });
 __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return /* reexport */ chooseFiles; });
 __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return /* reexport */ sanitizeEditableContent; });
+__webpack_require__.d(__webpack_exports__, "prepareElementForVerticalAnimation", function() { return /* reexport */ prepareElementForVerticalAnimation; });
+__webpack_require__.d(__webpack_exports__, "cleanHtmlElementAfterAnimation", function() { return /* reexport */ cleanHtmlElementAfterAnimation; });
+__webpack_require__.d(__webpack_exports__, "classesToSelector", function() { return /* reexport */ classesToSelector; });
 __webpack_require__.d(__webpack_exports__, "InputMaskBase", function() { return /* reexport */ mask_base_InputMaskBase; });
 __webpack_require__.d(__webpack_exports__, "InputMaskPattern", function() { return /* reexport */ mask_pattern_InputMaskPattern; });
 __webpack_require__.d(__webpack_exports__, "InputMaskNumeric", function() { return /* reexport */ mask_numeric_InputMaskNumeric; });
@@ -1710,7 +1713,7 @@ var helpers_Helpers = /** @class */ (function () {
         var value = newValue ? newValue.length : "0";
         return [value, maxLength].join("/");
     };
-    Helpers.getNumberByIndex = function (index, startIndexStr) {
+    Helpers.getNumberByIndex = function (index, startIndexStr, parentIndex) {
         if (index < 0)
             return "";
         var startIndex = 1;
@@ -1719,16 +1722,19 @@ var helpers_Helpers = /** @class */ (function () {
         var isNumeric = true;
         var strIndex = "A";
         var str = "";
+        var hasDigitFunc = function (str) {
+            if (!str)
+                return false;
+            for (var i = 0; i < str.length; i++) {
+                if (Helpers.isCharDigit(str[i]))
+                    return true;
+            }
+            return false;
+        };
         if (!!startIndexStr) {
             str = startIndexStr;
             var ind = str.length - 1;
-            var hasDigit = false;
-            for (var i = 0; i < str.length; i++) {
-                if (Helpers.isCharDigit(str[i])) {
-                    hasDigit = true;
-                    break;
-                }
-            }
+            var hasDigit = hasDigitFunc(str);
             var checkLetter = function () {
                 return ((hasDigit && !Helpers.isCharDigit(str[ind])) ||
                     Helpers.isCharNotLetterAndDigit(str[ind]));
@@ -1758,6 +1764,9 @@ var helpers_Helpers = /** @class */ (function () {
                 postfix = newPostfix;
             }
         }
+        if (parentIndex > -1 && hasDigitFunc(prefix)) {
+            prefix = this.getNumberByIndex(parentIndex, prefix);
+        }
         if (isNumeric) {
             var val = (index + startIndex).toString();
             while (val.length < strIndex.length)
@@ -10214,6 +10223,66 @@ var base_Base = /** @class */ (function () {
     return Base;
 }());
 
+var RenderingCompletedAwaiter = /** @class */ (function () {
+    function RenderingCompletedAwaiter(_elements, _renderedHandler, waitingTimeout) {
+        var _this = this;
+        if (waitingTimeout === void 0) { waitingTimeout = 100; }
+        this._elements = _elements;
+        this._renderedHandler = _renderedHandler;
+        this._elementsToRenderCount = 0;
+        this._elementsToRenderTimer = undefined;
+        this._elementRenderedHandler = function (s, o) {
+            var _a;
+            (_a = s.onElementRerendered) === null || _a === void 0 ? void 0 : _a.remove(_this._elementRenderedHandler);
+            _this._elementsToRenderCount--;
+            if (_this._elementsToRenderCount <= 0) {
+                _this.visibleElementsRendered();
+            }
+        };
+        this._elements.forEach(function (element) {
+            if (element.onElementRerendered) {
+                element.onElementRerendered.add(_this._elementRenderedHandler);
+                _this._elementsToRenderCount++;
+            }
+        });
+        if (this._elementsToRenderCount > 0) {
+            this._elementsToRenderTimer = setTimeout(function () {
+                if (_this._elementsToRenderCount > 0) {
+                    _this.visibleElementsRendered();
+                }
+            }, waitingTimeout);
+        }
+        else {
+            this.visibleElementsRendered();
+        }
+    }
+    RenderingCompletedAwaiter.prototype.stopWaitingForElementsRendering = function () {
+        var _this = this;
+        if (this._elementsToRenderTimer) {
+            clearTimeout(this._elementsToRenderTimer);
+            this._elementsToRenderTimer = undefined;
+        }
+        this._elements.forEach(function (element) {
+            var _a;
+            (_a = element.onElementRerendered) === null || _a === void 0 ? void 0 : _a.remove(_this._elementRenderedHandler);
+        });
+        this._elementsToRenderCount = 0;
+    };
+    RenderingCompletedAwaiter.prototype.visibleElementsRendered = function () {
+        var renderedHandler = this._renderedHandler;
+        this.dispose();
+        if (typeof renderedHandler == "function") {
+            renderedHandler();
+        }
+    };
+    RenderingCompletedAwaiter.prototype.dispose = function () {
+        this.stopWaitingForElementsRendering();
+        this._elements = undefined;
+        this._renderedHandler = undefined;
+    };
+    return RenderingCompletedAwaiter;
+}());
+
 var ArrayChanges = /** @class */ (function () {
     function ArrayChanges(index, deleteCount, itemsToAdd, deletedItems) {
         this.index = index;
@@ -12778,7 +12847,7 @@ var survey_element_SurveyElementCore = /** @class */ (function (_super) {
             return this.getLocalizableStringText("title", this.getDefaultTitleValue());
         },
         set: function (val) {
-            this.setLocalizableStringText("title", val);
+            this.setTitleValue(val);
         },
         enumerable: false,
         configurable: true
@@ -12791,6 +12860,9 @@ var survey_element_SurveyElementCore = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyElementCore.prototype.getDefaultTitleValue = function () { return undefined; };
+    SurveyElementCore.prototype.setTitleValue = function (val) {
+        this.setLocalizableStringText("title", val);
+    };
     SurveyElementCore.prototype.updateDescriptionVisibility = function (newDescription) {
         var showPlaceholder = false;
         if (this.isDesignMode) {
@@ -12979,14 +13051,14 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
         }
         return info;
     };
-    SurveyElement.ScrollElementToTop = function (elementId, scrollIfVisible, scrollIntoViewOptions) {
+    SurveyElement.ScrollElementToTop = function (elementId, scrollIfVisible, scrollIntoViewOptions, doneCallback) {
         var root = settings.environment.root;
         if (!elementId || typeof root === "undefined")
             return false;
         var el = root.getElementById(elementId);
-        return SurveyElement.ScrollElementToViewCore(el, false, scrollIfVisible, scrollIntoViewOptions);
+        return SurveyElement.ScrollElementToViewCore(el, false, scrollIfVisible, scrollIntoViewOptions, doneCallback);
     };
-    SurveyElement.ScrollElementToViewCore = function (el, checkLeft, scrollIfVisible, scrollIntoViewOptions) {
+    SurveyElement.ScrollElementToViewCore = function (el, checkLeft, scrollIfVisible, scrollIntoViewOptions, doneCallback) {
         if (!el || !el.scrollIntoView)
             return false;
         var elTop = scrollIfVisible ? -1 : el.getBoundingClientRect().top;
@@ -13006,6 +13078,18 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
         }
         if (needScroll) {
             el.scrollIntoView(scrollIntoViewOptions);
+            if (typeof doneCallback === "function") {
+                var currPageXOffset_1 = window.pageXOffset;
+                var currPageYOffset_1 = window.pageYOffset;
+                var scrollDone = setInterval(function () {
+                    if (currPageXOffset_1 == window.pageXOffset && currPageYOffset_1 == window.pageYOffset) {
+                        clearInterval(scrollDone);
+                        doneCallback();
+                    }
+                    currPageXOffset_1 = window.pageXOffset;
+                    currPageYOffset_1 = window.pageYOffset;
+                }, 25);
+            }
         }
         return needScroll;
     };
@@ -13373,6 +13457,17 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
             this.surveyChangedCallback();
         }
     };
+    Object.defineProperty(SurveyElement.prototype, "skeletonHeight", {
+        get: function () {
+            var skeletonHeight = undefined;
+            if (!!this.survey && this.survey.skeletonHeight) {
+                skeletonHeight = this.survey.skeletonHeight + "px";
+            }
+            return skeletonHeight;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyElement.prototype, "isInternal", {
         get: function () {
             return this.isContentElement;
@@ -14097,7 +14192,8 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
             },
             getLeaveOptions: function () {
                 var cssClasses = _this.isPanel ? _this.cssClasses.panel : _this.cssClasses;
-                return { cssClass: cssClasses.contentLeave,
+                return {
+                    cssClass: cssClasses.contentLeave,
                     onBeforeRunAnimation: beforeRunAnimation,
                     onAfterRunAnimation: afterRunAnimation
                 };
@@ -14907,7 +15003,7 @@ function findScrollableParent(element) {
     }
     return findScrollableParent(element.parentElement);
 }
-function scrollElementByChildId(id) {
+function activateLazyRenderingChecks(id) {
     var environment = settings.environment;
     if (!environment)
         return;
@@ -17526,7 +17622,7 @@ var text_area_TextAreaModel = /** @class */ (function () {
     };
     TextAreaModel.prototype.getTextValue = function () {
         if (!!this.options.getTextValue)
-            return this.options.getTextValue();
+            return this.options.getTextValue() || "";
         return "";
     };
     TextAreaModel.prototype.onTextAreaChange = function (event) {
@@ -19403,7 +19499,7 @@ var question_Question = /** @class */ (function (_super) {
     });
     Object.defineProperty(Question.prototype, "isDisabledAttr", {
         get: function () {
-            return this.isDesignModeV2;
+            return this.isDesignModeV2 || (!!this.readOnlyCallback && this.readOnlyCallback());
         },
         enumerable: false,
         configurable: true
@@ -19424,6 +19520,8 @@ var question_Question = /** @class */ (function (_super) {
          * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
          *
          * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#conditional-visibility).
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/how-to-conditionally-make-input-field-read-only/ (linkStyle))
          * @see readOnly
          * @see isReadOnly
          */
@@ -19449,6 +19547,20 @@ var question_Question = /** @class */ (function (_super) {
             this.runDefaultValueExpression(this.defaultValueRunner, values, properties);
         }
     };
+    Object.defineProperty(Question.prototype, "isInDesignMode", {
+        get: function () {
+            return !this.isContentElement && this.isDesignMode;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Question.prototype, "isInDesignModeV2", {
+        get: function () {
+            return !this.isContentElement && this.isDesignModeV2;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Question.prototype, "no", {
         /**
          * A question number or letter (depends on the `questionStartIndex` property of the question container (panel, page, or survey)).
@@ -19466,9 +19578,11 @@ var question_Question = /** @class */ (function (_super) {
         configurable: true
     });
     Question.prototype.calcNo = function () {
+        var _a;
         if (!this.hasTitle || this.hideNumber)
             return "";
-        var no = helpers_Helpers.getNumberByIndex(this.visibleIndex, this.getStartIndex());
+        var parentIndex = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.visibleIndex;
+        var no = helpers_Helpers.getNumberByIndex(this.visibleIndex, this.getStartIndex(), parentIndex);
         if (!!this.survey) {
             no = this.survey.getUpdatedQuestionNo(this, no);
         }
@@ -19579,7 +19693,7 @@ var question_Question = /** @class */ (function (_super) {
          *
          * | Question type | Value type(s) |
          * | ------------- | ------------- |
-         * | Checkboxes | `Array<string \| number>` |
+         * | Checkboxes | <code>Array&lt;string &#124; number&gt;</code> |
          * | Dropdown | `string` \| `number` |
          * | Dynamic Matrix | `Array<object>` |
          * | Dynamic Panel | `Array<object>` |
@@ -19587,14 +19701,14 @@ var question_Question = /** @class */ (function (_super) {
          * | File Upload | `File` \| `Array<File>` |
          * | HTML | (no value) |
          * | Image | (no value) |
-         * | Image Picker | `Array<string \| number>` |
+         * | Image Picker | <code>Array&lt;string &#124; number&gt;</code> |
          * | Long Text | `string` |
          * | Multi-Select Dropdown | `object` |
          * | Multi-Select Matrix | `object` |
          * | Multiple Textboxes | `Array<string>` |
          * | Panel | (no value) |
          * | Radio Button Group | `string` \| `number` |
-         * | Ranking | `Array<string \| number>` |
+         * | Ranking | <code>Array&lt;string &#124; number&gt;</code> |
          * | Rating Scale | `number` \| `string` |
          * | Signature | `string` (base64-encoded image) |
          * | Single-Line Input | `string` \| `number` \| `Date` |
@@ -19848,7 +19962,7 @@ var question_Question = /** @class */ (function (_super) {
          *
          * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/trigger-setvalue/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/set-question-value-dynamically/ (linkStyle))
          * @see setValueIf
          */
         get: function () {
@@ -19866,7 +19980,7 @@ var question_Question = /** @class */ (function (_super) {
          *
          * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/trigger-setvalue/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/set-question-value-dynamically/ (linkStyle))
          * @see resetValueIf
          */
         get: function () {
@@ -19884,7 +19998,7 @@ var question_Question = /** @class */ (function (_super) {
          *
          * You can use `setValueExpression` as a standalone property or in conjunction with the [`setValueIf`](#setValueIf) expression, in which case the calculated question value applies only when `setValueIf` evaluates to `true`.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/trigger-setvalue/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/set-question-value-dynamically/ (linkStyle))
          * @see defaultValueExpression
          * @see resetValueIf
          */
@@ -20349,11 +20463,12 @@ var question_Question = /** @class */ (function (_super) {
     };
     Question.prototype.removeError = function (error) {
         if (!error)
-            return;
+            return false;
         var errors = this.errors;
         var index = errors.indexOf(error);
         if (index !== -1)
             errors.splice(index, 1);
+        return index !== -1;
     };
     Question.prototype.checkForErrors = function (isOnValueChanged, fireCallback) {
         var qErrors = new Array();
@@ -21056,7 +21171,7 @@ Serializer.addClass("question", [
         name: "title:text", serializationProperty: "locTitle", layout: "row", dependsOn: "name",
         onPropertyEditorUpdate: function (obj, editor) {
             if (!!obj && !!editor) {
-                editor.placeholder = obj.name;
+                editor.placeholder = obj.getDefaultTitle();
             }
         }
     },
@@ -22299,8 +22414,8 @@ var choicesRestful_ChoicesRestful = /** @class */ (function (_super) {
                 .replace(ChoicesRestful.noCacheText, "");
         }
         if (textProcessor) {
-            var pUrl = textProcessor.processTextEx(urlText, false, settings.web.encodeUrlParams);
-            var pPath = textProcessor.processTextEx(this.path, false, settings.web.encodeUrlParams);
+            var pUrl = textProcessor.processTextEx({ text: urlText, runAtDesign: true });
+            var pPath = textProcessor.processTextEx({ text: this.path, runAtDesign: true });
             if (!pUrl.hasAllValuesOnLastRun || !pPath.hasAllValuesOnLastRun) {
                 this.processedUrl = "";
                 this.processedPath = "";
@@ -23002,10 +23117,11 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
         }
     };
     QuestionMatrixBaseModel.prototype.isVisibleCore = function () {
+        var _a;
         var res = _super.prototype.isVisibleCore.call(this);
         if (!res || !this.hideIfRowsEmpty)
             return res;
-        return this.visibleRows.length > 0;
+        return ((_a = this.visibleRows) === null || _a === void 0 ? void 0 : _a.length) > 0;
     };
     QuestionMatrixBaseModel.prototype.shouldRunColumnExpression = function () {
         return !this.survey || !this.survey.areInvisibleElementsShowing;
@@ -23357,12 +23473,12 @@ var textPreProcessor_QuestionTextProcessor = /** @class */ (function () {
         text = this.processTextCore(this.getParentTextProcessor(), text, returnDisplayValue);
         return this.processTextCore(this.survey, text, returnDisplayValue);
     };
-    QuestionTextProcessor.prototype.processTextEx = function (text, returnDisplayValue) {
-        text = this.processText(text, returnDisplayValue);
+    QuestionTextProcessor.prototype.processTextEx = function (params) {
+        params.text = this.processText(params.text, params.returnDisplayValue);
         var hasAllValuesOnLastRun = this.textPreProcessor.hasAllValuesOnLastRun;
-        var res = { hasAllValuesOnLastRun: true, text: text };
+        var res = { hasAllValuesOnLastRun: true, text: params.text };
         if (this.survey) {
-            res = this.survey.processTextEx(text, returnDisplayValue, false);
+            res = this.survey.processTextEx(params);
         }
         res.hasAllValuesOnLastRun =
             res.hasAllValuesOnLastRun && hasAllValuesOnLastRun;
@@ -24512,6 +24628,13 @@ var question_custom_QuestionCompositeModel = /** @class */ (function (_super) {
             };
         }
     };
+    Object.defineProperty(QuestionCompositeModel.prototype, "ariaRole", {
+        get: function () {
+            return "group";
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionCompositeModel.ItemVariableName = "composite";
     return QuestionCompositeModel;
 }(question_custom_QuestionCustomModelBase));
@@ -29138,6 +29261,7 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
             counter++;
         } while (!helpers_Helpers.isTwoValueEquals(prevTotalValue, this.totalValue) &&
             counter < 3);
+        this.updateVisibilityBasedOnRows();
     };
     QuestionMatrixDropdownModelBase.prototype.runTriggers = function (name, value) {
         _super.prototype.runTriggers.call(this, name, value);
@@ -29318,7 +29442,7 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
          * }
          * ```
          *
-         * To enable Markdown support for the `text` 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 `text` 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 markdown-it](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
          *
          * If you add custom properties, refer to the following help topic to learn how to serialize them into JSON: [Add Custom Properties to Property Grid](https://surveyjs.io/survey-creator/documentation/property-grid#add-custom-properties-to-the-property-grid).
          *
@@ -29860,9 +29984,11 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         rec.validationValues = this.getDataFilteredValues();
         rec.isSingleDetailPanel = this.detailPanelMode === "underRowSingle";
         for (var i = 0; i < rows.length; i++) {
-            res = rows[i].hasErrors(fireCallback, rec, function () {
-                _this.raiseOnCompletedAsyncValidators();
-            }) || res;
+            if (rows[i].isVisible) {
+                res = rows[i].hasErrors(fireCallback, rec, function () {
+                    _this.raiseOnCompletedAsyncValidators();
+                }) || res;
+            }
         }
         return res;
     };
@@ -29949,7 +30075,7 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
             if (duplicatedRows.indexOf(row) < 0) {
                 var question = row.getQuestionByName(columnName);
                 if (question) {
-                    _this.removeDuplicationError(question);
+                    _this.removeDuplicationError(row, question);
                 }
             }
         });
@@ -29967,8 +30093,10 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
             question.addError(new KeyDuplicationError(this.keyDuplicationError, this));
         }
     };
-    QuestionMatrixDropdownModelBase.prototype.removeDuplicationError = function (question) {
-        question.removeError(this.getDuplicationError(question));
+    QuestionMatrixDropdownModelBase.prototype.removeDuplicationError = function (row, question) {
+        if (question.removeError(this.getDuplicationError(question)) && question.errors.length === 0 && !!row.editingObj) {
+            row.editingObj[question.getValueName()] = question.value;
+        }
     };
     QuestionMatrixDropdownModelBase.prototype.getFirstQuestionToFocus = function (withError) {
         return this.getFirstCellQuestion(withError);
@@ -32425,6 +32553,7 @@ var question_matrixdynamic_QuestionMatrixDynamicModel = /** @class */ (function
                 newRow = lastDelRow;
             }
             else {
+                lastDelRow = undefined;
                 newRow = this.createMatrixRow(val[index]);
             }
             rows.splice(index, 0, newRow);
@@ -32441,6 +32570,12 @@ var question_matrixdynamic_QuestionMatrixDynamicModel = /** @class */ (function
     QuestionMatrixDynamicModel.prototype.updateValueFromSurvey = function (newValue, clearData) {
         if (clearData === void 0) { clearData = false; }
         this.setRowCountValueFromData = true;
+        if (this.minRowCount > 0 && helpers_Helpers.isValueEmpty(newValue) && !helpers_Helpers.isValueEmpty(this.defaultRowValue)) {
+            newValue = [];
+            for (var i = 0; i < this.minRowCount; i++) {
+                newValue.push(helpers_Helpers.createCopy(this.defaultRowValue));
+            }
+        }
         _super.prototype.updateValueFromSurvey.call(this, newValue, clearData);
         this.setRowCountValueFromData = false;
     };
@@ -32685,7 +32820,6 @@ var defaultV2Css = {
         titleExpanded: "sd-element__title--expanded",
         titleCollapsed: "sd-element__title--collapsed",
         titleDisabled: "sd-element__title--disabled",
-        titleHidden: "sd-element__title--hidden",
         titleOnExpand: "sd-panel__title--expanded",
         titleOnError: "sd-panel__title--error",
         titleBar: "sd-action-title-bar",
@@ -32698,7 +32832,6 @@ var defaultV2Css = {
         footer: "sd-panel__footer",
         requiredText: "sd-panel__required-text",
         header: "sd-panel__header sd-element__header sd-element__header--location-top",
-        headerHidden: "sd-panel__header--hidden",
         collapsed: "sd-element--collapsed",
         expanded: "sd-element--expanded",
         expandable: "sd-element--expandable",
@@ -33397,6 +33530,7 @@ var defaultV2Css = {
         rootSelectToRankEmptyValueMod: "sv-ranking--select-to-rank-empty-value",
         rootSelectToRankAlignVertical: "sv-ranking--select-to-rank-vertical",
         rootSelectToRankAlignHorizontal: "sv-ranking--select-to-rank-horizontal",
+        rootSelectToRankSwapAreas: "sv-ranking--select-to-rank-swap-areas",
         item: "sv-ranking-item",
         itemContent: "sv-ranking-item__content sd-ranking-item__content",
         itemIndex: "sv-ranking-item__index sd-ranking-item__index",
@@ -34212,7 +34346,13 @@ var header_Cover = /** @class */ (function (_super) {
     };
     Object.defineProperty(Cover.prototype, "renderedHeight", {
         get: function () {
-            return this.height && (this.survey && !this.survey.isMobile || !this.survey) ? Math.max(this.height, this.actualHeight + 40) + "px" : undefined;
+            if (this.survey && !this.survey.isMobile || !this.survey) {
+                return this.height ? Math.max(this.height, this.actualHeight + 40) + "px" : undefined;
+            }
+            if (this.survey && this.survey.isMobile) {
+                return this.mobileHeight ? Math.max(this.mobileHeight, this.actualHeight + 40) + "px" : undefined;
+            }
+            return undefined;
         },
         enumerable: false,
         configurable: true
@@ -34313,6 +34453,9 @@ var header_Cover = /** @class */ (function (_super) {
     header_decorate([
         jsonobject_property()
     ], Cover.prototype, "height", void 0);
+    header_decorate([
+        jsonobject_property()
+    ], Cover.prototype, "mobileHeight", void 0);
     header_decorate([
         jsonobject_property()
     ], Cover.prototype, "inheritWidthFrom", void 0);
@@ -34394,6 +34537,7 @@ var header_Cover = /** @class */ (function (_super) {
 
 Serializer.addClass("cover", [
     { name: "height:number", minValue: 0, default: 256 },
+    { name: "mobileHeight:number", minValue: 0, default: 0 },
     { name: "inheritWidthFrom", default: "container" },
     { name: "textAreaWidth:number", minValue: 0, default: 512 },
     { name: "textGlowEnabled:boolean" },
@@ -34795,6 +34939,13 @@ var panel_QuestionRowModel = /** @class */ (function (_super) {
     QuestionRowModel.getRowId = function () {
         return "pr_" + QuestionRowModel.rowCounter++;
     };
+    Object.defineProperty(QuestionRowModel.prototype, "allowRendering", {
+        get: function () {
+            return !this.panel || !this.panel.survey || !this.panel.survey["isLazyRenderingSuspended"];
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionRowModel.prototype.startLazyRendering = function (rowContainerDiv, findScrollableContainer) {
         var _this = this;
         if (findScrollableContainer === void 0) { findScrollableContainer = findScrollableParent; }
@@ -34809,6 +34960,9 @@ var panel_QuestionRowModel = /** @class */ (function (_super) {
         this.isNeedRender = !hasScroll;
         if (hasScroll) {
             this._updateVisibility = function () {
+                if (!_this.allowRendering) {
+                    return;
+                }
                 var isRowContainerDivVisible = isElementVisible(rowContainerDiv, 50);
                 if (!_this.isNeedRender && isRowContainerDivVisible) {
                     _this.isNeedRender = true;
@@ -34942,6 +35096,10 @@ var panel_QuestionRowModel = /** @class */ (function (_super) {
             if (this.elements[i].isVisible) {
                 visElements.push(this.elements[i]);
             }
+            if (this.elements[i].isPanel || this.elements[i].getType() === "paneldynamic") {
+                this.setIsLazyRendering(false);
+                this.stopLazyRendering();
+            }
         }
         this.visibleElements = visElements;
         return;
@@ -35084,6 +35242,9 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["questionStartIndex", "showQuestionNumbers"], function () {
             _this.updateVisibleIndexes();
         });
+        _this.registerPropertyChangedHandlers(["title"], function () {
+            _this.calcHasTextInTitle();
+        });
         _this.dragDropPanelHelper = new drag_drop_panel_helper_v1_DragDropPanelHelperV1(_this);
         return _this;
     }
@@ -35158,10 +35319,13 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
             col.onPropertyValueChangedCallback = _this.onColumnPropertyValueChangedCallback;
         });
     };
+    PanelModelBase.prototype.calcHasTextInTitle = function () {
+        this.hasTextInTitle = !!this.title;
+    };
     Object.defineProperty(PanelModelBase.prototype, "hasTitle", {
         get: function () {
-            return ((this.canShowTitle() && this.locTitle.textOrHtml.length > 0) ||
-                (this.isDesignMode && (this.showTitle && this.isInteractiveDesignElement && settings.designMode.showEmptyTitles)));
+            return ((this.canShowTitle() && (this.hasTextInTitle || this.locTitle.textOrHtml.length > 0)) ||
+                (this.isDesignMode && !(settings.supportCreatorV2 && this.isPanel) && this.showTitle && settings.designMode.showEmptyTitles));
         },
         enumerable: false,
         configurable: true
@@ -35649,6 +35813,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
          * @see questions
          */
         get: function () {
+            base_Base.collectDependency(this, "elements");
             return this.elementsValue;
         },
         enumerable: false,
@@ -36145,11 +36310,21 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
             this.onVisibleChanged();
         }
     };
+    PanelModelBase.prototype.canRenderFirstRows = function () {
+        return this.isPage;
+    };
+    PanelModelBase.prototype.isLazyRenderInRow = function (rowIndex) {
+        if (!this.survey || !this.survey.isLazyRendering)
+            return false;
+        return (rowIndex >= this.survey.lazyRenderingFirstBatchSize ||
+            !this.canRenderFirstRows());
+    };
     PanelModelBase.prototype.createRowAndSetLazy = function (index) {
         var row = this.createRow();
         row.setIsLazyRendering(this.isLazyRenderInRow(index));
         return row;
     };
+    // TODO V2: make all createRow API private (at least protected) after removing DragDropPanelHelperV1
     PanelModelBase.prototype.createRow = function () {
         return new panel_QuestionRowModel(this);
     };
@@ -36161,6 +36336,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         }
         this.onElementVisibilityChanged(this);
         this.releaseAnimations();
+        this.calcHasTextInTitle();
     };
     PanelModelBase.prototype.onFirstRendering = function () {
         _super.prototype.onFirstRendering.call(this);
@@ -36379,15 +36555,6 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         }
         return result;
     };
-    PanelModelBase.prototype.isLazyRenderInRow = function (rowIndex) {
-        if (!this.survey || !this.survey.isLazyRendering)
-            return false;
-        return (rowIndex >= this.survey.lazyRenderingFirstBatchSize ||
-            !this.canRenderFirstRows());
-    };
-    PanelModelBase.prototype.canRenderFirstRows = function () {
-        return this.isPage;
-    };
     PanelModelBase.prototype.getDragDropInfo = function () {
         var page = this.getPage(this.parent);
         return !!page ? page.getDragDropInfo() : undefined;
@@ -36417,27 +36584,74 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
             }
         }
     };
-    PanelModelBase.prototype.disableLazyRenderingBeforeElement = function (el) {
-        var row = el ? this.findRowByElement(el) : undefined;
-        var index = el ? this.rows.indexOf(row) : this.rows.length - 1;
-        for (var i = index; i >= 0; i--) {
-            var currentRow = this.rows[i];
-            if (currentRow.isNeedRender) {
-                break;
-            }
-            else {
-                currentRow.isNeedRender = true;
-                currentRow.stopLazyRendering();
-            }
-        }
+    PanelModelBase.prototype.getAllRows = function () {
+        var _this = this;
+        var allRows = [];
+        this.rows.forEach(function (row) {
+            var nestedRows = [];
+            row.elements.forEach(function (element) {
+                if (element.isPanel) {
+                    nestedRows.push.apply(nestedRows, element.getAllRows());
+                }
+                else if (element.getType() == "paneldynamic") {
+                    if (_this.isDesignMode) {
+                        nestedRows.push.apply(nestedRows, element.template.getAllRows());
+                    }
+                    else {
+                        element.panels.forEach(function (panel) { return nestedRows.push.apply(nestedRows, panel.getAllRows()); });
+                    }
+                }
+            });
+            allRows.push(row);
+            allRows.push.apply(allRows, nestedRows);
+        });
+        return allRows;
     };
-    PanelModelBase.prototype.findRowByElement = function (el) {
-        var rows = this.rows;
+    PanelModelBase.prototype.findRowAndIndexByElement = function (el, rows) {
+        if (!el) {
+            return { row: undefined, index: this.rows.length - 1 };
+        }
+        rows = rows || this.rows;
         for (var i = 0; i < rows.length; i++) {
             if (rows[i].elements.indexOf(el) > -1)
-                return rows[i];
+                return { row: rows[i], index: i };
         }
-        return null;
+        return { row: null, index: -1 };
+    };
+    PanelModelBase.prototype.forceRenderRow = function (row) {
+        if (!!row && !row.isNeedRender) {
+            row.isNeedRender = true;
+            row.stopLazyRendering();
+        }
+    };
+    PanelModelBase.prototype.forceRenderElement = function (el, elementsRendered, gap) {
+        if (elementsRendered === void 0) { elementsRendered = function () { }; }
+        if (gap === void 0) { gap = 0; }
+        var allRows = this.getAllRows();
+        var _a = this.findRowAndIndexByElement(el, allRows), row = _a.row, index = _a.index;
+        if (index >= 0 && index < allRows.length) {
+            var rowsToRender = [];
+            rowsToRender.push(row);
+            for (var i = index - 1; i >= index - gap && i >= 0; i--) {
+                rowsToRender.push(allRows[i]);
+            }
+            this.forceRenderRows(rowsToRender, elementsRendered);
+        }
+    };
+    PanelModelBase.prototype.forceRenderRows = function (rows, elementsRendered) {
+        var _this = this;
+        if (elementsRendered === void 0) { elementsRendered = function () { }; }
+        var rowRenderedHandler = (function (rowsCount) { return function () {
+            rowsCount--;
+            if (rowsCount <= 0) {
+                elementsRendered();
+            }
+        }; })(rows.length);
+        rows.forEach(function (row) { return new RenderingCompletedAwaiter(row.visibleElements, rowRenderedHandler); });
+        rows.forEach(function (row) { return _this.forceRenderRow(row); });
+    };
+    PanelModelBase.prototype.findRowByElement = function (el) {
+        return this.findRowAndIndexByElement(el).row;
     };
     PanelModelBase.prototype.elementWidthChanged = function (el) {
         if (this.isLoadingFromJson)
@@ -36913,6 +37127,9 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     panel_decorate([
         jsonobject_property({ defaultValue: true })
     ], PanelModelBase.prototype, "showTitle", void 0);
+    panel_decorate([
+        jsonobject_property({ defaultValue: false })
+    ], PanelModelBase.prototype, "hasTextInTitle", void 0);
     panel_decorate([
         jsonobject_property({ defaultValue: true })
     ], PanelModelBase.prototype, "showDescription", void 0);
@@ -36943,9 +37160,6 @@ var panel_PanelModel = /** @class */ (function (_super) {
         });
         _this.registerPropertyChangedHandlers(["indent", "innerIndent", "rightIndent"], function () { _this.onIndentChanged(); });
         _this.registerPropertyChangedHandlers(["colSpan"], function () { var _a; (_a = _this.parent) === null || _a === void 0 ? void 0 : _a.updateColumns(); });
-        _this.registerPropertyChangedHandlers(["title"], function () {
-            _this.calcHasTextInTitle();
-        });
         return _this;
     }
     PanelModel.prototype.getType = function () {
@@ -36965,37 +37179,15 @@ var panel_PanelModel = /** @class */ (function (_super) {
         }
         return _super.prototype.getSurvey.call(this, live);
     };
-    Object.defineProperty(PanelModel.prototype, "hasTextInTitle", {
-        get: function () {
-            return this.getPropertyValue("hasTextInTitle");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    PanelModel.prototype.calcHasTextInTitle = function () {
-        this.setPropertyValue("hasTextInTitle", !!this.title);
-    };
     PanelModel.prototype.onSurveyLoad = function () {
         _super.prototype.onSurveyLoad.call(this);
         this.onIndentChanged();
-        this.calcHasTextInTitle();
     };
     PanelModel.prototype.onSetData = function () {
         _super.prototype.onSetData.call(this);
         this.onIndentChanged();
         this.calcHasTextInTitle();
     };
-    Object.defineProperty(PanelModel.prototype, "cssHeader", {
-        get: function () {
-            return new CssClassBuilder()
-                .append(this.cssClasses.panel.header)
-                .append(this.cssClasses.panel.headerHidden, !this.hasTextInTitle &&
-                !this.hasDescription &&
-                this.isDesignMode).toString();
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(PanelModel.prototype, "isPanel", {
         get: function () {
             return true;
@@ -37134,7 +37326,7 @@ var panel_PanelModel = /** @class */ (function (_super) {
         var _this = this;
         var locTitleValue = _super.prototype.createLocTitleProperty.call(this);
         locTitleValue.onGetTextCallback = function (text) {
-            if (!text && (_this.state !== "default" || (_this.isDesignMode && _this.isDefaultV2Theme && _this.isInteractiveDesignElement))) {
+            if (!text && (_this.state !== "default")) {
                 text = _this.name;
             }
             return text;
@@ -37143,7 +37335,7 @@ var panel_PanelModel = /** @class */ (function (_super) {
     };
     PanelModel.prototype.beforeSetVisibleIndex = function (index) {
         var visibleIndex = -1;
-        if (this.showNumber && (this.isDesignMode || !this.locTitle.isEmpty)) {
+        if (this.showNumber && (this.isDesignMode || !this.locTitle.isEmpty || this.hasParentInQuestionIndex())) {
             visibleIndex = index;
         }
         this.setPropertyValue("visibleIndex", visibleIndex);
@@ -37151,14 +37343,21 @@ var panel_PanelModel = /** @class */ (function (_super) {
         return visibleIndex < 0 ? 0 : 1;
     };
     PanelModel.prototype.getPanelStartIndex = function (index) {
-        if (this.showQuestionNumbers == "off")
+        if (this.showQuestionNumbers === "off")
             return -1;
-        if (this.showQuestionNumbers == "onpanel")
+        if (this.showQuestionNumbers === "onpanel")
             return 0;
         return index;
     };
+    PanelModel.prototype.hasParentInQuestionIndex = function () {
+        if (this.showQuestionNumbers !== "onpanel")
+            return false;
+        var str = this.questionStartIndex;
+        var index = str.indexOf(".");
+        return index > -1 && index < str.length - 1;
+    };
     PanelModel.prototype.isContinueNumbering = function () {
-        return (this.showQuestionNumbers != "off" && this.showQuestionNumbers != "onpanel");
+        return this.showQuestionNumbers !== "off" && this.showQuestionNumbers !== "onpanel";
     };
     PanelModel.prototype.notifySurveyOnVisibilityChanged = function () {
         if (this.survey != null && !this.isLoadingFromJson) {
@@ -37297,10 +37496,7 @@ var panel_PanelModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(PanelModel.prototype, "cssTitle", {
         get: function () {
-            return new CssClassBuilder()
-                .append(this.getCssTitle(this.cssClasses.panel))
-                .append(this.cssClasses.panel.titleHidden, !this.hasTextInTitle && this.isDesignMode)
-                .toString();
+            return this.getCssTitle(this.cssClasses.panel);
         },
         enumerable: false,
         configurable: true
@@ -37783,6 +37979,10 @@ var page_PageModel = /** @class */ (function (_super) {
     PageModel.prototype.canShowTitle = function () {
         return this.survey && this.survey.showPageTitles;
     };
+    PageModel.prototype.setTitleValue = function (val) {
+        _super.prototype.setTitleValue.call(this, val);
+        this.navigationLocStrChanged();
+    };
     Object.defineProperty(PageModel.prototype, "navigationTitle", {
         /**
          * A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar), [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"pages"`, and [`progressBarShowPageTitles`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarShowPageTitles) is `true`.
@@ -37825,6 +38025,13 @@ var page_PageModel = /** @class */ (function (_super) {
         this.locNavigationTitle.strChanged();
         this.locNavigationDescription.strChanged();
     };
+    PageModel.prototype.getMarkdownHtml = function (text, name) {
+        var result = _super.prototype.getMarkdownHtml.call(this, text, name);
+        if (name === "navigationTitle" && this.canShowPageNumber() && result) {
+            return this.num + ". " + result;
+        }
+        return result;
+    };
     Object.defineProperty(PageModel.prototype, "passed", {
         get: function () {
             return this.getPropertyValue("passed", false);
@@ -38367,24 +38574,8 @@ function tryFocusPage(survey, panel) {
     return true;
 }
 function createTOCListModel(survey, onAction) {
-    var _a;
-    var pagesSource = survey.questionsOnPageMode === "singlePage" ? (_a = survey.pages[0]) === null || _a === void 0 ? void 0 : _a.elements : survey.pages;
-    var items = (pagesSource || []).map(function (page) {
-        return new action_Action({
-            id: page.name,
-            locTitle: page.locNavigationTitle,
-            action: function () {
-                DomDocumentHelper.activeElementBlur();
-                !!onAction && onAction();
-                if (page instanceof page_PageModel) {
-                    return survey.tryNavigateToPage(page);
-                }
-                return tryFocusPage(survey, page);
-            },
-            visible: new ComputedUpdater(function () { return page.isVisible && !(page["isStartPage"]); })
-        });
-    });
-    var selectedItem = items.filter(function (i) { return !!survey.currentPage && i.id === survey.currentPage.name; })[0] || items.filter(function (i) { return i.id === pagesSource[0].name; })[0];
+    var items = getTOCItems(survey, onAction);
+    var selectedItem = items.filter(function (i) { return !!survey.currentPage && i.id === survey.currentPage.name; })[0] || items[0];
     var listOptions = {
         items: items,
         onSelectionChanged: function (item) {
@@ -38400,10 +38591,35 @@ function createTOCListModel(survey, onAction) {
     var listModel = new list_ListModel(listOptions);
     listModel.allowSelection = false;
     survey.onCurrentPageChanged.add(function (s, o) {
-        listModel.selectedItem = items.filter(function (i) { return !!survey.currentPage && i.id === survey.currentPage.name; })[0];
+        listModel.selectedItem = listModel.actions.filter(function (i) { return !!survey.currentPage && i.id === survey.currentPage.name; })[0];
     });
+    survey.registerFunctionOnPropertyValueChanged("pages", function () {
+        listModel.setItems(getTOCItems(survey, onAction));
+    }, "toc");
     return listModel;
 }
+function getTOCItems(survey, onAction) {
+    var _a;
+    var pagesSource = survey.questionsOnPageMode === "singlePage" ? (_a = survey.pages[0]) === null || _a === void 0 ? void 0 : _a.elements : survey.pages;
+    var items = (pagesSource || []).map(function (page) {
+        return new action_Action({
+            id: page.name,
+            locTitle: page.locNavigationTitle,
+            action: function () {
+                DomDocumentHelper.activeElementBlur();
+                !!onAction && onAction();
+                if (page instanceof page_PageModel) {
+                    return survey.tryNavigateToPage(page);
+                }
+                return tryFocusPage(survey, page);
+            },
+            visible: new ComputedUpdater(function () {
+                return page.isVisible && !(page["isStartPage"]);
+            })
+        });
+    });
+    return items;
+}
 function getTocRootCss(survey, isMobile) {
     if (isMobile === void 0) { isMobile = false; }
     var rootCss = surveyToc_TOCModel.RootStyle;
@@ -38474,6 +38690,7 @@ var surveyToc_TOCModel = /** @class */ (function () {
         configurable: true
     });
     TOCModel.prototype.dispose = function () {
+        this.survey.unRegisterFunctionOnPropertyValueChanged("pages", "toc");
         this.popupModel.dispose();
         this.listModel.dispose();
     };
@@ -39216,6 +39433,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          */
         _this.jsonErrors = null;
         _this.cssValue = null;
+        _this._isLazyRenderingSuspended = false;
         /**
          * Specifies whether to hide validation errors thrown by the Required validation in the UI.
          *
@@ -39252,6 +39470,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         _this.onResize = new EventBase();
         _this.isCurrentPageRendering = true;
         _this.isCurrentPageRendered = undefined;
+        _this.skeletonHeight = undefined;
         _this.isTriggerIsRunning = false;
         _this.triggerValues = null;
         _this.triggerKeys = null;
@@ -39738,22 +39957,29 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyModel.prototype.disableLazyRenderingBeforeElement = function (el) {
-        if (this.isDesignMode) {
-            var page = this.getPageByElement(el);
-            var index = this.pages.indexOf(page);
-            for (var i = index; i >= 0; i--) {
-                var currentPage = this.pages[i];
-                currentPage.disableLazyRenderingBeforeElement(currentPage == page ? el : undefined);
-            }
-        }
+    Object.defineProperty(SurveyModel.prototype, "isLazyRenderingSuspended", {
+        get: function () {
+            return this._isLazyRenderingSuspended;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyModel.prototype.suspendLazyRendering = function () {
+        if (!this.isLazyRendering)
+            return;
+        this._isLazyRenderingSuspended = true;
+    };
+    SurveyModel.prototype.releaseLazyRendering = function () {
+        if (!this.isLazyRendering)
+            return;
+        this._isLazyRenderingSuspended = false;
     };
     SurveyModel.prototype.updateLazyRenderingRowsOnRemovingElements = function () {
         if (!this.isLazyRendering)
             return;
         var page = this.currentPage;
         if (!!page) {
-            scrollElementByChildId(page.id);
+            activateLazyRenderingChecks(page.id);
         }
     };
     Object.defineProperty(SurveyModel.prototype, "triggers", {
@@ -40986,13 +41212,20 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     /**
      * Calculates a given [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) and returns a result value.
      * @param expression An expression to calculate.
+     * @param callback A callback function that you can use to access the calculation result if the expression uses asynchronous functions.
      */
-    SurveyModel.prototype.runExpression = function (expression) {
+    SurveyModel.prototype.runExpression = function (expression, callback) {
         if (!expression)
             return null;
         var values = this.getFilteredValues();
         var properties = this.getFilteredProperties();
-        return new ExpressionRunner(expression).run(values, properties);
+        var exp = new ExpressionRunner(expression);
+        var onCompleteRes = undefined;
+        exp.onRunComplete = function (res) {
+            onCompleteRes = res;
+            callback && callback(res);
+        };
+        return exp.run(values, properties) || onCompleteRes;
     };
     /**
      * Calculates a given [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) and returns `true` or `false`.
@@ -44280,7 +44513,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.onGetMatrixRowActions.fire(this, options);
         return options.actions;
     };
-    SurveyModel.prototype.scrollElementToTop = function (element, question, page, id, scrollIfVisible, scrollIntoViewOptions) {
+    SurveyModel.prototype.scrollElementToTop = function (element, question, page, id, scrollIfVisible, scrollIntoViewOptions, passedRootElement) {
+        var _this = this;
         var options = {
             element: element,
             question: question,
@@ -44290,7 +44524,25 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         };
         this.onScrollingElementToTop.fire(this, options);
         if (!options.cancel) {
-            survey_element_SurveyElement.ScrollElementToTop(options.elementId, scrollIfVisible, scrollIntoViewOptions);
+            var elementPage_1 = this.getPageByElement(element);
+            if (this.isLazyRendering) {
+                var elementsToRenderBefore = 1;
+                var rootElement = settings.environment.rootElement;
+                var surveyRootElement = this.rootElement || passedRootElement || rootElement;
+                if (!!this.skeletonHeight && !!surveyRootElement && typeof surveyRootElement.getBoundingClientRect === "function") {
+                    elementsToRenderBefore = surveyRootElement.getBoundingClientRect().height / this.skeletonHeight - 1;
+                }
+                elementPage_1.forceRenderElement(element, function () {
+                    _this.suspendLazyRendering();
+                    survey_element_SurveyElement.ScrollElementToTop(options.elementId, scrollIfVisible, scrollIntoViewOptions, function () {
+                        _this.releaseLazyRendering();
+                        activateLazyRenderingChecks(elementPage_1.id);
+                    });
+                }, elementsToRenderBefore);
+            }
+            else {
+                survey_element_SurveyElement.ScrollElementToTop(options.elementId, scrollIfVisible, scrollIntoViewOptions);
+            }
         }
     };
     /**
@@ -45928,13 +46180,15 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         return this.processText(options.html, true);
     };
     SurveyModel.prototype.processText = function (text, returnDisplayValue) {
-        return this.processTextEx(text, returnDisplayValue, false).text;
+        return this.processTextEx({ text: text, returnDisplayValue: returnDisplayValue, doEncoding: false }).text;
     };
-    SurveyModel.prototype.processTextEx = function (text, returnDisplayValue, doEncoding) {
-        var res = {
-            text: this.processTextCore(text, returnDisplayValue, doEncoding),
-            hasAllValuesOnLastRun: true,
-        };
+    SurveyModel.prototype.processTextEx = function (params) {
+        var doEncoding = params.doEncoding === undefined ? settings.web.encodeUrlParams : params.doEncoding;
+        var text = params.text;
+        if (params.runAtDesign || !this.isDesignMode) {
+            text = this.textPreProcessor.process(text, params.returnDisplayValue === true, doEncoding);
+        }
+        var res = { text: text, hasAllValuesOnLastRun: true };
         res.hasAllValuesOnLastRun = this.textPreProcessor.hasAllValuesOnLastRun;
         return res;
     };
@@ -45952,12 +46206,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyModel.prototype.processTextCore = function (text, returnDisplayValue, doEncoding) {
-        if (doEncoding === void 0) { doEncoding = false; }
-        if (this.isDesignMode)
-            return text;
-        return this.textPreProcessor.process(text, returnDisplayValue, doEncoding);
-    };
     SurveyModel.prototype.getSurveyMarkdownHtml = function (element, text, name) {
         var options = {
             element: element,
@@ -48192,7 +48440,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
          * }
          * ```
          *
-         * To enable Markdown support for the `text` 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 `text` 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 markdown-it](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
          *
          * If you add custom properties, refer to the following help topic to learn how to serialize them into JSON: [Add Custom Properties to Property Grid](https://surveyjs.io/survey-creator/documentation/property-grid#add-custom-properties-to-the-property-grid).
          *
@@ -48228,7 +48476,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
             this.isLockVisibleChoices = !!question && question.name === val;
             if (!!question && question.name !== val) {
                 question.removeDependedQuestion(this);
-                if (this.isDesignMode && !this.isLoadingFromJson && !!val) {
+                if (this.isInDesignMode && !this.isLoadingFromJson && !!val) {
                     this.setPropertyValue("choicesFromQuestion", undefined);
                 }
             }
@@ -48575,8 +48823,8 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionSelectBase.prototype, "isAddDefaultItems", {
         get: function () {
-            return settings.showDefaultItemsInCreatorV2 && this.isDesignModeV2 &&
-                !this.customWidget && !this.isContentElement;
+            return settings.showDefaultItemsInCreatorV2 && this.isInDesignModeV2 &&
+                !this.customWidget;
         },
         enumerable: false,
         configurable: true
@@ -48702,7 +48950,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionSelectBase.prototype, "isEmptyActiveChoicesInDesign", {
         get: function () {
-            return this.isDesignModeV2 && (this.hasChoicesUrl || this.isMessagePanelVisible);
+            return this.isInDesignModeV2 && (this.hasChoicesUrl || this.isMessagePanelVisible);
         },
         enumerable: false,
         configurable: true
@@ -48742,7 +48990,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
         return !!question && question.isValueArray ? question : null;
     };
     QuestionSelectBase.prototype.getChoicesFromArrayQuestion = function (question) {
-        if (this.isDesignMode)
+        if (this.isInDesignMode)
             return [];
         var val = question.value;
         if (!Array.isArray(val))
@@ -48767,7 +49015,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
         return keys.length > 0 ? keys[0] : undefined;
     };
     QuestionSelectBase.prototype.getChoicesFromSelectQuestion = function (question) {
-        if (this.isDesignMode)
+        if (this.isInDesignMode)
             return [];
         var res = [];
         var isSelected = this.choicesFromQuestionMode == "selected"
@@ -48942,7 +49190,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
     };
     QuestionSelectBase.prototype.runChoicesByUrl = function () {
         this.updateIsUsingRestful();
-        if (!this.choicesByUrl || this.isLoadingFromJson || this.isRunningChoices || this.isDesignModeV2)
+        if (!this.choicesByUrl || this.isLoadingFromJson || this.isRunningChoices || this.isInDesignModeV2)
             return;
         var processor = this.surveyImpl
             ? this.surveyImpl.getTextProcessor()
@@ -49110,7 +49358,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
         return !choices || choices.length > 0;
     };
     QuestionSelectBase.prototype.sortVisibleChoices = function (array) {
-        if (this.isDesignMode)
+        if (this.isInDesignMode)
             return array;
         var order = this.choicesOrder.toLowerCase();
         if (order == "asc")
@@ -49335,7 +49583,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionSelectBase.prototype, "headItems", {
         get: function () {
-            var count = (this.separateSpecialChoices || this.isDesignMode) ? this.headItemsCount : 0;
+            var count = (this.separateSpecialChoices || this.isInDesignMode) ? this.headItemsCount : 0;
             var res = [];
             for (var i = 0; i < count; i++) {
                 if (this.renderedChoices[i]) {
@@ -49349,7 +49597,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionSelectBase.prototype, "footItems", {
         get: function () {
-            var count = (this.separateSpecialChoices || this.isDesignMode) ? this.footItemsCount : 0;
+            var count = (this.separateSpecialChoices || this.isInDesignMode) ? this.footItemsCount : 0;
             var res = [];
             var items = this.renderedChoices;
             for (var i = 0; i < count; i++) {
@@ -49396,7 +49644,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
             var columns = [];
             var colCount = this.getCurrentColCount();
             if (this.hasColumns && this.renderedChoices.length > 0) {
-                var choicesToBuildColumns = (!this.separateSpecialChoices && !this.isDesignMode) ?
+                var choicesToBuildColumns = (!this.separateSpecialChoices && !this.isInDesignMode) ?
                     this.renderedChoices : this.dataChoices;
                 if (settings.showItemsInOrder == "column") {
                     var prevIndex = 0;
@@ -52032,11 +52280,16 @@ var question_matrix_MatrixRowModel = /** @class */ (function (_super) {
     return MatrixRowModel;
 }(base_Base));
 
-var question_matrix_MatrixCells = /** @class */ (function () {
+var question_matrix_MatrixCells = /** @class */ (function (_super) {
+    question_matrix_extends(MatrixCells, _super);
     function MatrixCells(cellsOwner) {
-        this.cellsOwner = cellsOwner;
-        this.values = {};
+        var _this = _super.call(this) || this;
+        _this.cellsOwner = cellsOwner;
+        _this.values = {};
+        _this.locs = {};
+        return _this;
     }
+    MatrixCells.prototype.getType = function () { return "cells"; };
     Object.defineProperty(MatrixCells.prototype, "isEmpty", {
         get: function () {
             return Object.keys(this.values).length == 0;
@@ -52045,78 +52298,97 @@ var question_matrix_MatrixCells = /** @class */ (function () {
         configurable: true
     });
     MatrixCells.prototype.valuesChanged = function () {
-        if (!!this.onValuesChanged) {
+        if (!this.locNotification && !!this.onValuesChanged) {
             this.onValuesChanged();
         }
     };
-    MatrixCells.prototype.setCellText = function (row, column, val) {
+    MatrixCells.prototype.getDefaultCellLocText = function (column) {
+        return this.getCellLocCore(this.defaultRowValue, column);
+    };
+    MatrixCells.prototype.getCellDisplayLocText = function (row, column) {
+        return this.getCellLocCore(row, column);
+    };
+    MatrixCells.prototype.getCellLocCore = function (row, col) {
+        var _this = this;
         row = this.getCellRowColumnValue(row, this.rows);
-        column = this.getCellRowColumnValue(column, this.columns);
-        if (!row || !column)
-            return;
-        if (val) {
-            if (!this.values[row])
-                this.values[row] = {};
-            if (!this.values[row][column])
-                this.values[row][column] = this.createString();
-            this.values[row][column].text = val;
+        col = this.getCellRowColumnValue(col, this.columns);
+        if (helpers_Helpers.isValueEmpty(row) || helpers_Helpers.isValueEmpty(col))
+            return null;
+        if (!this.locs[row]) {
+            this.locs[row] = {};
         }
-        else {
-            if (this.values[row] && this.values[row][column]) {
-                var loc = this.values[row][column];
-                loc.text = "";
-                if (loc.isEmpty) {
-                    delete this.values[row][column];
-                    if (Object.keys(this.values[row]).length == 0) {
-                        delete this.values[row];
+        var res = this.locs[row][col];
+        if (!res) {
+            res = this.createString();
+            res.setJson(this.getCellLocData(row, col));
+            res.onGetTextCallback = function (str) {
+                if (!str) {
+                    var column = itemvalue_ItemValue.getItemByValue(_this.columns, col);
+                    if (column) {
+                        return column.locText.getJson() || column.value;
                     }
                 }
-            }
+                return str;
+            };
+            res.onStrChanged = function (oldValue, newValue) {
+                _this.updateValues(row, col, newValue);
+            };
+            this.locs[row][col] = res;
         }
-        this.valuesChanged();
+        return res;
     };
-    MatrixCells.prototype.setDefaultCellText = function (column, val) {
-        this.setCellText(settings.matrix.defaultRowName, column, val);
+    Object.defineProperty(MatrixCells.prototype, "defaultRowValue", {
+        get: function () { return settings.matrix.defaultRowName; },
+        enumerable: false,
+        configurable: true
+    });
+    MatrixCells.prototype.getCellLocData = function (row, col) {
+        var data = this.getCellLocDataFromValue(row, col);
+        if (data)
+            return data;
+        return this.getCellLocDataFromValue(this.defaultRowValue, col);
     };
-    MatrixCells.prototype.getCellLocText = function (row, column) {
-        row = this.getCellRowColumnValue(row, this.rows);
-        column = this.getCellRowColumnValue(column, this.columns);
-        if (!row || !column)
-            return null;
+    MatrixCells.prototype.getCellLocDataFromValue = function (row, column) {
         if (!this.values[row])
             return null;
         if (!this.values[row][column])
             return null;
         return this.values[row][column];
     };
-    MatrixCells.prototype.getDefaultCellLocText = function (column, val) {
-        return this.getCellLocText(settings.matrix.defaultRowName, column);
+    MatrixCells.prototype.getCellText = function (row, column) {
+        var loc = this.getCellLocCore(row, column);
+        return loc ? loc.calculatedText : null;
     };
-    MatrixCells.prototype.getCellDisplayLocText = function (row, column) {
-        var cellText = this.getCellLocText(row, column);
-        if (cellText && !cellText.isEmpty)
-            return cellText;
-        cellText = this.getCellLocText(settings.matrix.defaultRowName, column);
-        if (cellText && !cellText.isEmpty)
-            return cellText;
-        if (typeof column == "number") {
-            column =
-                column >= 0 && column < this.columns.length
-                    ? this.columns[column]
-                    : null;
+    MatrixCells.prototype.setCellText = function (row, column, val) {
+        var loc = this.getCellLocCore(row, column);
+        if (loc) {
+            loc.text = val;
         }
-        if (column && column.locText)
-            return column.locText;
-        return null;
     };
-    MatrixCells.prototype.getCellText = function (row, column) {
-        var loc = this.getCellLocText(row, column);
-        return loc ? loc.calculatedText : null;
+    MatrixCells.prototype.updateValues = function (row, column, val) {
+        if (val) {
+            if (!this.values[row])
+                this.values[row] = {};
+            this.values[row][column] = val;
+            this.valuesChanged();
+        }
+        else {
+            if (this.values[row] && this.values[row][column]) {
+                delete this.values[row][column];
+                if (Object.keys(this.values[row]).length == 0) {
+                    delete this.values[row];
+                }
+                this.valuesChanged();
+            }
+        }
     };
     MatrixCells.prototype.getDefaultCellText = function (column) {
-        var loc = this.getCellLocText(settings.matrix.defaultRowName, column);
+        var loc = this.getCellLocCore(this.defaultRowValue, column);
         return loc ? loc.calculatedText : null;
     };
+    MatrixCells.prototype.setDefaultCellText = function (column, val) {
+        this.setCellText(this.defaultRowValue, column, val);
+    };
     MatrixCells.prototype.getCellDisplayText = function (row, column) {
         var loc = this.getCellDisplayLocText(row, column);
         return loc ? loc.calculatedText : null;
@@ -52150,18 +52422,22 @@ var question_matrix_MatrixCells = /** @class */ (function () {
     MatrixCells.prototype.getJson = function () {
         if (this.isEmpty)
             return null;
+        var defaultRow = this.values[this.defaultRowValue];
         var res = {};
         for (var row in this.values) {
             var resRow = {};
             var rowValues = this.values[row];
             for (var col in rowValues) {
-                resRow[col] = rowValues[col].getJson();
+                if (row === this.defaultRowValue || !defaultRow || defaultRow[col] !== rowValues[col]) {
+                    resRow[col] = rowValues[col];
+                }
             }
             res[row] = resRow;
         }
         return res;
     };
     MatrixCells.prototype.setJson = function (value) {
+        var _this = this;
         this.values = {};
         if (!!value) {
             for (var row in value) {
@@ -52172,21 +52448,23 @@ var question_matrix_MatrixCells = /** @class */ (function () {
                 for (var col in rowValues) {
                     if (col == "pos")
                         continue;
-                    var loc = this.createString();
-                    loc.setJson(rowValues[col]);
-                    this.values[row][col] = loc;
+                    this.values[row][col] = rowValues[col];
                 }
             }
         }
+        this.locNotification = true;
+        this.runFuncOnLocs(function (row, col, loc) { return loc.setJson(_this.getCellLocData(row, col)); });
+        this.locNotification = false;
         this.valuesChanged();
     };
     MatrixCells.prototype.locStrsChanged = function () {
-        if (this.isEmpty)
-            return;
-        for (var row in this.values) {
-            var rowValues = this.values[row];
+        this.runFuncOnLocs(function (row, col, loc) { return loc.strChanged(); });
+    };
+    MatrixCells.prototype.runFuncOnLocs = function (func) {
+        for (var row in this.locs) {
+            var rowValues = this.locs[row];
             for (var col in rowValues) {
-                rowValues[col].strChanged();
+                func(row, col, rowValues[col]);
             }
         }
     };
@@ -52194,7 +52472,7 @@ var question_matrix_MatrixCells = /** @class */ (function () {
         return new localizablestring_LocalizableString(this.cellsOwner, true);
     };
     return MatrixCells;
-}());
+}(base_Base));
 
 /**
   * A class that describes the Single-Select Matrix question type.
@@ -53155,6 +53433,7 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
             _this.updateRemainingCharacterCounter(event.target.value);
         };
         _this.onKeyUp = function (event) {
+            _this.updateDateValidationMessage(event);
             if (_this.isInputTextUpdate) {
                 if (!_this._isWaitingForEnter || event.keyCode === 13) {
                     _this.updateValueOnEvent(event);
@@ -53169,7 +53448,6 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
             _this.updateRemainingCharacterCounter(event.target.value);
         };
         _this.onKeyDown = function (event) {
-            _this.updateDateValidationMessage(event);
             _this.onKeyDownPreprocess && _this.onKeyDownPreprocess(event);
             if (_this.isInputTextUpdate) {
                 _this._isWaitingForEnter = event.keyCode === 229;
@@ -54723,7 +55001,7 @@ var question_multipletext_QuestionMultipleTextModel = /** @class */ (function (_
          * }
          * ```
          *
-         * 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 markdown-it](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
          * @see itemTitleWidth
          * @see addItem
          */
@@ -57238,19 +57516,31 @@ var choices_DragDropChoices = /** @class */ (function (_super) {
             return false;
         return true;
     };
-    DragDropChoices.prototype.calculateIsBottom = function (clientY) {
-        var choices = this.getVisibleChoices();
-        return (choices.indexOf(this.dropTarget) - choices.indexOf(this.draggedElement) >
-            0);
+    DragDropChoices.prototype.isDropTargetDoesntChanged = function (newIsBottom) {
+        return (this.dropTarget === this.prevDropTarget && newIsBottom === this.isBottom);
+    };
+    DragDropChoices.prototype.calculateIsBottom = function (clientY, dropTargetNode) {
+        var rect = dropTargetNode.getBoundingClientRect();
+        return clientY >= rect.y + rect.height / 2;
     };
     DragDropChoices.prototype.afterDragOver = function (dropTargetNode) {
-        if (this.isDropTargetDoesntChanged(this.isBottom))
-            return;
+        //if (this.isDropTargetDoesntChanged(this.isBottom)) return;
         var choices = this.getVisibleChoices();
         var dropTargetIndex = choices.indexOf(this.dropTarget);
         var draggedElementIndex = choices.indexOf(this.draggedElement);
-        choices.splice(draggedElementIndex, 1);
-        choices.splice(dropTargetIndex, 0, this.draggedElement);
+        if (draggedElementIndex < dropTargetIndex && this.isBottom === true) {
+            // drag "down"
+            choices.splice(draggedElementIndex, 1);
+            choices.splice(dropTargetIndex, 0, this.draggedElement);
+        }
+        else if (draggedElementIndex > dropTargetIndex && this.isBottom === false) {
+            // drag "up"
+            choices.splice(dropTargetIndex, 1);
+            choices.splice(draggedElementIndex, 0, this.dropTarget);
+        }
+        else {
+            return;
+        }
         if (this.parentElement.getType() === "imagepicker")
             return;
         if (draggedElementIndex !== dropTargetIndex) {
@@ -57410,10 +57700,9 @@ var ranking_choices_DragDropRankingChoices = /** @class */ (function (_super) {
     };
     DragDropRankingChoices.prototype.calculateIsBottom = function (clientY, dropTargetNode) {
         if (this.dropTarget instanceof itemvalue_ItemValue && this.draggedElement !== this.dropTarget) {
-            var rect = dropTargetNode.getBoundingClientRect();
-            return clientY >= rect.y + rect.height / 2;
+            return _super.prototype.calculateIsBottom.call(this, clientY, dropTargetNode);
         }
-        return _super.prototype.calculateIsBottom.call(this, clientY);
+        return false;
     };
     DragDropRankingChoices.prototype.getIndices = function (model, fromChoicesArray, toChoicesArray) {
         var fromIndex = fromChoicesArray.indexOf(this.draggedElement);
@@ -57771,6 +58060,7 @@ var question_ranking_QuestionRankingModel = /** @class */ (function (_super) {
                 .append(this.cssClasses.rootSelectToRankEmptyValueMod, this.isEmpty())
                 .append(this.cssClasses.rootSelectToRankAlignHorizontal, this.selectToRankEnabled && this.renderedSelectToRankAreasLayout === "horizontal")
                 .append(this.cssClasses.rootSelectToRankAlignVertical, this.selectToRankEnabled && this.renderedSelectToRankAreasLayout === "vertical")
+                .append(this.cssClasses.rootSelectToRankSwapAreas, this.selectToRankEnabled && this.renderedSelectToRankAreasLayout === "horizontal" && this.selectToRankSwapAreas)
                 .toString();
         },
         enumerable: false,
@@ -57865,6 +58155,11 @@ var question_ranking_QuestionRankingModel = /** @class */ (function (_super) {
         this.updateRankingChoices();
         this.releaseAnimations();
     };
+    QuestionRankingModel.prototype.updateValueFromSurvey = function (newValue, clearData) {
+        _super.prototype.updateValueFromSurvey.call(this, newValue, clearData);
+        if (newValue)
+            this.isValueSetByUser = true;
+    };
     QuestionRankingModel.prototype.addToValueByVisibleChoices = function () {
         var newValue = this.value.slice();
         this.visibleChoices.forEach(function (choice) {
@@ -58192,6 +58487,16 @@ var question_ranking_QuestionRankingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionRankingModel.prototype, "selectToRankSwapAreas", {
+        get: function () {
+            return this.getPropertyValue("selectToRankSwapAreas", false);
+        },
+        set: function (val) {
+            this.setPropertyValue("selectToRankSwapAreas", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionRankingModel.prototype, "selectToRankAreasLayout", {
         /**
          * Specifies the layout of the ranked and unranked areas. Applies when [`selectToRankEnabled`](https://surveyjs.io/form-library/documentation/api-reference/ranking-question-model#selectToRankEnabled) is `true`.
@@ -58321,6 +58626,13 @@ Serializer.addClass("ranking", [
         visible: true,
         isSerializable: true,
     },
+    {
+        name: "selectToRankSwapAreas:switch",
+        default: false,
+        visible: false,
+        isSerializable: true,
+        dependsOn: "selectToRankEnabled",
+    },
     {
         name: "selectToRankAreasLayout",
         default: "horizontal",
@@ -60558,8 +60870,14 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
             }
             _this.createRenderedRateItems();
         });
-        _this.createLocalizableString("minRateDescription", _this, true);
-        _this.createLocalizableString("maxRateDescription", _this, true);
+        _this.createLocalizableString("minRateDescription", _this, true)
+            .onStringChanged.add(function (sender, options) {
+            _this.hasMinRateDescription = !sender.isEmpty;
+        });
+        _this.createLocalizableString("maxRateDescription", _this, true)
+            .onStringChanged.add(function (sender, options) {
+            _this.hasMaxRateDescription = !sender.isEmpty;
+        });
         _this.initPropertyDependencies();
         return _this;
     }
@@ -60571,8 +60889,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     };
     QuestionRatingModel.prototype.endLoadingFromJson = function () {
         _super.prototype.endLoadingFromJson.call(this);
-        this.hasMinRateDescription = !!this.minRateDescription;
-        this.hasMaxRateDescription = !!this.maxRateDescription;
         if (this.jsonObj.rateMin !== undefined && this.jsonObj.rateCount !== undefined && this.jsonObj.rateMax === undefined) {
             this.updateRateMax();
         }
@@ -60674,7 +60990,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
          *
          * If you add custom properties, refer to the following help topic to learn how to serialize them into JSON: [Add Custom Properties to Property Grid](https://surveyjs.io/survey-creator/documentation/property-grid#add-custom-properties-to-the-property-grid).
          *
-         * To enable Markdown support for the `text` 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 `text` 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 markdown-it](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
          *
          * If you need to specify only the `value` property, you can set the `rateValues` property to an array of numbers, for example, `[ 3, 6, 10 ]`. These values are both saved in survey results and used as display text.
          *
@@ -60830,6 +61146,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
         }
         if (this.rateType == "smileys" && rateValues.length > 10)
             rateValues = rateValues.slice(0, 10);
+        this.visibleChoicesValue = rateValues.map(function (i, idx) { return _this.getRatingItemValue(i, idx); });
         this.renderedRateItems = rateValues.map(function (v, i) {
             var renderedItem = null;
             if (_this.displayRateDescriptionsAsExtremeItems) {
@@ -60849,14 +61166,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
         var step = this.rateStep;
         while (value <= this.rateMax &&
             res.length < settings.ratingMaximumRateValueCount) {
-            var description = void 0;
-            if (value === this.rateMin) {
-                description = this.minRateDescription && this.locMinRateDescription;
-            }
-            if (value === this.rateMax || res.length === settings.ratingMaximumRateValueCount) {
-                description = this.maxRateDescription && this.locMaxRateDescription;
-            }
-            var item = new RatingItemValue(value, description);
+            var item = new itemvalue_ItemValue(value);
             item.locOwner = this;
             item.ownerPropertyName = "rateValues";
             res.push(item);
@@ -60864,6 +61174,22 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
         }
         return res;
     };
+    QuestionRatingModel.prototype.getRatingItemValue = function (item, index) {
+        if (!item)
+            return null;
+        var value = item.value;
+        var description;
+        if (value === this.rateMin) {
+            description = this.minRateDescription && this.locMinRateDescription;
+        }
+        if (value === this.rateMax || index === settings.ratingMaximumRateValueCount) {
+            description = this.maxRateDescription && this.locMaxRateDescription;
+        }
+        var newItem = new RatingItemValue(value, description);
+        newItem.locOwner = item.locOwner;
+        newItem.ownerPropertyName = item.ownerPropertyName;
+        return newItem;
+    };
     QuestionRatingModel.prototype.correctValue = function (value, step) {
         if (!value)
             return value;
@@ -60918,7 +61244,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setLocalizableStringText("minRateDescription", val);
-            this.hasMinRateDescription = !!this.minRateDescription;
         },
         enumerable: false,
         configurable: true
@@ -60943,7 +61268,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setLocalizableStringText("maxRateDescription", val);
-            this.hasMaxRateDescription = !!this.maxRateDescription;
         },
         enumerable: false,
         configurable: true
@@ -61311,7 +61635,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionRatingModel.prototype, "visibleChoices", {
         get: function () {
-            return this.visibleRateValues;
+            return this.visibleChoicesValue;
         },
         enumerable: false,
         configurable: true
@@ -61363,6 +61687,11 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionRatingModel.prototype.onBlurCore = function (event) {
+        var _a;
+        (_a = this.dropdownListModel) === null || _a === void 0 ? void 0 : _a.onBlur(event);
+        _super.prototype.onBlurCore.call(this, event);
+    };
     QuestionRatingModel.prototype.updateCssClasses = function (res, css) {
         _super.prototype.updateCssClasses.call(this, res, css);
         if (!!this.dropdownListModel) {
@@ -64382,6 +64711,8 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
             _this.updateFooterActions();
         });
         _this.registerPropertyChangedHandlers(["allowAddPanel"], function () { _this.updateNoEntriesTextDefaultLoc(); });
+        _this.registerPropertyChangedHandlers(["minPanelCount"], function () { _this.onMinPanelCountChanged(); });
+        _this.registerPropertyChangedHandlers(["maxPanelCount"], function () { _this.onMaxPanelCountChanged(); });
         return _this;
     }
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "isCompositeQuestion", {
@@ -65318,8 +65649,11 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
             value = [];
         if (value.length == this.panelCount)
             return;
-        for (var i = value.length; i < this.panelCount; i++)
-            value.push({});
+        for (var i = value.length; i < this.panelCount; i++) {
+            var panelValue = this.panels[i].getValue();
+            var val = !helpers_Helpers.isValueEmpty(panelValue) ? panelValue : {};
+            value.push(val);
+        }
         if (value.length > this.panelCount) {
             value.splice(this.panelCount, value.length - this.panelCount);
         }
@@ -65342,17 +65676,18 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         set: function (val) {
             if (val < 0)
                 val = 0;
-            if (val == this.minPanelCount)
-                return;
             this.setPropertyValue("minPanelCount", val);
-            if (val > this.maxPanelCount)
-                this.maxPanelCount = val;
-            if (this.panelCount < val)
-                this.panelCount = val;
         },
         enumerable: false,
         configurable: true
     });
+    QuestionPanelDynamicModel.prototype.onMinPanelCountChanged = function () {
+        var val = this.minPanelCount;
+        if (val > this.maxPanelCount)
+            this.maxPanelCount = val;
+        if (this.panelCount < val)
+            this.panelCount = val;
+    };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "maxPanelCount", {
         /**
          * A maximum number of panels in Dynamic Panel. Users cannot add new panels if `panelCount` equals `maxPanelCount`.
@@ -65370,17 +65705,20 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
                 return;
             if (val > settings.panel.maxPanelCount)
                 val = settings.panel.maxPanelCount;
-            if (val == this.maxPanelCount)
-                return;
             this.setPropertyValue("maxPanelCount", val);
-            if (val < this.minPanelCount)
-                this.minPanelCount = val;
-            if (this.panelCount > val)
-                this.panelCount = val;
+            this.updateFooterActions();
         },
         enumerable: false,
         configurable: true
     });
+    QuestionPanelDynamicModel.prototype.onMaxPanelCountChanged = function () {
+        var val = this.maxPanelCount;
+        if (val < this.minPanelCount)
+            this.minPanelCount = val;
+        if (this.panelCount > val)
+            this.panelCount = val;
+        this.updateFooterActions();
+    };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "allowAddPanel", {
         /**
          * Specifies whether users are allowed to add new panels.
@@ -66128,6 +66466,12 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
     QuestionPanelDynamicModel.prototype.onSurveyLoad = function () {
         this.template.readOnly = this.isReadOnly;
         this.template.onSurveyLoad();
+        if (this.panelCount < this.minPanelCount) {
+            this.panelCount = this.minPanelCount;
+        }
+        if (this.panelCount > this.maxPanelCount) {
+            this.panelCount = this.maxPanelCount;
+        }
         this.buildPanelsFirstTime();
         _super.prototype.onSurveyLoad.call(this);
     };
@@ -70040,8 +70384,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.2";
-ReleaseDate = "" + "2024-09-16";
+Version = "" + "1.12.4";
+ReleaseDate = "" + "2024-10-01";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -70742,6 +71086,7 @@ var defaultStandardCss = {
         rootSelectToRankMod: "sv-ranking--select-to-rank",
         rootSelectToRankAlignVertical: "sv-ranking--select-to-rank-vertical",
         rootSelectToRankAlignHorizontal: "sv-ranking--select-to-rank-horizontal",
+        rootSelectToRankSwapAreas: "sv-ranking--select-to-rank-swap-areas",
         item: "sv-ranking-item",
         itemContent: "sv-ranking-item__content",
         itemIndex: "sv-ranking-item__index",
@@ -71176,6 +71521,7 @@ var modernCss = {
         rootSelectToRankMod: "sv-ranking--select-to-rank",
         rootSelectToRankAlignVertical: "sv-ranking--select-to-rank-vertical",
         rootSelectToRankAlignHorizontal: "sv-ranking--select-to-rank-horizontal",
+        rootSelectToRankSwapAreas: "sv-ranking--select-to-rank-swap-areas",
         item: "sv-ranking-item",
         itemContent: "sv-ranking-item__content",
         itemIndex: "sv-ranking-item__index",
@@ -72066,6 +72412,7 @@ var cssbootstrapmaterial_defaultCss = {
         rootSelectToRankMod: "sv-ranking--select-to-rank",
         rootSelectToRankAlignVertical: "sv-ranking--select-to-rank-vertical",
         rootSelectToRankAlignHorizontal: "sv-ranking--select-to-rank-horizontal",
+        rootSelectToRankSwapAreas: "sv-ranking--select-to-rank-swap-areas",
         item: "sv-ranking-item",
         itemContent: "sv-ranking-item__content",
         itemIndex: "sv-ranking-item__index",
@@ -72640,7 +72987,6 @@ function setStyles() {
         ".sv-popup--modal .sv-popup__body-content": "padding: calc(4 * var(--base-unit, 8px));",
         ".sv-popup--overlay": "width: 100%;",
         ".sv-popup--overlay .sv-popup__container": "background: rgba(144, 144, 144, 0.5); max-width: 100vw; max-height: calc(100vh - 1 * var(--base-unit, 8px)); height: calc(100vh - 1 * var(--base-unit, 8px)); width: 100%; padding-top: calc(2 * var(--base-unit, 8px)); border: unset;",
-        ".sv-popup__shadow": "width: 100%; height: 100%; border-radius: calc(1 * var(--base-unit, 8px));",
         ".sv-popup--overlay .sv-popup__body-content": "border-radius: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) 0px 0px; background: var(--background, #fff); box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1); padding: calc(3 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); height: calc(100% - calc(1 * var(--base-unit, 8px))); max-height: 100vh; max-width: 100vw;",
         ".sv-popup--overlay .sv-popup__scrolling-content": "height: calc(100% - (10 * var(--base-unit, 8px)));",
         ".sv-popup--overlay .sv-popup__body-footer": "margin-top: calc(2 * var(--base-unit, 8px));",
@@ -80963,12 +81309,11 @@ var popup_PopupContainer = /** @class */ (function (_super) {
             }, onClick: function (ev) {
                 _this.clickInside(ev);
             } },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { className: "sv-popup__shadow" },
-                headerPopup,
-                external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { className: "sv-popup__body-content" },
-                    headerContent,
-                    external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { className: "sv-popup__scrolling-content" }, content),
-                    footerContent))));
+            headerPopup,
+            external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { className: "sv-popup__body-content" },
+                headerContent,
+                external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { className: "sv-popup__scrolling-content" }, content),
+                footerContent)));
     };
     PopupContainer.prototype.renderHeaderContent = function () {
         return external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { className: "sv-popup__body-header" }, this.model.title);
@@ -88486,8 +88831,8 @@ var skeleton_Skeleton = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Skeleton.prototype.render = function () {
-        var _a;
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { className: "sv-skeleton-element", id: (_a = this.props.element) === null || _a === void 0 ? void 0 : _a.id }));
+        var _a, _b;
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { className: "sv-skeleton-element", id: (_a = this.props.element) === null || _a === void 0 ? void 0 : _a.id, style: { height: (_b = this.props.element) === null || _b === void 0 ? void 0 : _b.skeletonHeight } }));
     };
     return Skeleton;
 }(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Component));