survey-react 1.9.105 → 1.9.106

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.105
+ * surveyjs - Survey JavaScript library v1.9.106
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -734,11 +734,13 @@ function createDropdownActionModel(actionOptions, dropdownOptions, locOwner) {
 }
 function createDropdownActionModelAdvanced(actionOptions, listOptions, popupOptions, locOwner) {
     var listModel = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](listOptions.items, function (item) {
-        listOptions.onSelectionChanged(item),
-            innerPopupModel.toggleVisibility();
+        listOptions.onSelectionChanged(item);
+        innerPopupModel.toggleVisibility();
     }, listOptions.allowSelection, listOptions.selectedItem, listOptions.onFilterStringChangedCallback);
     listModel.locOwner = locOwner;
-    var innerPopupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: listModel }, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.verticalPosition, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.horizontalPosition, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.showPointer, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.isModal, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onCancel, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onApply, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onHide, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onShow, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.cssClass, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.title);
+    var innerPopupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: listModel }, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.verticalPosition, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.horizontalPosition, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.showPointer, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.isModal, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onCancel, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onApply, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onHide, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onShow, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.cssClass, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.title, function () {
+        listModel.dispose();
+    });
     innerPopupModel.displayMode = popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.displayMode;
     var newActionOptions = Object.assign({}, actionOptions, {
         component: "sv-action-bar-item-dropdown",
@@ -1062,6 +1064,17 @@ var Action = /** @class */ (function (_super) {
     Action.prototype.getComponent = function () {
         return this._component;
     };
+    Action.prototype.dispose = function () {
+        this.action = undefined;
+        _super.prototype.dispose.call(this);
+        if (this.popupModel) {
+            this.popupModel.dispose();
+        }
+        if (!!this.locTitleValue) {
+            this.locTitleValue.onStringChanged.remove(this.locTitleChanged);
+            this.locTitleChanged = undefined;
+        }
+    };
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], Action.prototype, "id", void 0);
@@ -1195,21 +1208,29 @@ var AdaptiveActionContainer = /** @class */ (function (_super) {
         return _this;
     }
     AdaptiveActionContainer.prototype.hideItemsGreaterN = function (visibleItemsCount) {
-        var actionsToHide = this.visibleActions.filter(function (action) { return !action.disableHide; });
+        var actionsToHide = this.getActionsToHide();
         visibleItemsCount = Math.max(visibleItemsCount, this.minVisibleItemsCount - (this.visibleActions.length - actionsToHide.length));
         var hiddenItems = [];
         actionsToHide.forEach(function (item) {
             if (visibleItemsCount <= 0) {
-                item.mode = "popup";
-                hiddenItems.push(item.innerItem);
+                if (item.removePriority) {
+                    item.mode = "removed";
+                }
+                else {
+                    item.mode = "popup";
+                    hiddenItems.push(item.innerItem);
+                }
             }
             visibleItemsCount--;
         });
         this.hiddenItemsListModel.setItems(hiddenItems);
     };
+    AdaptiveActionContainer.prototype.getActionsToHide = function () {
+        return this.visibleActions.filter(function (action) { return !action.disableHide; }).sort(function (a, b) { return a.removePriority || 0 - b.removePriority || 0; });
+    };
     AdaptiveActionContainer.prototype.getVisibleItemsCount = function (availableSize) {
         this.visibleActions.filter(function (action) { return action.disableHide; }).forEach(function (action) { return availableSize -= action.minDimension; });
-        var itemsSizes = this.visibleActions.filter(function (action) { return !action.disableHide; }).map(function (item) { return item.minDimension; });
+        var itemsSizes = this.getActionsToHide().map(function (item) { return item.minDimension; });
         var currSize = 0;
         for (var i = 0; i < itemsSizes.length; i++) {
             currSize += itemsSizes[i];
@@ -1289,7 +1310,7 @@ var AdaptiveActionContainer = /** @class */ (function (_super) {
         else if (dimension < minSize) {
             this.setActionsMode("small");
             this.hideItemsGreaterN(this.getVisibleItemsCount(dimension - dotsItemSize));
-            this.dotsItem.visible = true;
+            this.dotsItem.visible = !!this.hiddenItemsListModel.actions.length;
         }
         else {
             this.updateItemMode(dimension, maxSize);
@@ -1305,10 +1326,16 @@ var AdaptiveActionContainer = /** @class */ (function (_super) {
         }
     };
     AdaptiveActionContainer.prototype.setActionsMode = function (mode) {
-        this.actions.forEach(function (action) { return (action.mode = mode); });
+        this.actions.forEach(function (action) {
+            if (mode == "small" && action.disableShrink)
+                return;
+            action.mode = mode;
+        });
     };
     AdaptiveActionContainer.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
+        this.dotsItem.data.dispose();
+        this.dotsItem.dispose();
         this.resetResponsivityManager();
     };
     AdaptiveActionContainer.ContainerID = 1;
@@ -1366,6 +1393,7 @@ var defaultActionBarCss = {
     defaultSizeMode: "sv-action-bar--default-size-mode",
     smallSizeMode: "sv-action-bar--small-size-mode",
     item: "sv-action-bar-item",
+    itemAsIcon: "sv-action-bar-item--icon",
     itemActive: "sv-action-bar-item--active",
     itemPressed: "sv-action-bar-item--pressed",
     itemIcon: "sv-action-bar-item__icon",
@@ -1725,6 +1753,7 @@ var Dependencies = /** @class */ (function () {
         this.dependencies.forEach(function (dependency) {
             dependency.obj.unregisterPropertyChangedHandlers([dependency.prop], dependency.id);
         });
+        // this.currentDependency = undefined;
     };
     Dependencies.DependenciesCount = 0;
     return Dependencies;
@@ -1768,6 +1797,7 @@ var ComputedUpdater = /** @class */ (function () {
  */
 var Base = /** @class */ (function () {
     function Base() {
+        this.dependencies = {};
         this.propertyHash = Base.createPropertiesHash();
         this.eventList = [];
         this.isLoadingFromJsonValue = false;
@@ -1876,6 +1906,7 @@ var Base = /** @class */ (function () {
         }
         this.onPropertyValueChangedCallback = undefined;
         this.isDisposedValue = true;
+        Object.values(this.dependencies).forEach(function (dependencies) { return dependencies.dispose(); });
     };
     Object.defineProperty(Base.prototype, "isDisposed", {
         get: function () {
@@ -2079,6 +2110,9 @@ var Base = /** @class */ (function () {
         var dValue = prop.defaultValue;
         if (!this.isPropertyEmpty(dValue) && !Array.isArray(dValue))
             return dValue;
+        var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
+        if (locStr && locStr.localizationName)
+            return this.getLocalizationString(locStr.localizationName);
         if (prop.type == "boolean" || prop.type == "switch")
             return false;
         if (prop.isCustom && !!prop.onGetValue)
@@ -2089,7 +2123,13 @@ var Base = /** @class */ (function () {
         return this.getDefaultPropertyValue(name) !== undefined;
     };
     Base.prototype.resetPropertyValue = function (name) {
-        this.setPropertyValue(name, undefined);
+        var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
+        if (locStr) {
+            locStr.clearLocale();
+        }
+        else {
+            this.setPropertyValue(name, undefined);
+        }
     };
     Base.prototype.getPropertyValueWithoutDefault = function (name) {
         return this.getPropertyValueCore(this.propertyHash, name);
@@ -5158,6 +5198,7 @@ var defaultV2Css = {
     rootMobile: "sd-root-modern--mobile",
     rootReadOnly: "sd-root--readonly",
     rootCompact: "sd-root--compact",
+    rootFitToContainer: "sd-root-modern--full-container",
     rootBackgroundImage: "sd-root_background-image",
     container: "sd-container-modern",
     header: "sd-title sd-container-modern__title",
@@ -5173,6 +5214,7 @@ var defaultV2Css = {
     clockTimerMinorText: "sd-timer__text--minor",
     clockTimerMajorText: "sd-timer__text--major",
     bodyEmpty: "sd-body sd-body--empty",
+    bodyLoading: "sd-body--loading",
     footer: "sd-footer sd-body__navigation sd-clearfix",
     title: "sd-title",
     description: "sd-description",
@@ -5183,6 +5225,7 @@ var defaultV2Css = {
     navigationButton: "",
     bodyNavigationButton: "sd-btn",
     completedPage: "sd-completedpage",
+    completedBeforePage: "sd-completed-before-page",
     timerRoot: "sd-body__timer",
     navigation: {
         complete: "sd-btn--action sd-navigation__complete-btn",
@@ -5458,7 +5501,10 @@ var defaultV2Css = {
         itemTitle: "sd-multipletext__item-title",
         content: "sd-multipletext__content sd-question__content",
         row: "sd-multipletext__row",
-        cell: "sd-multipletext__cell"
+        cell: "sd-multipletext__cell",
+        cellError: "sd-multipletext__cell--error",
+        cellErrorTop: "sd-multipletext__cell--error-top",
+        cellErrorBottom: "sd-multipletext__cell--error-bottom"
     },
     dropdown: {
         root: "sd-selectbase",
@@ -6776,9 +6822,13 @@ var DragDropDOMAdapter = /** @class */ (function () {
             _this.draggedElementShortcut = null;
             _this.scrollIntervalId = null;
             if (_utils_devices__WEBPACK_IMPORTED_MODULE_1__["IsTouch"]) {
+                _this.savedTargetNode.style.cssText = null;
                 _this.savedTargetNode && _this.savedTargetNode.parentElement.removeChild(_this.savedTargetNode);
+                _this.savedTargetNodeParent.appendChild(_this.savedTargetNode);
                 DragDropDOMAdapter.PreventScrolling = false;
             }
+            _this.savedTargetNode = null;
+            _this.savedTargetNodeParent = null;
             document.body.style.setProperty("touch-action", "");
             document.body.style.setProperty("user-select", "");
             document.body.style.setProperty("-webkit-user-select", "");
@@ -6826,6 +6876,7 @@ var DragDropDOMAdapter = /** @class */ (function () {
                 _this.savedTargetNode = event.target;
                 _this.savedTargetNode.style.cssText =
                     "\n          position: absolute;\n          height: 1px!important;\n          width: 1px!important;\n          overflow: hidden;\n          clip: rect(1px 1px 1px 1px);\n          clip: rect(1px, 1px, 1px, 1px);\n        ";
+                _this.savedTargetNodeParent = _this.savedTargetNode.parentElement;
                 _this.rootElement.appendChild(_this.savedTargetNode);
             }
             _this.stopLongTap();
@@ -7554,9 +7605,10 @@ var DropdownListModel = /** @class */ (function (_super) {
                 _this.filterString = newValue;
             }
         };
-        question.onPropertyChanged.add(function (sender, options) {
+        _this.qustionPropertyChangedHandler = function (sender, options) {
             _this.onPropertyChangedHandler(sender, options);
-        });
+        };
+        question.onPropertyChanged.add(_this.qustionPropertyChangedHandler);
         _this.showInputFieldComponent = _this.question.showInputFieldComponent;
         _this.listModel = _this.createListModel();
         _this.updateAfterListModelCreated(_this.listModel);
@@ -8081,6 +8133,8 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
+        this.question && this.question.onPropertyChanged.remove(this.qustionPropertyChangedHandler);
+        this.qustionPropertyChangedHandler = undefined;
         if (!!this.listModel) {
             this.listModel.dispose();
         }
@@ -8192,6 +8246,10 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
         _this.closeOnSelect = question.closeOnSelect;
         return _this;
     }
+    DropdownMultiSelectListModel.prototype.locStrsChanged = function () {
+        _super.prototype.locStrsChanged.call(this);
+        this.syncFilterStringPlaceholder();
+    };
     DropdownMultiSelectListModel.prototype.updateListState = function () {
         this.listModel.updateState();
         this.syncFilterStringPlaceholder();
@@ -8681,7 +8739,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8871,6 +8929,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _question_multipletext__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../question_multipletext */ "./src/question_multipletext.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextItemModel", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MultipleTextItemModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextCell", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MultipleTextCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextErrorCell", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MultipleTextErrorCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextErrorRow", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MutlipleTextErrorRow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextRow", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MutlipleTextRow"]; });
+
 /* 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"]; });
@@ -9144,8 +9210,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.105";
-ReleaseDate = "" + "2023-08-30";
+Version = "" + "1.9.106";
+ReleaseDate = "" + "2023-09-06";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9293,7 +9359,7 @@ function slk(k, lh, rd) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9463,6 +9529,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextItemModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextItemModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextCell", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextErrorCell", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextErrorCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextErrorRow", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextErrorRow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextRow", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextRow"]; });
+
 /* 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"]; });
@@ -9718,11 +9792,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionContainer", function() { return _actions_container__WEBPACK_IMPORTED_MODULE_9__["ActionContainer"]; });
 
-/* harmony import */ var _utils_tooltip__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/tooltip */ "./src/utils/tooltip.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TooltipManager", function() { return _utils_tooltip__WEBPACK_IMPORTED_MODULE_10__["TooltipManager"]; });
-
-/* harmony import */ var _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/dragOrClickHelper */ "./src/utils/dragOrClickHelper.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragOrClickHelper", function() { return _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_11__["DragOrClickHelper"]; });
+/* harmony import */ var _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/dragOrClickHelper */ "./src/utils/dragOrClickHelper.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragOrClickHelper", function() { return _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_10__["DragOrClickHelper"]; });
 
 // model
 
@@ -9741,14 +9812,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 /***/ }),
 
 /***/ "./src/entries/core.ts":
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper, Model */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9918,6 +9988,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextItemModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextItemModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextCell", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextErrorCell", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextErrorCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextErrorRow", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextErrorRow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextRow", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextRow"]; });
+
 /* 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"]; });
@@ -10164,8 +10242,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionContainer", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["ActionContainer"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TooltipManager", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["TooltipManager"]; });
-
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragOrClickHelper", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["DragOrClickHelper"]; });
 
 /* harmony import */ var _survey__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../survey */ "./src/survey.ts");
@@ -10563,7 +10639,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.ts ***!
   \******************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, 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, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, 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";
@@ -10733,6 +10809,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextItemModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MultipleTextItemModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextCell", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MultipleTextCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextErrorCell", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MultipleTextErrorCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextErrorRow", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextErrorRow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextRow", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextRow"]; });
+
 /* 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"]; });
@@ -10979,8 +11063,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionContainer", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["ActionContainer"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TooltipManager", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["TooltipManager"]; });
-
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragOrClickHelper", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["DragOrClickHelper"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Model", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["Model"]; });
@@ -17666,6 +17748,8 @@ function getLocStringValue(target, options, key) {
     return "";
 }
 function property(options) {
+    if (options === void 0) { options = {}; }
+    // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
     return function (target, key) {
         var processComputedUpdater = function (obj, val) {
             if (!!val && typeof val === "object" && val.type === _base__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"].ComputedUpdaterType) {
@@ -17673,6 +17757,10 @@ function property(options) {
                 var result = val.updater();
                 var dependencies = _base__WEBPACK_IMPORTED_MODULE_1__["Base"].finishCollectDependencies();
                 val.setDependencies(dependencies);
+                if (obj.dependencies[key]) {
+                    obj.dependencies[key].dispose();
+                }
+                obj.dependencies[key] = val;
                 return result;
             }
             return val;
@@ -17874,9 +17962,10 @@ var JsonObjectProperty = /** @class */ (function () {
         if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(this.defaultValue)) {
             return _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(value, this.defaultValue, false, true, false);
         }
+        if (this.isLocalizable)
+            return value === null || value === undefined;
         return ((value === false && (this.type == "boolean" || this.type == "switch")) ||
-            value === "" ||
-            _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(value));
+            value === "" || _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(value));
     };
     JsonObjectProperty.prototype.getValue = function (obj) {
         if (this.onGetValue)
@@ -19258,7 +19347,7 @@ var JsonObject = /** @class */ (function () {
         }
     };
     JsonObject.prototype.valueToObj = function (value, obj, property) {
-        if (value == null)
+        if (value === null || value === undefined)
             return;
         this.removePos(property, value);
         if (property != null && property.hasToUseSetValue) {
@@ -19783,6 +19872,7 @@ var ListModel = /** @class */ (function (_super) {
         if (!!this.loadingIndicatorValue) {
             this.loadingIndicatorValue.dispose();
         }
+        this.listContainerHtmlElement = undefined;
     };
     ListModel.INDENT = 16;
     ListModel.MINELEMENTCOUNT = 10;
@@ -19879,6 +19969,19 @@ var LocalizableString = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(LocalizableString.prototype, "localizationName", {
+        get: function () {
+            return this._localizationName;
+        },
+        set: function (val) {
+            if (this._localizationName != val) {
+                this._localizationName = val;
+                this.strChanged();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     LocalizableString.prototype.getIsMultiple = function () { return false; };
     Object.defineProperty(LocalizableString.prototype, "locale", {
         get: function () {
@@ -19947,19 +20050,19 @@ var LocalizableString = /** @class */ (function () {
             if (!loc)
                 loc = this.defaultLoc;
             var res = this.getValue(loc);
-            if (!res && loc === this.defaultLoc) {
+            if (this.isValueEmpty(res) && loc === this.defaultLoc) {
                 res = this.getValue(_surveyStrings__WEBPACK_IMPORTED_MODULE_1__["surveyLocalization"].defaultLocale);
             }
-            if (!res) {
+            if (this.isValueEmpty(res)) {
                 var dialect = this.getRootDialect(loc);
                 if (!!dialect) {
                     res = this.getValue(dialect);
                 }
             }
-            if (!res && loc !== this.defaultLoc) {
+            if (this.isValueEmpty(res) && loc !== this.defaultLoc) {
                 res = this.getValue(this.defaultLoc);
             }
-            if (!res && !!this.getLocalizationName()) {
+            if (this.isValueEmpty(res) && !!this.getLocalizationName()) {
                 res = this.getLocalizationStr();
                 if (!!this.onGetLocalizationTextCallback) {
                     res = this.onGetLocalizationTextCallback(res);
@@ -20023,35 +20126,44 @@ var LocalizableString = /** @class */ (function () {
         configurable: true
     });
     LocalizableString.prototype.getLocaleText = function (loc) {
+        var res = this.getLocaleTextCore(loc);
+        return res ? res : "";
+    };
+    LocalizableString.prototype.getLocaleTextCore = function (loc) {
         if (!loc)
             loc = this.defaultLoc;
-        var res = this.getValue(loc);
-        return res ? res : "";
+        return this.getValue(loc);
     };
-    LocalizableString.prototype.getLocaleTextWithDefault = function (loc) {
-        var res = this.getLocaleText(loc);
+    LocalizableString.prototype.isLocaleTextEqualsWithDefault = function (loc, val) {
+        var res = this.getLocaleTextCore(loc);
         if (!res && this.onGetDefaultTextCallback) {
-            return this.onGetDefaultTextCallback();
+            res = this.onGetDefaultTextCallback();
         }
-        return res;
+        if (res === val)
+            return true;
+        return this.isValueEmpty(res) && this.isValueEmpty(val);
+    };
+    LocalizableString.prototype.clear = function () {
+        this.setJson(undefined);
+    };
+    LocalizableString.prototype.clearLocale = function (loc) {
+        this.setLocaleText(loc, undefined);
     };
     LocalizableString.prototype.setLocaleText = function (loc, value) {
         loc = this.getValueLoc(loc);
-        if (!this.storeDefaultText && value == this.getLocaleTextWithDefault(loc)) {
-            if (!!value || !!loc && loc !== this.defaultLoc)
+        if (!this.storeDefaultText && this.isLocaleTextEqualsWithDefault(loc, value)) {
+            if (!this.isValueEmpty(value) || !!loc && loc !== this.defaultLoc)
                 return;
             var dl = _surveyStrings__WEBPACK_IMPORTED_MODULE_1__["surveyLocalization"].defaultLocale;
             var oldValue_1 = this.getValue(dl);
-            if (!!dl && !!oldValue_1) {
+            if (!!dl && !this.isValueEmpty(oldValue_1)) {
                 this.setValue(dl, value);
                 this.fireStrChanged(dl, oldValue_1);
             }
             return;
         }
         if (!_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.storeDuplicatedTranslations &&
-            value &&
-            loc &&
-            loc != this.defaultLoc &&
+            !this.isValueEmpty(value) && loc && loc != this.defaultLoc &&
             !this.getValue(loc) &&
             value == this.getLocaleText(this.defaultLoc))
             return;
@@ -20060,9 +20172,8 @@ var LocalizableString = /** @class */ (function () {
             loc = this.defaultLoc;
         var oldValue = this.onStrChanged && loc === curLoc ? this.pureText : undefined;
         delete this.htmlValues[loc];
-        if (!value) {
-            if (this.getValue(loc))
-                this.deleteValue(loc);
+        if (this.isValueEmpty(value)) {
+            this.deleteValue(loc);
         }
         else {
             if (typeof value === "string") {
@@ -20079,6 +20190,13 @@ var LocalizableString = /** @class */ (function () {
         }
         this.fireStrChanged(loc, oldValue);
     };
+    LocalizableString.prototype.isValueEmpty = function (val) {
+        if (val === undefined || val === null)
+            return true;
+        if (this.localizationName)
+            return false;
+        return val === "";
+    };
     Object.defineProperty(LocalizableString.prototype, "curLocale", {
         get: function () {
             return !!this.locale ? this.locale : this.defaultLoc;
@@ -20142,7 +20260,7 @@ var LocalizableString = /** @class */ (function () {
         }
         this.values = {};
         this.htmlValues = {};
-        if (!value)
+        if (value === null || value === undefined)
             return;
         if (typeof value === "string") {
             this.setLocaleText(null, value);
@@ -23552,8 +23670,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
 
 var latvianSurveyStrings = {
-    pagePrevText: "Atpakaļ",
-    pageNextText: "Tālāk",
+    pagePrevText: "Iepriekšēja lapa",
+    pageNextText: "Nākamā lapa",
     completeText: "Iesniegt",
     previewText: "Priekšskatījums",
     editText: "Rediģēt",
@@ -31389,11 +31507,7 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
         _this.touchMoveEventCallback = function (event) {
             _this.preventScrollOuside(event, _this.clientY - event.changedTouches[0].clientY);
         };
-        _this.model.onRecalculatePosition.add(function (_, options) {
-            if (!_this.isOverlay) {
-                _this.updatePosition(options.isResetHeight);
-            }
-        });
+        _this.model.onRecalculatePosition.add(_this.recalculatePositionHandler);
         return _this;
     }
     PopupDropdownViewModel.prototype.calculateIsTablet = function (windowWidth, windowHeight) {
@@ -31488,6 +31602,10 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
             this.targetElement = targetElement || componentRoot.parentElement;
         }
     };
+    PopupDropdownViewModel.prototype.resetComponentElement = function () {
+        _super.prototype.resetComponentElement.call(this);
+        this.targetElement = undefined;
+    };
     PopupDropdownViewModel.prototype.updateOnShowing = function () {
         var root = _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].environment.root;
         this.prevActiveElement = root.activeElement;
@@ -31551,6 +31669,30 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
             this.minWidth = undefined;
         }
     };
+    PopupDropdownViewModel.prototype.onModelChanging = function (newModel) {
+        var _this = this;
+        if (!!this.model) {
+            this.model.onRecalculatePosition.remove(this.recalculatePositionHandler);
+        }
+        if (!this.recalculatePositionHandler) {
+            this.recalculatePositionHandler = function (_, options) {
+                if (!_this.isOverlay) {
+                    _this.updatePosition(options.isResetHeight);
+                }
+            };
+        }
+        _super.prototype.onModelChanging.call(this, newModel);
+        newModel.onRecalculatePosition.add(this.recalculatePositionHandler);
+    };
+    PopupDropdownViewModel.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this.updateOnHiding();
+        if (!!this.model) {
+            this.model.onRecalculatePosition.remove(this.recalculatePositionHandler);
+            this.recalculatePositionHandler = undefined;
+        }
+        this.resetComponentElement();
+    };
     PopupDropdownViewModel.tabletSizeBreakpoint = 600;
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
@@ -31738,16 +31880,6 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         _this.width = _this.survey.width;
         _this.updateCss();
         _this.onCreating();
-        _this.survey.onPopupVisibleChanged.add(function (_, opt) {
-            if (opt.visible) {
-                _this.onScrollCallback = function () {
-                    opt.popup.toggleVisibility();
-                };
-            }
-            else {
-                _this.onScrollCallback = undefined;
-            }
-        });
         return _this;
     }
     PopupSurveyModel.prototype.onCreating = function () { };
@@ -31981,9 +32113,7 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         }
     };
     PopupSurveyModel.prototype.onScroll = function () {
-        if (this.onScrollCallback) {
-            this.onScrollCallback();
-        }
+        this.survey.onScroll();
     };
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
@@ -32103,6 +32233,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
     __extends(PopupBaseViewModel, _super);
     function PopupBaseViewModel(model) {
         var _this = _super.call(this) || this;
+        _this.subscriptionId = PopupBaseViewModel.SubscriptionId++;
         _this.popupSelector = ".sv-popup";
         _this.fixedPopupContainer = ".sv-popup";
         _this.containerSelector = ".sv-popup__container";
@@ -32165,11 +32296,14 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         this.width = nullableValue;
         this.minWidth = nullableValue;
     };
+    PopupBaseViewModel.prototype.onModelChanging = function (newModel) {
+    };
     PopupBaseViewModel.prototype.setupModel = function (model) {
         var _this = this;
         if (!!this.model) {
-            this.model.unregisterPropertyChangedHandlers(["isVisible"], "PopupBaseViewModel");
+            this.model.unregisterPropertyChangedHandlers(["isVisible"], "PopupBaseViewModel" + this.subscriptionId);
         }
+        this.onModelChanging(model);
         this._model = model;
         var onIsVisibleChangedHandler = function () {
             if (!model.isVisible) {
@@ -32177,7 +32311,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
             }
             _this.isVisible = model.isVisible;
         };
-        model.registerPropertyChangedHandlers(["isVisible"], onIsVisibleChangedHandler, "PopupBaseViewModel");
+        model.registerPropertyChangedHandlers(["isVisible"], onIsVisibleChangedHandler, "PopupBaseViewModel" + this.subscriptionId);
         onIsVisibleChangedHandler();
     };
     Object.defineProperty(PopupBaseViewModel.prototype, "model", {
@@ -32357,6 +32491,9 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
     };
     PopupBaseViewModel.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
+        if (this.model) {
+            this.model.unregisterPropertyChangedHandlers(["isVisible"], "PopupBaseViewModel" + this.subscriptionId);
+        }
         if (!!this.createdContainer) {
             this.createdContainer.remove();
             this.createdContainer = undefined;
@@ -32364,6 +32501,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         if (!!this.footerToolbarValue) {
             this.footerToolbarValue.dispose();
         }
+        this.resetComponentElement();
     };
     PopupBaseViewModel.prototype.initializePopupContainer = function () {
         if (!this.container) {
@@ -32379,6 +32517,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
     };
     PopupBaseViewModel.prototype.resetComponentElement = function () {
         this.containerElement = undefined;
+        this.prevActiveElement = undefined;
     };
     PopupBaseViewModel.prototype.preventScrollOuside = function (event, deltaY) {
         var currentElement = event.target;
@@ -32393,6 +32532,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         }
         event.preventDefault();
     };
+    PopupBaseViewModel.SubscriptionId = 0;
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "0px" })
     ], PopupBaseViewModel.prototype, "top", void 0);
@@ -32459,7 +32599,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 var PopupModel = /** @class */ (function (_super) {
     __extends(PopupModel, _super);
-    function PopupModel(contentComponentName, contentComponentData, verticalPosition, horizontalPosition, showPointer, isModal, onCancel, onApply, onHide, onShow, cssClass, title) {
+    function PopupModel(contentComponentName, contentComponentData, verticalPosition, horizontalPosition, showPointer, isModal, onCancel, onApply, onHide, onShow, cssClass, title, onDispose) {
         if (verticalPosition === void 0) { verticalPosition = "bottom"; }
         if (horizontalPosition === void 0) { horizontalPosition = "left"; }
         if (showPointer === void 0) { showPointer = true; }
@@ -32470,7 +32610,9 @@ var PopupModel = /** @class */ (function (_super) {
         if (onShow === void 0) { onShow = function () { }; }
         if (cssClass === void 0) { cssClass = ""; }
         if (title === void 0) { title = ""; }
+        if (onDispose === void 0) { onDispose = function () { }; }
         var _this = _super.call(this) || this;
+        _this.onDispose = onDispose;
         _this.focusFirstInputSelector = "";
         _this.onVisibilityChanged = _this.addEvent();
         _this.onFooterActionsCreated = _this.addEvent();
@@ -32525,6 +32667,10 @@ var PopupModel = /** @class */ (function (_super) {
         this.onFooterActionsCreated.fire(this, options);
         return options.actions;
     };
+    PopupModel.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this.onDispose();
+    };
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], PopupModel.prototype, "contentComponentName", void 0);
@@ -32932,11 +33078,14 @@ var Question = /** @class */ (function (_super) {
         configurable: true
     });
     Question.prototype.onVisibleChanged = function () {
-        this.setPropertyValue("isVisible", this.isVisible);
+        this.updateIsVisibleProp();
         if (!this.isVisible && this.errors && this.errors.length > 0) {
             this.errors = [];
         }
     };
+    Question.prototype.updateIsVisibleProp = function () {
+        this.setPropertyValue("isVisible", this.isVisible);
+    };
     Object.defineProperty(Question.prototype, "useDisplayValuesInDynamicTexts", {
         /**
          * Specifies whether to use display names for question values in placeholders.
@@ -33112,6 +33261,9 @@ var Question = /** @class */ (function (_super) {
             this.runConditions();
         }
         this.calcRenderedCommentPlaceholder();
+        if (!this.visible) {
+            this.updateIsVisibleProp();
+        }
     };
     Object.defineProperty(Question.prototype, "parent", {
         /**
@@ -33696,11 +33848,8 @@ var Question = /** @class */ (function (_super) {
             .append(cssClasses.descriptionUnderInput, this.hasDescriptionUnderInput)
             .toString();
     };
-    Question.prototype.getIsErrorsModeTooltip = function () {
-        return _super.prototype.getIsErrorsModeTooltip.call(this) && !this.customWidget;
-    };
     Question.prototype.showErrorOnCore = function (location) {
-        return !this.isErrorsModeTooltip && !this.showErrorsAboveQuestion && !this.showErrorsBelowQuestion && this.getErrorLocation() === location;
+        return !this.showErrorsAboveQuestion && !this.showErrorsBelowQuestion && this.getErrorLocation() === location;
     };
     Object.defineProperty(Question.prototype, "showErrorOnTop", {
         get: function () {
@@ -33716,17 +33865,9 @@ var Question = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Question.prototype.getIsTooltipErrorSupportedByParent = function () {
-        if (this.parentQuestion) {
-            return this.parentQuestion.getIsTooltipErrorInsideSupported();
-        }
-        else {
-            return _super.prototype.getIsTooltipErrorSupportedByParent.call(this);
-        }
-    };
     Object.defineProperty(Question.prototype, "showErrorsOutsideQuestion", {
         get: function () {
-            return this.isDefaultV2Theme && !(this.hasParent && this.getIsTooltipErrorSupportedByParent());
+            return this.isDefaultV2Theme;
         },
         enumerable: false,
         configurable: true
@@ -33762,7 +33903,6 @@ var Question = /** @class */ (function (_super) {
             .append(cssClasses.error.outsideQuestion, this.showErrorsBelowQuestion || this.showErrorsAboveQuestion)
             .append(cssClasses.error.belowQuestion, this.showErrorsBelowQuestion)
             .append(cssClasses.error.aboveQuestion, this.showErrorsAboveQuestion)
-            .append(cssClasses.error.tooltip, this.isErrorsModeTooltip)
             .append(cssClasses.error.locationTop, this.showErrorOnTop)
             .append(cssClasses.error.locationBottom, this.showErrorOnBottom)
             .toString();
@@ -34280,6 +34420,12 @@ var Question = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Question.prototype, "hasFilteredValue", {
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Question.prototype.getFilteredValue = function () { return this.value; };
     Object.defineProperty(Question.prototype, "valueForSurvey", {
         get: function () {
             if (!!this.valueToDataCallback) {
@@ -36378,53 +36524,51 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         return this.hasUnknownValue(val, true, false);
     };
     QuestionSelectBase.prototype.updateSelectedItemValues = function () {
-        if (this.waitingGetChoiceDisplayValueResponse)
-            return;
-        var IsMultipleValue = this.getIsMultipleValue();
-        if (IsMultipleValue) {
-            this.updateMultipleSelectedItemValues();
-        }
-        else {
-            this.updateSingleSelectedItemValues();
-        }
-    };
-    QuestionSelectBase.prototype.updateSingleSelectedItemValues = function () {
         var _this = this;
-        if (!!this.survey && !this.isEmpty() && !_itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(this.choices, this.value)) {
+        if (this.waitingGetChoiceDisplayValueResponse || !this.survey || this.isEmpty())
+            return;
+        var value = this.value;
+        var valueArray = Array.isArray(value) ? value : [value];
+        var hasItemWithoutValues = valueArray.some(function (val) { return !_itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(_this.choices, val); });
+        if (hasItemWithoutValues) {
             this.waitingGetChoiceDisplayValueResponse = true;
             this.isReady = !this.waitingAcyncOperations;
             this.survey.getChoiceDisplayValue({
                 question: this,
-                values: [this.value],
+                values: valueArray,
                 setItems: function (displayValues) {
+                    var customValues = [];
+                    for (var _i = 1; _i < arguments.length; _i++) {
+                        customValues[_i - 1] = arguments[_i];
+                    }
                     _this.waitingGetChoiceDisplayValueResponse = false;
                     if (!displayValues || !displayValues.length)
                         return;
-                    _this.selectedItemValues = _this.createItemValue(_this.value, displayValues[0]);
+                    var items = displayValues.map(function (displayValue, index) { return _this.createItemValue(valueArray[index], displayValue); });
+                    _this.setCustomValuesIntoItems(items, customValues);
+                    if (Array.isArray(value)) {
+                        _this.selectedItemValues = items;
+                    }
+                    else {
+                        _this.selectedItemValues = items[0];
+                    }
                     _this.isReady = !_this.waitingAcyncOperations;
                 }
             });
         }
     };
-    QuestionSelectBase.prototype.updateMultipleSelectedItemValues = function () {
-        var _this = this;
-        var valueArray = this.value;
-        var hasItemWithValues = valueArray.some(function (val) { return !_itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(_this.choices, val); });
-        if (!!this.survey && !this.isEmpty() && hasItemWithValues) {
-            this.waitingGetChoiceDisplayValueResponse = true;
-            this.isReady = this.waitingAcyncOperations;
-            this.survey.getChoiceDisplayValue({
-                question: this,
-                values: valueArray,
-                setItems: function (displayValues) {
-                    _this.waitingGetChoiceDisplayValueResponse = false;
-                    if (!displayValues || !displayValues.length)
-                        return;
-                    _this.selectedItemValues = displayValues.map(function (displayValue, index) { return _this.createItemValue(_this.value[index], displayValue); });
-                    _this.isReady = !_this.waitingAcyncOperations;
+    QuestionSelectBase.prototype.setCustomValuesIntoItems = function (items, customValues) {
+        if (!Array.isArray(customValues) || customValues.length === 0)
+            return;
+        customValues.forEach(function (customValue) {
+            var vals = customValue.values;
+            var propName = customValue.propertyName;
+            if (Array.isArray(vals)) {
+                for (var i = 0; i < items.length && i < vals.length; i++) {
+                    items[i][propName] = vals[i];
                 }
-            });
-        }
+            }
+        });
     };
     QuestionSelectBase.prototype.hasUnknownValue = function (val, includeOther, isFilteredChoices, checkEmptyValue) {
         if (includeOther === void 0) { includeOther = false; }
@@ -38795,6 +38939,16 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionCheckboxModel.prototype, "hasFilteredValue", {
+        get: function () { return !!this.valuePropertyName; },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionCheckboxModel.prototype.getFilteredValue = function () {
+        if (this.hasFilteredValue)
+            return this.renderedValue;
+        return _super.prototype.getFilteredValue.call(this);
+    };
     QuestionCheckboxModel.prototype.getMultipleSelectedItems = function () {
         return this.selectedChoices;
     };
@@ -44881,8 +45035,6 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
         var columns = this.data.columns;
         for (var i = 0; i < columns.length; i++) {
             var column = columns[i];
-            if (!column.isVisible)
-                continue;
             var cell = this.createCell(column);
             this.cells.push(cell);
             var cellValue = this.getCellValue(value, column.name);
@@ -45521,10 +45673,15 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         }
     };
     QuestionMatrixDropdownModelBase.prototype.onShowInMultipleColumnsChanged = function (column) {
-        this.clearGeneratedRows();
-        this.resetRenderedTable();
+        this.resetTableAndRows();
+    };
+    QuestionMatrixDropdownModelBase.prototype.onColumnVisibilityChanged = function (column) {
+        this.resetTableAndRows();
     };
     QuestionMatrixDropdownModelBase.prototype.onColumnCellTypeChanged = function (column) {
+        this.resetTableAndRows();
+    };
+    QuestionMatrixDropdownModelBase.prototype.resetTableAndRows = function () {
         this.clearGeneratedRows();
         this.resetRenderedTable();
     };
@@ -45651,6 +45808,8 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         this.checkColumnsRenderedRequired();
     };
     QuestionMatrixDropdownModelBase.prototype.checkColumnsVisibility = function () {
+        if (this.isDesignMode)
+            return;
         var hasChanged = false;
         for (var i = 0; i < this.visibleColumns.length; i++) {
             var column = this.visibleColumns[i];
@@ -45679,7 +45838,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         }
     };
     QuestionMatrixDropdownModelBase.prototype.isColumnVisibilityChanged = function (column) {
-        var curVis = column.hasVisibleCell;
+        var curVis = column.isColumnVisible;
         var isMultipleColumnsVisibility = column.isFilteredMultipleColumns;
         var curVisibleChoices = isMultipleColumnsVisibility ? column.getVisibleChoicesInCell : [];
         var newVisibleChoices = new Array();
@@ -45697,15 +45856,13 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
                     break;
             }
         }
-        if (curVis != hasVisCell) {
-            column.hasVisibleCell = hasVisCell;
-        }
+        column.hasVisibleCell = hasVisCell;
         if (isMultipleColumnsVisibility) {
             column.setVisibleChoicesInCell(newVisibleChoices);
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isArraysEqual(curVisibleChoices, newVisibleChoices, true, false, false))
                 return true;
         }
-        return curVis != hasVisCell;
+        return curVis != column.isVisible;
     };
     QuestionMatrixDropdownModelBase.prototype.updateNewVisibleChoices = function (q, dest) {
         var choices = q.visibleChoices;
@@ -46681,9 +46838,6 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     QuestionMatrixDropdownModelBase.prototype.getRootCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_11__["CssClassBuilder"]().append(_super.prototype.getRootCss.call(this)).append(this.cssClasses.rootScroll, this.horizontalScroll).toString();
     };
-    QuestionMatrixDropdownModelBase.prototype.getIsTooltipErrorInsideSupported = function () {
-        return false;
-    };
     return QuestionMatrixDropdownModelBase;
 }(_martixBase__WEBPACK_IMPORTED_MODULE_1__["QuestionMatrixBaseModel"]));
 
@@ -46826,12 +46980,12 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.colOwnerValue = null;
         _this.indexValue = -1;
-        _this._isVisible = true;
         _this._hasVisibleCell = true;
         _this.previousChoicesId = undefined;
         _this.createLocalizableString("totalFormat", _this);
         _this.createLocalizableString("cellHint", _this);
         _this.registerPropertyChangedHandlers(["showInMultipleColumns"], function () { _this.doShowInMultipleColumnsChanged(); });
+        _this.registerPropertyChangedHandlers(["visible"], function () { _this.doColumnVisibilityChanged(); });
         _this.updateTemplateQuestion();
         _this.name = name;
         if (title) {
@@ -46941,15 +47095,30 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "isVisible", {
+        //For filtering columns
         get: function () {
-            return this._isVisible;
+            return true;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MatrixDropdownColumn.prototype, "isColumnVisible", {
+        get: function () {
+            if (this.isDesignMode)
+                return true;
+            return this.visible && this.hasVisibleCell;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MatrixDropdownColumn.prototype, "visible", {
+        get: function () { return this.getPropertyValue("visible"); },
+        set: function (val) {
+            this.setPropertyValue("visible", val);
         },
         enumerable: false,
         configurable: true
     });
-    MatrixDropdownColumn.prototype.setIsVisible = function (newVal) {
-        this._isVisible = newVal;
-    };
     Object.defineProperty(MatrixDropdownColumn.prototype, "hasVisibleCell", {
         get: function () {
             return this._hasVisibleCell;
@@ -47487,13 +47656,18 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         }
     };
     MatrixDropdownColumn.prototype.doShowInMultipleColumnsChanged = function () {
-        if (this.colOwner != null && !this.isLoadingFromJson) {
+        if (this.colOwner != null) {
             this.colOwner.onShowInMultipleColumnsChanged(this);
         }
         if (this.templateQuestion) {
             this.templateQuestion.autoOtherMode = this.isShowInMultipleColumns;
         }
     };
+    MatrixDropdownColumn.prototype.doColumnVisibilityChanged = function () {
+        if (this.colOwner != null && !this.isDesignMode) {
+            this.colOwner.onColumnVisibilityChanged(this);
+        }
+    };
     MatrixDropdownColumn.prototype.getProperties = function (curCellType) {
         return _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].getDynamicPropertiesByObj(this, curCellType);
     };
@@ -47575,6 +47749,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
         }
     },
     "width",
+    { name: "visible:switch", default: true, overridingProperty: "visibleIf" },
     "visibleIf:condition",
     "enableIf:condition",
     "requiredIf:condition",
@@ -48178,7 +48353,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         if (this.matrix.isColumnLayoutHorizontal) {
             for (var i = 0; i < this.matrix.visibleColumns.length; i++) {
                 var column = this.matrix.visibleColumns[i];
-                if (!column.hasVisibleCell)
+                if (!column.isColumnVisible)
                     continue;
                 if (this.matrix.IsMultiplyColumn(column)) {
                     this.createMutlipleColumnsHeader(column);
@@ -48203,7 +48378,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
             }
         }
         if (this.hasActionCellInRows("end")) {
-            this.headerRow.cells.push(this.createHeaderCell(null));
+            this.headerRow.cells.push(this.createHeaderCell(null, "action"));
         }
     };
     QuestionMatrixDropdownRenderedTable.prototype.buildFooter = function () {
@@ -48222,7 +48397,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         var cells = this.matrix.visibleTotalRow.cells;
         for (var i = 0; i < cells.length; i++) {
             var cell = cells[i];
-            if (!cell.column.hasVisibleCell)
+            if (!cell.column.isColumnVisible)
                 continue;
             if (this.matrix.IsMultiplyColumn(cell.column)) {
                 this.createMutlipleColumnsFooter(this.footerRow, cell);
@@ -48400,14 +48575,14 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         for (var i = 0; i < row.cells.length; i++) {
             var cell = row.cells[i];
             if (!cell.hasQuestion) {
-                res.cells.push(this.createEmptyCell());
+                res.cells.push(this.createEmptyCell(true));
             }
             else if (this.matrix.IsMultiplyColumn(cell.cell.column)) {
                 if (cell.isFirstChoice) {
                     res.cells.push(this.createErrorCell(cell.cell));
                 }
                 else {
-                    res.cells.push(this.createEmptyCell());
+                    res.cells.push(this.createEmptyCell(true));
                 }
             }
             else {
@@ -48440,7 +48615,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         }
         for (var i = 0; i < row.cells.length; i++) {
             var cell = row.cells[i];
-            if (!cell.column.hasVisibleCell)
+            if (!cell.column.isColumnVisible)
                 continue;
             if (this.matrix.IsMultiplyColumn(cell.column)) {
                 this.createMutlipleEditCells(res, cell);
@@ -48510,7 +48685,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         var renderedRows = [];
         for (var i = 0; i < columns.length; i++) {
             var col = columns[i];
-            if (col.isVisible && col.hasVisibleCell) {
+            if (col.isColumnVisible) {
                 if (this.matrix.IsMultiplyColumn(col)) {
                     this.createMutlipleVerticalRows(renderedRows, col, i);
                 }
@@ -48725,12 +48900,14 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         }
         return cell;
     };
-    QuestionMatrixDropdownRenderedTable.prototype.createEmptyCell = function () {
+    QuestionMatrixDropdownRenderedTable.prototype.createEmptyCell = function (isError) {
+        if (isError === void 0) { isError = false; }
         var res = this.createTextCell(null);
         res.isEmpty = true;
         res.className = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(this.cssClasses.cell)
             .append(this.cssClasses.emptyCell)
+            .append(this.cssClasses.errorsCell, isError)
             .toString();
         return res;
     };
@@ -49863,7 +50040,7 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_1__["QuestionFactory"].Instance.regist
 /*!**************************************!*\
   !*** ./src/question_multipletext.ts ***!
   \**************************************/
-/*! exports provided: MultipleTextEditorModel, MultipleTextItemModel, QuestionMultipleTextModel */
+/*! exports provided: MultipleTextEditorModel, MultipleTextItemModel, QuestionMultipleTextModel, MutlipleTextRow, MutlipleTextErrorRow, MultipleTextCell, MultipleTextErrorCell */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -49871,6 +50048,10 @@ __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 export (binding) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextRow", function() { return MutlipleTextRow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextErrorRow", function() { return MutlipleTextErrorRow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultipleTextCell", function() { return MultipleTextCell; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultipleTextErrorCell", function() { return MultipleTextErrorCell; });
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/base.ts");
 /* harmony import */ var _survey_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./survey-element */ "./src/survey-element.ts");
 /* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./question */ "./src/question.ts");
@@ -49895,6 +50076,12 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 
 
 
@@ -49937,6 +50124,9 @@ var MultipleTextItemModel = /** @class */ (function (_super) {
         if (name === void 0) { name = null; }
         if (title === void 0) { title = null; }
         var _this = _super.call(this) || this;
+        _this.focusIn = function () {
+            _this.editor.focusIn();
+        };
         _this.editorValue = _this.createEditor(name);
         _this.editor.questionTitleTemplateCallback = function () {
             return "";
@@ -50011,9 +50201,6 @@ var MultipleTextItemModel = /** @class */ (function (_super) {
             this.editor.setParentQuestion(data);
         }
     };
-    MultipleTextItemModel.prototype.focusIn = function () {
-        this.editor.focusIn();
-    };
     Object.defineProperty(MultipleTextItemModel.prototype, "isRequired", {
         /**
          * Set this property to true, to make the item a required. If a user doesn't fill the item then a validation error will be generated.
@@ -50278,8 +50465,8 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
                 _this.survey.multipleTextItemAdded(_this, item);
             }
         });
-        _this.registerPropertyChangedHandlers(["items", "colCount"], function () {
-            _this.fireCallback(_this.colCountChangedCallback);
+        _this.registerPropertyChangedHandlers(["items", "colCount", "itemErrorLocation"], function () {
+            _this.calcVisibleRows();
         });
         _this.registerPropertyChangedHandlers(["itemSize"], function () { _this.updateItemsSize(); });
         return _this;
@@ -50330,7 +50517,6 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
     QuestionMultipleTextModel.prototype.onSurveyLoad = function () {
         this.editorsOnSurveyLoad();
         _super.prototype.onSurveyLoad.call(this);
-        this.fireCallback(this.colCountChangedCallback);
     };
     QuestionMultipleTextModel.prototype.setQuestionValue = function (newValue, updateIsAnswered) {
         if (updateIsAnswered === void 0) { updateIsAnswered = true; }
@@ -50469,6 +50655,20 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
             return this.itemErrorLocation;
         return this.getErrorLocation();
     };
+    Object.defineProperty(QuestionMultipleTextModel.prototype, "showItemErrorOnTop", {
+        get: function () {
+            return this.getQuestionErrorLocation() == "top";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionMultipleTextModel.prototype, "showItemErrorOnBottom", {
+        get: function () {
+            return this.getQuestionErrorLocation() == "bottom";
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionMultipleTextModel.prototype.getChildErrorLocation = function (child) {
         return this.getQuestionErrorLocation();
     };
@@ -50512,22 +50712,44 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionMultipleTextModel.prototype.getRows = function () {
+    QuestionMultipleTextModel.prototype.onRowCreated = function (row) {
+        return row;
+    };
+    QuestionMultipleTextModel.prototype.calcVisibleRows = function () {
         var colCount = this.colCount;
         var items = this.items;
-        var rows = [];
         var index = 0;
+        var row;
+        var errorRow;
+        var rows = [];
         for (var i = 0; i < items.length; i++) {
             if (index == 0) {
-                rows.push([]);
+                row = this.onRowCreated(new MutlipleTextRow());
+                errorRow = this.onRowCreated(new MutlipleTextErrorRow());
+                if (this.showItemErrorOnTop) {
+                    rows.push(errorRow);
+                    rows.push(row);
+                }
+                else {
+                    rows.push(row);
+                    rows.push(errorRow);
+                }
             }
-            rows[rows.length - 1].push(items[i]);
+            row.cells.push(new MultipleTextCell(items[i], this));
+            errorRow.cells.push(new MultipleTextErrorCell(items[i], this));
             index++;
-            if (index >= colCount) {
+            if (index >= colCount || i == items.length - 1) {
                 index = 0;
+                errorRow.onAfterCreated();
             }
         }
-        return rows;
+        this.rows = rows;
+    };
+    QuestionMultipleTextModel.prototype.getRows = function () {
+        if (_helpers__WEBPACK_IMPORTED_MODULE_6__["Helpers"].isValueEmpty(this.rows)) {
+            this.calcVisibleRows();
+        }
+        return this.rows;
     };
     QuestionMultipleTextModel.prototype.onValueChanged = function () {
         _super.prototype.onValueChanged.call(this);
@@ -50705,12 +50927,87 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
     QuestionMultipleTextModel.prototype.getItemTitleCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__["CssClassBuilder"]().append(this.cssClasses.itemTitle).toString();
     };
-    QuestionMultipleTextModel.prototype.getIsTooltipErrorInsideSupported = function () {
-        return true;
-    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_4__["propertyArray"])()
+    ], QuestionMultipleTextModel.prototype, "rows", void 0);
     return QuestionMultipleTextModel;
 }(_question__WEBPACK_IMPORTED_MODULE_2__["Question"]));
 
+var MutlipleTextRow = /** @class */ (function (_super) {
+    __extends(MutlipleTextRow, _super);
+    function MutlipleTextRow() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.isVisible = true;
+        _this.cells = [];
+        return _this;
+    }
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_4__["property"])()
+    ], MutlipleTextRow.prototype, "isVisible", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_4__["propertyArray"])()
+    ], MutlipleTextRow.prototype, "cells", void 0);
+    return MutlipleTextRow;
+}(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+var MutlipleTextErrorRow = /** @class */ (function (_super) {
+    __extends(MutlipleTextErrorRow, _super);
+    function MutlipleTextErrorRow() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    MutlipleTextErrorRow.prototype.onAfterCreated = function () {
+        var _this = this;
+        var callback = function () {
+            _this.isVisible = _this.cells.some(function (cell) { var _a, _b; return ((_a = cell.item) === null || _a === void 0 ? void 0 : _a.editor) && ((_b = cell.item) === null || _b === void 0 ? void 0 : _b.editor.hasVisibleErrors); });
+        };
+        this.cells.forEach(function (cell) {
+            var _a, _b;
+            if ((_a = cell.item) === null || _a === void 0 ? void 0 : _a.editor) {
+                (_b = cell.item) === null || _b === void 0 ? void 0 : _b.editor.registerFunctionOnPropertyValueChanged("hasVisibleErrors", callback);
+            }
+        });
+        callback();
+    };
+    return MutlipleTextErrorRow;
+}(MutlipleTextRow));
+
+var MultipleTextCell = /** @class */ (function () {
+    function MultipleTextCell(item, question) {
+        this.item = item;
+        this.question = question;
+        this.isErrorsCell = false;
+    }
+    MultipleTextCell.prototype.getClassName = function () {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__["CssClassBuilder"]().append(this.question.cssClasses.cell).toString();
+    };
+    Object.defineProperty(MultipleTextCell.prototype, "className", {
+        get: function () {
+            return this.getClassName();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return MultipleTextCell;
+}());
+
+var MultipleTextErrorCell = /** @class */ (function (_super) {
+    __extends(MultipleTextErrorCell, _super);
+    function MultipleTextErrorCell() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.isErrorsCell = true;
+        return _this;
+    }
+    MultipleTextErrorCell.prototype.getClassName = function () {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__["CssClassBuilder"]()
+            .append(_super.prototype.getClassName.call(this))
+            .append(this.question.cssClasses.cellError)
+            .append(this.question.cssClasses.cellErrorTop, this.question.showItemErrorOnTop)
+            .append(this.question.cssClasses.cellErrorBottom, this.question.showItemErrorOnBottom)
+            .toString();
+    };
+    return MultipleTextErrorCell;
+}(MultipleTextCell));
+
 _jsonobject__WEBPACK_IMPORTED_MODULE_4__["Serializer"].addClass("multipletextitem", [
     { name: "!name", isUnique: true },
     "isRequired:boolean",
@@ -52562,6 +52859,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!!this.parentQuestion && !!this.parent) {
             cachedValues[QuestionPanelDynamicItem.ParentItemVariableName] = this.parent.getValue();
         }
+        this.isValueChangingInternally = true;
         for (var i = 0; i < this.panels.length; i++) {
             var panel = this.panels[i];
             var panelValues = this.getPanelItemData(panel.data);
@@ -52574,6 +52872,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             newProps[panelName] = panel;
             panel.runCondition(newValues, newProps);
         }
+        this.isValueChangingInternally = false;
     };
     QuestionPanelDynamicModel.prototype.onAnyValueChanged = function (name) {
         _super.prototype.onAnyValueChanged.call(this, name);
@@ -53218,11 +53517,22 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         this.updateFooterActionsCallback();
         this.footerToolbarValue.setItems(items);
     };
-    QuestionPanelDynamicModel.prototype.createTabByPanel = function (panel) {
+    QuestionPanelDynamicModel.prototype.createTabByPanel = function (panel, visPanelIndex) {
         var _this = this;
         if (!this.isRenderModeTab)
             return;
         var locTitle = new _localizablestring__WEBPACK_IMPORTED_MODULE_2__["LocalizableString"](panel, true);
+        locTitle.onGetTextCallback = function (str) {
+            if (!_this.survey)
+                return str;
+            var options = {
+                title: str,
+                panel: panel,
+                visiblePanelIndex: visPanelIndex
+            };
+            _this.survey.dynamicPanelGetTabTitle(_this, options);
+            return options.title;
+        };
         locTitle.sharedData = this.locTemplateTabTitle;
         var isActive = this.getPanelIndexById(panel.id) === this.currentIndex;
         var newItem = new _actions_action__WEBPACK_IMPORTED_MODULE_11__["Action"]({
@@ -53266,13 +53576,20 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!this.isRenderModeTab)
             return;
         var items = [];
-        this.visiblePanels.forEach(function (panel) { return items.push(_this.createTabByPanel(panel)); });
+        var visPanels = this.visiblePanels;
+        var _loop_1 = function (i) {
+            this_1.visiblePanels.forEach(function (panel) { return items.push(_this.createTabByPanel(visPanels[i], i)); });
+        };
+        var this_1 = this;
+        for (var i = 0; i < visPanels.length; i++) {
+            _loop_1(i);
+        }
         this.additionalTitleToolbar.setItems(items);
     };
     QuestionPanelDynamicModel.prototype.addTabFromToolbar = function (panel, index) {
         if (!this.isRenderModeTab)
             return;
-        var newItem = this.createTabByPanel(panel);
+        var newItem = this.createTabByPanel(panel, index);
         this.additionalTitleToolbar.actions.splice(index, 0, newItem);
         this.updateTabToolbarItemsPressedState();
     };
@@ -53659,7 +53976,9 @@ var QuestionRankingModel = /** @class */ (function (_super) {
             var target = event.target;
             if (!_this.isDragStartNodeValid(target))
                 return;
-            if (_this.allowStartDrag && _this.canStartDragDueMaxSelectedChoices(target)) {
+            if (_this.allowStartDrag &&
+                _this.canStartDragDueMaxSelectedChoices(target) &&
+                _this.canStartDragDueItemEnabled(choice)) {
                 _this.dragDropRankingChoices.startDrag(event, choice, _this, node);
             }
         };
@@ -53732,7 +54051,9 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         return "ranking";
     };
     QuestionRankingModel.prototype.getItemTabIndex = function (item) {
-        return this.isDesignMode ? undefined : 0;
+        if (this.isDesignMode || item.disabled)
+            return undefined;
+        return 0;
     };
     Object.defineProperty(QuestionRankingModel.prototype, "rootClass", {
         get: function () {
@@ -53947,6 +54268,9 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         }
         return true;
     };
+    QuestionRankingModel.prototype.canStartDragDueItemEnabled = function (item) {
+        return item.enabled;
+    };
     QuestionRankingModel.prototype.checkMaxSelectedChoicesUnreached = function () {
         if (this.maxSelectedChoices < 1)
             return true;
@@ -55724,18 +56048,24 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         _this.onOpened = _this.addEvent();
         _this.createLocalizableString("placeholder", _this, false, true);
         _this.createLocalizableString("clearCaption", _this, false, true);
+        _this.registerPropertyChangedHandlers(["value", "renderAs", "showOtherItem", "otherText", "placeholder", "choices", "visibleChoices"], function () {
+            _this.updateReadOnlyText();
+        });
+        _this.updateReadOnlyText();
         return _this;
     }
+    QuestionTagboxModel.prototype.locStrsChanged = function () {
+        var _a;
+        _super.prototype.locStrsChanged.call(this);
+        this.updateReadOnlyText();
+        (_a = this.dropdownListModel) === null || _a === void 0 ? void 0 : _a.locStrsChanged();
+    };
+    QuestionTagboxModel.prototype.updateReadOnlyText = function () {
+        this.readOnlyText = this.displayValue || this.placeholder;
+    };
     QuestionTagboxModel.prototype.getDefaultItemComponent = function () {
         return "";
     };
-    Object.defineProperty(QuestionTagboxModel.prototype, "readOnlyText", {
-        get: function () {
-            return this.displayValue || this.placeholder;
-        },
-        enumerable: false,
-        configurable: true
-    });
     QuestionTagboxModel.prototype.onSurveyLoad = function () {
         _super.prototype.onSurveyLoad.call(this);
         if (!this.dropdownListModel) {
@@ -55888,6 +56218,9 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         _super.prototype.clearValue.call(this);
         this.dropdownListModel.clear();
     };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: "" })
+    ], QuestionTagboxModel.prototype, "readOnlyText", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionTagboxModel.prototype, "allowClear", void 0);
@@ -57993,11 +58326,11 @@ var ComponentsContainer = /** @class */ (function (_super) {
         }
         if (!needRenderWrapper) {
             return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, components.map(function (component) {
-                return _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.createElement(component.component, { survey: _this.props.survey, model: component.data, key: component.id });
+                return _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.createElement(component.component, { survey: _this.props.survey, model: component.data, container: _this.props.container, key: component.id });
             }));
         }
         return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-components-column" }, components.map(function (component) {
-            return _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.createElement(component.component, { survey: _this.props.survey, model: component.data, key: component.id });
+            return _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.createElement(component.component, { survey: _this.props.survey, model: component.data, container: _this.props.container, key: component.id });
         }));
     };
     return ComponentsContainer;
@@ -58195,6 +58528,12 @@ var List = /** @class */ (function (_super) {
             this.model.initListContainerHtmlElement(this.listContainerRef.current);
         }
     };
+    List.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        if (!!this.model) {
+            this.model.initListContainerHtmlElement(undefined);
+        }
+    };
     List.prototype.renderElement = function () {
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.cssClasses.root, ref: this.listContainerRef },
             this.searchElementContent(),
@@ -59000,6 +59339,10 @@ var Popup = /** @class */ (function (_super) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
         this.setTargetElement();
     };
+    Popup.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        this.popup.resetComponentElement();
+    };
     Popup.prototype.shouldComponentUpdate = function (nextProps, nextState) {
         var _a;
         if (!_super.prototype.shouldComponentUpdate.call(this, nextProps, nextState))
@@ -61560,6 +61903,8 @@ var Survey = /** @class */ (function (_super) {
     };
     Survey.prototype.destroySurvey = function () {
         if (this.survey) {
+            this.survey.renderCallback = undefined;
+            this.survey.onPartialSend.clear();
             this.survey.stopTimer();
             this.survey.destroyResizeObserver();
         }
@@ -61582,6 +61927,9 @@ var Survey = /** @class */ (function (_super) {
         else if (this.survey.state == "loading") {
             renderResult = this.renderLoading();
         }
+        else if (this.survey.state == "empty") {
+            renderResult = this.renderEmptySurvey();
+        }
         else {
             renderResult = this.renderSurvey();
         }
@@ -61630,11 +61978,11 @@ var Survey = /** @class */ (function (_super) {
     };
     Survey.prototype.renderCompletedBefore = function () {
         var htmlValue = { __html: this.survey.processedCompletedBeforeHtml };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { dangerouslySetInnerHTML: htmlValue, className: this.css.body }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedBeforeCss }));
     };
     Survey.prototype.renderLoading = function () {
         var htmlValue = { __html: this.survey.processedLoadingHtml };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { dangerouslySetInnerHTML: htmlValue, className: this.css.body }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.loadingBodyCss }));
     };
     Survey.prototype.renderSurvey = function () {
         var activePage = this.survey.activePage
@@ -61643,10 +61991,6 @@ var Survey = /** @class */ (function (_super) {
         var isStaring = this.survey.isShowStartingPage;
         var pageId = this.survey.activePage ? this.survey.activePage.id : "";
         var className = this.survey.bodyCss;
-        if (!activePage) {
-            className = this.css.bodyEmpty;
-            activePage = this.renderEmptySurvey();
-        }
         var style = {};
         if (!!this.survey.renderedWidth) {
             style.maxWidth = this.survey.renderedWidth;
@@ -61663,7 +62007,7 @@ var Survey = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_page__WEBPACK_IMPORTED_MODULE_2__["SurveyPage"], { survey: this.survey, page: page, css: this.css, creator: this }));
     };
     Survey.prototype.renderEmptySurvey = function () {
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, this.survey.emptySurveyText);
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.bodyEmpty }, this.survey.emptySurveyText);
     };
     Survey.prototype.createSurvey = function (newProps) {
         if (!newProps)
@@ -61920,7 +62264,7 @@ var SurveyProgress = /** @class */ (function (_super) {
         var progressStyle = {
             width: this.progress + "%",
         };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.getProgressCssClasses() },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.getProgressCssClasses(this.props.container) },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100 },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
@@ -62129,7 +62473,7 @@ _element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.re
 /*!*************************************!*\
   !*** ./src/react/reactquestion.tsx ***!
   \*************************************/
-/*! exports provided: SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsWrapped, SurveyQuestionAndErrorsCell */
+/*! exports provided: SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsWrapped, SurveyQuestionAndErrorsCell, SurveyQuestionErrorCell */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -62138,15 +62482,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyElementErrors", function() { return SurveyElementErrors; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionAndErrorsWrapped", function() { return SurveyQuestionAndErrorsWrapped; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionAndErrorsCell", function() { return SurveyQuestionAndErrorsCell; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionErrorCell", function() { return SurveyQuestionErrorCell; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
-/* harmony import */ var _reactsurveymodel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactsurveymodel */ "./src/react/reactsurveymodel.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
-/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
-/* harmony import */ var _reactquestion_comment__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reactquestion_comment */ "./src/react/reactquestion_comment.tsx");
-/* harmony import */ var _custom_widget__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./custom-widget */ "./src/react/custom-widget.tsx");
-/* harmony import */ var _element_header__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./element-header */ "./src/react/element-header.tsx");
+/* harmony import */ var _reactsurveymodel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactsurveymodel */ "./src/react/reactsurveymodel.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
+/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
+/* harmony import */ var _reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion_comment */ "./src/react/reactquestion_comment.tsx");
+/* harmony import */ var _custom_widget__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./custom-widget */ "./src/react/custom-widget.tsx");
+/* harmony import */ var _element_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./element-header */ "./src/react/element-header.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -62169,7 +62513,6 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 var SurveyQuestion = /** @class */ (function (_super) {
     __extends(SurveyQuestion, _super);
     function SurveyQuestion(props) {
@@ -62185,7 +62528,7 @@ var SurveyQuestion = /** @class */ (function (_super) {
         if (!customWidget) {
             return creator.createQuestionElement(question);
         }
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_custom_widget__WEBPACK_IMPORTED_MODULE_6__["SurveyCustomWidget"], { creator: creator, question: question });
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_custom_widget__WEBPACK_IMPORTED_MODULE_5__["SurveyCustomWidget"], { creator: creator, question: question });
     };
     SurveyQuestion.prototype.getStateElement = function () {
         return this.question;
@@ -62263,9 +62606,6 @@ var SurveyQuestion = /** @class */ (function (_super) {
             ? this.renderErrors(cssClasses, "bottom")
             : null;
         var comment = question && question.hasComment ? this.renderComment(cssClasses) : null;
-        var errorsTooltip = this.question.isErrorsModeTooltip
-            ? this.renderErrors(cssClasses, "tooltip")
-            : null;
         var descriptionUnderInput = question.hasDescriptionUnderInput
             ? this.renderDescription()
             : null;
@@ -62274,7 +62614,6 @@ var SurveyQuestion = /** @class */ (function (_super) {
             questionRender,
             comment,
             errorsBottom,
-            errorsTooltip,
             descriptionUnderInput));
     };
     SurveyQuestion.prototype.renderElement = function () {
@@ -62303,7 +62642,7 @@ var SurveyQuestion = /** @class */ (function (_super) {
         var survey = this.question.survey;
         var wrapper = null;
         if (survey) {
-            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_2__["ReactSurveyElementsWrapper"].wrapElement(survey, element, this.question);
+            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElementsWrapper"].wrapElement(survey, element, this.question);
         }
         return wrapper !== null && wrapper !== void 0 ? wrapper : element;
     };
@@ -62311,7 +62650,7 @@ var SurveyQuestion = /** @class */ (function (_super) {
         var survey = this.question.survey;
         var wrapper = null;
         if (survey) {
-            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_2__["ReactSurveyElementsWrapper"].wrapQuestionContent(survey, element, this.question);
+            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElementsWrapper"].wrapQuestionContent(survey, element, this.question);
         }
         return wrapper !== null && wrapper !== void 0 ? wrapper : element;
     };
@@ -62319,24 +62658,24 @@ var SurveyQuestion = /** @class */ (function (_super) {
         return SurveyQuestion.renderQuestionBody(this.creator, this.question);
     };
     SurveyQuestion.prototype.renderDescription = function () {
-        return _reactquestion_element__WEBPACK_IMPORTED_MODULE_4__["SurveyElementBase"].renderQuestionDescription(this.question);
+        return _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"].renderQuestionDescription(this.question);
     };
     SurveyQuestion.prototype.renderComment = function (cssClasses) {
-        var commentText = _reactquestion_element__WEBPACK_IMPORTED_MODULE_4__["SurveyElementBase"].renderLocString(this.question.locCommentText);
+        var commentText = _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"].renderLocString(this.question.locCommentText);
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getCommentAreaCss() },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, commentText),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion_comment__WEBPACK_IMPORTED_MODULE_5__["SurveyQuestionCommentItem"], { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__["SurveyQuestionCommentItem"], { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
     };
     SurveyQuestion.prototype.renderHeader = function (question) {
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_element_header__WEBPACK_IMPORTED_MODULE_7__["SurveyElementHeader"], { element: question });
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_element_header__WEBPACK_IMPORTED_MODULE_6__["SurveyElementHeader"], { element: question });
     };
     SurveyQuestion.prototype.renderErrors = function (cssClasses, location) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyElementErrors, { element: this.question, cssClasses: cssClasses, creator: this.creator, location: location, id: this.question.id + "_errors" }));
     };
     return SurveyQuestion;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_4__["SurveyElementBase"]));
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"]));
 
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("question", function (props) {
+_element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("question", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestion, props);
 });
 var SurveyElementErrors = /** @class */ (function (_super) {
@@ -62344,7 +62683,6 @@ var SurveyElementErrors = /** @class */ (function (_super) {
     function SurveyElementErrors(props) {
         var _this = _super.call(this, props) || this;
         _this.state = _this.getState();
-        _this.tooltipRef = react__WEBPACK_IMPORTED_MODULE_0__["createRef"]();
         return _this;
     }
     Object.defineProperty(SurveyElementErrors.prototype, "id", {
@@ -62382,26 +62720,7 @@ var SurveyElementErrors = /** @class */ (function (_super) {
     SurveyElementErrors.prototype.canRender = function () {
         return !!this.element && this.element.hasVisibleErrors;
     };
-    SurveyElementErrors.prototype.componentDidUpdate = function (prevProps, prevState) {
-        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
-        if (this.props.location == "tooltip") {
-            if (this.tooltipRef.current && !this.tooltipManager) {
-                this.tooltipManager = new survey_core__WEBPACK_IMPORTED_MODULE_1__["TooltipManager"](this.tooltipRef.current);
-            }
-            if (!!this.tooltipManager && !this.tooltipRef.current) {
-                this.disposeTooltipManager();
-            }
-        }
-    };
     SurveyElementErrors.prototype.componentWillUnmount = function () {
-        if (!!this.tooltipManager) {
-            this.disposeTooltipManager();
-        }
-    };
-    SurveyElementErrors.prototype.disposeTooltipManager = function () {
-        var _a;
-        (_a = this.tooltipManager) === null || _a === void 0 ? void 0 : _a.dispose();
-        this.tooltipManager = undefined;
     };
     SurveyElementErrors.prototype.renderElement = function () {
         var errors = [];
@@ -62409,10 +62728,10 @@ var SurveyElementErrors = /** @class */ (function (_super) {
             var key = "error" + i;
             errors.push(this.creator.renderError(key, this.element.errors[i], this.cssClasses));
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id, ref: this.tooltipRef }, errors));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
     };
     return SurveyElementErrors;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_4__["ReactSurveyElement"]));
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["ReactSurveyElement"]));
 
 var SurveyQuestionAndErrorsWrapped = /** @class */ (function (_super) {
     __extends(SurveyQuestionAndErrorsWrapped, _super);
@@ -62458,23 +62777,9 @@ var SurveyQuestionAndErrorsWrapped = /** @class */ (function (_super) {
     SurveyQuestionAndErrorsWrapped.prototype.canRender = function () {
         return !!this.question;
     };
-    SurveyQuestionAndErrorsWrapped.prototype.renderErrors = function (errorsLocation) {
-        return this.getShowErrors() ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyElementErrors, { element: this.question, cssClasses: this.cssClasses, creator: this.creator, location: errorsLocation })) : null;
-    };
     SurveyQuestionAndErrorsWrapped.prototype.renderContent = function () {
-        var errorsLocation = this.creator.questionErrorLocation();
-        var errors = this.renderErrors(errorsLocation);
-        var errorsTop = this.question.showErrorOnTop
-            ? errors
-            : null;
-        var errorsBottom = this.question.showErrorOnBottom
-            ? errors
-            : null;
         var renderedQuestion = this.renderQuestion();
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
-            errorsTop,
-            renderedQuestion,
-            errorsBottom));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, renderedQuestion));
     };
     SurveyQuestionAndErrorsWrapped.prototype.getShowErrors = function () {
         return this.question.isVisible;
@@ -62483,7 +62788,7 @@ var SurveyQuestionAndErrorsWrapped = /** @class */ (function (_super) {
         return SurveyQuestion.renderQuestionBody(this.creator, this.question);
     };
     return SurveyQuestionAndErrorsWrapped;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_4__["ReactSurveyElement"]));
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["ReactSurveyElement"]));
 
 var SurveyQuestionAndErrorsCell = /** @class */ (function (_super) {
     __extends(SurveyQuestionAndErrorsCell, _super);
@@ -62520,13 +62825,63 @@ var SurveyQuestionAndErrorsCell = /** @class */ (function (_super) {
         var survey = this.question.survey;
         var wrapper = null;
         if (survey) {
-            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_2__["ReactSurveyElementsWrapper"].wrapMatrixCell(survey, element, cell, this.props.reason);
+            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElementsWrapper"].wrapMatrixCell(survey, element, cell, this.props.reason);
         }
         return wrapper !== null && wrapper !== void 0 ? wrapper : element;
     };
     return SurveyQuestionAndErrorsCell;
 }(SurveyQuestionAndErrorsWrapped));
 
+var SurveyQuestionErrorCell = /** @class */ (function (_super) {
+    __extends(SurveyQuestionErrorCell, _super);
+    function SurveyQuestionErrorCell(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            changed: 0
+        };
+        if (_this.question) {
+            _this.registerCallback(_this.question);
+        }
+        return _this;
+    }
+    Object.defineProperty(SurveyQuestionErrorCell.prototype, "question", {
+        get: function () {
+            return this.props.question;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyQuestionErrorCell.prototype.update = function () {
+        this.setState({ changed: this.state.changed + 1 });
+    };
+    SurveyQuestionErrorCell.prototype.registerCallback = function (question) {
+        var _this = this;
+        question.registerFunctionOnPropertyValueChanged("errors", function () {
+            _this.update();
+        }, "__reactSubscription");
+    };
+    SurveyQuestionErrorCell.prototype.unRegisterCallback = function (question) {
+        question.unRegisterFunctionOnPropertyValueChanged("errors", "__reactSubscription");
+    };
+    SurveyQuestionErrorCell.prototype.componentDidUpdate = function (prevProps) {
+        if (prevProps.question && prevProps.question !== this.question) {
+            this.unRegisterCallback(prevProps.cell);
+        }
+        if (this.question) {
+            this.registerCallback(this.question);
+        }
+    };
+    SurveyQuestionErrorCell.prototype.componentWillUnmount = function () {
+        if (this.question) {
+            this.unRegisterCallback(this.question);
+        }
+    };
+    SurveyQuestionErrorCell.prototype.render = function () {
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyElementErrors, { element: this.question, creator: this.props.creator, cssClasses: this.question.cssClasses });
+    };
+    return SurveyQuestionErrorCell;
+}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
 
 
 /***/ }),
@@ -64187,14 +64542,13 @@ _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__["ReactQuestionFactory"].Inst
 /*!********************************************************!*\
   !*** ./src/react/reactquestion_matrixdropdownbase.tsx ***!
   \********************************************************/
-/*! exports provided: SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownErrorCell */
+/*! exports provided: SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownBase", function() { return SurveyQuestionMatrixDropdownBase; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownCell", function() { return SurveyQuestionMatrixDropdownCell; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownErrorCell", function() { return SurveyQuestionMatrixDropdownErrorCell; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
@@ -64405,7 +64759,7 @@ var SurveyQuestionMatrixDropdownBase = /** @class */ (function (_super) {
         }
         if (cell.isErrorsCell) {
             if (cell.isErrorsCell) {
-                return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionMatrixDropdownErrorCell, { cell: cell, creator: this.creator }));
+                return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyQuestionErrorCell"], { question: cell.question, creator: this.creator }));
             }
         }
         if (!cellContent)
@@ -64554,56 +64908,6 @@ var SurveyQuestionMatrixDropdownCell = /** @class */ (function (_super) {
     return SurveyQuestionMatrixDropdownCell;
 }(_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyQuestionAndErrorsCell"]));
 
-var SurveyQuestionMatrixDropdownErrorCell = /** @class */ (function (_super) {
-    __extends(SurveyQuestionMatrixDropdownErrorCell, _super);
-    function SurveyQuestionMatrixDropdownErrorCell(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            changed: 0
-        };
-        if (_this.cell) {
-            _this.registerCallback(_this.cell);
-        }
-        return _this;
-    }
-    Object.defineProperty(SurveyQuestionMatrixDropdownErrorCell.prototype, "cell", {
-        get: function () {
-            return this.props.cell;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    SurveyQuestionMatrixDropdownErrorCell.prototype.update = function () {
-        this.setState({ changed: this.state.changed + 1 });
-    };
-    SurveyQuestionMatrixDropdownErrorCell.prototype.registerCallback = function (cell) {
-        var _this = this;
-        cell.question.registerFunctionOnPropertyValueChanged("errors", function () {
-            _this.update();
-        }, "__reactSubscription");
-    };
-    SurveyQuestionMatrixDropdownErrorCell.prototype.unRegisterCallback = function (cell) {
-        cell.question.unRegisterFunctionOnPropertyValueChanged("errors", "__reactSubscription");
-    };
-    SurveyQuestionMatrixDropdownErrorCell.prototype.componentDidUpdate = function (prevProps) {
-        if (prevProps.cell && prevProps.cell !== this.cell) {
-            this.unRegisterCallback(prevProps.cell);
-        }
-        if (this.cell) {
-            this.registerCallback(this.cell);
-        }
-    };
-    SurveyQuestionMatrixDropdownErrorCell.prototype.componentWillUnmount = function () {
-        if (this.cell) {
-            this.unRegisterCallback(this.cell);
-        }
-    };
-    SurveyQuestionMatrixDropdownErrorCell.prototype.render = function () {
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyElementErrors"], { element: this.cell.question, creator: this.props.creator, cssClasses: this.cell.question.cssClasses });
-    };
-    return SurveyQuestionMatrixDropdownErrorCell;
-}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));
-
 
 
 /***/ }),
@@ -64794,23 +65098,30 @@ var SurveyQuestionMultipleText = /** @class */ (function (_super) {
         var tableRows = this.question.getRows();
         var rows = [];
         for (var i = 0; i < tableRows.length; i++) {
-            rows.push(this.renderRow(i, tableRows[i], cssClasses));
+            if (tableRows[i].isVisible) {
+                rows.push(this.renderRow(i, tableRows[i].cells, cssClasses));
+            }
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("table", { className: cssClasses.root },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("tbody", null, rows)));
     };
-    SurveyQuestionMultipleText.prototype.renderRow = function (rowIndex, items, cssClasses) {
+    SurveyQuestionMultipleText.prototype.renderCell = function (cell, cssClasses, index) {
+        var cellContent;
+        var focusIn = function () { cell.item.focusIn(); };
+        if (cell.isErrorsCell) {
+            cellContent = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyQuestionErrorCell"], { question: cell.item.editor, creator: this.creator });
+        }
+        else {
+            cellContent = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItem, { question: this.question, item: cell.item, creator: this.creator, cssClasses: cssClasses });
+        }
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: "item" + index, className: cell.className, onFocus: focusIn }, cellContent));
+    };
+    SurveyQuestionMultipleText.prototype.renderRow = function (rowIndex, cells, cssClasses) {
         var key = "item" + rowIndex;
         var tds = [];
-        var _loop_1 = function (i) {
-            var item = items[i];
-            var focusIn = function () { item.focusIn(); };
-            tds.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: "item" + i, className: this_1.question.cssClasses.cell, onFocus: focusIn },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItem, { question: this_1.question, item: item, creator: this_1.creator, cssClasses: cssClasses })));
-        };
-        var this_1 = this;
-        for (var i = 0; i < items.length; i++) {
-            _loop_1(i);
+        for (var i = 0; i < cells.length; i++) {
+            var cell = cells[i];
+            tds.push(this.renderCell(cell, cssClasses, i));
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("tr", { key: key, className: cssClasses.row }, tds));
     };
@@ -64852,11 +65163,7 @@ var SurveyMultipleTextItem = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { className: this.question.getItemLabelCss(item) },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.itemTitle },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_title_title_content__WEBPACK_IMPORTED_MODULE_4__["TitleContent"], { element: item.editor, cssClasses: item.editor.cssClasses })),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItemEditor, { cssClasses: cssClasses, itemCss: this.question.getItemCss(), question: item.editor, creator: this.creator }),
-            this.renderItemTooltipError(item, cssClasses)));
-    };
-    SurveyMultipleTextItem.prototype.renderItemTooltipError = function (item, cssClasses) {
-        return this.item.editor.isErrorsModeTooltip ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyElementErrors"], { element: item.editor, cssClasses: cssClasses, creator: this.creator, location: "tooltip" })) : null;
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItemEditor, { cssClasses: cssClasses, itemCss: this.question.getItemCss(), question: item.editor, creator: this.creator })));
     };
     return SurveyMultipleTextItem;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElement"]));
@@ -68714,23 +69021,6 @@ var SurveyElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(SurveyElement.prototype, "isErrorsModeTooltip", {
-        get: function () {
-            return this.getIsErrorsModeTooltip();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    SurveyElement.prototype.getIsErrorsModeTooltip = function () {
-        return this.isDefaultV2Theme && this.hasParent && this.getIsTooltipErrorSupportedByParent();
-    };
-    SurveyElement.prototype.getIsTooltipErrorSupportedByParent = function () {
-        var _a;
-        return (_a = this.parent) === null || _a === void 0 ? void 0 : _a.getIsTooltipErrorInsideSupported();
-    };
-    SurveyElement.prototype.getIsTooltipErrorInsideSupported = function () {
-        return false;
-    };
     Object.defineProperty(SurveyElement.prototype, "hasParent", {
         get: function () {
             return (this.parent && !this.parent.isPage && (!this.parent.originalPage || this.survey.isShowingPreview)) || (this.parent === undefined);
@@ -68749,10 +69039,10 @@ var SurveyElement = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyElement.prototype.getHasFrameV2 = function () {
-        return this.shouldAddRunnerStyles() && (!this.hasParent && this.isSingleInRow);
+        return this.shouldAddRunnerStyles() && (!this.hasParent);
     };
     SurveyElement.prototype.getIsNested = function () {
-        return this.shouldAddRunnerStyles() && (this.hasParent || !this.isSingleInRow);
+        return this.shouldAddRunnerStyles() && (this.hasParent);
     };
     SurveyElement.prototype.getCssRoot = function (cssClasses) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
@@ -68958,6 +69248,12 @@ var SurveyElement = /** @class */ (function (_super) {
             });
         }
     };
+    SurveyElement.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        if (this.titleToolbarValue) {
+            this.titleToolbarValue.dispose();
+        }
+    };
     SurveyElement.CreateDisabledDesignElements = false;
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: null })
@@ -69215,7 +69511,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [Continue an Incomplete Survey](https://surveyjs.io/form-library/documentation/handle-survey-results-continue-incomplete (linkStyle))
+         * Alternatively, you can handle the [`onCurrentPageChanged`](#onCurrentPageChanged) and [`onValueChanged`](#onValueChanged) events, as shown in the following demo: [Continue an Incomplete Survey](https://surveyjs.io/form-library/examples/survey-editprevious/).
          */
         _this.onPartialSend = _this.addEvent();
         /**
@@ -69240,7 +69536,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onValueChanging = _this.addEvent();
         /**
-         * An event that is raised after a question value is changed
+         * An event that is raised after a question value is changed.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -69728,6 +70024,10 @@ var SurveyModel = /** @class */ (function (_super) {
          * An event that is raised after an item value is changed in a panel within a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
          */
         _this.onDynamicPanelItemValueChanged = _this.addEvent();
+        /**
+         * An event that is raised before a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) renders [tab titles](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle). Use this event to change individual tab titles.
+         */
+        _this.onGetDynamicPanelTabTitle = _this.addEvent();
         /**
          * Use this event to define, whether an answer to a question is correct or not.
          * @see Question.value
@@ -69945,6 +70245,16 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.setCalculatedWidthModeUpdater();
         _this.notifier = new _notifier__WEBPACK_IMPORTED_MODULE_19__["Notifier"](_this.css.saveData);
         _this.notifier.addAction(_this.createTryAgainAction(), "error");
+        _this.onPopupVisibleChanged.add(function (_, opt) {
+            if (opt.visible) {
+                _this.onScrollCallback = function () {
+                    opt.popup.toggleVisibility();
+                };
+            }
+            else {
+                _this.onScrollCallback = undefined;
+            }
+        });
         _this.layoutElements.push({
             id: "timerpanel",
             template: "survey-timerpanel",
@@ -70120,6 +70430,14 @@ var SurveyModel = /** @class */ (function (_super) {
         this.containerCss = this.css.container;
         this.completedCss = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]().append(this.css.body)
             .append(this.css.completedPage).toString(); // for completed page
+        this.completedBeforeCss = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]()
+            .append(this.css.body)
+            .append(this.css.completedBeforePage)
+            .toString();
+        this.loadingBodyCss = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]()
+            .append(this.css.body)
+            .append(this.css.bodyLoading)
+            .toString();
     };
     SurveyModel.prototype.updateCss = function () {
         this.rootCss = this.getRootCss();
@@ -70370,7 +70688,7 @@ var SurveyModel = /** @class */ (function (_super) {
         /**
          * Specifies whether to save survey results when respondents switch between pages. Handle the [`onPartialSend`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onPartialSend) event to implement the save operation.
          *
-         * [Continue an Incomplete Survey](https://surveyjs.io/form-library/documentation/handle-survey-results-continue-incomplete (linkStyle))
+         * Alternatively, you can handle the [`onCurrentPageChanged`](#onCurrentPageChanged) and [`onValueChanged`](#onValueChanged) events, as shown in the following demo: [Continue an Incomplete Survey](https://surveyjs.io/form-library/examples/survey-editprevious/).
          */
         get: function () {
             return this.getPropertyValue("sendResultOnPageNext");
@@ -71926,11 +72244,12 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.getProgressTypeComponent = function () {
         return "sv-progress-" + this.progressBarType.toLowerCase();
     };
-    SurveyModel.prototype.getProgressCssClasses = function () {
+    SurveyModel.prototype.getProgressCssClasses = function (container) {
+        if (container === void 0) { container = ""; }
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]()
             .append(this.css.progress)
-            .append(this.css.progressTop, this.isShowProgressBarOnTop)
-            .append(this.css.progressBottom, this.isShowProgressBarOnBottom)
+            .append(this.css.progressTop, this.isShowProgressBarOnTop && (!container || container == "header"))
+            .append(this.css.progressBottom, this.isShowProgressBarOnBottom && (!container || container == "footer"))
             .toString();
     };
     SurveyModel.prototype.canShowProresBar = function () {
@@ -72278,6 +72597,11 @@ var SurveyModel = /** @class */ (function (_super) {
             var key = keys[i];
             values[key] = this.getDataValueCore(this.valuesHash, key);
         }
+        this.getAllQuestions().forEach(function (q) {
+            if (q.hasFilteredValue) {
+                values[q.getValueName()] = q.getFilteredValue();
+            }
+        });
         return values;
     };
     SurveyModel.prototype.addCalculatedValuesIntoFilteredValues = function (values) {
@@ -74204,6 +74528,7 @@ var SurveyModel = /** @class */ (function (_super) {
             .append(this.css.rootMobile, this.isMobile)
             .append(this.css.rootReadOnly, this.mode === "display")
             .append(this.css.rootCompact, this.isCompact)
+            .append(this.css.rootFitToContainer, this.fitToContainer)
             .toString();
     };
     SurveyModel.prototype.afterRenderSurvey = function (htmlElement) {
@@ -74234,6 +74559,7 @@ var SurveyModel = /** @class */ (function (_super) {
             htmlElement: htmlElement,
         });
         this.rootElement = htmlElement;
+        this.addScrollEventListener();
     };
     SurveyModel.prototype.processResponsiveness = function (width, mobileWidth) {
         var isMobile = width < mobileWidth;
@@ -74496,6 +74822,10 @@ var SurveyModel = /** @class */ (function (_super) {
         options.panelData = options.itemValue;
         this.onDynamicPanelItemValueChanged.fire(this, options);
     };
+    SurveyModel.prototype.dynamicPanelGetTabTitle = function (question, options) {
+        options.question = question;
+        this.onGetDynamicPanelTabTitle.fire(this, options);
+    };
     SurveyModel.prototype.dragAndDropAllow = function (options) {
         this.onDragDropAllow.fire(this, options);
         return options.allow;
@@ -74758,9 +75088,11 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     /**
-     * Returns a question by its name.
-     * @param name a question name
-     * @param caseInsensitive
+     * Returns a question with a specified [`name`](https://surveyjs.io/form-library/documentation/api-reference/question#name).
+     * @param name A question name
+     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @returns A question with a specified name.
+     * @see getAllQuestions
      * @see getQuestionByValueName
      */
     SurveyModel.prototype.getQuestionByName = function (name, caseInsensitive) {
@@ -74782,12 +75114,14 @@ var SurveyModel = /** @class */ (function (_super) {
         return this.getQuestionByName(name);
     };
     /**
-     * Returns a question by its value name
-     * @param valueName a question name
-     * @param caseInsensitive
+     * Returns a question with a specified [`valueName`](https://surveyjs.io/form-library/documentation/api-reference/question#valueName).
+     *
+     * > Since `valueName` does not have to be unique, multiple questions can have the same `valueName` value. In this case, the `getQuestionByValueName()` method returns the first such question. If you need to get all questions with the same `valueName`, call the `getQuestionsByValueName()` method.
+     * @param valueName A question's `valueName` property value.
+     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @returns A question with a specified `valueName`.
+     * @see getAllQuestions
      * @see getQuestionByName
-     * @see getQuestionsByValueName
-     * @see Question.valueName
      */
     SurveyModel.prototype.getQuestionByValueName = function (valueName, caseInsensitive) {
         if (caseInsensitive === void 0) { caseInsensitive = false; }
@@ -74795,12 +75129,12 @@ var SurveyModel = /** @class */ (function (_super) {
         return !!res ? res[0] : null;
     };
     /**
-     * Returns all questions by their valueName. name property is used if valueName property is empty.
-     * @param valueName a question name
-     * @param caseInsensitive
+     * Returns all questions with a specified [`valueName`](https://surveyjs.io/form-library/documentation/api-reference/question#valueName). If a question's `valueName` is undefined, its [`name`](https://surveyjs.io/form-library/documentation/api-reference/question#name) property is used.
+     * @param valueName A question's `valueName` property value.
+     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @returns An array of questions with a specified `valueName`.
+     * @see getAllQuestions
      * @see getQuestionByName
-     * @see getQuestionByValueName
-     * @see Question.valueName
      */
     SurveyModel.prototype.getQuestionsByValueName = function (valueName, caseInsensitive) {
         if (caseInsensitive === void 0) { caseInsensitive = false; }
@@ -74820,9 +75154,11 @@ var SurveyModel = /** @class */ (function (_super) {
         return null;
     };
     /**
-     * Gets a list of questions by their names.
-     * @param names an array of question names
-     * @param caseInsensitive
+     * Returns an array of questions with specified [names](https://surveyjs.io/form-library/documentation/api-reference/question#name).
+     * @param names An array of question names.
+     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @returns An array of questions with specified names
+     * @see getAllQuestions
      */
     SurveyModel.prototype.getQuestionsByNames = function (names, caseInsensitive) {
         if (caseInsensitive === void 0) { caseInsensitive = false; }
@@ -74886,10 +75222,12 @@ var SurveyModel = /** @class */ (function (_super) {
         return result;
     };
     /**
-     * Returns a list of all questions in the survey.
+     * Returns a list of all [questions](https://surveyjs.io/form-library/documentation/api-reference/question) in the survey.
      * @param visibleOnly A Boolean value that specifies whether to include only visible questions.
      * @param includeDesignTime For internal use.
      * @param includeNested A Boolean value that specifies whether to include nested questions, such as questions within matrix cells.
+     * @returns An array of questions.
+     * @see getQuestionByName
      */
     SurveyModel.prototype.getAllQuestions = function (visibleOnly, includeDesignTime, includeNested) {
         if (visibleOnly === void 0) { visibleOnly = false; }
@@ -74911,7 +75249,10 @@ var SurveyModel = /** @class */ (function (_super) {
         return res2;
     };
     /**
-     * Returns quiz questions. All visible questions that has input(s) widgets.
+     * Returns an array of quiz questions. A question counts if it is visible, has an input field, and specifies [`correctAnswer`](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#correctAnswer).
+     *
+     * For more information about quizzes, refer to the following tutorial: [Create a Quiz](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
+     * @returns An array of quiz questions.
      * @see getQuizQuestionCount
      */
     SurveyModel.prototype.getQuizQuestions = function () {
@@ -74931,10 +75272,11 @@ var SurveyModel = /** @class */ (function (_super) {
         return result;
     };
     /**
-     * Returns a panel by its name.
-     * @param name a panel name
-     * @param caseInsensitive
-     * @see getQuestionByName
+     * Returns a [panel](https://surveyjs.io/form-library/documentation/api-reference/panel-model) with a specified [`name`](https://surveyjs.io/form-library/documentation/api-reference/panel-model#name).
+     * @param name A panel name.
+     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the panel. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @returns A panel with a specified name.
+     * @see getAllPanels
      */
     SurveyModel.prototype.getPanelByName = function (name, caseInsensitive) {
         if (caseInsensitive === void 0) { caseInsensitive = false; }
@@ -74951,7 +75293,11 @@ var SurveyModel = /** @class */ (function (_super) {
         return null;
     };
     /**
-     * Returns a list of all survey's panels.
+     * Returns a list of all [panels](https://surveyjs.io/form-library/documentation/api-reference/panel-model) in the survey.
+     * @param visibleOnly A Boolean value that specifies whether to include only visible panels.
+     * @param includeDesignTime For internal use.
+     * @returns An array of panels.
+     * @see getPanelByName
      */
     SurveyModel.prototype.getAllPanels = function (visibleOnly, includeDesignTime) {
         if (visibleOnly === void 0) { visibleOnly = false; }
@@ -75666,9 +76012,13 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     /**
-     * Returns a variable value. Variable, unlike values, are not stored in the survey results.
-     * @param name A variable name
-     * @see SetVariable
+     * Returns a variable value.
+     *
+     * [Variables help topic](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#variables (linkStyle))
+     * @param name A variable name.
+     * @return A variable value.
+     * @see setVariable
+     * @see getVariableNames
      */
     SurveyModel.prototype.getVariable = function (name) {
         if (!name)
@@ -75684,10 +76034,13 @@ var SurveyModel = /** @class */ (function (_super) {
         return res;
     };
     /**
-     * Sets a variable value. Variable, unlike values, are not stored in the survey results.
-     * @param name A variable name
-     * @param newValue A variable new value
-     * @see GetVariable
+     * Sets a variable value.
+     *
+     * [Variables help topic](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#variables (linkStyle))
+     * @param name A variable name.
+     * @param newValue A new variable value.
+     * @see getVariable
+     * @see getVariableNames
      */
     SurveyModel.prototype.setVariable = function (name, newValue) {
         if (!name)
@@ -75702,7 +76055,10 @@ var SurveyModel = /** @class */ (function (_super) {
         this.onVariableChanged.fire(this, { name: name, value: newValue });
     };
     /**
-     * Returns all variables in the survey. Use setVariable function to create a new variable.
+     * Returns the names of all variables in the survey.
+     *
+     * [Variables help topic](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#variables (linkStyle))
+     * @returns An array of variable names.
      * @see getVariable
      * @see setVariable
      */
@@ -75720,8 +76076,9 @@ var SurveyModel = /** @class */ (function (_super) {
         return _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].getUnbindValue(value);
     };
     /**
-     * Returns a question value (answer) by a question's name.
-     * @param name A question name
+     * Returns a value (answer) for a question with a specified `name`.
+     * @param name A question name.
+     * @returns A question value (answer).
      * @see data
      * @see setValue
      */
@@ -75732,16 +76089,15 @@ var SurveyModel = /** @class */ (function (_super) {
         return this.getUnbindValue(value);
     };
     /**
-     * Sets a question value (answer). It runs all triggers and conditions (`visibleIf` properties).
+     * Sets a question value (answer).
      *
-     * Goes to the next page if `goNextPageAutomatic` is `true` and all questions on the current page are answered correctly.
-     * @param name A question name
-     * @param newValue A new question value
+     * > This method executes all triggers and reevaluates conditions (`visibleIf`, `requiredId`, and others). It also switches the survey to the next page if the [`goNextPageAutomatic`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#goNextPageAutomatic) property is enabled and all questions on the current page have correct answers.
+     * @param name A question name.
+     * @param newValue A new question value.
+     * @param locNotification For internal use.
+     * @param allowNotifyValueChanged For internal use.
      * @see data
      * @see getValue
-     * @see PageModel.visibleIf
-     * @see Question.visibleIf
-     * @see goNextPageAutomatic
      */
     SurveyModel.prototype.setValue = function (name, newQuestionValue, locNotification, allowNotifyValueChanged) {
         if (locNotification === void 0) { locNotification = false; }
@@ -75758,7 +76114,7 @@ var SurveyModel = /** @class */ (function (_super) {
             this.isTwoValueEquals(newValue, newQuestionValue))
             return;
         var oldValue = this.getValue(name);
-        if (this.isValueEmpty(newValue, false)) {
+        if (this.isValueEmpyOnSetValue(name, newValue)) {
             this.deleteDataValueCore(this.valuesHash, name);
         }
         else {
@@ -75767,6 +76123,13 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         this.updateOnSetValue(name, newValue, oldValue, locNotification, allowNotifyValueChanged);
     };
+    SurveyModel.prototype.isValueEmpyOnSetValue = function (name, val) {
+        if (!this.isValueEmpty(val, false))
+            return false;
+        if (!this.editingObj || val === null || val === undefined)
+            return true;
+        return this.editingObj.getDefaultPropertyValue(name) === val;
+    };
     SurveyModel.prototype.updateOnSetValue = function (name, newValue, oldValue, locNotification, allowNotifyValueChanged) {
         if (locNotification === void 0) { locNotification = false; }
         if (allowNotifyValueChanged === void 0) { allowNotifyValueChanged = true; }
@@ -75865,8 +76228,9 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     /**
-     * Returns the comment value.
-     * @param name A comment's name.
+     * Returns a comment value from a question with a specified `name`.
+     * @param name A question name.
+     * @returns A comment.
      * @see setComment
      */
     SurveyModel.prototype.getComment = function (name) {
@@ -75874,9 +76238,10 @@ var SurveyModel = /** @class */ (function (_super) {
         return res || "";
     };
     /**
-     * Sets a comment value.
-     * @param name A comment name.
+     * Sets a comment value to a question with a specified `name`.
+     * @param name A question name.
      * @param newValue A new comment value.
+     * @param locNotification For internal use.
      * @see getComment
      */
     SurveyModel.prototype.setComment = function (name, newValue, locNotification) {
@@ -76149,13 +76514,23 @@ var SurveyModel = /** @class */ (function (_super) {
         return this.getCorrectedAnswerCountCore(true);
     };
     /**
-     * Returns an amount of corrected quiz answers.
+     * Returns the number of correct answers in a quiz.
+     *
+     * For more information about quizzes, refer to the following tutorial: [Create a Quiz](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
+     * @returns The number of correct answers in a quiz.
+     * @see getQuizQuestionCount
+     * @see getInCorrectAnswerCount
      */
     SurveyModel.prototype.getCorrectAnswerCount = function () {
         return this.getCorrectedAnswerCountCore(true);
     };
     /**
-     * Returns quiz question number. It may be different from `getQuizQuestions.length` because some widgets like matrix may have several questions.
+     * Returns the number of quiz questions. A question counts if it is visible, has an input field, and specifies [`correctAnswer`](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#correctAnswer).
+     *
+     * This number may be different from `getQuizQuestions().length` because certain question types (for instance, matrix-like types) include more than one question.
+     *
+     * For more information about quizzes, refer to the following tutorial: [Create a Quiz](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
+     * @returns The number of quiz questions.
      * @see getQuizQuestions
      */
     SurveyModel.prototype.getQuizQuestionCount = function () {
@@ -76170,7 +76545,11 @@ var SurveyModel = /** @class */ (function (_super) {
         return this.getCorrectedAnswerCountCore(false);
     };
     /**
-     * Returns an amount of incorrect quiz answers.
+     * Returns the number of incorrect answers in a quiz.
+     *
+     * For more information about quizzes, refer to the following tutorial: [Create a Quiz](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
+     * @returns The number of incorrect answers in a quiz.
+     * @see getCorrectAnswerCount
      */
     SurveyModel.prototype.getInCorrectAnswerCount = function () {
         return this.getCorrectedAnswerCountCore(false);
@@ -76810,7 +77189,7 @@ var SurveyModel = /** @class */ (function (_super) {
                         containerLayoutElements.push(layoutElement);
                     }
                 }
-                if (container === "contentBottom") {
+                if (container === "footer") {
                     if (this.isShowProgressBarOnBottom && !this.isShowStartingPage) {
                         containerLayoutElements.push(layoutElement);
                     }
@@ -76869,12 +77248,14 @@ var SurveyModel = /** @class */ (function (_super) {
      * Use this method to dispose survey model properly.
      */
     SurveyModel.prototype.dispose = function () {
-        this.currentPage = null;
+        this.removeScrollEventListener();
         this.destroyResizeObserver();
+        this.rootElement = undefined;
         _super.prototype.dispose.call(this);
         this.editingObj = null;
         if (!this.pages)
             return;
+        this.currentPage = null;
         for (var i = 0; i < this.pages.length; i++) {
             this.pages[i].setSurveyImpl(undefined);
             this.pages[i].dispose();
@@ -76884,15 +77265,39 @@ var SurveyModel = /** @class */ (function (_super) {
             this.disposeCallback();
         }
     };
+    SurveyModel.prototype.onScroll = function () {
+        if (this.onScrollCallback) {
+            this.onScrollCallback();
+        }
+    };
+    SurveyModel.prototype.addScrollEventListener = function () {
+        var _this = this;
+        this.scrollHandler = function () { _this.onScroll(); };
+        this.rootElement.addEventListener("scroll", this.scrollHandler);
+    };
+    SurveyModel.prototype.removeScrollEventListener = function () {
+        if (!!this.rootElement && !!this.scrollHandler) {
+            this.rootElement.removeEventListener("scroll", this.scrollHandler);
+        }
+    };
     SurveyModel.TemplateRendererComponentName = "sv-template-renderer";
     SurveyModel.stylesManager = null;
     SurveyModel.platform = "unknown";
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "completedCss", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "completedBeforeCss", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "loadingBodyCss", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "containerCss", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ onSet: function (newValue, target) { target.updateCss(); } })
+    ], SurveyModel.prototype, "fitToContainer", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "showBrandInfo", void 0);
@@ -77168,6 +77573,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
         choices: ["auto", "static", "responsive"],
     },
     { name: "width", visibleIf: function (obj) { return obj.widthMode === "static"; } },
+    { name: "fitToContainer:boolean", default: false },
     { name: "backgroundImage", visible: false },
     { name: "backgroundImageFit", default: "cover", choices: ["auto", "contain", "cover"], visible: false },
     { name: "backgroundImageAttachment", default: "scroll", choices: ["scroll", "fixed"], visible: false },
@@ -79242,37 +79648,6 @@ var VerticalResponsivityManager = /** @class */ (function (_super) {
 
 
 
-/***/ }),
-
-/***/ "./src/utils/tooltip.ts":
-/*!******************************!*\
-  !*** ./src/utils/tooltip.ts ***!
-  \******************************/
-/*! exports provided: TooltipManager */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TooltipManager", function() { return TooltipManager; });
-var TooltipManager = /** @class */ (function () {
-    function TooltipManager(tooltipElement) {
-        var _this = this;
-        this.tooltipElement = tooltipElement;
-        this.onMouseMoveCallback = function (e) {
-            _this.tooltipElement.style.left = e.clientX + 12 + "px";
-            _this.tooltipElement.style.top = e.clientY + 12 + "px";
-        };
-        this.targetElement = tooltipElement.parentElement;
-        this.targetElement.addEventListener("mousemove", this.onMouseMoveCallback);
-    }
-    TooltipManager.prototype.dispose = function () {
-        this.targetElement.removeEventListener("mousemove", this.onMouseMoveCallback);
-    };
-    return TooltipManager;
-}());
-
-
-
 /***/ }),
 
 /***/ "./src/utils/utils.ts":