survey-core 1.9.105 → 1.9.107

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.105
+ * surveyjs - Survey JavaScript library v1.9.107
  * 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;
@@ -1871,11 +1901,13 @@ var Base = /** @class */ (function () {
         return {};
     };
     Base.prototype.dispose = function () {
+        var _this = this;
         for (var i = 0; i < this.eventList.length; i++) {
             this.eventList[i].clear();
         }
         this.onPropertyValueChangedCallback = undefined;
         this.isDisposedValue = true;
+        Object.keys(this.dependencies).forEach(function (key) { return _this.dependencies[key].dispose(); });
     };
     Object.defineProperty(Base.prototype, "isDisposed", {
         get: function () {
@@ -2079,6 +2111,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 +2124,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 +5199,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 +5215,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 +5226,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 +5502,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 +6823,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 +6877,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();
@@ -6907,9 +6959,12 @@ var DragDropDOMAdapter = /** @class */ (function () {
         var _this = this;
         cancelAnimationFrame(this.scrollIntervalId);
         var startScrollBoundary = 100;
-        this.draggedElementShortcut.hidden = true;
+        var displayProp = this.draggedElementShortcut.style.display;
+        //this.draggedElementShortcut.hidden = true;
+        this.draggedElementShortcut.style.display = "none";
         var dragOverNode = document.elementFromPoint(clientX, clientY);
-        this.draggedElementShortcut.hidden = false;
+        //this.draggedElementShortcut.hidden = false;
+        this.draggedElementShortcut.style.display = displayProp || "block";
         var scrollableParentNode = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["findScrollableParent"])(dragOverNode);
         var top;
         var bottom;
@@ -7554,9 +7609,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 +8137,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 +8250,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();
@@ -8570,7 +8632,7 @@ var ElementHelper = /** @class */ (function () {
 /*!*************************************!*\
   !*** ./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";
@@ -8760,6 +8822,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"]; });
@@ -9033,8 +9103,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.105";
-ReleaseDate = "" + "2023-08-30";
+Version = "" + "1.9.107";
+ReleaseDate = "" + "2023-09-11";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9182,7 +9252,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";
@@ -9352,6 +9422,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"]; });
@@ -9607,11 +9685,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
 
@@ -9630,14 +9705,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";
@@ -9807,6 +9881,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"]; });
@@ -10053,8 +10135,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");
@@ -13876,7 +13956,7 @@ var Const = /** @class */ (function (_super) {
         if (OperandMaker.isNumeric(value)) {
             if (value.indexOf("0x") == 0)
                 return parseInt(value);
-            if (value.length > 1 && value[0] == "0")
+            if (value.length > 1 && value[0] == "0" && (value.length < 2 || (value[1] !== "." && value[1] !== ",")))
                 return value;
             return parseFloat(value);
         }
@@ -15217,6 +15297,8 @@ var Helpers = /** @class */ (function () {
             }
             return a + b;
         }
+        if (typeof a === "string" || typeof b === "string")
+            return a + b;
         return Helpers.correctAfterPlusMinis(a, b, a + b);
     };
     Helpers.correctAfterMultiple = function (a, b, res) {
@@ -15339,6 +15421,7 @@ var map = {
 	"./clear_16x16.svg": "./src/images/clear_16x16.svg",
 	"./collapseDetail.svg": "./src/images/collapseDetail.svg",
 	"./expandDetail.svg": "./src/images/expandDetail.svg",
+	"./loading.svg": "./src/images/loading.svg",
 	"./no-image.svg": "./src/images/no-image.svg",
 	"./rating-star-2.svg": "./src/images/rating-star-2.svg",
 	"./rating-star-small-2.svg": "./src/images/rating-star-small-2.svg",
@@ -15699,6 +15782,17 @@ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/loading.svg":
+/*!********************************!*\
+  !*** ./src/images/loading.svg ***!
+  \********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_885_24957)\"><path opacity=\"0.1\" d=\"M24 40C15.18 40 8 32.82 8 24C8 15.18 15.18 8 24 8C32.82 8 40 15.18 40 24C40 32.82 32.82 40 24 40ZM24 12C17.38 12 12 17.38 12 24C12 30.62 17.38 36 24 36C30.62 36 36 30.62 36 24C36 17.38 30.62 12 24 12Z\" fill=\"black\" fill-opacity=\"0.91\"></path><path d=\"M10 26C8.9 26 8 25.1 8 24C8 15.18 15.18 8 24 8C25.1 8 26 8.9 26 10C26 11.1 25.1 12 24 12C17.38 12 12 17.38 12 24C12 25.1 11.1 26 10 26Z\" fill=\"#19B394\"></path></g><defs><clipPath id=\"clip0_885_24957\"><rect width=\"32\" height=\"32\" fill=\"white\" transform=\"translate(8 8)\"></rect></clipPath></defs></svg>"
+
+/***/ }),
+
 /***/ "./src/images/no-image.svg":
 /*!*********************************!*\
   !*** ./src/images/no-image.svg ***!
@@ -16541,6 +16635,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) {
@@ -16548,6 +16644,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;
@@ -16749,9 +16849,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)
@@ -18133,7 +18234,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) {
@@ -18658,6 +18759,7 @@ var ListModel = /** @class */ (function (_super) {
         if (!!this.loadingIndicatorValue) {
             this.loadingIndicatorValue.dispose();
         }
+        this.listContainerHtmlElement = undefined;
     };
     ListModel.INDENT = 16;
     ListModel.MINELEMENTCOUNT = 10;
@@ -18754,6 +18856,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 () {
@@ -18822,19 +18937,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);
@@ -18898,35 +19013,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;
@@ -18935,9 +19059,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") {
@@ -18954,6 +19077,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;
@@ -19017,7 +19147,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);
@@ -20751,9 +20881,10 @@ var PanelModelBase = /** @class */ (function (_super) {
     PanelModelBase.prototype.canShowTitle = function () { return true; };
     Object.defineProperty(PanelModelBase.prototype, "_showDescription", {
         get: function () {
+            if (!this.hasTitle && this.isDesignMode)
+                return false;
             return this.survey && this.survey.showPageTitles && this.hasDescription ||
                 (this.showDescription && this.isDesignMode &&
-                    _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].designMode.showEmptyTitles &&
                     _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].designMode.showEmptyDescriptions);
         },
         enumerable: false,
@@ -22603,6 +22734,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _popup_view_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./popup-view-model */ "./src/popup-view-model.ts");
 /* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _survey__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./survey */ "./src/survey.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -22629,6 +22761,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var PopupDropdownViewModel = /** @class */ (function (_super) {
     __extends(PopupDropdownViewModel, _super);
     function PopupDropdownViewModel(model, targetElement) {
@@ -22648,7 +22781,7 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
         };
         _this.resizeWindowCallback = function () {
             if (!_this.isOverlay) {
-                _this.updatePosition(true, false);
+                _this.updatePosition(true, _survey__WEBPACK_IMPORTED_MODULE_5__["SurveyModel"].platform === "vue" || _survey__WEBPACK_IMPORTED_MODULE_5__["SurveyModel"].platform === "vue3");
             }
         };
         _this.clientY = 0;
@@ -22659,11 +22792,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) {
@@ -22696,8 +22825,8 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
         this.popupDirection = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].calculatePopupDirection(verticalPosition, actualHorizontalPosition);
         var pos = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].calculatePosition(targetElementRect, height, width + marginLeft + marginRight, verticalPosition, actualHorizontalPosition, this.showHeader, this.model.positionMode);
         if (!!window) {
-            var newVerticalDimensions = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].updateVerticalDimensions(pos.top, height, window.innerHeight);
-            if (!!newVerticalDimensions) {
+            var newVerticalDimensions = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].getCorrectedVerticalDimensions(pos.top, height, window.innerHeight);
+            if (!!newVerticalDimensions.height) {
                 this.height = newVerticalDimensions.height + "px";
                 pos.top = newVerticalDimensions.top;
             }
@@ -22758,6 +22887,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;
@@ -22821,6 +22954,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"])()
@@ -23008,16 +23165,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 () { };
@@ -23251,9 +23398,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"])()
@@ -23373,6 +23518,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";
@@ -23435,11 +23581,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) {
@@ -23447,7 +23596,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", {
@@ -23627,6 +23776,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;
@@ -23634,6 +23786,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         if (!!this.footerToolbarValue) {
             this.footerToolbarValue.dispose();
         }
+        this.resetComponentElement();
     };
     PopupBaseViewModel.prototype.initializePopupContainer = function () {
         if (!this.container) {
@@ -23649,6 +23802,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;
@@ -23663,6 +23817,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);
@@ -23729,7 +23884,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; }
@@ -23740,7 +23895,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();
@@ -23795,6 +23952,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);
@@ -24202,11 +24363,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.
@@ -24382,6 +24546,9 @@ var Question = /** @class */ (function (_super) {
             this.runConditions();
         }
         this.calcRenderedCommentPlaceholder();
+        if (!this.visible) {
+            this.updateIsVisibleProp();
+        }
     };
     Object.defineProperty(Question.prototype, "parent", {
         /**
@@ -24966,11 +25133,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 () {
@@ -24986,17 +25150,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
@@ -25032,7 +25188,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();
@@ -25550,6 +25705,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) {
@@ -25868,13 +26029,15 @@ var Question = /** @class */ (function (_super) {
         return this.checkIfAnswerCorrect() ? 1 : 0;
     };
     Question.prototype.checkIfAnswerCorrect = function () {
-        var isEqual = this.isTwoValueEquals(this.value, this.correctAnswer, !_settings__WEBPACK_IMPORTED_MODULE_8__["settings"].comparator.caseSensitive, true);
-        var options = { result: isEqual, correctAnswer: isEqual ? 1 : 0 };
+        var isEqual = _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(this.value, this.correctAnswer, this.getAnswerCorrectIgnoreOrder(), _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].comparator.caseSensitive, true);
+        var correct = isEqual ? 1 : 0;
+        var options = { result: isEqual, correctAnswer: correct, correctAnswers: correct, incorrectAnswers: this.quizQuestionCount - correct };
         if (!!this.survey) {
             this.survey.onCorrectQuestionAnswer(this, options);
         }
         return options.result;
     };
+    Question.prototype.getAnswerCorrectIgnoreOrder = function () { return false; };
     /**
     * Returns `true` if a question answer matches the `correctAnswer` property value.
     *
@@ -26385,7 +26548,9 @@ var Question = /** @class */ (function (_super) {
         }
         if (!this.checkIsValueCorrect(newValue))
             return;
+        this.isChangingViaDefaultValue = true;
         this.setQuestionValue(this.valueFromData(newValue));
+        this.isChangingViaDefaultValue = false;
         this.updateDependedQuestions();
         this.updateIsAnswered();
     };
@@ -27648,53 +27813,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; }
@@ -30065,10 +30228,21 @@ 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;
     };
     QuestionCheckboxModel.prototype.validateItemValues = function (itemValues) {
+        var _this = this;
         if (!!itemValues.length)
             return itemValues;
         var selectedItemValues = this.selectedItemValues;
@@ -30077,8 +30251,9 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
             return selectedItemValues;
         }
         var val = this.renderedValue;
-        return val.map(function (item) { return new _itemvalue__WEBPACK_IMPORTED_MODULE_4__["ItemValue"](item); });
+        return val.map(function (item) { return _this.createItemValue(item); });
     };
+    QuestionCheckboxModel.prototype.getAnswerCorrectIgnoreOrder = function () { return true; };
     QuestionCheckboxModel.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
         _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
         if (isOnValueChanged)
@@ -31576,10 +31751,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
 /* harmony import */ var _question_baseselect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./question_baseselect */ "./src/question_baseselect.ts");
-/* harmony import */ var _itemvalue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./itemvalue */ "./src/itemvalue.ts");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _dropdownListModel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./dropdownListModel */ "./src/dropdownListModel.ts");
-/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _dropdownListModel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dropdownListModel */ "./src/dropdownListModel.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -31607,7 +31781,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
-
 /**
  * A class that describes the Dropdown question type.
  *
@@ -31743,7 +31916,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
                 (this.choicesMax - this.choicesMin) / this.choicesStep + 1) {
             this.minMaxChoices = [];
             for (var i = this.choicesMin; i <= this.choicesMax; i += this.choicesStep) {
-                this.minMaxChoices.push(new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](i));
+                this.minMaxChoices.push(this.createItemValue(i));
             }
         }
         res = res.concat(this.minMaxChoices);
@@ -31827,7 +32000,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionDropdownModel.prototype.getControlClass = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(this.cssClasses.control)
             .append(this.cssClasses.controlEmpty, this.isEmpty())
             .append(this.cssClasses.onError, this.errors.length > 0)
@@ -31875,7 +32048,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
     Object.defineProperty(QuestionDropdownModel.prototype, "dropdownListModel", {
         get: function () {
             if (this.renderAs !== "select" && !this.dropdownListModelValue) {
-                this.dropdownListModelValue = new _dropdownListModel__WEBPACK_IMPORTED_MODULE_5__["DropdownListModel"](this);
+                this.dropdownListModelValue = new _dropdownListModel__WEBPACK_IMPORTED_MODULE_4__["DropdownListModel"](this);
             }
             return this.dropdownListModelValue;
         },
@@ -32001,7 +32174,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("dropdown", [
     { name: "choicesMin:number", default: 0 },
     { name: "choicesMax:number", default: 0 },
     { name: "choicesStep:number", default: 1, minValue: 1 },
-    { name: "autocomplete", alternativeName: "autoComplete", choices: _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].questions.dataList, },
+    { name: "autocomplete", alternativeName: "autoComplete", choices: _settings__WEBPACK_IMPORTED_MODULE_5__["settings"].questions.dataList, },
     { name: "renderAs", default: "default", visible: false },
     { name: "searchEnabled:boolean", default: true, visible: false },
     { name: "choicesLazyLoadEnabled:boolean", default: false, visible: false },
@@ -33006,16 +33179,47 @@ var QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionFileModel.prototype, "showChooseButton", {
+        get: function () {
+            return !this.showLoadingIndicator;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionFileModel.prototype, "showLoadingIndicator", {
+        get: function () {
+            return this.isUploading && this.isDefaultV2Theme;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionFileModel.prototype, "allowShowPreview", {
+        get: function () {
+            return this.previewValue && this.previewValue.length > 0 && !this.showLoadingIndicator;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionFileModel.prototype, "showRemoveButtonCore", {
+        get: function () {
+            var showLoadingIndicator = this.showLoadingIndicator;
+            var isReadOnly = this.isReadOnly;
+            var isEmpty = this.isEmpty();
+            return !isReadOnly && !isEmpty && !showLoadingIndicator;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionFileModel.prototype, "showRemoveButton", {
         get: function () {
-            return !this.isReadOnly && !this.isEmpty() && this.cssClasses.removeButton;
+            return this.showRemoveButtonCore && this.cssClasses.removeButton;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(QuestionFileModel.prototype, "showRemoveButtonBottom", {
         get: function () {
-            return !this.isReadOnly && !this.isEmpty() && this.cssClasses.removeButtonBottom;
+            return this.showRemoveButtonCore && this.cssClasses.removeButtonBottom;
         },
         enumerable: false,
         configurable: true
@@ -33291,6 +33495,9 @@ var QuestionFileModel = /** @class */ (function (_super) {
         var previewIndex = this.previewValue.indexOf(data);
         this.removeFileByContent(previewIndex === -1 ? data : this.value[previewIndex]);
     };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], QuestionFileModel.prototype, "isUploading", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionFileModel.prototype, "isDragging", void 0);
