survey-core 1.12.1 → 1.12.3

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.1
+ * 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)
  */
@@ -962,9 +962,9 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ "./src/entries/core.ts":
 /*!*******************************************!*\
-  !*** ./src/entries/core.ts + 126 modules ***!
+  !*** ./src/entries/core.ts + 127 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, 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 */
+/*! 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 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1158,12 +1158,16 @@ __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; });
 __webpack_require__.d(__webpack_exports__, "InputMaskDateTime", function() { return /* reexport */ mask_datetime_InputMaskDateTime; });
 __webpack_require__.d(__webpack_exports__, "InputMaskCurrency", function() { return /* reexport */ mask_currency_InputMaskCurrency; });
 __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return /* reexport */ CssClassBuilder; });
+__webpack_require__.d(__webpack_exports__, "TextAreaModel", function() { return /* reexport */ text_area_TextAreaModel; });
 __webpack_require__.d(__webpack_exports__, "surveyCss", function() { return /* reexport */ surveyCss; });
 __webpack_require__.d(__webpack_exports__, "defaultV2Css", function() { return /* reexport */ defaultV2Css; });
 __webpack_require__.d(__webpack_exports__, "defaultV2ThemeName", function() { return /* reexport */ defaultV2ThemeName; });
@@ -1597,7 +1601,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;
@@ -1606,16 +1610,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]));
@@ -1645,6 +1652,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)
@@ -1779,7 +1789,7 @@ var helpers_Helpers = /** @class */ (function () {
                 return Helpers.convertDateTimeToString(val);
             return Helpers.convertDateToString(val);
         }
-        return val;
+        return this.getUnbindValue(val);
     };
     Helpers.compareVerions = function (ver1, ver2) {
         if (!ver1 && !ver2)
@@ -12665,7 +12675,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
@@ -12678,6 +12688,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) {
@@ -13376,6 +13389,14 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyElement.prototype, "cssRequiredText", {
+        get: function () {
+            var css = this.cssClasses;
+            return css.requiredText || (css.panel && css.panel.requiredText);
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyElement.prototype.calcCssClasses = function (css) { return undefined; };
     SurveyElement.prototype.updateElementCssCore = function (cssClasses) { };
     Object.defineProperty(SurveyElement.prototype, "cssError", {
@@ -14808,9 +14829,131 @@ function navigateToUrl(url) {
 function wrapUrlForBackgroundImage(url) {
     return !!url ? ["url(", url, ")"].join("") : "";
 }
-//new-name: old-name
+// new-name: old-name
 var renamedIcons = {
-    "folder": "chooseFile"
+    "flip-24x24": "changecamera",
+    "toolbox-file-24x24": "choosefile",
+    "clear-24x24": "clear",
+    "close-24x24": "closecamera",
+    "file-72x72": "defaultfile",
+    "chevronleft-16x16": "left",
+    "plus-32x32": "modernbooleancheckchecked",
+    "minus-32x32": "modernbooleancheckunchecked",
+    "more-24x24": "more",
+    "navmenu-24x24": "navmenu_24x24",
+    "error-24x24": "removefile",
+    "camera-32x32": "takepicture",
+    "camera-24x24": "takepicture_24x24",
+    "pg-quiz-24x24": "timercircle",
+    "check-16x16": "v2check",
+    "check-24x24": "v2check_24x24",
+    "restoredown-16x16": "back-to-panel_16x16",
+    "clear-16x16": "clear_16x16",
+    "close-16x16": "close_16x16",
+    "collapsedetails-16x16": "collapsedetail",
+    "expanddetails-16x16": "expanddetail",
+    "maximize-16x16": "full-screen_16x16",
+    "loading-48x48": "loading",
+    "minimize-16x16": "minimize_16x16",
+    "chevronright-16x16": "next_16x16",
+    "noimage-48x48": "no-image",
+    "reorder-24x24": "ranking-arrows",
+    "fullsize-16x16": "restore_16x16",
+    "search-24x24": "search",
+    "smiley-rate5-24x24": "average",
+    "smiley-rate9-24x24": "excellent",
+    "smiley-rate7-24x24": "good",
+    "smiley-rate6-24x24": "normal",
+    "smiley-rate4-24x24": "not-good",
+    "smiley-rate10-24x24": "perfect",
+    "smiley-rate3-24x24": "poor",
+    "smiley-rate1-24x24": "terrible",
+    "smiley-rate8-24x24": "very-good",
+    "smiley-rate2-24x24": "very-poor",
+    "add-16x16": "add_16x16",
+    "add-24x24": "add_24x24",
+    "warning-24x24": "alert_24x24",
+    "apply-24x24": "apply",
+    "arrowdown-24x24": "arrow-down",
+    "arrowleft-24x24": "arrow-left",
+    "arrowleft-16x16": "arrow-left_16x16",
+    "arrowright-24x24": "arrow-right",
+    "arrowright-16x16": "arrow-right_16x16",
+    "arrowup-24x24": "arrow-up",
+    "toolbox-boolean-24x24": "boolean",
+    "speechbubble-16x16": "change-question-type_16x16",
+    "toolbox-checkbox-24x24": "checkbox",
+    "minusbox-16x16": "collapse-detail_16x16",
+    "collapse-pg-24x24": "collapse-panel",
+    "collapse-16x16": "collapse_16x16",
+    "dropper-16x16": "color-picker",
+    "toolbox-longtext-24x24": "comment",
+    "wrench-24x24": "config",
+    "copy-24x24": "copy",
+    "toolbox-customquestion-24x24": "default",
+    "delete-16x16": "delete_16x16",
+    "delete-24x24": "delete_24x24",
+    "hidehint-24x24": "description-hide",
+    "hint-24x24": "description",
+    "desktop-24x24": "device-desktop",
+    "phone-24x24": "device-phone",
+    "rotate-24x24": "device-rotate",
+    "tablet-24x24": "device-tablet",
+    "download-24x24": "download",
+    "drag-24x24": "drag-area-indicator",
+    "draghorizontal-24x16": "drag-area-indicator_24x16",
+    "chevrondown-24x24": "drop-down-arrow",
+    "chevrondown-16x16": "drop-down-arrow_16x16",
+    "toolbox-dropdown-24x24": "dropdown",
+    "copy-16x16": "duplicate_16x16",
+    "edit-24x24": "edit",
+    "edit-16x16": "edit_16x16",
+    "finishedit-24x24": "editing-finish",
+    "error-16x16": "error",
+    "plusbox-16x16": "expand-detail_16x16",
+    "expand-pg-24x24": "expand-panel",
+    "expand-16x16": "expand_16x16",
+    "toolbox-expression-24x24": "expression",
+    "textedit-24x24": "fast-entry",
+    "fix-24x24": "fix",
+    "toolbox-html-24x24": "html",
+    "toolbox-image-24x24": "image",
+    "toolbox-imagepicker-24x24": "imagepicker",
+    "import-24x24": "import",
+    "invisible-24x24": "invisible-items",
+    "language-24x24": "language",
+    "folder-24x24": "load",
+    "collapsepage-16x16": "logic-collapse",
+    "expandpage-16x16": "logic-expand",
+    "image-48x48": "logo",
+    "toolbox-matrix-24x24": "matrix",
+    "toolbox-multimatrix-24x24": "matrixdropdown",
+    "toolbox-dynamicmatrix-24x24": "matrixdynamic",
+    "toolbox-multipletext-24x24": "multipletext",
+    "toolbox-panel-24x24": "panel",
+    "toolbox-dynamicpanel-24x24": "paneldynamic",
+    "preview-24x24": "preview",
+    "toolbox-radiogroup-24x24": "radiogroup",
+    "toolbox-ranking-24x24": "ranking",
+    "toolbox-rating-24x24": "rating",
+    "redo-24x24": "redo",
+    "remove-16x16": "remove_16x16",
+    "required-16x16": "required",
+    "restore-24x24": "reset",
+    "save-24x24": "save",
+    "selectpage-24x24": "select-page",
+    "settings-24x24": "settings",
+    "settings-16x16": "settings_16x16",
+    "toolbox-signature-24x24": "signaturepad",
+    "switchon-16x16": "switch-active_16x16",
+    "switchoff-16x16": "switch-inactive_16x16",
+    "toolbox-tagbox-24x24": "tagbox",
+    "toolbox-singleline-24x24": "text",
+    "theme-24x24": "theme",
+    "toolbox-24x24": "toolbox",
+    "undo-24x24": "undo",
+    "visible-24x24": "visible",
+    "wand-24x24": "wizard"
 };
 function getIconNameFromProxy(iconName) {
     if (!iconName)
@@ -16400,7 +16543,9 @@ var ValidatorResult = /** @class */ (function () {
 }());
 
 /**
- * Base SurveyJS validator class.
+ * A base class for all classes that implement validators.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
  */
 var validator_SurveyValidator = /** @class */ (function (_super) {
     validator_extends(SurveyValidator, _super);
@@ -16416,6 +16561,9 @@ var validator_SurveyValidator = /** @class */ (function (_super) {
             : null;
     };
     Object.defineProperty(SurveyValidator.prototype, "text", {
+        /**
+         * An error message to display when a value fails validation.
+         */
         get: function () {
             return this.getLocalizableStringText("text");
         },
@@ -16556,7 +16704,9 @@ var ValidatorRunner = /** @class */ (function () {
 }());
 
 /**
- * Validate numeric values.
+ * A class that implements a validator for numeric values.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
  */
 var validator_NumericValidator = /** @class */ (function (_super) {
     validator_extends(NumericValidator, _super);
@@ -16605,7 +16755,9 @@ var validator_NumericValidator = /** @class */ (function (_super) {
     };
     Object.defineProperty(NumericValidator.prototype, "minValue", {
         /**
-         * The minValue property.
+         * A minimum allowed numeric value.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("minValue");
@@ -16618,7 +16770,9 @@ var validator_NumericValidator = /** @class */ (function (_super) {
     });
     Object.defineProperty(NumericValidator.prototype, "maxValue", {
         /**
-         * The maxValue property.
+         * A maximum allowed numeric value.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("maxValue");
@@ -16633,7 +16787,9 @@ var validator_NumericValidator = /** @class */ (function (_super) {
 }(validator_SurveyValidator));
 
 /**
- * Validate text values.
+ * A class that implements a validator for text values.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
  */
 var TextValidator = /** @class */ (function (_super) {
     validator_extends(TextValidator, _super);
@@ -16672,7 +16828,11 @@ var TextValidator = /** @class */ (function (_super) {
     };
     Object.defineProperty(TextValidator.prototype, "minLength", {
         /**
-         * The minLength property.
+         * The minimum length of a text value measured in characters.
+         *
+         * Default value: 0
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("minLength");
@@ -16685,7 +16845,11 @@ var TextValidator = /** @class */ (function (_super) {
     });
     Object.defineProperty(TextValidator.prototype, "maxLength", {
         /**
-         * The maxLength property.
+         * The maximum length of a text value measured in characters.
+         *
+         * Default value: 0 (unlimited)
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("maxLength");
@@ -16698,7 +16862,9 @@ var TextValidator = /** @class */ (function (_super) {
     });
     Object.defineProperty(TextValidator.prototype, "allowDigits", {
         /**
-         * The allowDigits property.
+         * Specifies whether a text value can include numerical digits.
+         *
+         * Default value: `true`
          */
         get: function () {
             return this.getPropertyValue("allowDigits");
@@ -16713,7 +16879,9 @@ var TextValidator = /** @class */ (function (_super) {
 }(validator_SurveyValidator));
 
 /**
- * Validates the number of answers.
+ * A class that implements answer count validation in the question types that can have multiple values (for instance, [Checkboxes](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model)).
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
  */
 var AnswerCountValidator = /** @class */ (function (_super) {
     validator_extends(AnswerCountValidator, _super);
@@ -16750,7 +16918,9 @@ var AnswerCountValidator = /** @class */ (function (_super) {
     };
     Object.defineProperty(AnswerCountValidator.prototype, "minCount", {
         /**
-         * The minCount property.
+         * A minimum number of selected answers.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("minCount");
@@ -16763,7 +16933,9 @@ var AnswerCountValidator = /** @class */ (function (_super) {
     });
     Object.defineProperty(AnswerCountValidator.prototype, "maxCount", {
         /**
-         * The maxCount property.
+         * A maximum number of selected answers.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("maxCount");
@@ -16778,7 +16950,7 @@ var AnswerCountValidator = /** @class */ (function (_super) {
 }(validator_SurveyValidator));
 
 /**
- * Use it to validate the text by regular expressions.
+ * A class that implements validation using regular expressions.
  *
  * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
  */
@@ -16816,7 +16988,9 @@ var RegexValidator = /** @class */ (function (_super) {
     };
     Object.defineProperty(RegexValidator.prototype, "regex", {
         /**
-         * The regex property.
+         * A regular expression used to validate values.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("regex");
@@ -16827,24 +17001,39 @@ var RegexValidator = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(RegexValidator.prototype, "insensitive", {
+    Object.defineProperty(RegexValidator.prototype, "caseInsensitive", {
+        /**
+         * Specifies whether uppercase and lowercase letters must be treated as distinct or equivalent when validating values.
+         *
+         * Default value: `false` (uppercase and lowercase letters are treated as distinct)
+         */
         get: function () {
-            return this.getPropertyValue("insensitive");
+            return this.getPropertyValue("caseInsensitive");
         },
         set: function (val) {
-            this.setPropertyValue("insensitive", val);
+            this.setPropertyValue("caseInsensitive", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RegexValidator.prototype, "insensitive", {
+        get: function () { return this.caseInsensitive; },
+        set: function (val) {
+            this.caseInsensitive = val;
         },
         enumerable: false,
         configurable: true
     });
     RegexValidator.prototype.createRegExp = function () {
-        return new RegExp(this.regex, this.insensitive ? "i" : "");
+        return new RegExp(this.regex, this.caseInsensitive ? "i" : "");
     };
     return RegexValidator;
 }(validator_SurveyValidator));
 
 /**
- * Validate e-mail address in the text input
+ * A class that implements a validator for e-mail addresses.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
  */
 var EmailValidator = /** @class */ (function (_super) {
     validator_extends(EmailValidator, _super);
@@ -16873,7 +17062,9 @@ var EmailValidator = /** @class */ (function (_super) {
 }(validator_SurveyValidator));
 
 /**
- * Show error if expression returns false
+ * A class that implements validation using [expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions).
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
  */
 var validator_ExpressionValidator = /** @class */ (function (_super) {
     validator_extends(ExpressionValidator, _super);
@@ -16952,7 +17143,9 @@ var validator_ExpressionValidator = /** @class */ (function (_super) {
     };
     Object.defineProperty(ExpressionValidator.prototype, "expression", {
         /**
-         * The expression property.
+         * A Boolean [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions). If it evaluates to `false`, validation fails.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("expression");
@@ -16980,7 +17173,7 @@ Serializer.addClass("textvalidator", [{ name: "minLength:number", default: 0 },
 Serializer.addClass("answercountvalidator", ["minCount:number", "maxCount:number"], function () {
     return new AnswerCountValidator();
 }, "surveyvalidator");
-Serializer.addClass("regexvalidator", ["regex", { name: "insensitive:boolean", visible: false }], function () {
+Serializer.addClass("regexvalidator", ["regex", { name: "caseInsensitive:boolean", alternativeName: "insensitive" }], function () {
     return new RegexValidator();
 }, "surveyvalidator");
 Serializer.addClass("emailvalidator", [], function () {
@@ -17210,6 +17403,188 @@ var RendererFactory = /** @class */ (function () {
 }());
 
 
+// CONCATENATED MODULE: ./packages/survey-core/src/utils/text-area.ts
+
+var text_area_TextAreaModel = /** @class */ (function () {
+    function TextAreaModel(options) {
+        var _this = this;
+        this.options = options;
+        this.onPropertyChangedCallback = function () {
+            if (_this.element) {
+                _this.element.value = _this.getTextValue();
+                if (_this.autoGrow) {
+                    increaseHeightByContent(_this.element);
+                }
+            }
+        };
+        this.question.registerFunctionOnPropertyValueChanged(this.options.propertyName, this.onPropertyChangedCallback, "__textarea");
+    }
+    TextAreaModel.prototype.setElement = function (element) {
+        if (!!element) {
+            this.element = element;
+        }
+    };
+    TextAreaModel.prototype.getTextValue = function () {
+        if (!!this.options.getTextValue)
+            return this.options.getTextValue();
+        return "";
+    };
+    TextAreaModel.prototype.onTextAreaChange = function (event) {
+        if (!!this.options.onTextAreaChange)
+            this.options.onTextAreaChange(event);
+    };
+    TextAreaModel.prototype.onTextAreaInput = function (event) {
+        if (!!this.options.onTextAreaInput)
+            this.options.onTextAreaInput(event);
+        if (this.element && this.autoGrow) {
+            increaseHeightByContent(this.element);
+        }
+    };
+    TextAreaModel.prototype.onTextAreaKeyDown = function (event) {
+        if (!!this.options.onTextAreaKeyDown)
+            this.options.onTextAreaKeyDown(event);
+    };
+    TextAreaModel.prototype.onTextAreaBlur = function (event) {
+        this.onTextAreaChange(event);
+        if (!!this.options.onTextAreaBlur)
+            this.options.onTextAreaBlur(event);
+    };
+    TextAreaModel.prototype.onTextAreaFocus = function (event) {
+        if (!!this.options.onTextAreaFocus)
+            this.options.onTextAreaFocus(event);
+    };
+    Object.defineProperty(TextAreaModel.prototype, "question", {
+        get: function () {
+            return this.options.question;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "id", {
+        get: function () {
+            return this.options.id();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "placeholder", {
+        get: function () {
+            return this.options.placeholder();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "className", {
+        get: function () {
+            return this.options.className();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "maxLength", {
+        get: function () {
+            if (this.options.maxLength)
+                return this.options.maxLength();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "autoGrow", {
+        get: function () {
+            if (this.options.autoGrow)
+                return this.options.autoGrow();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "rows", {
+        get: function () {
+            if (this.options.rows)
+                return this.options.rows();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "cols", {
+        get: function () {
+            if (this.options.cols)
+                return this.options.cols();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "isDisabledAttr", {
+        get: function () {
+            return this.options.isDisabledAttr();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "isReadOnlyAttr", {
+        get: function () {
+            if (this.options.isReadOnlyAttr)
+                return this.options.isReadOnlyAttr();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "ariaRequired", {
+        get: function () {
+            if (this.options.ariaRequired)
+                return this.options.ariaRequired();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "ariaLabel", {
+        get: function () {
+            if (this.options.ariaLabel)
+                return this.options.ariaLabel();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "ariaInvalid", {
+        get: function () {
+            if (this.options.ariaInvalid)
+                return this.options.ariaInvalid();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "ariaLabelledBy", {
+        get: function () {
+            if (this.options.ariaLabelledBy)
+                return this.options.ariaLabelledBy();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "ariaDescribedBy", {
+        get: function () {
+            if (this.options.ariaDescribedBy)
+                return this.options.ariaDescribedBy();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAreaModel.prototype, "ariaErrormessage", {
+        get: function () {
+            if (this.options.ariaErrormessage)
+                return this.options.ariaErrormessage();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    TextAreaModel.prototype.dispose = function () {
+        if (this.question) {
+            this.question.unRegisterFunctionOnPropertyValueChanged(this.options.propertyName, "__textarea");
+        }
+    };
+    return TextAreaModel;
+}());
+
+
 // CONCATENATED MODULE: ./packages/survey-core/src/question.ts
 var question_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -17247,6 +17622,7 @@ var question_decorate = (undefined && undefined.__decorate) || function (decorat
 
 
 
+
 var TriggerExpressionInfo = /** @class */ (function () {
     function TriggerExpressionInfo(name, canRun, doComplete) {
         this.name = name;
@@ -17289,6 +17665,7 @@ var question_Question = /** @class */ (function (_super) {
         _this.createNewArray("validators", function (validator) {
             validator.errorOwner = _this;
         });
+        _this.commentTextAreaModel = new text_area_TextAreaModel(_this.getCommentTextAreaOptions());
         _this.addExpressionProperty("visibleIf", function (obj, res) { _this.visible = res === true; }, function (obj) { return !_this.areInvisibleElementsShowing; });
         _this.addExpressionProperty("enableIf", function (obj, res) { _this.readOnly = res === false; });
         _this.addExpressionProperty("requiredIf", function (obj, res) { _this.isRequired = res === true; });
@@ -17329,6 +17706,26 @@ var question_Question = /** @class */ (function (_super) {
     Question.getQuestionId = function () {
         return "sq_" + Question.questionCounter++;
     };
+    Question.prototype.getCommentTextAreaOptions = function () {
+        var _this = this;
+        var options = {
+            question: this,
+            id: function () { return _this.commentId; },
+            propertyName: "comment",
+            className: function () { return _this.cssClasses.comment; },
+            placeholder: function () { return _this.renderedCommentPlaceholder; },
+            isDisabledAttr: function () { return _this.isInputReadOnly || false; },
+            rows: function () { return _this.commentAreaRows; },
+            autoGrow: function () { return _this.autoGrowComment; },
+            maxLength: function () { return _this.getOthersMaxLength(); },
+            ariaRequired: function () { return _this.a11y_input_ariaRequired; },
+            ariaLabel: function () { return _this.a11y_input_ariaLabel; },
+            getTextValue: function () { return _this.comment; },
+            onTextAreaChange: function (e) { _this.onCommentChange(e); },
+            onTextAreaInput: function (e) { _this.onCommentInput(e); },
+        };
+        return options;
+    };
     Question.prototype.isReadOnlyRenderDiv = function () {
         return this.isReadOnly && settings.readOnly.commentRenderMode === "div";
     };
@@ -18251,13 +18648,6 @@ var question_Question = /** @class */ (function (_super) {
         configurable: true
     });
     Question.prototype.updateCommentElements = function () {
-        if (!this.autoGrowComment || !Array.isArray(this.commentElements))
-            return;
-        for (var i = 0; i < this.commentElements.length; i++) {
-            var el = this.commentElements[i];
-            if (el)
-                increaseHeightByContent(el);
-        }
     };
     Question.prototype.onCommentInput = function (event) {
         if (this.isInputTextUpdate) {
@@ -18934,6 +19324,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
          */
@@ -18959,6 +19351,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)).
@@ -18976,9 +19382,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);
         }
@@ -19354,11 +19762,11 @@ var question_Question = /** @class */ (function (_super) {
     });
     Object.defineProperty(Question.prototype, "resetValueIf", {
         /**
-         * A Boolean expression. If it evaluates to `true`, the question value is reset to [default](#defaultValue).
+         * A Boolean [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions). If it evaluates to `true`, the question value is reset to [default](#defaultValue).
          *
          * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
          *
-         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/set-question-value-dynamically/ (linkStyle))
          * @see setValueIf
          */
         get: function () {
@@ -19372,11 +19780,11 @@ var question_Question = /** @class */ (function (_super) {
     });
     Object.defineProperty(Question.prototype, "setValueIf", {
         /**
-         * A Boolean expression. If it evaluates to `true`, the question value is set to a value calculated using the [`setValueExpression`](#setValueExpression).
+         * A Boolean [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions). If it evaluates to `true`, the question value is set to a value calculated using the [`setValueExpression`](#setValueExpression).
          *
          * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
          *
-         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/set-question-value-dynamically/ (linkStyle))
          * @see resetValueIf
          */
         get: function () {
@@ -19390,11 +19798,11 @@ var question_Question = /** @class */ (function (_super) {
     });
     Object.defineProperty(Question.prototype, "setValueExpression", {
         /**
-         * An expression used to calculate the question value.
+         * An [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) used to calculate the question value.
          *
          * 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`.
          *
-         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/set-question-value-dynamically/ (linkStyle))
          * @see defaultValueExpression
          * @see resetValueIf
          */
@@ -20566,7 +20974,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();
             }
         }
     },
@@ -21809,8 +22217,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 = "";
@@ -22333,7 +22741,6 @@ var martixBase_decorate = (undefined && undefined.__decorate) || function (decor
 
 
 
-
 /**
  * A base class for all matrix question types.
  */
@@ -22344,7 +22751,6 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
         _this.generatedVisibleRows = null;
         _this.generatedTotalRow = null;
         _this.filteredRows = null;
-        _this.filteredColumns = null;
         _this.columns = _this.createColumnValues();
         _this.rows = _this.createItemValues("rows");
         return _this;
@@ -22404,11 +22810,19 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionMatrixBaseModel.prototype, "visibleColumns", {
         get: function () {
-            return !!this.filteredColumns ? this.filteredColumns : this.columns;
+            var _this = this;
+            var res = [];
+            this.columns.forEach(function (col) { if (_this.isColumnVisible(col)) {
+                res.push(col);
+            } });
+            return res;
         },
         enumerable: false,
         configurable: true
     });
+    QuestionMatrixBaseModel.prototype.isColumnVisible = function (column) {
+        return column.isVisible;
+    };
     Object.defineProperty(QuestionMatrixBaseModel.prototype, "rows", {
         /**
          * An array of matrix rows.
@@ -22423,7 +22837,6 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
         set: function (newValue) {
             var newRows = this.processRowsOnSet(newValue);
             this.setPropertyValue("rows", newRows);
-            this.filterItems();
         },
         enumerable: false,
         configurable: true
@@ -22462,7 +22875,9 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("rowsVisibleIf", val);
-            this.filterItems();
+            if (!this.isLoadingFromJsonValue) {
+                this.runCondition(this.getDataFilteredValues(), this.getDataFilteredProperties());
+            }
         },
         enumerable: false,
         configurable: true
@@ -22483,7 +22898,9 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("columnsVisibleIf", val);
-            this.filterItems();
+            if (!this.isLoadingFromJson) {
+                this.runCondition(this.getDataFilteredValues(), this.getDataFilteredProperties());
+            }
         },
         enumerable: false,
         configurable: true
@@ -22492,15 +22909,6 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
         _super.prototype.runCondition.call(this, values, properties);
         this.runItemsCondition(values, properties);
     };
-    QuestionMatrixBaseModel.prototype.filterItems = function () {
-        if (this.areInvisibleElementsShowing) {
-            this.onRowsChanged();
-            return false;
-        }
-        if (this.isLoadingFromJson || !this.data)
-            return false;
-        return this.runItemsCondition(this.getDataFilteredValues(), this.getDataFilteredProperties());
-    };
     QuestionMatrixBaseModel.prototype.onColumnsChanged = function () { };
     QuestionMatrixBaseModel.prototype.onRowsChanged = function () {
         this.updateVisibilityBasedOnRows();
@@ -22512,10 +22920,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.rows.length > 0 && (!this.filteredRows || this.filteredRows.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;
@@ -22524,22 +22933,12 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
         return true;
     };
     QuestionMatrixBaseModel.prototype.runItemsCondition = function (values, properties) {
-        var oldVisibleRows = null;
-        if (!!this.filteredRows && !helpers_Helpers.isValueEmpty(this.defaultValue)) {
-            oldVisibleRows = [];
-            for (var i = 0; i < this.filteredRows.length; i++) {
-                oldVisibleRows.push(this.filteredRows[i]);
-            }
-        }
         var hasChanges = this.hasRowsAsItems() && this.runConditionsForRows(values, properties);
         var hasColumnsChanged = this.runConditionsForColumns(values, properties);
         hasChanges = hasColumnsChanged || hasChanges;
         if (hasChanges) {
-            if (this.isClearValueOnHidden && (!!this.filteredColumns || !!this.filteredRows)) {
-                this.clearIncorrectValues();
-            }
-            if (!!oldVisibleRows) {
-                this.restoreNewVisibleRowsValues(oldVisibleRows);
+            if (this.isClearValueOnHidden && hasColumnsChanged) {
+                this.clearInvisibleColumnValues();
             }
             this.clearGeneratedRows();
             if (hasColumnsChanged) {
@@ -22547,16 +22946,15 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
             }
             this.onRowsChanged();
         }
-        return hasChanges;
     };
+    QuestionMatrixBaseModel.prototype.isRowsFiltered = function () { return !!this.filteredRows; };
     QuestionMatrixBaseModel.prototype.clearGeneratedRows = function () {
         this.generatedVisibleRows = null;
     };
+    QuestionMatrixBaseModel.prototype.createRowsVisibleIfRunner = function () { return null; };
     QuestionMatrixBaseModel.prototype.runConditionsForRows = function (values, properties) {
         var showInvisibile = !!this.survey && this.survey.areInvisibleElementsShowing;
-        var runner = !showInvisibile && !!this.rowsVisibleIf
-            ? new ConditionRunner(this.rowsVisibleIf)
-            : null;
+        var runner = !showInvisibile ? this.createRowsVisibleIfRunner() : null;
         this.filteredRows = [];
         var hasChanged = itemvalue_ItemValue.runConditionsForItems(this.rows, this.filteredRows, runner, values, properties, !showInvisibile);
         itemvalue_ItemValue.runEnabledConditionsForItems(this.rows, undefined, values, properties);
@@ -22567,73 +22965,11 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
     };
     QuestionMatrixBaseModel.prototype.runConditionsForColumns = function (values, properties) {
         var useColumnsExpression = !!this.survey && !this.survey.areInvisibleElementsShowing;
-        var runner = useColumnsExpression && !!this.columnsVisibleIf
-            ? new ConditionRunner(this.columnsVisibleIf)
-            : null;
-        this.filteredColumns = [];
-        var hasChanged = itemvalue_ItemValue.runConditionsForItems(this.columns, this.filteredColumns, runner, values, properties, this.shouldRunColumnExpression());
-        if (this.filteredColumns.length === this.columns.length) {
-            this.filteredColumns = null;
-        }
-        return hasChanged;
-    };
-    QuestionMatrixBaseModel.prototype.clearIncorrectValues = function () {
-        var val = this.value;
-        if (!val)
-            return;
-        var newVal = null;
-        var isChanged = false;
-        var rows = !!this.filteredRows ? this.filteredRows : this.rows;
-        var columns = !!this.filteredColumns ? this.filteredColumns : this.columns;
-        for (var key in val) {
-            if (itemvalue_ItemValue.getItemByValue(rows, key) &&
-                itemvalue_ItemValue.getItemByValue(columns, val[key])) {
-                if (newVal == null)
-                    newVal = {};
-                newVal[key] = val[key];
-            }
-            else {
-                isChanged = true;
-            }
-        }
-        if (isChanged) {
-            this.value = newVal;
-        }
-        _super.prototype.clearIncorrectValues.call(this);
-    };
-    QuestionMatrixBaseModel.prototype.clearInvisibleValuesInRows = function () {
-        if (this.isEmpty())
-            return;
-        var newData = this.getUnbindValue(this.value);
-        var rows = this.rows;
-        for (var i = 0; i < rows.length; i++) {
-            var key = rows[i].value;
-            if (!!newData[key] && !rows[i].isVisible) {
-                delete newData[key];
-            }
-        }
-        if (this.isTwoValueEquals(newData, this.value))
-            return;
-        this.value = newData;
-    };
-    QuestionMatrixBaseModel.prototype.restoreNewVisibleRowsValues = function (oldVisibleRows) {
-        var rows = !!this.filteredRows ? this.filteredRows : this.rows;
-        var val = this.defaultValue;
-        var newValue = this.getUnbindValue(this.value);
-        var isChanged = false;
-        for (var key in val) {
-            if (itemvalue_ItemValue.getItemByValue(rows, key) &&
-                !itemvalue_ItemValue.getItemByValue(oldVisibleRows, key)) {
-                if (newValue == null)
-                    newValue = {};
-                newValue[key] = val[key];
-                isChanged = true;
-            }
-        }
-        if (isChanged) {
-            this.value = newValue;
-        }
+        var runner = useColumnsExpression && !!this.columnsVisibleIf ? new ConditionRunner(this.columnsVisibleIf) : null;
+        return itemvalue_ItemValue.runConditionsForItems(this.columns, undefined, runner, values, properties, this.shouldRunColumnExpression());
     };
+    QuestionMatrixBaseModel.prototype.clearInvisibleColumnValues = function () { };
+    QuestionMatrixBaseModel.prototype.clearInvisibleValuesInRows = function () { };
     QuestionMatrixBaseModel.prototype.needResponsiveWidth = function () {
         //TODO: make it mor intelligent
         return true;
@@ -22940,12 +23276,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;
@@ -24095,6 +24431,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));
@@ -24842,6 +25185,7 @@ var question_matrixdropdowncolumn_MatrixDropdownColumn = /** @class */ (function
         _this.colOwnerValue = null;
         _this.indexValue = -1;
         _this._hasVisibleCell = true;
+        _this.isColumnsVisibleIf = true;
         _this.previousChoicesId = undefined;
         _this.createLocalizableString("totalFormat", _this);
         _this.createLocalizableString("cellHint", _this);
@@ -26541,8 +26885,8 @@ var question_matrixdropdownrendered_QuestionMatrixDropdownRenderedTable = /** @c
             this.headerRow.cells.push(this.createHeaderCell(null));
         }
         if (this.matrix.isColumnLayoutHorizontal) {
-            for (var i = 0; i < this.matrix.visibleColumns.length; i++) {
-                var column = this.matrix.visibleColumns[i];
+            for (var i = 0; i < this.matrix.columns.length; i++) {
+                var column = this.matrix.columns[i];
                 if (!column.isColumnVisible)
                     continue;
                 if (this.matrix.IsMultiplyColumn(column)) {
@@ -27174,6 +27518,7 @@ var question_matrixdropdownbase_extends = (undefined && undefined.__extends) ||
 
 
 
+
 var question_matrixdropdownbase_MatrixDropdownCell = /** @class */ (function () {
     function MatrixDropdownCell(column, row, data) {
         this.column = column;
@@ -27343,6 +27688,7 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
         var _this = this;
         this.isSettingValue = false;
         this.detailPanelValue = null;
+        this.visibleValue = true;
         this.cells = [];
         this.isCreatingDetailPanel = false;
         this.data = data;
@@ -27388,6 +27734,24 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
     });
     MatrixDropdownRowModelBase.prototype.isRowEnabled = function () { return true; };
     MatrixDropdownRowModelBase.prototype.isRowHasEnabledCondition = function () { return false; };
+    Object.defineProperty(MatrixDropdownRowModelBase.prototype, "isVisible", {
+        get: function () { return this.visible && this.isItemVisible(); },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MatrixDropdownRowModelBase.prototype, "visible", {
+        get: function () { return this.visibleValue; },
+        set: function (val) {
+            var _a;
+            if (this.visible !== val) {
+                this.visibleValue = val;
+                (_a = this.data) === null || _a === void 0 ? void 0 : _a.onRowVisibilityChanged(this);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    MatrixDropdownRowModelBase.prototype.isItemVisible = function () { return true; };
     Object.defineProperty(MatrixDropdownRowModelBase.prototype, "value", {
         get: function () {
             var result = {};
@@ -27545,15 +27909,23 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
         res[MatrixDropdownRowModelBase.IndexVariableName] = rowIndex;
         res[MatrixDropdownRowModelBase.RowValueVariableName] = this.rowName;
     };
-    MatrixDropdownRowModelBase.prototype.runCondition = function (values, properties) {
+    MatrixDropdownRowModelBase.prototype.runCondition = function (values, properties, rowsVisibleIf) {
         if (!!this.data) {
-            values[MatrixDropdownRowModelBase.OwnerVariableName] = this.data.value;
+            values[MatrixDropdownRowModelBase.OwnerVariableName] = this.data.getFilteredData();
         }
         var rowIndex = this.rowIndex;
         this.applyRowVariablesToValues(values, rowIndex);
         var newProps = helpers_Helpers.createCopy(properties);
         newProps[MatrixDropdownRowModelBase.RowVariableName] = this;
         var rowValues = rowIndex > 0 ? this.data.getRowValue(this.rowIndex - 1) : this.value;
+        if (!!rowsVisibleIf) {
+            values[MatrixDropdownRowModelBase.RowVariableName] = rowValues;
+            this.setRowsVisibleIfValues(values);
+            this.visible = new ConditionRunner(rowsVisibleIf).run(values, properties);
+        }
+        else {
+            this.visible = true;
+        }
         for (var i = 0; i < this.cells.length; i++) {
             if (i > 0) {
                 mergeValues(this.value, rowValues);
@@ -27568,6 +27940,7 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
             this.onQuestionReadOnlyChanged();
         }
     };
+    MatrixDropdownRowModelBase.prototype.setRowsVisibleIfValues = function (values) { };
     MatrixDropdownRowModelBase.prototype.getNamesWithDefaultValues = function () {
         var res = [];
         this.questions.forEach(function (q) {
@@ -28011,12 +28384,12 @@ var question_matrixdropdownbase_MatrixDropdownTotalRowModel = /** @class */ (fun
             this.data.onTotalValueChanged();
         }
     };
-    MatrixDropdownTotalRowModel.prototype.runCondition = function (values, properties) {
+    MatrixDropdownTotalRowModel.prototype.runCondition = function (values, properties, rowsVisibleIf) {
         var counter = 0;
         var prevValue;
         do {
             prevValue = helpers_Helpers.getUnbindValue(this.value);
-            _super.prototype.runCondition.call(this, values, properties);
+            _super.prototype.runCondition.call(this, values, properties, "");
             counter++;
         } while (!helpers_Helpers.isTwoValueEquals(prevValue, this.value) && counter < 3);
     };
@@ -28347,6 +28720,7 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
     };
     QuestionMatrixDropdownModelBase.prototype.onPointerDown = function (pointerDownEvent, row) { };
     QuestionMatrixDropdownModelBase.prototype.onRowsChanged = function () {
+        this.clearVisibleRows();
         this.resetRenderedTable();
         _super.prototype.onRowsChanged.call(this);
     };
@@ -28400,6 +28774,7 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         this.fireCallback(this.onRenderedTableResetCallback);
     };
     QuestionMatrixDropdownModelBase.prototype.clearGeneratedRows = function () {
+        this.clearVisibleRows();
         if (!this.generatedVisibleRows)
             return;
         for (var i = 0; i < this.generatedVisibleRows.length; i++) {
@@ -28442,8 +28817,8 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
             cellQuestion: null,
             value: null,
         };
-        for (var i = 0; i < this.visibleColumns.length; i++) {
-            options.column = this.visibleColumns[i];
+        for (var i = 0; i < this.columns.length; i++) {
+            options.column = this.columns[i];
             options.columnName = options.column.name;
             var cell = row.cells[i];
             options.cell = cell;
@@ -28689,6 +29064,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);
@@ -28698,25 +29074,40 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         return false;
     };
     QuestionMatrixDropdownModelBase.prototype.runCellsCondition = function (values, properties) {
-        if (!this.generatedVisibleRows)
-            return;
-        var newValues = this.getRowConditionValues(values);
         var rows = this.generatedVisibleRows;
-        for (var i = 0; i < rows.length; i++) {
-            rows[i].runCondition(newValues, properties);
+        if (!!rows) {
+            var newValues = this.getRowConditionValues(values);
+            for (var i = 0; i < rows.length; i++) {
+                rows[i].runCondition(newValues, properties, this.rowsVisibleIf);
+            }
         }
         this.checkColumnsVisibility();
         this.checkColumnsRenderedRequired();
     };
+    QuestionMatrixDropdownModelBase.prototype.runConditionsForColumns = function (values, properties) {
+        var _this = this;
+        this.columns.forEach(function (column) {
+            if (!_this.columnsVisibleIf) {
+                column.isColumnsVisibleIf = true;
+            }
+            else {
+                var condition = new ConditionRunner(_this.columnsVisibleIf);
+                values["item"] = column.name;
+                column.isColumnsVisibleIf = condition.run(values, properties) === true;
+            }
+        });
+        return false;
+    };
     QuestionMatrixDropdownModelBase.prototype.checkColumnsVisibility = function () {
         if (this.isDesignMode)
             return;
         var hasChanged = false;
-        for (var i = 0; i < this.visibleColumns.length; i++) {
-            var column = this.visibleColumns[i];
-            if (!column.visibleIf && !column.isFilteredMultipleColumns)
+        for (var i = 0; i < this.columns.length; i++) {
+            var column = this.columns[i];
+            var isCellsVisibilty = !!column.visibleIf || column.isFilteredMultipleColumns;
+            if (!isCellsVisibilty && !this.columnsVisibleIf && column.isColumnVisible)
                 continue;
-            hasChanged = this.isColumnVisibilityChanged(column) || hasChanged;
+            hasChanged = this.isColumnVisibilityChanged(column, isCellsVisibilty) || hasChanged;
         }
         if (hasChanged) {
             this.resetRenderedTable();
@@ -28724,9 +29115,11 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
     };
     QuestionMatrixDropdownModelBase.prototype.checkColumnsRenderedRequired = function () {
         var rows = this.generatedVisibleRows;
-        for (var i = 0; i < this.visibleColumns.length; i++) {
-            var column = this.visibleColumns[i];
-            if (!column.requiredIf)
+        if (!rows)
+            return;
+        for (var i = 0; i < this.columns.length; i++) {
+            var column = this.columns[i];
+            if (!column.requiredIf || !column.isColumnVisible)
                 continue;
             var required = rows.length > 0;
             for (var j = 0; j < rows.length; j++) {
@@ -28738,26 +29131,29 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
             column.updateIsRenderedRequired(required);
         }
     };
-    QuestionMatrixDropdownModelBase.prototype.isColumnVisibilityChanged = function (column) {
+    QuestionMatrixDropdownModelBase.prototype.isColumnVisibilityChanged = function (column, checkCellsVisiblity) {
         var curVis = column.isColumnVisible;
-        var isMultipleColumnsVisibility = column.isFilteredMultipleColumns;
+        var hasVisCell = !checkCellsVisiblity;
+        var rows = this.generatedVisibleRows;
+        var checkRows = checkCellsVisiblity && rows;
+        var isMultipleColumnsVisibility = checkRows && column.isFilteredMultipleColumns;
         var curVisibleChoices = isMultipleColumnsVisibility ? column.getVisibleChoicesInCell : [];
         var newVisibleChoices = new Array();
-        var hasVisCell = false;
-        var rows = this.generatedVisibleRows;
-        for (var i = 0; i < rows.length; i++) {
-            var cell = rows[i].cells[column.index];
-            var q = cell === null || cell === void 0 ? void 0 : cell.question;
-            if (!!q && q.isVisible) {
-                hasVisCell = true;
-                if (isMultipleColumnsVisibility) {
-                    this.updateNewVisibleChoices(q, newVisibleChoices);
+        if (checkRows) {
+            for (var i = 0; i < rows.length; i++) {
+                var cell = rows[i].cells[column.index];
+                var q = cell === null || cell === void 0 ? void 0 : cell.question;
+                if (!!q && q.isVisible) {
+                    hasVisCell = true;
+                    if (isMultipleColumnsVisibility) {
+                        this.updateNewVisibleChoices(q, newVisibleChoices);
+                    }
+                    else
+                        break;
                 }
-                else
-                    break;
             }
         }
-        column.hasVisibleCell = hasVisCell;
+        column.hasVisibleCell = hasVisCell && column.isColumnsVisibleIf;
         if (isMultipleColumnsVisibility) {
             column.setVisibleChoicesInCell(newVisibleChoices);
             if (!helpers_Helpers.isArraysEqual(curVisibleChoices, newVisibleChoices, true, false, false))
@@ -28849,7 +29245,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).
          *
@@ -28932,20 +29328,46 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         this.columns.push(column);
         return column;
     };
+    QuestionMatrixDropdownModelBase.prototype.clearVisibleRows = function () {
+        this.visibleRowsArray = null;
+    };
+    QuestionMatrixDropdownModelBase.prototype.isColumnVisible = function (column) {
+        return column.isColumnVisible;
+    };
     QuestionMatrixDropdownModelBase.prototype.getVisibleRows = function () {
-        var _this = this;
         if (this.isUpdateLocked)
             return null;
-        if (!this.generatedVisibleRows) {
+        if (this.isGenereatingRows)
+            return [];
+        if (!!this.visibleRowsArray)
+            return this.visibleRowsArray;
+        this.generateVisibleRowsIfNeeded();
+        this.visibleRowsArray = this.getVisibleFromGenerated(this.generatedVisibleRows);
+        return this.visibleRowsArray;
+    };
+    QuestionMatrixDropdownModelBase.prototype.generateVisibleRowsIfNeeded = function () {
+        var _this = this;
+        if (!this.isUpdateLocked && !this.generatedVisibleRows && !this.generatedVisibleRows) {
+            this.isGenereatingRows = true;
             this.generatedVisibleRows = this.generateRows();
+            this.isGenereatingRows = false;
             this.generatedVisibleRows.forEach(function (row) { return _this.onMatrixRowCreated(row); });
             if (this.data) {
                 this.runCellsCondition(this.data.getFilteredValues(), this.data.getFilteredProperties());
             }
-            this.updateValueOnRowsGeneration(this.generatedVisibleRows);
-            this.updateIsAnswered();
+            if (!!this.generatedVisibleRows) {
+                this.updateValueOnRowsGeneration(this.generatedVisibleRows);
+                this.updateIsAnswered();
+            }
         }
-        return this.generatedVisibleRows;
+    };
+    QuestionMatrixDropdownModelBase.prototype.getVisibleFromGenerated = function (rows) {
+        var res = [];
+        if (!rows)
+            return res;
+        rows.forEach(function (row) { if (row.isVisible)
+            res.push(row); });
+        return res.length === rows.length ? rows : res;
     };
     QuestionMatrixDropdownModelBase.prototype.updateValueOnRowsGeneration = function (rows) {
         var oldValue = this.createNewValue(true);
@@ -29533,7 +29955,7 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
             !this.generatedVisibleRows)
             return;
         this.isDoingonAnyValueChanged = true;
-        var rows = this.visibleRows;
+        var rows = this.generatedVisibleRows;
         for (var i = 0; i < rows.length; i++) {
             rows[i].onAnyValueChanged(name, questionName);
         }
@@ -29582,6 +30004,19 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "hasInvisibleRows", {
+        get: function () {
+            return !!this.visibleRowsArray && this.visibleRowsArray.length !== this.generatedVisibleRows.length;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionMatrixDropdownModelBase.prototype.getFilteredData = function () {
+        if (this.isEmpty() || !this.generatedVisibleRows || !this.hasInvisibleRows)
+            return this.value;
+        return this.getFilteredDataCore();
+    };
+    QuestionMatrixDropdownModelBase.prototype.getFilteredDataCore = function () { return this.value; };
     QuestionMatrixDropdownModelBase.prototype.onRowChanging = function (row, columnName, rowValue) {
         if (!this.survey && !this.cellValueChangingCallback)
             return !!rowValue ? rowValue[columnName] : null;
@@ -29772,6 +30207,26 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         return null;
     };
     QuestionMatrixDropdownModelBase.prototype.isMatrixReadOnly = function () { return this.isReadOnly; };
+    QuestionMatrixDropdownModelBase.prototype.onRowVisibilityChanged = function (row) {
+        this.clearVisibleRows();
+        this.resetRenderedTable();
+    };
+    QuestionMatrixDropdownModelBase.prototype.clearValueIfInvisibleCore = function (reason) {
+        _super.prototype.clearValueIfInvisibleCore.call(this, reason);
+        this.clearInvisibleValuesInRows();
+    };
+    QuestionMatrixDropdownModelBase.prototype.clearInvisibleValuesInRows = function () {
+        var _a;
+        if (this.isEmpty() || !this.isRowsFiltered)
+            return;
+        var sharedQuestions = ((_a = this.survey) === null || _a === void 0 ? void 0 : _a.questionsByValueName(this.getValueName())) || [];
+        if (sharedQuestions.length < 2) {
+            this.value = this.getFilteredData();
+        }
+    };
+    QuestionMatrixDropdownModelBase.prototype.isRowsFiltered = function () {
+        return _super.prototype.isRowsFiltered.call(this) || (this.visibleRows !== this.generatedVisibleRows);
+    };
     QuestionMatrixDropdownModelBase.prototype.getQuestionFromArray = function (name, index) {
         if (index >= this.visibleRows.length)
             return null;
@@ -29855,7 +30310,6 @@ Serializer.addClass("matrixdropdownbase", [
         visible: false,
         isLightSerializable: false,
     },
-    { name: "columnsVisibleIf", visible: false },
     {
         name: "detailPanelMode",
         choices: ["none", "underRow", "underRowSingle"],
@@ -29941,8 +30395,13 @@ var MatrixDropdownRowModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    MatrixDropdownRowModel.prototype.isItemVisible = function () { return this.item.isVisible; };
     MatrixDropdownRowModel.prototype.isRowEnabled = function () { return this.item.isEnabled; };
     MatrixDropdownRowModel.prototype.isRowHasEnabledCondition = function () { return !!this.item.enableIf; };
+    MatrixDropdownRowModel.prototype.setRowsVisibleIfValues = function (values) {
+        values["item"] = this.item.value;
+        values["choice"] = this.item.value;
+    };
     return MatrixDropdownRowModel;
 }(question_matrixdropdownbase_MatrixDropdownRowModelBase));
 
@@ -29958,11 +30417,11 @@ var question_matrixdropdown_QuestionMatrixDropdownModel = /** @class */ (functio
         _this.defaultValuesInRows = {};
         _this.createLocalizableString("totalText", _this, true);
         _this.registerPropertyChangedHandlers(["rows"], function () {
+            if (!_this.generatedVisibleRows)
+                return;
             _this.clearGeneratedRows();
             _this.resetRenderedTable();
-            if (!_this.filterItems()) {
-                _this.onRowsChanged();
-            }
+            _this.getVisibleRows();
             _this.clearIncorrectValues();
         });
         _this.registerPropertyChangedHandlers(["hideIfRowsEmpty"], function () {
@@ -30053,30 +30512,29 @@ var question_matrixdropdown_QuestionMatrixDropdownModel = /** @class */ (functio
         return helpers_Helpers.isValueObject(val, true);
     };
     QuestionMatrixDropdownModel.prototype.clearIncorrectValues = function () {
-        var val = this.value;
-        if (!val)
-            return;
-        var newVal = null;
-        var isChanged = false;
-        var rows = !!this.filteredRows ? this.filteredRows : this.rows;
-        for (var key in val) {
-            if (itemvalue_ItemValue.getItemByValue(rows, key)) {
-                if (newVal == null)
-                    newVal = {};
-                newVal[key] = val[key];
-            }
-            else {
-                isChanged = true;
+        if (!this.isEmpty()) {
+            this.getVisibleRows();
+            var newVal = {};
+            var val = this.value;
+            for (var key in val) {
+                var row = this.getRowByKey(key);
+                if (!!row && row.isVisible) {
+                    newVal[key] = val[key];
+                }
             }
-        }
-        if (isChanged) {
             this.value = newVal;
         }
         _super.prototype.clearIncorrectValues.call(this);
     };
-    QuestionMatrixDropdownModel.prototype.clearValueIfInvisibleCore = function (reason) {
-        _super.prototype.clearValueIfInvisibleCore.call(this, reason);
-        this.clearInvisibleValuesInRows();
+    QuestionMatrixDropdownModel.prototype.getRowByKey = function (val) {
+        var rows = this.generatedVisibleRows;
+        if (!rows)
+            return null;
+        for (var i = 0; i < rows.length; i++) {
+            if (rows[i].rowName === val)
+                return rows[i];
+        }
+        return null;
     };
     QuestionMatrixDropdownModel.prototype.clearGeneratedRows = function () {
         var _this = this;
@@ -30103,7 +30561,7 @@ var question_matrixdropdown_QuestionMatrixDropdownModel = /** @class */ (functio
     };
     QuestionMatrixDropdownModel.prototype.generateRows = function () {
         var result = new Array();
-        var rows = !!this.filteredRows ? this.filteredRows : this.rows;
+        var rows = this.rows;
         if (!rows || rows.length === 0)
             return result;
         var val = this.value;
@@ -30120,6 +30578,17 @@ var question_matrixdropdown_QuestionMatrixDropdownModel = /** @class */ (functio
     QuestionMatrixDropdownModel.prototype.createMatrixRow = function (item, value) {
         return new MatrixDropdownRowModel(item.value, item, this, value);
     };
+    QuestionMatrixDropdownModel.prototype.getFilteredDataCore = function () {
+        var res = {};
+        var val = this.createValueCopy();
+        this.generatedVisibleRows.forEach(function (row) {
+            var rowVal = val[row.rowName];
+            if (row.isVisible && !helpers_Helpers.isValueEmpty(rowVal)) {
+                res[row.rowName] = rowVal;
+            }
+        });
+        return res;
+    };
     QuestionMatrixDropdownModel.prototype.getSearchableItemValueKeys = function (keys) {
         keys.push("rows");
     };
@@ -30955,6 +31424,7 @@ var question_matrixdynamic_extends = (undefined && undefined.__extends) || (func
 
 
 
+
 var MatrixDynamicRowModel = /** @class */ (function (_super) {
     question_matrixdynamic_extends(MatrixDynamicRowModel, _super);
     function MatrixDynamicRowModel(index, data, value) {
@@ -31030,7 +31500,7 @@ var question_matrixdynamic_QuestionMatrixDynamicModel = /** @class */ (function
         _this.registerPropertyChangedHandlers(["hideColumnsIfEmpty", "allowAddRows"], function () {
             _this.updateShowTableAndAddRow();
         });
-        _this.registerPropertyChangedHandlers(["allowRowsDragAndDrop", "isReadOnly", "lockedRowCount"], function () { _this.clearRowsAndResetRenderedTable(); });
+        _this.registerPropertyChangedHandlers(["allowRowsDragAndDrop", "isReadOnly", "lockedRowCount"], function () { _this.resetRenderedTable(); });
         _this.dragOrClickHelper = new dragOrClickHelper_DragOrClickHelper(_this.startDragMatrixRow);
         return _this;
     }
@@ -31179,7 +31649,7 @@ var question_matrixdynamic_QuestionMatrixDynamicModel = /** @class */ (function
     };
     QuestionMatrixDynamicModel.prototype.initDataUI = function () {
         if (!this.generatedVisibleRows) {
-            this.visibleRows;
+            this.getVisibleRows();
         }
     };
     Object.defineProperty(QuestionMatrixDynamicModel.prototype, "rowCount", {
@@ -31208,6 +31678,7 @@ var question_matrixdynamic_QuestionMatrixDynamicModel = /** @class */ (function
             }
             if (this.generatedVisibleRows || prevValue == 0) {
                 if (!this.generatedVisibleRows) {
+                    this.clearGeneratedRows();
                     this.generatedVisibleRows = [];
                 }
                 this.generatedVisibleRows.splice(val);
@@ -31897,9 +32368,29 @@ 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;
     };
+    QuestionMatrixDynamicModel.prototype.getFilteredDataCore = function () {
+        var res = [];
+        var val = this.createValueCopy();
+        if (!Array.isArray(val))
+            return res;
+        var rows = this.generatedVisibleRows;
+        for (var i = 0; i < rows.length && i < val.length; i++) {
+            var rowVal = val[i];
+            if (rows[i].isVisible && !helpers_Helpers.isValueEmpty(rowVal)) {
+                res.push(rowVal);
+            }
+        }
+        return res;
+    };
     QuestionMatrixDynamicModel.prototype.onBeforeValueChanged = function (val) {
         if (!val || !Array.isArray(val))
             return;
@@ -31924,7 +32415,7 @@ var question_matrixdynamic_QuestionMatrixDynamicModel = /** @class */ (function
         }
         else {
             this.clearGeneratedRows();
-            this.generatedVisibleRows = this.visibleRows;
+            this.getVisibleRows();
             this.onRowsChanged();
         }
         this.setRowCountValueFromData = false;
@@ -32000,7 +32491,6 @@ var QuestionMatrixDynamicRenderedTable = /** @class */ (function (_super) {
     return QuestionMatrixDynamicRenderedTable;
 }(question_matrixdropdownrendered_QuestionMatrixDropdownRenderedTable));
 Serializer.addClass("matrixdynamic", [
-    { name: "rowsVisibleIf:condition", visible: false },
     { name: "allowAddRows:boolean", default: true },
     { name: "allowRemoveRows:boolean", default: true },
     { name: "rowCount:number", default: 2, minValue: 0, isBindable: true },
@@ -32128,7 +32618,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",
@@ -32141,7 +32630,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",
@@ -32230,6 +32718,7 @@ var defaultV2Css = {
         emptyHeaderRoot: "sd-page__empty-header",
         title: "sd-title sd-page__title",
         description: "sd-description sd-page__description",
+        number: "sd-page__num",
         errorsContainer: "sd-page__errbox"
     },
     pageTitle: "sd-title sd-page__title",
@@ -32839,6 +33328,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",
@@ -33654,7 +34144,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
@@ -33755,6 +34251,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);
@@ -33836,6 +34335,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" },
@@ -34526,6 +35026,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;
     }
@@ -34600,10 +35103,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
@@ -35091,6 +35597,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
          * @see questions
          */
         get: function () {
+            base_Base.collectDependency(this, "elements");
             return this.elementsValue;
         },
         enumerable: false,
@@ -35603,6 +36110,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         }
         this.onElementVisibilityChanged(this);
         this.releaseAnimations();
+        this.calcHasTextInTitle();
     };
     PanelModelBase.prototype.onFirstRendering = function () {
         _super.prototype.onFirstRendering.call(this);
@@ -36294,12 +36802,27 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
             return this.parent.getQuestionErrorLocation();
         return this.survey ? this.survey.questionErrorLocation : "top";
     };
+    //ITitleOwner
+    PanelModelBase.prototype.getTitleOwner = function () { return this; };
     Object.defineProperty(PanelModelBase.prototype, "no", {
-        //ITitleOwner
         get: function () { return ""; },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PanelModelBase.prototype, "cssTitleNumber", {
+        get: function () {
+            return this.cssClasses.panel.number;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PanelModelBase.prototype, "cssRequiredText", {
+        get: function () {
+            return this.cssClasses.panel.requiredText;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PanelModelBase.prototype, "cssError", {
         get: function () {
             return this.getCssError(this.cssClasses);
@@ -36340,6 +36863,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);
@@ -36370,9 +36896,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 () {
@@ -36392,37 +36915,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;
@@ -36465,7 +36966,6 @@ var panel_PanelModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    PanelModel.prototype.getTitleOwner = function () { return this; };
     Object.defineProperty(PanelModel.prototype, "showNumber", {
         /**
          * Specifies whether to show the panel number in the title.
@@ -36562,7 +37062,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;
@@ -36725,10 +37225,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
@@ -37167,11 +37664,6 @@ var page_PageModel = /** @class */ (function (_super) {
          * @see maxTimeToFinish
          */
         _this.timeSpent = 0;
-        _this.locTitle.onGetTextCallback = function (text) {
-            if (_this.canShowPageNumber() && text)
-                return _this.num + ". " + text;
-            return text;
-        };
         _this.createLocalizableString("navigationDescription", _this, true);
         _this.dragDropPageHelper = new drag_drop_page_helper_v1_DragDropPageHelperV1(_this);
         return _this;
@@ -37189,12 +37681,37 @@ var page_PageModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PageModel.prototype, "no", {
+        get: function () {
+            return this.canShowPageNumber() ? this.num + ". " : "";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PageModel.prototype, "cssTitleNumber", {
+        get: function () {
+            return this.cssClasses.page.number;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PageModel.prototype, "cssRequiredText", {
+        get: function () {
+            return "";
+        },
+        enumerable: false,
+        configurable: true
+    });
     PageModel.prototype.canShowPageNumber = function () {
         return this.survey && this.survey.showPageNumbers;
     };
     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`.
@@ -37779,24 +38296,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) {
@@ -37812,10 +38313,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;
@@ -37886,6 +38412,7 @@ var surveyToc_TOCModel = /** @class */ (function () {
         configurable: true
     });
     TOCModel.prototype.dispose = function () {
+        this.survey.unRegisterFunctionOnPropertyValueChanged("pages", "toc");
         this.popupModel.dispose();
         this.listModel.dispose();
     };
@@ -37963,7 +38490,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [Conditional Survey Logic (Triggers)](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-survey-logic-triggers (linkStyle)).
+         * [Conditional Survey Logic (Triggers)](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-survey-logic-triggers (linkStyle))
          * @see triggers
          * @see runTriggers
          */
@@ -45340,13 +45867,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;
     };
@@ -45364,12 +45893,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,
@@ -46701,6 +47224,7 @@ var question_baseselect_decorate = (undefined && undefined.__decorate) || functi
 
 
 
+
 /**
  * A base class for multiple-choice question types ([Checkboxes](https://surveyjs.io/form-library/documentation/questioncheckboxmodel), [Dropdown](https://surveyjs.io/form-library/documentation/questiondropdownmodel), [Radio Button Group](https://surveyjs.io/form-library/documentation/questionradiogroupmodel), etc.).
  */
@@ -46738,6 +47262,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["hideIfChoicesEmpty"], function () {
             _this.onVisibleChanged();
         });
+        _this.otherTextAreaModel = new text_area_TextAreaModel(_this.getOtherTextAreaOptions());
         _this.createNewArray("visibleChoices", function () { return _this.updateRenderedChoices(); }, function () { return _this.updateRenderedChoices(); });
         _this.setNewRestfulProperty();
         var locOtherText = _this.createLocalizableString("otherText", _this.otherItemValue, true, "otherItemText");
@@ -46768,6 +47293,26 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionSelectBase.prototype.getOtherTextAreaOptions = function () {
+        var _this = this;
+        var options = {
+            question: this,
+            id: function () { return _this.otherId; },
+            propertyName: "otherValue",
+            className: function () { return _this.cssClasses.other; },
+            placeholder: function () { return _this.otherPlaceholder; },
+            isDisabledAttr: function () { return _this.isInputReadOnly || false; },
+            rows: function () { return _this.commentAreaRows; },
+            maxLength: function () { return _this.getOthersMaxLength(); },
+            autoGrow: function () { return _this.survey && _this.survey.autoGrowComment; },
+            ariaRequired: function () { return _this.ariaRequired || _this.a11y_input_ariaRequired; },
+            ariaLabel: function () { return _this.ariaLabel || _this.a11y_input_ariaLabel; },
+            getTextValue: function () { return _this.otherValue; },
+            onTextAreaChange: function (e) { _this.onOtherValueChange(e); },
+            onTextAreaInput: function (e) { _this.onOtherValueInput(e); },
+        };
+        return options;
+    };
     QuestionSelectBase.prototype.getType = function () {
         return "selectbase";
     };
@@ -47582,7 +48127,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).
          *
@@ -47618,7 +48163,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);
                 }
             }
@@ -47965,8 +48510,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
@@ -48092,7 +48637,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
@@ -48132,7 +48677,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))
@@ -48157,7 +48702,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"
@@ -48332,7 +48877,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()
@@ -48500,7 +49045,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")
@@ -48725,10 +49270,13 @@ 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++)
-                this.renderedChoices[i] && res.push(this.renderedChoices[i]);
+            for (var i = 0; i < count; i++) {
+                if (this.renderedChoices[i]) {
+                    res.push(this.renderedChoices[i]);
+                }
+            }
             return res;
         },
         enumerable: false,
@@ -48736,11 +49284,14 @@ 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++)
-                this.renderedChoices[items.length - count + i] && res.push(this.renderedChoices[items.length - count + i]);
+            for (var i = 0; i < count; i++) {
+                if (this.renderedChoices[items.length - count + i]) {
+                    res.push(this.renderedChoices[items.length - count + i]);
+                }
+            }
             return res;
         },
         enumerable: false,
@@ -48780,7 +49331,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;
@@ -48967,9 +49518,11 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
         return classes;
     };
     question_baseselect_decorate([
-        jsonobject_property({ onSet: function (newVal, target) {
+        jsonobject_property({
+            onSet: function (newVal, target) {
                 target.onSelectedItemValuesChangedHandler(newVal);
-            } })
+            }
+        })
     ], QuestionSelectBase.prototype, "selectedItemValues", void 0);
     question_baseselect_decorate([
         jsonobject_property()
@@ -51310,6 +51863,7 @@ var question_matrix_extends = (undefined && undefined.__extends) || (function ()
 
 
 
+
 var question_matrix_MatrixRowModel = /** @class */ (function (_super) {
     question_matrix_extends(MatrixRowModel, _super);
     function MatrixRowModel(item, fullName, data, value) {
@@ -51597,9 +52151,8 @@ var question_matrix_QuestionMatrixModel = /** @class */ (function (_super) {
             _this.onColumnsChanged();
         });
         _this.registerPropertyChangedHandlers(["rows"], function () {
-            if (!_this.filterItems()) {
-                _this.onRowsChanged();
-            }
+            _this.runCondition(_this.getDataFilteredValues(), _this.getDataFilteredProperties());
+            _this.onRowsChanged();
         });
         _this.registerPropertyChangedHandlers(["hideIfRowsEmpty"], function () {
             _this.updateVisibilityBasedOnRows();
@@ -51769,21 +52322,31 @@ var question_matrix_QuestionMatrixModel = /** @class */ (function (_super) {
         }
         return res;
     };
-    QuestionMatrixModel.prototype.runItemsCondition = function (values, properties) {
+    QuestionMatrixModel.prototype.runCondition = function (values, properties) {
         itemvalue_ItemValue.runEnabledConditionsForItems(this.rows, undefined, values, properties);
-        return _super.prototype.runItemsCondition.call(this, values, properties);
+        _super.prototype.runCondition.call(this, values, properties);
+    };
+    QuestionMatrixModel.prototype.createRowsVisibleIfRunner = function () {
+        return !!this.rowsVisibleIf ? new ConditionRunner(this.rowsVisibleIf) : null;
+    };
+    QuestionMatrixModel.prototype.onRowsChanged = function () {
+        this.clearGeneratedRows();
+        _super.prototype.onRowsChanged.call(this);
     };
     QuestionMatrixModel.prototype.getVisibleRows = function () {
+        if (!!this.generatedVisibleRows)
+            return this.generatedVisibleRows;
         var result = new Array();
         var val = this.value;
         if (!val)
             val = {};
-        var rows = !!this.filteredRows ? this.filteredRows : this.rows;
+        var rows = this.filteredRows || this.rows;
         for (var i = 0; i < rows.length; i++) {
             var row = rows[i];
             if (this.isValueEmpty(row.value))
                 continue;
-            result.push(this.createMatrixRow(row, this.id + "_" + row.value.toString().replace(/\s/g, "_"), val[row.value]));
+            var rowId = this.id + "_" + row.value.toString().replace(/\s/g, "_");
+            result.push(this.createMatrixRow(row, rowId, val[row.value]));
         }
         this.generatedVisibleRows = result;
         return result;
@@ -51799,6 +52362,8 @@ var question_matrix_QuestionMatrixModel = /** @class */ (function (_super) {
     QuestionMatrixModel.prototype.endLoadingFromJson = function () {
         _super.prototype.endLoadingFromJson.call(this);
         this.rows = this.sortVisibleRows(this.rows);
+        this.onRowsChanged();
+        this.onColumnsChanged();
     };
     QuestionMatrixModel.prototype.isNewValueCorrect = function (val) {
         return helpers_Helpers.isValueObject(val, true);
@@ -52031,11 +52596,47 @@ var question_matrix_QuestionMatrixModel = /** @class */ (function (_super) {
         json["type"] = question.getType();
         return json;
     };
+    QuestionMatrixModel.prototype.clearIncorrectValues = function () {
+        this.clearInvisibleValuesInRowsAndColumns(true, true, true);
+        _super.prototype.clearIncorrectValues.call(this);
+    };
     QuestionMatrixModel.prototype.clearValueIfInvisibleCore = function (reason) {
         _super.prototype.clearValueIfInvisibleCore.call(this, reason);
-        if (this.hasRows) {
-            this.clearInvisibleValuesInRows();
+        this.clearInvisibleValuesInRowsAndColumns(true, true, false);
+    };
+    QuestionMatrixModel.prototype.clearInvisibleColumnValues = function () {
+        this.clearInvisibleValuesInRowsAndColumns(false, true, false);
+    };
+    QuestionMatrixModel.prototype.clearInvisibleValuesInRows = function () {
+        this.clearInvisibleValuesInRowsAndColumns(true, false, false);
+    };
+    QuestionMatrixModel.prototype.clearInvisibleValuesInRowsAndColumns = function (inRows, inColumns, inCorrectRows) {
+        if (this.isEmpty())
+            return;
+        var updatedData = this.getUnbindValue(this.value);
+        var newData = {};
+        var rows = this.rows;
+        for (var i = 0; i < rows.length; i++) {
+            var key = rows[i].value;
+            if (!!updatedData[key]) {
+                if (inRows && !rows[i].isVisible || inColumns && !this.getVisibleColumnByValue(updatedData[key])) {
+                    delete updatedData[key];
+                }
+                else {
+                    newData[key] = updatedData[key];
+                }
+            }
+        }
+        if (inCorrectRows) {
+            updatedData = newData;
         }
+        if (this.isTwoValueEquals(updatedData, this.value))
+            return;
+        this.value = updatedData;
+    };
+    QuestionMatrixModel.prototype.getVisibleColumnByValue = function (val) {
+        var col = itemvalue_ItemValue.getItemByValue(this.columns, val);
+        return !!col && col.isVisible ? col : null;
     };
     QuestionMatrixModel.prototype.getFirstInputElementId = function () {
         var rows = this.generatedVisibleRows;
@@ -52941,6 +53542,7 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
         }
         var valName = this.getValidatorTitle();
         var emailValidator = new EmailValidator();
+        emailValidator.errorOwner = this;
         if (this.inputType === "email" &&
             !this.validators.some(function (v) { return v.getType() === "emailvalidator"; })) {
             var validateResult = emailValidator.validate(this.value, valName);
@@ -54056,7 +54658,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
          */
@@ -56571,19 +57173,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) {
@@ -56743,10 +57357,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);
@@ -57104,6 +57717,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,
@@ -57525,6 +58139,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`.
@@ -57654,6 +58278,13 @@ Serializer.addClass("ranking", [
         visible: true,
         isSerializable: true,
     },
+    {
+        name: "selectToRankSwapAreas:switch",
+        default: false,
+        visible: false,
+        isSerializable: true,
+        dependsOn: "selectToRankEnabled",
+    },
     {
         name: "selectToRankAreasLayout",
         default: "horizontal",
@@ -57730,6 +58361,8 @@ var question_comment_extends = (undefined && undefined.__extends) || (function (
 
 
 
+
+
 /**
  * A class that describes the Long Text question type.
  *
@@ -57737,9 +58370,46 @@ var question_comment_extends = (undefined && undefined.__extends) || (function (
  */
 var question_comment_QuestionCommentModel = /** @class */ (function (_super) {
     question_comment_extends(QuestionCommentModel, _super);
-    function QuestionCommentModel() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function QuestionCommentModel(name) {
+        var _this_1 = _super.call(this, name) || this;
+        _this_1.textAreaModel = new text_area_TextAreaModel(_this_1.getTextAreaOptions());
+        return _this_1;
     }
+    QuestionCommentModel.prototype.getTextAreaOptions = function () {
+        var _this_1 = this;
+        var _this = this;
+        var updateQuestionValue = function (newValue) {
+            if (!helpers_Helpers.isTwoValueEquals(_this.value, newValue, false, true, false)) {
+                _this.value = newValue;
+            }
+        };
+        var options = {
+            question: this,
+            id: function () { return _this_1.inputId; },
+            propertyName: "value",
+            className: function () { return _this_1.className; },
+            placeholder: function () { return _this_1.renderedPlaceholder; },
+            isDisabledAttr: function () { return _this_1.isDisabledAttr; },
+            isReadOnlyAttr: function () { return _this_1.isReadOnlyAttr; },
+            autoGrow: function () { return _this_1.renderedAutoGrow; },
+            maxLength: function () { return _this_1.getMaxLength(); },
+            rows: function () { return _this_1.rows; },
+            cols: function () { return _this_1.cols; },
+            ariaRequired: function () { return _this_1.a11y_input_ariaRequired; },
+            ariaLabel: function () { return _this_1.a11y_input_ariaLabel; },
+            ariaLabelledBy: function () { return _this_1.a11y_input_ariaLabelledBy; },
+            ariaDescribedBy: function () { return _this_1.a11y_input_ariaDescribedBy; },
+            ariaInvalid: function () { return _this_1.a11y_input_ariaInvalid; },
+            ariaErrormessage: function () { return _this_1.a11y_input_ariaErrormessage; },
+            getTextValue: function () { return _this_1.value; },
+            onTextAreaChange: function (e) { updateQuestionValue(e.target.value); },
+            onTextAreaInput: function (event) { _this_1.onInput(event); },
+            onTextAreaKeyDown: function (event) { _this_1.onKeyDown(event); },
+            onTextAreaFocus: function (event) { _this_1.onFocus(event); },
+            onTextAreaBlur: function (event) { _this_1.onBlur(event); }
+        };
+        return options;
+    };
     Object.defineProperty(QuestionCommentModel.prototype, "rows", {
         /**
          * Specifies the visible height of the comment area, measured in lines.
@@ -57845,9 +58515,9 @@ var question_comment_QuestionCommentModel = /** @class */ (function (_super) {
         _super.prototype.afterRenderQuestionElement.call(this, el);
     };
     QuestionCommentModel.prototype.updateElement = function () {
-        var _this = this;
+        var _this_1 = this;
         if (this.element && this.renderedAutoGrow) {
-            setTimeout(function () { return increaseHeightByContent(_this.element); }, 1);
+            setTimeout(function () { return increaseHeightByContent(_this_1.element); }, 1);
         }
     };
     QuestionCommentModel.prototype.beforeDestroyQuestionElement = function (el) {
@@ -59968,7 +60638,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.
          *
@@ -64612,8 +65282,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);
         }
@@ -69334,8 +70007,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.1";
-ReleaseDate = "" + "2024-09-10";
+Version = "" + "1.12.3";
+ReleaseDate = "" + "2024-09-24";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -69500,6 +70173,7 @@ function checkPrefix(prefix) {
 
 
 
+
 
 
 //Uncomment to include the "date" question type.
@@ -70035,6 +70709,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",
@@ -70394,6 +71069,7 @@ var modernCss = {
     page: {
         root: "sv-page sv-body__page",
         title: "sv-title sv-page__title",
+        number: "sv-page__num",
         description: "sv-description sv-page__description",
     },
     pageTitle: "sv-title sv-page__title",
@@ -70468,6 +71144,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",