survey-react 1.12.2 → 1.12.3

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.2
+ * surveyjs - Survey JavaScript library v1.12.3
  * 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)
@@ -12778,7 +12787,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 +12800,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) {
@@ -19424,6 +19436,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 +19463,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 +19494,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);
         }
@@ -19848,7 +19878,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 +19896,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 +19914,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
          */
@@ -21056,7 +21086,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 +22329,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 +23032,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 +23388,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 +24543,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 +29176,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 +29357,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).
          *
@@ -32441,6 +32480,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 +32730,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 +32742,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 +33440,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 +34256,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 +34363,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 +34447,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" },
@@ -35084,6 +35138,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 +35215,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 +35709,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
          * @see questions
          */
         get: function () {
+            base_Base.collectDependency(this, "elements");
             return this.elementsValue;
         },
         enumerable: false,
@@ -36161,6 +36222,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         }
         this.onElementVisibilityChanged(this);
         this.releaseAnimations();
+        this.calcHasTextInTitle();
     };
     PanelModelBase.prototype.onFirstRendering = function () {
         _super.prototype.onFirstRendering.call(this);
@@ -36913,6 +36975,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 +37008,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 +37027,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 +37174,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;
@@ -37297,10 +37337,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 +37820,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`.
@@ -38367,24 +38408,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 +38425,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 +38524,7 @@ var surveyToc_TOCModel = /** @class */ (function () {
         configurable: true
     });
     TOCModel.prototype.dispose = function () {
+        this.survey.unRegisterFunctionOnPropertyValueChanged("pages", "toc");
         this.popupModel.dispose();
         this.listModel.dispose();
     };
@@ -45928,13 +45979,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 +46005,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 +48239,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 +48275,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 +48622,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 +48749,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 +48789,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 +48814,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 +48989,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 +49157,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 +49382,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 +49396,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 +49443,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;
@@ -54723,7 +54770,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 +57285,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 +57469,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 +57829,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,
@@ -58192,6 +58251,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 +58390,13 @@ Serializer.addClass("ranking", [
         visible: true,
         isSerializable: true,
     },
+    {
+        name: "selectToRankSwapAreas:switch",
+        default: false,
+        visible: false,
+        isSerializable: true,
+        dependsOn: "selectToRankEnabled",
+    },
     {
         name: "selectToRankAreasLayout",
         default: "horizontal",
@@ -60674,7 +60750,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.
          *
@@ -65318,8 +65394,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);
         }
@@ -70040,8 +70119,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.2";
-ReleaseDate = "" + "2024-09-16";
+Version = "" + "1.12.3";
+ReleaseDate = "" + "2024-09-24";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -70742,6 +70821,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 +71256,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 +72147,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",