@@ -36151,8 +36358,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);
@@ -36791,10 +36996,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();
     };
@@ -36921,6 +37131,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];
@@ -36949,7 +37161,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();
@@ -36967,15 +37179,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;
@@ -37951,9 +38161,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"]));
 
@@ -38096,12 +38303,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) {
@@ -38211,15 +38418,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;
@@ -38757,13 +38979,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);
     };
@@ -38845,6 +39072,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
         }
     },
     "width",
+    { name: "visible:switch", default: true, overridingProperty: "visibleIf" },
     "visibleIf:condition",
     "enableIf:condition",
     "requiredIf:condition",
@@ -39448,7 +39676,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);
@@ -39473,7 +39701,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 () {
@@ -39492,7 +39720,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);
@@ -39670,14 +39898,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 {
@@ -39710,7 +39938,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);
@@ -39780,7 +40008,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);
                 }
@@ -39995,12 +40223,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;
     };
@@ -41133,7 +41363,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";
@@ -41141,6 +41371,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");
@@ -41165,6 +41399,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;
+};
 
 
 
@@ -41207,6 +41447,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 "";
@@ -41281,9 +41524,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.
@@ -41548,8 +41788,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;
@@ -41600,7 +41840,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; }
@@ -41739,6 +41978,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();
     };
