survey-core 1.9.124 → 1.9.126

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.124
+ * surveyjs - Survey JavaScript library v1.9.126
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1900,6 +1900,20 @@ var Base = /** @class */ (function () {
         }
         return _helpers__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isValueEmpty(value);
     };
+    Base.prototype.equals = function (obj) {
+        if (!obj)
+            return false;
+        if (this.isDisposed || obj.isDisposed)
+            return false;
+        if (this.getType() != obj.getType())
+            return false;
+        return this.equalsCore(obj);
+    };
+    Base.prototype.equalsCore = function (obj) {
+        if (this.name !== obj.name)
+            return false;
+        return _helpers__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(this.toJSON(), obj.toJSON(), false, true, false);
+    };
     Base.prototype.trimValue = function (value) {
         if (!!value && (typeof value === "string" || value instanceof String))
             return value.trim();
@@ -2439,8 +2453,8 @@ var Base = /** @class */ (function () {
     Base.prototype.createCustomLocalizableObj = function (name) {
         var locStr = this.getLocalizableString(name);
         if (locStr)
-            return;
-        this.createLocalizableString(name, this, false, true);
+            return locStr;
+        return this.createLocalizableString(name, this, false, true);
     };
     Base.prototype.getLocale = function () {
         var locOwner = this.getSurvey();
@@ -4875,14 +4889,19 @@ var modernCss = {
     },
     window: {
         root: "sv_window",
+        rootCollapsedMod: "sv_window--collapsed",
+        rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
-            root: "sv_window_title",
-            title: "",
-            button: "",
+            root: "sv_window_header",
+            titleCollapsed: "sv_window_header_title_collapsed",
+            buttonsContainer: "sv_window_buttons_container",
+            button: "sv_window_button",
             buttonExpanded: "",
             buttonCollapsed: "",
-        },
+            collapseButton: "sv_window_button sv_window_button_collapse",
+            closeButton: "sv_window_button sv_window_button_close"
+        }
     },
     variables: {
         mobileWidth: "--sv-mobile-width",
@@ -5268,14 +5287,19 @@ var defaultStandardCss = {
     },
     window: {
         root: "sv_window",
+        rootCollapsedMod: "sv_window--collapsed",
+        rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
-            root: "sv_window_title",
-            title: "",
-            button: "",
+            root: "sv_window_header",
+            titleCollapsed: "sv_window_header_title_collapsed",
+            buttonsContainer: "sv_window_buttons_container",
+            button: "sv_window_button",
             buttonExpanded: "",
             buttonCollapsed: "",
-        },
+            collapseButton: "sv_window_button sv_window_button_collapse",
+            closeButton: "sv_window_button sv_window_button_close"
+        }
     },
     variables: {
         mobileWidth: "--sv-mobile-width",
@@ -5496,6 +5520,7 @@ var defaultV2Css = {
         headerTop: "sd-question__header--location-top sd-element__header--location-top",
         headerBottom: "sd-question__header--location--bottom",
         content: "sd-question__content",
+        contentSupportContainerQueries: "sd-question__content--support-container-queries",
         contentLeft: "sd-question__content--left",
         titleNumInline: "sd-element__title--num-inline",
         titleLeftRoot: "sd-question--left",
@@ -5737,6 +5762,7 @@ var defaultV2Css = {
         rowError: "sd-matrix__row--error",
         cell: "sd-table__cell sd-matrix__cell",
         row: "sd-table__row",
+        rowDisabled: "sd-table__row-disabled",
         headerCell: "sd-table__cell sd-table__cell--header",
         rowTextCell: "sd-table__cell sd-matrix__cell sd-table__cell--row-text",
         label: "sd-item sd-radio sd-matrix__label",
@@ -5975,13 +6001,18 @@ var defaultV2Css = {
     },
     window: {
         root: "sv_window",
+        rootCollapsedMod: "sv_window--collapsed",
+        rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
-            root: "sv_window_title",
-            title: "",
+            root: "sv_window_header",
+            titleCollapsed: "sv_window_header_title_collapsed",
+            buttonsContainer: "sv_window_buttons_container",
             button: "sv_window_button",
             buttonExpanded: "",
-            buttonCollapsed: ""
+            buttonCollapsed: "",
+            collapseButton: "sv_window_button sv_window_button_collapse",
+            closeButton: "sv_window_button sv_window_button_close"
         }
     },
     ranking: {
@@ -8862,7 +8893,7 @@ var ElementHelper = /** @class */ (function () {
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9167,8 +9198,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTimerModel", function() { return _surveyTimerModel__WEBPACK_IMPORTED_MODULE_54__["SurveyTimerModel"]; });
 
 /* harmony import */ var _surveyToc__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../../surveyToc */ "./src/surveyToc.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryNavigateToPage", function() { return _surveyToc__WEBPACK_IMPORTED_MODULE_55__["tryNavigateToPage"]; });
-
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryFocusPage", function() { return _surveyToc__WEBPACK_IMPORTED_MODULE_55__["tryFocusPage"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return _surveyToc__WEBPACK_IMPORTED_MODULE_55__["createTOCListModel"]; });
@@ -9339,8 +9368,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.124";
-ReleaseDate = "" + "2024-01-04";
+Version = "" + "1.9.126";
+ReleaseDate = "" + "2024-01-16";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9515,7 +9544,7 @@ function checkPrefix(prefix) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9771,8 +9800,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTimerModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["SurveyTimerModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryNavigateToPage", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["tryNavigateToPage"]; });
-
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryFocusPage", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["tryFocusPage"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["createTOCListModel"]; });
@@ -9980,7 +10007,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10236,8 +10263,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTimerModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["SurveyTimerModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryNavigateToPage", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["tryNavigateToPage"]; });
-
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryFocusPage", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["tryFocusPage"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["createTOCListModel"]; });
@@ -10426,7 +10451,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!**********************!*\
   !*** ./src/error.ts ***!
   \**********************/
-/*! exports provided: AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, WebRequestError, WebRequestEmptyError, OtherEmptyError, UploadingFileError, RequiredInAllRowsError, MinRowCountError, KeyDuplicationError, CustomError */
+/*! exports provided: AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, WebRequestError, WebRequestEmptyError, OtherEmptyError, UploadingFileError, RequiredInAllRowsError, EachRowUniqueError, MinRowCountError, KeyDuplicationError, CustomError */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10440,6 +10465,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OtherEmptyError", function() { return OtherEmptyError; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UploadingFileError", function() { return UploadingFileError; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RequiredInAllRowsError", function() { return RequiredInAllRowsError; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EachRowUniqueError", function() { return EachRowUniqueError; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MinRowCountError", function() { return MinRowCountError; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "KeyDuplicationError", function() { return KeyDuplicationError; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CustomError", function() { return CustomError; });
@@ -10632,6 +10658,23 @@ var RequiredInAllRowsError = /** @class */ (function (_super) {
     return RequiredInAllRowsError;
 }(_survey_error__WEBPACK_IMPORTED_MODULE_1__["SurveyError"]));
 
+var EachRowUniqueError = /** @class */ (function (_super) {
+    __extends(EachRowUniqueError, _super);
+    function EachRowUniqueError(text, errorOwner) {
+        if (errorOwner === void 0) { errorOwner = null; }
+        var _this = _super.call(this, text, errorOwner) || this;
+        _this.text = text;
+        return _this;
+    }
+    EachRowUniqueError.prototype.getErrorType = function () {
+        return "eachrowuniqueeerror";
+    };
+    EachRowUniqueError.prototype.getDefaultText = function () {
+        return this.getLocalizationString("eachRowUniqueError");
+    };
+    return EachRowUniqueError;
+}(_survey_error__WEBPACK_IMPORTED_MODULE_1__["SurveyError"]));
+
 var MinRowCountError = /** @class */ (function (_super) {
     __extends(MinRowCountError, _super);
     function MinRowCountError(minRowCount, errorOwner) {
@@ -15777,21 +15820,11 @@ var Helpers = /** @class */ (function () {
             return x == y;
         if (!Helpers.isValueObject(x) || !Helpers.isValueObject(y))
             return false;
-        if (x["equals"])
+        if (x["equals"] && y["equals"])
             return x.equals(y);
-        if (!!x.toJSON && !!y.toJSON && !!x.getType && !!y.getType) {
-            if (x.isDisposed || y.isDisposed)
-                return false;
-            if (x.getType() !== y.getType())
-                return false;
-            if (!!x.name && x.name !== y.name)
-                return false;
-            return this.isTwoValueEquals(x.toJSON(), y.toJSON(), ignoreOrder, caseSensitive, trimStrings);
-        }
-        if (Array.isArray(x) && Array.isArray(y))
+        if (Array.isArray(x) && Array.isArray(y)) {
             return Helpers.isArraysEqual(x, y, ignoreOrder, caseSensitive, trimStrings);
-        if (!!x.equalsTo && y.equalsTo)
-            return x.equalsTo(y);
+        }
         for (var p in x) {
             if (!x.hasOwnProperty(p))
                 continue;
@@ -16123,10 +16156,12 @@ var map = {
 	"./V2DragElement_16x16.svg": "./src/images/V2DragElement_16x16.svg",
 	"./chevron.svg": "./src/images/chevron.svg",
 	"./clear_16x16.svg": "./src/images/clear_16x16.svg",
+	"./close_16x16.svg": "./src/images/close_16x16.svg",
 	"./collapseDetail.svg": "./src/images/collapseDetail.svg",
 	"./drag-n-drop.svg": "./src/images/drag-n-drop.svg",
 	"./expandDetail.svg": "./src/images/expandDetail.svg",
 	"./loading.svg": "./src/images/loading.svg",
+	"./minimize_16x16.svg": "./src/images/minimize_16x16.svg",
 	"./no-image.svg": "./src/images/no-image.svg",
 	"./ranking-arrows.svg": "./src/images/ranking-arrows.svg",
 	"./ranking-dash.svg": "./src/images/ranking-dash.svg",
@@ -16134,6 +16169,7 @@ var map = {
 	"./rating-star-small-2.svg": "./src/images/rating-star-small-2.svg",
 	"./rating-star-small.svg": "./src/images/rating-star-small.svg",
 	"./rating-star.svg": "./src/images/rating-star.svg",
+	"./restore_16x16.svg": "./src/images/restore_16x16.svg",
 	"./search.svg": "./src/images/search.svg"
 };
 
@@ -16522,6 +16558,17 @@ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/close_16x16.svg":
+/*!************************************!*\
+  !*** ./src/images/close_16x16.svg ***!
+  \************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.43 8.0025L13.7 3.7225C14.09 3.3325 14.09 2.6925 13.7 2.2925C13.31 1.9025 12.67 1.9025 12.27 2.2925L7.99 6.5725L3.72 2.3025C3.33 1.9025 2.69 1.9025 2.3 2.3025C1.9 2.6925 1.9 3.3325 2.3 3.7225L6.58 8.0025L2.3 12.2825C1.91 12.6725 1.91 13.3125 2.3 13.7125C2.69 14.1025 3.33 14.1025 3.73 13.7125L8.01 9.4325L12.29 13.7125C12.68 14.1025 13.32 14.1025 13.72 13.7125C14.11 13.3225 14.11 12.6825 13.72 12.2825L9.44 8.0025H9.43Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/collapseDetail.svg":
 /*!***************************************!*\
   !*** ./src/images/collapseDetail.svg ***!
@@ -16566,6 +16613,17 @@ module.exports = "<svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
+/***/ "./src/images/minimize_16x16.svg":
+/*!***************************************!*\
+  !*** ./src/images/minimize_16x16.svg ***!
+  \***************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13 9H3C2.45 9 2 8.55 2 8C2 7.45 2.45 7 3 7H13C13.55 7 14 7.45 14 8C14 8.55 13.55 9 13 9Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/no-image.svg":
 /*!*********************************!*\
   !*** ./src/images/no-image.svg ***!
@@ -16643,6 +16701,17 @@ module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/restore_16x16.svg":
+/*!**************************************!*\
+  !*** ./src/images/restore_16x16.svg ***!
+  \**************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 13H4C2.9 13 2 12.1 2 11V5C2 3.9 2.9 3 4 3H12C13.1 3 14 3.9 14 5V11C14 12.1 13.1 13 12 13ZM4 5V11H12V5H4Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/search.svg":
 /*!*******************************!*\
   !*** ./src/images/search.svg ***!
@@ -17605,7 +17674,12 @@ var JsonObjectProperty = /** @class */ (function () {
             return this.isRequiredValue;
         },
         set: function (val) {
-            this.isRequiredValue = val;
+            if (val !== this.isRequired) {
+                this.isRequiredValue = val;
+                if (!!this.classInfo) {
+                    this.classInfo.resetAllProperties();
+                }
+            }
         },
         enumerable: false,
         configurable: true
@@ -17640,7 +17714,7 @@ var JsonObjectProperty = /** @class */ (function () {
     JsonObjectProperty.prototype.getDefaultValue = function (obj) {
         var result = !!this.defaultValueFunc ? this.defaultValueFunc(obj) : this.defaultValueValue;
         if (!!JsonObjectProperty.getItemValuesDefaultValue &&
-            JsonObject.metaData.isDescendantOf(this.className, "itemvalue")) {
+            Serializer.isDescendantOf(this.className, "itemvalue")) {
             result = JsonObjectProperty.getItemValuesDefaultValue(this.defaultValueValue || [], this.className);
         }
         return result;
@@ -17985,7 +18059,8 @@ var CustomPropertiesCollection = /** @class */ (function () {
         if (prop.isLocalizable &&
             prop.serializationProperty &&
             obj.createCustomLocalizableObj) {
-            obj.createCustomLocalizableObj(prop.name);
+            var locStr = obj.createCustomLocalizableObj(prop.name);
+            locStr.defaultValue = prop.defaultValue;
             var locDesc = {
                 get: function () {
                     return obj.getLocalizableString(prop.name);
@@ -17994,7 +18069,7 @@ var CustomPropertiesCollection = /** @class */ (function () {
             Object.defineProperty(obj, prop.serializationProperty, locDesc);
             var desc = {
                 get: function () {
-                    return obj.getLocalizableStringText(prop.name, prop.defaultValue);
+                    return obj.getLocalizableStringText(prop.name);
                 },
                 set: function (v) {
                     obj.setLocalizableStringText(prop.name, v);
@@ -18006,7 +18081,7 @@ var CustomPropertiesCollection = /** @class */ (function () {
             var defaultValue = prop.defaultValue;
             var isArrayProp = prop.isArray || prop.type === "multiplevalues";
             if (typeof obj.createNewArray === "function") {
-                if (JsonObject.metaData.isDescendantOf(prop.className, "itemvalue")) {
+                if (Serializer.isDescendantOf(prop.className, "itemvalue")) {
                     obj.createNewArray(prop.name, function (item) {
                         item.locOwner = obj;
                         item.ownerPropertyName = prop.name;
@@ -18097,8 +18172,20 @@ var JsonMetadataClass = /** @class */ (function () {
         this.fillAllProperties();
         return this.allProperties;
     };
+    JsonMetadataClass.prototype.getRequiredProperties = function () {
+        if (!!this.requiredProperties)
+            return this.requiredProperties;
+        this.requiredProperties = [];
+        var props = this.getAllProperties();
+        for (var i = 0; i < props.length; i++) {
+            if (props[i].isRequired)
+                this.requiredProperties.push(props[i]);
+        }
+        return this.requiredProperties;
+    };
     JsonMetadataClass.prototype.resetAllProperties = function () {
         this.allProperties = undefined;
+        this.requiredProperties = undefined;
         this.hashProperties = undefined;
         var childClasses = Serializer.getChildrenClasses(this.name);
         for (var i = 0; i < childClasses.length; i++) {
@@ -18368,6 +18455,7 @@ var JsonMetadata = /** @class */ (function () {
         this.classes = {};
         this.alternativeNames = {};
         this.childrenClasses = {};
+        this.dynamicPropsCache = {};
     }
     JsonMetadata.prototype.getObjPropertyValue = function (obj, name) {
         if (this.isObjWrapper(obj)) {
@@ -18480,14 +18568,18 @@ var JsonMetadata = /** @class */ (function () {
         if (dynamicType === void 0) { dynamicType = null; }
         if (!obj || !obj.getType || (!obj.getDynamicType && !dynamicType))
             return [];
+        var objType = obj.getType();
         var dType = !!dynamicType ? dynamicType : obj.getDynamicType();
         if (!dType)
             return [];
+        var cacheType = dType + "-" + objType;
+        if (this.dynamicPropsCache[cacheType])
+            return this.dynamicPropsCache[cacheType];
         var dynamicProps = this.getProperties(dType);
         if (!dynamicProps || dynamicProps.length == 0)
             return [];
         var hash = {};
-        var props = this.getProperties(obj.getType());
+        var props = this.getProperties(objType);
         for (var i = 0; i < props.length; i++) {
             hash[props[i].name] = props[i];
         }
@@ -18498,6 +18590,7 @@ var JsonMetadata = /** @class */ (function () {
                 res.push(dProp);
             }
         }
+        this.dynamicPropsCache[cacheType] = res;
         return res;
     };
     JsonMetadata.prototype.hasOriginalProperty = function (obj, propName) {
@@ -18607,12 +18700,13 @@ var JsonMetadata = /** @class */ (function () {
         return result;
     };
     JsonMetadata.prototype.getRequiredProperties = function (name) {
-        var properties = this.getProperties(name);
+        var metaClass = this.findClass(name);
+        if (!metaClass)
+            return [];
+        var props = metaClass.getRequiredProperties();
         var res = [];
-        for (var i = 0; i < properties.length; i++) {
-            if (properties[i].isRequired) {
-                res.push(properties[i].name);
-            }
+        for (var i = 0; i < props.length; i++) {
+            res.push(props[i].name);
         }
         return res;
     };
@@ -18631,6 +18725,7 @@ var JsonMetadata = /** @class */ (function () {
             return null;
         var property = metaDataClass.createProperty(propertyInfo, true);
         if (property) {
+            this.clearDynamicPropsCache(metaDataClass);
             metaDataClass.resetAllProperties();
         }
         return property;
@@ -18641,11 +18736,15 @@ var JsonMetadata = /** @class */ (function () {
             return false;
         var property = metaDataClass.find(propertyName);
         if (property) {
+            this.clearDynamicPropsCache(metaDataClass);
             this.removePropertyFromClass(metaDataClass, property);
             metaDataClass.resetAllProperties();
             CustomPropertiesCollection.removeProperty(metaDataClass.name, propertyName);
         }
     };
+    JsonMetadata.prototype.clearDynamicPropsCache = function (metaDataClass) {
+        this.dynamicPropsCache = {};
+    };
     JsonMetadata.prototype.removePropertyFromClass = function (metaDataClass, property) {
         var index = metaDataClass.properties.indexOf(property);
         if (index < 0)
@@ -18872,7 +18971,7 @@ var JsonUnknownPropertyError = /** @class */ (function (_super) {
             "' is unknown.") || this;
         _this.propertyName = propertyName;
         _this.className = className;
-        var properties = JsonObject.metaData.getProperties(className);
+        var properties = Serializer.getProperties(className);
         if (properties) {
             _this.description = "The list of available properties are: ";
             for (var i = 0; i < properties.length; i++) {
@@ -18895,7 +18994,7 @@ var JsonMissingTypeErrorBase = /** @class */ (function (_super) {
         _this.type = type;
         _this.message = message;
         _this.description = "The following types are available: ";
-        var types = JsonObject.metaData.getChildrenClasses(baseClassName, true);
+        var types = Serializer.getChildrenClasses(baseClassName, true);
         for (var i = 0; i < types.length; i++) {
             if (i > 0)
                 _this.description += ", ";
@@ -19001,9 +19100,9 @@ var JsonObject = /** @class */ (function () {
         var needAddErrors = true;
         if (obj.getType) {
             objType = obj.getType();
-            properties = JsonObject.metaData.getProperties(objType);
+            properties = Serializer.getProperties(objType);
             needAddErrors =
-                !!objType && !JsonObject.metaData.isDescendantOf(objType, "itemvalue");
+                !!objType && !Serializer.isDescendantOf(objType, "itemvalue");
         }
         if (!properties)
             return;
@@ -19043,7 +19142,7 @@ var JsonObject = /** @class */ (function () {
         if (property != null && !property.className) {
             result[JsonObject.typePropertyName] = property.getObjType(obj.getType());
         }
-        this.propertiesToJson(obj, JsonObject.metaData.getProperties(obj.getType()), result, storeDefaults);
+        this.propertiesToJson(obj, Serializer.getProperties(obj.getType()), result, storeDefaults);
         this.propertiesToJson(obj, this.getDynamicProperties(obj), result, storeDefaults);
         return result;
     };
@@ -19161,7 +19260,7 @@ var JsonObject = /** @class */ (function () {
         var result = { newObj: null, error: null };
         var className = this.getClassNameForNewObj(value, property);
         result.newObj = className
-            ? JsonObject.metaData.createClass(className, value)
+            ? Serializer.createClass(className, value)
             : null;
         result.error = this.checkNewObjectOnErrors(result.newObj, value, property, className);
         return result;
@@ -19203,16 +19302,18 @@ var JsonObject = /** @class */ (function () {
     JsonObject.prototype.getRequiredError = function (obj, jsonValue) {
         if (!obj.getType || typeof obj.getData === "function")
             return null;
-        var className = obj.getType();
-        var requiredProperties = JsonObject.metaData.getRequiredProperties(className);
-        if (!Array.isArray(requiredProperties))
+        var metaClass = Serializer.findClass(obj.getType());
+        if (!metaClass)
+            return null;
+        var props = metaClass.getRequiredProperties();
+        if (!Array.isArray(props))
             return null;
-        for (var i = 0; i < requiredProperties.length; i++) {
-            var prop = Serializer.findProperty(className, requiredProperties[i]);
-            if (!prop || !_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(prop.defaultValue))
+        for (var i = 0; i < props.length; i++) {
+            var prop = props[i];
+            if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(prop.defaultValue))
                 continue;
             if (!jsonValue[prop.name]) {
-                return new JsonRequiredPropertyError(prop.name, className);
+                return new JsonRequiredPropertyError(prop.name, obj.getType());
             }
         }
         return null;
@@ -19834,7 +19935,7 @@ var LocalizableString = /** @class */ (function () {
                 }
             }
             if (!res)
-                res = "";
+                res = this.defaultValue || "";
             return res;
         },
         enumerable: false,
@@ -20332,6 +20433,7 @@ var englishStrings = {
     requiredError: "Response required.",
     requiredErrorInPanel: "Response required: answer at least one question.",
     requiredInAllRowsError: "Response required: answer questions in all rows.",
+    eachRowUniqueError: "Each row must have a unique value.",
     numericError: "The value should be numeric.",
     minError: "The value should not be less than {0}",
     maxError: "The value should not be greater than {0}",
@@ -20511,9 +20613,13 @@ var QuestionMatrixBaseModel = /** @class */ (function (_super) {
         /**
          * An array of matrix columns.
          *
-         * This array can contain primitive values or objects with the `text` (display value) and `value` (value to be saved in survey results) properties.
+         * For a Single-Select Matrix, the `columns` array can contain configuration objects with the `text` (display value) and `value` (value to be saved in survey results) properties. Alternatively, the array can contain primitive values that will be used as both the display values and values to be saved in survey results.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/single-selection-matrix-table-question/ (linkStyle))
+         * [View "Single-Select Matrix" Demo](https://surveyjs.io/form-library/examples/single-selection-matrix-table-question/ (linkStyle))
+         *
+         * For a Multi-Select Matrix or Dynamic Matrix, the `columns` array should contain configuration objects with properties described in the [`MatrixDropdownColumn`](https://surveyjs.io/form-library/documentation/api-reference/multi-select-matrix-column-values) API Reference section.
+         *
+         * [View "Multi-Select Matrix" Demo](https://surveyjs.io/form-library/examples/questiontype-matrixdropdown/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("columns");
@@ -21979,7 +22085,7 @@ var PanelModelBase = /** @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)
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#conditional-visibility).
          * @see visible
          * @see isVisible
          */
@@ -22285,7 +22391,7 @@ var PanelModelBase = /** @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)
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#conditional-visibility).
          * @see isRequired
          */
         get: function () {
@@ -22721,7 +22827,7 @@ var PanelModelBase = /** @class */ (function (_super) {
     PanelModelBase.prototype.isLazyRenderInRow = function (rowIndex) {
         if (!this.survey || !this.survey.isLazyRendering)
             return false;
-        return (rowIndex >= _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].lazyRender.firstBatchSize ||
+        return (rowIndex >= this.survey.lazyRenderingFirstBatchSize ||
             !this.canRenderFirstRows());
     };
     PanelModelBase.prototype.canRenderFirstRows = function () {
@@ -22935,7 +23041,7 @@ var PanelModelBase = /** @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)
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#conditional-visibility).
          * @see readOnly
          * @see isReadOnly
          */
@@ -22965,6 +23071,9 @@ var PanelModelBase = /** @class */ (function (_super) {
         else {
             this.elements.splice(index, 0, element);
         }
+        if (this.wasRendered) {
+            element.onFirstRendering();
+        }
         return true;
     };
     PanelModelBase.prototype.insertElementAfter = function (element, after) {
@@ -24109,7 +24218,7 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         else {
             _this.surveyValue = _this.createSurvey(jsonObj);
         }
-        _this.surveyValue.showTitle = false;
+        //this.surveyValue.showTitle = false;
         if ("undefined" !== typeof document) {
             _this.windowElement = document.createElement("div");
         }
@@ -24193,6 +24302,13 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "isCollapsed", {
+        get: function () {
+            return !this.isExpanded;
+        },
+        enumerable: false,
+        configurable: true
+    });
     PopupSurveyModel.prototype.onExpandedChanged = function () {
         if (!!this.expandedChangedCallback) {
             this.expandedChangedCallback();
@@ -24214,11 +24330,22 @@ var PopupSurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(PopupSurveyModel.prototype, "locTitle", {
         get: function () {
+            if (this.survey.locTitle.isEmpty)
+                return null;
             return this.survey.locTitle;
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "locDescription", {
+        get: function () {
+            if (this.survey.locTitle.isEmpty)
+                return null;
+            return this.survey.locDescription;
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Expands the pop-up window.
      *
@@ -24276,7 +24403,24 @@ var PopupSurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(PopupSurveyModel.prototype, "cssRoot", {
         get: function () {
-            return this.getPropertyValue("cssRoot", "");
+            var result = this.getPropertyValue("cssRoot", "");
+            if (this.isCollapsed)
+                result += " " + this.getPropertyValue("cssRootCollapsedMod", "");
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PopupSurveyModel.prototype, "cssRootCollapsedMod", {
+        get: function () {
+            return this.getPropertyValue("cssRootCollapsedMod");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PopupSurveyModel.prototype, "cssRootContent", {
+        get: function () {
+            return this.getPropertyValue("cssRootContent");
         },
         enumerable: false,
         configurable: true
@@ -24295,16 +24439,30 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(PopupSurveyModel.prototype, "cssHeaderTitle", {
+    Object.defineProperty(PopupSurveyModel.prototype, "cssHeaderTitleCollapsed", {
+        get: function () {
+            return this.getPropertyValue("cssHeaderTitleCollapsed", "");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PopupSurveyModel.prototype, "cssHeaderButtonsContainer", {
+        get: function () {
+            return this.getPropertyValue("cssHeaderButtonsContainer", "");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PopupSurveyModel.prototype, "cssHeaderCollapseButton", {
         get: function () {
-            return this.getPropertyValue("cssHeaderTitle", "");
+            return this.getPropertyValue("cssHeaderCollapseButton", "");
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(PopupSurveyModel.prototype, "cssHeaderButton", {
+    Object.defineProperty(PopupSurveyModel.prototype, "cssHeaderCloseButton", {
         get: function () {
-            return this.getPropertyValue("cssHeaderButton", "");
+            return this.getPropertyValue("cssHeaderCloseButton", "");
         },
         enumerable: false,
         configurable: true
@@ -24324,13 +24482,17 @@ var PopupSurveyModel = /** @class */ (function (_super) {
             return;
         var cssWindow = this.css.window;
         this.setPropertyValue("cssRoot", cssWindow.root);
+        this.setPropertyValue("cssRootCollapsedMod", cssWindow.rootCollapsedMod);
+        this.setPropertyValue("cssRootContent", cssWindow.rootContent);
         this.setPropertyValue("cssBody", cssWindow.body);
         var cssHeader = cssWindow.header;
         if (!cssHeader)
             return;
         this.setPropertyValue("cssHeaderRoot", cssHeader.root);
-        this.setPropertyValue("cssHeaderTitle", cssHeader.title);
-        this.setPropertyValue("cssHeaderButton", cssHeader.button);
+        this.setPropertyValue("cssHeaderTitleCollapsed", cssHeader.titleCollapsed);
+        this.setPropertyValue("cssHeaderButtonsContainer", cssHeader.buttonsContainer);
+        this.setPropertyValue("cssHeaderCollapseButton", cssHeader.collapseButton);
+        this.setPropertyValue("cssHeaderCloseButton", cssHeader.closeButton);
         this.updateCssButton();
     };
     PopupSurveyModel.prototype.updateCssButton = function () {
@@ -25436,7 +25598,7 @@ var 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)
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#conditional-visibility).
          * @see visible
          * @see isVisible
          */
@@ -26204,6 +26366,9 @@ var Question = /** @class */ (function (_super) {
             .append(cssClasses.headerBottom, this.hasTitleOnBottom)
             .toString();
     };
+    Question.prototype.supportContainerQueries = function () {
+        return false;
+    };
     Object.defineProperty(Question.prototype, "cssContent", {
         get: function () {
             this.ensureElementCss();
@@ -26218,6 +26383,7 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.getCssContent = function (cssClasses) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
             .append(cssClasses.content)
+            .append(cssClasses.contentSupportContainerQueries, this.supportContainerQueries())
             .append(cssClasses.contentLeft, this.hasTitleOnLeft)
             .toString();
     };
@@ -26497,7 +26663,7 @@ var 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)
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#conditional-visibility).
          * @see isRequired
          */
         get: function () {
@@ -26653,7 +26819,7 @@ var 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)
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#conditional-visibility).
          * @see readOnly
          * @see isReadOnly
          */
@@ -29479,7 +29645,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionSelectBase.prototype, "otherErrorText", {
         /**
-         * Get or sets an error message displayed when users select the "Other" choice item but leave the comment area empty.
+         * Gets or sets an error message displayed when users select the "Other" choice item but leave the comment area empty.
          * @see showOtherItem
          */
         get: function () {
@@ -30008,7 +30174,6 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         if (this.isValueEmpty(this.cachedValueForUrlRequests)) {
             this.cachedValueForUrlRequests = this.value;
         }
-        this.isFirstLoadChoicesFromUrl = false;
         var cachedValues = this.createCachedValueForUrlRequests(this.cachedValueForUrlRequests, checkCachedValuesOnExisting);
         if (array && (array.length > 0 || this.choicesByUrl.allowEmptyResponse)) {
             newChoices = new Array();
@@ -30019,6 +30184,20 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 newChoices[i].locOwner = this;
             }
         }
+        this.setChoicesFromUrl(newChoices, errors, cachedValues);
+    };
+    QuestionSelectBase.prototype.canAvoidSettChoicesFromUrl = function (newChoices) {
+        if (this.isFirstLoadChoicesFromUrl)
+            return false;
+        var chocesAreEmpty = !newChoices || Array.isArray(newChoices) && newChoices.length === 0;
+        if (chocesAreEmpty && !this.isEmpty())
+            return false;
+        return _helpers__WEBPACK_IMPORTED_MODULE_8__["Helpers"].isTwoValueEquals(this.choicesFromUrl, newChoices);
+    };
+    QuestionSelectBase.prototype.setChoicesFromUrl = function (newChoices, errors, cachedValues) {
+        if (this.canAvoidSettChoicesFromUrl(newChoices))
+            return;
+        this.isFirstLoadChoicesFromUrl = false;
         this.choicesFromUrl = newChoices;
         this.filterItems();
         this.onVisibleChoicesChanged();
@@ -30532,7 +30711,7 @@ var QuestionCheckboxBase = /** @class */ (function (_super) {
     }
     Object.defineProperty(QuestionCheckboxBase.prototype, "colCount", {
         /**
-         * Get or sets the number of columns used to arrange choice items.
+         * Gets or sets the number of columns used to arrange choice items.
          *
          * Set this property to 0 if you want to display all items in one line. The default value depends on the available width.
          * @see separateSpecialChoices
@@ -31940,9 +32119,12 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
         var res = [];
         var visItems = this.visibleChoices;
         for (var i = 0; i < visItems.length; i++) {
+            var item = visItems[i];
+            if (item === this.selectAllItem)
+                continue;
             var val = visItems[i].value;
             if (_helpers__WEBPACK_IMPORTED_MODULE_3__["Helpers"].isTwoValueEquals(val, this.invisibleOldValues[val])) {
-                if (!this.isItemSelected(visItems[i])) {
+                if (!this.isItemSelected(item)) {
                     res.push(val);
                 }
                 delete this.invisibleOldValues[val];
@@ -32451,6 +32633,13 @@ var ComponentQuestionJSON = /** @class */ (function () {
             return question.getDisplayValue(keyAsText, value);
         return this.json.getDisplayValue(question);
     };
+    Object.defineProperty(ComponentQuestionJSON.prototype, "defaultQuestionTitle", {
+        get: function () {
+            return this.json.defaultQuestionTitle;
+        },
+        enumerable: false,
+        configurable: true
+    });
     ComponentQuestionJSON.prototype.setValueToQuestion = function (val) {
         var converter = this.json.valueToQuestion || this.json.setValue;
         return !!converter ? converter(val) : val;
@@ -32558,6 +32747,8 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
         _this.customQuestion = customQuestion;
         _jsonobject__WEBPACK_IMPORTED_MODULE_1__["CustomPropertiesCollection"].createProperties(_this);
         _survey_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElement"].CreateDisabledDesignElements = true;
+        _this.locQuestionTitle = _this.createLocalizableString("questionTitle", _this);
+        _this.locQuestionTitle.setJson(_this.customQuestion.defaultQuestionTitle);
         _this.createWrapper();
         _survey_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElement"].CreateDisabledDesignElements = false;
         if (!!_this.customQuestion) {
@@ -32580,6 +32771,12 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
             this.getElement().localeChanged();
         }
     };
+    QuestionCustomModelBase.prototype.getDefaultTitle = function () {
+        if (!this.locQuestionTitle.isEmpty) {
+            return this.getProcessedText(this.locQuestionTitle.textOrHtml);
+        }
+        return _super.prototype.getDefaultTitle.call(this);
+    };
     QuestionCustomModelBase.prototype.addUsedLocales = function (locales) {
         _super.prototype.addUsedLocales.call(this, locales);
         if (!!this.getElement()) {
@@ -32815,8 +33012,9 @@ var QuestionCustomModel = /** @class */ (function (_super) {
         return this.contentQuestion;
     };
     QuestionCustomModel.prototype.getDefaultTitle = function () {
-        if (this.hasJSONTitle && this.contentQuestion)
-            return this.contentQuestion.title;
+        if (this.hasJSONTitle && this.contentQuestion) {
+            return this.getProcessedText(this.contentQuestion.title);
+        }
         return _super.prototype.getDefaultTitle.call(this);
     };
     QuestionCustomModel.prototype.setValue = function (name, newValue, locNotification, allowNotifyValueChanged) {
@@ -36789,8 +36987,8 @@ var MatrixRowModel = /** @class */ (function (_super) {
     __extends(MatrixRowModel, _super);
     function MatrixRowModel(item, fullName, data, value) {
         var _this = _super.call(this) || this;
-        _this.fullName = fullName;
         _this.item = item;
+        _this.fullName = fullName;
         _this.data = data;
         _this.value = value;
         _this.cellClick = function (column) {
@@ -36827,9 +37025,25 @@ var MatrixRowModel = /** @class */ (function (_super) {
         get: function () {
             return this.getPropertyValue("value");
         },
-        set: function (newValue) {
-            newValue = this.data.getCorrectedRowValue(newValue);
-            this.setPropertyValue("value", newValue);
+        set: function (val) {
+            if (!this.isReadOnly) {
+                this.setValueDirectly(this.data.getCorrectedRowValue(val));
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    MatrixRowModel.prototype.setValueDirectly = function (val) {
+        this.setPropertyValue("value", val);
+    };
+    Object.defineProperty(MatrixRowModel.prototype, "isReadOnly", {
+        get: function () { return !this.item.enabled || this.data.isInputReadOnly; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MatrixRowModel.prototype, "rowTextClasses", {
+        get: function () {
+            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_11__["CssClassBuilder"]().append(this.data.cssClasses.rowTextCell).toString();
         },
         enumerable: false,
         configurable: true
@@ -36837,9 +37051,9 @@ var MatrixRowModel = /** @class */ (function (_super) {
     Object.defineProperty(MatrixRowModel.prototype, "rowClasses", {
         get: function () {
             var cssClasses = this.data.cssClasses;
-            var hasError = !!this.data.getErrorByType("requiredinallrowserror");
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_11__["CssClassBuilder"]().append(cssClasses.row)
-                .append(cssClasses.rowError, hasError && this.isValueEmpty(this.value))
+                .append(cssClasses.rowError, this.data.hasErrorInRow(this))
+                .append(cssClasses.rowDisabled, this.isReadOnly)
                 .toString();
         },
         enumerable: false,
@@ -37072,6 +37286,8 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         /**
          * Specifies whether each row requires an answer. If a respondent skips a row, the question displays a validation error.
          * @see isRequired
+         * @see eachRowUnique
+         * @see validators
          */
         get: function () {
             return this.getPropertyValue("isAllRowRequired");
@@ -37082,6 +37298,21 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionMatrixModel.prototype, "eachRowUnique", {
+        /**
+         * Specifies whether answers in all rows should be unique. If any answers duplicate, the question displays a validation error.
+         * @see isAllRowRequired
+         * @see validators
+         */
+        get: function () {
+            return this.getPropertyValue("eachRowUnique");
+        },
+        set: function (val) {
+            this.setPropertyValue("eachRowUnique", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionMatrixModel.prototype, "hasRows", {
         get: function () {
             return this.rows.length > 0;
@@ -37182,6 +37413,10 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         }
         return res;
     };
+    QuestionMatrixModel.prototype.runItemsCondition = function (values, properties) {
+        _itemvalue__WEBPACK_IMPORTED_MODULE_1__["ItemValue"].runEnabledConditionsForItems(this.rows, undefined, values, properties);
+        return _super.prototype.runItemsCondition.call(this, values, properties);
+    };
     QuestionMatrixModel.prototype.getVisibleRows = function () {
         var result = new Array();
         var val = this.value;
@@ -37266,15 +37501,21 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
     };
     QuestionMatrixModel.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
         _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
-        if ((!isOnValueChanged || this.hasCssError()) &&
-            this.hasErrorInRows()) {
-            errors.push(new _error__WEBPACK_IMPORTED_MODULE_6__["RequiredInAllRowsError"](null, this));
+        this.errorsInRow = undefined;
+        if (!isOnValueChanged || this.hasCssError()) {
+            if (this.hasErrorAllRowsRequired()) {
+                errors.push(new _error__WEBPACK_IMPORTED_MODULE_6__["RequiredInAllRowsError"](null, this));
+            }
+            if (this.hasErrorEachRowUnique()) {
+                errors.push(new _error__WEBPACK_IMPORTED_MODULE_6__["EachRowUniqueError"](null, this));
+            }
         }
     };
-    QuestionMatrixModel.prototype.hasErrorInRows = function () {
-        if (!this.isAllRowRequired)
-            return false;
-        return !this.hasValuesInAllRows();
+    QuestionMatrixModel.prototype.hasErrorAllRowsRequired = function () {
+        return this.isAllRowRequired && !this.hasValuesInAllRows();
+    };
+    QuestionMatrixModel.prototype.hasErrorEachRowUnique = function () {
+        return this.eachRowUnique && this.hasNonUniqueValueInRow();
     };
     QuestionMatrixModel.prototype.hasValuesInAllRows = function () {
         var rows = this.generatedVisibleRows;
@@ -37282,11 +37523,43 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
             rows = this.visibleRows;
         if (!rows)
             return true;
+        var res = true;
         for (var i = 0; i < rows.length; i++) {
-            if (this.isValueEmpty(rows[i].value))
-                return false;
+            var row = rows[i];
+            var hasValue = !this.isValueEmpty(row.value);
+            if (!hasValue) {
+                this.addErrorIntoRow(row);
+            }
+            res = res && hasValue;
         }
-        return true;
+        return res;
+    };
+    QuestionMatrixModel.prototype.hasNonUniqueValueInRow = function () {
+        var rows = this.generatedVisibleRows;
+        if (!rows)
+            rows = this.visibleRows;
+        if (!rows)
+            return false;
+        var hash = {};
+        var res = true;
+        for (var i = 0; i < rows.length; i++) {
+            var val = rows[i].value;
+            var isEmpty = this.isValueEmpty(val);
+            var isUnique = isEmpty || hash[val] !== true;
+            if (!isUnique) {
+                this.addErrorIntoRow(rows[i]);
+            }
+            res = res && isUnique;
+            if (!isEmpty) {
+                hash[val] = true;
+            }
+        }
+        return !res;
+    };
+    QuestionMatrixModel.prototype.addErrorIntoRow = function (row) {
+        if (!this.errorsInRow)
+            this.errorsInRow = {};
+        this.errorsInRow[row.name] = true;
     };
     QuestionMatrixModel.prototype.getIsAnswered = function () {
         return _super.prototype.getIsAnswered.call(this) && this.hasValuesInAllRows();
@@ -37307,7 +37580,7 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         if (!val)
             val = {};
         if (this.rows.length == 0) {
-            this.generatedVisibleRows[0].value = val;
+            this.generatedVisibleRows[0].setValueDirectly(val);
         }
         else {
             for (var i = 0; i < this.generatedVisibleRows.length; i++) {
@@ -37315,7 +37588,7 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
                 var rowVal = val[row.name];
                 if (this.isValueEmpty(rowVal))
                     rowVal = null;
-                this.generatedVisibleRows[i].value = rowVal;
+                this.generatedVisibleRows[i].setValueDirectly(rowVal);
             }
         }
         this.updateIsAnswered();
@@ -37436,6 +37709,9 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         }
         return value;
     };
+    QuestionMatrixModel.prototype.hasErrorInRow = function (row) {
+        return !!this.errorsInRow && !!this.errorsInRow[row.name];
+    };
     QuestionMatrixModel.prototype.getSearchableItemValueKeys = function (keys) {
         keys.push("columns");
         keys.push("rows");
@@ -37483,6 +37759,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_3__["Serializer"].addClass("matrix", [
         choices: ["initial", "random"],
     },
     "isAllRowRequired:boolean",
+    { name: "eachRowUnique:boolean", category: "validation" },
     "hideIfRowsEmpty:boolean",
     { name: "cellComponent", visible: false, default: "survey-matrix-cell" }
 ], function () {
@@ -39020,14 +39297,15 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
          *
          * Possible values:
          *
-         * - `"dropdown"`
-         * - `"checkbox"`
-         * - `"radiogroup"`
-         * - `"text"`
-         * - `"comment"`
-         * - `"boolean"`
-         * - `"expression"`
-         * - `"rating"`
+         * - [`"dropdown"`](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model)
+         * - [`"checkbox"`](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model)
+         * - [`"radiogroup"`](https://surveyjs.io/form-library/documentation/api-reference/radio-button-question-model)
+         * - [`"tagbox"`](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model)
+         * - [`"text"`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model)
+         * - [`"comment"`](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model)
+         * - [`"boolean"`](https://surveyjs.io/form-library/documentation/api-reference/boolean-question-model)
+         * - [`"expression"`](https://surveyjs.io/form-library/documentation/api-reference/expression-model)
+         * - [`"rating"`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model)
          *
          * Default value: `"dropdown"` (inherited from [`settings.matrix.defaultCellType`](https://surveyjs.io/form-library/documentation/settings#matrixDefaultCellType))
          */
@@ -40460,6 +40738,11 @@ var matrixDropdownColumnTypes = {
     expression: {},
     rating: {},
 };
+/**
+ * An auxiliary class that describes a column in a [Multi-Select Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list) or [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model).
+ *
+ * You can get an object of this class from the [`columns`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list#columns) array or by calling the [`getColumnByName()`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list#getColumnByName) method on a matrix instance.
+ */
 var MatrixDropdownColumn = /** @class */ (function (_super) {
     __extends(MatrixDropdownColumn, _super);
     function MatrixDropdownColumn(name, title) {
@@ -40553,6 +40836,26 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         return "matrixdropdowncolumn";
     };
     Object.defineProperty(MatrixDropdownColumn.prototype, "cellType", {
+        /**
+         * Specifies the type of column cells.
+         *
+         * Possible values:
+         *
+         * - [`"dropdown"`](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model)
+         * - [`"checkbox"`](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model)
+         * - [`"radiogroup"`](https://surveyjs.io/form-library/documentation/api-reference/radio-button-question-model)
+         * - [`"tagbox"`](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model)
+         * - [`"text"`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model)
+         * - [`"comment"`](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model)
+         * - [`"boolean"`](https://surveyjs.io/form-library/documentation/api-reference/boolean-question-model)
+         * - [`"expression"`](https://surveyjs.io/form-library/documentation/api-reference/expression-model)
+         * - [`"rating"`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model)
+         * - `"default"` (default) - Inherits the input type from the [`cellType`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list#cellType) property specified for the parent matrix.
+         *
+         * The input types are based upon standalone question types. Depending on the selected input type, the matrix column can have additional configuration properties inherited from the corresponding question type. For instance, Dropdown, Checkboxes, Radio Button Group, and Tag Box columns can specify the [`choices`](https://surveyjs.io/form-library/documentation/api-reference/radio-button-question-model#choices) array, similar to the question types upon which they are based. Refer to the API Reference of these question types for a full list of available properties.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/aggregate-data-within-form/ (linkStyle))
+         */
         get: function () {
             return this.getPropertyValue("cellType");
         },
@@ -40599,6 +40902,13 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "visible", {
+        /**
+         * Gets or sets column visibility.
+         *
+         * If you want to display or hide a column based on a condition, specify the [`visibleIf`](#visibleIf) property.
+         * @see isRequired
+         * @see readOnly
+         */
         get: function () { return this.getPropertyValue("visible"); },
         set: function (val) {
             this.setPropertyValue("visible", val);
@@ -40660,6 +40970,12 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "name", {
+        /**
+         * A column ID that is not visible to respondents.
+         *
+         * > Column IDs must be unique.
+         * @see title
+         */
         get: function () {
             return this.templateQuestion.name;
         },
@@ -40670,6 +40986,9 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "title", {
+        /**
+         * A user-friendly column caption to display. If `title` is undefined, [`name`](#name) is displayed instead.
+         */
         get: function () {
             return this.templateQuestion.title;
         },
@@ -40694,6 +41013,14 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "isRequired", {
+        /**
+         * Marks the column as required. If a respondent skips any cell in a required column, the matrix displays a validation error.
+         *
+         * If you want to mark the column as required based on a condition, specify the [`requiredIf`](#requiredIf) property.
+         * @see requiredErrorText
+         * @see visible
+         * @see readOnly
+         */
         get: function () {
             return this.templateQuestion.isRequired;
         },
@@ -40724,6 +41051,10 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "requiredErrorText", {
+        /**
+         * Specifies a custom error message for a required column.
+         * @see isRequired
+         */
         get: function () {
             return this.templateQuestion.requiredErrorText;
         },
@@ -40741,6 +41072,13 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "readOnly", {
+        /**
+         * Makes the column read-only.
+         *
+         * If you want to switch the column to the read-only state based on a condition, specify the [`enableIf`](#enableIf) property.
+         * @see visible
+         * @see isRequired
+         */
         get: function () {
             return this.templateQuestion.readOnly;
         },
@@ -40761,6 +41099,12 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "visibleIf", {
+        /**
+         * A Boolean expression. If it evaluates to `false`, this column becomes hidden.
+         *
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#conditional-visibility).
+         * @see visible
+         */
         get: function () {
             return this.templateQuestion.visibleIf;
         },
@@ -40771,6 +41115,12 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "enableIf", {
+        /**
+         * A Boolean expression. If it evaluates to `false`, this column becomes read-only.
+         *
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#conditional-visibility).
+         * @see readOnly
+         */
         get: function () {
             return this.templateQuestion.enableIf;
         },
@@ -40781,6 +41131,12 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "requiredIf", {
+        /**
+         * A Boolean expression. If it evaluates to `true`, this column becomes required.
+         *
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#conditional-visibility).
+         * @see isRequired
+         */
         get: function () {
             return this.templateQuestion.requiredIf;
         },
@@ -40791,6 +41147,12 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "resetValueIf", {
+        /**
+         * A Boolean expression. If it evaluates to `true`, all cells in this column are set to a value calculated using the [`defaultValueExpression`](#defaultValueExpression).
+         *
+         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * @see setValueIf
+         */
         get: function () {
             return this.templateQuestion.resetValueIf;
         },
@@ -40801,6 +41163,12 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "defaultValueExpression", {
+        /**
+         * An expression used to calculate the column's default value. This expression applies to all cells of this column until the cell value is specified by an end user or programmatically.
+         *
+         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * @see setValueExpression
+         */
         get: function () {
             return this.templateQuestion.defaultValueExpression;
         },
@@ -40811,6 +41179,12 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "setValueIf", {
+        /**
+         * A Boolean expression. If it evaluates to `true`, all cells in this column are set to a value calculated using the [`setValueExpression`](#setValueExpression).
+         *
+         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * @see resetValueIf
+         */
         get: function () {
             return this.templateQuestion.setValueIf;
         },
@@ -40821,6 +41195,15 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "setValueExpession", {
+        /**
+         * An expression used to calculate a value for all column cells.
+         *
+         * You can use `setValueExpression` as a standalone property or in conjunction with the [`setValueIf`](#setValueIf) expression, in which case the calculated cell value applies only when `setValueIf` evaluates to `true`.
+         *
+         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * @see defaultValueExpression
+         * @see resetValueIf
+         */
         get: function () {
             return this.templateQuestion.setValueExpession;
         },
@@ -40831,6 +41214,11 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "isUnique", {
+        /**
+         * Specifies whether a respondent is required to provide a unique response for each question within this column.
+         *
+         * Default value: `false`
+         */
         get: function () {
             return this.getPropertyValue("isUnique");
         },
@@ -40841,6 +41229,9 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "showInMultipleColumns", {
+        /**
+         * Specifies whether to create an individual column for each choice option. Applies only to columns of `"checkbox"` or `"radiogroup"` [`cellType`](#cellType).
+         */
         get: function () {
             return this.getPropertyValue("showInMultipleColumns");
         },
@@ -40865,6 +41256,12 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "validators", {
+        /**
+         * Column validators.
+         *
+         * [Data Validation](https://surveyjs.io/form-library/documentation/data-validation (linkStyle))
+         * @see isRequired
+         */
         get: function () {
             return this.templateQuestion.validators;
         },
@@ -40875,6 +41272,22 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "totalType", {
+        /**
+         * An aggregation method used to calculate the column total.
+         *
+         * Possible values:
+         *
+         * - `"none"` (default) - Disables total calculations.
+         * - `"sum"`
+         * - `"count"`
+         * - `"min"`
+         * - `"max"`
+         * - `"avg"`
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/aggregate-data-within-form/ (linkStyle))
+         * @see totalFormat
+         * @see totalDisplayStyle
+         */
         get: function () {
             return this.getPropertyValue("totalType");
         },
@@ -40885,6 +41298,11 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "totalExpression", {
+        /**
+         * An expression used to calculate total values. Overrides the [`totalType`](#totalType) property.
+         *
+         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         */
         get: function () {
             return this.getPropertyValue("totalExpression");
         },
@@ -40902,6 +41320,13 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "totalFormat", {
+        /**
+         * A string pattern used to display column totals. To reference a total value within this pattern, use the `{0}` placeholder.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/aggregate-data-within-form/ (linkStyle))
+         * @see totalType
+         * @see totalDisplayStyle
+         */
         get: function () {
             return this.getLocalizableStringText("totalFormat", "");
         },
@@ -40973,6 +41398,21 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "totalDisplayStyle", {
+        /**
+         * A format for calculated total values.
+         *
+         * Possible values:
+         *
+         * - `"none"` (default)
+         * - `"decimal"`
+         * - `"currency"`
+         * - `"percent"`
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/aggregate-data-within-form/ (linkStyle))
+         * @see totalType
+         * @see totalFormat
+         * @see totalCurrency
+         */
         get: function () {
             return this.getPropertyValue("totalDisplayStyle");
         },
@@ -40983,6 +41423,10 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "totalCurrency", {
+        /**
+         * Specifies a currency used to display calculated total values. Applies only if [`totalDisplayStyle`](#totalDisplayStyle) is set to `"currency"`.
+         * @see totalType
+         */
         get: function () {
             return this.getPropertyValue("totalCurrency");
         },
@@ -40995,6 +41439,10 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "minWidth", {
+        /**
+         * Gets or sets minimum column width in CSS values. By default, the matrix calculates column widths to optimally fit the content of all columns.
+         * @see width
+         */
         get: function () {
             return this.getPropertyValue("minWidth", "");
         },
@@ -41005,6 +41453,10 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "width", {
+        /**
+         * Gets or sets column width in CSS values. By default, the matrix calculates column widths to optimally fit the content of all columns.
+         * @see minWidth
+        */
         get: function () {
             return this.templateQuestion.width;
         },
@@ -41015,6 +41467,11 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "colCount", {
+        /**
+         * Gets or sets the number of columns used to arrange choice options. Applies only to columns of `"checkbox"` or `"radiogroup"` [`cellType`](#cellType).
+         *
+         * Default value: -1 (inherits the actual value from the parent matrix's [`columnColCount`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list#columnColCount) property)
+         */
         get: function () {
             return this.getPropertyValue("colCount");
         },
@@ -45070,8 +45527,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionPanelDynamicModel.prototype.getFirstQuestionToFocus = function (withError) {
-        for (var i = 0; i < this.visiblePanels.length; i++) {
-            var res = this.visiblePanels[i].getFirstQuestionToFocus(withError);
+        for (var i = 0; i < this.visiblePanelsCore.length; i++) {
+            var res = this.visiblePanelsCore[i].getFirstQuestionToFocus(withError);
             if (!!res)
                 return res;
         }
@@ -45103,12 +45560,12 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         }
     };
     QuestionPanelDynamicModel.prototype.onTemplateElementPropertyChanged = function (element, options) {
-        if (this.isLoadingFromJson || this.useTemplatePanel || this.panels.length == 0)
+        if (this.isLoadingFromJson || this.useTemplatePanel || this.panelsCore.length == 0)
             return;
         var property = _jsonobject__WEBPACK_IMPORTED_MODULE_5__["Serializer"].findProperty(element.getType(), options.name);
         if (!property)
             return;
-        var panels = this.panels;
+        var panels = this.panelsCore;
         for (var i = 0; i < panels.length; i++) {
             var question = panels[i].getQuestionByName(element.name);
             if (!!question && question[options.name] !== options.newValue) {
@@ -45127,7 +45584,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         return "paneldynamic";
     };
     QuestionPanelDynamicModel.prototype.clearOnDeletingContainer = function () {
-        this.panels.forEach(function (panel) {
+        this.panelsCore.forEach(function (panel) {
             panel.clearOnDeletingContainer();
         });
     };
@@ -45283,8 +45740,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "items", {
         get: function () {
             var res = [];
-            for (var i = 0; i < this.panels.length; i++) {
-                res.push(this.panels[i].data);
+            for (var i = 0; i < this.panelsCore.length; i++) {
+                res.push(this.panelsCore[i].data);
             }
             return res;
         },
@@ -45299,7 +45756,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          * @see panelCount
          */
         get: function () {
-            return this.getPropertyValue("panels");
+            this.buildPanelsFirstTime(this.canBuildPanels);
+            return this.panelsCore;
         },
         enumerable: false,
         configurable: true
@@ -45309,6 +45767,21 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          * An array of currently visible panels ([`PanelModel`](https://surveyjs.io/form-library/documentation/api-reference/panel-model) objects).
          * @see templateVisibleIf
          */
+        get: function () {
+            this.buildPanelsFirstTime(this.canBuildPanels);
+            return this.visiblePanelsCore;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "panelsCore", {
+        get: function () {
+            return this.getPropertyValue("panels");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "visiblePanelsCore", {
         get: function () {
             return this.getPropertyValue("visiblePanels");
         },
@@ -45320,14 +45793,14 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!panel.visible)
             return;
         var index = 0;
-        var panels = this.panels;
+        var panels = this.panelsCore;
         for (var i = 0; i < panels.length; i++) {
             if (panels[i] === panel)
                 break;
             if (panels[i].visible)
                 index++;
         }
-        this.visiblePanels.splice(index, 0, panel);
+        this.visiblePanelsCore.splice(index, 0, panel);
         this.addTabFromToolbar(panel, index);
         if (!this.currentPanel) {
             this.currentPanel = panel;
@@ -45336,14 +45809,14 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.onPanelRemoved = function (panel) {
         var index = this.onPanelRemovedCore(panel);
         if (this.currentPanel === panel) {
-            var visPanels = this.visiblePanels;
+            var visPanels = this.visiblePanelsCore;
             if (index >= visPanels.length)
                 index = visPanels.length - 1;
             this.currentPanel = index >= 0 ? visPanels[index] : null;
         }
     };
     QuestionPanelDynamicModel.prototype.onPanelRemovedCore = function (panel) {
-        var visPanels = this.visiblePanels;
+        var visPanels = this.visiblePanelsCore;
         var index = visPanels.indexOf(panel);
         if (index > -1) {
             visPanels.splice(index, 1);
@@ -45366,14 +45839,14 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 return -1;
             if (this.useTemplatePanel)
                 return 0;
-            return this.visiblePanels.indexOf(this.currentPanel);
+            return this.visiblePanelsCore.indexOf(this.currentPanel);
         },
         set: function (val) {
             if (val < 0 || this.visiblePanelCount < 1)
                 return;
             if (val >= this.visiblePanelCount)
                 val = this.visiblePanelCount - 1;
-            this.currentPanel = this.visiblePanels[val];
+            this.currentPanel = this.visiblePanelsCore[val];
         },
         enumerable: false,
         configurable: true
@@ -45395,7 +45868,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 return null;
             var res = this.getPropertyValue("currentPanel", null);
             if (!res && this.visiblePanelCount > 0) {
-                res = this.visiblePanels[0];
+                res = this.visiblePanelsCore[0];
                 this.currentPanel = res;
             }
             return res;
@@ -45404,7 +45877,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             if (this.isRenderModeList || this.useTemplatePanel)
                 return;
             var curPanel = this.getPropertyValue("currentPanel");
-            var index = !!val ? this.visiblePanels.indexOf(val) : -1;
+            var index = !!val ? this.visiblePanelsCore.indexOf(val) : -1;
             if (!!val && index < 0 || val === curPanel)
                 return;
             if (curPanel) {
@@ -45431,7 +45904,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             this.currentPanel.onHidingContent();
         }
         else {
-            this.visiblePanels.forEach(function (panel) { return panel.onHidingContent(); });
+            this.visiblePanelsCore.forEach(function (panel) { return panel.onHidingContent(); });
         }
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "confirmDelete", {
@@ -45688,13 +46161,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     QuestionPanelDynamicModel.prototype.setIsMobile = function (val) {
         _super.prototype.setIsMobile.call(this, val);
-        (this.panels || []).forEach(function (panel) { return panel.getQuestions(true).forEach(function (question) {
+        (this.panelsCore || []).forEach(function (panel) { return panel.getQuestions(true).forEach(function (question) {
             question.setIsMobile(val);
         }); });
     };
     QuestionPanelDynamicModel.prototype.themeChanged = function (theme) {
         _super.prototype.themeChanged.call(this, theme);
-        (this.panels || []).forEach(function (panel) {
+        (this.panelsCore || []).forEach(function (panel) {
             return panel.getQuestions(true).forEach(function (question) {
                 question.themeChanged(theme);
             });
@@ -45707,24 +46180,24 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          * @see maxPanelCount
          */
         get: function () {
-            return this.isLoadingFromJson || this.useTemplatePanel
+            return !this.canBuildPanels || this.wasNotRenderedInSurvey
                 ? this.getPropertyValue("panelCount")
-                : this.panels.length;
+                : this.panelsCore.length;
         },
         set: function (val) {
             if (val < 0)
                 return;
-            if (this.isLoadingFromJson || this.useTemplatePanel) {
+            if (!this.canBuildPanels || this.wasNotRenderedInSurvey) {
                 this.setPropertyValue("panelCount", val);
                 return;
             }
-            if (val == this.panels.length || this.useTemplatePanel)
+            if (val == this.panelsCore.length || this.useTemplatePanel)
                 return;
             this.updateBindings("panelCount", val);
             this.prepareValueForPanelCreating();
             for (var i = this.panelCount; i < val; i++) {
                 var panel = this.createNewPanel();
-                this.panels.push(panel);
+                this.panelsCore.push(panel);
                 if (this.renderMode == "list" && this.panelsState != "default") {
                     if (this.panelsState === "expand") {
                         panel.expand();
@@ -45738,7 +46211,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             }
             var removedPanels = [];
             if (val < this.panelCount) {
-                removedPanels = this.panels.splice(val, this.panelCount - val);
+                removedPanels = this.panelsCore.splice(val, this.panelCount - val);
             }
             this.setValueAfterPanelsCreating();
             this.setValueBasedOnPanelCount();
@@ -45786,8 +46259,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             : new QuestionPanelDynamicTemplateSurveyImpl(this));
     };
     QuestionPanelDynamicModel.prototype.setPanelsSurveyImpl = function () {
-        for (var i = 0; i < this.panels.length; i++) {
-            var panel = this.panels[i];
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            var panel = this.panelsCore[i];
             if (panel == this.template)
                 continue;
             panel.setSurveyImpl(panel.data);
@@ -45796,12 +46269,12 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.setPanelsState = function () {
         if (this.useTemplatePanel || this.renderMode != "list" || !this.templateTitle)
             return;
-        for (var i = 0; i < this.panels.length; i++) {
+        for (var i = 0; i < this.panelsCore.length; i++) {
             var state = this.panelsState;
             if (state === "firstExpanded") {
                 state = i === 0 ? "expanded" : "collapsed";
             }
-            this.panels[i].state = state;
+            this.panelsCore[i].state = state;
         }
     };
     QuestionPanelDynamicModel.prototype.setValueBasedOnPanelCount = function () {
@@ -46085,8 +46558,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!this.isVisible)
             return 0;
         var startIndex = this.showQuestionNumbers == "onSurvey" ? value : 0;
-        for (var i = 0; i < this.visiblePanels.length; i++) {
-            var counter = this.setPanelVisibleIndex(this.visiblePanels[i], startIndex, this.showQuestionNumbers != "off");
+        for (var i = 0; i < this.visiblePanelsCore.length; i++) {
+            var counter = this.setPanelVisibleIndex(this.visiblePanelsCore[i], startIndex, this.showQuestionNumbers != "off");
             if (this.showQuestionNumbers == "onSurvey") {
                 startIndex += counter;
             }
@@ -46172,7 +46645,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 panels.push(this.createNewPanel());
             }
         }
-        (_a = this.panels).splice.apply(_a, __spreadArray([0, this.panels.length], panels));
+        (_a = this.panelsCore).splice.apply(_a, __spreadArray([0, this.panelsCore.length], panels));
         this.setValueAfterPanelsCreating();
         this.setPanelsState();
         this.reRunCondition();
@@ -46244,7 +46717,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         return true;
     };
     QuestionPanelDynamicModel.prototype.getProgressInfo = function () {
-        return _survey_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElement"].getProgressInfoByElements(this.visiblePanels, this.isRequired);
+        return _survey_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElement"].getProgressInfoByElements(this.visiblePanelsCore, this.isRequired);
     };
     QuestionPanelDynamicModel.prototype.isRowEmpty = function (val) {
         for (var prop in val) {
@@ -46294,7 +46767,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         }
         if (this.survey)
             this.survey.dynamicPanelAdded(this);
-        return this.panels[index];
+        return this.panelsCore[index];
     };
     QuestionPanelDynamicModel.prototype.updateValueOnAddingPanel = function (prevIndex, index) {
         this.panelCount++;
@@ -46356,7 +46829,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         var index = this.getVisualPanelIndex(val);
         if (index < 0 || index >= this.visiblePanelCount)
             return false;
-        var panelValue = this.visiblePanels[index].getValue();
+        var panelValue = this.visiblePanelsCore[index].getValue();
         return !this.isValueEmpty(panelValue) &&
             (this.isValueEmpty(this.defaultPanelValue) || !this.isTwoValueEquals(panelValue, this.defaultPanelValue));
     };
@@ -46390,13 +46863,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         var visIndex = this.getVisualPanelIndex(value);
         if (visIndex < 0 || visIndex >= this.visiblePanelCount)
             return;
-        var panel = this.visiblePanels[visIndex];
-        var index = this.panels.indexOf(panel);
+        var panel = this.visiblePanelsCore[visIndex];
+        var index = this.panelsCore.indexOf(panel);
         if (index < 0)
             return;
         if (this.survey && !this.survey.dynamicPanelRemoving(this, index, panel))
             return;
-        this.panels.splice(index, 1);
+        this.panelsCore.splice(index, 1);
         this.updateBindings("panelCount", this.panelCount);
         var value = this.value;
         if (!value || !Array.isArray(value) || index >= value.length)
@@ -46413,7 +46886,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.getVisualPanelIndex = function (val) {
         if (_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(val))
             return val;
-        var visPanels = this.visiblePanels;
+        var visPanels = this.visiblePanelsCore;
         for (var i = 0; i < visPanels.length; i++) {
             if (visPanels[i] === val || visPanels[i].data === val)
                 return i;
@@ -46421,15 +46894,15 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         return -1;
     };
     QuestionPanelDynamicModel.prototype.getPanelIndexById = function (id) {
-        for (var i = 0; i < this.panels.length; i++) {
-            if (this.panels[i].id === id)
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            if (this.panelsCore[i].id === id)
                 return i;
         }
         return -1;
     };
     QuestionPanelDynamicModel.prototype.locStrsChanged = function () {
         _super.prototype.locStrsChanged.call(this);
-        var panels = this.panels;
+        var panels = this.panelsCore;
         for (var i = 0; i < panels.length; i++) {
             panels[i].locStrsChanged();
         }
@@ -46438,23 +46911,23 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         }
     };
     QuestionPanelDynamicModel.prototype.clearIncorrectValues = function () {
-        for (var i = 0; i < this.panels.length; i++) {
+        for (var i = 0; i < this.panelsCore.length; i++) {
             this.clearIncorrectValuesInPanel(i);
         }
     };
     QuestionPanelDynamicModel.prototype.clearErrors = function () {
         _super.prototype.clearErrors.call(this);
-        for (var i = 0; i < this.panels.length; i++) {
-            this.panels[i].clearErrors();
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            this.panelsCore[i].clearErrors();
         }
     };
     QuestionPanelDynamicModel.prototype.getQuestionFromArray = function (name, index) {
         if (index >= this.panelCount)
             return null;
-        return this.panels[index].getQuestionByName(name);
+        return this.panelsCore[index].getQuestionByName(name);
     };
     QuestionPanelDynamicModel.prototype.clearIncorrectValuesInPanel = function (index) {
-        var panel = this.panels[index];
+        var panel = this.panelsCore[index];
         panel.clearIncorrectValues();
         var val = this.value;
         var values = !!val && index < val.length ? val[index] : null;
@@ -46528,7 +47001,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         }
     };
     QuestionPanelDynamicModel.prototype.collectNestedQuestionsCore = function (questions, visibleOnly) {
-        var panels = visibleOnly ? this.visiblePanels : this.panels;
+        var panels = visibleOnly ? this.visiblePanelsCore : this.panelsCore;
         if (!Array.isArray(panels))
             return;
         panels.forEach(function (panel) {
@@ -46554,8 +47027,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.onReadOnlyChanged = function () {
         var readOnly = this.isReadOnly;
         this.template.readOnly = readOnly;
-        for (var i = 0; i < this.panels.length; i++) {
-            this.panels[i].readOnly = readOnly;
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            this.panelsCore[i].readOnly = readOnly;
         }
         this.updateNoEntriesTextDefaultLoc();
         this.updateFooterActions();
@@ -46571,6 +47044,17 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.onSurveyLoad = function () {
         this.template.readOnly = this.isReadOnly;
         this.template.onSurveyLoad();
+        this.buildPanelsFirstTime();
+        _super.prototype.onSurveyLoad.call(this);
+    };
+    QuestionPanelDynamicModel.prototype.buildPanelsFirstTime = function (force) {
+        if (force === void 0) { force = false; }
+        if (this.hasPanelBuildFirstTime)
+            return;
+        if (!force && this.wasNotRenderedInSurvey)
+            return;
+        this.hasPanelBuildFirstTime = true;
+        this.isBuildingPanelsFirstTime = true;
         if (this.getPropertyValue("panelCount") > 0) {
             this.panelCount = this.getPropertyValue("panelCount");
         }
@@ -46590,28 +47074,43 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             this.updateNoEntriesTextDefaultLoc();
         }
         this.updateFooterActions();
-        _super.prototype.onSurveyLoad.call(this);
+        this.isBuildingPanelsFirstTime = false;
     };
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "wasNotRenderedInSurvey", {
+        get: function () {
+            return !this.hasPanelBuildFirstTime && !this.wasRendered && !!this.survey;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "canBuildPanels", {
+        get: function () {
+            return !this.isLoadingFromJson && !this.useTemplatePanel;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionPanelDynamicModel.prototype.onFirstRendering = function () {
+        _super.prototype.onFirstRendering.call(this);
+        this.buildPanelsFirstTime();
         this.template.onFirstRendering();
-        for (var i = 0; i < this.panels.length; i++) {
-            this.panels[i].onFirstRendering();
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            this.panelsCore[i].onFirstRendering();
         }
-        _super.prototype.onFirstRendering.call(this);
     };
     QuestionPanelDynamicModel.prototype.localeChanged = function () {
         _super.prototype.localeChanged.call(this);
-        for (var i = 0; i < this.panels.length; i++) {
-            this.panels[i].localeChanged();
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            this.panelsCore[i].localeChanged();
         }
     };
     QuestionPanelDynamicModel.prototype.runCondition = function (values, properties) {
         _super.prototype.runCondition.call(this, values, properties);
-        this.runPanelsCondition(this.panels, values, properties);
+        this.runPanelsCondition(this.panelsCore, values, properties);
     };
     QuestionPanelDynamicModel.prototype.runTriggers = function (name, value) {
         _super.prototype.runTriggers.call(this, name, value);
-        this.visiblePanels.forEach(function (p) {
+        this.visiblePanelsCore.forEach(function (p) {
             p.questions.forEach(function (q) { return q.runTriggers(name, value); });
         });
     };
@@ -46645,18 +47144,18 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     QuestionPanelDynamicModel.prototype.onAnyValueChanged = function (name, questionName) {
         _super.prototype.onAnyValueChanged.call(this, name, questionName);
-        for (var i = 0; i < this.panels.length; i++) {
-            this.panels[i].onAnyValueChanged(name, questionName);
-            this.panels[i].onAnyValueChanged(QuestionPanelDynamicItem.ItemVariableName, "");
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            this.panelsCore[i].onAnyValueChanged(name, questionName);
+            this.panelsCore[i].onAnyValueChanged(QuestionPanelDynamicItem.ItemVariableName, "");
         }
     };
     QuestionPanelDynamicModel.prototype.hasKeysDuplicated = function (fireCallback, rec) {
         if (rec === void 0) { rec = null; }
         var keyValues = [];
         var res;
-        for (var i = 0; i < this.panels.length; i++) {
+        for (var i = 0; i < this.panelsCore.length; i++) {
             res =
-                this.isValueDuplicated(this.panels[i], keyValues, rec, fireCallback) ||
+                this.isValueDuplicated(this.panelsCore[i], keyValues, rec, fireCallback) ||
                     res;
         }
         return res;
@@ -46673,7 +47172,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.hasErrors = function (fireCallback, rec) {
         if (fireCallback === void 0) { fireCallback = true; }
         if (rec === void 0) { rec = null; }
-        if (this.isValueChangingInternally)
+        if (this.isValueChangingInternally || this.isBuildingPanelsFirstTime)
             return false;
         var res = false;
         if (!!this.changingValueQuestion) {
@@ -46690,7 +47189,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         var res = _super.prototype.getContainsErrors.call(this);
         if (res)
             return res;
-        var panels = this.panels;
+        var panels = this.panelsCore;
         for (var i = 0; i < panels.length; i++) {
             if (panels[i].containsErrors)
                 return true;
@@ -46700,7 +47199,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.getIsAnswered = function () {
         if (!_super.prototype.getIsAnswered.call(this))
             return false;
-        var panels = this.visiblePanels;
+        var panels = this.visiblePanelsCore;
         for (var i = 0; i < panels.length; i++) {
             var visibleQuestions = [];
             panels[i].addQuestionsToList(visibleQuestions, true);
@@ -46726,8 +47225,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         _super.prototype.clearValueIfInvisible.call(this, reason);
     };
     QuestionPanelDynamicModel.prototype.clearValueInPanelsIfInvisible = function (reason) {
-        for (var i = 0; i < this.panels.length; i++) {
-            var questions = this.panels[i].questions;
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            var questions = this.panelsCore[i].questions;
             this.isSetPanelItemData = {};
             for (var j = 0; j < questions.length; j++) {
                 var q = questions[j];
@@ -46740,8 +47239,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.getIsRunningValidators = function () {
         if (_super.prototype.getIsRunningValidators.call(this))
             return true;
-        for (var i = 0; i < this.panels.length; i++) {
-            var questions = this.panels[i].questions;
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            var questions = this.panelsCore[i].questions;
             for (var j = 0; j < questions.length; j++) {
                 if (questions[j].isRunningValidators)
                     return true;
@@ -46751,7 +47250,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     QuestionPanelDynamicModel.prototype.getAllErrors = function () {
         var result = _super.prototype.getAllErrors.call(this);
-        var panels = this.visiblePanels;
+        var panels = this.visiblePanelsCore;
         for (var i = 0; i < panels.length; i++) {
             var questions = panels[i].questions;
             for (var j = 0; j < questions.length; j++) {
@@ -46767,7 +47266,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         var values = this.getUnbindValue(value);
         if (!values || !Array.isArray(values))
             return values;
-        for (var i = 0; i < this.panels.length && i < values.length; i++) {
+        for (var i = 0; i < this.panelsCore.length && i < values.length; i++) {
             var val = values[i];
             if (!val)
                 continue;
@@ -46778,7 +47277,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.getPanelDisplayValue = function (panelIndex, val, keysAsText) {
         if (!val)
             return val;
-        var panel = this.panels[panelIndex];
+        var panel = this.panelsCore[panelIndex];
         var keys = Object.keys(val);
         for (var i = 0; i < keys.length; i++) {
             var key = keys[i];
@@ -46799,7 +47298,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     QuestionPanelDynamicModel.prototype.hasErrorInPanels = function (fireCallback, rec) {
         var res = false;
-        var panels = this.visiblePanels;
+        var panels = this.visiblePanelsCore;
         var keyValues = [];
         for (var i = 0; i < panels.length; i++) {
             this.setOnCompleteAsyncInPanel(panels[i]);
@@ -46932,8 +47431,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             return;
         _super.prototype.setQuestionValue.call(this, newValue, false);
         this.setPanelCountBasedOnValue();
-        for (var i = 0; i < this.panels.length; i++) {
-            this.panelUpdateValueFromSurvey(this.panels[i]);
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            this.panelUpdateValueFromSurvey(this.panelsCore[i]);
         }
         this.updateIsAnswered();
     };
@@ -46941,8 +47440,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (newValue === undefined && this.isAllPanelsEmpty())
             return;
         _super.prototype.onSurveyValueChanged.call(this, newValue);
-        for (var i = 0; i < this.panels.length; i++) {
-            this.panelSurveyValueChanged(this.panels[i]);
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            this.panelSurveyValueChanged(this.panelsCore[i]);
         }
         if (newValue === undefined) {
             this.setValueBasedOnPanelCount();
@@ -46950,8 +47449,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         this.updateIsReady();
     };
     QuestionPanelDynamicModel.prototype.isAllPanelsEmpty = function () {
-        for (var i = 0; i < this.panels.length; i++) {
-            if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isValueEmpty(this.panels[i].getValue()))
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isValueEmpty(this.panelsCore[i].getValue()))
                 return false;
         }
         return true;
@@ -46990,7 +47489,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         return res > -1 ? res : this.items.length;
     };
     QuestionPanelDynamicModel.prototype.getVisibleItemIndex = function (item) {
-        var visPanels = this.visiblePanels;
+        var visPanels = this.visiblePanelsCore;
         for (var i = 0; i < visPanels.length; i++) {
             if (visPanels[i].data === item)
                 return i;
@@ -47038,8 +47537,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         else {
             delete qValue[index][name];
         }
-        if (index >= 0 && index < this.panels.length) {
-            this.changingValueQuestion = this.panels[index].getQuestionByValueName(name);
+        if (index >= 0 && index < this.panelsCore.length) {
+            this.changingValueQuestion = this.panelsCore[index].getQuestionByValueName(name);
         }
         this.value = qValue;
         this.changingValueQuestion = null;
@@ -47093,8 +47592,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     QuestionPanelDynamicModel.prototype.updateElementCss = function (reNew) {
         _super.prototype.updateElementCss.call(this, reNew);
-        for (var i = 0; i < this.panels.length; i++) {
-            var el = this.panels[i];
+        for (var i = 0; i < this.panelsCore.length; i++) {
+            var el = this.panelsCore[i];
             el.updateElementCss(reNew);
         }
     };
@@ -47318,7 +47817,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             return;
         if (this.currentIndex < 0 || this.currentIndex >= this.visiblePanelCount)
             return;
-        var panel = this.visiblePanels[this.currentIndex];
+        var panel = this.visiblePanelsCore[this.currentIndex];
         this.additionalTitleToolbar.renderedActions.forEach(function (action) {
             var isActive = action.id === panel.id;
             action.pressed = isActive;
@@ -47334,9 +47833,9 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!this.isRenderModeTab)
             return;
         var items = [];
-        var visPanels = this.visiblePanels;
+        var visPanels = this.visiblePanelsCore;
         var _loop_1 = function (i) {
-            this_1.visiblePanels.forEach(function (panel) { return items.push(_this.createTabByPanel(visPanels[i], i)); });
+            this_1.visiblePanelsCore.forEach(function (panel) { return items.push(_this.createTabByPanel(visPanels[i], i)); });
         };
         var this_1 = this;
         for (var i = 0; i < visPanels.length; i++) {
@@ -47807,6 +48306,9 @@ var QuestionRankingModel = /** @class */ (function (_super) {
             return undefined;
         return 0;
     };
+    QuestionRankingModel.prototype.supportContainerQueries = function () {
+        return this.selectToRankEnabled;
+    };
     Object.defineProperty(QuestionRankingModel.prototype, "rootClass", {
         get: function () {
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
@@ -51596,7 +52098,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; });
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
 
-var document = globalThis.document;
+var document = typeof globalThis !== "undefined" ? globalThis.document : undefined.document;
 var defaultEnvironment = (!!document ? {
     root: document,
     _rootElement: document.body,
@@ -51774,12 +52276,12 @@ var settings = {
      * import { ItemValue, settings } from "survey-core";
      *
      * // `itemValueSerializeAsObject` example
-     * settings.localization.itemValueSerializeAsObject = true;
+     * settings.serialization.itemValueSerializeAsObject = true;
      * const item = new ItemValue(5);
      * const itemString = item.toJSON(); // Produces { value: 5 } instead of 5
      *
      * // `itemValueSerializeDisplayText` example
-     * settings.localization.itemValueSerializeDisplayText = true;
+     * settings.serialization.itemValueSerializeDisplayText = true;
      * const item = new ItemValue("item1");
      * const itemString = item.toJSON(); // Produces { value: "item1", text: "item1" } instead of "item1"
      * ```
@@ -53481,7 +53983,13 @@ var SurveyElement = /** @class */ (function (_super) {
     });
     SurveyElement.prototype.updateCustomWidgets = function () { };
     SurveyElement.prototype.onSurveyLoad = function () { };
+    Object.defineProperty(SurveyElement.prototype, "wasRendered", {
+        get: function () { return !!this.wasRenderedValue; },
+        enumerable: false,
+        configurable: true
+    });
     SurveyElement.prototype.onFirstRendering = function () {
+        this.wasRenderedValue = true;
         this.ensureCssClassesValue();
     };
     SurveyElement.prototype.endLoadingFromJson = function () {
@@ -53961,7 +54469,7 @@ var SurveyError = /** @class */ (function () {
         this.visible = true;
         this.onUpdateErrorTextCallback = undefined;
     }
-    SurveyError.prototype.equalsTo = function (error) {
+    SurveyError.prototype.equals = function (error) {
         if (!error || !error.getErrorType)
             return false;
         if (this.getErrorType() !== error.getErrorType())
@@ -54061,6 +54569,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./header */ "./src/header.ts");
 /* harmony import */ var _surveytimer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./surveytimer */ "./src/surveytimer.ts");
 /* harmony import */ var _surveyTaskManager__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./surveyTaskManager */ "./src/surveyTaskManager.ts");
+/* harmony import */ var _surveyToc__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./surveyToc */ "./src/surveyToc.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -54103,6 +54612,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -54976,8 +55486,8 @@ var SurveyModel = /** @class */ (function (_super) {
         });
         _this.addLayoutElement({
             id: "toc-navigation",
-            component: "sv-progress-toc",
-            data: _this
+            component: "sv-navigation-toc",
+            data: new _surveyToc__WEBPACK_IMPORTED_MODULE_23__["TOCModel"](_this)
         });
         _this.layoutElements.push({
             id: "navigationbuttons",
@@ -55284,6 +55794,16 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "lazyRenderingFirstBatchSize", {
+        get: function () {
+            return this.lazyRenderingFirstBatchSizeValue || _settings__WEBPACK_IMPORTED_MODULE_14__["settings"].lazyRender.firstBatchSize;
+        },
+        set: function (val) {
+            this.lazyRenderingFirstBatchSizeValue = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyModel.prototype.updateLazyRenderingRowsOnRemovingElements = function () {
         if (!this.isLazyRendering)
             return;
@@ -56012,6 +56532,8 @@ var SurveyModel = /** @class */ (function (_super) {
         return this.locale;
     };
     SurveyModel.prototype.locStrsChanged = function () {
+        if (this.isClearingUnsedValues)
+            return;
         _super.prototype.locStrsChanged.call(this);
         if (!this.currentPage)
             return;
@@ -57562,6 +58084,27 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyModel.prototype.tryNavigateToPage = function (page) {
+        if (this.isDesignMode)
+            return false;
+        var index = this.visiblePages.indexOf(page);
+        if (index < 0 || index >= this.visiblePageCount)
+            return false;
+        if (index === this.currentPageNo)
+            return false;
+        if (index < this.currentPageNo || this.isValidateOnComplete) {
+            this.currentPageNo = index;
+            return true;
+        }
+        for (var i = this.currentPageNo; i < index; i++) {
+            var page_1 = this.visiblePages[i];
+            if (!page_1.validate(true, true))
+                return false;
+            page_1.passed = true;
+        }
+        this.currentPage = page;
+        return true;
+    };
     SurveyModel.prototype.updateCurrentPage = function () {
         if (this.isCurrentPageAvailable)
             return;
@@ -60763,11 +61306,13 @@ var SurveyModel = /** @class */ (function (_super) {
         return name.substring(0, pos);
     };
     SurveyModel.prototype.clearUnusedValues = function () {
+        this.isClearingUnsedValues = true;
         var questions = this.getAllQuestions();
         for (var i = 0; i < questions.length; i++) {
             questions[i].clearUnusedValues();
         }
         this.clearInvisibleQuestionValues();
+        this.isClearingUnsedValues = false;
     };
     SurveyModel.prototype.hasVisibleQuestionByValueName = function (valueName) {
         var questions = this.getQuestionsByValueName(valueName);
@@ -61954,8 +62499,12 @@ var SurveyModel = /** @class */ (function (_super) {
         this.layoutElements.push(layoutElement);
         return existingLayoutElement;
     };
-    SurveyModel.prototype.removeLayoutElement = function (layoutElementId) {
+    SurveyModel.prototype.findLayoutElement = function (layoutElementId) {
         var layoutElement = this.layoutElements.filter(function (a) { return a.id === layoutElementId; })[0];
+        return layoutElement;
+    };
+    SurveyModel.prototype.removeLayoutElement = function (layoutElementId) {
+        var layoutElement = this.findLayoutElement(layoutElementId);
         if (!!layoutElement) {
             var layoutElementIndex = this.layoutElements.indexOf(layoutElement);
             this.layoutElements.splice(layoutElementIndex, 1);
@@ -61979,7 +62528,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 }
             }
             else if (this.state === "running" && isStrCiEqual(layoutElement.id, "progress-" + this.progressBarType)) {
-                var headerLayoutElement = this.layoutElements.filter(function (a) { return a.id === "advanced-header"; })[0];
+                var headerLayoutElement = this.findLayoutElement("advanced-header");
                 var advHeader = headerLayoutElement && headerLayoutElement.data;
                 var isBelowHeader = !advHeader || advHeader.hasBackground;
                 if (container === "header" && !isBelowHeader) {
@@ -62081,6 +62630,14 @@ var SurveyModel = /** @class */ (function (_super) {
         this.removeScrollEventListener();
         this.destroyResizeObserver();
         this.rootElement = undefined;
+        if (this.layoutElements) {
+            for (var i = 0; i < this.layoutElements.length; i++) {
+                if (!!this.layoutElements[i].data && this.layoutElements[i].data !== this && this.layoutElements[i].data.dispose) {
+                    this.layoutElements[i].data.dispose();
+                }
+            }
+            this.layoutElements.splice(0, this.layoutElements.length);
+        }
         _super.prototype.dispose.call(this);
         this.editingObj = null;
         if (!this.pages)
@@ -62146,7 +62703,7 @@ var SurveyModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
             onSet: function (newValue, target) {
                 if (newValue === "advanced") {
-                    var layoutElement = target.layoutElements.filter(function (a) { return a.id === "advanced-header"; })[0];
+                    var layoutElement = target.findLayoutElement("advanced-header");
                     if (!layoutElement) {
                         var advHeader = new _header__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
                         advHeader.logoPositionX = target.logoPosition === "right" ? "right" : "left";
@@ -62170,6 +62727,9 @@ var SurveyModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "enterKeyAction", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "lazyRenderingFirstBatchSizeValue", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: {} })
     ], SurveyModel.prototype, "cssVariables", void 0);
@@ -62379,7 +62939,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
     {
         name: "checkErrorsMode",
         default: "onNextPage",
-        choices: ["onNextPage", "onValueChanged", "onValueChanging", "onComplete"],
+        choices: ["onNextPage", "onValueChanged", "onComplete"],
     },
     {
         name: "textUpdateMode",
@@ -62538,17 +63098,7 @@ var SurveyProgressButtonsModel = /** @class */ (function () {
             .toString();
     };
     SurveyProgressButtonsModel.prototype.clickListElement = function (index) {
-        if (this.survey.isDesignMode)
-            return;
-        if (index < this.survey.currentPageNo) {
-            this.survey.currentPageNo = index;
-        }
-        else if (index > this.survey.currentPageNo) {
-            for (var i = this.survey.currentPageNo; i < index; i++) {
-                if (!this.survey.nextPage())
-                    break;
-            }
-        }
+        this.survey.tryNavigateToPage(this.survey.visiblePages[index]);
     };
     return SurveyProgressButtonsModel;
 }());
@@ -62958,12 +63508,11 @@ var SurveyTimerModel = /** @class */ (function (_super) {
 /*!**************************!*\
   !*** ./src/surveyToc.ts ***!
   \**************************/
-/*! exports provided: tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel */
+/*! exports provided: tryFocusPage, createTOCListModel, getTocRootCss, TOCModel */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tryNavigateToPage", function() { return tryNavigateToPage; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tryFocusPage", function() { return tryFocusPage; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return createTOCListModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return getTocRootCss; });
@@ -62978,21 +63527,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function tryNavigateToPage(survey, page) {
-    if (survey.isDesignMode)
-        return;
-    var index = survey.visiblePages.indexOf(page);
-    if (index < survey.currentPageNo) {
-        survey.currentPageNo = index;
-    }
-    else if (index > survey.currentPageNo) {
-        for (var i = survey.currentPageNo; i < index; i++) {
-            if (!survey.nextPageUIClick())
-                return false;
-        }
-    }
-    return true;
-}
 function tryFocusPage(survey, panel) {
     if (survey.isDesignMode)
         return true;
@@ -63014,7 +63548,7 @@ function createTOCListModel(survey, onAction) {
                 }
                 !!onAction && onAction();
                 if (page instanceof _page__WEBPACK_IMPORTED_MODULE_3__["PageModel"]) {
-                    return tryNavigateToPage(survey, page);
+                    return survey.tryNavigateToPage(page);
                 }
                 return tryFocusPage(survey, page);
             },
@@ -63025,12 +63559,12 @@ function createTOCListModel(survey, onAction) {
         if (!!item.action()) {
             listModel.selectedItem = item;
         }
-    }, true, items.filter(function (i) { return i.id === survey.currentPage.name; })[0] || items.filter(function (i) { return i.id === pagesSource[0].name; })[0]);
+    }, true, items.filter(function (i) { return !!survey.currentPage && i.id === survey.currentPage.name; })[0] || items.filter(function (i) { return i.id === pagesSource[0].name; })[0]);
     listModel.allowSelection = false;
     listModel.locOwner = survey;
     listModel.searchEnabled = false;
     survey.onCurrentPageChanged.add(function (s, o) {
-        listModel.selectedItem = items.filter(function (i) { return i.id === survey.currentPage.name; })[0];
+        listModel.selectedItem = items.filter(function (i) { return !!survey.currentPage && i.id === survey.currentPage.name; })[0];
     });
     return listModel;
 }
@@ -65065,7 +65599,7 @@ function scrollElementByChildId(id) {
         return;
     var scrollableEl = findScrollableParent(el);
     if (!!scrollableEl) {
-        scrollableEl.dispatchEvent(new CustomEvent("scroll"));
+        setTimeout(function () { return scrollableEl.dispatchEvent(new CustomEvent("scroll")); }, 10);
     }
 }
 function navigateToUrl(url) {