survey-core 1.9.129 → 1.9.130

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.129
+ * surveyjs - Survey JavaScript library v1.9.130
  * 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();
@@ -8113,6 +8126,8 @@ var DropdownListModel = /** @class */ (function (_super) {
         }
     };
     DropdownListModel.prototype.cleanHtml = function (html) {
+        if (!this.htmlCleanerElement)
+            return "";
         this.htmlCleanerElement.innerHTML = html;
         return this.htmlCleanerElement.textContent;
     };
@@ -8935,7 +8950,7 @@ var ElementHelper = /** @class */ (function () {
 /*!*************************************!*\
   !*** ./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";
@@ -9101,6 +9116,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");
@@ -9414,8 +9431,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.129";
-ReleaseDate = "" + "2024-02-06";
+Version = "" + "1.9.130";
+ReleaseDate = "" + "2024-02-15";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9590,7 +9607,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";
@@ -9742,6 +9759,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"]; });
@@ -10057,7 +10076,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";
@@ -10209,6 +10228,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"]; });
@@ -18021,14 +18042,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)
@@ -18114,6 +18142,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "isLocalizableValue",
         "className",
         "alternativeName",
+        "oldName",
         "layout",
         "version",
         "classNamePart",
@@ -18565,6 +18594,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;
             }
@@ -18627,11 +18659,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)
@@ -18668,6 +18700,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; }
@@ -19369,6 +19413,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;
@@ -20324,7 +20376,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) {
@@ -20670,7 +20726,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",
@@ -20713,12 +20769,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",
 };
@@ -21822,6 +21878,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;
+};
 
 
 
@@ -21852,6 +21913,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) {
@@ -22066,6 +22129,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();
@@ -22940,14 +23004,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;
@@ -23001,7 +23143,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;
@@ -23062,7 +23207,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 {
@@ -23288,6 +23435,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)
@@ -23333,7 +23516,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) {
@@ -23962,7 +24145,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,
@@ -24135,13 +24318,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;
@@ -24621,10 +24806,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);
@@ -25189,7 +25373,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);
@@ -31469,8 +31653,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",
@@ -31647,8 +31831,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();
@@ -31664,8 +31848,6 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
                 val = "true";
             if (val === false)
                 val = "false";
-            if (val === undefined)
-                val = "indeterminate";
             this.setPropertyValue("defaultValue", val);
             this.updateValueWithDefaults();
         },
@@ -31673,13 +31855,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 () {
@@ -31738,7 +31917,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
@@ -31778,8 +31971,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);
@@ -31796,7 +31990,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 () {
@@ -31815,15 +32010,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;
@@ -31853,8 +32048,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 */
@@ -31866,7 +32061,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) {
@@ -31929,6 +32127,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);
@@ -31951,6 +32152,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("");
@@ -35944,9 +36146,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 });
@@ -36428,8 +36632,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);
@@ -39718,7 +39922,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             _this.clearRowsAndResetRenderedTable();
         });
         _this.registerPropertyChangedHandlers([
-            "columnLayout",
+            "transposeData",
             "addRowLocation",
             "hideColumnsIfEmpty",
             "showHeader",
@@ -39815,20 +40019,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("columnLayout");
+            return this.getPropertyValue("transposeData");
         },
         set: function (val) {
-            this.setPropertyValue("columnLayout", 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.transposeData ? "vertical" : "horizontal";
+        },
+        set: function (val) {
+            this.transposeData = val === "vertical";
         },
         enumerable: false,
         configurable: true
@@ -39891,15 +40107,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
@@ -41434,8 +41648,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",
@@ -44130,7 +44347,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`
          */
@@ -44575,8 +44792,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 () {
@@ -47583,6 +47799,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (this.renderMode === "list" && this.panelsState !== "default") {
             newPanel.expand();
         }
+        newPanel.focusFirstQuestion();
         return newPanel;
     };
     /**
@@ -48504,7 +48721,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");
@@ -48774,6 +48991,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" },
     {
@@ -48784,24 +49002,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"; }
     },
     {
@@ -48818,6 +49057,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("");
@@ -50651,7 +50891,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         default: "labels",
         category: "rateValues",
         choices: ["labels", "stars", "smileys"],
-        visibleIndex: 0
+        visibleIndex: 1
     },
     {
         name: "scaleColorMode",
@@ -50661,7 +50901,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         visibleIf: function (obj) {
             return obj.rateDisplayMode == "smileys";
         },
-        visibleIndex: 1
+        visibleIndex: 2
     },
     {
         name: "rateColorMode",
@@ -50671,20 +50911,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;
@@ -50704,7 +50944,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         visibleIf: function (obj) {
             return !obj.autoGenerate;
         },
-        visibleIndex: 5
+        visibleIndex: 6
     },
     {
         name: "rateMin:number", default: 1,
@@ -50714,7 +50954,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         visibleIf: function (obj) {
             return !!obj.autoGenerate;
         },
-        visibleIndex: 6
+        visibleIndex: 7
     },
     {
         name: "rateMax:number", default: 5,
@@ -50724,7 +50964,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,
@@ -50738,24 +50978,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";
         }
@@ -50763,14 +51003,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)
@@ -50936,6 +51176,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;
@@ -53350,29 +53592,45 @@ var settings = {
      */
     tagboxCloseOnSelect: false,
     /**
-     * A property that allows you to display a custom confirm dialog.
+     * A function that activates a browser confirm dialog.
      *
-     * 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.
+     * 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?");
+     * ```
+     *
+     * 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.
-     *
-     * 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.
+     * A function that activates a proprietary SurveyJS confirm dialog.
      *
-     * 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.
      */
@@ -55221,7 +55479,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 {
@@ -56383,6 +56641,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", {
@@ -57681,7 +57940,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
@@ -59477,7 +59736,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
@@ -60748,7 +61007,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();
@@ -62066,6 +62325,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 () {
@@ -63690,6 +63950,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);
@@ -63826,7 +64089,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 },
@@ -63877,9 +64144,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
@@ -63919,12 +64196,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",
@@ -63957,7 +64258,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
     {
         name: "questionsOnPageMode",
         default: "standard",
-        choices: ["singlePage", "standard", "questionPerPage"],
+        choices: ["standard", "singlePage", "questionPerPage"],
     },
     {
         name: "showPreviewBeforeComplete",
@@ -63974,7 +64275,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
     {
         name: "showTimerPanelMode",
         default: "all",
-        choices: ["all", "page", "survey"],
+        choices: ["page", "survey", "all"],
     },
     {
         name: "widthMode",
@@ -63982,7 +64283,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 },
@@ -64663,6 +64964,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;