@@ -41782,22 +42035,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);
@@ -41975,12 +42250,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",
@@ -43832,6 +44182,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);
@@ -43844,6 +44195,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);
@@ -44488,11 +44840,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"]({
@@ -44536,13 +44899,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();
     };
@@ -44929,7 +45299,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);
             }
         };
@@ -45002,7 +45374,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 () {
@@ -45217,6 +45591,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;
@@ -46994,18 +47371,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) {
@@ -47158,6 +47541,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);
@@ -49736,7 +50122,7 @@ var SurveyElementCore = /** @class */ (function (_super) {
             var property_1 = _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].findProperty(this.getType(), "description");
             showPlaceholder = !!(property_1 === null || property_1 === void 0 ? void 0 : property_1.placeholder);
         }
-        this.hasDescription = !!newDescription || showPlaceholder;
+        this.hasDescription = !!newDescription || (showPlaceholder && this.isDesignMode);
     };
     Object.defineProperty(SurveyElementCore.prototype, "locDescription", {
         get: function () {
@@ -50205,6 +50591,7 @@ var SurveyElement = /** @class */ (function (_super) {
             this.onSetData();
         }
         if (!!this.survey) {
+            this.updateDescriptionVisibility(this.description);
             this.clearCssClasses();
         }
     };
@@ -50649,23 +51036,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);
@@ -50684,10 +51054,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"]()
@@ -50893,6 +51263,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 })
@@ -51150,7 +51526,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();
         /**
@@ -51175,7 +51551,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.
          *
@@ -51663,6 +52039,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
@@ -51880,6 +52260,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",
@@ -52055,6 +52445,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();
@@ -52305,7 +52703,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");
@@ -53861,11 +54259,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 () {
@@ -54213,6 +54612,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) {
@@ -56139,6 +56543,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) {
@@ -56169,6 +56574,7 @@ var SurveyModel = /** @class */ (function (_super) {
             htmlElement: htmlElement,
         });
         this.rootElement = htmlElement;
