survey-react 1.9.129 → 1.9.131

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.129
+ * surveyjs - Survey JavaScript library v1.9.131
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5649,6 +5649,7 @@ var defaultV2Css = {
         itemOnError: "sd-boolean--error",
         control: "sd-boolean__control sd-visuallyhidden",
         itemChecked: "sd-boolean--checked",
+        itemExchanged: "sd-boolean--exchanged",
         itemIndeterminate: "sd-boolean--indeterminate",
         itemDisabled: "sd-boolean--disabled",
         itemHover: "sd-boolean--allowhover",
@@ -6824,6 +6825,7 @@ __webpack_require__.r(__webpack_exports__);
 var DragDropCore = /** @class */ (function () {
     function DragDropCore(surveyValue, creator, longTap, domAdapter) {
         var _this = this;
+        var _a;
         this.surveyValue = surveyValue;
         this.creator = creator;
         this._isBottom = null;
@@ -6844,7 +6846,7 @@ var DragDropCore = /** @class */ (function () {
             _this.isBottom = null;
         };
         this.doBanDropHere = function () { };
-        this.domAdapter = domAdapter || new _dom_adapter__WEBPACK_IMPORTED_MODULE_1__["DragDropDOMAdapter"](this, longTap);
+        this.domAdapter = domAdapter || new _dom_adapter__WEBPACK_IMPORTED_MODULE_1__["DragDropDOMAdapter"](this, longTap, (_a = this.survey) === null || _a === void 0 ? void 0 : _a.fitToContainer);
     }
     Object.defineProperty(DragDropCore.prototype, "isBottom", {
         get: function () {
@@ -6869,7 +6871,8 @@ var DragDropCore = /** @class */ (function () {
     });
     Object.defineProperty(DragDropCore.prototype, "survey", {
         get: function () {
-            return this.surveyValue || this.creator.survey;
+            var _a;
+            return this.surveyValue || ((_a = this.creator) === null || _a === void 0 ? void 0 : _a.survey);
         },
         enumerable: false,
         configurable: true
@@ -7025,11 +7028,13 @@ if (typeof window !== "undefined") {
     }, { passive: false });
 }
 var DragDropDOMAdapter = /** @class */ (function () {
-    function DragDropDOMAdapter(dd, longTap) {
+    function DragDropDOMAdapter(dd, longTap, fitToContainer) {
         var _this = this;
         if (longTap === void 0) { longTap = true; }
+        if (fitToContainer === void 0) { fitToContainer = false; }
         this.dd = dd;
         this.longTap = longTap;
+        this.fitToContainer = fitToContainer;
         this.scrollIntervalId = null;
         this.stopLongTapIfMoveEnough = function (pointerMoveEvent) {
             pointerMoveEvent.preventDefault();
@@ -7142,6 +7147,8 @@ var DragDropDOMAdapter = /** @class */ (function () {
     DragDropDOMAdapter.prototype.moveShortcutElement = function (event) {
         var rootElementX = this.rootElement.getBoundingClientRect().x;
         var rootElementY = this.rootElement.getBoundingClientRect().y;
+        var rootElementScrollLeft = this.rootElement.scrollLeft;
+        var rootElementScrollTop = this.rootElement.scrollTop;
         this.doScroll(event.clientY, event.clientX);
         var shortcutHeight = this.draggedElementShortcut.offsetHeight;
         var shortcutWidth = this.draggedElementShortcut.offsetWidth;
@@ -7158,6 +7165,10 @@ var DragDropDOMAdapter = /** @class */ (function () {
         var pageY = event.pageY;
         var clientX = event.clientX;
         var clientY = event.clientY;
+        if (!!this.fitToContainer) {
+            rootElementX -= rootElementScrollLeft;
+            rootElementY -= rootElementScrollTop;
+        }
         var shortcutBottomCoordinate = this.getShortcutBottomCoordinate(clientY, shortcutHeight, shortcutYOffset);
         var shortcutRightCoordinate = this.getShortcutRightCoordinate(clientX, shortcutWidth, shortcutXOffset);
         if (shortcutRightCoordinate >= documentRight) { // right boundary
@@ -7883,7 +7894,9 @@ var DropdownListModel = /** @class */ (function (_super) {
         _this.qustionPropertyChangedHandler = function (sender, options) {
             _this.onPropertyChangedHandler(sender, options);
         };
-        _this.htmlCleanerElement = document.createElement("div");
+        if ("undefined" !== typeof document) {
+            _this.htmlCleanerElement = document.createElement("div");
+        }
         question.onPropertyChanged.add(_this.qustionPropertyChangedHandler);
         _this.showInputFieldComponent = _this.question.showInputFieldComponent;
         _this.listModel = _this.createListModel();
@@ -8010,6 +8023,17 @@ var DropdownListModel = /** @class */ (function (_super) {
     DropdownListModel.prototype.getAvailableItems = function () {
         return this.question.visibleChoices;
     };
+    DropdownListModel.prototype.setOnTextSearchCallbackForListModel = function (listModel) {
+        var _this = this;
+        listModel.setOnTextSearchCallback(function (item, textToSearch) {
+            if (_this.filteredItems)
+                return _this.filteredItems.indexOf(item) >= 0;
+            var textInLow = item.text.toLocaleLowerCase();
+            textInLow = _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].comparator.normalizeTextCallback(textInLow, "filter");
+            var index = textInLow.indexOf(textToSearch.toLocaleLowerCase());
+            return _this.question.searchMode == "startsWith" ? index == 0 : index > -1;
+        });
+    };
     DropdownListModel.prototype.createListModel = function () {
         var _this = this;
         var visibleItems = this.getAvailableItems();
@@ -8023,14 +8047,7 @@ var DropdownListModel = /** @class */ (function (_super) {
             };
         }
         var res = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](visibleItems, _onSelectionChanged, false, undefined, this.question.choicesLazyLoadEnabled ? this.listModelFilterStringChanged : undefined, this.listElementId);
-        res.setOnTextSearchCallback(function (item, textToSearch) {
-            if (_this.filteredItems)
-                return _this.filteredItems.indexOf(item) >= 0;
-            var textInLow = item.text.toLocaleLowerCase();
-            textInLow = _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].comparator.normalizeTextCallback(textInLow, "filter");
-            var index = textInLow.indexOf(textToSearch.toLocaleLowerCase());
-            return _this.question.searchMode == "startsWith" ? index == 0 : index > -1;
-        });
+        this.setOnTextSearchCallbackForListModel(res);
         res.renderElements = false;
         res.forceShowFilter = true;
         res.areSameItemsCallback = function (item1, item2) {
@@ -8113,6 +8130,8 @@ var DropdownListModel = /** @class */ (function (_super) {
         }
     };
     DropdownListModel.prototype.cleanHtml = function (html) {
+        if (!this.htmlCleanerElement)
+            return "";
         this.htmlCleanerElement.innerHTML = html;
         return this.htmlCleanerElement.textContent;
     };
@@ -8607,6 +8626,7 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
             };
         }
         var res = new _multiSelectListModel__WEBPACK_IMPORTED_MODULE_3__["MultiSelectListModel"](visibleItems, _onSelectionChanged, false, undefined, this.question.choicesLazyLoadEnabled ? this.listModelFilterStringChanged : undefined, this.listElementId);
+        this.setOnTextSearchCallbackForListModel(res);
         res.forceShowFilter = true;
         return res;
     };
@@ -9046,7 +9066,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9212,6 +9232,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedRow", function() { return _question_matrixdropdownrendered__WEBPACK_IMPORTED_MODULE_20__["QuestionMatrixDropdownRenderedRow"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedErrorRow", function() { return _question_matrixdropdownrendered__WEBPACK_IMPORTED_MODULE_20__["QuestionMatrixDropdownRenderedErrorRow"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedTable", function() { return _question_matrixdropdownrendered__WEBPACK_IMPORTED_MODULE_20__["QuestionMatrixDropdownRenderedTable"]; });
 
 /* harmony import */ var _question_matrixdropdown__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../question_matrixdropdown */ "./src/question_matrixdropdown.ts");
@@ -9525,8 +9547,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.129";
-ReleaseDate = "" + "2024-02-06";
+Version = "" + "1.9.131";
+ReleaseDate = "" + "2024-02-20";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9701,7 +9723,7 @@ function checkPrefix(prefix) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, 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";
@@ -9853,6 +9875,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedRow", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["QuestionMatrixDropdownRenderedRow"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedErrorRow", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["QuestionMatrixDropdownRenderedErrorRow"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedTable", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["QuestionMatrixDropdownRenderedTable"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixDropdownRowModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["MatrixDropdownRowModel"]; });
@@ -10168,7 +10192,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, 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";
@@ -10320,6 +10344,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedRow", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["QuestionMatrixDropdownRenderedRow"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedErrorRow", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["QuestionMatrixDropdownRenderedErrorRow"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedTable", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["QuestionMatrixDropdownRenderedTable"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixDropdownRowModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["MatrixDropdownRowModel"]; });
@@ -11027,7 +11053,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.ts ***!
   \******************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, 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, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, 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, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, 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, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, 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, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11179,6 +11205,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedRow", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["QuestionMatrixDropdownRenderedRow"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedErrorRow", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["QuestionMatrixDropdownRenderedErrorRow"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionMatrixDropdownRenderedTable", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["QuestionMatrixDropdownRenderedTable"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixDropdownRowModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["MatrixDropdownRowModel"]; });
@@ -19208,14 +19236,21 @@ var JsonObjectProperty = /** @class */ (function () {
         configurable: true
     });
     JsonObjectProperty.prototype.isAvailableInVersion = function (ver) {
-        if (!!this.alternativeName)
+        if (!!this.alternativeName || this.oldName)
             return true;
         return this.isAvailableInVersionCore(ver);
     };
     JsonObjectProperty.prototype.getSerializedName = function (ver) {
         if (!this.alternativeName)
             return this.name;
-        return this.isAvailableInVersionCore(ver) ? this.name : this.alternativeName;
+        return this.isAvailableInVersionCore(ver) ? this.name : this.alternativeName || this.oldName;
+    };
+    JsonObjectProperty.prototype.getSerializedProperty = function (obj, ver) {
+        if (!this.oldName || this.isAvailableInVersionCore(ver))
+            return this;
+        if (!obj || !obj.getType)
+            return null;
+        return Serializer.findProperty(obj.getType(), this.oldName);
     };
     JsonObjectProperty.prototype.isAvailableInVersionCore = function (ver) {
         if (!ver || !this.version)
@@ -19301,6 +19336,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "isLocalizableValue",
         "className",
         "alternativeName",
+        "oldName",
         "layout",
         "version",
         "classNamePart",
@@ -19752,6 +19788,9 @@ var JsonMetadataClass = /** @class */ (function () {
             if (propInfo.alternativeName) {
                 prop.alternativeName = propInfo.alternativeName;
             }
+            if (propInfo.oldName) {
+                prop.oldName = propInfo.oldName;
+            }
             if (propInfo.layout) {
                 prop.layout = propInfo.layout;
             }
@@ -19814,11 +19853,11 @@ var JsonMetadata = /** @class */ (function () {
         this.dynamicPropsCache = {};
     }
     JsonMetadata.prototype.getObjPropertyValue = function (obj, name) {
-        if (this.isObjWrapper(obj)) {
+        if (this.isObjWrapper(obj) && this.isNeedUseObjWrapper(obj, name)) {
             var orignalObj = obj.getOriginalObj();
-            var prop = Serializer.findProperty(orignalObj.getType(), name);
-            if (!!prop)
-                return this.getObjPropertyValueCore(orignalObj, prop);
+            var prop_1 = Serializer.findProperty(orignalObj.getType(), name);
+            if (!!prop_1)
+                return this.getObjPropertyValueCore(orignalObj, prop_1);
         }
         var prop = Serializer.findProperty(obj.getType(), name);
         if (!prop)
@@ -19855,6 +19894,18 @@ var JsonMetadata = /** @class */ (function () {
     JsonMetadata.prototype.isObjWrapper = function (obj) {
         return !!obj.getOriginalObj && !!obj.getOriginalObj();
     };
+    JsonMetadata.prototype.isNeedUseObjWrapper = function (obj, name) {
+        if (!obj.getDynamicProperties)
+            return true;
+        var props = obj.getDynamicProperties();
+        if (!Array.isArray(props))
+            return false;
+        for (var i = 0; i < props.length; i++) {
+            if (props[i].name === name)
+                return true;
+        }
+        return false;
+    };
     JsonMetadata.prototype.addClass = function (name, properties, creator, parentName) {
         if (creator === void 0) { creator = null; }
         if (parentName === void 0) { parentName = null; }
@@ -20556,6 +20607,14 @@ var JsonObject = /** @class */ (function () {
             return;
         if (options.version && !prop.isAvailableInVersion(options.version))
             return;
+        this.valueToJsonCore(obj, result, prop, options);
+    };
+    JsonObject.prototype.valueToJsonCore = function (obj, result, prop, options) {
+        var serProp = prop.getSerializedProperty(obj, options.version);
+        if (serProp && serProp !== prop) {
+            this.valueToJsonCore(obj, result, serProp, options);
+            return;
+        }
         var value = prop.getSerializableValue(obj);
         if (!options.storeDefaults && prop.isDefaultValueByObj(obj, value))
             return;
@@ -21203,6 +21262,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./surveyStrings */ "./src/surveyStrings.ts");
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./base */ "./src/base.ts");
+/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
+/* harmony import */ var _survey_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./survey-element */ "./src/survey-element.ts");
+
+
 
 
 
@@ -21214,12 +21277,17 @@ __webpack_require__.r(__webpack_exports__);
 var LocalizableString = /** @class */ (function () {
     function LocalizableString(owner, useMarkdown, name) {
         if (useMarkdown === void 0) { useMarkdown = false; }
+        var _a;
         this.owner = owner;
         this.useMarkdown = useMarkdown;
         this.name = name;
         this.values = {};
         this.htmlValues = {};
+        this._allowLineBreaks = false;
         this.onStringChanged = new _base__WEBPACK_IMPORTED_MODULE_3__["EventBase"]();
+        if (owner instanceof _survey_element__WEBPACK_IMPORTED_MODULE_5__["SurveyElementCore"]) {
+            this._allowLineBreaks = ((_a = _jsonobject__WEBPACK_IMPORTED_MODULE_4__["Serializer"].findProperty(owner.getType(), name)) === null || _a === void 0 ? void 0 : _a.type) == "text";
+        }
         this.onCreating();
     }
     Object.defineProperty(LocalizableString, "defaultLocale", {
@@ -21245,6 +21313,13 @@ var LocalizableString = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(LocalizableString.prototype, "allowLineBreaks", {
+        get: function () {
+            return this._allowLineBreaks;
+        },
+        enumerable: false,
+        configurable: true
+    });
     LocalizableString.prototype.getIsMultiple = function () { return false; };
     Object.defineProperty(LocalizableString.prototype, "locale", {
         get: function () {
@@ -21511,7 +21586,11 @@ var LocalizableString = /** @class */ (function () {
             keys[0] == _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.defaultLocaleName &&
             !_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].serialization.localizableStringSerializeAsObject)
             return this.values[keys[0]];
-        return this.values;
+        var res = {};
+        for (var key in this.values) {
+            res[key] = this.values[key];
+        }
+        return res;
     };
     LocalizableString.prototype.setJson = function (value) {
         if (!!this.sharedData) {
@@ -23110,7 +23189,7 @@ var englishStrings = {
     chooseFile: "Choose file(s)...",
     noFileChosen: "No file chosen",
     filePlaceholder: "Drag and drop a file here or click the button below to select a file to upload.",
-    confirmDelete: "Do you want to delete the record?",
+    confirmDelete: "Are you sure you want to delete this record?",
     keyDuplicationError: "This value should be unique.",
     addColumn: "Add Column",
     addRow: "Add Row",
@@ -23153,12 +23232,12 @@ var englishStrings = {
     modalApplyButtonText: "Apply",
     filterStringPlaceholder: "Type to search...",
     emptyMessage: "No data to display",
-    noEntriesText: "There are no entries yet.\nClick the button below to add a new entry.",
-    noEntriesReadonlyText: "There are no entries.",
+    noEntriesText: "No entries yet.\nClick the button below to add a new entry.",
+    noEntriesReadonlyText: "No entries.",
     more: "More",
     tagboxDoneButtonCaption: "OK",
-    selectToRankEmptyRankedAreaText: "All choices are ranked",
-    selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them",
+    selectToRankEmptyRankedAreaText: "All choices are selected for ranking",
+    selectToRankEmptyUnrankedAreaText: "Drag choices here to rank them",
     ok: "OK",
     cancel: "Cancel",
 };
@@ -27654,7 +27733,7 @@ var spanishSurveyStrings = {
     timerLimitAll: "Has gastado {0} de {1} en esta página y {2} de {3} en total.",
     timerLimitPage: "Has gastado {0} de {1} en esta página.",
     timerLimitSurvey: "Usted ha gastado {0} de {1} en total.",
-    clearCaption: "Despejen",
+    clearCaption: "Borrar",
     signaturePlaceHolder: "Firma aqui",
     chooseFileCaption: "Elija el archivo",
     takePhotoCaption: "Tomar foto",
@@ -30280,6 +30359,11 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     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;
 };
+var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 
 
 
@@ -30310,6 +30394,8 @@ var QuestionRowModel = /** @class */ (function (_super) {
     QuestionRowModel.prototype.startLazyRendering = function (rowContainerDiv, findScrollableContainer) {
         var _this = this;
         if (findScrollableContainer === void 0) { findScrollableContainer = _utils_utils__WEBPACK_IMPORTED_MODULE_8__["findScrollableParent"]; }
+        if ("undefined" === typeof document)
+            return;
         this._scrollableParent = findScrollableContainer(rowContainerDiv);
         // if  this._scrollableParent is html the scroll event isn't fired, so we should use window
         if (this._scrollableParent === document.documentElement) {
@@ -30524,6 +30610,7 @@ var PanelModelBase = /** @class */ (function (_super) {
         _this.isQuestionsReady = false;
         _this.questionsValue = new Array();
         _this.isRandomizing = false;
+        _this.locCountRowUpdates = 0;
         _this.createNewArray("rows");
         _this.elementsValue = _this.createNewArray("elements", _this.onAddElement.bind(_this), _this.onRemoveElement.bind(_this));
         _this.id = PanelModelBase.getPanelId();
@@ -31398,14 +31485,92 @@ var PanelModelBase = /** @class */ (function (_super) {
             return;
         this.setArrayPropertyDirectly("rows", this.buildRows());
     };
+    PanelModelBase.prototype.blockRowsUpdates = function () {
+        this.locCountRowUpdates++;
+    };
+    PanelModelBase.prototype.releaseRowsUpdates = function () {
+        this.locCountRowUpdates--;
+    };
+    PanelModelBase.prototype.updateRowsBeforeElementRemoved = function (element) {
+        var _this = this;
+        var elementRow = this.findRowByElement(element);
+        var elementRowIndex = this.rows.indexOf(elementRow);
+        var elementIndexInRow = elementRow.elements.indexOf(element);
+        elementRow.elements.splice(elementIndexInRow, 1);
+        if (elementRow.elements.length == 0) {
+            this.rows.splice(elementRowIndex, 1);
+        }
+        else if (!elementRow.elements[0].startWithNewLine && this.rows[elementRowIndex - 1]) {
+            elementRow.elements.forEach(function (el) { return _this.rows[elementRowIndex - 1].addElement(el); });
+            this.rows.splice(elementRowIndex, 1);
+        }
+        else {
+            elementRow.updateVisible();
+        }
+    };
+    PanelModelBase.prototype.updateRowsOnElementAdded = function (element) {
+        var _this = this;
+        var index = this.elements.indexOf(element);
+        var targetElement = this.elements[index + 1];
+        var createRowAtIndex = function (index) {
+            var row = _this.createRowAndSetLazy(index);
+            if (_this.isDesignModeV2) {
+                row.setIsLazyRendering(false);
+            }
+            _this.rows.splice(index, 0, row);
+            return row;
+        };
+        var updateRow = function (row, start, deleteCount) {
+            var _a;
+            var elements = [];
+            for (var _i = 3; _i < arguments.length; _i++) {
+                elements[_i - 3] = arguments[_i];
+            }
+            var removedElements = (_a = row.elements).splice.apply(_a, __spreadArray([start, deleteCount], elements));
+            row.updateVisible();
+            return removedElements;
+        };
+        if (!targetElement) {
+            if (index == 0 || element.startWithNewLine) {
+                updateRow(createRowAtIndex(this.rows.length), 0, 0, element);
+            }
+            else {
+                this.rows[this.rows.length - 1].addElement(element);
+            }
+            return;
+        }
+        var targetRow = this.findRowByElement(targetElement);
+        if (!targetRow)
+            return;
+        var targetRowIndex = this.rows.indexOf(targetRow);
+        var targetElementIndexInRow = targetRow.elements.indexOf(targetElement);
+        if (targetElementIndexInRow == 0) {
+            if (!targetElement.startWithNewLine) {
+                updateRow(targetRow, 0, 0, element);
+            }
+            else if (element.startWithNewLine || targetRowIndex < 1) {
+                createRowAtIndex(targetRowIndex).addElement(element);
+            }
+            else {
+                this.rows[targetRowIndex - 1].addElement(element);
+            }
+        }
+        else {
+            if (element.startWithNewLine) {
+                updateRow.apply(void 0, __spreadArray([createRowAtIndex(targetRowIndex + 1), 0, 0], [element].concat(updateRow(targetRow, targetElementIndexInRow, targetRow.elements.length))));
+            }
+            else {
+                updateRow(targetRow, targetElementIndexInRow, 0, element);
+            }
+        }
+    };
     PanelModelBase.prototype.onAddElement = function (element, index) {
         var _this = this;
         element.setSurveyImpl(this.surveyImpl);
         element.parent = this;
         this.markQuestionListDirty();
         if (this.canBuildRows()) {
-            var dragDropInfo = _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].supportCreatorV2 ? this.getDragDropInfo() : undefined;
-            this.dragDropPanelHelper.updateRowsOnElementAdded(element, index, dragDropInfo, this);
+            this.updateRowsOnElementAdded(element);
         }
         if (element.isPanel) {
             var p = element;
@@ -31459,7 +31624,10 @@ var PanelModelBase = /** @class */ (function (_super) {
         }
     };
     PanelModelBase.prototype.onElementStartWithNewLineChanged = function (element) {
-        this.onRowsChanged();
+        if (this.locCountRowUpdates > 0)
+            return;
+        this.updateRowsBeforeElementRemoved(element);
+        this.updateRowsOnElementAdded(element);
     };
     PanelModelBase.prototype.updateRowsVisibility = function (element) {
         var rows = this.rows;
@@ -31520,7 +31688,9 @@ var PanelModelBase = /** @class */ (function (_super) {
             return;
         row.elements.splice(elIndex, 1);
         if (row.elements.length > 0) {
+            this.blockRowsUpdates();
             row.elements[0].startWithNewLine = true;
+            this.releaseRowsUpdates();
             row.updateVisible();
         }
         else {
@@ -31746,6 +31916,42 @@ var PanelModelBase = /** @class */ (function (_super) {
         }
         return true;
     };
+    PanelModelBase.prototype.insertElement = function (element, dest, location) {
+        if (location === void 0) { location = "bottom"; }
+        if (!dest) {
+            this.addElement(element);
+            return;
+        }
+        this.blockRowsUpdates();
+        var index = this.elements.indexOf(dest);
+        var destRow = this.findRowByElement(dest);
+        if (location == "left" || location == "right") {
+            if (location == "right") {
+                element.startWithNewLine = false;
+                index++;
+            }
+            else {
+                if (destRow.elements.indexOf(dest) == 0) {
+                    dest.startWithNewLine = false;
+                    element.startWithNewLine = true;
+                }
+                else {
+                    element.startWithNewLine = false;
+                }
+            }
+        }
+        else {
+            element.startWithNewLine = true;
+            if (location == "top") {
+                index = this.elements.indexOf(destRow.elements[0]);
+            }
+            else {
+                index = this.elements.indexOf(destRow.elements[destRow.elements.length - 1]) + 1;
+            }
+        }
+        this.releaseRowsUpdates();
+        this.addElement(element, index);
+    };
     PanelModelBase.prototype.insertElementAfter = function (element, after) {
         var index = this.elements.indexOf(after);
         if (index >= 0)
@@ -31791,7 +31997,7 @@ var PanelModelBase = /** @class */ (function (_super) {
      *
      * This method returns `null` if the panel cannot be created or added to this panel/page; otherwise, the method returns the created panel.
      * @param name A panel name.
-     * @see elements
+     * @see elementsup
      * @see addElement
      */
     PanelModelBase.prototype.addNewPanel = function (name) {
@@ -32420,7 +32626,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("panel", [
     { name: "minWidth", defaultFunc: function () { return "auto"; } },
     { name: "maxWidth", defaultFunc: function () { return _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].maxWidth; } },
     { name: "innerIndent:number", default: 0, choices: [0, 1, 2, 3] },
-    { name: "indent:number", default: 0, choices: [0, 1, 2, 3] },
+    { name: "indent:number", default: 0, choices: [0, 1, 2, 3], visible: false },
     {
         name: "page",
         isSerializable: false,
@@ -33951,13 +34157,15 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
     };
     PopupDropdownViewModel.prototype.getActualHorizontalPosition = function () {
         var actualHorizontalPosition = this.model.horizontalPosition;
-        var isRtl = !!document && document.defaultView.getComputedStyle(document.body).direction == "rtl";
-        if (isRtl) {
-            if (this.model.horizontalPosition === "left") {
-                actualHorizontalPosition = "right";
-            }
-            else if (this.model.horizontalPosition === "right") {
-                actualHorizontalPosition = "left";
+        if ("undefined" !== typeof document) {
+            var isRtl = !!document && document.defaultView.getComputedStyle(document.body).direction == "rtl";
+            if (isRtl) {
+                if (this.model.horizontalPosition === "left") {
+                    actualHorizontalPosition = "right";
+                }
+                else if (this.model.horizontalPosition === "right") {
+                    actualHorizontalPosition = "left";
+                }
             }
         }
         return actualHorizontalPosition;
@@ -34437,10 +34645,9 @@ var PopupSurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(PopupSurveyModel.prototype, "allowFullScreen", {
         /**
-         * Specifies whether to display a button that allow showing pop-up in full-screen mode.
+         * Specifies whether to display a button that allows respondents to show the pop-up survey in full screen mode.
          *
          * Default value: `false`
-         *
          */
         get: function () {
             return this.getPropertyValue("allowFullScreen", false);
@@ -35005,7 +35212,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         this.resetComponentElement();
     };
     PopupBaseViewModel.prototype.initializePopupContainer = function () {
-        if (!this.container) {
+        if (!this.container && ("undefined" !== typeof document)) {
             var container = document.createElement("div");
             this.createdContainer = container;
             Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["getElement"])(_settings__WEBPACK_IMPORTED_MODULE_4__["settings"].environment.popupMountContainer).appendChild(container);
@@ -37950,7 +38157,6 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.hasErrors = function (fireCallback, rec) {
         if (fireCallback === void 0) { fireCallback = true; }
         if (rec === void 0) { rec = null; }
-        var oldHasErrors = this.errors.length > 0;
         var errors = this.checkForErrors(!!rec && rec.isOnValueChanged === true);
         if (fireCallback) {
             if (!!this.survey) {
@@ -38008,13 +38214,16 @@ var Question = /** @class */ (function (_super) {
             return;
         var newError = null;
         if (typeof error === "string" || error instanceof String) {
-            newError = new _error__WEBPACK_IMPORTED_MODULE_3__["CustomError"](error, this.survey);
+            newError = this.addCustomError(error);
         }
         else {
             newError = error;
         }
         this.errors.push(newError);
     };
+    Question.prototype.addCustomError = function (error) {
+        return new _error__WEBPACK_IMPORTED_MODULE_3__["CustomError"](error, this.survey);
+    };
     Question.prototype.removeError = function (error) {
         var errors = this.errors;
         var index = errors.indexOf(error);
@@ -38065,6 +38274,12 @@ var Question = /** @class */ (function (_super) {
             err.onUpdateErrorTextCallback = function (err) { err.text = _this.requiredErrorText; };
             errors.push(err);
         }
+        if (!this.isEmpty() && this.customWidget) {
+            var text = this.customWidget.validate(this);
+            if (!!text) {
+                errors.push(this.addCustomError(text));
+            }
+        }
     };
     Question.prototype.hasRequiredError = function () {
         return this.isRequired && this.isEmpty();
@@ -38827,6 +39042,11 @@ var QuestionCustomWidget = /** @class */ (function () {
             return this.widgetJson.getDisplayValue(question, value);
         return null;
     };
+    QuestionCustomWidget.prototype.validate = function (question) {
+        if (this.widgetJson.validate)
+            return this.widgetJson.validate(question);
+        return undefined;
+    };
     QuestionCustomWidget.prototype.isFit = function (question) {
         if (this.isLibraryLoaded() && this.widgetJson.isFit)
             return this.widgetJson.isFit(question);
@@ -41285,8 +41505,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("selectbase", [
     { name: "separateSpecialChoices:boolean", visible: false },
     { name: "showOtherItem:boolean", alternativeName: "hasOther" },
     { name: "showNoneItem:boolean", alternativeName: "hasNone" },
-    { name: "showRefuseItem:boolean", visible: false },
-    { name: "showDontKnowItem:boolean", visible: false },
+    { name: "showRefuseItem:boolean", visible: false, version: "1.9.128" },
+    { name: "showDontKnowItem:boolean", visible: false, version: "1.9.128" },
     {
         name: "otherPlaceholder",
         alternativeName: "otherPlaceHolder",
@@ -41463,8 +41683,8 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
     });
     QuestionBooleanModel.prototype.setBooleanValue = function (val) {
         if (this.isValueEmpty(val)) {
-            this.value = null;
-            this.booleanValueRendered = null;
+            this.value = undefined;
+            this.booleanValueRendered = undefined;
         }
         else {
             this.value = val == true ? this.getValueTrue() : this.getValueFalse();
@@ -41480,8 +41700,6 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
                 val = "true";
             if (val === false)
                 val = "false";
-            if (val === undefined)
-                val = "indeterminate";
             this.setPropertyValue("defaultValue", val);
             this.updateValueWithDefaults();
         },
@@ -41489,13 +41707,10 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionBooleanModel.prototype.getDefaultValue = function () {
-        if (this.defaultValue == "indeterminate")
-            return null;
-        if (this.defaultValue === undefined)
-            return null;
-        return this.defaultValue == "true"
-            ? this.getValueTrue()
-            : this.getValueFalse();
+        var val = this.defaultValue;
+        if (val === "indeterminate" || val === undefined || val === null)
+            return undefined;
+        return val == "true" ? this.getValueTrue() : this.getValueFalse();
     };
     Object.defineProperty(QuestionBooleanModel.prototype, "locTitle", {
         get: function () {
@@ -41554,7 +41769,21 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionBooleanModel.prototype, "isDeterminated", {
         get: function () {
-            return this.booleanValue !== null;
+            return this.booleanValue !== null && this.booleanValue !== undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionBooleanModel.prototype, "locLabelLeft", {
+        get: function () {
+            return this.swapOrder ? this.getLocalizableString("labelTrue") : this.getLocalizableString("labelFalse");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionBooleanModel.prototype, "locLabelRight", {
+        get: function () {
+            return this.swapOrder ? this.getLocalizableString("labelFalse") : this.getLocalizableString("labelTrue");
         },
         enumerable: false,
         configurable: true
@@ -41594,8 +41823,9 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
             this.setBooleanValue(true);
         if (this.isDefaultValueSet("false", this.valueFalse))
             this.setBooleanValue(false);
-        if (this.defaultValue == "indeterminate")
-            this.setBooleanValue(null);
+        var val = this.defaultValue;
+        if (val === "indeterminate" || val === null || val === undefined)
+            this.setBooleanValue(undefined);
     };
     QuestionBooleanModel.prototype.isDefaultValueSet = function (defaultValueCheck, valueTrueOrFalse) {
         return this.defaultValue == defaultValueCheck || (valueTrueOrFalse !== undefined && this.defaultValue === valueTrueOrFalse);
@@ -41612,7 +41842,8 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
             .append(css.itemDisabled, this.isReadOnly)
             .append(css.itemHover, !this.isDesignMode)
             .append(css.itemChecked, !!this.booleanValue)
-            .append(css.itemIndeterminate, this.booleanValue === null)
+            .append(css.itemExchanged, !!this.swapOrder)
+            .append(css.itemIndeterminate, !this.isDeterminated)
             .toString();
     };
     QuestionBooleanModel.prototype.getItemCss = function () {
@@ -41631,15 +41862,15 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(this.cssClasses.label)
             .append(this.cssClasses.disabledLabel, this.booleanValue === !checked || this.isReadOnly)
-            .append(this.cssClasses.labelTrue, !this.isIndeterminate && checked === true)
-            .append(this.cssClasses.labelFalse, !this.isIndeterminate && checked === false)
+            .append(this.cssClasses.labelTrue, !this.isIndeterminate && checked === !this.swapOrder)
+            .append(this.cssClasses.labelFalse, !this.isIndeterminate && checked === this.swapOrder)
             .toString();
     };
     Object.defineProperty(QuestionBooleanModel.prototype, "svgIcon", {
         get: function () {
             if (this.booleanValue && this.cssClasses.svgIconCheckedId)
                 return this.cssClasses.svgIconCheckedId;
-            if (this.booleanValue === null && this.cssClasses.svgIconIndId)
+            if (!this.isDeterminated && this.cssClasses.svgIconIndId)
                 return this.cssClasses.svgIconIndId;
             if (!this.booleanValue && this.cssClasses.svgIconUncheckedId)
                 return this.cssClasses.svgIconUncheckedId;
@@ -41669,8 +41900,8 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
             newValue = true;
         if (newValue === "false" && this.valueFalse !== "false")
             newValue = false;
-        if (newValue === "indeterminate")
-            newValue = null;
+        if (newValue === "indeterminate" || newValue === null)
+            newValue = undefined;
         _super.prototype.setQuestionValue.call(this, newValue, updateIsAnswered);
     };
     /* #region web-based methods */
@@ -41682,7 +41913,10 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
         return true;
     };
     QuestionBooleanModel.prototype.calculateBooleanValueByEvent = function (event, isRightClick) {
-        var isRtl = document.defaultView.getComputedStyle(event.target).direction == "rtl";
+        var isRtl = false;
+        if ("undefined" !== typeof document) {
+            isRtl = document.defaultView.getComputedStyle(event.target).direction == "rtl";
+        }
         this.booleanValue = isRtl ? !isRightClick : isRightClick;
     };
     QuestionBooleanModel.prototype.onSwitchClickModel = function (event) {
@@ -41745,6 +41979,9 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: true })
     ], QuestionBooleanModel.prototype, "label", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
+    ], QuestionBooleanModel.prototype, "swapOrder", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionBooleanModel.prototype, "valueTrue", void 0);
@@ -41767,6 +42004,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("boolean", [
     },
     "valueTrue",
     "valueFalse",
+    { name: "swapOrder:boolean", category: "general" },
     { name: "renderAs", default: "default", visible: false },
 ], function () {
     return new QuestionBooleanModel("");
@@ -45760,9 +45998,11 @@ var QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionFileModel.prototype.chooseFile = function () {
+    QuestionFileModel.prototype.chooseFile = function (event) {
         var _this = this;
         var inputElement = document.getElementById(this.inputId);
+        event.preventDefault();
+        event.stopImmediatePropagation();
         if (inputElement) {
             if (this.survey) {
                 this.survey.chooseFiles(inputElement, function (files) { return _this.loadFiles(files); }, { element: this });
@@ -46244,8 +46484,8 @@ var QuestionFileModel = /** @class */ (function (_super) {
         _super.prototype.updateElementCss.call(this, reNew);
         this.updateCurrentMode();
     };
-    QuestionFileModel.prototype.endLoadingFromJson = function () {
-        _super.prototype.endLoadingFromJson.call(this);
+    QuestionFileModel.prototype.onSurveyLoad = function () {
+        _super.prototype.onSurveyLoad.call(this);
         this.updateCurrentMode();
         this.updateActionsVisibility();
         this.loadPreview(this.value);
@@ -49534,7 +49774,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             _this.clearRowsAndResetRenderedTable();
         });
         _this.registerPropertyChangedHandlers([
-            "columnLayout",
+            "transposeData",
             "addRowLocation",
             "hideColumnsIfEmpty",
             "showHeader",
@@ -49631,20 +49871,32 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             this.clearRowsAndResetRenderedTable();
         }
     };
-    Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "columnLayout", {
+    Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "transposeData", {
         /**
-         * Specifies the matrix layout. Set this property to `"vertical"` if you want to display columns instead of rows and rows instead of columns.
+         * Specifies whether to display [`columns`](#columns) as rows and [`rows`](#rows) as columns.
          *
-         * Default value: `"horizontal"`
-         * @see columns
-         * @see rows
-         * @see isColumnLayoutHorizontal
+         * Default value: `false`
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/transpose-dynamic-rows-to-columns-in-matrix/ (linkStyle))
+         */
+        get: function () {
+            return this.getPropertyValue("transposeData");
+        },
+        set: function (val) {
+            this.setPropertyValue("transposeData", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "columnLayout", {
+        /**
+         * This property is obsolete. Use the [`transposeData`](#transposeData) property instead.
          */
         get: function () {
-            return this.getPropertyValue("columnLayout");
+            return this.transposeData ? "vertical" : "horizontal";
         },
         set: function (val) {
-            this.setPropertyValue("columnLayout", val);
+            this.transposeData = val === "vertical";
         },
         enumerable: false,
         configurable: true
@@ -49707,15 +49959,13 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "isColumnLayoutHorizontal", {
         /**
-         * Returns `true` if columns are placed in the horizontal direction and rows in the vertical direction.
+         * Returns `true` if [`columns`](#columns) are placed in the horizontal direction and [`rows`](#columns) in the vertical direction.
          *
-         * To specify the layout, use the `columnLayout` property. If you set it to `"vertical"`, the survey applies it only when the screen has enough space. Otherwise, the survey falls back to the horizontal layout, but the `columnLayout` property remains set to `"vertical"`. Unlike `columnLayout`, the `isColumnLayoutHorizontal` property always indicates the current layout.
-         * @see columnLayout
+         * To specify the layout, use the [`transposeData`](#transposeData) property. If you set it to `true`, the survey applies it only when the screen has enough space. Otherwise, the survey falls back to the original layout, but the `transposeData` property remains set to `true`. Unlike `transposeData`, the `isColumnLayoutHorizontal` property always indicates the current layout.
+         * @see transposeData
          */
         get: function () {
-            if (this.isMobile)
-                return true;
-            return this.columnLayout != "vertical";
+            return this.isMobile ? true : !this.transposeData;
         },
         enumerable: false,
         configurable: true
@@ -51250,8 +51500,11 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownb
     {
         name: "columnLayout",
         alternativeName: "columnsLocation",
-        default: "horizontal",
         choices: ["horizontal", "vertical"],
+        visible: false, isSerializable: false
+    },
+    {
+        name: "transposeData:boolean", version: "1.9.130", oldName: "columnLayout"
     },
     {
         name: "detailElements",
@@ -53946,7 +54199,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionMatrixDynamicModel.prototype, "allowRowsDragAndDrop", {
         /**
-         * Specifies whether users can drag and drop matrix rows to reorder them. Applies only if [`columnLayout`](#columnLayout) is `"horizontal"`.
+         * Specifies whether users can drag and drop matrix rows to reorder them. Applies only if [`transposeData`](#transposeData) is `false`.
          *
          * Default value: `false`
          */
@@ -54391,8 +54644,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
          * - `"bottom"` - Displays the Add Row button at the bottom of the matrix.
          * - `"topBottom"` - Displays the Add Row button at the top and bottom of the matrix.
          *
-         * Default value: `"top"` if `columnLayout` is `vertical`; `"bottom"` if `columnLayout` is `"horizontal"` or the matrix is in compact mode.
-         * @see columnLayout
+         * Default value: `"top"` if [`transposeData`](#transposeData) is `true`; `"bottom"` if `transposeData` is `false` or the matrix is in compact mode.
          * @see addRowText
          */
         get: function () {
@@ -57399,6 +57651,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (this.renderMode === "list" && this.panelsState !== "default") {
             newPanel.expand();
         }
+        newPanel.focusFirstQuestion();
         return newPanel;
     };
     /**
@@ -58320,7 +58573,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "noEntriesText", {
         /**
-         * A text displayed when Dynamic Panel contains no entries. Applies only in the Default V2 theme.
+         * A text displayed when Dynamic Panel contains no entries.
          */
         get: function () {
             return this.getLocalizableStringText("noEntriesText");
@@ -58590,6 +58843,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_5__["Serializer"].addClass("paneldynamic",
         name: "panelsState",
         default: "default",
         choices: ["default", "collapsed", "expanded", "firstExpanded"],
+        visibleIf: function (obj) { return obj.renderMode === "list"; }
     },
     { name: "keyName" },
     {
@@ -58600,24 +58854,45 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_5__["Serializer"].addClass("paneldynamic",
     {
         name: "confirmDeleteText",
         serializationProperty: "locConfirmDeleteText",
+        visibleIf: function (obj) { return obj.confirmDelete; }
+    },
+    {
+        name: "panelAddText",
+        serializationProperty: "locPanelAddText",
+        visibleIf: function (obj) { return obj.allowAddPanel; }
+    },
+    {
+        name: "panelRemoveText",
+        serializationProperty: "locPanelRemoveText",
+        visibleIf: function (obj) { return obj.allowRemovePanel; }
+    },
+    {
+        name: "panelPrevText",
+        serializationProperty: "locPanelPrevText",
+        visibleIf: function (obj) { return obj.renderMode !== "list"; }
+    },
+    {
+        name: "panelNextText",
+        serializationProperty: "locPanelNextText",
+        visibleIf: function (obj) { return obj.renderMode !== "list"; }
     },
-    { name: "panelAddText", serializationProperty: "locPanelAddText" },
-    { name: "panelRemoveText", serializationProperty: "locPanelRemoveText" },
-    { name: "panelPrevText", serializationProperty: "locPanelPrevText" },
-    { name: "panelNextText", serializationProperty: "locPanelNextText" },
     {
         name: "showQuestionNumbers",
         default: "off",
         choices: ["off", "onPanel", "onSurvey"],
     },
-    { name: "showRangeInProgress:boolean", default: true },
+    {
+        name: "showRangeInProgress:boolean",
+        default: true,
+        visibleIf: function (obj) { return obj.renderMode !== "list"; }
+    },
     {
         name: "renderMode",
         default: "list",
         choices: ["list", "progressTop", "progressBottom", "progressTopBottom", "tab"],
     },
     {
-        name: "tabAlign", default: "center", choices: ["center", "left", "right"],
+        name: "tabAlign", default: "center", choices: ["left", "center", "right"],
         visibleIf: function (obj) { return obj.renderMode === "tab"; }
     },
     {
@@ -58634,6 +58909,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_5__["Serializer"].addClass("paneldynamic",
         name: "panelRemoveButtonLocation",
         default: "bottom",
         choices: ["bottom", "right"],
+        visibleIf: function (obj) { return obj.allowRemovePanel; }
     },
 ], function () {
     return new QuestionPanelDynamicModel("");
@@ -60467,7 +60743,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         default: "labels",
         category: "rateValues",
         choices: ["labels", "stars", "smileys"],
-        visibleIndex: 0
+        visibleIndex: 1
     },
     {
         name: "scaleColorMode",
@@ -60477,7 +60753,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         visibleIf: function (obj) {
             return obj.rateDisplayMode == "smileys";
         },
-        visibleIndex: 1
+        visibleIndex: 2
     },
     {
         name: "rateColorMode",
@@ -60487,20 +60763,20 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         visibleIf: function (obj) {
             return obj.rateDisplayMode == "smileys" && obj.scaleColorMode == "monochrome";
         },
-        visibleIndex: 2
+        visibleIndex: 3
     },
     {
         name: "autoGenerate",
         category: "rateValues",
         default: true,
         choices: [true, false],
-        visibleIndex: 4
+        visibleIndex: 5
     },
     {
         name: "rateCount:number",
         default: 5,
         category: "rateValues",
-        visibleIndex: 3,
+        visibleIndex: 4,
         onSettingValue: function (obj, val) {
             if (val < 2)
                 return 2;
@@ -60520,7 +60796,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         visibleIf: function (obj) {
             return !obj.autoGenerate;
         },
-        visibleIndex: 5
+        visibleIndex: 6
     },
     {
         name: "rateMin:number", default: 1,
@@ -60530,7 +60806,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         visibleIf: function (obj) {
             return !!obj.autoGenerate;
         },
-        visibleIndex: 6
+        visibleIndex: 7
     },
     {
         name: "rateMax:number", default: 5,
@@ -60540,7 +60816,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         visibleIf: function (obj) {
             return !!obj.autoGenerate;
         },
-        visibleIndex: 7
+        visibleIndex: 8
     },
     {
         name: "rateStep:number", default: 1, minValue: 0.1,
@@ -60554,24 +60830,24 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         visibleIf: function (obj) {
             return !!obj.autoGenerate;
         },
-        visibleIndex: 8
+        visibleIndex: 9
     },
     {
         name: "minRateDescription",
         alternativeName: "mininumRateDescription",
         serializationProperty: "locMinRateDescription",
-        visibleIndex: 17
+        visibleIndex: 18
     },
     {
         name: "maxRateDescription",
         alternativeName: "maximumRateDescription",
         serializationProperty: "locMaxRateDescription",
-        visibleIndex: 18
+        visibleIndex: 19
     },
     {
         name: "displayRateDescriptionsAsExtremeItems:boolean",
         default: false,
-        visibleIndex: 19,
+        visibleIndex: 21,
         visibleIf: function (obj) {
             return obj.rateType == "labels";
         }
@@ -60579,14 +60855,14 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
     {
         name: "rateDescriptionLocation",
         default: "leftRight",
-        category: "layout",
         choices: ["leftRight", "top", "bottom", "topBottom"],
+        visibleIndex: 20
     },
     {
         name: "displayMode",
         default: "auto",
         choices: ["auto", "buttons", "dropdown"],
-        visibleIndex: 20
+        visibleIndex: 0
     },
     { name: "itemComponent", visible: false, defaultFunc: function (obj) {
             if (!obj)
@@ -60752,6 +61028,8 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     };
     QuestionSignaturePadModel.prototype.fromUrl = function (url) {
         var _this = this;
+        if ("undefined" === typeof document)
+            return;
         var img = document.createElement("img");
         img.crossOrigin = "anonymous";
         img.src = url;
@@ -61412,6 +61690,9 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], QuestionTagboxModel.prototype, "searchMode", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionTagboxModel.prototype, "allowClear", void 0);
@@ -61453,7 +61734,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("tagbox", [
     { name: "choicesLazyLoadPageSize:number", default: 25, visible: false },
     { name: "hideSelectedItems:boolean", default: false },
     { name: "closeOnSelect:boolean" },
-    { name: "itemComponent", visible: false, default: "" }
+    { name: "itemComponent", visible: false, default: "" },
+    { name: "searchMode", default: "contains", choices: ["contains", "startsWith"] }
 ], function () {
     return new QuestionTagboxModel("");
 }, "checkbox");
@@ -62954,14 +63236,14 @@ var SurveyQuestionBoolean = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
                         ? ""
                         : this.question.booleanValue, id: this.question.inputId, className: cssClasses.control, disabled: this.isDisplayMode, checked: this.question.booleanValue || false, onChange: this.handleOnChange, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_ariaDescribedBy }),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, false); } },
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(false) }, this.renderLocString(this.question.locLabelFalse))),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, _this.question.swapOrder); } },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(this.question.swapOrder) }, this.renderLocString(this.question.locLabelLeft))),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.switch, onClick: this.handleOnSwitchClick },
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.slider }, this.question.isDeterminated && cssClasses.sliderText ?
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.sliderText }, this.renderLocString(this.question.getCheckedLabel()))
                         : null)),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, true); } },
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(true) }, this.renderLocString(this.question.locLabelTrue))))));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, !_this.question.swapOrder); } },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(!this.question.swapOrder) }, this.renderLocString(this.question.locLabelRight))))));
     };
     return SurveyQuestionBoolean;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyQuestionElementBase"]));
@@ -63522,7 +63804,7 @@ var SurveyFileChooseButton = /** @class */ (function (_super) {
     });
     SurveyFileChooseButton.prototype.render = function () {
         var _this = this;
-        return Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_1__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { tabIndex: 0, className: this.question.getChooseFileCss(), htmlFor: this.question.inputId, "aria-label": this.question.chooseButtonText, onClick: function () { return _this.question.chooseFile(); } },
+        return Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_1__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { tabIndex: 0, className: this.question.getChooseFileCss(), htmlFor: this.question.inputId, "aria-label": this.question.chooseButtonText, onClick: function (e) { return _this.question.chooseFile(e.nativeEvent); } },
             (!!this.question.cssClasses.chooseFileIconId) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { title: this.question.chooseButtonText, iconName: this.question.cssClasses.chooseFileIconId, size: "auto" }) : null,
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", null, this.question.chooseButtonText)));
     };
@@ -67040,7 +67322,6 @@ var SurveyPanelBase = /** @class */ (function (_super) {
     __extends(SurveyPanelBase, _super);
     function SurveyPanelBase(props) {
         var _this = _super.call(this, props) || this;
-        _this.renderedRowsCache = {};
         _this.rootRef = react__WEBPACK_IMPORTED_MODULE_0__["createRef"]();
         return _this;
     }
@@ -67123,20 +67404,8 @@ var SurveyPanelBase = /** @class */ (function (_super) {
             && this.panelBase.isVisible && !!this.panelBase.survey);
     };
     SurveyPanelBase.prototype.renderRows = function (css) {
-        if (this.changedStatePropName !== "rows") {
-            this.renderedRowsCache = {};
-        }
-        var rows = [];
-        var questionRows = this.panelBase.rows;
-        for (var i = 0; i < questionRows.length; i++) {
-            var row = this.renderedRowsCache[questionRows[i].id];
-            if (!row) {
-                row = this.createRow(questionRows[i], css);
-                this.renderedRowsCache[questionRows[i].id] = row;
-            }
-            rows.push(row);
-        }
-        return rows;
+        var _this = this;
+        return this.panelBase.rows.map(function (row) { return _this.createRow(row, css); });
     };
     SurveyPanelBase.prototype.createRow = function (row, css) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_row__WEBPACK_IMPORTED_MODULE_2__["SurveyRow"], { key: row.id, row: row, survey: this.survey, creator: this.creator, css: css }));
@@ -67480,7 +67749,9 @@ var SurveyProgressButtons = /** @class */ (function (_super) {
         }, 10);
     };
     SurveyProgressButtons.prototype.componentWillUnmount = function () {
-        this.respManager.dispose();
+        if (!!this.respManager) {
+            this.respManager.dispose();
+        }
         _super.prototype.componentWillUnmount.call(this);
     };
     return SurveyProgressButtons;
@@ -69882,8 +70153,8 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
         var clearButtonBottom = this.question.showRemoveButtonBottom ? this.renderClearButton(this.question.cssClasses.removeButtonBottom) : null;
         var fileNavigator = this.question.fileNavigatorVisible ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__["SurveyActionBar"], { model: this.question.fileNavigator })) : null;
         var fileInput = (this.isDisplayMode ?
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, onChange: !this.isDisplayMode ? this.question.doChange : (function () { }), multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes }) : this.question.hasFileUI ?
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, onChange: !this.isDisplayMode ? this.question.doChange : (function () { }), "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: this.question.acceptedTypes, capture: this.question.renderCapture }) : null);
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes }) : this.question.hasFileUI ?
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: this.question.acceptedTypes, capture: this.question.renderCapture }) : null);
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.fileRootCss },
             fileInput,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.dragArea, onDrop: this.question.onDrop, onDragOver: this.question.onDragOver, onDragLeave: this.question.onDragLeave, onDragEnter: this.question.onDragEnter },
@@ -72514,11 +72785,12 @@ var SurveyLocStringViewer = /** @class */ (function (_super) {
         return strEl;
     };
     SurveyLocStringViewer.prototype.renderString = function () {
+        var className = this.locStr.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
         if (this.locStr.hasHtml) {
             var htmlValue = { __html: this.locStr.renderedHtml };
-            return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { ref: this.rootRef, className: "sv-string-viewer", style: this.style, dangerouslySetInnerHTML: htmlValue });
+            return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { ref: this.rootRef, className: className, style: this.style, dangerouslySetInnerHTML: htmlValue });
         }
-        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { ref: this.rootRef, className: "sv-string-viewer", style: this.style }, this.locStr.renderedHtml);
+        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { ref: this.rootRef, className: className, style: this.style }, this.locStr.renderedHtml);
     };
     return SurveyLocStringViewer;
 }(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component));
@@ -73223,29 +73495,45 @@ var settings = {
      */
     tagboxCloseOnSelect: false,
     /**
-     * A property that allows you to display a custom confirm dialog.
+     * A function that activates a browser confirm dialog.
+     *
+     * Use the following code to execute this function:
+     *
+     * ```js
+     * import { settings } from "survey-core";
+     *
+     * // `result` contains `true` if the action was confirmed or `false` otherwise
+     * const result = settings.confirmActionFunc("Are you sure?");
+     * ```
      *
-     * Set this property to a function that renders your custom dialog window. This function should return `true` if a user confirms an action or `false` otherwise.
+     * You can redefine the `confirmActionFunc` function if you want to display a custom dialog window. Your function should return `true` if a user confirms an action or `false` otherwise.
      * @param message A message to be displayed in the confirm dialog window.
      */
     confirmActionFunc: function (message) {
         return confirm(message);
     },
     /**
-     * A property that allows you to display a custom confirm dialog in async mode or activate the standard browser dialog.
+     * A function that activates a proprietary SurveyJS confirm dialog.
      *
-     * To display a custom confirm dialog, set this property to a function that renders it. This function should return `true` to be enabled; otherwise, a survey executes the [`confirmActionFunc`](#confirmActionFunc) function. Pass the dialog result as the `callback` parameter: `true` if a user confirms an action, `false` otherwise.
-     *
-     * To activate the standard browser dialog, set the `confirmActionAsync` property to a function that returns `false`. With this configuration, a survey falls back to the [`confirmActionFunc`](#confirmActionFunc) function, which renders the standard browser dialog by default.
+     * Use the following code to execute this function:
      *
      * ```js
      * import { settings } from "survey-core";
      *
-     * // Display the standard browser dialog
-     * settings.confirmActionAsync = () => {
-     *    return false;
-     * }
+     * settings.confirmActionAsync("Are you sure?", (confirmed) => {
+     *   if (confirmed) {
+     *     // ...
+     *     // Proceed with the action
+     *     // ...
+     *   } else {
+     *     // ...
+     *     // Cancel the action
+     *     // ...
+     *   }
+     * });
      * ```
+     *
+     * You can redefine the `confirmActionAsync` function if you want to display a custom dialog window. Your function should return `true` to be enabled; otherwise, a survey executes the [`confirmActionFunc`](#confirmActionFunc) function. Pass the dialog result as the `callback` parameter: `true` if a user confirms an action, `false` otherwise.
      * @param message A message to be displayed in the confirm dialog window.
      * @param callback A callback function that should be called with `true` if a user confirms an action or `false` otherwise.
      */
@@ -75094,7 +75382,7 @@ var SurveyElement = /** @class */ (function (_super) {
     });
     SurveyElement.prototype.isContainsSelection = function (el) {
         var elementWithSelection = undefined;
-        if (document["selection"]) {
+        if ((typeof document !== "undefined") && document["selection"]) {
             elementWithSelection = document["selection"].createRange().parentElement();
         }
         else {
@@ -76256,6 +76544,7 @@ var SurveyModel = /** @class */ (function (_super) {
             component: "sv-action-bar",
             data: _this.navigationBar
         });
+        _this.locTitle.onStringChanged.add(function () { return _this.titleIsEmpty = _this.locTitle.isEmpty; });
         return _this;
     }
     Object.defineProperty(SurveyModel, "cssType", {
@@ -77554,7 +77843,7 @@ var SurveyModel = /** @class */ (function (_super) {
         get: function () {
             if (this.isDesignMode)
                 return this.isPropertyVisible("title");
-            return !this.locTitle.isEmpty && this.showTitle;
+            return !this.titleIsEmpty && this.showTitle;
         },
         enumerable: false,
         configurable: true
@@ -79350,7 +79639,7 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "isDisplayMode", {
         get: function () {
-            return this.mode == "display" || this.state == "preview";
+            return this.mode == "display" && !this.isDesignMode || this.state == "preview";
         },
         enumerable: false,
         configurable: true
@@ -80621,7 +80910,7 @@ var SurveyModel = /** @class */ (function (_super) {
             .append(this.css.root)
             .append(this.css.rootMobile, this.isMobile)
             .append(this.css.rootAnimationDisabled, !_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].animationEnabled)
-            .append(this.css.rootReadOnly, this.mode === "display")
+            .append(this.css.rootReadOnly, this.mode === "display" && !this.isDesignMode)
             .append(this.css.rootCompact, this.isCompact)
             .append(this.css.rootFitToContainer, this.fitToContainer)
             .toString();
@@ -81939,6 +82228,7 @@ var SurveyModel = /** @class */ (function (_super) {
         this.updateRenderBackgroundImage();
         this.updateCurrentPage();
         this.hasDescription = !!this.description;
+        this.titleIsEmpty = this.locTitle.isEmpty;
         this.setCalculatedWidthModeUpdater();
     };
     SurveyModel.prototype.updateNavigationCss = function () {
@@ -83563,6 +83853,9 @@ var SurveyModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "lazyRenderingFirstBatchSizeValue", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: true })
+    ], SurveyModel.prototype, "titleIsEmpty", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: {} })
     ], SurveyModel.prototype, "cssVariables", void 0);
@@ -83699,7 +83992,11 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
         default: "bottom",
         choices: ["none", "top", "bottom", "both"],
     },
-    { name: "showPrevButton:boolean", default: true },
+    {
+        name: "showPrevButton:boolean",
+        default: true,
+        visibleIf: function (obj) { return obj.showNavigationButtons !== "none"; }
+    },
     { name: "showTitle:boolean", default: true },
     { name: "showPageTitles:boolean", default: true },
     { name: "showCompletedPage:boolean", default: true },
@@ -83750,9 +84047,19 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
             "requiredQuestions",
             "correctQuestions",
         ],
+        visibleIf: function (obj) { return obj.showProgressBar !== "off"; }
+    },
+    {
+        name: "progressBarShowPageTitles:switch",
+        category: "navigation",
+        visibleIf: function (obj) { return obj.showProgressBar !== "off" && obj.progressBarType === "pages"; }
+    },
+    {
+        name: "progressBarShowPageNumbers:switch",
+        default: false,
+        category: "navigation",
+        visibleIf: function (obj) { return obj.showProgressBar !== "off" && obj.progressBarType === "pages"; }
     },
-    { name: "progressBarShowPageTitles:switch", category: "navigation" },
-    { name: "progressBarShowPageNumbers:switch", default: false, category: "navigation" },
     {
         name: "showTOC:switch",
         default: false
@@ -83792,12 +84099,36 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
     },
     { name: "autoGrowComment:boolean", default: false },
     { name: "allowResizeComment:boolean", default: true },
-    { name: "startSurveyText", serializationProperty: "locStartSurveyText" },
-    { name: "pagePrevText", serializationProperty: "locPagePrevText" },
-    { name: "pageNextText", serializationProperty: "locPageNextText" },
-    { name: "completeText", serializationProperty: "locCompleteText" },
-    { name: "previewText", serializationProperty: "locPreviewText" },
-    { name: "editText", serializationProperty: "locEditText" },
+    {
+        name: "startSurveyText",
+        serializationProperty: "locStartSurveyText",
+        visibleIf: function (obj) { return obj.firstPageIsStarted; }
+    },
+    {
+        name: "pagePrevText",
+        serializationProperty: "locPagePrevText",
+        visibleIf: function (obj) { return obj.showNavigationButtons !== "none" && obj.showPrevButton; }
+    },
+    {
+        name: "pageNextText",
+        serializationProperty: "locPageNextText",
+        visibleIf: function (obj) { return obj.showNavigationButtons !== "none"; }
+    },
+    {
+        name: "completeText",
+        serializationProperty: "locCompleteText",
+        visibleIf: function (obj) { return obj.showNavigationButtons !== "none"; }
+    },
+    {
+        name: "previewText",
+        serializationProperty: "locPreviewText",
+        visibleIf: function (obj) { return obj.showPreviewBeforeComplete !== "noPreview"; }
+    },
+    {
+        name: "editText",
+        serializationProperty: "locEditText",
+        visibleIf: function (obj) { return obj.showPreviewBeforeComplete !== "noPreview"; }
+    },
     { name: "requiredText", default: "*" },
     {
         name: "questionStartIndex",
@@ -83830,7 +84161,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
     {
         name: "questionsOnPageMode",
         default: "standard",
-        choices: ["singlePage", "standard", "questionPerPage"],
+        choices: ["standard", "singlePage", "questionPerPage"],
     },
     {
         name: "showPreviewBeforeComplete",
@@ -83847,7 +84178,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
     {
         name: "showTimerPanelMode",
         default: "all",
-        choices: ["all", "page", "survey"],
+        choices: ["page", "survey", "all"],
     },
     {
         name: "widthMode",
@@ -83855,7 +84186,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: "fitToContainer:boolean", default: true, visible: false },
     { name: "headerView", default: "basic", choices: ["basic", "advanced"], visible: false },
     { name: "backgroundImage:file", visible: false },
     { name: "backgroundImageFit", default: "cover", choices: ["auto", "contain", "cover"], visible: false },
@@ -84536,6 +84867,8 @@ var SvgIconRegistry = /** @class */ (function () {
     };
     SvgIconRegistry.prototype.registerIconFromSvgViaElement = function (iconId, iconSvg, iconPrefix) {
         if (iconPrefix === void 0) { iconPrefix = this.iconPrefix; }
+        if (typeof document === "undefined")
+            return;
         iconId = this.processId(iconId, iconPrefix);
         var divSvg = document.createElement("div");
         divSvg.innerHTML = iconSvg;
@@ -86592,7 +86925,8 @@ function findParentByClassNames(element, classNames) {
         }
     }
 }
-function sanitizeEditableContent(element) {
+function sanitizeEditableContent(element, cleanLineBreaks) {
+    if (cleanLineBreaks === void 0) { cleanLineBreaks = true; }
     if (window.getSelection && document.createRange && element.childNodes.length > 0) {
         var selection = document.getSelection();
         if (selection.rangeCount == 0) {
@@ -86603,13 +86937,23 @@ function sanitizeEditableContent(element) {
         range.setEndAfter(element.lastChild);
         selection.removeAllRanges();
         selection.addRange(range);
-        var tail_len = selection.toString().replace(/\n/g, "").length;
-        element.innerText = element.innerText.replace(/\n/g, "");
+        var tail = selection.toString();
+        var innerText = element.innerText;
+        tail = tail.replace(/\r/g, "");
+        if (cleanLineBreaks) {
+            tail = tail.replace(/\n/g, "");
+            innerText = innerText.replace(/\n/g, "");
+        }
+        var tail_len = tail.length;
+        element.innerText = innerText;
         range = document.createRange();
-        range.setStart(element.childNodes[0], element.innerText.length - tail_len);
-        range.collapse(true);
+        range.setStart(element.firstChild, 0);
+        range.setEnd(element.firstChild, 0);
         selection.removeAllRanges();
         selection.addRange(range);
+        for (var i = 0; i < innerText.length - tail_len; i++) {
+            selection.modify("move", "forward", "character");
+        }
     }
 }
 function mergeValues(src, dest) {
@@ -86671,7 +87015,7 @@ function showConfirmDialog(message, callback, applyTitle, locale, rootElement) {
     cancelBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sd-btn sd-btn--small";
     applyBtn.title = applyTitle || _surveyStrings__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].getString("ok", locale);
     applyBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sv-popup__button--danger sd-btn sd-btn--small sd-btn--danger";
-    popupViewModel.width = "452px";
+    //popupViewModel.width = "452px";
     return true;
 }
 function chooseFiles(input, callback) {