survey-react 1.9.87 → 1.9.89

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.87
+ * surveyjs - Survey JavaScript library v1.9.89
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5840,7 +5840,7 @@ var defaultV2Css = {
     },
     boolean: {
         mainRoot: "sd-element sd-question sd-row__question sd-question--boolean",
-        root: "sv_qcbc sv_qbln sd-scrollable-container",
+        root: "sv_qcbc sv_qbln sd-scrollable-container sd-boolean-root",
         rootRadio: "sv_qcbc sv_qbln sd-scrollable-container sd-scrollable-container--compact",
         item: "sd-boolean",
         itemOnError: "sd-boolean--error",
@@ -6797,7 +6797,7 @@ var DragDropChoices = /** @class */ (function (_super) {
     };
     DragDropChoices.prototype.createImagePickerShortcut = function (item, text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
-        draggedElementShortcut.style.cssText = " \n      cursor: grabbing;\n      position: absolute;\n      z-index: 1000;\n      filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.1));\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n      padding: 4px;\n      border-radius: 4px;\n      background: white;\n    ";
+        draggedElementShortcut.style.cssText = " \n      cursor: grabbing;\n      position: absolute;\n      z-index: 1000;\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n      padding: 4px;\n      border-radius: 4px;\n      background: white;\n    ";
         var itemValueNode = draggedElementNode.closest("[data-sv-drop-target-item-value]");
         var controlsNode = itemValueNode.querySelector(".svc-image-item-value-controls");
         var imageContainerNode = itemValueNode.querySelector(".sd-imagepicker__image-container");
@@ -7384,7 +7384,7 @@ var DragDropMatrixRows = /** @class */ (function (_super) {
         var row = (draggedElementNode
             .closest("[data-sv-drop-target-matrix-row]"));
         var clone = (row.cloneNode(isDeepClone));
-        clone.style.cssText = "\n      filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.1));\n      box-shadow: rgb(0 0 0 / 10%) 0px 8px 16px;\n      background-color: white;\n      display: flex;\n      flex-grow: 0;\n      flex-shrink: 0;\n      align-items: center;\n      line-height: 0;\n      width: " + row.offsetWidth + "px;\n    ";
+        clone.style.cssText = "\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n      background-color: white;\n      display: flex;\n      flex-grow: 0;\n      flex-shrink: 0;\n      align-items: center;\n      line-height: 0;\n      width: " + row.offsetWidth + "px;\n    ";
         clone.classList.remove("sv-matrix__drag-drop--moveup");
         clone.classList.remove("sv-matrix__drag-drop--movedown");
         this.draggedElement.isDragDropMoveDown = false;
@@ -7551,7 +7551,7 @@ var DragDropRankingChoices = /** @class */ (function (_super) {
     DragDropRankingChoices.prototype.createDraggedElementShortcut = function (text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
         draggedElementShortcut.className = this.shortcutClass + " sv-ranking-shortcut";
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 1000;\n          border-radius: 36px;\n          min-width: 100px;\n          filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.1));\n          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n          background-color: var(--background, white);\n          font-family: var(--font-family, $font-family);\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 1000;\n          border-radius: 36px;\n          min-width: 100px;\n          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n          background-color: var(--background, white);\n          font-family: var(--font-family, $font-family);\n        ";
         var isDeepClone = true;
         var clone = draggedElementNode.cloneNode(isDeepClone);
         draggedElementShortcut.appendChild(clone);
@@ -9215,7 +9215,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, checkLibraryVersion, 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, QuestionMultipleTextModel, 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, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices */
+/*! exports provided: Version, checkLibraryVersion, 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, 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, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9404,6 +9404,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMultipleTextModel", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["QuestionMultipleTextModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextEditorModel", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MultipleTextEditorModel"]; });
+
 /* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../panel */ "./src/panel.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PanelModel", function() { return _panel__WEBPACK_IMPORTED_MODULE_26__["PanelModel"]; });
 
@@ -9659,7 +9661,7 @@ __webpack_require__.r(__webpack_exports__);
 // import "../../main.scss";
 //import "../../modern.scss";
 var Version;
-Version = "" + "1.9.87";
+Version = "" + "1.9.89";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9764,7 +9766,7 @@ function checkLibraryVersion(ver, libraryName) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, checkLibraryVersion, 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, QuestionMultipleTextModel, 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, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper */
+/*! exports provided: Version, checkLibraryVersion, 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, 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, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9930,6 +9932,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMultipleTextModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["QuestionMultipleTextModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextEditorModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextEditorModel"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PanelModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["PanelModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PanelModelBase", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["PanelModelBase"]; });
@@ -10199,7 +10203,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, checkLibraryVersion, 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, QuestionMultipleTextModel, 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, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper, Model */
+/*! exports provided: Version, checkLibraryVersion, 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, 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, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10365,6 +10369,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMultipleTextModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["QuestionMultipleTextModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextEditorModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextEditorModel"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PanelModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["PanelModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PanelModelBase", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["PanelModelBase"]; });
@@ -10994,7 +11000,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.ts ***!
   \******************************/
-/*! exports provided: Version, checkLibraryVersion, 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, QuestionMultipleTextModel, 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, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, SurveyLocStringViewer, SurveyLocStringEditor */
+/*! exports provided: Version, checkLibraryVersion, 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, 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, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, SurveyLocStringViewer, SurveyLocStringEditor */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11160,6 +11166,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMultipleTextModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["QuestionMultipleTextModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextEditorModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MultipleTextEditorModel"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PanelModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["PanelModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PanelModelBase", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["PanelModelBase"]; });
@@ -18340,14 +18348,25 @@ var JsonObjectProperty = /** @class */ (function () {
         return !!this.dependedProperties ? this.dependedProperties : [];
     };
     JsonObjectProperty.prototype.schemaType = function () {
+        if (this.className === "choicesByUrl")
+            return undefined;
+        if (this.className === "string")
+            return this.className;
         if (!!this.className)
             return "array";
         if (!!this.baseClassName)
             return "array";
+        if (this.type == "switch")
+            return "boolean";
         if (this.type == "boolean" || this.type == "number")
             return this.type;
         return "string";
     };
+    JsonObjectProperty.prototype.schemaRef = function () {
+        if (!!this.className)
+            return this.className;
+        return undefined;
+    };
     JsonObjectProperty.prototype.mergeValue = function (prop, valueName) {
         if (this[valueName] == null && prop[valueName] != null) {
             this[valueName] = prop[valueName];
@@ -19187,27 +19206,85 @@ var JsonMetadata = /** @class */ (function () {
             title: "SurveyJS Library json schema",
             type: "object",
             properties: {},
-            definitions: {},
+            definitions: { locstring: this.generateLocStrClass() },
         };
-        this.generateSchemaProperties(classInfo, res.properties, res.definitions);
+        this.generateSchemaProperties(classInfo, res, res.definitions, true);
         return res;
     };
-    JsonMetadata.prototype.generateSchemaProperties = function (classInfo, schemaProperties, schemaDef) {
+    JsonMetadata.prototype.generateLocStrClass = function () {
+        var props = {};
+        var locProp = Serializer.findProperty("survey", "locale");
+        if (!!locProp) {
+            var choices = locProp.getChoices(null);
+            if (Array.isArray(choices)) {
+                if (choices.indexOf("en") < 0) {
+                    choices.splice(0, 0, "en");
+                }
+                choices.splice(0, 0, "default");
+                choices.forEach(function (l) { if (!!l) {
+                    props[l] = { type: "string" };
+                } });
+            }
+        }
+        return {
+            $id: "#locstring",
+            type: "object",
+            properties: props
+        };
+    };
+    JsonMetadata.prototype.generateSchemaProperties = function (classInfo, classSchema, schemaDef, isRoot) {
         if (!classInfo)
             return;
+        var schemaProperties = classSchema.properties;
+        var requiredProps = [];
+        if (classInfo.name === "question" || classInfo.name === "panel") {
+            schemaProperties.type = { type: "string" };
+            requiredProps.push("type");
+        }
         for (var i = 0; i < classInfo.properties.length; i++) {
             var prop = classInfo.properties[i];
-            schemaProperties[prop.name] = this.generateSchemaProperty(prop, schemaDef);
+            if (!!classInfo.parentName && !!Serializer.findProperty(classInfo.parentName, prop.name))
+                continue;
+            schemaProperties[prop.name] = this.generateSchemaProperty(prop, schemaDef, isRoot);
+            if (prop.isRequired)
+                requiredProps.push(prop.name);
+        }
+        if (requiredProps.length > 0) {
+            classSchema.required = requiredProps;
         }
     };
-    JsonMetadata.prototype.generateSchemaProperty = function (prop, schemaDef) {
-        var res = { type: prop.schemaType() };
+    JsonMetadata.prototype.generateSchemaProperty = function (prop, schemaDef, isRoot) {
+        if (prop.isLocalizable) {
+            return { oneOf: [
+                    { "type": "string" },
+                    { "$ref": this.getChemeRefName("locstring", isRoot) }
+                ] };
+        }
+        var propType = prop.schemaType();
+        var refType = prop.schemaRef();
+        var res = {};
+        if (!!propType) {
+            res.type = propType;
+        }
         if (prop.hasChoices) {
-            res.enum = prop.getChoices(null);
+            var enumRes = prop.getChoices(null);
+            if (Array.isArray(enumRes) && enumRes.length > 0) {
+                res.enum = enumRes;
+            }
         }
-        if (!!prop.className) {
-            res.items = { $ref: "#" + prop.className };
-            this.generateChemaClass(prop.className, schemaDef);
+        if (!!refType) {
+            if (propType === "array") {
+                if (prop.className === "string") {
+                    res.items = { type: prop.className };
+                }
+                else {
+                    res.items = { $ref: this.getChemeRefName(prop.className, isRoot) };
+                }
+            }
+            else {
+                res["$ref"] = this.getChemeRefName(refType, isRoot);
+            }
+            this.generateChemaClass(prop.className, schemaDef, false);
         }
         if (!!prop.baseClassName) {
             var usedClasses = this.getChildrenClasses(prop.baseClassName, true);
@@ -19217,13 +19294,16 @@ var JsonMetadata = /** @class */ (function () {
             res.items = [];
             for (var i = 0; i < usedClasses.length; i++) {
                 var className = usedClasses[i].name;
-                res.items.push({ $ref: "#" + className });
-                this.generateChemaClass(className, schemaDef);
+                res.items.push({ $ref: this.getChemeRefName(className, isRoot) });
+                this.generateChemaClass(className, schemaDef, false);
             }
         }
         return res;
     };
-    JsonMetadata.prototype.generateChemaClass = function (className, schemaDef) {
+    JsonMetadata.prototype.getChemeRefName = function (className, isRoot) {
+        return isRoot ? "#/definitions/" + className : className + "#";
+    };
+    JsonMetadata.prototype.generateChemaClass = function (className, schemaDef, isRoot) {
         if (!!schemaDef[className])
             return;
         var classInfo = this.findClass(className);
@@ -19231,52 +19311,26 @@ var JsonMetadata = /** @class */ (function () {
             return;
         var hasParent = !!classInfo.parentName && classInfo.parentName != "base";
         if (hasParent) {
-            this.generateChemaClass(classInfo.parentName, schemaDef);
+            this.generateChemaClass(classInfo.parentName, schemaDef, isRoot);
         }
-        var res = { type: "object", $id: "#" + className };
+        var id = isRoot ? className : "#" + className;
+        var res = { type: "object", $id: id };
         schemaDef[className] = res;
-        var props = {};
-        this.generateSchemaProperties(classInfo, props, schemaDef);
+        var chemaProps = { properties: {} };
+        this.generateSchemaProperties(classInfo, chemaProps, schemaDef, isRoot);
         if (hasParent) {
             res.allOf = [
-                { $ref: "#" + classInfo.parentName },
-                { properties: props },
+                { $ref: this.getChemeRefName(classInfo.parentName, isRoot) },
+                { properties: chemaProps.properties },
             ];
         }
         else {
-            res.properties = props;
+            res.properties = chemaProps.properties;
         }
-    };
-    JsonMetadata.prototype.fillProperties = function (name, list, hash) {
-        var metaDataClass = this.findClass(name);
-        if (!metaDataClass)
-            return;
-        if (metaDataClass.parentName) {
-            this.fillProperties(metaDataClass.parentName, list, hash);
-        }
-        for (var i = 0; i < metaDataClass.properties.length; i++) {
-            var prop = metaDataClass.properties[i];
-            this.addPropertyCore(prop, list, hash);
-            hash[prop.name] = prop;
-            if (prop.alternativeName)
-                hash[prop.alternativeName] = prop;
+        if (Array.isArray(chemaProps.required)) {
+            res.required = chemaProps.required;
         }
     };
-    JsonMetadata.prototype.addPropertyCore = function (property, list, hash) {
-        if (!hash[property.name]) {
-            list.push(property);
-            return;
-        }
-        var index = -1;
-        for (var i = 0; i < list.length; i++) {
-            if (list[i].name == property.name || list[i].alternativeName == property.name) {
-                index = i;
-                break;
-            }
-        }
-        property.mergeWith(list[index]);
-        list[index] = property;
-    };
     return JsonMetadata;
 }());
 
@@ -21549,7 +21603,7 @@ var englishStrings = {
     loadingFile: "Loading...",
     chooseFile: "Choose file(s)...",
     noFileChosen: "No file chosen",
-    fileDragAreaPlaceholder: "Drop a file here or click the button below to load the file.",
+    fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload.",
     confirmDelete: "Do you want to delete the record?",
     keyDuplicationError: "This value should be unique.",
     addColumn: "Add Column",
@@ -31415,6 +31469,10 @@ var PopupModel = /** @class */ (function (_super) {
         _this.title = title;
         return _this;
     }
+    PopupModel.prototype.refreshInnerModel = function () {
+        var innerModel = this.contentComponentData["model"];
+        innerModel && innerModel.refresh && innerModel.refresh();
+    };
     Object.defineProperty(PopupModel.prototype, "isVisible", {
         get: function () {
             return this.getPropertyValue("isVisible", false);
@@ -31425,9 +31483,8 @@ var PopupModel = /** @class */ (function (_super) {
             }
             this.setPropertyValue("isVisible", value);
             this.onVisibilityChanged.fire(this, { model: this, isVisible: value });
+            this.refreshInnerModel();
             if (this.isVisible) {
-                var innerModel = this.contentComponentData["model"];
-                innerModel && innerModel.refresh && innerModel.refresh();
                 this.onShow();
             }
             else {
@@ -31733,6 +31790,13 @@ var Question = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Question.prototype, "ariaExpanded", {
+        get: function () {
+            return null;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Question.prototype, "ariaDescribedBy", {
         get: function () {
             return this.errors.length > 0 ? this.id + "_errors" : null;
@@ -36266,7 +36330,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("selectbase", [
     },
     {
         name: "choicesByUrl:restfull",
-        className: "ChoicesRestful",
+        className: "choicesByUrl",
         onGetValue: function (obj) {
             return obj.choicesByUrl.getData();
         },
@@ -37497,6 +37561,7 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
         if (operator == "contains" || operator == "notcontains") {
             json["type"] = "radiogroup";
         }
+        json["maxSelectedChoices"] = 0;
         return json;
     };
     QuestionCheckboxModel.prototype.isAnswerCorrect = function () {
@@ -38452,11 +38517,9 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
         return this.textProcessing;
     };
     QuestionCompositeModel.prototype.findQuestionByName = function (name) {
-        if (!!this.contentPanel) {
-            var res = this.contentPanel.getQuestionByName(name);
-            if (!!res)
-                return res;
-        }
+        var res = this.getQuestionByName(name);
+        if (!!res)
+            return res;
         return _super.prototype.findQuestionByName.call(this, name);
     };
     QuestionCompositeModel.prototype.clearValueIfInvisibleCore = function () {
@@ -38563,15 +38626,16 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
                 this.setValueCore(panelValue);
             }
         }
+        this.setNewValueIntoQuestion(name, newValue);
         _super.prototype.setValue.call(this, name, newValue, locNotification, allowNotifyValueChanged);
-        if (!!this.contentPanel) {
-            var q = this.contentPanel.getQuestionByName(name);
-            if (!!q && !this.isTwoValueEquals(newValue, q.value)) {
-                q.value = newValue;
-            }
-        }
         this.settingNewValue = false;
     };
+    QuestionCompositeModel.prototype.setNewValueIntoQuestion = function (name, newValue) {
+        var q = this.getQuestionByName(name);
+        if (!!q && !this.isTwoValueEquals(newValue, q.value)) {
+            q.value = newValue;
+        }
+    };
     QuestionCompositeModel.prototype.addConditionObjectsByContext = function (objects, context) {
         if (!this.contentPanel)
             return;
@@ -38600,7 +38664,15 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
     };
     QuestionCompositeModel.prototype.setQuestionValue = function (newValue, updateIsAnswered) {
         if (updateIsAnswered === void 0) { updateIsAnswered = true; }
+        this.setValuesIntoQuestions(newValue);
+        if (!this.isEditingSurveyElement && !!this.contentPanel) {
+            newValue = this.contentPanel.getValue();
+        }
         _super.prototype.setQuestionValue.call(this, newValue, updateIsAnswered);
+    };
+    QuestionCompositeModel.prototype.setValuesIntoQuestions = function (newValue) {
+        if (!this.contentPanel)
+            return;
         this.settingNewValue = true;
         var questions = this.contentPanel.questions;
         for (var i = 0; i < questions.length; i++) {
@@ -38611,6 +38683,7 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
                 q.value = val;
             }
         }
+        this.runCondition(this.getDataFilteredValues(), this.getDataFilteredProperties());
         this.settingNewValue = false;
     };
     QuestionCompositeModel.prototype.getDisplayValueCore = function (keyAsText, value) {
@@ -38967,7 +39040,8 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionDropdownModel.prototype, "ariaExpanded", {
         get: function () {
-            return this.popupModel.isVisible;
+            var popupModel = this.popupModel;
+            return !!popupModel && popupModel.isVisible ? "true" : "false";
         },
         enumerable: false,
         configurable: true
@@ -47765,11 +47839,12 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_1__["QuestionFactory"].Instance.regist
 /*!**************************************!*\
   !*** ./src/question_multipletext.ts ***!
   \**************************************/
-/*! exports provided: MultipleTextItemModel, QuestionMultipleTextModel */
+/*! exports provided: MultipleTextEditorModel, MultipleTextItemModel, QuestionMultipleTextModel */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultipleTextEditorModel", function() { return MultipleTextEditorModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultipleTextItemModel", function() { return MultipleTextItemModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionMultipleTextModel", function() { return QuestionMultipleTextModel; });
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/base.ts");
@@ -47805,6 +47880,28 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+var MultipleTextEditorModel = /** @class */ (function (_super) {
+    __extends(MultipleTextEditorModel, _super);
+    function MultipleTextEditorModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(MultipleTextEditorModel.prototype, "a11y_input_ariaLabel", {
+        get: function () {
+            return this.locTitle.renderedHtml;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MultipleTextEditorModel.prototype, "a11y_input_ariaLabelledBy", {
+        get: function () {
+            return null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return MultipleTextEditorModel;
+}(_question_text__WEBPACK_IMPORTED_MODULE_3__["QuestionTextModel"]));
+
 /**
  * A class that describes an item in a [Multiple Text](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model) question.
  *
@@ -47867,7 +47964,7 @@ var MultipleTextItemModel = /** @class */ (function (_super) {
         configurable: true
     });
     MultipleTextItemModel.prototype.createEditor = function (name) {
-        return new _question_text__WEBPACK_IMPORTED_MODULE_3__["QuestionTextModel"](name);
+        return new MultipleTextEditorModel(name);
     };
     MultipleTextItemModel.prototype.addUsedLocales = function (locales) {
         _super.prototype.addUsedLocales.call(this, locales);
@@ -48684,6 +48781,13 @@ var QuestionPanelDynamicItemTextProcessor = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionPanelDynamicItemTextProcessor.prototype, "visiblePanelIndex", {
+        get: function () {
+            return !!this.data ? this.data.getVisibleItemIndex(this.panelItem) : -1;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionPanelDynamicItemTextProcessor.prototype.getValues = function () {
         return this.panelItem.getAllValues();
     };
@@ -48713,6 +48817,14 @@ var QuestionPanelDynamicItemTextProcessor = /** @class */ (function (_super) {
                 return true;
             }
         }
+        if (textValue.name == QuestionPanelDynamicItem.VisibleIndexVariableName) {
+            var index = this.visiblePanelIndex;
+            if (index > -1) {
+                textValue.isExists = true;
+                textValue.value = index + 1;
+                return true;
+            }
+        }
         if (textValue.name.toLowerCase().indexOf(QuestionPanelDynamicItem.ParentItemVariableName + ".") == 0) {
             var q = this.data;
             if (!!q && !!q.parentQuestion && !!q.parent && !!q.parent.data) {
@@ -48798,8 +48910,11 @@ var QuestionPanelDynamicItem = /** @class */ (function () {
         values[QuestionPanelDynamicItem.ItemVariableName] = this.getAllValues();
         if (!!this.data) {
             var indexStr = QuestionPanelDynamicItem.IndexVariableName;
+            var visibleIndexStr = QuestionPanelDynamicItem.VisibleIndexVariableName;
             delete values[indexStr];
+            delete values[visibleIndexStr];
             values[indexStr.toLowerCase()] = this.data.getItemIndex(this);
+            values[visibleIndexStr.toLowerCase()] = this.data.getVisibleItemIndex(this);
             var q = this.data;
             if (!!q && !!q.parentQuestion && !!q.parent) {
                 values[QuestionPanelDynamicItem.ParentItemVariableName] = q.parent.getValue();
@@ -48824,6 +48939,7 @@ var QuestionPanelDynamicItem = /** @class */ (function () {
     QuestionPanelDynamicItem.ItemVariableName = "panel";
     QuestionPanelDynamicItem.ParentItemVariableName = "parentpanel";
     QuestionPanelDynamicItem.IndexVariableName = "panelIndex";
+    QuestionPanelDynamicItem.VisibleIndexVariableName = "visiblePanelIndex";
     return QuestionPanelDynamicItem;
 }());
 
@@ -48859,7 +48975,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             _this.recalculateIsReadyValue();
         };
         _this.isSetPanelItemData = {};
-        _this.createNewArray("panels");
+        _this.createNewArray("panels", function (panel) { _this.onPanelAdded(panel); }, function (panel) { _this.onPanelRemoved(panel); });
+        _this.createNewArray("visiblePanels");
         _this.templateValue = _this.createAndSetupNewPanelObject();
         _this.template.renderWidth = "100%";
         _this.template.selectedElementInDesign = _this;
@@ -48895,8 +49012,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionPanelDynamicModel.prototype.getFirstQuestionToFocus = function (withError) {
-        for (var i = 0; i < this.panels.length; i++) {
-            var res = this.panels[i].getFirstQuestionToFocus(withError);
+        for (var i = 0; i < this.visiblePanels.length; i++) {
+            var res = this.visiblePanels[i].getFirstQuestionToFocus(withError);
             if (!!res)
                 return res;
         }
@@ -49007,6 +49124,11 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "templateTitle", {
         /**
          * A template for panel titles.
+         *
+         * The template can contain the following placeholders:
+         *
+         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
+         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
          * @see template
          * @see templateDescription
          * @see templateElements
@@ -49032,6 +49154,11 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "templateTabTitle", {
         /**
          * A template for tab titles. Applies when [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`.
+         *
+         * The template can contain the following placeholders:
+         *
+         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
+         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
          * @see templateTitle
          * @see renderMode
          */
@@ -49076,6 +49203,27 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "templateVisibleIf", {
+        /**
+         * A Boolean expression that is evaluated against each panel. If the expression evaluates to `false`, the panel becomes hidden.
+         *
+         * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
+         *
+         * Use the `{panel}` placeholder to reference the current panel in the expression.
+         *
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-visibility).
+         * @see visibleIf
+         * @see visiblePanels
+         */
+        get: function () {
+            return this.template.visibleIf;
+        },
+        set: function (val) {
+            this.template.visibleIf = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "items", {
         get: function () {
             var res = [];
@@ -49100,6 +49248,53 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "visiblePanels", {
+        /**
+         * An array of currently visible panels ([`PanelModel`](https://surveyjs.io/form-library/documentation/api-reference/panel-model) objects).
+         * @see templateVisibleIf
+         */
+        get: function () {
+            return this.getPropertyValue("visiblePanels");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionPanelDynamicModel.prototype.onPanelAdded = function (panel) {
+        this.onPanelRemovedCore(panel);
+        if (!panel.visible)
+            return;
+        var index = 0;
+        var panels = this.panels;
+        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.addTabFromToolbar(panel, index);
+        if (!this.currentPanel) {
+            this.currentPanel = panel;
+        }
+    };
+    QuestionPanelDynamicModel.prototype.onPanelRemoved = function (panel) {
+        var index = this.onPanelRemovedCore(panel);
+        if (this.currentPanel === panel) {
+            var visPanels = this.visiblePanels;
+            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 index = visPanels.indexOf(panel);
+        if (index > -1) {
+            visPanels.splice(index, 1);
+            this.removeTabFromToolbar(panel);
+        }
+        return index;
+    };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "currentIndex", {
         /**
          * A zero-based index of the currently displayed panel.
@@ -49115,33 +49310,18 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 return -1;
             if (this.useTemplatePanel)
                 return 0;
-            if (this.currentIndexValue < 0 && this.panelCount > 0) {
-                this.currentIndexValue = 0;
-            }
-            if (this.currentIndexValue >= this.panelCount) {
-                this.currentIndexValue = this.panelCount - 1;
-            }
-            return this.currentIndexValue;
+            return this.visiblePanels.indexOf(this.currentPanel);
         },
         set: function (val) {
-            if (this.currentIndexValue !== val) {
-                if (val >= this.panelCount)
-                    val = this.panelCount - 1;
-                this.currentIndexValue = val;
-                this.updateFooterActions();
-                this.updateTabToolbarItemsPressedState();
-                this.fireCallback(this.currentIndexChangedCallback);
-            }
+            if (val < 0 || this.visiblePanelCount < 1)
+                return;
+            if (val >= this.visiblePanelCount)
+                val = this.visiblePanelCount - 1;
+            this.currentPanel = this.visiblePanels[val];
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionPanelDynamicModel.prototype, "currentIndexValue", {
-        get: function () { return this.getPropertyValue("currentIndexValue", -1); },
-        set: function (val) { this.setPropertyValue("currentIndexValue", val); },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "currentPanel", {
         /**
          * A `PanelModel` object that is the currently displayed panel.
@@ -49153,10 +49333,26 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          * @see renderMode
          */
         get: function () {
-            var index = this.currentIndex;
-            if (index < 0 || index >= this.panels.length)
+            if (this.isDesignMode)
+                return this.template;
+            if (this.isRenderModeList || this.useTemplatePanel)
                 return null;
-            return this.panels[index];
+            var res = this.getPropertyValue("currentPanel", null);
+            if (!res && this.visiblePanelCount > 0) {
+                res = this.visiblePanels[0];
+                this.currentPanel = res;
+            }
+            return res;
+        },
+        set: function (val) {
+            if (this.isRenderModeList || this.useTemplatePanel)
+                return;
+            if (!!val && this.visiblePanels.indexOf(val) < 0 || val === this.getPropertyValue("currentPanel"))
+                return;
+            this.setPropertyValue("currentPanel", val);
+            this.updateFooterActions();
+            this.updateTabToolbarItemsPressedState();
+            this.fireCallback(this.currentIndexChangedCallback);
         },
         enumerable: false,
         configurable: true
@@ -49362,7 +49558,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          * @see panelNextText
          */
         get: function () {
-            return this.currentIndex >= 0 && this.currentIndex < this.panelCount - 1;
+            return this.currentIndex >= 0 && this.currentIndex < this.visiblePanelCount - 1;
         },
         enumerable: false,
         configurable: true
@@ -49374,10 +49570,10 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "isRangeShowing", {
         /**
-         * Returns true when showRangeInProgress equals to true, renderMode doesn't equal to "list" and panelCount is >= 2.
+         * Returns true when showRangeInProgress equals to true, renderMode doesn't equal to "list" and visiblePanelCount is >= 2.
          */
         get: function () {
-            return (this.showRangeInProgress && this.currentIndex >= 0 && this.panelCount > 1);
+            return (this.showRangeInProgress && this.currentIndex >= 0 && this.visiblePanelCount > 1);
         },
         enumerable: false,
         configurable: true
@@ -49445,7 +49641,6 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             for (var i = this.panelCount; i < val; i++) {
                 var panel = this.createNewPanel();
                 this.panels.push(panel);
-                this.addTabFromToolbar(panel);
                 if (this.renderMode == "list" && this.panelsState != "default") {
                     if (this.panelsState === "expand") {
                         panel.expand();
@@ -49466,11 +49661,19 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             this.reRunCondition();
             this.updateFooterActions();
             this.fireCallback(this.panelCountChangedCallback);
-            (removedPanels.length > 0) && this.removeTabFromToolbar(removedPanels);
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "visiblePanelCount", {
+        /**
+         * Returns the number of visible panels in Dynamic Panel.
+         * @see templateVisibleIf
+         */
+        get: function () { return this.visiblePanels.length; },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "panelsState", {
         /**
          * Specifies whether users can expand and collapse panels. Applies if `renderMode` is `"list"` and the `templateTitle` property is specified.
@@ -49745,7 +49948,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "hasTitleOnLeftTop", {
         get: function () {
-            if (this.isRenderModeTab && !!this.panelCount)
+            if (this.isRenderModeTab && this.visiblePanelCount > 0)
                 return true;
             if (!this.hasTitle)
                 return false;
@@ -49759,8 +49962,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!this.isVisible)
             return 0;
         var startIndex = this.showQuestionNumbers == "onSurvey" ? value : 0;
-        for (var i = 0; i < this.panels.length; i++) {
-            var counter = this.setPanelVisibleIndex(this.panels[i], startIndex, this.showQuestionNumbers != "off");
+        for (var i = 0; i < this.visiblePanels.length; i++) {
+            var counter = this.setPanelVisibleIndex(this.visiblePanels[i], startIndex, this.showQuestionNumbers != "off");
             if (this.showQuestionNumbers == "onSurvey") {
                 startIndex += counter;
             }
@@ -49793,7 +49996,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         get: function () {
             if (this.isDesignMode)
                 return false;
-            if (this.isDefaultV2Theme && !this.legacyNavigation && !this.isRenderModeList && this.currentIndex < this.panelCount - 1) {
+            if (this.isDefaultV2Theme && !this.legacyNavigation && !this.isRenderModeList && this.currentIndex < this.visiblePanelCount - 1) {
                 return false;
             }
             return (this.allowAddPanel &&
@@ -49912,7 +50115,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         return true;
     };
     QuestionPanelDynamicModel.prototype.getProgressInfo = function () {
-        return _survey_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElement"].getProgressInfoByElements(this.panels, this.isRequired);
+        return _survey_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElement"].getProgressInfoByElements(this.visiblePanels, this.isRequired);
     };
     QuestionPanelDynamicModel.prototype.isRowEmpty = function (val) {
         for (var prop in val) {
@@ -50028,10 +50231,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
      * @see template
      */
     QuestionPanelDynamicModel.prototype.removePanel = function (value) {
-        var index = this.getPanelIndex(value);
-        if (index < 0 || index >= this.panelCount)
+        var visIndex = this.getVisualPanelIndex(value);
+        if (visIndex < 0 || visIndex >= this.visiblePanelCount)
+            return;
+        var panel = this.visiblePanels[visIndex];
+        var index = this.panels.indexOf(panel);
+        if (index < 0)
             return;
-        var panel = this.panels[index];
         if (this.survey && !this.survey.dynamicPanelRemoving(this, index, panel))
             return;
         this.panels.splice(index, 1);
@@ -50047,14 +50253,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (this.survey)
             this.survey.dynamicPanelRemoved(this, index, panel);
         this.isValueChangingInternally = false;
-        this.removeTabFromToolbar([panel]);
     };
-    QuestionPanelDynamicModel.prototype.getPanelIndex = function (val) {
+    QuestionPanelDynamicModel.prototype.getVisualPanelIndex = function (val) {
         if (_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(val))
             return val;
-        var items = this.items;
-        for (var i = 0; i < this.panels.length; i++) {
-            if (this.panels[i] === val || items[i] === val)
+        var visPanels = this.visiblePanels;
+        for (var i = 0; i < visPanels.length; i++) {
+            if (visPanels[i] === val || visPanels[i].data === val)
                 return i;
         }
         return -1;
@@ -50318,7 +50523,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.getIsAnswered = function () {
         if (!_super.prototype.getIsAnswered.call(this))
             return false;
-        var panels = this.panels;
+        var panels = this.visiblePanels;
         for (var i = 0; i < panels.length; i++) {
             var visibleQuestions = [];
             panels[i].addQuestionsToList(visibleQuestions, true);
@@ -50356,8 +50561,9 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     QuestionPanelDynamicModel.prototype.getAllErrors = function () {
         var result = _super.prototype.getAllErrors.call(this);
-        for (var i = 0; i < this.panels.length; i++) {
-            var questions = this.panels[i].questions;
+        var panels = this.visiblePanels;
+        for (var i = 0; i < panels.length; i++) {
+            var questions = panels[i].questions;
             for (var j = 0; j < questions.length; j++) {
                 var errors = questions[j].getAllErrors();
                 if (errors && errors.length > 0) {
@@ -50403,7 +50609,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     QuestionPanelDynamicModel.prototype.hasErrorInPanels = function (fireCallback, rec) {
         var res = false;
-        var panels = this.panels;
+        var panels = this.visiblePanels;
         var keyValues = [];
         for (var i = 0; i < panels.length; i++) {
             this.setOnCompleteAsyncInPanel(panels[i]);
@@ -50486,6 +50692,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             return _this.getPanelActions(panel);
         };
         panel.footerToolbarCss = this.cssClasses.panelFooter;
+        panel.registerPropertyChangedHandlers(["visible"], function () {
+            if (panel.visible)
+                _this.onPanelAdded(panel);
+            else
+                _this.onPanelRemoved(panel);
+            _this.updateFooterActions();
+        });
         return panel;
     };
     QuestionPanelDynamicModel.prototype.createAndSetupNewPanelObject = function () {
@@ -50596,6 +50809,14 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         var res = this.items.indexOf(item);
         return res > -1 ? res : this.items.length;
     };
+    QuestionPanelDynamicModel.prototype.getVisibleItemIndex = function (item) {
+        var visPanels = this.visiblePanels;
+        for (var i = 0; i < visPanels.length; i++) {
+            if (visPanels[i].data === item)
+                return i;
+        }
+        return visPanels.length;
+    };
     QuestionPanelDynamicModel.prototype.getPanelItemData = function (item) {
         var items = this.items;
         var index = items.indexOf(item);
@@ -50699,7 +50920,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "progressText", {
         get: function () {
-            var rangeMax = this.panelCount;
+            var rangeMax = this.visiblePanelCount;
             return this.getLocalizationFormatString("panelDynamicProgressText", this.currentIndex + 1, rangeMax);
         },
         enumerable: false,
@@ -50707,7 +50928,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "progress", {
         get: function () {
-            return ((this.currentIndex + 1) / this.panelCount) * 100 + "%";
+            return ((this.currentIndex + 1) / this.visiblePanelCount) * 100 + "%";
         },
         enumerable: false,
         configurable: true
@@ -50780,7 +51001,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionPanelDynamicModel.prototype.getShowNoEntriesPlaceholder = function () {
-        return !!this.cssClasses.noEntriesPlaceholder && !this.isDesignMode && this.panelCount === 0;
+        return !!this.cssClasses.noEntriesPlaceholder && !this.isDesignMode && this.visiblePanelCount === 0;
     };
     QuestionPanelDynamicModel.prototype.needResponsiveWidth = function () {
         var panel = this.getPanel();
@@ -50840,7 +51061,6 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         var addBtn = new _actions_action__WEBPACK_IMPORTED_MODULE_11__["Action"]({
             id: "sv-pd-add-btn",
             component: "sv-paneldynamic-add-btn",
-            visible: new _base__WEBPACK_IMPORTED_MODULE_12__["ComputedUpdater"](function () { return _this.canAddPanel; }),
             data: { question: this }
         });
         var prevBtnIcon = new _actions_action__WEBPACK_IMPORTED_MODULE_11__["Action"]({
@@ -50865,8 +51085,9 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             var isMobile = _this.isMobile;
             var showNavigation = !isLegacyNavigation && !isRenderModeList;
             prevTextBtn.visible = showNavigation && _this.currentIndex > 0;
-            nextTextBtn.visible = showNavigation && _this.currentIndex < _this.panelCount - 1;
+            nextTextBtn.visible = showNavigation && _this.currentIndex < _this.visiblePanelCount - 1;
             nextTextBtn.needSpace = isMobile && nextTextBtn.visible && prevTextBtn.visible;
+            addBtn.visible = _this.canAddPanel;
             addBtn.needSpace = _this.isMobile && !nextTextBtn.visible && prevTextBtn.visible;
             progressText.visible = !_this.isRenderModeList && !isMobile;
             progressText.needSpace = !isLegacyNavigation && !_this.isMobile;
@@ -50907,9 +51128,9 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.updateTabToolbarItemsPressedState = function () {
         if (!this.isRenderModeTab)
             return;
-        if (this.currentIndex < 0 || this.currentIndex >= this.panels.length)
+        if (this.currentIndex < 0 || this.currentIndex >= this.visiblePanelCount)
             return;
-        var panel = this.panels[this.currentIndex];
+        var panel = this.visiblePanels[this.currentIndex];
         this.additionalTitleToolbar.renderedActions.forEach(function (action) { return action.pressed = action.id === panel.id; });
     };
     QuestionPanelDynamicModel.prototype.updateTabToolbar = function () {
@@ -50917,24 +51138,23 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!this.isRenderModeTab)
             return;
         var items = [];
-        this.panels.forEach(function (panel) { return items.push(_this.createTabByPanel(panel)); });
+        this.visiblePanels.forEach(function (panel) { return items.push(_this.createTabByPanel(panel)); });
         this.additionalTitleToolbar.setItems(items);
     };
-    QuestionPanelDynamicModel.prototype.addTabFromToolbar = function (panel) {
+    QuestionPanelDynamicModel.prototype.addTabFromToolbar = function (panel, index) {
         if (!this.isRenderModeTab)
             return;
         var newItem = this.createTabByPanel(panel);
-        this.additionalTitleToolbar.actions.push(newItem);
+        this.additionalTitleToolbar.actions.splice(index, 0, newItem);
         this.updateTabToolbarItemsPressedState();
     };
-    QuestionPanelDynamicModel.prototype.removeTabFromToolbar = function (panels) {
-        var _this = this;
+    QuestionPanelDynamicModel.prototype.removeTabFromToolbar = function (panel) {
         if (!this.isRenderModeTab)
             return;
-        panels.forEach(function (panel) {
-            var removedItem = _this.additionalTitleToolbar.getActionById(panel.id);
-            _this.additionalTitleToolbar.actions.splice(_this.additionalTitleToolbar.actions.indexOf(removedItem), 1);
-        });
+        var removedItem = this.additionalTitleToolbar.getActionById(panel.id);
+        if (!removedItem)
+            return;
+        this.additionalTitleToolbar.actions.splice(this.additionalTitleToolbar.actions.indexOf(removedItem), 1);
         this.updateTabToolbarItemsPressedState();
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "showLegacyNavigation", {
@@ -50944,6 +51164,16 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "showNavigation", {
+        get: function () {
+            return this.visiblePanelCount > 0 && !this.showLegacyNavigation && !!this.cssClasses.footer;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionPanelDynamicModel.prototype.showSeparator = function (index) {
+        return this.isRenderModeList && index < this.visiblePanelCount - 1;
+    };
     QuestionPanelDynamicModel.maxCheckCount = 3;
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_5__["property"])({ defaultValue: false, onSet: function (_, target) { target.updateFooterActions(); } })
@@ -51022,6 +51252,10 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_5__["Serializer"].addClass("paneldynamic",
         default: "default",
         choices: ["default", "top", "bottom", "left"],
     },
+    {
+        name: "templateVisibleIf:expression",
+        category: "logic"
+    },
     {
         name: "panelRemoveButtonLocation",
         default: "bottom",
@@ -52361,6 +52595,17 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.getDesktopRenderAs = function () {
         return (this.displayMode == "dropdown") ? "dropdown" : "default";
     };
+    Object.defineProperty(QuestionRatingModel.prototype, "ariaExpanded", {
+        get: function () {
+            var _a;
+            var popupModel = (_a = this.dropdownListModel) === null || _a === void 0 ? void 0 : _a.popupModel;
+            if (!popupModel)
+                return null;
+            return popupModel.isVisible ? "true" : "false";
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionRatingModel.prototype, "dropdownListModel", {
         get: function () {
             return this.dropdownListModelValue;
@@ -52473,7 +52718,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         name: "autoGenerate",
         category: "rateValues",
         default: true,
-        choices: [{ value: true, text: "Generate" }, { value: false, text: "Enter manually" }],
+        choices: [true, false],
         visibleIndex: 4
     },
     {
@@ -52548,14 +52793,18 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         serializationProperty: "locMaxRateDescription",
         visibleIndex: 18
     },
-    { name: "displayRateDescriptionsAsExtremeItems:boolean", default: false, visibleIndex: 19 },
+    {
+        name: "displayRateDescriptionsAsExtremeItems:boolean",
+        default: false,
+        visibleIndex: 19,
+        visibleIf: function (obj) {
+            return obj.rateType == "labels";
+        }
+    },
     {
         name: "displayMode",
         default: "auto",
         choices: ["auto", "buttons", "dropdown"],
-        visibleIf: function (obj) {
-            return obj.rateType == "labels";
-        },
         visibleIndex: 20
     }
 ], function () {
@@ -53037,7 +53286,8 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionTagboxModel.prototype, "ariaExpanded", {
         get: function () {
-            return this.popupModel.isVisible;
+            var popupModel = this.popupModel;
+            return !!popupModel && popupModel.isVisible ? "true" : "false";
         },
         enumerable: false,
         configurable: true
@@ -54104,6 +54354,11 @@ var QuestionTextBase = /** @class */ (function (_super) {
         _super.prototype.setNewValue.call(this, newValue);
         this.updateRemainingCharacterCounter(newValue);
     };
+    QuestionTextBase.prototype.setQuestionValue = function (newValue, updateIsAnswered) {
+        if (updateIsAnswered === void 0) { updateIsAnswered = true; }
+        _super.prototype.setQuestionValue.call(this, newValue, updateIsAnswered);
+        this.updateRemainingCharacterCounter(newValue);
+    };
     QuestionTextBase.prototype.getControlClass = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(this.cssClasses.root)
@@ -54112,12 +54367,100 @@ var QuestionTextBase = /** @class */ (function (_super) {
             .toString();
     };
     Object.defineProperty(QuestionTextBase.prototype, "ariaRole", {
+        //a11y
+        get: function () {
+            return null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextBase.prototype, "ariaRequired", {
+        get: function () {
+            return null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextBase.prototype, "ariaInvalid", {
+        get: function () {
+            return null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextBase.prototype, "ariaLabel", {
+        get: function () {
+            return null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextBase.prototype, "ariaLabelledBy", {
+        get: function () {
+            return null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextBase.prototype, "ariaDescribedBy", {
+        get: function () {
+            return null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextBase.prototype, "a11y_input_ariaRole", {
         get: function () {
             return "textbox";
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionTextBase.prototype, "a11y_input_ariaRequired", {
+        get: function () {
+            return this.isRequired ? "true" : "false";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextBase.prototype, "a11y_input_ariaInvalid", {
+        get: function () {
+            return this.errors.length > 0 ? "true" : "false";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextBase.prototype, "a11y_input_ariaLabel", {
+        get: function () {
+            if (this.hasTitle) {
+                return null;
+            }
+            else {
+                return this.locTitle.renderedHtml;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextBase.prototype, "a11y_input_ariaLabelledBy", {
+        get: function () {
+            if (this.hasTitle) {
+                return this.ariaTitleId;
+            }
+            else {
+                return null;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextBase.prototype, "a11y_input_ariaDescribedBy", {
+        get: function () {
+            return this.errors.length > 0 ? this.id + "_errors" : null;
+        },
+        enumerable: false,
+        configurable: true
+    });
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: true, onSet: function (val, target) { return target.calcRenderedPlaceholder(); } })
     ], QuestionTextBase.prototype, "placeholder", void 0);
@@ -55722,7 +56065,7 @@ var NotifierComponent = /** @class */ (function (_super) {
         if (!this.notifier.isDisplayed)
             return null;
         var style = { visibility: this.notifier.active ? "visible" : "hidden" };
-        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.notifier.css, style: style },
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.notifier.css, style: style, role: "alert", "aria-live": "polite" },
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", null, this.notifier.message),
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_3__["SurveyActionBar"], { model: this.notifier.actionBar })));
     };
@@ -57294,7 +57637,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.inputReadOnly ? undefined : 0, onClick: this.click, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, "aria-expanded": this.question.ariaExpanded ? "true" : "false", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
+            disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
             dropdownListModel.showHintPrefix ?
                 (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.hintPrefix },
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, dropdownListModel.hintStringPrefix))) : null,
@@ -57304,7 +57647,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, dropdownListModel.hintStringSuffix))) : null,
                 valueElement,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.filterStringEnabled ? this.question.ariaRole : undefined, "aria-label": this.question.placeholder, "aria-expanded": this.question.ariaExpanded ? "true" : "false", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: !dropdownListModel.searchEnabled ? true : undefined, tabIndex: dropdownListModel.inputReadOnly ? undefined : -1, disabled: this.question.isInputReadOnly, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.filterStringEnabled ? this.question.ariaRole : undefined, "aria-label": this.question.placeholder, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: !dropdownListModel.searchEnabled ? true : undefined, tabIndex: dropdownListModel.inputReadOnly ? undefined : -1, disabled: this.question.isInputReadOnly, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
             this.createClearButton()));
     };
     SurveyQuestionDropdownBase.prototype.createClearButton = function () {
@@ -57824,6 +58167,9 @@ var SurveyQuestionImage = /** @class */ (function (_super) {
         var _this = this;
         var cssClasses = this.question.getImageCss();
         var style = { objectFit: this.question.imageFit };
+        if (!this.question.imageLink || this.question.contentNotLoaded) {
+            style["display"] = "none";
+        }
         var control = null;
         if (this.question.renderedMode === "image") {
             control = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", { className: cssClasses, src: this.question.locImageLink.renderedHtml, alt: this.question.altText || this.question.title, width: this.question.renderedWidth, height: this.question.renderedHeight, 
@@ -58616,6 +58962,17 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 
 
 
@@ -58898,6 +59255,7 @@ function attachKey2click(element, viewModel, options) {
     if ((!!viewModel && viewModel.disableTabStop) || (!!options && options.disableTabStop)) {
         return react__WEBPACK_IMPORTED_MODULE_0__["cloneElement"](element, { tabIndex: -1 });
     }
+    options = __assign({}, options);
     return react__WEBPACK_IMPORTED_MODULE_0__["cloneElement"](element, {
         tabIndex: 0,
         onKeyUp: function (evt) {
@@ -59411,7 +59769,7 @@ var SurveyQuestion = /** @class */ (function (_super) {
         var rootStyle = question.getRootStyle();
         var questionContent = this.wrapQuestionContent(this.renderQuestionContent());
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-labelledby": question.ariaLabelledBy },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-labelledby": question.ariaLabelledBy, "aria-expanded": question.ariaExpanded === null ? undefined : question.ariaExpanded === "true" },
                 errorsAboveQuestion,
                 headerTop,
                 questionContent,
@@ -60103,7 +60461,7 @@ var SurveyQuestionComment = /** @class */ (function (_super) {
         }
         var counter = !!this.question.getMaxLength() ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_character_counter__WEBPACK_IMPORTED_MODULE_3__["CharacterCounterComponent"], { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("textarea", { id: this.question.inputId, className: this.question.className, disabled: this.question.isInputReadOnly, readOnly: this.question.isInputReadOnly, ref: function (textarea) { return (_this.setControl(textarea)); }, maxLength: this.question.getMaxLength(), placeholder: placeholder, onBlur: onBlur, onInput: onInput, onKeyDown: function (event) { _this.question.onKeyDown(event); }, cols: this.question.cols, rows: this.question.rows, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, style: { resize: this.question.resizeStyle } }),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("textarea", { id: this.question.inputId, className: this.question.className, disabled: this.question.isInputReadOnly, readOnly: this.question.isInputReadOnly, ref: function (textarea) { return (_this.setControl(textarea)); }, maxLength: this.question.getMaxLength(), placeholder: placeholder, onBlur: onBlur, onInput: onInput, onKeyDown: function (event) { _this.question.onKeyDown(event); }, cols: this.question.cols, rows: this.question.rows, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_ariaDescribedBy, style: { resize: this.question.resizeStyle } }),
             counter));
     };
     return SurveyQuestionComment;
@@ -60863,6 +61221,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
 /* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
+/* harmony import */ var _reactSurvey__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reactSurvey */ "./src/react/reactSurvey.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -60883,6 +61242,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyQuestionFile = /** @class */ (function (_super) {
     __extends(SurveyQuestionFile, _super);
     function SurveyQuestionFile(props) {
@@ -60920,7 +61280,7 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
         var questionCss = this.question.cssClasses;
         var noFileChosen = null;
         var chooseFile = null;
-        chooseFile = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { role: "button", tabIndex: 0, className: this.question.getChooseFileCss(), htmlFor: this.question.inputId, "aria-label": this.question.chooseButtonCaption },
+        chooseFile = Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_5__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { role: "button", tabIndex: 0, className: this.question.getChooseFileCss(), htmlFor: this.question.inputId, "aria-label": this.question.chooseButtonCaption },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, this.question.chooseButtonCaption),
             (!!this.question.cssClasses.chooseFileIconId) ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { title: this.question.chooseButtonCaption, iconName: this.question.cssClasses.chooseFileIconId, size: "auto" }) : null));
         if (this.question.isEmpty()) {
@@ -62094,11 +62454,8 @@ var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
         });
     };
     SurveyQuestionPanelDynamic.prototype.renderNavigatorV2 = function () {
-        if (this.question.panelCount === 0 || this.question["showLegacyNavigation"])
+        if (!this.question.showNavigation)
             return null;
-        if (!this.question.cssClasses.footer) {
-            return null;
-        }
         var range = this.question.isRangeShowing && this.question.isProgressBottomShowing ? this.renderRange() : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.footer },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("hr", { className: this.question.cssClasses.separator }),
@@ -62146,7 +62503,7 @@ var SurveyQuestionPanelDynamicItem = /** @class */ (function (_super) {
     SurveyQuestionPanelDynamicItem.prototype.render = function () {
         var panel = _super.prototype.render.call(this);
         var removeButton = this.renderButton();
-        var separator = this.question.isRenderModeList && this.index < this.question.panelCount - 1 ?
+        var separator = this.question.showSeparator(this.index) ?
             (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("hr", { className: this.question.cssClasses.separator })) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getPanelWrapperCss() },
@@ -62732,7 +63089,7 @@ var SurveyQuestionTagbox = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.inputReadOnly ? undefined : 0, onClick: this.click, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, "aria-expanded": this.question.ariaExpanded ? "true" : "false", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
+            disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.controlValue },
                 items,
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_tagbox_filter__WEBPACK_IMPORTED_MODULE_4__["TagboxFilterString"], { model: dropdownMultiSelectListModel, question: this.question })),
@@ -62808,7 +63165,7 @@ var SurveyQuestionText = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { id: this.question.inputId, disabled: this.isDisplayMode, className: inputClass, type: this.question.inputType, 
                 //ref={this.controlRef}
-                ref: function (input) { return (_this.setControl(input)); }, style: this.question.inputStyle, maxLength: this.question.getMaxLength(), min: this.question.renderedMin, max: this.question.renderedMax, step: this.question.renderedStep, size: this.question.inputSize, placeholder: placeholder, list: this.question.dataListId, autoComplete: this.question.autocomplete, onBlur: this.question.onBlur, onFocus: this.question.onFocus, onChange: this.question.onChange, onKeyUp: this.question.onKeyUp, onKeyDown: this.question.onKeyDown, onCompositionUpdate: function (event) { return _this.question.onCompositionUpdate(event.nativeEvent); }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy }),
+                ref: function (input) { return (_this.setControl(input)); }, style: this.question.inputStyle, maxLength: this.question.getMaxLength(), min: this.question.renderedMin, max: this.question.renderedMax, step: this.question.renderedStep, size: this.question.inputSize, placeholder: placeholder, list: this.question.dataListId, autoComplete: this.question.autocomplete, onBlur: this.question.onBlur, onFocus: this.question.onFocus, onChange: this.question.onChange, onKeyUp: this.question.onKeyUp, onKeyDown: this.question.onKeyDown, onCompositionUpdate: function (event) { return _this.question.onCompositionUpdate(event.nativeEvent); }, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_ariaDescribedBy }),
             counter));
     };
     SurveyQuestionText.prototype.renderElement = function () {
@@ -63518,7 +63875,7 @@ var TagboxFilterString = /** @class */ (function (_super) {
                     (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.hintSuffix },
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, this.model.inputStringRendered),
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, this.model.hintStringSuffix))) : null,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: !this.model.searchEnabled ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.filterStringEnabled ? this.question.ariaRole : undefined, "aria-label": this.question.placeholder, "aria-expanded": this.question.ariaExpanded ? "true" : "false", "aria-controls": this.model.listElementId, "aria-activedescendant": this.model.ariaActivedescendant, placeholder: this.model.filterStringPlaceholder, onKeyDown: function (e) { _this.keyhandler(e); }, onChange: function (e) { _this.onChange(e); }, onBlur: function (e) { _this.onBlur(e); }, onFocus: function (e) { _this.onFocus(e); } }))));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: !this.model.searchEnabled ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.filterStringEnabled ? this.question.ariaRole : undefined, "aria-label": this.question.placeholder, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-controls": this.model.listElementId, "aria-activedescendant": this.model.ariaActivedescendant, placeholder: this.model.filterStringPlaceholder, onKeyDown: function (e) { _this.keyhandler(e); }, onChange: function (e) { _this.onChange(e); }, onBlur: function (e) { _this.onBlur(e); }, onFocus: function (e) { _this.onFocus(e); } }))));
     };
     return TagboxFilterString;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"]));
@@ -63567,9 +63924,6 @@ var SurveyQuestionTagboxItem = /** @class */ (function (_super) {
     function SurveyQuestionTagboxItem(props) {
         return _super.call(this, props) || this;
     }
-    SurveyQuestionTagboxItem.prototype.getStateElement = function () {
-        return this.item;
-    };
     Object.defineProperty(SurveyQuestionTagboxItem.prototype, "question", {
         get: function () {
             return this.props.question;
@@ -70514,8 +70868,8 @@ var SurveyModel = /** @class */ (function (_super) {
         this.stopTimer();
         this.isCompleted = true;
         this.clearUnusedValues();
-        this.setCookie();
         this.saveDataOnComplete(isCompleteOnTrigger);
+        this.setCookie();
         return true;
     };
     SurveyModel.prototype.saveDataOnComplete = function (isCompleteOnTrigger) {
@@ -73347,7 +73701,7 @@ var SurveyModel = /** @class */ (function (_super) {
                     }
                 }
             }
-            else if (!this.isShowingPreview && isStrCiEqual(layoutElement.id, "toc-navigation") && this.showTOC) {
+            else if (this.state === "running" && isStrCiEqual(layoutElement.id, "toc-navigation") && this.showTOC) {
                 if (container === "left") {
                     if (["left", "both"].indexOf(this.tocLocation) !== -1) {
                         containerLayoutElements.push(layoutElement);
@@ -74080,7 +74434,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return createTOCListModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return getTocRootCss; });
 /* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
-/* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./list */ "./src/list.ts");
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./base */ "./src/base.ts");
+/* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./list */ "./src/list.ts");
+
 
 
 function tryNavigateToPage(survey, index) {
@@ -74107,10 +74463,11 @@ function createTOCListModel(survey) {
                     !!document.activeElement.blur && document.activeElement.blur();
                 }
                 return tryNavigateToPage(survey, index);
-            }
+            },
+            visible: new _base__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return page.isVisible && !page.isStartPage; })
         });
     });
-    var listModel = new _list__WEBPACK_IMPORTED_MODULE_1__["ListModel"](items, function (item) {
+    var listModel = new _list__WEBPACK_IMPORTED_MODULE_2__["ListModel"](items, function (item) {
         if (!!item.action()) {
             listModel.selectedItem = item;
         }
@@ -75917,8 +76274,14 @@ function doKey2ClickUp(evt, options) {
         if (!!element.classList && !element.classList.contains(keyFocusedClassName)) {
             element.classList.add(keyFocusedClassName);
         }
+        return;
+    }
+    if (options) {
+        if (!options.__keyDownReceived)
+            return;
+        options.__keyDownReceived = false;
     }
-    else if (char === 13 || char === 32) {
+    if (char === 13 || char === 32) {
         if (element.click)
             element.click();
     }
@@ -75929,6 +76292,8 @@ function doKey2ClickUp(evt, options) {
 }
 function doKey2ClickDown(evt, options) {
     if (options === void 0) { options = { processEsc: true }; }
+    if (options)
+        options.__keyDownReceived = true;
     if (!!evt.target && evt.target["contentEditable"] === "true") {
         return;
     }
@@ -76003,7 +76368,7 @@ function mergeValues(src, dest) {
         return;
     for (var key in src) {
         var value = src[key];
-        if (value && typeof value === "object") {
+        if (!Array.isArray(value) && value && typeof value === "object") {
             if (!dest[key] || typeof dest[key] !== "object")
                 dest[key] = {};
             mergeValues(value, dest[key]);