+        this.addScrollEventListener();
     };
     SurveyModel.prototype.processResponsiveness = function (width, mobileWidth) {
         var isMobile = width < mobileWidth;
@@ -56431,6 +56837,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;
@@ -56693,9 +57103,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) {
@@ -56717,12 +57129,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; }
@@ -56730,12 +57144,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; }
@@ -56755,9 +57169,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; }
@@ -56821,10 +57237,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; }
@@ -56846,7 +57264,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 () {
@@ -56866,10 +57287,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; }
@@ -56886,7 +57308,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; }
@@ -57601,9 +58027,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)
@@ -57619,10 +58049,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)
@@ -57637,7 +58070,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
      */
@@ -57655,8 +58091,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
      */
@@ -57667,16 +58104,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; }
@@ -57693,7 +58129,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 {
@@ -57702,6 +58138,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; }
@@ -57800,8 +58243,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) {
@@ -57809,9 +58253,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) {
@@ -58081,16 +58526,26 @@ var SurveyModel = /** @class */ (function (_super) {
         return options.html;
     };
     SurveyModel.prototype.getCorrectedAnswerCount = function () {
-        return this.getCorrectedAnswerCountCore(true);
+        return this.getCorrectAnswerCount();
     };
     /**
-     * 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 () {
@@ -58102,10 +58557,14 @@ var SurveyModel = /** @class */ (function (_super) {
         return res;
     };
     SurveyModel.prototype.getInCorrectedAnswerCount = function () {
-        return this.getCorrectedAnswerCountCore(false);
+        return this.getInCorrectAnswerCount();
     };
     /**
-     * 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);
@@ -58119,32 +58578,14 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.getCorrectedAnswerCountCore = function (isCorrect) {
         var questions = this.getQuizQuestions();
         var counter = 0;
-        var options = {
-            question: null,
-            result: false,
-            correctAnswers: 0,
-            incorrectAnswers: 0,
-        };
         for (var i = 0; i < questions.length; i++) {
             var q = questions[i];
-            var quizQuestionCount = q.quizQuestionCount;
-            options.question = q;
-            options.correctAnswers = q.correctAnswerCount;
-            options.incorrectAnswers = quizQuestionCount - options.correctAnswers;
-            options.result = options.question.isAnswerCorrect();
-            this.onIsAnswerCorrect.fire(this, options);
+            var correctCount = q.correctAnswerCount;
             if (isCorrect) {
-                if (options.result || options.correctAnswers < quizQuestionCount) {
-                    var addCount = options.correctAnswers;
-                    if (addCount == 0 && options.result)
-                        addCount = 1;
-                    counter += addCount;
-                }
+                counter += correctCount;
             }
             else {
-                if (!options.result || options.incorrectAnswers < quizQuestionCount) {
-                    counter += options.incorrectAnswers;
-                }
+                counter += q.quizQuestionCount - correctCount;
             }
         }
         return counter;
@@ -58745,7 +59186,7 @@ var SurveyModel = /** @class */ (function (_super) {
                         containerLayoutElements.push(layoutElement);
                     }
                 }
-                if (container === "contentBottom") {
+                if (container === "footer") {
                     if (this.isShowProgressBarOnBottom && !this.isShowStartingPage) {
                         containerLayoutElements.push(layoutElement);
                     }
@@ -58804,12 +59245,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();
@@ -58819,15 +59262,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);
@@ -59103,6 +59570,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 },
@@ -60907,8 +61375,8 @@ var PopupUtils = /** @class */ (function () {
         }
         return { left: Math.round(currentLeft), top: Math.round(currentTop) };
     };
-    PopupUtils.updateVerticalDimensions = function (top, height, windowHeight) {
-        var result;
+    PopupUtils.getCorrectedVerticalDimensions = function (top, height, windowHeight) {
+        var result = { height: height, top: top };
         if (top < 0) {
             result = { height: height + top, top: 0 };
         }
@@ -61177,37 +61645,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":