survey-react 1.9.104 → 1.9.106

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.104
+ * surveyjs - Survey JavaScript library v1.9.106
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -734,11 +734,13 @@ function createDropdownActionModel(actionOptions, dropdownOptions, locOwner) {
 }
 function createDropdownActionModelAdvanced(actionOptions, listOptions, popupOptions, locOwner) {
     var listModel = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](listOptions.items, function (item) {
-        listOptions.onSelectionChanged(item),
-            innerPopupModel.toggleVisibility();
+        listOptions.onSelectionChanged(item);
+        innerPopupModel.toggleVisibility();
     }, listOptions.allowSelection, listOptions.selectedItem, listOptions.onFilterStringChangedCallback);
     listModel.locOwner = locOwner;
-    var innerPopupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: listModel }, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.verticalPosition, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.horizontalPosition, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.showPointer, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.isModal, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onCancel, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onApply, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onHide, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onShow, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.cssClass, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.title);
+    var innerPopupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: listModel }, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.verticalPosition, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.horizontalPosition, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.showPointer, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.isModal, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onCancel, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onApply, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onHide, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onShow, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.cssClass, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.title, function () {
+        listModel.dispose();
+    });
     innerPopupModel.displayMode = popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.displayMode;
     var newActionOptions = Object.assign({}, actionOptions, {
         component: "sv-action-bar-item-dropdown",
@@ -1062,6 +1064,17 @@ var Action = /** @class */ (function (_super) {
     Action.prototype.getComponent = function () {
         return this._component;
     };
+    Action.prototype.dispose = function () {
+        this.action = undefined;
+        _super.prototype.dispose.call(this);
+        if (this.popupModel) {
+            this.popupModel.dispose();
+        }
+        if (!!this.locTitleValue) {
+            this.locTitleValue.onStringChanged.remove(this.locTitleChanged);
+            this.locTitleChanged = undefined;
+        }
+    };
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], Action.prototype, "id", void 0);
@@ -1195,21 +1208,29 @@ var AdaptiveActionContainer = /** @class */ (function (_super) {
         return _this;
     }
     AdaptiveActionContainer.prototype.hideItemsGreaterN = function (visibleItemsCount) {
-        var actionsToHide = this.visibleActions.filter(function (action) { return !action.disableHide; });
+        var actionsToHide = this.getActionsToHide();
         visibleItemsCount = Math.max(visibleItemsCount, this.minVisibleItemsCount - (this.visibleActions.length - actionsToHide.length));
         var hiddenItems = [];
         actionsToHide.forEach(function (item) {
             if (visibleItemsCount <= 0) {
-                item.mode = "popup";
-                hiddenItems.push(item.innerItem);
+                if (item.removePriority) {
+                    item.mode = "removed";
+                }
+                else {
+                    item.mode = "popup";
+                    hiddenItems.push(item.innerItem);
+                }
             }
             visibleItemsCount--;
         });
         this.hiddenItemsListModel.setItems(hiddenItems);
     };
+    AdaptiveActionContainer.prototype.getActionsToHide = function () {
+        return this.visibleActions.filter(function (action) { return !action.disableHide; }).sort(function (a, b) { return a.removePriority || 0 - b.removePriority || 0; });
+    };
     AdaptiveActionContainer.prototype.getVisibleItemsCount = function (availableSize) {
         this.visibleActions.filter(function (action) { return action.disableHide; }).forEach(function (action) { return availableSize -= action.minDimension; });
-        var itemsSizes = this.visibleActions.filter(function (action) { return !action.disableHide; }).map(function (item) { return item.minDimension; });
+        var itemsSizes = this.getActionsToHide().map(function (item) { return item.minDimension; });
         var currSize = 0;
         for (var i = 0; i < itemsSizes.length; i++) {
             currSize += itemsSizes[i];
@@ -1289,7 +1310,7 @@ var AdaptiveActionContainer = /** @class */ (function (_super) {
         else if (dimension < minSize) {
             this.setActionsMode("small");
             this.hideItemsGreaterN(this.getVisibleItemsCount(dimension - dotsItemSize));
-            this.dotsItem.visible = true;
+            this.dotsItem.visible = !!this.hiddenItemsListModel.actions.length;
         }
         else {
             this.updateItemMode(dimension, maxSize);
@@ -1305,10 +1326,16 @@ var AdaptiveActionContainer = /** @class */ (function (_super) {
         }
     };
     AdaptiveActionContainer.prototype.setActionsMode = function (mode) {
-        this.actions.forEach(function (action) { return (action.mode = mode); });
+        this.actions.forEach(function (action) {
+            if (mode == "small" && action.disableShrink)
+                return;
+            action.mode = mode;
+        });
     };
     AdaptiveActionContainer.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
+        this.dotsItem.data.dispose();
+        this.dotsItem.dispose();
         this.resetResponsivityManager();
     };
     AdaptiveActionContainer.ContainerID = 1;
@@ -1366,6 +1393,7 @@ var defaultActionBarCss = {
     defaultSizeMode: "sv-action-bar--default-size-mode",
     smallSizeMode: "sv-action-bar--small-size-mode",
     item: "sv-action-bar-item",
+    itemAsIcon: "sv-action-bar-item--icon",
     itemActive: "sv-action-bar-item--active",
     itemPressed: "sv-action-bar-item--pressed",
     itemIcon: "sv-action-bar-item__icon",
@@ -1725,6 +1753,7 @@ var Dependencies = /** @class */ (function () {
         this.dependencies.forEach(function (dependency) {
             dependency.obj.unregisterPropertyChangedHandlers([dependency.prop], dependency.id);
         });
+        // this.currentDependency = undefined;
     };
     Dependencies.DependenciesCount = 0;
     return Dependencies;
@@ -1768,6 +1797,7 @@ var ComputedUpdater = /** @class */ (function () {
  */
 var Base = /** @class */ (function () {
     function Base() {
+        this.dependencies = {};
         this.propertyHash = Base.createPropertiesHash();
         this.eventList = [];
         this.isLoadingFromJsonValue = false;
@@ -1876,6 +1906,7 @@ var Base = /** @class */ (function () {
         }
         this.onPropertyValueChangedCallback = undefined;
         this.isDisposedValue = true;
+        Object.values(this.dependencies).forEach(function (dependencies) { return dependencies.dispose(); });
     };
     Object.defineProperty(Base.prototype, "isDisposed", {
         get: function () {
@@ -2064,7 +2095,7 @@ var Base = /** @class */ (function () {
             var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
             if (locStr)
                 return locStr.text;
-            if (defaultValue != null)
+            if (defaultValue !== null && defaultValue !== undefined)
                 return defaultValue;
             var propDefaultValue = this.getDefaultPropertyValue(name);
             if (propDefaultValue !== undefined)
@@ -2079,6 +2110,9 @@ var Base = /** @class */ (function () {
         var dValue = prop.defaultValue;
         if (!this.isPropertyEmpty(dValue) && !Array.isArray(dValue))
             return dValue;
+        var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
+        if (locStr && locStr.localizationName)
+            return this.getLocalizationString(locStr.localizationName);
         if (prop.type == "boolean" || prop.type == "switch")
             return false;
         if (prop.isCustom && !!prop.onGetValue)
@@ -2089,7 +2123,13 @@ var Base = /** @class */ (function () {
         return this.getDefaultPropertyValue(name) !== undefined;
     };
     Base.prototype.resetPropertyValue = function (name) {
-        this.setPropertyValue(name, undefined);
+        var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
+        if (locStr) {
+            locStr.clearLocale();
+        }
+        else {
+            this.setPropertyValue(name, undefined);
+        }
     };
     Base.prototype.getPropertyValueWithoutDefault = function (name) {
         return this.getPropertyValueCore(this.propertyHash, name);
@@ -3390,7 +3430,8 @@ var ChoicesRestful = /** @class */ (function (_super) {
          * @see titleName
          */
         get: function () {
-            return this.getPropertyValue("path", "");
+            var res = this.getPropertyValue("path");
+            return !!res ? res : "";
         },
         set: function (val) {
             this.setPropertyValue("path", val);
@@ -4675,6 +4716,8 @@ var modernCss = {
         small: "sv-row__question--small",
         controls: "sjs_sp_controls",
         placeholder: "sjs_sp_placeholder",
+        canvas: "sjs_sp_canvas",
+        backgroundImage: "sjs_sp__background-image",
         clearButton: "sjs_sp_clear",
     },
     saveData: {
@@ -5065,6 +5108,8 @@ var defaultStandardCss = {
         root: "sv_q_signaturepad sjs_sp_container",
         controls: "sjs_sp_controls",
         placeholder: "sjs_sp_placeholder",
+        canvas: "sjs_sp_canvas",
+        backgroundImage: "sjs_sp__background-image",
         clearButton: "sjs_sp_clear",
     },
     saveData: {
@@ -5153,6 +5198,7 @@ var defaultV2Css = {
     rootMobile: "sd-root-modern--mobile",
     rootReadOnly: "sd-root--readonly",
     rootCompact: "sd-root--compact",
+    rootFitToContainer: "sd-root-modern--full-container",
     rootBackgroundImage: "sd-root_background-image",
     container: "sd-container-modern",
     header: "sd-title sd-container-modern__title",
@@ -5168,6 +5214,7 @@ var defaultV2Css = {
     clockTimerMinorText: "sd-timer__text--minor",
     clockTimerMajorText: "sd-timer__text--major",
     bodyEmpty: "sd-body sd-body--empty",
+    bodyLoading: "sd-body--loading",
     footer: "sd-footer sd-body__navigation sd-clearfix",
     title: "sd-title",
     description: "sd-description",
@@ -5178,6 +5225,7 @@ var defaultV2Css = {
     navigationButton: "",
     bodyNavigationButton: "sd-btn",
     completedPage: "sd-completedpage",
+    completedBeforePage: "sd-completed-before-page",
     timerRoot: "sd-body__timer",
     navigation: {
         complete: "sd-btn--action sd-navigation__complete-btn",
@@ -5453,7 +5501,10 @@ var defaultV2Css = {
         itemTitle: "sd-multipletext__item-title",
         content: "sd-multipletext__content sd-question__content",
         row: "sd-multipletext__row",
-        cell: "sd-multipletext__cell"
+        cell: "sd-multipletext__cell",
+        cellError: "sd-multipletext__cell--error",
+        cellErrorTop: "sd-multipletext__cell--error-top",
+        cellErrorBottom: "sd-multipletext__cell--error-bottom"
     },
     dropdown: {
         root: "sd-selectbase",
@@ -5712,6 +5763,8 @@ var defaultV2Css = {
         small: "sd-row__question--small",
         controls: "sjs_sp_controls sd-signaturepad__controls",
         placeholder: "sjs_sp_placeholder",
+        canvas: "sjs_sp_canvas sd-signaturepad__canvas",
+        backgroundImage: "sjs_sp__background-image sd-signaturepad__background-image",
         clearButton: "sjs_sp_clear sd-context-btn sd-context-btn--negative sd-signaturepad__clear",
         clearButtonIconId: "icon-clear"
     },
@@ -6413,8 +6466,14 @@ var DragDropChoices = /** @class */ (function (_super) {
     };
     DragDropChoices.prototype.getVisibleChoices = function () {
         var parent = this.parentElement;
-        if (parent.getType() === "ranking")
-            return parent.rankingChoices;
+        if (parent.getType() === "ranking") {
+            if (parent.selectToRankEnabled) {
+                return parent.visibleChoices;
+            }
+            else {
+                return parent.rankingChoices;
+            }
+        }
         return parent.visibleChoices;
     };
     DragDropChoices.prototype.isDropTargetValid = function (dropTarget, dropTargetNode) {
@@ -6596,9 +6655,12 @@ var DragDropCore = /** @class */ (function () {
     DragDropCore.prototype.doDragOver = function () { };
     DragDropCore.prototype.afterDragOver = function (dropTargetNode) { };
     DragDropCore.prototype.findDropTargetNodeFromPoint = function (clientX, clientY) {
-        this.domAdapter.draggedElementShortcut.hidden = true;
+        var displayProp = this.domAdapter.draggedElementShortcut.style.display;
+        //this.domAdapter.draggedElementShortcut.hidden = true;
+        this.domAdapter.draggedElementShortcut.style.display = "none";
         var dragOverNode = document.elementFromPoint(clientX, clientY);
-        this.domAdapter.draggedElementShortcut.hidden = false;
+        // this.domAdapter.draggedElementShortcut.hidden = false;
+        this.domAdapter.draggedElementShortcut.style.display = displayProp || "block";
         if (!dragOverNode)
             return null;
         return this.findDropTargetNodeByDragOverNode(dragOverNode);
@@ -6707,6 +6769,7 @@ if (typeof window !== "undefined") {
 var DragDropDOMAdapter = /** @class */ (function () {
     function DragDropDOMAdapter(dd, longTap) {
         var _this = this;
+        if (longTap === void 0) { longTap = true; }
         this.dd = dd;
         this.longTap = longTap;
         this.scrollIntervalId = null;
@@ -6759,9 +6822,13 @@ var DragDropDOMAdapter = /** @class */ (function () {
             _this.draggedElementShortcut = null;
             _this.scrollIntervalId = null;
             if (_utils_devices__WEBPACK_IMPORTED_MODULE_1__["IsTouch"]) {
+                _this.savedTargetNode.style.cssText = null;
                 _this.savedTargetNode && _this.savedTargetNode.parentElement.removeChild(_this.savedTargetNode);
+                _this.savedTargetNodeParent.appendChild(_this.savedTargetNode);
                 DragDropDOMAdapter.PreventScrolling = false;
             }
+            _this.savedTargetNode = null;
+            _this.savedTargetNodeParent = null;
             document.body.style.setProperty("touch-action", "");
             document.body.style.setProperty("user-select", "");
             document.body.style.setProperty("-webkit-user-select", "");
@@ -6809,6 +6876,7 @@ var DragDropDOMAdapter = /** @class */ (function () {
                 _this.savedTargetNode = event.target;
                 _this.savedTargetNode.style.cssText =
                     "\n          position: absolute;\n          height: 1px!important;\n          width: 1px!important;\n          overflow: hidden;\n          clip: rect(1px 1px 1px 1px);\n          clip: rect(1px, 1px, 1px, 1px);\n        ";
+                _this.savedTargetNodeParent = _this.savedTargetNode.parentElement;
                 _this.rootElement.appendChild(_this.savedTargetNode);
             }
             _this.stopLongTap();
@@ -7537,9 +7605,10 @@ var DropdownListModel = /** @class */ (function (_super) {
                 _this.filterString = newValue;
             }
         };
-        question.onPropertyChanged.add(function (sender, options) {
+        _this.qustionPropertyChangedHandler = function (sender, options) {
             _this.onPropertyChangedHandler(sender, options);
-        });
+        };
+        question.onPropertyChanged.add(_this.qustionPropertyChangedHandler);
         _this.showInputFieldComponent = _this.question.showInputFieldComponent;
         _this.listModel = _this.createListModel();
         _this.updateAfterListModelCreated(_this.listModel);
@@ -7893,7 +7962,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         this.listModel.setItems(this.getAvailableItems());
     };
     DropdownListModel.prototype.onClick = function (event) {
-        if (this.question.readOnly)
+        if (this.question.readOnly || this.question.isDesignMode)
             return;
         this._popupModel.toggleVisibility();
         this.focusItemOnClickAndPopup();
@@ -7908,6 +7977,9 @@ var DropdownListModel = /** @class */ (function (_super) {
         if (options.name == "value") {
             this.showInputFieldComponent = this.question.showInputFieldComponent;
         }
+        if (options.name == "choicesLazyLoadEnabled" && options.newValue) {
+            this.listModel.setOnFilterStringChangedCallback(this.listModelFilterStringChanged);
+        }
     };
     DropdownListModel.prototype.focusItemOnClickAndPopup = function () {
         if (this._popupModel.isVisible && this.question.value)
@@ -8061,6 +8133,8 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
+        this.question && this.question.onPropertyChanged.remove(this.qustionPropertyChangedHandler);
+        this.qustionPropertyChangedHandler = undefined;
         if (!!this.listModel) {
             this.listModel.dispose();
         }
@@ -8172,6 +8246,10 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
         _this.closeOnSelect = question.closeOnSelect;
         return _this;
     }
+    DropdownMultiSelectListModel.prototype.locStrsChanged = function () {
+        _super.prototype.locStrsChanged.call(this);
+        this.syncFilterStringPlaceholder();
+    };
     DropdownMultiSelectListModel.prototype.updateListState = function () {
         this.listModel.updateState();
         this.syncFilterStringPlaceholder();
@@ -8661,7 +8739,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, 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";
@@ -8851,6 +8929,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _question_multipletext__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../question_multipletext */ "./src/question_multipletext.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextItemModel", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MultipleTextItemModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextCell", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MultipleTextCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextErrorCell", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MultipleTextErrorCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextErrorRow", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MutlipleTextErrorRow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextRow", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MutlipleTextRow"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMultipleTextModel", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["QuestionMultipleTextModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextEditorModel", function() { return _question_multipletext__WEBPACK_IMPORTED_MODULE_25__["MultipleTextEditorModel"]; });
@@ -8991,6 +9077,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["SurveyTriggerRunExpression"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSkip", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["SurveyTriggerSkip"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["Trigger"]; });
 
 /* harmony import */ var _popup_survey__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../../popup-survey */ "./src/popup-survey.ts");
@@ -9122,8 +9210,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.104";
-ReleaseDate = "" + "2023-08-22";
+Version = "" + "1.9.106";
+ReleaseDate = "" + "2023-09-06";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9271,7 +9359,7 @@ function slk(k, lh, rd) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, 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";
@@ -9441,6 +9529,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextItemModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextItemModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextCell", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextErrorCell", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextErrorCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextErrorRow", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextErrorRow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextRow", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextRow"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMultipleTextModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["QuestionMultipleTextModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextEditorModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextEditorModel"]; });
@@ -9545,6 +9641,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerRunExpression"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSkip", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerSkip"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["Trigger"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurveyModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["PopupSurveyModel"]; });
@@ -9694,11 +9792,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionContainer", function() { return _actions_container__WEBPACK_IMPORTED_MODULE_9__["ActionContainer"]; });
 
-/* harmony import */ var _utils_tooltip__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/tooltip */ "./src/utils/tooltip.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TooltipManager", function() { return _utils_tooltip__WEBPACK_IMPORTED_MODULE_10__["TooltipManager"]; });
-
-/* harmony import */ var _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../utils/dragOrClickHelper */ "./src/utils/dragOrClickHelper.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragOrClickHelper", function() { return _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_11__["DragOrClickHelper"]; });
+/* harmony import */ var _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/dragOrClickHelper */ "./src/utils/dragOrClickHelper.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragOrClickHelper", function() { return _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_10__["DragOrClickHelper"]; });
 
 // model
 
@@ -9717,14 +9812,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 /***/ }),
 
 /***/ "./src/entries/core.ts":
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, 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";
@@ -9894,6 +9988,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextItemModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextItemModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextCell", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextErrorCell", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextErrorCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextErrorRow", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextErrorRow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextRow", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextRow"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMultipleTextModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["QuestionMultipleTextModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextEditorModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MultipleTextEditorModel"]; });
@@ -9998,6 +10100,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerRunExpression"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSkip", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerSkip"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["Trigger"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurveyModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["PopupSurveyModel"]; });
@@ -10138,8 +10242,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionContainer", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["ActionContainer"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TooltipManager", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["TooltipManager"]; });
-
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragOrClickHelper", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["DragOrClickHelper"]; });
 
 /* harmony import */ var _survey__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../survey */ "./src/survey.ts");
@@ -10537,7 +10639,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.ts ***!
   \******************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, SurveyLocStringViewer, SurveyLocStringEditor */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, SurveyLocStringViewer, SurveyLocStringEditor */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10707,6 +10809,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextItemModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MultipleTextItemModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextCell", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MultipleTextCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextErrorCell", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MultipleTextErrorCell"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextErrorRow", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextErrorRow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextRow", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MutlipleTextRow"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMultipleTextModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["QuestionMultipleTextModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultipleTextEditorModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MultipleTextEditorModel"]; });
@@ -10811,6 +10921,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerRunExpression"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSkip", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerSkip"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["Trigger"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurveyModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["PopupSurveyModel"]; });
@@ -10951,8 +11063,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionContainer", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["ActionContainer"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TooltipManager", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["TooltipManager"]; });
-
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragOrClickHelper", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["DragOrClickHelper"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Model", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["Model"]; });
@@ -16161,8 +16271,8 @@ var Helpers = /** @class */ (function () {
             !Array.isArray(value) &&
             !isNaN(value));
     };
-    Helpers.isValueObject = function (val) {
-        return val instanceof Object;
+    Helpers.isValueObject = function (val, excludeArray) {
+        return val instanceof Object && (!excludeArray || !Array.isArray(val));
     };
     Helpers.isNumber = function (value) {
         return !isNaN(this.getNumber(value));
@@ -17638,6 +17748,8 @@ function getLocStringValue(target, options, key) {
     return "";
 }
 function property(options) {
+    if (options === void 0) { options = {}; }
+    // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
     return function (target, key) {
         var processComputedUpdater = function (obj, val) {
             if (!!val && typeof val === "object" && val.type === _base__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"].ComputedUpdaterType) {
@@ -17645,6 +17757,10 @@ function property(options) {
                 var result = val.updater();
                 var dependencies = _base__WEBPACK_IMPORTED_MODULE_1__["Base"].finishCollectDependencies();
                 val.setDependencies(dependencies);
+                if (obj.dependencies[key]) {
+                    obj.dependencies[key].dispose();
+                }
+                obj.dependencies[key] = val;
                 return result;
             }
             return val;
@@ -17846,9 +17962,10 @@ var JsonObjectProperty = /** @class */ (function () {
         if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(this.defaultValue)) {
             return _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(value, this.defaultValue, false, true, false);
         }
+        if (this.isLocalizable)
+            return value === null || value === undefined;
         return ((value === false && (this.type == "boolean" || this.type == "switch")) ||
-            value === "" ||
-            _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(value));
+            value === "" || _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(value));
     };
     JsonObjectProperty.prototype.getValue = function (obj) {
         if (this.onGetValue)
@@ -19230,7 +19347,7 @@ var JsonObject = /** @class */ (function () {
         }
     };
     JsonObject.prototype.valueToObj = function (value, obj, property) {
-        if (value == null)
+        if (value === null || value === undefined)
             return;
         this.removePos(property, value);
         if (property != null && property.hasToUseSetValue) {
@@ -19567,6 +19684,9 @@ var ListModel = /** @class */ (function (_super) {
             }
         }, ms);
     };
+    ListModel.prototype.setOnFilterStringChangedCallback = function (callback) {
+        this.onFilterStringChangedCallback = callback;
+    };
     ListModel.prototype.setItems = function (items, sortByVisibleIndex) {
         var _this = this;
         if (sortByVisibleIndex === void 0) { sortByVisibleIndex = true; }
@@ -19752,6 +19872,7 @@ var ListModel = /** @class */ (function (_super) {
         if (!!this.loadingIndicatorValue) {
             this.loadingIndicatorValue.dispose();
         }
+        this.listContainerHtmlElement = undefined;
     };
     ListModel.INDENT = 16;
     ListModel.MINELEMENTCOUNT = 10;
@@ -19848,6 +19969,19 @@ var LocalizableString = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(LocalizableString.prototype, "localizationName", {
+        get: function () {
+            return this._localizationName;
+        },
+        set: function (val) {
+            if (this._localizationName != val) {
+                this._localizationName = val;
+                this.strChanged();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     LocalizableString.prototype.getIsMultiple = function () { return false; };
     Object.defineProperty(LocalizableString.prototype, "locale", {
         get: function () {
@@ -19916,19 +20050,19 @@ var LocalizableString = /** @class */ (function () {
             if (!loc)
                 loc = this.defaultLoc;
             var res = this.getValue(loc);
-            if (!res && loc === this.defaultLoc) {
+            if (this.isValueEmpty(res) && loc === this.defaultLoc) {
                 res = this.getValue(_surveyStrings__WEBPACK_IMPORTED_MODULE_1__["surveyLocalization"].defaultLocale);
             }
-            if (!res) {
+            if (this.isValueEmpty(res)) {
                 var dialect = this.getRootDialect(loc);
                 if (!!dialect) {
                     res = this.getValue(dialect);
                 }
             }
-            if (!res && loc !== this.defaultLoc) {
+            if (this.isValueEmpty(res) && loc !== this.defaultLoc) {
                 res = this.getValue(this.defaultLoc);
             }
-            if (!res && !!this.getLocalizationName()) {
+            if (this.isValueEmpty(res) && !!this.getLocalizationName()) {
                 res = this.getLocalizationStr();
                 if (!!this.onGetLocalizationTextCallback) {
                     res = this.onGetLocalizationTextCallback(res);
@@ -19992,35 +20126,44 @@ var LocalizableString = /** @class */ (function () {
         configurable: true
     });
     LocalizableString.prototype.getLocaleText = function (loc) {
+        var res = this.getLocaleTextCore(loc);
+        return res ? res : "";
+    };
+    LocalizableString.prototype.getLocaleTextCore = function (loc) {
         if (!loc)
             loc = this.defaultLoc;
-        var res = this.getValue(loc);
-        return res ? res : "";
+        return this.getValue(loc);
     };
-    LocalizableString.prototype.getLocaleTextWithDefault = function (loc) {
-        var res = this.getLocaleText(loc);
+    LocalizableString.prototype.isLocaleTextEqualsWithDefault = function (loc, val) {
+        var res = this.getLocaleTextCore(loc);
         if (!res && this.onGetDefaultTextCallback) {
-            return this.onGetDefaultTextCallback();
+            res = this.onGetDefaultTextCallback();
         }
-        return res;
+        if (res === val)
+            return true;
+        return this.isValueEmpty(res) && this.isValueEmpty(val);
+    };
+    LocalizableString.prototype.clear = function () {
+        this.setJson(undefined);
+    };
+    LocalizableString.prototype.clearLocale = function (loc) {
+        this.setLocaleText(loc, undefined);
     };
     LocalizableString.prototype.setLocaleText = function (loc, value) {
         loc = this.getValueLoc(loc);
-        if (!this.storeDefaultText && value == this.getLocaleTextWithDefault(loc)) {
-            if (!!value || !!loc && loc !== this.defaultLoc)
+        if (!this.storeDefaultText && this.isLocaleTextEqualsWithDefault(loc, value)) {
+            if (!this.isValueEmpty(value) || !!loc && loc !== this.defaultLoc)
                 return;
             var dl = _surveyStrings__WEBPACK_IMPORTED_MODULE_1__["surveyLocalization"].defaultLocale;
             var oldValue_1 = this.getValue(dl);
-            if (!!dl && !!oldValue_1) {
+            if (!!dl && !this.isValueEmpty(oldValue_1)) {
                 this.setValue(dl, value);
                 this.fireStrChanged(dl, oldValue_1);
             }
             return;
         }
         if (!_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.storeDuplicatedTranslations &&
-            value &&
-            loc &&
-            loc != this.defaultLoc &&
+            !this.isValueEmpty(value) && loc && loc != this.defaultLoc &&
             !this.getValue(loc) &&
             value == this.getLocaleText(this.defaultLoc))
             return;
@@ -20029,9 +20172,8 @@ var LocalizableString = /** @class */ (function () {
             loc = this.defaultLoc;
         var oldValue = this.onStrChanged && loc === curLoc ? this.pureText : undefined;
         delete this.htmlValues[loc];
-        if (!value) {
-            if (this.getValue(loc))
-                this.deleteValue(loc);
+        if (this.isValueEmpty(value)) {
+            this.deleteValue(loc);
         }
         else {
             if (typeof value === "string") {
@@ -20048,6 +20190,13 @@ var LocalizableString = /** @class */ (function () {
         }
         this.fireStrChanged(loc, oldValue);
     };
+    LocalizableString.prototype.isValueEmpty = function (val) {
+        if (val === undefined || val === null)
+            return true;
+        if (this.localizationName)
+            return false;
+        return val === "";
+    };
     Object.defineProperty(LocalizableString.prototype, "curLocale", {
         get: function () {
             return !!this.locale ? this.locale : this.defaultLoc;
@@ -20111,7 +20260,7 @@ var LocalizableString = /** @class */ (function () {
         }
         this.values = {};
         this.htmlValues = {};
-        if (!value)
+        if (value === null || value === undefined)
             return;
         if (typeof value === "string") {
             this.setLocaleText(null, value);
@@ -23521,8 +23670,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
 
 var latvianSurveyStrings = {
-    pagePrevText: "Atpakaļ",
-    pageNextText: "Tālāk",
+    pagePrevText: "Iepriekšēja lapa",
+    pageNextText: "Nākamā lapa",
     completeText: "Iesniegt",
     previewText: "Priekšskatījums",
     editText: "Rediģēt",
@@ -28082,9 +28231,12 @@ var PanelModelBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    PanelModelBase.prototype.delete = function () {
+    PanelModelBase.prototype.delete = function (doDispose) {
+        if (doDispose === void 0) { doDispose = true; }
         this.removeFromParent();
-        this.dispose();
+        if (doDispose) {
+            this.dispose();
+        }
     };
     PanelModelBase.prototype.removeFromParent = function () { };
     PanelModelBase.prototype.canShowTitle = function () { return true; };
@@ -30267,6 +30419,8 @@ var defaultCss = {
         root: "sv_q_signaturepad sjs_sp_container",
         controls: "sjs_sp_controls",
         placeholder: "sjs_sp_placeholder",
+        canvas: "sjs_sp_canvas",
+        backgroundImage: "sjs_sp__background-image",
         clearButton: "sjs_sp_clear",
     },
     saveData: {
@@ -30724,6 +30878,8 @@ var defaultCss = {
         root: "sv_q_signaturepad sjs_sp_container",
         controls: "sjs_sp_controls",
         placeholder: "sjs_sp_placeholder",
+        canvas: "sjs_sp_canvas",
+        backgroundImage: "sjs_sp__background-image",
         clearButton: "sjs_sp_clear",
     },
     saveData: {
@@ -31162,6 +31318,8 @@ function setStyles() {
         ".sv_main .sjs_sp_controls > button": "user-select: none;",
         ".sv_main .sjs_sp_container>div>canvas:focus": "outline: none;",
         ".sv_main .sjs_sp_placeholder": "display: flex;  align-items: center; justify-content: center; position: absolute; z-index: 0; user-select: none; pointer-events: none; width: 100%; height: 100%;",
+        ".sv_main .sjs_sp_canvas": "position: absolute; top: 0; left: 0;",
+        ".sv_main .sjs_sp__background-image": "position: absolute; top: 0; left: 0;",
         // logo
         // ".sv_main .sv_header": "white-space: nowrap;",
         ".sv_main .sv_logo": "",
@@ -31349,11 +31507,7 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
         _this.touchMoveEventCallback = function (event) {
             _this.preventScrollOuside(event, _this.clientY - event.changedTouches[0].clientY);
         };
-        _this.model.onRecalculatePosition.add(function (_, options) {
-            if (!_this.isOverlay) {
-                _this.updatePosition(options.isResetHeight);
-            }
-        });
+        _this.model.onRecalculatePosition.add(_this.recalculatePositionHandler);
         return _this;
     }
     PopupDropdownViewModel.prototype.calculateIsTablet = function (windowWidth, windowHeight) {
@@ -31448,6 +31602,10 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
             this.targetElement = targetElement || componentRoot.parentElement;
         }
     };
+    PopupDropdownViewModel.prototype.resetComponentElement = function () {
+        _super.prototype.resetComponentElement.call(this);
+        this.targetElement = undefined;
+    };
     PopupDropdownViewModel.prototype.updateOnShowing = function () {
         var root = _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].environment.root;
         this.prevActiveElement = root.activeElement;
@@ -31511,6 +31669,30 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
             this.minWidth = undefined;
         }
     };
+    PopupDropdownViewModel.prototype.onModelChanging = function (newModel) {
+        var _this = this;
+        if (!!this.model) {
+            this.model.onRecalculatePosition.remove(this.recalculatePositionHandler);
+        }
+        if (!this.recalculatePositionHandler) {
+            this.recalculatePositionHandler = function (_, options) {
+                if (!_this.isOverlay) {
+                    _this.updatePosition(options.isResetHeight);
+                }
+            };
+        }
+        _super.prototype.onModelChanging.call(this, newModel);
+        newModel.onRecalculatePosition.add(this.recalculatePositionHandler);
+    };
+    PopupDropdownViewModel.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this.updateOnHiding();
+        if (!!this.model) {
+            this.model.onRecalculatePosition.remove(this.recalculatePositionHandler);
+            this.recalculatePositionHandler = undefined;
+        }
+        this.resetComponentElement();
+    };
     PopupDropdownViewModel.tabletSizeBreakpoint = 600;
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
@@ -31698,16 +31880,6 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         _this.width = _this.survey.width;
         _this.updateCss();
         _this.onCreating();
-        _this.survey.onPopupVisibleChanged.add(function (_, opt) {
-            if (opt.visible) {
-                _this.onScrollCallback = function () {
-                    opt.popup.toggleVisibility();
-                };
-            }
-            else {
-                _this.onScrollCallback = undefined;
-            }
-        });
         return _this;
     }
     PopupSurveyModel.prototype.onCreating = function () { };
@@ -31941,9 +32113,7 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         }
     };
     PopupSurveyModel.prototype.onScroll = function () {
-        if (this.onScrollCallback) {
-            this.onScrollCallback();
-        }
+        this.survey.onScroll();
     };
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
@@ -32063,6 +32233,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
     __extends(PopupBaseViewModel, _super);
     function PopupBaseViewModel(model) {
         var _this = _super.call(this) || this;
+        _this.subscriptionId = PopupBaseViewModel.SubscriptionId++;
         _this.popupSelector = ".sv-popup";
         _this.fixedPopupContainer = ".sv-popup";
         _this.containerSelector = ".sv-popup__container";
@@ -32125,11 +32296,14 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         this.width = nullableValue;
         this.minWidth = nullableValue;
     };
+    PopupBaseViewModel.prototype.onModelChanging = function (newModel) {
+    };
     PopupBaseViewModel.prototype.setupModel = function (model) {
         var _this = this;
         if (!!this.model) {
-            this.model.unregisterPropertyChangedHandlers(["isVisible"], "PopupBaseViewModel");
+            this.model.unregisterPropertyChangedHandlers(["isVisible"], "PopupBaseViewModel" + this.subscriptionId);
         }
+        this.onModelChanging(model);
         this._model = model;
         var onIsVisibleChangedHandler = function () {
             if (!model.isVisible) {
@@ -32137,7 +32311,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
             }
             _this.isVisible = model.isVisible;
         };
-        model.registerPropertyChangedHandlers(["isVisible"], onIsVisibleChangedHandler, "PopupBaseViewModel");
+        model.registerPropertyChangedHandlers(["isVisible"], onIsVisibleChangedHandler, "PopupBaseViewModel" + this.subscriptionId);
         onIsVisibleChangedHandler();
     };
     Object.defineProperty(PopupBaseViewModel.prototype, "model", {
@@ -32317,6 +32491,9 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
     };
     PopupBaseViewModel.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
+        if (this.model) {
+            this.model.unregisterPropertyChangedHandlers(["isVisible"], "PopupBaseViewModel" + this.subscriptionId);
+        }
         if (!!this.createdContainer) {
             this.createdContainer.remove();
             this.createdContainer = undefined;
@@ -32324,6 +32501,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         if (!!this.footerToolbarValue) {
             this.footerToolbarValue.dispose();
         }
+        this.resetComponentElement();
     };
     PopupBaseViewModel.prototype.initializePopupContainer = function () {
         if (!this.container) {
@@ -32339,6 +32517,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
     };
     PopupBaseViewModel.prototype.resetComponentElement = function () {
         this.containerElement = undefined;
+        this.prevActiveElement = undefined;
     };
     PopupBaseViewModel.prototype.preventScrollOuside = function (event, deltaY) {
         var currentElement = event.target;
@@ -32353,6 +32532,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         }
         event.preventDefault();
     };
+    PopupBaseViewModel.SubscriptionId = 0;
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "0px" })
     ], PopupBaseViewModel.prototype, "top", void 0);
@@ -32419,7 +32599,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 var PopupModel = /** @class */ (function (_super) {
     __extends(PopupModel, _super);
-    function PopupModel(contentComponentName, contentComponentData, verticalPosition, horizontalPosition, showPointer, isModal, onCancel, onApply, onHide, onShow, cssClass, title) {
+    function PopupModel(contentComponentName, contentComponentData, verticalPosition, horizontalPosition, showPointer, isModal, onCancel, onApply, onHide, onShow, cssClass, title, onDispose) {
         if (verticalPosition === void 0) { verticalPosition = "bottom"; }
         if (horizontalPosition === void 0) { horizontalPosition = "left"; }
         if (showPointer === void 0) { showPointer = true; }
@@ -32430,7 +32610,9 @@ var PopupModel = /** @class */ (function (_super) {
         if (onShow === void 0) { onShow = function () { }; }
         if (cssClass === void 0) { cssClass = ""; }
         if (title === void 0) { title = ""; }
+        if (onDispose === void 0) { onDispose = function () { }; }
         var _this = _super.call(this) || this;
+        _this.onDispose = onDispose;
         _this.focusFirstInputSelector = "";
         _this.onVisibilityChanged = _this.addEvent();
         _this.onFooterActionsCreated = _this.addEvent();
@@ -32485,6 +32667,10 @@ var PopupModel = /** @class */ (function (_super) {
         this.onFooterActionsCreated.fire(this, options);
         return options.actions;
     };
+    PopupModel.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this.onDispose();
+    };
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], PopupModel.prototype, "contentComponentName", void 0);
@@ -32820,9 +33006,15 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.getPanel = function () {
         return null;
     };
-    Question.prototype.delete = function () {
+    Question.prototype.delete = function (doDispose) {
+        if (doDispose === void 0) { doDispose = true; }
         this.removeFromParent();
-        this.dispose();
+        if (doDispose) {
+            this.dispose();
+        }
+        else {
+            this.resetDependedQuestions();
+        }
     };
     Question.prototype.removeFromParent = function () {
         if (!!this.parent) {
@@ -32886,11 +33078,14 @@ var Question = /** @class */ (function (_super) {
         configurable: true
     });
     Question.prototype.onVisibleChanged = function () {
-        this.setPropertyValue("isVisible", this.isVisible);
+        this.updateIsVisibleProp();
         if (!this.isVisible && this.errors && this.errors.length > 0) {
             this.errors = [];
         }
     };
+    Question.prototype.updateIsVisibleProp = function () {
+        this.setPropertyValue("isVisible", this.isVisible);
+    };
     Object.defineProperty(Question.prototype, "useDisplayValuesInDynamicTexts", {
         /**
          * Specifies whether to use display names for question values in placeholders.
@@ -33065,6 +33260,10 @@ var Question = /** @class */ (function (_super) {
         if (isLight !== true) {
             this.runConditions();
         }
+        this.calcRenderedCommentPlaceholder();
+        if (!this.visible) {
+            this.updateIsVisibleProp();
+        }
     };
     Object.defineProperty(Question.prototype, "parent", {
         /**
@@ -33375,6 +33574,17 @@ var Question = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Question.prototype, "renderedCommentPlaceholder", {
+        get: function () {
+            return this.getPropertyValue("renderedCommentPlaceholder");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Question.prototype.calcRenderedCommentPlaceholder = function () {
+        var res = !this.isReadOnly ? this.commentPlaceHolder : undefined;
+        this.setPropertyValue("renderedCommentPlaceholder", res);
+    };
     Question.prototype.getAllErrors = function () {
         return this.errors.slice();
     };
@@ -33401,6 +33611,7 @@ var Question = /** @class */ (function (_super) {
     };
     Question.prototype.localeChanged = function () {
         _super.prototype.localeChanged.call(this);
+        this.calcRenderedCommentPlaceholder();
         if (!!this.localeChangedCallback) {
             this.localeChangedCallback();
         }
@@ -33412,6 +33623,11 @@ var Question = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Question.prototype, "isContainer", {
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
     Question.prototype.updateCommentElements = function () {
         if (!this.autoGrowComment || !Array.isArray(this.commentElements))
             return;
@@ -33632,11 +33848,8 @@ var Question = /** @class */ (function (_super) {
             .append(cssClasses.descriptionUnderInput, this.hasDescriptionUnderInput)
             .toString();
     };
-    Question.prototype.getIsErrorsModeTooltip = function () {
-        return _super.prototype.getIsErrorsModeTooltip.call(this) && !this.customWidget;
-    };
     Question.prototype.showErrorOnCore = function (location) {
-        return !this.isErrorsModeTooltip && !this.showErrorsAboveQuestion && !this.showErrorsBelowQuestion && this.getErrorLocation() === location;
+        return !this.showErrorsAboveQuestion && !this.showErrorsBelowQuestion && this.getErrorLocation() === location;
     };
     Object.defineProperty(Question.prototype, "showErrorOnTop", {
         get: function () {
@@ -33652,17 +33865,9 @@ var Question = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Question.prototype.getIsTooltipErrorSupportedByParent = function () {
-        if (this.parentQuestion) {
-            return this.parentQuestion.getIsTooltipErrorInsideSupported();
-        }
-        else {
-            return _super.prototype.getIsTooltipErrorSupportedByParent.call(this);
-        }
-    };
     Object.defineProperty(Question.prototype, "showErrorsOutsideQuestion", {
         get: function () {
-            return this.isDefaultV2Theme && !(this.hasParent && this.getIsTooltipErrorSupportedByParent());
+            return this.isDefaultV2Theme;
         },
         enumerable: false,
         configurable: true
@@ -33698,7 +33903,6 @@ var Question = /** @class */ (function (_super) {
             .append(cssClasses.error.outsideQuestion, this.showErrorsBelowQuestion || this.showErrorsAboveQuestion)
             .append(cssClasses.error.belowQuestion, this.showErrorsBelowQuestion)
             .append(cssClasses.error.aboveQuestion, this.showErrorsAboveQuestion)
-            .append(cssClasses.error.tooltip, this.isErrorsModeTooltip)
             .append(cssClasses.error.locationTop, this.showErrorOnTop)
             .append(cssClasses.error.locationBottom, this.showErrorOnBottom)
             .toString();
@@ -33782,7 +33986,7 @@ var Question = /** @class */ (function (_super) {
      * Moves focus to the input field of this question.
      * @param onError Pass `true` if you want to focus an input field with the first validation error. Default value: `false` (focuses the first input field). Applies to question types with multiple input fields.
      */
-    Question.prototype.focus = function (onError) {
+    Question.prototype.focus = function (onError, scrollIfVisible) {
         if (onError === void 0) { onError = false; }
         if (this.isDesignMode || !this.isVisible || !this.survey)
             return;
@@ -33792,14 +33996,14 @@ var Question = /** @class */ (function (_super) {
             this.survey.focusQuestionByInstance(this, onError);
         }
         else {
-            this.focuscore(onError);
+            this.focuscore(onError, scrollIfVisible);
         }
     };
-    Question.prototype.focuscore = function (onError) {
+    Question.prototype.focuscore = function (onError, scrollIfVisible) {
         if (onError === void 0) { onError = false; }
         if (!!this.survey) {
             this.expandAllParents(this);
-            this.survey.scrollElementToTop(this, this, null, this.id);
+            this.survey.scrollElementToTop(this, this, null, this.id, scrollIfVisible);
         }
         var id = !onError
             ? this.getFirstInputElementId()
@@ -33818,7 +34022,7 @@ var Question = /** @class */ (function (_super) {
         this.expandAllParents(element.parentQuestion);
     };
     Question.prototype.focusIn = function () {
-        if (!this.survey)
+        if (!this.survey || this.isDisposed || this.isContainer)
             return;
         this.survey.whenQuestionFocusIn(this);
     };
@@ -34028,6 +34232,7 @@ var Question = /** @class */ (function (_super) {
         this.setPropertyValue("isInputReadOnly", this.isInputReadOnly);
         _super.prototype.onReadOnlyChanged.call(this);
         this.updateQuestionCss();
+        this.calcRenderedCommentPlaceholder();
     };
     Object.defineProperty(Question.prototype, "enableIf", {
         /**
@@ -34100,6 +34305,7 @@ var Question = /** @class */ (function (_super) {
         if (this.isEmpty()) {
             this.initDataFromSurvey();
         }
+        this.calcRenderedCommentPlaceholder();
         this.onIndentChanged();
     };
     Question.prototype.onSetData = function () {
@@ -34214,6 +34420,12 @@ var Question = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Question.prototype, "hasFilteredValue", {
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Question.prototype.getFilteredValue = function () { return this.value; };
     Object.defineProperty(Question.prototype, "valueForSurvey", {
         get: function () {
             if (!!this.valueToDataCallback) {
@@ -34456,7 +34668,7 @@ var Question = /** @class */ (function (_super) {
                 questionPlainData.questionType = this.getType();
             }
             (options.calculations || []).forEach(function (calculation) {
-                questionPlainData[calculation.propertyName] = _this[calculation.propertyName];
+                questionPlainData[calculation.propertyName] = _this.getPlainDataCalculatedValue(calculation.propertyName);
             });
             if (this.hasComment) {
                 questionPlainData.isNode = true;
@@ -34478,6 +34690,9 @@ var Question = /** @class */ (function (_super) {
         }
         return undefined;
     };
+    Question.prototype.getPlainDataCalculatedValue = function (propName) {
+        return this[propName];
+    };
     Object.defineProperty(Question.prototype, "correctAnswer", {
         /**
          * A correct answer to this question. Specify this property if you want to [create a quiz](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
@@ -34792,6 +35007,9 @@ var Question = /** @class */ (function (_super) {
                 this.survey.beforeSettingQuestionErrors(this, errors);
             }
             this.errors = errors;
+            if (this.errors !== errors) {
+                this.errors.forEach(function (er) { return er.locText.strChanged(); });
+            }
         }
         this.updateContainsErrors();
         if (oldHasErrors != errors.length > 0) {
@@ -34942,10 +35160,8 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.setNewValue = function (newValue) {
         if (this.isNewValueEqualsToValue(newValue))
             return;
-        if (!this.isValueEmpty(newValue, !this.allowSpaceAsAnswer) && !this.isNewValueCorrect(newValue)) {
-            _console_warnings__WEBPACK_IMPORTED_MODULE_12__["ConsoleWarnings"].inCorrectQuestionValue(this.name, newValue);
+        if (!this.checkIsValueCorrect(newValue))
             return;
-        }
         this.isOldAnswered = this.isAnswered;
         this.setNewValueInData(newValue);
         this.allowNotifyValueChanged && this.onValueChanged();
@@ -34954,6 +35170,13 @@ var Question = /** @class */ (function (_super) {
         }
         this.isOldAnswered = undefined;
     };
+    Question.prototype.checkIsValueCorrect = function (val) {
+        var res = this.isValueEmpty(val, !this.allowSpaceAsAnswer) || this.isNewValueCorrect(val);
+        if (!res) {
+            _console_warnings__WEBPACK_IMPORTED_MODULE_12__["ConsoleWarnings"].inCorrectQuestionValue(this.name, val);
+        }
+        return res;
+    };
     Question.prototype.isNewValueCorrect = function (val) {
         return true;
     };
@@ -35036,6 +35259,8 @@ var Question = /** @class */ (function (_super) {
         if (!!this.valueFromDataCallback) {
             newValue = this.valueFromDataCallback(newValue);
         }
+        if (!this.checkIsValueCorrect(newValue))
+            return;
         this.setQuestionValue(this.valueFromData(newValue));
         this.updateDependedQuestions();
         this.updateIsAnswered();
@@ -35148,6 +35373,11 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.processPopupVisiblilityChanged = function (popupModel, visible) {
         this.survey.processPopupVisiblityChanged(this, popupModel, visible);
     };
+    Question.prototype.onTextKeyDownHandler = function (event) {
+        if (event.keyCode === 13) {
+            this.survey.questionEditFinishCallback(this, event);
+        }
+    };
     Question.prototype.transformToMobileView = function () { };
     Question.prototype.transformToDesktopView = function () { };
     Question.prototype.needResponsiveWidth = function () {
@@ -35269,10 +35499,13 @@ var Question = /** @class */ (function (_super) {
     };
     Question.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
+        this.resetDependedQuestions();
+        this.destroyResizeObserver();
+    };
+    Question.prototype.resetDependedQuestions = function () {
         for (var i = 0; i < this.dependedQuestions.length; i++) {
             this.dependedQuestions[i].resetDependedQuestion();
         }
-        this.destroyResizeObserver();
     };
     Question.TextPreprocessorValuesMap = {
         title: "processedTitle",
@@ -35288,7 +35521,7 @@ var Question = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], Question.prototype, "forceIsInputReadOnly", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: true })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: true, onSet: function (val, target) { return target.calcRenderedCommentPlaceholder(); } })
     ], Question.prototype, "commentPlaceholder", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
@@ -36291,53 +36524,51 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         return this.hasUnknownValue(val, true, false);
     };
     QuestionSelectBase.prototype.updateSelectedItemValues = function () {
-        if (this.waitingGetChoiceDisplayValueResponse)
-            return;
-        var IsMultipleValue = this.getIsMultipleValue();
-        if (IsMultipleValue) {
-            this.updateMultipleSelectedItemValues();
-        }
-        else {
-            this.updateSingleSelectedItemValues();
-        }
-    };
-    QuestionSelectBase.prototype.updateSingleSelectedItemValues = function () {
         var _this = this;
-        if (!!this.survey && !this.isEmpty() && !_itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(this.choices, this.value)) {
+        if (this.waitingGetChoiceDisplayValueResponse || !this.survey || this.isEmpty())
+            return;
+        var value = this.value;
+        var valueArray = Array.isArray(value) ? value : [value];
+        var hasItemWithoutValues = valueArray.some(function (val) { return !_itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(_this.choices, val); });
+        if (hasItemWithoutValues) {
             this.waitingGetChoiceDisplayValueResponse = true;
             this.isReady = !this.waitingAcyncOperations;
             this.survey.getChoiceDisplayValue({
                 question: this,
-                values: [this.value],
+                values: valueArray,
                 setItems: function (displayValues) {
+                    var customValues = [];
+                    for (var _i = 1; _i < arguments.length; _i++) {
+                        customValues[_i - 1] = arguments[_i];
+                    }
                     _this.waitingGetChoiceDisplayValueResponse = false;
                     if (!displayValues || !displayValues.length)
                         return;
-                    _this.selectedItemValues = _this.createItemValue(_this.value, displayValues[0]);
+                    var items = displayValues.map(function (displayValue, index) { return _this.createItemValue(valueArray[index], displayValue); });
+                    _this.setCustomValuesIntoItems(items, customValues);
+                    if (Array.isArray(value)) {
+                        _this.selectedItemValues = items;
+                    }
+                    else {
+                        _this.selectedItemValues = items[0];
+                    }
                     _this.isReady = !_this.waitingAcyncOperations;
                 }
             });
         }
     };
-    QuestionSelectBase.prototype.updateMultipleSelectedItemValues = function () {
-        var _this = this;
-        var valueArray = this.value;
-        var hasItemWithValues = valueArray.some(function (val) { return !_itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(_this.choices, val); });
-        if (!!this.survey && !this.isEmpty() && hasItemWithValues) {
-            this.waitingGetChoiceDisplayValueResponse = true;
-            this.isReady = this.waitingAcyncOperations;
-            this.survey.getChoiceDisplayValue({
-                question: this,
-                values: valueArray,
-                setItems: function (displayValues) {
-                    _this.waitingGetChoiceDisplayValueResponse = false;
-                    if (!displayValues || !displayValues.length)
-                        return;
-                    _this.selectedItemValues = displayValues.map(function (displayValue, index) { return _this.createItemValue(_this.value[index], displayValue); });
-                    _this.isReady = !_this.waitingAcyncOperations;
+    QuestionSelectBase.prototype.setCustomValuesIntoItems = function (items, customValues) {
+        if (!Array.isArray(customValues) || customValues.length === 0)
+            return;
+        customValues.forEach(function (customValue) {
+            var vals = customValue.values;
+            var propName = customValue.propertyName;
+            if (Array.isArray(vals)) {
+                for (var i = 0; i < items.length && i < vals.length; i++) {
+                    items[i][propName] = vals[i];
                 }
-            });
-        }
+            }
+        });
     };
     QuestionSelectBase.prototype.hasUnknownValue = function (val, includeOther, isFilteredChoices, checkEmptyValue) {
         if (includeOther === void 0) { includeOther = false; }
@@ -37859,7 +38090,7 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
             return this.value == this.getValueTrue();
         },
         set: function (val) {
-            if (this.isReadOnly) {
+            if (this.isReadOnly || this.isDesignMode) {
                 return;
             }
             this.setBooleanValue(val);
@@ -38108,9 +38339,8 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
     };
     QuestionBooleanModel.prototype.onKeyDownCore = function (event) {
         if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["preventDefaults"])(event);
+            event.stopPropagation();
             this.calculateBooleanValueByEvent(event, event.key === "ArrowRight");
-            return;
         }
         return true;
     };
@@ -38709,6 +38939,16 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionCheckboxModel.prototype, "hasFilteredValue", {
+        get: function () { return !!this.valuePropertyName; },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionCheckboxModel.prototype.getFilteredValue = function () {
+        if (this.hasFilteredValue)
+            return this.renderedValue;
+        return _super.prototype.getFilteredValue.call(this);
+    };
     QuestionCheckboxModel.prototype.getMultipleSelectedItems = function () {
         return this.selectedChoices;
     };
@@ -40000,6 +40240,16 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
             questions[i].onAnyValueChanged(name);
         }
     };
+    Object.defineProperty(QuestionCompositeModel.prototype, "hasSingleInput", {
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionCompositeModel.prototype, "isContainer", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
     QuestionCompositeModel.prototype.createPanel = function () {
         var _this = this;
         var res = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass("panel");
@@ -41260,12 +41510,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./question */ "./src/question.ts");
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
-/* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./error */ "./src/error.ts");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
-/* harmony import */ var _actions_container__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./actions/container */ "./src/actions/container.ts");
-/* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./helpers */ "./src/helpers.ts");
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./base */ "./src/base.ts");
+/* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./error */ "./src/error.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _actions_container__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./actions/container */ "./src/actions/container.ts");
+/* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helpers */ "./src/helpers.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -41296,6 +41547,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 /**
  * A class that describes the File Upload question type.
  *
@@ -41319,7 +41571,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
          */
         _this.onUploadStateChanged = _this.addEvent();
         _this.onStateChanged = _this.addEvent();
-        _this.mobileFileNavigator = new _actions_container__WEBPACK_IMPORTED_MODULE_6__["ActionContainer"]();
+        _this.mobileFileNavigator = new _actions_container__WEBPACK_IMPORTED_MODULE_7__["ActionContainer"]();
         _this.dragCounter = 0;
         _this.onDragEnter = function (event) {
             if (!_this.isInputReadOnly) {
@@ -41359,23 +41611,23 @@ var QuestionFileModel = /** @class */ (function (_super) {
         };
         _this.doClean = function (event) {
             if (_this.needConfirmRemoveFile) {
-                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); });
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); });
                 return;
             }
             _this.clearFilesCore();
         };
         _this.doDownloadFile = function (event, data) {
-            if (Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["detectIEOrEdge"])()) {
+            if (Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["detectIEOrEdge"])()) {
                 event.preventDefault();
-                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["loadFileFromBase64"])(data.content, data.name);
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["loadFileFromBase64"])(data.content, data.name);
             }
         };
-        _this.fileIndexAction = new _actions_action__WEBPACK_IMPORTED_MODULE_7__["Action"]({
+        _this.fileIndexAction = new _actions_action__WEBPACK_IMPORTED_MODULE_8__["Action"]({
             id: "fileIndex",
             title: _this.getFileIndexCaption(),
             enabled: false
         });
-        _this.prevFileAction = new _actions_action__WEBPACK_IMPORTED_MODULE_7__["Action"]({
+        _this.prevFileAction = new _actions_action__WEBPACK_IMPORTED_MODULE_8__["Action"]({
             id: "prevPage",
             iconSize: 16,
             action: function () {
@@ -41383,7 +41635,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
                 _this.fileIndexAction.title = _this.getFileIndexCaption();
             }
         });
-        _this.nextFileAction = new _actions_action__WEBPACK_IMPORTED_MODULE_7__["Action"]({
+        _this.nextFileAction = new _actions_action__WEBPACK_IMPORTED_MODULE_8__["Action"]({
             id: "nextPage",
             iconSize: 16,
             action: function () {
@@ -41576,6 +41828,21 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.getConfirmRemoveMessage = function (fileName) {
         return this.confirmRemoveMessage.format(fileName);
     };
+    Object.defineProperty(QuestionFileModel.prototype, "renderedPlaceholder", {
+        get: function () {
+            var _this = this;
+            if (this.renderedPlaceholderValue === undefined) {
+                this.renderedPlaceholderValue = (new _base__WEBPACK_IMPORTED_MODULE_3__["ComputedUpdater"](function () {
+                    var dragAreaText = _this.dragAreaPlaceholder;
+                    var readOnlyText = _this.noFileChosenCaption;
+                    return _this.isReadOnly ? readOnlyText : dragAreaText;
+                }));
+            }
+            return this.renderedPlaceholderValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionFileModel.prototype, "inputTitle", {
         get: function () {
             if (this.isUploading)
@@ -41654,7 +41921,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
             if (status === "success") {
                 var oldValue = _this.value;
                 if (Array.isArray(oldValue)) {
-                    _this.value = oldValue.filter(function (f) { return !_helpers__WEBPACK_IMPORTED_MODULE_8__["Helpers"].isTwoValueEquals(f, content, true, false, false); });
+                    _this.value = oldValue.filter(function (f) { return !_helpers__WEBPACK_IMPORTED_MODULE_9__["Helpers"].isTwoValueEquals(f, content, true, false, false); });
                 }
                 else {
                     _this.value = undefined;
@@ -41764,7 +42031,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
         _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
         if (this.isUploading && this.waitForUpload) {
-            errors.push(new _error__WEBPACK_IMPORTED_MODULE_3__["UploadingFileError"](this.getLocalizationString("uploadingFile"), this));
+            errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](this.getLocalizationString("uploadingFile"), this));
         }
     };
     QuestionFileModel.prototype.stateChanged = function (state) {
@@ -41789,7 +42056,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
         var errorLength = this.errors ? this.errors.length : 0;
         (files || []).forEach(function (file) {
             if (_this.maxSize > 0 && file.size > _this.maxSize) {
-                _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_3__["ExceedSizeError"](_this.maxSize, _this));
+                _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["ExceedSizeError"](_this.maxSize, _this));
             }
         });
         return errorLength === this.errors.length;
@@ -41829,7 +42096,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
     };
     QuestionFileModel.prototype.getChooseFileCss = function () {
         var isAnswered = this.isAnswered;
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(this.cssClasses.chooseFile)
             .append(this.cssClasses.controlDisabled, this.isReadOnly)
             .append(this.cssClasses.chooseFileAsText, !isAnswered)
@@ -41838,14 +42105,14 @@ var QuestionFileModel = /** @class */ (function (_super) {
             .toString();
     };
     QuestionFileModel.prototype.getReadOnlyFileCss = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append("form-control")
             .append(this.cssClasses.placeholderInput)
             .toString();
     };
     Object.defineProperty(QuestionFileModel.prototype, "fileRootCss", {
         get: function () {
-            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
                 .append(this.cssClasses.root)
                 .append(this.cssClasses.single, !this.allowMultiple)
                 .append(this.cssClasses.singleImage, !this.allowMultiple && this.isAnswered && this.canPreviewImage(this.value[0]))
@@ -41856,7 +42123,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionFileModel.prototype.getFileDecoratorCss = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(this.cssClasses.fileDecorator)
             .append(this.cssClasses.onError, this.errors.length > 0)
             .append(this.cssClasses.fileDecoratorDrag, this.isDragging)
@@ -41899,7 +42166,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.doRemoveFile = function (data) {
         var _this = this;
         if (this.needConfirmRemoveFile) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); });
             return;
         }
         this.removeFileCore(data);
@@ -41956,6 +42223,9 @@ var QuestionFileModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "fileDragAreaPlaceholder" } })
     ], QuestionFileModel.prototype, "dragAreaPlaceholder", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], QuestionFileModel.prototype, "renderedPlaceholderValue", void 0);
     return QuestionFileModel;
 }(_question__WEBPACK_IMPORTED_MODULE_0__["Question"]));
 
@@ -42988,9 +43258,11 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
     QuestionImagePickerModel.prototype.afterRender = function (el) {
         var _this = this;
         _super.prototype.afterRender.call(this, el);
-        if (el && el.querySelector(this.getObservedElementSelector())) {
+        var selector = this.getObservedElementSelector();
+        var observedElement = el && selector ? el.querySelector(selector) : undefined;
+        if (!!observedElement) {
             this.reCalcGapBetweenItemsCallback = function () {
-                _this.gapBetweenItems = Math.ceil(Number.parseFloat(window.getComputedStyle(el.querySelector(_this.getObservedElementSelector())).gap)) || 16;
+                _this.gapBetweenItems = Math.ceil(Number.parseFloat(window.getComputedStyle(observedElement).gap)) || 16;
             };
             this.reCalcGapBetweenItemsCallback();
         }
@@ -43533,7 +43805,7 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         this.rows = this.sortVisibleRows(this.rows);
     };
     QuestionMatrixModel.prototype.isNewValueCorrect = function (val) {
-        return _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isValueObject(val);
+        return _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isValueObject(val, true);
     };
     QuestionMatrixModel.prototype.processRowsOnSet = function (newRows) {
         return this.sortVisibleRows(newRows);
@@ -43992,7 +44264,7 @@ var QuestionMatrixDropdownModel = /** @class */ (function (_super) {
         return res;
     };
     QuestionMatrixDropdownModel.prototype.isNewValueCorrect = function (val) {
-        return _helpers__WEBPACK_IMPORTED_MODULE_4__["Helpers"].isValueObject(val);
+        return _helpers__WEBPACK_IMPORTED_MODULE_4__["Helpers"].isValueObject(val, true);
     };
     QuestionMatrixDropdownModel.prototype.clearIncorrectValues = function () {
         var val = this.value;
@@ -44456,15 +44728,14 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
         }
         values[MatrixDropdownRowModelBase.IndexVariableName] = this.rowIndex;
         values[MatrixDropdownRowModelBase.RowValueVariableName] = this.rowName;
-        if (!properties)
-            properties = {};
-        properties[MatrixDropdownRowModelBase.RowVariableName] = this;
+        var newProps = _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].createCopy(properties);
+        newProps[MatrixDropdownRowModelBase.RowVariableName] = this;
         for (var i = 0; i < this.cells.length; i++) {
             values[MatrixDropdownRowModelBase.RowVariableName] = this.value;
-            this.cells[i].runCondition(values, properties);
+            this.cells[i].runCondition(values, newProps);
         }
         if (!!this.detailPanel) {
-            this.detailPanel.runCondition(values, properties);
+            this.detailPanel.runCondition(values, newProps);
         }
     };
     MatrixDropdownRowModelBase.prototype.clearValue = function () {
@@ -44764,8 +45035,6 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
         var columns = this.data.columns;
         for (var i = 0; i < columns.length; i++) {
             var column = columns[i];
-            if (!column.isVisible)
-                continue;
             var cell = this.createCell(column);
             this.cells.push(cell);
             var cellValue = this.getCellValue(value, column.name);
@@ -44955,9 +45224,12 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         this.clearGeneratedRows();
     };
     Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "hasSingleInput", {
-        get: function () {
-            return false;
-        },
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "isContainer", {
+        get: function () { return true; },
         enumerable: false,
         configurable: true
     });
@@ -45024,7 +45296,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "detailErrorLocation", {
         /**
-         * Specifies the error message position for question within detail sections.
+         * Specifies the error message position for questions within detail sections.
          *
          * Possible values:
          *
@@ -45401,10 +45673,15 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         }
     };
     QuestionMatrixDropdownModelBase.prototype.onShowInMultipleColumnsChanged = function (column) {
-        this.clearGeneratedRows();
-        this.resetRenderedTable();
+        this.resetTableAndRows();
+    };
+    QuestionMatrixDropdownModelBase.prototype.onColumnVisibilityChanged = function (column) {
+        this.resetTableAndRows();
     };
     QuestionMatrixDropdownModelBase.prototype.onColumnCellTypeChanged = function (column) {
+        this.resetTableAndRows();
+    };
+    QuestionMatrixDropdownModelBase.prototype.resetTableAndRows = function () {
         this.clearGeneratedRows();
         this.resetRenderedTable();
     };
@@ -45531,12 +45808,14 @@ 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++) {
-            if (!this.visibleColumns[i].visibleIf)
+            var column = this.visibleColumns[i];
+            if (!column.visibleIf && !column.isFilteredMultipleColumns)
                 continue;
-            hasChanged =
-                this.isColumnVisibilityChanged(this.visibleColumns[i]) || hasChanged;
+            hasChanged = this.isColumnVisibilityChanged(column) || hasChanged;
         }
         if (hasChanged) {
             this.resetRenderedTable();
@@ -45559,20 +45838,41 @@ 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();
         var hasVisCell = false;
         var rows = this.generatedVisibleRows;
         for (var i = 0; i < rows.length; i++) {
             var cell = rows[i].cells[column.index];
-            if (!!cell && !!cell.question && cell.question.isVisible) {
+            var q = cell === null || cell === void 0 ? void 0 : cell.question;
+            if (!!q && q.isVisible) {
                 hasVisCell = true;
-                break;
+                if (isMultipleColumnsVisibility) {
+                    this.updateNewVisibleChoices(q, newVisibleChoices);
+                }
+                else
+                    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 != column.isVisible;
+    };
+    QuestionMatrixDropdownModelBase.prototype.updateNewVisibleChoices = function (q, dest) {
+        var choices = q.visibleChoices;
+        if (!Array.isArray(choices))
+            return;
+        for (var i = 0; i < choices.length; i++) {
+            var ch = choices[i];
+            if (dest.indexOf(ch.value) < 0)
+                dest.push(ch.value);
         }
-        return curVis != hasVisCell;
     };
     QuestionMatrixDropdownModelBase.prototype.runTotalsCondition = function (values, properties) {
         if (!this.generatedTotalRow)
@@ -45913,9 +46213,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     };
     QuestionMatrixDropdownModelBase.prototype.getPlainData = function (options) {
         var _this = this;
-        if (options === void 0) { options = {
-            includeEmpty: true,
-        }; }
+        if (options === void 0) { options = { includeEmpty: true }; }
         var questionPlainData = _super.prototype.getPlainData.call(this, options);
         if (!!questionPlainData) {
             questionPlainData.isNode = true;
@@ -46540,9 +46838,6 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     QuestionMatrixDropdownModelBase.prototype.getRootCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_11__["CssClassBuilder"]().append(_super.prototype.getRootCss.call(this)).append(this.cssClasses.rootScroll, this.horizontalScroll).toString();
     };
-    QuestionMatrixDropdownModelBase.prototype.getIsTooltipErrorInsideSupported = function () {
-        return false;
-    };
     return QuestionMatrixDropdownModelBase;
 }(_martixBase__WEBPACK_IMPORTED_MODULE_1__["QuestionMatrixBaseModel"]));
 
@@ -46685,12 +46980,12 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.colOwnerValue = null;
         _this.indexValue = -1;
-        _this._isVisible = true;
         _this._hasVisibleCell = true;
         _this.previousChoicesId = undefined;
         _this.createLocalizableString("totalFormat", _this);
         _this.createLocalizableString("cellHint", _this);
         _this.registerPropertyChangedHandlers(["showInMultipleColumns"], function () { _this.doShowInMultipleColumnsChanged(); });
+        _this.registerPropertyChangedHandlers(["visible"], function () { _this.doColumnVisibilityChanged(); });
         _this.updateTemplateQuestion();
         _this.name = name;
         if (title) {
@@ -46800,15 +47095,30 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "isVisible", {
+        //For filtering columns
         get: function () {
-            return this._isVisible;
+            return true;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MatrixDropdownColumn.prototype, "isColumnVisible", {
+        get: function () {
+            if (this.isDesignMode)
+                return true;
+            return this.visible && this.hasVisibleCell;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MatrixDropdownColumn.prototype, "visible", {
+        get: function () { return this.getPropertyValue("visible"); },
+        set: function (val) {
+            this.setPropertyValue("visible", val);
         },
         enumerable: false,
         configurable: true
     });
-    MatrixDropdownColumn.prototype.setIsVisible = function (newVal) {
-        this._isVisible = newVal;
-    };
     Object.defineProperty(MatrixDropdownColumn.prototype, "hasVisibleCell", {
         get: function () {
             return this._hasVisibleCell;
@@ -46819,6 +47129,49 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    MatrixDropdownColumn.prototype.getVisibleMultipleChoices = function () {
+        var choices = this.templateQuestion.visibleChoices;
+        if (!Array.isArray(choices))
+            return [];
+        if (!Array.isArray(this._visiblechoices))
+            return choices;
+        var res = new Array();
+        for (var i = 0; i < choices.length; i++) {
+            var item = choices[i];
+            if (this._visiblechoices.indexOf(item.value) > -1)
+                res.push(item);
+        }
+        return res;
+    };
+    Object.defineProperty(MatrixDropdownColumn.prototype, "getVisibleChoicesInCell", {
+        get: function () {
+            if (Array.isArray(this._visiblechoices))
+                return this._visiblechoices;
+            var res = this.templateQuestion.visibleChoices;
+            return Array.isArray(res) ? res : [];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    MatrixDropdownColumn.prototype.setVisibleChoicesInCell = function (val) {
+        this._visiblechoices = val;
+    };
+    Object.defineProperty(MatrixDropdownColumn.prototype, "isFilteredMultipleColumns", {
+        get: function () {
+            if (!this.showInMultipleColumns)
+                return false;
+            var choices = this.templateQuestion.choices;
+            if (!Array.isArray(choices))
+                return false;
+            for (var i = 0; i < choices.length; i++) {
+                if (choices[i].visibleIf)
+                    return true;
+            }
+            return false;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MatrixDropdownColumn.prototype, "name", {
         get: function () {
             return this.templateQuestion.name;
@@ -47303,13 +47656,18 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         }
     };
     MatrixDropdownColumn.prototype.doShowInMultipleColumnsChanged = function () {
-        if (this.colOwner != null && !this.isLoadingFromJson) {
+        if (this.colOwner != null) {
             this.colOwner.onShowInMultipleColumnsChanged(this);
         }
         if (this.templateQuestion) {
             this.templateQuestion.autoOtherMode = this.isShowInMultipleColumns;
         }
     };
+    MatrixDropdownColumn.prototype.doColumnVisibilityChanged = function () {
+        if (this.colOwner != null && !this.isDesignMode) {
+            this.colOwner.onColumnVisibilityChanged(this);
+        }
+    };
     MatrixDropdownColumn.prototype.getProperties = function (curCellType) {
         return _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].getDynamicPropertiesByObj(this, curCellType);
     };
@@ -47391,6 +47749,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
         }
     },
     "width",
+    { name: "visible:switch", default: true, overridingProperty: "visibleIf" },
     "visibleIf:condition",
     "enableIf:condition",
     "requiredIf:condition",
@@ -47644,6 +48003,11 @@ var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
             .append(matrixCssClasses.choiceCell, this.isChoice)
             .toString();
     };
+    QuestionMatrixDropdownRenderedCell.prototype.focusIn = function () {
+        if (this.question) {
+            this.question.focusIn();
+        }
+    };
     QuestionMatrixDropdownRenderedCell.counter = 1;
     return QuestionMatrixDropdownRenderedCell;
 }());
@@ -47989,7 +48353,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         if (this.matrix.isColumnLayoutHorizontal) {
             for (var i = 0; i < this.matrix.visibleColumns.length; i++) {
                 var column = this.matrix.visibleColumns[i];
-                if (!column.hasVisibleCell)
+                if (!column.isColumnVisible)
                     continue;
                 if (this.matrix.IsMultiplyColumn(column)) {
                     this.createMutlipleColumnsHeader(column);
@@ -48014,7 +48378,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
             }
         }
         if (this.hasActionCellInRows("end")) {
-            this.headerRow.cells.push(this.createHeaderCell(null));
+            this.headerRow.cells.push(this.createHeaderCell(null, "action"));
         }
     };
     QuestionMatrixDropdownRenderedTable.prototype.buildFooter = function () {
@@ -48033,7 +48397,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         var cells = this.matrix.visibleTotalRow.cells;
         for (var i = 0; i < cells.length; i++) {
             var cell = cells[i];
-            if (!cell.column.hasVisibleCell)
+            if (!cell.column.isColumnVisible)
                 continue;
             if (this.matrix.IsMultiplyColumn(cell.column)) {
                 this.createMutlipleColumnsFooter(this.footerRow, cell);
@@ -48181,6 +48545,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
                 actions.push(new _actions_action__WEBPACK_IMPORTED_MODULE_3__["Action"]({
                     id: "remove-row",
                     iconName: "icon-delete",
+                    iconSize: "auto",
                     component: "sv-action-bar-item",
                     innerCss: new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]().append(this.matrix.cssClasses.button).append(this.matrix.cssClasses.buttonRemove).toString(),
                     location: "end",
@@ -48210,14 +48575,14 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         for (var i = 0; i < row.cells.length; i++) {
             var cell = row.cells[i];
             if (!cell.hasQuestion) {
-                res.cells.push(this.createEmptyCell());
+                res.cells.push(this.createEmptyCell(true));
             }
             else if (this.matrix.IsMultiplyColumn(cell.cell.column)) {
                 if (cell.isFirstChoice) {
                     res.cells.push(this.createErrorCell(cell.cell));
                 }
                 else {
-                    res.cells.push(this.createEmptyCell());
+                    res.cells.push(this.createEmptyCell(true));
                 }
             }
             else {
@@ -48250,7 +48615,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         }
         for (var i = 0; i < row.cells.length; i++) {
             var cell = row.cells[i];
-            if (!cell.column.hasVisibleCell)
+            if (!cell.column.isColumnVisible)
                 continue;
             if (this.matrix.IsMultiplyColumn(cell.column)) {
                 this.createMutlipleEditCells(res, cell);
@@ -48320,7 +48685,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         var renderedRows = [];
         for (var i = 0; i < columns.length; i++) {
             var col = columns[i];
-            if (col.isVisible && col.hasVisibleCell) {
+            if (col.isColumnVisible) {
                 if (this.matrix.IsMultiplyColumn(col)) {
                     this.createMutlipleVerticalRows(renderedRows, col, i);
                 }
@@ -48479,7 +48844,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         var choices = column.templateQuestion.choices;
         if (!!choices && Array.isArray(choices) && choices.length == 0)
             return this.matrix.choices;
-        choices = column.templateQuestion.visibleChoices;
+        choices = column.getVisibleMultipleChoices();
         if (!choices || !Array.isArray(choices))
             return null;
         return choices;
@@ -48535,12 +48900,14 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         }
         return cell;
     };
-    QuestionMatrixDropdownRenderedTable.prototype.createEmptyCell = function () {
+    QuestionMatrixDropdownRenderedTable.prototype.createEmptyCell = function (isError) {
+        if (isError === void 0) { isError = false; }
         var res = this.createTextCell(null);
         res.isEmpty = true;
         res.className = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(this.cssClasses.cell)
             .append(this.cssClasses.emptyCell)
+            .append(this.cssClasses.errorsCell, isError)
             .toString();
         return res;
     };
@@ -49673,7 +50040,7 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_1__["QuestionFactory"].Instance.regist
 /*!**************************************!*\
   !*** ./src/question_multipletext.ts ***!
   \**************************************/
-/*! exports provided: MultipleTextEditorModel, MultipleTextItemModel, QuestionMultipleTextModel */
+/*! exports provided: MultipleTextEditorModel, MultipleTextItemModel, QuestionMultipleTextModel, MutlipleTextRow, MutlipleTextErrorRow, MultipleTextCell, MultipleTextErrorCell */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -49681,6 +50048,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultipleTextEditorModel", function() { return MultipleTextEditorModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultipleTextItemModel", function() { return MultipleTextItemModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionMultipleTextModel", function() { return QuestionMultipleTextModel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextRow", function() { return MutlipleTextRow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MutlipleTextErrorRow", function() { return MutlipleTextErrorRow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultipleTextCell", function() { return MultipleTextCell; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultipleTextErrorCell", function() { return MultipleTextErrorCell; });
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/base.ts");
 /* harmony import */ var _survey_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./survey-element */ "./src/survey-element.ts");
 /* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./question */ "./src/question.ts");
@@ -49705,6 +50076,12 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 
 
 
@@ -49747,6 +50124,9 @@ var MultipleTextItemModel = /** @class */ (function (_super) {
         if (name === void 0) { name = null; }
         if (title === void 0) { title = null; }
         var _this = _super.call(this) || this;
+        _this.focusIn = function () {
+            _this.editor.focusIn();
+        };
         _this.editorValue = _this.createEditor(name);
         _this.editor.questionTitleTemplateCallback = function () {
             return "";
@@ -50085,8 +50465,8 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
                 _this.survey.multipleTextItemAdded(_this, item);
             }
         });
-        _this.registerPropertyChangedHandlers(["items", "colCount"], function () {
-            _this.fireCallback(_this.colCountChangedCallback);
+        _this.registerPropertyChangedHandlers(["items", "colCount", "itemErrorLocation"], function () {
+            _this.calcVisibleRows();
         });
         _this.registerPropertyChangedHandlers(["itemSize"], function () { _this.updateItemsSize(); });
         return _this;
@@ -50113,9 +50493,12 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(QuestionMultipleTextModel.prototype, "hasSingleInput", {
-        get: function () {
-            return false;
-        },
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionMultipleTextModel.prototype, "isContainer", {
+        get: function () { return true; },
         enumerable: false,
         configurable: true
     });
@@ -50134,7 +50517,6 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
     QuestionMultipleTextModel.prototype.onSurveyLoad = function () {
         this.editorsOnSurveyLoad();
         _super.prototype.onSurveyLoad.call(this);
-        this.fireCallback(this.colCountChangedCallback);
     };
     QuestionMultipleTextModel.prototype.setQuestionValue = function (newValue, updateIsAnswered) {
         if (updateIsAnswered === void 0) { updateIsAnswered = true; }
@@ -50273,11 +50655,25 @@ 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();
     };
     QuestionMultipleTextModel.prototype.isNewValueCorrect = function (val) {
-        return _helpers__WEBPACK_IMPORTED_MODULE_6__["Helpers"].isValueObject(val);
+        return _helpers__WEBPACK_IMPORTED_MODULE_6__["Helpers"].isValueObject(val, true);
     };
     QuestionMultipleTextModel.prototype.supportGoNextPageAutomatic = function () {
         for (var i = 0; i < this.items.length; i++) {
@@ -50316,22 +50712,44 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionMultipleTextModel.prototype.getRows = function () {
+    QuestionMultipleTextModel.prototype.onRowCreated = function (row) {
+        return row;
+    };
+    QuestionMultipleTextModel.prototype.calcVisibleRows = function () {
         var colCount = this.colCount;
         var items = this.items;
-        var rows = [];
         var index = 0;
+        var row;
+        var errorRow;
+        var rows = [];
         for (var i = 0; i < items.length; i++) {
             if (index == 0) {
-                rows.push([]);
+                row = this.onRowCreated(new MutlipleTextRow());
+                errorRow = this.onRowCreated(new MutlipleTextErrorRow());
+                if (this.showItemErrorOnTop) {
+                    rows.push(errorRow);
+                    rows.push(row);
+                }
+                else {
+                    rows.push(row);
+                    rows.push(errorRow);
+                }
             }
-            rows[rows.length - 1].push(items[i]);
+            row.cells.push(new MultipleTextCell(items[i], this));
+            errorRow.cells.push(new MultipleTextErrorCell(items[i], this));
             index++;
-            if (index >= colCount) {
+            if (index >= colCount || i == items.length - 1) {
                 index = 0;
+                errorRow.onAfterCreated();
             }
         }
-        return rows;
+        this.rows = rows;
+    };
+    QuestionMultipleTextModel.prototype.getRows = function () {
+        if (_helpers__WEBPACK_IMPORTED_MODULE_6__["Helpers"].isValueEmpty(this.rows)) {
+            this.calcVisibleRows();
+        }
+        return this.rows;
     };
     QuestionMultipleTextModel.prototype.onValueChanged = function () {
         _super.prototype.onValueChanged.call(this);
@@ -50509,12 +50927,87 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
     QuestionMultipleTextModel.prototype.getItemTitleCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__["CssClassBuilder"]().append(this.cssClasses.itemTitle).toString();
     };
-    QuestionMultipleTextModel.prototype.getIsTooltipErrorInsideSupported = function () {
-        return true;
-    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_4__["propertyArray"])()
+    ], QuestionMultipleTextModel.prototype, "rows", void 0);
     return QuestionMultipleTextModel;
 }(_question__WEBPACK_IMPORTED_MODULE_2__["Question"]));
 
+var MutlipleTextRow = /** @class */ (function (_super) {
+    __extends(MutlipleTextRow, _super);
+    function MutlipleTextRow() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.isVisible = true;
+        _this.cells = [];
+        return _this;
+    }
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_4__["property"])()
+    ], MutlipleTextRow.prototype, "isVisible", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_4__["propertyArray"])()
+    ], MutlipleTextRow.prototype, "cells", void 0);
+    return MutlipleTextRow;
+}(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+var MutlipleTextErrorRow = /** @class */ (function (_super) {
+    __extends(MutlipleTextErrorRow, _super);
+    function MutlipleTextErrorRow() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    MutlipleTextErrorRow.prototype.onAfterCreated = function () {
+        var _this = this;
+        var callback = function () {
+            _this.isVisible = _this.cells.some(function (cell) { var _a, _b; return ((_a = cell.item) === null || _a === void 0 ? void 0 : _a.editor) && ((_b = cell.item) === null || _b === void 0 ? void 0 : _b.editor.hasVisibleErrors); });
+        };
+        this.cells.forEach(function (cell) {
+            var _a, _b;
+            if ((_a = cell.item) === null || _a === void 0 ? void 0 : _a.editor) {
+                (_b = cell.item) === null || _b === void 0 ? void 0 : _b.editor.registerFunctionOnPropertyValueChanged("hasVisibleErrors", callback);
+            }
+        });
+        callback();
+    };
+    return MutlipleTextErrorRow;
+}(MutlipleTextRow));
+
+var MultipleTextCell = /** @class */ (function () {
+    function MultipleTextCell(item, question) {
+        this.item = item;
+        this.question = question;
+        this.isErrorsCell = false;
+    }
+    MultipleTextCell.prototype.getClassName = function () {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__["CssClassBuilder"]().append(this.question.cssClasses.cell).toString();
+    };
+    Object.defineProperty(MultipleTextCell.prototype, "className", {
+        get: function () {
+            return this.getClassName();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return MultipleTextCell;
+}());
+
+var MultipleTextErrorCell = /** @class */ (function (_super) {
+    __extends(MultipleTextErrorCell, _super);
+    function MultipleTextErrorCell() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.isErrorsCell = true;
+        return _this;
+    }
+    MultipleTextErrorCell.prototype.getClassName = function () {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__["CssClassBuilder"]()
+            .append(_super.prototype.getClassName.call(this))
+            .append(this.question.cssClasses.cellError)
+            .append(this.question.cssClasses.cellErrorTop, this.question.showItemErrorOnTop)
+            .append(this.question.cssClasses.cellErrorBottom, this.question.showItemErrorOnBottom)
+            .toString();
+    };
+    return MultipleTextErrorCell;
+}(MultipleTextCell));
+
 _jsonobject__WEBPACK_IMPORTED_MODULE_4__["Serializer"].addClass("multipletextitem", [
     { name: "!name", isUnique: true },
     "isRequired:boolean",
@@ -50876,10 +51369,18 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["allowAddPanel"], function () { _this.updateNoEntriesTextDefaultLoc(); });
         return _this;
     }
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "isCompositeQuestion", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "hasSingleInput", {
-        get: function () {
-            return false;
-        },
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "isContainer", {
+        get: function () { return true; },
         enumerable: false,
         configurable: true
     });
@@ -50940,13 +51441,6 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.getType = function () {
         return "paneldynamic";
     };
-    Object.defineProperty(QuestionPanelDynamicModel.prototype, "isCompositeQuestion", {
-        get: function () {
-            return true;
-        },
-        enumerable: false,
-        configurable: true
-    });
     QuestionPanelDynamicModel.prototype.clearOnDeletingContainer = function () {
         this.panels.forEach(function (panel) {
             panel.clearOnDeletingContainer();
@@ -52365,14 +52859,20 @@ 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 panelValues = this.getPanelItemData(this.panels[i].data);
+            var panel = this.panels[i];
+            var panelValues = this.getPanelItemData(panel.data);
             //Should be unique for every panel due async expression support
             var newValues = _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].createCopy(cachedValues);
-            newValues[QuestionPanelDynamicItem.ItemVariableName.toLowerCase()] = panelValues;
+            var panelName = QuestionPanelDynamicItem.ItemVariableName;
+            newValues[panelName] = panelValues;
             newValues[QuestionPanelDynamicItem.IndexVariableName.toLowerCase()] = i;
-            this.panels[i].runCondition(newValues, properties);
+            var newProps = _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].createCopy(properties);
+            newProps[panelName] = panel;
+            panel.runCondition(newValues, newProps);
         }
+        this.isValueChangingInternally = false;
     };
     QuestionPanelDynamicModel.prototype.onAnyValueChanged = function (name) {
         _super.prototype.onAnyValueChanged.call(this, name);
@@ -52807,9 +53307,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         return this.data;
     };
     QuestionPanelDynamicModel.prototype.getPlainData = function (options) {
-        if (options === void 0) { options = {
-            includeEmpty: true,
-        }; }
+        if (options === void 0) { options = { includeEmpty: true }; }
         var questionPlainData = _super.prototype.getPlainData.call(this, options);
         if (!!questionPlainData) {
             questionPlainData.isNode = true;
@@ -53019,11 +53517,22 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         this.updateFooterActionsCallback();
         this.footerToolbarValue.setItems(items);
     };
-    QuestionPanelDynamicModel.prototype.createTabByPanel = function (panel) {
+    QuestionPanelDynamicModel.prototype.createTabByPanel = function (panel, visPanelIndex) {
         var _this = this;
         if (!this.isRenderModeTab)
             return;
         var locTitle = new _localizablestring__WEBPACK_IMPORTED_MODULE_2__["LocalizableString"](panel, true);
+        locTitle.onGetTextCallback = function (str) {
+            if (!_this.survey)
+                return str;
+            var options = {
+                title: str,
+                panel: panel,
+                visiblePanelIndex: visPanelIndex
+            };
+            _this.survey.dynamicPanelGetTabTitle(_this, options);
+            return options.title;
+        };
         locTitle.sharedData = this.locTemplateTabTitle;
         var isActive = this.getPanelIndexById(panel.id) === this.currentIndex;
         var newItem = new _actions_action__WEBPACK_IMPORTED_MODULE_11__["Action"]({
@@ -53067,13 +53576,20 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!this.isRenderModeTab)
             return;
         var items = [];
-        this.visiblePanels.forEach(function (panel) { return items.push(_this.createTabByPanel(panel)); });
+        var visPanels = this.visiblePanels;
+        var _loop_1 = function (i) {
+            this_1.visiblePanels.forEach(function (panel) { return items.push(_this.createTabByPanel(visPanels[i], i)); });
+        };
+        var this_1 = this;
+        for (var i = 0; i < visPanels.length; i++) {
+            _loop_1(i);
+        }
         this.additionalTitleToolbar.setItems(items);
     };
     QuestionPanelDynamicModel.prototype.addTabFromToolbar = function (panel, index) {
         if (!this.isRenderModeTab)
             return;
-        var newItem = this.createTabByPanel(panel);
+        var newItem = this.createTabByPanel(panel, index);
         this.additionalTitleToolbar.actions.splice(index, 0, newItem);
         this.updateTabToolbarItemsPressedState();
     };
@@ -53460,7 +53976,9 @@ var QuestionRankingModel = /** @class */ (function (_super) {
             var target = event.target;
             if (!_this.isDragStartNodeValid(target))
                 return;
-            if (_this.allowStartDrag && _this.canStartDragDueMaxSelectedChoices(target)) {
+            if (_this.allowStartDrag &&
+                _this.canStartDragDueMaxSelectedChoices(target) &&
+                _this.canStartDragDueItemEnabled(choice)) {
                 _this.dragDropRankingChoices.startDrag(event, choice, _this, node);
             }
         };
@@ -53533,7 +54051,9 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         return "ranking";
     };
     QuestionRankingModel.prototype.getItemTabIndex = function (item) {
-        return this.isDesignMode ? undefined : 0;
+        if (this.isDesignMode || item.disabled)
+            return undefined;
+        return 0;
     };
     Object.defineProperty(QuestionRankingModel.prototype, "rootClass", {
         get: function () {
@@ -53748,6 +54268,9 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         }
         return true;
     };
+    QuestionRankingModel.prototype.canStartDragDueItemEnabled = function (item) {
+        return item.enabled;
+    };
     QuestionRankingModel.prototype.checkMaxSelectedChoicesUnreached = function () {
         if (this.maxSelectedChoices < 1)
             return true;
@@ -54341,6 +54864,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         this.colorsCalculated = true;
     };
     QuestionRatingModel.prototype.getDisplayValueCore = function (keysAsText, value) {
+        if (!this.useRateValues)
+            return _super.prototype.getDisplayValueCore.call(this, keysAsText, value);
         var res = _itemvalue__WEBPACK_IMPORTED_MODULE_0__["ItemValue"].getTextOrHtmlByValue(this.visibleRateValues, value);
         return !!res ? res : value;
     };
@@ -54418,6 +54943,13 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.supportOther = function () {
         return false;
     };
+    QuestionRatingModel.prototype.getPlainDataCalculatedValue = function (propName) {
+        var res = _super.prototype.getPlainDataCalculatedValue.call(this, propName);
+        if (res !== undefined || !this.useRateValues || this.isEmpty())
+            return res;
+        var item = _itemvalue__WEBPACK_IMPORTED_MODULE_0__["ItemValue"].getItemByValue(this.visibleRateValues, this.value);
+        return item ? item[propName] : undefined;
+    };
     Object.defineProperty(QuestionRatingModel.prototype, "minRateDescription", {
         /**
          * Specifies a description for the minimum (first) rate value.
@@ -55124,7 +55656,8 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         signaturePad.penColor = this.penColor || penColorFromTheme || penColorProperty.defaultValue || "#1ab394";
         var backgroundColorProperty = this.getPropertyByName("backgroundColor");
         var backgroundColorFromTheme = penColorFromTheme ? "transparent" : undefined;
-        signaturePad.backgroundColor = this.backgroundColor || backgroundColorFromTheme || backgroundColorProperty.defaultValue || "#ffffff";
+        var background = !!this.backgroundImage ? "transparent" : this.backgroundColor;
+        signaturePad.backgroundColor = background || backgroundColorFromTheme || backgroundColorProperty.defaultValue || "#ffffff";
     };
     QuestionSignaturePadModel.prototype.getCssRoot = function (cssClasses) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
@@ -55300,7 +55833,13 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionSignaturePadModel.prototype, "penColor", {
         /**
-         * Specifies a color for the pen. Accepts hexadecimal colors (`"#FF0000"`), RGB colors (`"rgb(255,0,0)"`), or color names (`"red"`).
+         * Specifies a color for the pen.
+         *
+         * This property accepts color values in the following formats:
+         *
+         * - Hexadecimal colors (`"#FF0000"`)
+         * - RGB colors (`"rgb(255,0,0)"`)
+         * - Color names (`"red"`)
          * @see backgroundColor
          */
         get: function () {
@@ -55308,13 +55847,20 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("penColor", val);
+            !!this.signaturePad && this.updateColors(this.signaturePad);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(QuestionSignaturePadModel.prototype, "backgroundColor", {
         /**
-         * Specifies a color for the signature area background.  Accepts hexadecimal colors (`"#FF0000"`), RGB colors (`"rgb(255,0,0)"`), or color names (`"red"`).
+         * Specifies a color for the signature area background. Ignored if [`backgroundImage`](#backgroundImage) is set.
+         *
+         * This property accepts color values in the following formats:
+         *
+         * - Hexadecimal colors (`"#FF0000"`)
+         * - RGB colors (`"rgb(255,0,0)"`)
+         * - Color names (`"red"`)
          * @see penColor
          */
         get: function () {
@@ -55322,6 +55868,22 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("backgroundColor", val);
+            !!this.signaturePad && this.updateColors(this.signaturePad);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSignaturePadModel.prototype, "backgroundImage", {
+        /**
+         * An image to display in the background of the signature area. Accepts a base64 or URL string value.
+         * @see backgroundColor
+         */
+        get: function () {
+            return this.getPropertyValue("backgroundImage");
+        },
+        set: function (val) {
+            this.setPropertyValue("backgroundImage", val);
+            !!this.signaturePad && this.updateColors(this.signaturePad);
         },
         enumerable: false,
         configurable: true
@@ -55393,6 +55955,10 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("signaturepad",
         category: "general",
         default: true,
     },
+    {
+        name: "backgroundImage",
+        category: "general",
+    },
     {
         name: "penColor:color",
         category: "general",
@@ -55482,18 +56048,24 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         _this.onOpened = _this.addEvent();
         _this.createLocalizableString("placeholder", _this, false, true);
         _this.createLocalizableString("clearCaption", _this, false, true);
+        _this.registerPropertyChangedHandlers(["value", "renderAs", "showOtherItem", "otherText", "placeholder", "choices", "visibleChoices"], function () {
+            _this.updateReadOnlyText();
+        });
+        _this.updateReadOnlyText();
         return _this;
     }
+    QuestionTagboxModel.prototype.locStrsChanged = function () {
+        var _a;
+        _super.prototype.locStrsChanged.call(this);
+        this.updateReadOnlyText();
+        (_a = this.dropdownListModel) === null || _a === void 0 ? void 0 : _a.locStrsChanged();
+    };
+    QuestionTagboxModel.prototype.updateReadOnlyText = function () {
+        this.readOnlyText = this.displayValue || this.placeholder;
+    };
     QuestionTagboxModel.prototype.getDefaultItemComponent = function () {
         return "";
     };
-    Object.defineProperty(QuestionTagboxModel.prototype, "readOnlyText", {
-        get: function () {
-            return this.displayValue || this.placeholder;
-        },
-        enumerable: false,
-        configurable: true
-    });
     QuestionTagboxModel.prototype.onSurveyLoad = function () {
         _super.prototype.onSurveyLoad.call(this);
         if (!this.dropdownListModel) {
@@ -55646,6 +56218,9 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         _super.prototype.clearValue.call(this);
         this.dropdownListModel.clear();
     };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: "" })
+    ], QuestionTagboxModel.prototype, "readOnlyText", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionTagboxModel.prototype, "allowClear", void 0);
@@ -55780,9 +56355,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
             if (_this.isInputTextUpdate) {
                 _this._isWaitingForEnter = event.keyCode === 229;
             }
-            if (event.keyCode === 13) {
-                _this.survey.questionEditFinishCallback(_this, event);
-            }
+            _this.onTextKeyDownHandler(event);
         };
         _this.onChange = function (event) {
             if (event.target === _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].environment.root.activeElement) {
@@ -56237,7 +56810,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
         }
         return newValue;
     };
-    QuestionTextModel.prototype.hasPlaceHolder = function () {
+    QuestionTextModel.prototype.hasPlaceholder = function () {
         return !this.isReadOnly && this.inputType !== "range";
     };
     QuestionTextModel.prototype.isReadOnlyRenderDiv = function () {
@@ -56638,12 +57211,12 @@ var QuestionTextBase = /** @class */ (function (_super) {
     };
     QuestionTextBase.prototype.calcRenderedPlaceholder = function () {
         var res = this.placeHolder;
-        if (!!res && !this.hasPlaceHolder()) {
+        if (!!res && !this.hasPlaceholder()) {
             res = undefined;
         }
         this.setRenderedPlaceholder(res);
     };
-    QuestionTextBase.prototype.hasPlaceHolder = function () {
+    QuestionTextBase.prototype.hasPlaceholder = function () {
         return !this.isReadOnly;
     };
     QuestionTextBase.prototype.setNewValue = function (newValue) {
@@ -57753,11 +58326,11 @@ var ComponentsContainer = /** @class */ (function (_super) {
         }
         if (!needRenderWrapper) {
             return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, components.map(function (component) {
-                return _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.createElement(component.component, { survey: _this.props.survey, model: component.data, key: component.id });
+                return _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.createElement(component.component, { survey: _this.props.survey, model: component.data, container: _this.props.container, key: component.id });
             }));
         }
         return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-components-column" }, components.map(function (component) {
-            return _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.createElement(component.component, { survey: _this.props.survey, model: component.data, key: component.id });
+            return _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.createElement(component.component, { survey: _this.props.survey, model: component.data, container: _this.props.container, key: component.id });
         }));
     };
     return ComponentsContainer;
@@ -57955,6 +58528,12 @@ var List = /** @class */ (function (_super) {
             this.model.initListContainerHtmlElement(this.listContainerRef.current);
         }
     };
+    List.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        if (!!this.model) {
+            this.model.initListContainerHtmlElement(undefined);
+        }
+    };
     List.prototype.renderElement = function () {
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.cssClasses.root, ref: this.listContainerRef },
             this.searchElementContent(),
@@ -58760,6 +59339,10 @@ var Popup = /** @class */ (function (_super) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
         this.setTargetElement();
     };
+    Popup.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        this.popup.resetComponentElement();
+    };
     Popup.prototype.shouldComponentUpdate = function (nextProps, nextState) {
         var _a;
         if (!_super.prototype.shouldComponentUpdate.call(this, nextProps, nextState))
@@ -61320,6 +61903,8 @@ var Survey = /** @class */ (function (_super) {
     };
     Survey.prototype.destroySurvey = function () {
         if (this.survey) {
+            this.survey.renderCallback = undefined;
+            this.survey.onPartialSend.clear();
             this.survey.stopTimer();
             this.survey.destroyResizeObserver();
         }
@@ -61342,6 +61927,9 @@ var Survey = /** @class */ (function (_super) {
         else if (this.survey.state == "loading") {
             renderResult = this.renderLoading();
         }
+        else if (this.survey.state == "empty") {
+            renderResult = this.renderEmptySurvey();
+        }
         else {
             renderResult = this.renderSurvey();
         }
@@ -61390,11 +61978,11 @@ var Survey = /** @class */ (function (_super) {
     };
     Survey.prototype.renderCompletedBefore = function () {
         var htmlValue = { __html: this.survey.processedCompletedBeforeHtml };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { dangerouslySetInnerHTML: htmlValue, className: this.css.body }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedBeforeCss }));
     };
     Survey.prototype.renderLoading = function () {
         var htmlValue = { __html: this.survey.processedLoadingHtml };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { dangerouslySetInnerHTML: htmlValue, className: this.css.body }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.loadingBodyCss }));
     };
     Survey.prototype.renderSurvey = function () {
         var activePage = this.survey.activePage
@@ -61403,10 +61991,6 @@ var Survey = /** @class */ (function (_super) {
         var isStaring = this.survey.isShowStartingPage;
         var pageId = this.survey.activePage ? this.survey.activePage.id : "";
         var className = this.survey.bodyCss;
-        if (!activePage) {
-            className = this.css.bodyEmpty;
-            activePage = this.renderEmptySurvey();
-        }
         var style = {};
         if (!!this.survey.renderedWidth) {
             style.maxWidth = this.survey.renderedWidth;
@@ -61423,7 +62007,7 @@ var Survey = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_page__WEBPACK_IMPORTED_MODULE_2__["SurveyPage"], { survey: this.survey, page: page, css: this.css, creator: this }));
     };
     Survey.prototype.renderEmptySurvey = function () {
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, this.survey.emptySurveyText);
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.bodyEmpty }, this.survey.emptySurveyText);
     };
     Survey.prototype.createSurvey = function (newProps) {
         if (!newProps)
@@ -61680,7 +62264,7 @@ var SurveyProgress = /** @class */ (function (_super) {
         var progressStyle = {
             width: this.progress + "%",
         };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.getProgressCssClasses() },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.getProgressCssClasses(this.props.container) },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100 },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
@@ -61889,7 +62473,7 @@ _element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.re
 /*!*************************************!*\
   !*** ./src/react/reactquestion.tsx ***!
   \*************************************/
-/*! exports provided: SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsWrapped, SurveyQuestionAndErrorsCell */
+/*! exports provided: SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsWrapped, SurveyQuestionAndErrorsCell, SurveyQuestionErrorCell */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -61898,15 +62482,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyElementErrors", function() { return SurveyElementErrors; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionAndErrorsWrapped", function() { return SurveyQuestionAndErrorsWrapped; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionAndErrorsCell", function() { return SurveyQuestionAndErrorsCell; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionErrorCell", function() { return SurveyQuestionErrorCell; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
-/* harmony import */ var _reactsurveymodel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactsurveymodel */ "./src/react/reactsurveymodel.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
-/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
-/* harmony import */ var _reactquestion_comment__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reactquestion_comment */ "./src/react/reactquestion_comment.tsx");
-/* harmony import */ var _custom_widget__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./custom-widget */ "./src/react/custom-widget.tsx");
-/* harmony import */ var _element_header__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./element-header */ "./src/react/element-header.tsx");
+/* harmony import */ var _reactsurveymodel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactsurveymodel */ "./src/react/reactsurveymodel.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
+/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
+/* harmony import */ var _reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion_comment */ "./src/react/reactquestion_comment.tsx");
+/* harmony import */ var _custom_widget__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./custom-widget */ "./src/react/custom-widget.tsx");
+/* harmony import */ var _element_header__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./element-header */ "./src/react/element-header.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -61929,7 +62513,6 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 var SurveyQuestion = /** @class */ (function (_super) {
     __extends(SurveyQuestion, _super);
     function SurveyQuestion(props) {
@@ -61945,7 +62528,7 @@ var SurveyQuestion = /** @class */ (function (_super) {
         if (!customWidget) {
             return creator.createQuestionElement(question);
         }
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_custom_widget__WEBPACK_IMPORTED_MODULE_6__["SurveyCustomWidget"], { creator: creator, question: question });
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_custom_widget__WEBPACK_IMPORTED_MODULE_5__["SurveyCustomWidget"], { creator: creator, question: question });
     };
     SurveyQuestion.prototype.getStateElement = function () {
         return this.question;
@@ -62023,9 +62606,6 @@ var SurveyQuestion = /** @class */ (function (_super) {
             ? this.renderErrors(cssClasses, "bottom")
             : null;
         var comment = question && question.hasComment ? this.renderComment(cssClasses) : null;
-        var errorsTooltip = this.question.isErrorsModeTooltip
-            ? this.renderErrors(cssClasses, "tooltip")
-            : null;
         var descriptionUnderInput = question.hasDescriptionUnderInput
             ? this.renderDescription()
             : null;
@@ -62034,7 +62614,6 @@ var SurveyQuestion = /** @class */ (function (_super) {
             questionRender,
             comment,
             errorsBottom,
-            errorsTooltip,
             descriptionUnderInput));
     };
     SurveyQuestion.prototype.renderElement = function () {
@@ -62063,7 +62642,7 @@ var SurveyQuestion = /** @class */ (function (_super) {
         var survey = this.question.survey;
         var wrapper = null;
         if (survey) {
-            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_2__["ReactSurveyElementsWrapper"].wrapElement(survey, element, this.question);
+            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElementsWrapper"].wrapElement(survey, element, this.question);
         }
         return wrapper !== null && wrapper !== void 0 ? wrapper : element;
     };
@@ -62071,7 +62650,7 @@ var SurveyQuestion = /** @class */ (function (_super) {
         var survey = this.question.survey;
         var wrapper = null;
         if (survey) {
-            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_2__["ReactSurveyElementsWrapper"].wrapQuestionContent(survey, element, this.question);
+            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElementsWrapper"].wrapQuestionContent(survey, element, this.question);
         }
         return wrapper !== null && wrapper !== void 0 ? wrapper : element;
     };
@@ -62079,24 +62658,24 @@ var SurveyQuestion = /** @class */ (function (_super) {
         return SurveyQuestion.renderQuestionBody(this.creator, this.question);
     };
     SurveyQuestion.prototype.renderDescription = function () {
-        return _reactquestion_element__WEBPACK_IMPORTED_MODULE_4__["SurveyElementBase"].renderQuestionDescription(this.question);
+        return _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"].renderQuestionDescription(this.question);
     };
     SurveyQuestion.prototype.renderComment = function (cssClasses) {
-        var commentText = _reactquestion_element__WEBPACK_IMPORTED_MODULE_4__["SurveyElementBase"].renderLocString(this.question.locCommentText);
+        var commentText = _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"].renderLocString(this.question.locCommentText);
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getCommentAreaCss() },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, commentText),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion_comment__WEBPACK_IMPORTED_MODULE_5__["SurveyQuestionCommentItem"], { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__["SurveyQuestionCommentItem"], { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
     };
     SurveyQuestion.prototype.renderHeader = function (question) {
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_element_header__WEBPACK_IMPORTED_MODULE_7__["SurveyElementHeader"], { element: question });
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_element_header__WEBPACK_IMPORTED_MODULE_6__["SurveyElementHeader"], { element: question });
     };
     SurveyQuestion.prototype.renderErrors = function (cssClasses, location) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyElementErrors, { element: this.question, cssClasses: cssClasses, creator: this.creator, location: location, id: this.question.id + "_errors" }));
     };
     return SurveyQuestion;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_4__["SurveyElementBase"]));
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"]));
 
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("question", function (props) {
+_element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("question", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestion, props);
 });
 var SurveyElementErrors = /** @class */ (function (_super) {
@@ -62104,7 +62683,6 @@ var SurveyElementErrors = /** @class */ (function (_super) {
     function SurveyElementErrors(props) {
         var _this = _super.call(this, props) || this;
         _this.state = _this.getState();
-        _this.tooltipRef = react__WEBPACK_IMPORTED_MODULE_0__["createRef"]();
         return _this;
     }
     Object.defineProperty(SurveyElementErrors.prototype, "id", {
@@ -62142,26 +62720,7 @@ var SurveyElementErrors = /** @class */ (function (_super) {
     SurveyElementErrors.prototype.canRender = function () {
         return !!this.element && this.element.hasVisibleErrors;
     };
-    SurveyElementErrors.prototype.componentDidUpdate = function (prevProps, prevState) {
-        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
-        if (this.props.location == "tooltip") {
-            if (this.tooltipRef.current && !this.tooltipManager) {
-                this.tooltipManager = new survey_core__WEBPACK_IMPORTED_MODULE_1__["TooltipManager"](this.tooltipRef.current);
-            }
-            if (!!this.tooltipManager && !this.tooltipRef.current) {
-                this.disposeTooltipManager();
-            }
-        }
-    };
     SurveyElementErrors.prototype.componentWillUnmount = function () {
-        if (!!this.tooltipManager) {
-            this.disposeTooltipManager();
-        }
-    };
-    SurveyElementErrors.prototype.disposeTooltipManager = function () {
-        var _a;
-        (_a = this.tooltipManager) === null || _a === void 0 ? void 0 : _a.dispose();
-        this.tooltipManager = undefined;
     };
     SurveyElementErrors.prototype.renderElement = function () {
         var errors = [];
@@ -62169,10 +62728,10 @@ var SurveyElementErrors = /** @class */ (function (_super) {
             var key = "error" + i;
             errors.push(this.creator.renderError(key, this.element.errors[i], this.cssClasses));
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id, ref: this.tooltipRef }, errors));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
     };
     return SurveyElementErrors;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_4__["ReactSurveyElement"]));
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["ReactSurveyElement"]));
 
 var SurveyQuestionAndErrorsWrapped = /** @class */ (function (_super) {
     __extends(SurveyQuestionAndErrorsWrapped, _super);
@@ -62218,23 +62777,9 @@ var SurveyQuestionAndErrorsWrapped = /** @class */ (function (_super) {
     SurveyQuestionAndErrorsWrapped.prototype.canRender = function () {
         return !!this.question;
     };
-    SurveyQuestionAndErrorsWrapped.prototype.renderErrors = function (errorsLocation) {
-        return this.getShowErrors() ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyElementErrors, { element: this.question, cssClasses: this.cssClasses, creator: this.creator, location: errorsLocation })) : null;
-    };
     SurveyQuestionAndErrorsWrapped.prototype.renderContent = function () {
-        var errorsLocation = this.creator.questionErrorLocation();
-        var errors = this.renderErrors(errorsLocation);
-        var errorsTop = this.question.showErrorOnTop
-            ? errors
-            : null;
-        var errorsBottom = this.question.showErrorOnBottom
-            ? errors
-            : null;
         var renderedQuestion = this.renderQuestion();
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
-            errorsTop,
-            renderedQuestion,
-            errorsBottom));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, renderedQuestion));
     };
     SurveyQuestionAndErrorsWrapped.prototype.getShowErrors = function () {
         return this.question.isVisible;
@@ -62243,7 +62788,7 @@ var SurveyQuestionAndErrorsWrapped = /** @class */ (function (_super) {
         return SurveyQuestion.renderQuestionBody(this.creator, this.question);
     };
     return SurveyQuestionAndErrorsWrapped;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_4__["ReactSurveyElement"]));
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["ReactSurveyElement"]));
 
 var SurveyQuestionAndErrorsCell = /** @class */ (function (_super) {
     __extends(SurveyQuestionAndErrorsCell, _super);
@@ -62263,7 +62808,9 @@ var SurveyQuestionAndErrorsCell = /** @class */ (function (_super) {
     };
     SurveyQuestionAndErrorsCell.prototype.renderElement = function () {
         var style = this.getCellStyle();
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { ref: this.cellRef, className: this.itemCss, colSpan: this.props.cell.colSpans, "data-responsive-title": this.getHeaderText(), title: this.props.cell.getTitle(), style: style }, this.wrapCell(this.props.cell, (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.cellQuestionWrapper }, this.renderQuestion())))));
+        var cell = this.props.cell;
+        var focusIn = function () { cell.focusIn(); };
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { ref: this.cellRef, className: this.itemCss, colSpan: cell.colSpans, "data-responsive-title": this.getHeaderText(), title: cell.getTitle(), style: style, onFocus: focusIn }, this.wrapCell(this.props.cell, (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.cellQuestionWrapper }, this.renderQuestion())))));
     };
     SurveyQuestionAndErrorsCell.prototype.getCellStyle = function () {
         return null;
@@ -62278,13 +62825,63 @@ var SurveyQuestionAndErrorsCell = /** @class */ (function (_super) {
         var survey = this.question.survey;
         var wrapper = null;
         if (survey) {
-            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_2__["ReactSurveyElementsWrapper"].wrapMatrixCell(survey, element, cell, this.props.reason);
+            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElementsWrapper"].wrapMatrixCell(survey, element, cell, this.props.reason);
         }
         return wrapper !== null && wrapper !== void 0 ? wrapper : element;
     };
     return SurveyQuestionAndErrorsCell;
 }(SurveyQuestionAndErrorsWrapped));
 
+var SurveyQuestionErrorCell = /** @class */ (function (_super) {
+    __extends(SurveyQuestionErrorCell, _super);
+    function SurveyQuestionErrorCell(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            changed: 0
+        };
+        if (_this.question) {
+            _this.registerCallback(_this.question);
+        }
+        return _this;
+    }
+    Object.defineProperty(SurveyQuestionErrorCell.prototype, "question", {
+        get: function () {
+            return this.props.question;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyQuestionErrorCell.prototype.update = function () {
+        this.setState({ changed: this.state.changed + 1 });
+    };
+    SurveyQuestionErrorCell.prototype.registerCallback = function (question) {
+        var _this = this;
+        question.registerFunctionOnPropertyValueChanged("errors", function () {
+            _this.update();
+        }, "__reactSubscription");
+    };
+    SurveyQuestionErrorCell.prototype.unRegisterCallback = function (question) {
+        question.unRegisterFunctionOnPropertyValueChanged("errors", "__reactSubscription");
+    };
+    SurveyQuestionErrorCell.prototype.componentDidUpdate = function (prevProps) {
+        if (prevProps.question && prevProps.question !== this.question) {
+            this.unRegisterCallback(prevProps.cell);
+        }
+        if (this.question) {
+            this.registerCallback(this.question);
+        }
+    };
+    SurveyQuestionErrorCell.prototype.componentWillUnmount = function () {
+        if (this.question) {
+            this.unRegisterCallback(this.question);
+        }
+    };
+    SurveyQuestionErrorCell.prototype.render = function () {
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyElementErrors, { element: this.question, creator: this.props.creator, cssClasses: this.question.cssClasses });
+    };
+    return SurveyQuestionErrorCell;
+}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
 
 
 /***/ }),
@@ -62766,7 +63363,7 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
         return this.props.question.commentId;
     };
     SurveyQuestionCommentItem.prototype.getPlaceholder = function () {
-        return this.props.question.commentPlaceholder;
+        return this.props.question.renderedCommentPlaceholder;
     };
     SurveyQuestionCommentItem.prototype.renderElement = function () {
         var _this = this;
@@ -63565,7 +64162,7 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
             noFileChosen = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption));
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getFileDecoratorCss() },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.question.dragAreaPlaceholder),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.question.renderedPlaceholder),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.wrapper },
                 chooseFile,
                 noFileChosen)));
@@ -63945,14 +64542,13 @@ _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__["ReactQuestionFactory"].Inst
 /*!********************************************************!*\
   !*** ./src/react/reactquestion_matrixdropdownbase.tsx ***!
   \********************************************************/
-/*! exports provided: SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownErrorCell */
+/*! exports provided: SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownBase", function() { return SurveyQuestionMatrixDropdownBase; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownCell", function() { return SurveyQuestionMatrixDropdownCell; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownErrorCell", function() { return SurveyQuestionMatrixDropdownErrorCell; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
@@ -64163,7 +64759,7 @@ var SurveyQuestionMatrixDropdownBase = /** @class */ (function (_super) {
         }
         if (cell.isErrorsCell) {
             if (cell.isErrorsCell) {
-                return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionMatrixDropdownErrorCell, { cell: cell, creator: this.creator }));
+                return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyQuestionErrorCell"], { question: cell.question, creator: this.creator }));
             }
         }
         if (!cellContent)
@@ -64312,56 +64908,6 @@ var SurveyQuestionMatrixDropdownCell = /** @class */ (function (_super) {
     return SurveyQuestionMatrixDropdownCell;
 }(_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyQuestionAndErrorsCell"]));
 
-var SurveyQuestionMatrixDropdownErrorCell = /** @class */ (function (_super) {
-    __extends(SurveyQuestionMatrixDropdownErrorCell, _super);
-    function SurveyQuestionMatrixDropdownErrorCell(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            changed: 0
-        };
-        if (_this.cell) {
-            _this.registerCallback(_this.cell);
-        }
-        return _this;
-    }
-    Object.defineProperty(SurveyQuestionMatrixDropdownErrorCell.prototype, "cell", {
-        get: function () {
-            return this.props.cell;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    SurveyQuestionMatrixDropdownErrorCell.prototype.update = function () {
-        this.setState({ changed: this.state.changed + 1 });
-    };
-    SurveyQuestionMatrixDropdownErrorCell.prototype.registerCallback = function (cell) {
-        var _this = this;
-        cell.question.registerFunctionOnPropertyValueChanged("errors", function () {
-            _this.update();
-        }, "__reactSubscription");
-    };
-    SurveyQuestionMatrixDropdownErrorCell.prototype.unRegisterCallback = function (cell) {
-        cell.question.unRegisterFunctionOnPropertyValueChanged("errors", "__reactSubscription");
-    };
-    SurveyQuestionMatrixDropdownErrorCell.prototype.componentDidUpdate = function (prevProps) {
-        if (prevProps.cell && prevProps.cell !== this.cell) {
-            this.unRegisterCallback(prevProps.cell);
-        }
-        if (this.cell) {
-            this.registerCallback(this.cell);
-        }
-    };
-    SurveyQuestionMatrixDropdownErrorCell.prototype.componentWillUnmount = function () {
-        if (this.cell) {
-            this.unRegisterCallback(this.cell);
-        }
-    };
-    SurveyQuestionMatrixDropdownErrorCell.prototype.render = function () {
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyElementErrors"], { element: this.cell.question, creator: this.props.creator, cssClasses: this.cell.question.cssClasses });
-    };
-    return SurveyQuestionMatrixDropdownErrorCell;
-}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));
-
 
 
 /***/ }),
@@ -64552,18 +65098,30 @@ var SurveyQuestionMultipleText = /** @class */ (function (_super) {
         var tableRows = this.question.getRows();
         var rows = [];
         for (var i = 0; i < tableRows.length; i++) {
-            rows.push(this.renderRow(i, tableRows[i], cssClasses));
+            if (tableRows[i].isVisible) {
+                rows.push(this.renderRow(i, tableRows[i].cells, cssClasses));
+            }
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("table", { className: cssClasses.root },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("tbody", null, rows)));
     };
-    SurveyQuestionMultipleText.prototype.renderRow = function (rowIndex, items, cssClasses) {
+    SurveyQuestionMultipleText.prototype.renderCell = function (cell, cssClasses, index) {
+        var cellContent;
+        var focusIn = function () { cell.item.focusIn(); };
+        if (cell.isErrorsCell) {
+            cellContent = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyQuestionErrorCell"], { question: cell.item.editor, creator: this.creator });
+        }
+        else {
+            cellContent = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItem, { question: this.question, item: cell.item, creator: this.creator, cssClasses: cssClasses });
+        }
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: "item" + index, className: cell.className, onFocus: focusIn }, cellContent));
+    };
+    SurveyQuestionMultipleText.prototype.renderRow = function (rowIndex, cells, cssClasses) {
         var key = "item" + rowIndex;
         var tds = [];
-        for (var i = 0; i < items.length; i++) {
-            var item = items[i];
-            tds.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: "item" + i, className: this.question.cssClasses.cell },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItem, { question: this.question, item: item, creator: this.creator, cssClasses: cssClasses })));
+        for (var i = 0; i < cells.length; i++) {
+            var cell = cells[i];
+            tds.push(this.renderCell(cell, cssClasses, i));
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("tr", { key: key, className: cssClasses.row }, tds));
     };
@@ -64605,11 +65163,7 @@ var SurveyMultipleTextItem = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { className: this.question.getItemLabelCss(item) },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.itemTitle },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_title_title_content__WEBPACK_IMPORTED_MODULE_4__["TitleContent"], { element: item.editor, cssClasses: item.editor.cssClasses })),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItemEditor, { cssClasses: cssClasses, itemCss: this.question.getItemCss(), question: item.editor, creator: this.creator }),
-            this.renderItemTooltipError(item, cssClasses)));
-    };
-    SurveyMultipleTextItem.prototype.renderItemTooltipError = function (item, cssClasses) {
-        return this.item.editor.isErrorsModeTooltip ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyElementErrors"], { element: item.editor, cssClasses: cssClasses, creator: this.creator, location: "tooltip" })) : null;
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItemEditor, { cssClasses: cssClasses, itemCss: this.question.getItemCss(), question: item.editor, creator: this.creator })));
     };
     return SurveyMultipleTextItem;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElement"]));
@@ -65813,7 +66367,7 @@ var SurveyRow = /** @class */ (function (_super) {
             var css = element.cssClassesValue;
             var focusIn = function () {
                 var el = element;
-                if (el && !el.isDisposed && el.isQuestion) {
+                if (el && el.isQuestion) {
                     el.focusIn();
                 }
             };
@@ -65932,9 +66486,15 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { height: this.question.signatureHeight, width: this.question.signatureWidth } },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.question.placeHolderText),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0 })),
+                this.renderBackgroundImage(),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0, className: this.question.cssClasses.canvas })),
             clearButton));
     };
+    SurveyQuestionSignaturePad.prototype.renderBackgroundImage = function () {
+        if (!this.question.backgroundImage)
+            return null;
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, width: this.question.signatureWidth, height: this.question.signatureHeight });
+    };
     SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
         var _this = this;
         if (!this.question.canShowClearButton)
@@ -67711,14 +68271,14 @@ var SurveyElement = /** @class */ (function (_super) {
         }
         return info;
     };
-    SurveyElement.ScrollElementToTop = function (elementId) {
+    SurveyElement.ScrollElementToTop = function (elementId, scrollIfVisible) {
         var root = _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].environment.root;
         if (!elementId || typeof root === "undefined")
             return false;
         var el = root.getElementById(elementId);
         if (!el || !el.scrollIntoView)
             return false;
-        var elemTop = el.getBoundingClientRect().top;
+        var elemTop = scrollIfVisible ? -1 : el.getBoundingClientRect().top;
         if (elemTop < 0)
             el.scrollIntoView();
         return elemTop < 0;
@@ -68328,7 +68888,7 @@ var SurveyElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyElement.prototype.delete = function () { };
+    SurveyElement.prototype.delete = function (doDispose) { };
     /**
      * Returns the survey's [locale](https://surveyjs.io/form-library/documentation/surveymodel#locale).
      *
@@ -68461,23 +69021,6 @@ var SurveyElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(SurveyElement.prototype, "isErrorsModeTooltip", {
-        get: function () {
-            return this.getIsErrorsModeTooltip();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    SurveyElement.prototype.getIsErrorsModeTooltip = function () {
-        return this.isDefaultV2Theme && this.hasParent && this.getIsTooltipErrorSupportedByParent();
-    };
-    SurveyElement.prototype.getIsTooltipErrorSupportedByParent = function () {
-        var _a;
-        return (_a = this.parent) === null || _a === void 0 ? void 0 : _a.getIsTooltipErrorInsideSupported();
-    };
-    SurveyElement.prototype.getIsTooltipErrorInsideSupported = function () {
-        return false;
-    };
     Object.defineProperty(SurveyElement.prototype, "hasParent", {
         get: function () {
             return (this.parent && !this.parent.isPage && (!this.parent.originalPage || this.survey.isShowingPreview)) || (this.parent === undefined);
@@ -68496,10 +69039,10 @@ var SurveyElement = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyElement.prototype.getHasFrameV2 = function () {
-        return this.shouldAddRunnerStyles() && (!this.hasParent && this.isSingleInRow);
+        return this.shouldAddRunnerStyles() && (!this.hasParent);
     };
     SurveyElement.prototype.getIsNested = function () {
-        return this.shouldAddRunnerStyles() && (this.hasParent || !this.isSingleInRow);
+        return this.shouldAddRunnerStyles() && (this.hasParent);
     };
     SurveyElement.prototype.getCssRoot = function (cssClasses) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
@@ -68705,6 +69248,12 @@ var SurveyElement = /** @class */ (function (_super) {
             });
         }
     };
+    SurveyElement.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        if (this.titleToolbarValue) {
+            this.titleToolbarValue.dispose();
+        }
+    };
     SurveyElement.CreateDisabledDesignElements = false;
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: null })
@@ -68962,7 +69511,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [Continue an Incomplete Survey](https://surveyjs.io/form-library/documentation/handle-survey-results-continue-incomplete (linkStyle))
+         * Alternatively, you can handle the [`onCurrentPageChanged`](#onCurrentPageChanged) and [`onValueChanged`](#onValueChanged) events, as shown in the following demo: [Continue an Incomplete Survey](https://surveyjs.io/form-library/examples/survey-editprevious/).
          */
         _this.onPartialSend = _this.addEvent();
         /**
@@ -68987,7 +69536,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onValueChanging = _this.addEvent();
         /**
-         * An event that is raised after a question value is changed
+         * An event that is raised after a question value is changed.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -69182,7 +69731,8 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onGetQuestionNo = _this.addEvent();
         /**
-         * Use this event to change the progress text in code.
+         * An event that is raised before the survey displays progress text. Handle this event to change the progress text in code.
+         * @see showProgressBar
          * @see progressBarType
          */
         _this.onProgressText = _this.addEvent();
@@ -69474,6 +70024,10 @@ var SurveyModel = /** @class */ (function (_super) {
          * An event that is raised after an item value is changed in a panel within a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
          */
         _this.onDynamicPanelItemValueChanged = _this.addEvent();
+        /**
+         * An event that is raised before a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) renders [tab titles](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle). Use this event to change individual tab titles.
+         */
+        _this.onGetDynamicPanelTabTitle = _this.addEvent();
         /**
          * Use this event to define, whether an answer to a question is correct or not.
          * @see Question.value
@@ -69691,6 +70245,16 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.setCalculatedWidthModeUpdater();
         _this.notifier = new _notifier__WEBPACK_IMPORTED_MODULE_19__["Notifier"](_this.css.saveData);
         _this.notifier.addAction(_this.createTryAgainAction(), "error");
+        _this.onPopupVisibleChanged.add(function (_, opt) {
+            if (opt.visible) {
+                _this.onScrollCallback = function () {
+                    opt.popup.toggleVisibility();
+                };
+            }
+            else {
+                _this.onScrollCallback = undefined;
+            }
+        });
         _this.layoutElements.push({
             id: "timerpanel",
             template: "survey-timerpanel",
@@ -69759,7 +70323,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * Many question types allow respondents to leave comments. To enable this functionality, set a question's [`showCommentArea`](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#showCommentArea) property to `true`. Comment values are saved in a separate property. The property name is composed of the question `name` and `commentSuffix`.
          *
-         * Respondents can also leave a comment when they select "Other" in a single- or multi-select question, such as Dropdown or Checkboxes. The property name for the comment value is composed according to the same rules. However, you can use the question `name` as a key to store the comment value instead. Disable the [`storeOthersAsComment`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#storeOthersAsComment) property in this case.
+         * Respondents can also leave comments when they select "Other" in choice-based questions, such as Dropdown or Checkboxes. The property name for the comment value is composed according to the same rules. However, you can use the question `name` as a key to store the comment value instead. Disable the [`storeOthersAsComment`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#storeOthersAsComment) property in this case.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/create-checkboxes-question-in-javascript/ (linkStyle))
          */
@@ -69866,6 +70430,14 @@ var SurveyModel = /** @class */ (function (_super) {
         this.containerCss = this.css.container;
         this.completedCss = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]().append(this.css.body)
             .append(this.css.completedPage).toString(); // for completed page
+        this.completedBeforeCss = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]()
+            .append(this.css.body)
+            .append(this.css.completedBeforePage)
+            .toString();
+        this.loadingBodyCss = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]()
+            .append(this.css.body)
+            .append(this.css.bodyLoading)
+            .toString();
     };
     SurveyModel.prototype.updateCss = function () {
         this.rootCss = this.getRootCss();
@@ -70116,7 +70688,7 @@ var SurveyModel = /** @class */ (function (_super) {
         /**
          * Specifies whether to save survey results when respondents switch between pages. Handle the [`onPartialSend`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onPartialSend) event to implement the save operation.
          *
-         * [Continue an Incomplete Survey](https://surveyjs.io/form-library/documentation/handle-survey-results-continue-incomplete (linkStyle))
+         * Alternatively, you can handle the [`onCurrentPageChanged`](#onCurrentPageChanged) and [`onValueChanged`](#onValueChanged) events, as shown in the following demo: [Continue an Incomplete Survey](https://surveyjs.io/form-library/examples/survey-editprevious/).
          */
         get: function () {
             return this.getPropertyValue("sendResultOnPageNext");
@@ -70387,12 +70959,9 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "questionStartIndex", {
         /**
-         * Gets or sets the first question index. The first question index is '1' by default. You may start it from '100' or from 'A', by setting '100' or 'A' to this property.
-         * You can set the start index to "(1)" or "# A)" or "a)" to render question number as (1), # A) and a) accordingly.
-         * @see Question.title
-         * @see requiredText
+         * Specifies the initial number or letter from which to start question numbering.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/survey-processtext/ (linkStyle))
+         * [Question Numbers](https://surveyjs.io/form-library/documentation/design-survey/configure-question-titles#question-numbers (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("questionStartIndex", "");
@@ -70405,11 +70974,12 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "storeOthersAsComment", {
         /**
-         * Gets or sets whether the "Others" option text is stored as question comment.
+         * Specifies whether to store the "Other" option response in a separate property.
+         *
+         * Default value: `true`
          *
-         * By default the entered text in the "Others" input in the checkbox/radiogroup/dropdown is stored as `"question name " + "-Comment"`. The value itself is `"question name": "others"`.
-         * Set this property to `false`, to store the entered text directly in the `"question name"` key.
-         * @see commentSuffix
+         * Respondents can leave comments when they select "Other" in choice-based questions, such as Dropdown or Checkboxes. Comment values are saved in a separate property. The property name is composed of the question `name` and [`commentSuffix`](#commentSuffix). However, you can use the question `name` as a key to store the comment value instead. Disable the `storeOthersAsComment` property in this case.
+         * @see maxOthersLength
          */
         get: function () {
             return this.getPropertyValue("storeOthersAsComment");
@@ -70422,9 +70992,11 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "maxTextLength", {
         /**
-         * Specifies the default maximum length for questions like text and comment, including matrix cell questions.
+         * Specifies the maximum text length in textual questions ([Single-Line Input](https://surveyjs.io/form-library/examples/text-entry-question/), [Long Text](https://surveyjs.io/form-library/examples/add-open-ended-question-to-a-form/), [Multiple Textboxes](https://surveyjs.io/form-library/examples/multiple-text-box-question/)), measured in characters.
          *
-         * The default value is `0`, that means that the text and comment have the same max length as the standard HTML input - 524288 characters: https://www.w3schools.com/tags/att_input_maxlength.asp.
+         * Default value: 0 (unlimited)
+         *
+         * You can override this setting for individual questions if you specify their [`maxLength`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maxLength) property.
          * @see maxOthersLength
          */
         get: function () {
@@ -70438,11 +71010,9 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "maxOthersLength", {
         /**
-         * Gets or sets the default maximum length for question comments and others
+         * Specifies the maximum text length for question comments. Applies to questions with the [`showCommentArea`](https://surveyjs.io/form-library/documentation/api-reference/question#showCommentArea) or [`showOtherItem`](https://surveyjs.io/form-library/documentation/api-reference/question#showOtherItem) property set to `true`.
          *
-         * The default value is `0`, that means that the question comments have the same max length as the standard HTML input - 524288 characters: https://www.w3schools.com/tags/att_input_maxlength.asp.
-         * @see Question.showCommentArea
-         * @see Question.showOtherItem
+         * Default value: 0 (unlimited)
          * @see maxTextLength
          */
         get: function () {
@@ -71554,9 +72124,9 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "showPageNumbers", {
         /**
-         * Gets or sets whether the survey displays page numbers on pages titles.
+         * Specifies whether page titles contain page numbers.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/survey-options/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/how-to-number-pages-and-questions/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("showPageNumbers");
@@ -71674,11 +72244,12 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.getProgressTypeComponent = function () {
         return "sv-progress-" + this.progressBarType.toLowerCase();
     };
-    SurveyModel.prototype.getProgressCssClasses = function () {
+    SurveyModel.prototype.getProgressCssClasses = function (container) {
+        if (container === void 0) { container = ""; }
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]()
             .append(this.css.progress)
-            .append(this.css.progressTop, this.isShowProgressBarOnTop)
-            .append(this.css.progressBottom, this.isShowProgressBarOnBottom)
+            .append(this.css.progressTop, this.isShowProgressBarOnTop && (!container || container == "header"))
+            .append(this.css.progressBottom, this.isShowProgressBarOnBottom && (!container || container == "footer"))
             .toString();
     };
     SurveyModel.prototype.canShowProresBar = function () {
@@ -71744,12 +72315,15 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "questionDescriptionLocation", {
         /**
-         * Gets or sets the question description position. The default value is `underTitle`.
+         * Specifies where to display question descriptions.
          *
-         * The following options are available:
+         * Possible values:
+         *
+         * - `"underTitle"` (default) - Displays descriptions under question titles.
+         * - `"underInput"` - Displays descriptions under the interactive area.
+         *
+         * You can override this setting for individual questions if you specify their [`descriptionLocation`](https://surveyjs.io/form-library/documentation/api-reference/question#descriptionLocation) property.
          *
-         * - `underTitle` - show question description under the question title,
-         * - `underInput` - show question description under the question input instead of question title.
          */
         get: function () {
             return this.getPropertyValue("questionDescriptionLocation");
@@ -72023,6 +72597,11 @@ var SurveyModel = /** @class */ (function (_super) {
             var key = keys[i];
             values[key] = this.getDataValueCore(this.valuesHash, key);
         }
+        this.getAllQuestions().forEach(function (q) {
+            if (q.hasFilteredValue) {
+                values[q.getValueName()] = q.getFilteredValue();
+            }
+        });
         return values;
     };
     SurveyModel.prototype.addCalculatedValuesIntoFilteredValues = function (values) {
@@ -73949,6 +74528,7 @@ var SurveyModel = /** @class */ (function (_super) {
             .append(this.css.rootMobile, this.isMobile)
             .append(this.css.rootReadOnly, this.mode === "display")
             .append(this.css.rootCompact, this.isCompact)
+            .append(this.css.rootFitToContainer, this.fitToContainer)
             .toString();
     };
     SurveyModel.prototype.afterRenderSurvey = function (htmlElement) {
@@ -73979,6 +74559,7 @@ var SurveyModel = /** @class */ (function (_super) {
             htmlElement: htmlElement,
         });
         this.rootElement = htmlElement;
+        this.addScrollEventListener();
     };
     SurveyModel.prototype.processResponsiveness = function (width, mobileWidth) {
         var isMobile = width < mobileWidth;
@@ -74241,6 +74822,10 @@ var SurveyModel = /** @class */ (function (_super) {
         options.panelData = options.itemValue;
         this.onDynamicPanelItemValueChanged.fire(this, options);
     };
+    SurveyModel.prototype.dynamicPanelGetTabTitle = function (question, options) {
+        options.question = question;
+        this.onGetDynamicPanelTabTitle.fire(this, options);
+    };
     SurveyModel.prototype.dragAndDropAllow = function (options) {
         this.onDragDropAllow.fire(this, options);
         return options.allow;
@@ -74300,7 +74885,7 @@ var SurveyModel = /** @class */ (function (_super) {
         this.onGetMatrixRowActions.fire(this, options);
         return options.actions;
     };
-    SurveyModel.prototype.scrollElementToTop = function (element, question, page, id) {
+    SurveyModel.prototype.scrollElementToTop = function (element, question, page, id, scrollIfVisible) {
         var options = {
             element: element,
             question: question,
@@ -74310,7 +74895,7 @@ var SurveyModel = /** @class */ (function (_super) {
         };
         this.onScrollingElementToTop.fire(this, options);
         if (!options.cancel) {
-            _survey_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElement"].ScrollElementToTop(options.elementId);
+            _survey_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElement"].ScrollElementToTop(options.elementId, scrollIfVisible);
         }
     };
     /**
@@ -74503,9 +75088,11 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     /**
-     * Returns a question by its name.
-     * @param name a question name
-     * @param caseInsensitive
+     * Returns a question with a specified [`name`](https://surveyjs.io/form-library/documentation/api-reference/question#name).
+     * @param name A question name
+     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @returns A question with a specified name.
+     * @see getAllQuestions
      * @see getQuestionByValueName
      */
     SurveyModel.prototype.getQuestionByName = function (name, caseInsensitive) {
@@ -74527,12 +75114,14 @@ var SurveyModel = /** @class */ (function (_super) {
         return this.getQuestionByName(name);
     };
     /**
-     * Returns a question by its value name
-     * @param valueName a question name
-     * @param caseInsensitive
+     * Returns a question with a specified [`valueName`](https://surveyjs.io/form-library/documentation/api-reference/question#valueName).
+     *
+     * > Since `valueName` does not have to be unique, multiple questions can have the same `valueName` value. In this case, the `getQuestionByValueName()` method returns the first such question. If you need to get all questions with the same `valueName`, call the `getQuestionsByValueName()` method.
+     * @param valueName A question's `valueName` property value.
+     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @returns A question with a specified `valueName`.
+     * @see getAllQuestions
      * @see getQuestionByName
-     * @see getQuestionsByValueName
-     * @see Question.valueName
      */
     SurveyModel.prototype.getQuestionByValueName = function (valueName, caseInsensitive) {
         if (caseInsensitive === void 0) { caseInsensitive = false; }
@@ -74540,12 +75129,12 @@ var SurveyModel = /** @class */ (function (_super) {
         return !!res ? res[0] : null;
     };
     /**
-     * Returns all questions by their valueName. name property is used if valueName property is empty.
-     * @param valueName a question name
-     * @param caseInsensitive
+     * Returns all questions with a specified [`valueName`](https://surveyjs.io/form-library/documentation/api-reference/question#valueName). If a question's `valueName` is undefined, its [`name`](https://surveyjs.io/form-library/documentation/api-reference/question#name) property is used.
+     * @param valueName A question's `valueName` property value.
+     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @returns An array of questions with a specified `valueName`.
+     * @see getAllQuestions
      * @see getQuestionByName
-     * @see getQuestionByValueName
-     * @see Question.valueName
      */
     SurveyModel.prototype.getQuestionsByValueName = function (valueName, caseInsensitive) {
         if (caseInsensitive === void 0) { caseInsensitive = false; }
@@ -74565,9 +75154,11 @@ var SurveyModel = /** @class */ (function (_super) {
         return null;
     };
     /**
-     * Gets a list of questions by their names.
-     * @param names an array of question names
-     * @param caseInsensitive
+     * Returns an array of questions with specified [names](https://surveyjs.io/form-library/documentation/api-reference/question#name).
+     * @param names An array of question names.
+     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @returns An array of questions with specified names
+     * @see getAllQuestions
      */
     SurveyModel.prototype.getQuestionsByNames = function (names, caseInsensitive) {
         if (caseInsensitive === void 0) { caseInsensitive = false; }
@@ -74631,10 +75222,12 @@ var SurveyModel = /** @class */ (function (_super) {
         return result;
     };
     /**
-     * Returns a list of all questions in the survey.
+     * Returns a list of all [questions](https://surveyjs.io/form-library/documentation/api-reference/question) in the survey.
      * @param visibleOnly A Boolean value that specifies whether to include only visible questions.
      * @param includeDesignTime For internal use.
      * @param includeNested A Boolean value that specifies whether to include nested questions, such as questions within matrix cells.
+     * @returns An array of questions.
+     * @see getQuestionByName
      */
     SurveyModel.prototype.getAllQuestions = function (visibleOnly, includeDesignTime, includeNested) {
         if (visibleOnly === void 0) { visibleOnly = false; }
@@ -74656,7 +75249,10 @@ var SurveyModel = /** @class */ (function (_super) {
         return res2;
     };
     /**
-     * Returns quiz questions. All visible questions that has input(s) widgets.
+     * Returns an array of quiz questions. A question counts if it is visible, has an input field, and specifies [`correctAnswer`](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#correctAnswer).
+     *
+     * For more information about quizzes, refer to the following tutorial: [Create a Quiz](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
+     * @returns An array of quiz questions.
      * @see getQuizQuestionCount
      */
     SurveyModel.prototype.getQuizQuestions = function () {
@@ -74676,10 +75272,11 @@ var SurveyModel = /** @class */ (function (_super) {
         return result;
     };
     /**
-     * Returns a panel by its name.
-     * @param name a panel name
-     * @param caseInsensitive
-     * @see getQuestionByName
+     * Returns a [panel](https://surveyjs.io/form-library/documentation/api-reference/panel-model) with a specified [`name`](https://surveyjs.io/form-library/documentation/api-reference/panel-model#name).
+     * @param name A panel name.
+     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the panel. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @returns A panel with a specified name.
+     * @see getAllPanels
      */
     SurveyModel.prototype.getPanelByName = function (name, caseInsensitive) {
         if (caseInsensitive === void 0) { caseInsensitive = false; }
@@ -74696,7 +75293,11 @@ var SurveyModel = /** @class */ (function (_super) {
         return null;
     };
     /**
-     * Returns a list of all survey's panels.
+     * Returns a list of all [panels](https://surveyjs.io/form-library/documentation/api-reference/panel-model) in the survey.
+     * @param visibleOnly A Boolean value that specifies whether to include only visible panels.
+     * @param includeDesignTime For internal use.
+     * @returns An array of panels.
+     * @see getPanelByName
      */
     SurveyModel.prototype.getAllPanels = function (visibleOnly, includeDesignTime) {
         if (visibleOnly === void 0) { visibleOnly = false; }
@@ -74882,7 +75483,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         return result;
     };
-    SurveyModel.prototype.checkTriggers = function (key, isOnNextPage, isOnComplete) {
+    SurveyModel.prototype.checkTriggers = function (key, isOnNextPage, isOnComplete, name) {
         if (isOnComplete === void 0) { isOnComplete = false; }
         if (this.isCompleted || this.triggers.length == 0 || this.isDisplayMode)
             return;
@@ -74893,19 +75494,38 @@ var SurveyModel = /** @class */ (function (_super) {
             }
             return;
         }
+        var isQuestionInvalid = false;
+        if (!isOnComplete && name && this.hasRequiredValidQuestionTrigger) {
+            var question = this.getQuestionByValueName(name);
+            isQuestionInvalid = question && !question.validate(false);
+        }
         this.isTriggerIsRunning = true;
         this.triggerKeys = key;
         this.triggerValues = this.getFilteredValues();
         var properties = this.getFilteredProperties();
         var prevCanBeCompleted = this.canBeCompletedByTrigger;
         for (var i = 0; i < this.triggers.length; i++) {
-            this.triggers[i].checkExpression(isOnNextPage, isOnComplete, this.triggerKeys, this.triggerValues, properties);
+            var trigger = this.triggers[i];
+            if (isQuestionInvalid && trigger.requireValidQuestion)
+                continue;
+            trigger.checkExpression(isOnNextPage, isOnComplete, this.triggerKeys, this.triggerValues, properties);
         }
         if (prevCanBeCompleted !== this.canBeCompletedByTrigger) {
             this.updateButtonsVisibility();
         }
         this.isTriggerIsRunning = false;
     };
+    Object.defineProperty(SurveyModel.prototype, "hasRequiredValidQuestionTrigger", {
+        get: function () {
+            for (var i = 0; i < this.triggers.length; i++) {
+                if (this.triggers[i].requireValidQuestion)
+                    return true;
+            }
+            return false;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyModel.prototype.doElementsOnLoad = function () {
         for (var i = 0; i < this.pages.length; i++) {
             this.pages[i].onSurveyLoad();
@@ -75392,9 +76012,13 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     /**
-     * Returns a variable value. Variable, unlike values, are not stored in the survey results.
-     * @param name A variable name
-     * @see SetVariable
+     * Returns a variable value.
+     *
+     * [Variables help topic](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#variables (linkStyle))
+     * @param name A variable name.
+     * @return A variable value.
+     * @see setVariable
+     * @see getVariableNames
      */
     SurveyModel.prototype.getVariable = function (name) {
         if (!name)
@@ -75410,10 +76034,13 @@ var SurveyModel = /** @class */ (function (_super) {
         return res;
     };
     /**
-     * Sets a variable value. Variable, unlike values, are not stored in the survey results.
-     * @param name A variable name
-     * @param newValue A variable new value
-     * @see GetVariable
+     * Sets a variable value.
+     *
+     * [Variables help topic](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#variables (linkStyle))
+     * @param name A variable name.
+     * @param newValue A new variable value.
+     * @see getVariable
+     * @see getVariableNames
      */
     SurveyModel.prototype.setVariable = function (name, newValue) {
         if (!name)
@@ -75428,7 +76055,10 @@ var SurveyModel = /** @class */ (function (_super) {
         this.onVariableChanged.fire(this, { name: name, value: newValue });
     };
     /**
-     * Returns all variables in the survey. Use setVariable function to create a new variable.
+     * Returns the names of all variables in the survey.
+     *
+     * [Variables help topic](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#variables (linkStyle))
+     * @returns An array of variable names.
      * @see getVariable
      * @see setVariable
      */
@@ -75446,8 +76076,9 @@ var SurveyModel = /** @class */ (function (_super) {
         return _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].getUnbindValue(value);
     };
     /**
-     * Returns a question value (answer) by a question's name.
-     * @param name A question name
+     * Returns a value (answer) for a question with a specified `name`.
+     * @param name A question name.
+     * @returns A question value (answer).
      * @see data
      * @see setValue
      */
@@ -75458,16 +76089,15 @@ var SurveyModel = /** @class */ (function (_super) {
         return this.getUnbindValue(value);
     };
     /**
-     * Sets a question value (answer). It runs all triggers and conditions (`visibleIf` properties).
+     * Sets a question value (answer).
      *
-     * Goes to the next page if `goNextPageAutomatic` is `true` and all questions on the current page are answered correctly.
-     * @param name A question name
-     * @param newValue A new question value
+     * > This method executes all triggers and reevaluates conditions (`visibleIf`, `requiredId`, and others). It also switches the survey to the next page if the [`goNextPageAutomatic`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#goNextPageAutomatic) property is enabled and all questions on the current page have correct answers.
+     * @param name A question name.
+     * @param newValue A new question value.
+     * @param locNotification For internal use.
+     * @param allowNotifyValueChanged For internal use.
      * @see data
      * @see getValue
-     * @see PageModel.visibleIf
-     * @see Question.visibleIf
-     * @see goNextPageAutomatic
      */
     SurveyModel.prototype.setValue = function (name, newQuestionValue, locNotification, allowNotifyValueChanged) {
         if (locNotification === void 0) { locNotification = false; }
@@ -75484,7 +76114,7 @@ var SurveyModel = /** @class */ (function (_super) {
             this.isTwoValueEquals(newValue, newQuestionValue))
             return;
         var oldValue = this.getValue(name);
-        if (this.isValueEmpty(newValue, false)) {
+        if (this.isValueEmpyOnSetValue(name, newValue)) {
             this.deleteDataValueCore(this.valuesHash, name);
         }
         else {
@@ -75493,6 +76123,13 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         this.updateOnSetValue(name, newValue, oldValue, locNotification, allowNotifyValueChanged);
     };
+    SurveyModel.prototype.isValueEmpyOnSetValue = function (name, val) {
+        if (!this.isValueEmpty(val, false))
+            return false;
+        if (!this.editingObj || val === null || val === undefined)
+            return true;
+        return this.editingObj.getDefaultPropertyValue(name) === val;
+    };
     SurveyModel.prototype.updateOnSetValue = function (name, newValue, oldValue, locNotification, allowNotifyValueChanged) {
         if (locNotification === void 0) { locNotification = false; }
         if (allowNotifyValueChanged === void 0) { allowNotifyValueChanged = true; }
@@ -75502,7 +76139,7 @@ var SurveyModel = /** @class */ (function (_super) {
         var triggerKeys = {};
         triggerKeys[name] = { newValue: newValue, oldValue: oldValue };
         this.runConditionOnValueChanged(name, newValue);
-        this.checkTriggers(triggerKeys, false);
+        this.checkTriggers(triggerKeys, false, false, name);
         if (allowNotifyValueChanged)
             this.notifyQuestionOnValueChanged(name, newValue);
         if (locNotification !== "text") {
@@ -75591,8 +76228,9 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     /**
-     * Returns the comment value.
-     * @param name A comment's name.
+     * Returns a comment value from a question with a specified `name`.
+     * @param name A question name.
+     * @returns A comment.
      * @see setComment
      */
     SurveyModel.prototype.getComment = function (name) {
@@ -75600,9 +76238,10 @@ var SurveyModel = /** @class */ (function (_super) {
         return res || "";
     };
     /**
-     * Sets a comment value.
-     * @param name A comment name.
+     * Sets a comment value to a question with a specified `name`.
+     * @param name A question name.
      * @param newValue A new comment value.
+     * @param locNotification For internal use.
      * @see getComment
      */
     SurveyModel.prototype.setComment = function (name, newValue, locNotification) {
@@ -75875,13 +76514,23 @@ var SurveyModel = /** @class */ (function (_super) {
         return this.getCorrectedAnswerCountCore(true);
     };
     /**
-     * Returns an amount of corrected quiz answers.
+     * Returns the number of correct answers in a quiz.
+     *
+     * For more information about quizzes, refer to the following tutorial: [Create a Quiz](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
+     * @returns The number of correct answers in a quiz.
+     * @see getQuizQuestionCount
+     * @see getInCorrectAnswerCount
      */
     SurveyModel.prototype.getCorrectAnswerCount = function () {
         return this.getCorrectedAnswerCountCore(true);
     };
     /**
-     * Returns quiz question number. It may be different from `getQuizQuestions.length` because some widgets like matrix may have several questions.
+     * Returns the number of quiz questions. A question counts if it is visible, has an input field, and specifies [`correctAnswer`](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#correctAnswer).
+     *
+     * This number may be different from `getQuizQuestions().length` because certain question types (for instance, matrix-like types) include more than one question.
+     *
+     * For more information about quizzes, refer to the following tutorial: [Create a Quiz](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
+     * @returns The number of quiz questions.
      * @see getQuizQuestions
      */
     SurveyModel.prototype.getQuizQuestionCount = function () {
@@ -75896,7 +76545,11 @@ var SurveyModel = /** @class */ (function (_super) {
         return this.getCorrectedAnswerCountCore(false);
     };
     /**
-     * Returns an amount of incorrect quiz answers.
+     * Returns the number of incorrect answers in a quiz.
+     *
+     * For more information about quizzes, refer to the following tutorial: [Create a Quiz](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
+     * @returns The number of incorrect answers in a quiz.
+     * @see getCorrectAnswerCount
      */
     SurveyModel.prototype.getInCorrectAnswerCount = function () {
         return this.getCorrectedAnswerCountCore(false);
@@ -76536,7 +77189,7 @@ var SurveyModel = /** @class */ (function (_super) {
                         containerLayoutElements.push(layoutElement);
                     }
                 }
-                if (container === "contentBottom") {
+                if (container === "footer") {
                     if (this.isShowProgressBarOnBottom && !this.isShowStartingPage) {
                         containerLayoutElements.push(layoutElement);
                     }
@@ -76595,12 +77248,14 @@ var SurveyModel = /** @class */ (function (_super) {
      * Use this method to dispose survey model properly.
      */
     SurveyModel.prototype.dispose = function () {
-        this.currentPage = null;
+        this.removeScrollEventListener();
         this.destroyResizeObserver();
+        this.rootElement = undefined;
         _super.prototype.dispose.call(this);
         this.editingObj = null;
         if (!this.pages)
             return;
+        this.currentPage = null;
         for (var i = 0; i < this.pages.length; i++) {
             this.pages[i].setSurveyImpl(undefined);
             this.pages[i].dispose();
@@ -76610,15 +77265,39 @@ var SurveyModel = /** @class */ (function (_super) {
             this.disposeCallback();
         }
     };
+    SurveyModel.prototype.onScroll = function () {
+        if (this.onScrollCallback) {
+            this.onScrollCallback();
+        }
+    };
+    SurveyModel.prototype.addScrollEventListener = function () {
+        var _this = this;
+        this.scrollHandler = function () { _this.onScroll(); };
+        this.rootElement.addEventListener("scroll", this.scrollHandler);
+    };
+    SurveyModel.prototype.removeScrollEventListener = function () {
+        if (!!this.rootElement && !!this.scrollHandler) {
+            this.rootElement.removeEventListener("scroll", this.scrollHandler);
+        }
+    };
     SurveyModel.TemplateRendererComponentName = "sv-template-renderer";
     SurveyModel.stylesManager = null;
     SurveyModel.platform = "unknown";
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "completedCss", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "completedBeforeCss", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "loadingBodyCss", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "containerCss", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ onSet: function (newValue, target) { target.updateCss(); } })
+    ], SurveyModel.prototype, "fitToContainer", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "showBrandInfo", void 0);
@@ -76894,6 +77573,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
         choices: ["auto", "static", "responsive"],
     },
     { name: "width", visibleIf: function (obj) { return obj.widthMode === "static"; } },
+    { name: "fitToContainer:boolean", default: false },
     { name: "backgroundImage", visible: false },
     { name: "backgroundImageFit", default: "cover", choices: ["auto", "contain", "cover"], visible: false },
     { name: "backgroundImageAttachment", default: "scroll", choices: ["scroll", "fixed"], visible: false },
@@ -78050,6 +78730,11 @@ var Trigger = /** @class */ (function (_super) {
             this.onFailure();
         }
     };
+    Object.defineProperty(Trigger.prototype, "requireValidQuestion", {
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
     Trigger.prototype.perform = function (values, properties) {
         var _this = this;
         this.conditionRunner.onRunComplete = function (res) {
@@ -78236,6 +78921,11 @@ var SurveyTriggerComplete = /** @class */ (function (_super) {
     SurveyTriggerComplete.prototype.getType = function () {
         return "completetrigger";
     };
+    Object.defineProperty(SurveyTriggerComplete.prototype, "requireValidQuestion", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
     SurveyTriggerComplete.prototype.isRealExecution = function () {
         return !_settings__WEBPACK_IMPORTED_MODULE_6__["settings"].triggers.executeCompleteOnValueChanged === this.isExecutingOnNextPage;
     };
@@ -78327,6 +79017,11 @@ var SurveyTriggerSkip = /** @class */ (function (_super) {
     SurveyTriggerSkip.prototype.getType = function () {
         return "skiptrigger";
     };
+    Object.defineProperty(SurveyTriggerSkip.prototype, "requireValidQuestion", {
+        get: function () { return this.canBeExecuted(false); },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyTriggerSkip.prototype, "gotoName", {
         get: function () {
             return this.getPropertyValue("gotoName", "");
@@ -78953,37 +79648,6 @@ var VerticalResponsivityManager = /** @class */ (function (_super) {
 
 
 
-/***/ }),
-
-/***/ "./src/utils/tooltip.ts":
-/*!******************************!*\
-  !*** ./src/utils/tooltip.ts ***!
-  \******************************/
-/*! exports provided: TooltipManager */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TooltipManager", function() { return TooltipManager; });
-var TooltipManager = /** @class */ (function () {
-    function TooltipManager(tooltipElement) {
-        var _this = this;
-        this.tooltipElement = tooltipElement;
-        this.onMouseMoveCallback = function (e) {
-            _this.tooltipElement.style.left = e.clientX + 12 + "px";
-            _this.tooltipElement.style.top = e.clientY + 12 + "px";
-        };
-        this.targetElement = tooltipElement.parentElement;
-        this.targetElement.addEventListener("mousemove", this.onMouseMoveCallback);
-    }
-    TooltipManager.prototype.dispose = function () {
-        this.targetElement.removeEventListener("mousemove", this.onMouseMoveCallback);
-    };
-    return TooltipManager;
-}());
-
-
-
 /***/ }),
 
 /***/ "./src/utils/utils.ts":