survey-core 1.9.128 → 1.9.130

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.128
+ * 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)
  */
@@ -2297,18 +2297,23 @@ var Base = /** @class */ (function () {
         configurable: true
     });
     Base.prototype.doPropertyValueChangedCallback = function (name, oldValue, newValue, arrayChanges, target) {
-        if (this.isInternal)
+        var fireCallback = function (obj) {
+            if (!!obj && !!obj.onPropertyValueChangedCallback) {
+                obj.onPropertyValueChangedCallback(name, oldValue, newValue, target, arrayChanges);
+            }
+        };
+        if (this.isInternal) {
+            fireCallback(this);
             return;
+        }
         if (!target)
             target = this;
         var notifier = this.getSurvey();
         if (!notifier)
             notifier = this;
-        if (!!notifier.onPropertyValueChangedCallback) {
-            notifier.onPropertyValueChangedCallback(name, oldValue, newValue, target, arrayChanges);
-        }
-        if (notifier !== this && !!this.onPropertyValueChangedCallback) {
-            this.onPropertyValueChangedCallback(name, oldValue, newValue, target, arrayChanges);
+        fireCallback(notifier);
+        if (notifier !== this) {
+            fireCallback(this);
         }
     };
     Base.prototype.addExpressionProperty = function (name, onExecute, canRun) {
@@ -4778,7 +4783,7 @@ var modernCss = {
         cellText: "sv-matrix__text",
         cellTextSelected: "sv-matrix__text--checked",
         cellTextDisabled: "sv-matrix__text--disabled",
-        cellResponsiveTitle: "sv-hidden",
+        cellResponsiveTitle: "sv-matrix__cell-responsive-title",
         itemSvgIconId: "#icon-modernradio",
     },
     matrixdropdown: {
@@ -4890,6 +4895,7 @@ var modernCss = {
     window: {
         root: "sv_window",
         rootCollapsedMod: "sv_window--collapsed",
+        rootFullScreenMode: "sv_window--full-screen",
         rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
@@ -4900,7 +4906,8 @@ var modernCss = {
             buttonExpanded: "",
             buttonCollapsed: "",
             collapseButton: "sv_window_button sv_window_button_collapse",
-            closeButton: "sv_window_button sv_window_button_close"
+            closeButton: "sv_window_button sv_window_button_close",
+            fullScreenButton: "sv_window_button sv_window_button_full_screen"
         }
     },
     variables: {
@@ -5122,7 +5129,7 @@ var defaultStandardCss = {
         cellText: "sv_q_m_cell_text",
         cellTextSelected: "sv_q_m_cell_selected",
         cellLabel: "sv_q_m_cell_label",
-        cellResponsiveTitle: "sv-hidden"
+        cellResponsiveTitle: "sv_q_m_cell_responsive_title"
     },
     matrixdropdown: {
         root: "sv_q_matrix_dropdown",
@@ -5288,6 +5295,7 @@ var defaultStandardCss = {
     window: {
         root: "sv_window",
         rootCollapsedMod: "sv_window--collapsed",
+        rootFullScreenMode: "sv_window--full-screen",
         rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
@@ -5298,7 +5306,8 @@ var defaultStandardCss = {
             buttonExpanded: "",
             buttonCollapsed: "",
             collapseButton: "sv_window_button sv_window_button_collapse",
-            closeButton: "sv_window_button sv_window_button_close"
+            closeButton: "sv_window_button sv_window_button_close",
+            fullScreenButton: "sv_window_button sv_window_button_full_screen"
         }
     },
     variables: {
@@ -5640,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",
@@ -6010,6 +6020,7 @@ var defaultV2Css = {
     window: {
         root: "sv_window",
         rootCollapsedMod: "sv_window--collapsed",
+        rootFullScreenMode: "sv_window--full-screen",
         rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
@@ -6020,7 +6031,8 @@ var defaultV2Css = {
             buttonExpanded: "",
             buttonCollapsed: "",
             collapseButton: "sv_window_button sv_window_button_collapse",
-            closeButton: "sv_window_button sv_window_button_close"
+            closeButton: "sv_window_button sv_window_button_close",
+            fullScreenButton: "sv_window_button sv_window_button_full_screen"
         }
     },
     ranking: {
@@ -6813,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;
@@ -6833,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 () {
@@ -6858,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
@@ -7014,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();
@@ -7131,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;
@@ -7147,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
@@ -7872,6 +7894,9 @@ var DropdownListModel = /** @class */ (function (_super) {
         _this.qustionPropertyChangedHandler = function (sender, options) {
             _this.onPropertyChangedHandler(sender, options);
         };
+        if ("undefined" !== typeof document) {
+            _this.htmlCleanerElement = document.createElement("div");
+        }
         question.onPropertyChanged.add(_this.qustionPropertyChangedHandler);
         _this.showInputFieldComponent = _this.question.showInputFieldComponent;
         _this.listModel = _this.createListModel();
@@ -8007,7 +8032,7 @@ var DropdownListModel = /** @class */ (function (_super) {
                 _this.question.value = item.id;
                 if (_this.question.searchEnabled)
                     _this.applyInputString(item);
-                _this._popupModel.toggleVisibility();
+                _this.popupModel.isVisible = false;
             };
         }
         var res = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](visibleItems, _onSelectionChanged, false, undefined, this.question.choicesLazyLoadEnabled ? this.listModelFilterStringChanged : undefined, this.listElementId);
@@ -8092,7 +8117,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         var hasHtml = item === null || item === void 0 ? void 0 : item.locText.hasHtml;
         if (hasHtml || this.question.inputFieldComponentName) {
             this._markdownMode = true;
-            this.inputString = "";
+            this.inputString = this.cleanHtml(item === null || item === void 0 ? void 0 : item.locText.getHtmlValue());
             this.hintString = "";
         }
         else {
@@ -8100,6 +8125,12 @@ var DropdownListModel = /** @class */ (function (_super) {
             this.hintString = item === null || item === void 0 ? void 0 : item.title;
         }
     };
+    DropdownListModel.prototype.cleanHtml = function (html) {
+        if (!this.htmlCleanerElement)
+            return "";
+        this.htmlCleanerElement.innerHTML = html;
+        return this.htmlCleanerElement.textContent;
+    };
     DropdownListModel.prototype.fixInputCase = function () {
         var hintStringMiddle = this.hintStringMiddle;
         if (hintStringMiddle && this.inputString != hintStringMiddle)
@@ -8919,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, 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";
@@ -9085,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");
@@ -9370,6 +9403,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_83__["createSvg"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_83__["chooseFiles"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_83__["sanitizeEditableContent"]; });
 
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../../utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
@@ -9396,8 +9431,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.128";
-ReleaseDate = "" + "2024-01-30";
+Version = "" + "1.9.130";
+ReleaseDate = "" + "2024-02-15";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9572,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, 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";
@@ -9724,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"]; });
@@ -9946,6 +9983,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["createSvg"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["chooseFiles"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["sanitizeEditableContent"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["CssClassBuilder"]; });
@@ -10037,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, 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";
@@ -10189,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"]; });
@@ -10411,6 +10452,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["createSvg"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["chooseFiles"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["sanitizeEditableContent"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["CssClassBuilder"]; });
@@ -15310,6 +15353,21 @@ function propertyValue(params) {
     return q ? q[params[1]] : undefined;
 }
 FunctionFactory.Instance.register("propertyValue", propertyValue);
+function substring_(params) {
+    if (params.length < 2)
+        return "";
+    var s = params[0];
+    if (!s || typeof s !== "string")
+        return "";
+    var start = params[1];
+    if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(start))
+        return "";
+    var end = params.length > 2 ? params[2] : undefined;
+    if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(end))
+        return s.substring(start);
+    return s.substring(start, end);
+}
+FunctionFactory.Instance.register("substring", substring_);
 
 
 /***/ }),
@@ -15451,13 +15509,10 @@ var Cover = /** @class */ (function (_super) {
     function Cover() {
         var _this = _super.call(this) || this;
         _this.cells = [];
-        _this.renderBackgroundImage = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["wrapUrlForBackgroundImage"])(_this.backgroundImage);
         ["top", "middle", "bottom"].forEach(function (positionY) {
             return ["left", "center", "right"].forEach(function (positionX) { return _this.cells.push(new CoverCell(_this, positionX, positionY)); });
         });
-        _this.updateHeaderClasses();
-        _this.updateContentClasses();
-        _this.updateBackgroundImageClasses();
+        _this.init();
         return _this;
     }
     Cover.prototype.calcBackgroundSize = function (backgroundImageFit) {
@@ -15473,6 +15528,9 @@ var Cover = /** @class */ (function (_super) {
         this.headerClasses = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
             .append("sv-header")
             .append("sv-header__without-background", (this.backgroundColor === "transparent") && !this.backgroundImage)
+            .append("sv-header__background-color--none", this.backgroundColor === "transparent" && !this.titleColor && !this.descriptionColor)
+            .append("sv-header__background-color--accent", !this.backgroundColor && !this.titleColor && !this.descriptionColor)
+            .append("sv-header__background-color--custom", !!this.backgroundColor && this.backgroundColor !== "transparent" && !this.titleColor && !this.descriptionColor)
             .append("sv-header__overlap", this.overlapEnabled)
             .toString();
     };
@@ -15496,7 +15554,16 @@ var Cover = /** @class */ (function (_super) {
         _super.prototype.fromJSON.call(this, theme.header);
         if (!!theme.cssVariables) {
             this.backgroundColor = theme.cssVariables["--sjs-header-backcolor"];
+            this.titleColor = theme.cssVariables["--sjs-font-headertitle-color"];
+            this.descriptionColor = theme.cssVariables["--sjs-font-headerdescription-color"];
         }
+        this.init();
+    };
+    Cover.prototype.init = function () {
+        this.renderBackgroundImage = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["wrapUrlForBackgroundImage"])(this.backgroundImage);
+        this.updateHeaderClasses();
+        this.updateContentClasses();
+        this.updateBackgroundImageClasses();
     };
     Cover.prototype.getType = function () {
         return "cover";
@@ -15619,6 +15686,12 @@ var Cover = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], Cover.prototype, "backgroundColor", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "titleColor", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "descriptionColor", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
             onSet: function (newVal, target) {
@@ -16207,12 +16280,14 @@ var map = {
 	"./V2Check.svg": "./src/images/V2Check.svg",
 	"./V2Check_24x24.svg": "./src/images/V2Check_24x24.svg",
 	"./V2DragElement_16x16.svg": "./src/images/V2DragElement_16x16.svg",
+	"./back-to-panel_16x16.svg": "./src/images/back-to-panel_16x16.svg",
 	"./chevron.svg": "./src/images/chevron.svg",
 	"./clear_16x16.svg": "./src/images/clear_16x16.svg",
 	"./close_16x16.svg": "./src/images/close_16x16.svg",
 	"./collapseDetail.svg": "./src/images/collapseDetail.svg",
 	"./drag-n-drop.svg": "./src/images/drag-n-drop.svg",
 	"./expandDetail.svg": "./src/images/expandDetail.svg",
+	"./full-screen_16x16.svg": "./src/images/full-screen_16x16.svg",
 	"./loading.svg": "./src/images/loading.svg",
 	"./minimize_16x16.svg": "./src/images/minimize_16x16.svg",
 	"./no-image.svg": "./src/images/no-image.svg",
@@ -16589,6 +16664,17 @@ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/back-to-panel_16x16.svg":
+/*!********************************************!*\
+  !*** ./src/images/back-to-panel_16x16.svg ***!
+  \********************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15.0001 6C15.0001 6.55 14.5501 7 14.0001 7H10.0001C9.45006 7 9.00006 6.55 9.00006 6V2C9.00006 1.45 9.45006 1 10.0001 1C10.5501 1 11.0001 1.45 11.0001 2V3.59L13.2901 1.29C13.4901 1.09 13.7401 1 14.0001 1C14.2601 1 14.5101 1.1 14.7101 1.29C15.1001 1.68 15.1001 2.31 14.7101 2.7L12.4201 4.99H14.0101C14.5601 4.99 15.0101 5.44 15.0101 5.99L15.0001 6ZM6.00006 9H2.00006C1.45006 9 1.00006 9.45 1.00006 10C1.00006 10.55 1.45006 11 2.00006 11H3.59006L1.29006 13.29C0.900059 13.68 0.900059 14.31 1.29006 14.7C1.68006 15.09 2.31006 15.09 2.70006 14.7L4.99006 12.41V14C4.99006 14.55 5.44006 15 5.99006 15C6.54006 15 6.99006 14.55 6.99006 14V10C6.99006 9.45 6.54006 9 5.99006 9H6.00006Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/chevron.svg":
 /*!********************************!*\
   !*** ./src/images/chevron.svg ***!
@@ -16655,6 +16741,17 @@ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/full-screen_16x16.svg":
+/*!******************************************!*\
+  !*** ./src/images/full-screen_16x16.svg ***!
+  \******************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.71 10.71L4.42 13H6.01C6.56 13 7.01 13.45 7.01 14C7.01 14.55 6.56 15 6.01 15H2C1.45 15 1 14.55 1 14V10C1 9.45 1.45 9 2 9C2.55 9 3 9.45 3 10V11.59L5.29 9.3C5.68 8.91 6.31 8.91 6.7 9.3C7.09 9.69 7.09 10.32 6.7 10.71H6.71ZM14 1H10C9.45 1 9 1.45 9 2C9 2.55 9.45 3 10 3H11.59L9.3 5.29C8.91 5.68 8.91 6.31 9.3 6.7C9.5 6.9 9.75 6.99 10.01 6.99C10.27 6.99 10.52 6.89 10.72 6.7L13.01 4.41V6C13.01 6.55 13.46 7 14.01 7C14.56 7 15.01 6.55 15.01 6V2C15.01 1.45 14.56 1 14.01 1H14Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/loading.svg":
 /*!********************************!*\
   !*** ./src/images/loading.svg ***!
@@ -17908,22 +18005,32 @@ var JsonObjectProperty = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    JsonObjectProperty.prototype.isEnable = function (obj) {
+        if (this.readOnly)
+            return false;
+        if (!obj || !this.enableIf)
+            return true;
+        return this.enableIf(this.getOriginalObj(obj));
+    };
     JsonObjectProperty.prototype.isVisible = function (layout, obj) {
         if (obj === void 0) { obj = null; }
         var isLayout = !this.layout || this.layout == layout;
         if (!this.visible || !isLayout)
             return false;
         if (!!this.visibleIf && !!obj) {
-            if (obj.getOriginalObj) {
-                var orjObj = obj.getOriginalObj();
-                if (orjObj && Serializer.findProperty(orjObj.getType(), this.name)) {
-                    obj = orjObj;
-                }
-            }
-            return this.visibleIf(obj);
+            return this.visibleIf(this.getOriginalObj(obj));
         }
         return true;
     };
+    JsonObjectProperty.prototype.getOriginalObj = function (obj) {
+        if (obj && obj.getOriginalObj) {
+            var orjObj = obj.getOriginalObj();
+            if (orjObj && Serializer.findProperty(orjObj.getType(), this.name)) {
+                return orjObj;
+            }
+        }
+        return obj;
+    };
     Object.defineProperty(JsonObjectProperty.prototype, "visible", {
         get: function () {
             return this.visibleValue != null ? this.visibleValue : true;
@@ -17935,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)
@@ -18028,6 +18142,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "isLocalizableValue",
         "className",
         "alternativeName",
+        "oldName",
         "layout",
         "version",
         "classNamePart",
@@ -18047,6 +18162,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "showMode",
         "dependedProperties",
         "visibleIf",
+        "enableIf",
         "onExecuteExpression",
         "onPropertyEditorUpdate",
         "maxLength",
@@ -18365,7 +18481,7 @@ var JsonMetadataClass = /** @class */ (function () {
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.maxLength)) {
                 prop.maxLength = propInfo.maxLength;
             }
-            if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.displayName)) {
+            if (propInfo.displayName !== undefined) {
                 prop.displayName = propInfo.displayName;
             }
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.category)) {
@@ -18416,6 +18532,9 @@ var JsonMetadataClass = /** @class */ (function () {
             if (!!propInfo.visibleIf) {
                 prop.visibleIf = propInfo.visibleIf;
             }
+            if (!!propInfo.enableIf) {
+                prop.enableIf = propInfo.enableIf;
+            }
             if (!!propInfo.onExecuteExpression) {
                 prop.onExecuteExpression = propInfo.onExecuteExpression;
             }
@@ -18475,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;
             }
@@ -18537,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)
@@ -18578,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; }
@@ -19279,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;
@@ -19342,9 +19484,7 @@ var JsonObject = /** @class */ (function () {
     JsonObject.prototype.removePosOnValueToJson = function (property, value) {
         if (!property.isCustom || !value)
             return value;
-        if (!!value[JsonObject.positionPropertyName]) {
-            delete value[JsonObject.positionPropertyName];
-        }
+        this.removePosFromObj(value);
         return value;
     };
     JsonObject.prototype.removePos = function (property, value) {
@@ -19360,9 +19500,14 @@ var JsonObject = /** @class */ (function () {
                 this.removePosFromObj(obj[i]);
             }
         }
+        if (typeof obj !== "object")
+            return;
         if (!!obj[JsonObject.positionPropertyName]) {
             delete obj[JsonObject.positionPropertyName];
         }
+        for (var key in obj) {
+            this.removePosFromObj(obj[key]);
+        }
     };
     JsonObject.prototype.isValueArray = function (value) {
         return value && Array.isArray(value);
@@ -20231,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) {
@@ -20577,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",
@@ -20620,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",
 };
@@ -21729,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;
+};
 
 
 
@@ -21759,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) {
@@ -21973,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();
@@ -22847,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;
@@ -22908,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;
@@ -22969,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 {
@@ -23195,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)
@@ -23240,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) {
@@ -23869,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,
@@ -24042,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;
@@ -24337,7 +24615,7 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         else {
             _this.surveyValue = _this.createSurvey(jsonObj);
         }
-        //this.surveyValue.showTitle = false;
+        _this.surveyValue.fitToContainer = true;
         if ("undefined" !== typeof document) {
             _this.windowElement = document.createElement("div");
         }
@@ -24386,6 +24664,20 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "isFullScreen", {
+        get: function () {
+            return this.getPropertyValue("isFullScreen", false);
+        },
+        set: function (val) {
+            if (!this.isExpanded && !!val) {
+                this.isExpanded = true;
+            }
+            this.setPropertyValue("isFullScreen", val);
+            this.setCssRoot();
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Shows the pop-up survey. The survey may appear [expanded or collapsed](#isExpanded).
      *
@@ -24406,6 +24698,9 @@ var PopupSurveyModel = /** @class */ (function (_super) {
     PopupSurveyModel.prototype.hide = function () {
         this.isShowing = false;
     };
+    PopupSurveyModel.prototype.toggleFullScreen = function () {
+        this.isFullScreen = !this.isFullScreen;
+    };
     Object.defineProperty(PopupSurveyModel.prototype, "isExpanded", {
         /**
          * Indicates whether the pop-up window is expanded or collapsed.
@@ -24416,6 +24711,9 @@ var PopupSurveyModel = /** @class */ (function (_super) {
             return this.getPropertyValue("isExpanded", false);
         },
         set: function (val) {
+            if (!!this.isFullScreen && !val) {
+                this.isFullScreen = false;
+            }
             this.setPropertyValue("isExpanded", val);
         },
         enumerable: false,
@@ -24506,6 +24804,21 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "allowFullScreen", {
+        /**
+         * 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);
+        },
+        set: function (val) {
+            this.setPropertyValue("allowFullScreen", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PopupSurveyModel.prototype, "css", {
         get: function () {
             return this.survey.css;
@@ -24586,6 +24899,13 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "cssHeaderFullScreenButton", {
+        get: function () {
+            return this.getPropertyValue("cssHeaderFullScreenButton", "");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PopupSurveyModel.prototype, "renderedWidth", {
         get: function () {
             var width = this.getPropertyValue("width", "60%");
@@ -24600,7 +24920,7 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         if (!this.css || !this.css.window)
             return;
         var cssWindow = this.css.window;
-        this.setPropertyValue("cssRoot", cssWindow.root);
+        this.setCssRoot();
         this.setPropertyValue("cssRootCollapsedMod", cssWindow.rootCollapsedMod);
         this.setPropertyValue("cssRootContent", cssWindow.rootContent);
         this.setPropertyValue("cssBody", cssWindow.body);
@@ -24612,8 +24932,18 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         this.setPropertyValue("cssHeaderButtonsContainer", cssHeader.buttonsContainer);
         this.setPropertyValue("cssHeaderCollapseButton", cssHeader.collapseButton);
         this.setPropertyValue("cssHeaderCloseButton", cssHeader.closeButton);
+        this.setPropertyValue("cssHeaderFullScreenButton", cssHeader.fullScreenButton);
         this.updateCssButton();
     };
+    PopupSurveyModel.prototype.setCssRoot = function () {
+        var cssWindow = this.css.window;
+        if (this.isFullScreen) {
+            this.setPropertyValue("cssRoot", cssWindow.root + " " + cssWindow.rootFullScreenMode);
+        }
+        else {
+            this.setPropertyValue("cssRoot", cssWindow.root);
+        }
+    };
     PopupSurveyModel.prototype.updateCssButton = function () {
         var cssHeader = !!this.css.window ? this.css.window.header : null;
         if (!cssHeader)
@@ -25043,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);
@@ -31323,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",
@@ -31501,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();
@@ -31518,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();
         },
@@ -31527,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 () {
@@ -31592,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
@@ -31632,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);
@@ -31650,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 () {
@@ -31669,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;
@@ -31707,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 */
@@ -31720,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) {
@@ -31783,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);
@@ -31805,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("");
@@ -33217,8 +33565,8 @@ var ComponentQuestionJSON = /** @class */ (function () {
     });
     ComponentQuestionJSON.prototype.getDynamicProperties = function () {
         if (!Array.isArray(this.dynamicProperties)) {
+            this.dynamicProperties = this.calcDynamicProperties();
         }
-        this.dynamicProperties = this.calcDynamicProperties();
         return this.dynamicProperties;
     };
     ComponentQuestionJSON.prototype.calcDynamicProperties = function () {
@@ -33595,8 +33943,25 @@ var QuestionCustomModel = /** @class */ (function (_super) {
         return this.questionWrapper;
     };
     QuestionCustomModel.prototype.createWrapper = function () {
+        var _this = this;
         this.questionWrapper = this.createQuestion();
         this.createDynamicProperties(this.questionWrapper);
+        if (this.getDynamicProperties().length > 0) {
+            this.questionWrapper.onPropertyValueChangedCallback = function (name, oldValue, newValue, sender, arrayChanges) {
+                var prop = _this.getDynamicProperty(name);
+                if (prop) {
+                    _this.propertyValueChanged(name, oldValue, newValue, arrayChanges);
+                }
+            };
+        }
+    };
+    QuestionCustomModel.prototype.getDynamicProperty = function (name) {
+        var props = this.getDynamicProperties();
+        for (var i = 0; i < props.length; i++) {
+            if (props[i].name === name)
+                return props[i];
+        }
+        return null;
     };
     QuestionCustomModel.prototype.getElement = function () {
         return this.contentQuestion;
@@ -34006,6 +34371,13 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
         _super.prototype.setValue.call(this, name, newValue, locNotification, allowNotifyValueChanged);
         this.settingNewValue = false;
     };
+    QuestionCompositeModel.prototype.getFilteredValues = function () {
+        var values = !!this.data ? this.data.getFilteredValues() : {};
+        if (!!this.contentPanel) {
+            values[QuestionCompositeModel.ItemVariableName] = this.contentPanel.getValue();
+        }
+        return values;
+    };
     QuestionCompositeModel.prototype.updateValueCoreWithPanelValue = function () {
         var panelValue = this.getContentPanelValue();
         if (this.isTwoValueEquals(this.getValueCore(), panelValue))
@@ -35420,7 +35792,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
         };
         _this.doClean = function () {
             if (_this.needConfirmRemoveFile) {
-                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); }, undefined, _this.getLocale());
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); }, undefined, _this.getLocale(), _this.survey.rootElement);
                 return;
             }
             _this.clearFilesCore();
@@ -35774,6 +36146,20 @@ var QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    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 });
+            }
+            else {
+                inputElement.click();
+            }
+        }
+    };
     Object.defineProperty(QuestionFileModel.prototype, "needConfirmRemoveFile", {
         /**
          * Specifies whether users should confirm file deletion.
@@ -36246,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);
@@ -36310,7 +36696,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.doRemoveFile = function (data) {
         var _this = this;
         if (this.needConfirmRemoveFile) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); }, undefined, this.getLocale());
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); }, undefined, this.getLocale(), this.survey.rootElement);
             return;
         }
         this.removeFileCore(data);
@@ -36335,9 +36721,12 @@ var QuestionFileModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: 0 })
     ], QuestionFileModel.prototype, "indexToShow", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: 1, onSet: function (_, target) {
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            defaultValue: 1,
+            onSet: function (_, target) {
                 target.updateFileNavigator();
-            } })
+            }
+        })
     ], QuestionFileModel.prototype, "pageSize", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
@@ -36346,11 +36735,13 @@ var QuestionFileModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionFileModel.prototype, "allowCameraAccess", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ onSet: function (val, obj) {
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            onSet: function (val, obj) {
                 if (!obj.isLoadingFromJson) {
                     obj.updateCurrentMode();
                 }
-            } })
+            }
+        })
     ], QuestionFileModel.prototype, "sourceType", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
@@ -38762,6 +39153,9 @@ var MatrixDropdownCell = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    MatrixDropdownCell.prototype.getQuestionWrapperClassName = function (className) {
+        return className;
+    };
     MatrixDropdownCell.prototype.runCondition = function (values, properties) {
         this.question.runCondition(values, properties);
     };
@@ -38801,6 +39195,22 @@ var MatrixDropdownTotalCell = /** @class */ (function (_super) {
         this.question.unlocCalculation();
         this.question.runIfReadOnly = true;
     };
+    MatrixDropdownTotalCell.prototype.getQuestionWrapperClassName = function (className) {
+        var result = _super.prototype.getQuestionWrapperClassName.call(this, className);
+        if (!result) {
+            return result;
+        }
+        if (this.question.expression && this.question.expression != "''") {
+            result += " " + className + "--expression";
+        }
+        var alignment = this.column.totalAlignment;
+        if (alignment === "auto") {
+            if (this.column.cellType === "dropdown") {
+                alignment = "left";
+            }
+        }
+        return result + " " + className + "--" + alignment;
+    };
     MatrixDropdownTotalCell.prototype.getTotalExpression = function () {
         if (!!this.column.totalExpression)
             return this.column.totalExpression;
@@ -39512,7 +39922,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             _this.clearRowsAndResetRenderedTable();
         });
         _this.registerPropertyChangedHandlers([
-            "columnLayout",
+            "transposeData",
             "addRowLocation",
             "hideColumnsIfEmpty",
             "showHeader",
@@ -39609,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
@@ -39685,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
@@ -41228,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",
@@ -41242,9 +41665,11 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownb
         default: "none",
     },
     { name: "cellErrorLocation", default: "default", choices: ["default", "top", "bottom"] },
-    { name: "detailErrorLocation", default: "default", choices: ["default", "top", "bottom"], visibleIf: function (obj) { return !!obj && obj.detailPanelMode != "none"; }
+    {
+        name: "detailErrorLocation", default: "default", choices: ["default", "top", "bottom"],
+        visibleIf: function (obj) { return !!obj && obj.detailPanelMode != "none"; }
     },
-    "horizontalScroll:boolean",
+    { name: "horizontalScroll:boolean", visible: false, },
     {
         name: "choices:itemvalue[]", uniqueProperty: "value",
     },
@@ -42041,6 +42466,32 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MatrixDropdownColumn.prototype, "totalAlignment", {
+        /**
+         * An alignment for calculated total values.
+         *
+         * Possible values:
+         *
+         * - `"left"`
+         * - `"center"`
+         * - `"right"`
+         * - `"auto"` (default) - Applies one of the values above based on the column's [cell type](#cellType).
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/aggregate-data-within-form/ (linkStyle))
+         * @see totalType
+         * @see totalFormat
+         * @see totalCurrency
+         * @see totalDisplayStyle
+         */
+        get: function () {
+            return this.getPropertyValue("totalAlignment");
+        },
+        set: function (val) {
+            this.setPropertyValue("totalAlignment", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MatrixDropdownColumn.prototype, "totalCurrency", {
         /**
          * Specifies a currency used to display calculated total values. Applies only if [`totalDisplayStyle`](#totalDisplayStyle) is set to `"currency"`.
@@ -42359,6 +42810,11 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
         default: "none",
         choices: ["none", "decimal", "currency", "percent"],
     },
+    {
+        name: "totalAlignment",
+        default: "auto",
+        choices: ["auto", "left", "center", "right"],
+    },
     {
         name: "totalCurrency",
         choices: function () {
@@ -42549,6 +43005,13 @@ var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "cellQuestionWrapperClassName", {
+        get: function () {
+            return this.cell.getQuestionWrapperClassName(this.matrix.cssClasses.cellQuestionWrapper);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "headers", {
         get: function () {
             if (this.cell && this.cell.column) {
@@ -43884,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`
          */
@@ -44231,7 +44694,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
             confirmDelete = this.isRequireConfirmOnRowDelete(index);
         }
         if (confirmDelete) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removeRowAsync(index, row); }, undefined, this.getLocale());
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removeRowAsync(index, row); }, undefined, this.getLocale(), this.survey.rootElement);
             return;
         }
         this.removeRowAsync(index, row);
@@ -44329,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 () {
@@ -47337,6 +47799,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (this.renderMode === "list" && this.panelsState !== "default") {
             newPanel.expand();
         }
+        newPanel.focusFirstQuestion();
         return newPanel;
     };
     /**
@@ -47411,7 +47874,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!this.canRemovePanel)
             return;
         if (this.isRequireConfirmOnDelete(value)) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removePanel(value); }, undefined, this.getLocale());
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removePanel(value); }, undefined, this.getLocale(), this.survey.rootElement);
         }
         else {
             this.removePanel(value);
@@ -48258,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");
@@ -48528,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" },
     {
@@ -48538,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"; }
     },
     {
@@ -48572,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("");
@@ -50405,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",
@@ -50415,7 +50901,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         visibleIf: function (obj) {
             return obj.rateDisplayMode == "smileys";
         },
-        visibleIndex: 1
+        visibleIndex: 2
     },
     {
         name: "rateColorMode",
@@ -50425,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;
@@ -50458,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,
@@ -50468,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,
@@ -50478,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,
@@ -50492,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";
         }
@@ -50517,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)
@@ -50690,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;
@@ -53104,34 +53592,50 @@ 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";
      *
-     * 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.
+     * // `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.
      */
-    confirmActionAsync: function (message, callback, applyTitle, locale) {
-        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle, locale);
+    confirmActionAsync: function (message, callback, applyTitle, locale, rootElement) {
+        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle, locale, rootElement);
     },
     /**
      * A minimum width value for all survey elements.
@@ -54975,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 {
@@ -55558,6 +56062,12 @@ var SurveyModel = /** @class */ (function (_super) {
          * @see getResult
          */
         _this.onGetResult = _this.addEvent();
+        /**
+         * An event that is raised when Survey Creator opens a dialog window for users to select files.
+         * @see onUploadFile
+         * @see uploadFiles
+         */
+        _this.onOpenFileChooser = _this.addEvent();
         /**
          * An event that is raised when a File Upload or Signature Pad question starts to upload a file. Applies only if [`storeDataAsText`](https://surveyjs.io/form-library/documentation/api-reference/file-model#storeDataAsText) is `false`. Use this event to upload files to your server.
          *
@@ -56131,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", {
@@ -57429,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
@@ -59225,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
@@ -60496,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();
@@ -60876,6 +61387,26 @@ var SurveyModel = /** @class */ (function (_super) {
             _survey_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElement"].ScrollElementToTop(options.elementId, scrollIfVisible);
         }
     };
+    /**
+     * Opens a dialog window for users to select files.
+     * @param input A [file input HTML element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
+     * @param callback A callback function that you can use to process selected files. Accepts an array of JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/API/File" target="_blank">File</a> objects.
+     * @see onOpenFileChooser
+     * @see onUploadFile
+     */
+    SurveyModel.prototype.chooseFiles = function (input, callback, context) {
+        if (this.onOpenFileChooser.isEmpty) {
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_15__["chooseFiles"])(input, callback);
+        }
+        else {
+            this.onOpenFileChooser.fire(this, {
+                input: input,
+                element: context && context.element || this.survey,
+                item: context && context.item,
+                callback: callback
+            });
+        }
+    };
     /**
      * Uploads files to a server.
      *
@@ -61794,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 () {
@@ -63216,6 +63748,9 @@ var SurveyModel = /** @class */ (function (_super) {
                 if (isStrCiEqual(this.showProgressBar, "aboveHeader")) {
                     isBelowHeader = false;
                 }
+                if (isStrCiEqual(this.showProgressBar, "belowHeader")) {
+                    isBelowHeader = true;
+                }
                 if (container === "header" && !isBelowHeader) {
                     layoutElement.index = -150;
                     if (this.isShowProgressBarOnTop && !this.isShowStartingPage) {
@@ -63415,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);
@@ -63551,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 },
@@ -63602,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
@@ -63644,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",
@@ -63682,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",
@@ -63699,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",
@@ -63707,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 },
@@ -64388,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;
@@ -66077,7 +66655,7 @@ var VerticalResponsivityManager = /** @class */ (function (_super) {
 /*!****************************!*\
   !*** ./src/utils/utils.ts ***!
   \****************************/
-/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, showConfirmDialog, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild */
+/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, showConfirmDialog, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, chooseFiles */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -66116,6 +66694,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "preventDefaults", function() { return preventDefaults; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findParentByClassNames", function() { return findParentByClassNames; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFirstVisibleChild", function() { return getFirstVisibleChild; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return chooseFiles; });
 /* harmony import */ var _localizablestring__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../localizablestring */ "./src/localizablestring.ts");
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../settings */ "./src/settings.ts");
 /* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../surveyStrings */ "./src/surveyStrings.ts");
@@ -66140,7 +66719,7 @@ function confirmAction(message) {
         return _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionFunc(message);
     return confirm(message);
 }
-function confirmActionAsync(message, funcOnYes, funcOnNo, locale) {
+function confirmActionAsync(message, funcOnYes, funcOnNo, locale, rootElement) {
     var callbackFunc = function (res) {
         if (res)
             funcOnYes();
@@ -66148,7 +66727,7 @@ function confirmActionAsync(message, funcOnYes, funcOnNo, locale) {
             funcOnNo();
     };
     if (!!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"] && !!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync) {
-        if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync(message, callbackFunc, undefined, locale))
+        if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync(message, callbackFunc, undefined, locale, rootElement))
             return;
     }
     callbackFunc(confirmAction(message));
@@ -66497,7 +67076,7 @@ var Logger = /** @class */ (function () {
     return Logger;
 }());
 
-function showConfirmDialog(message, callback, applyTitle, locale) {
+function showConfirmDialog(message, callback, applyTitle, locale, rootElement) {
     var locStr = new _localizablestring__WEBPACK_IMPORTED_MODULE_0__["LocalizableString"](undefined);
     var popupViewModel = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
         componentName: "sv-string-viewer",
@@ -66514,7 +67093,7 @@ function showConfirmDialog(message, callback, applyTitle, locale) {
         displayMode: "popup",
         isFocusedContent: false,
         cssClass: "sv-popup--confirm-delete"
-    }, /*settings.rootElement*/ document.body); //TODO survey root
+    }, rootElement);
     var toolbar = popupViewModel.footerToolbar;
     var applyBtn = toolbar.getActionById("apply");
     var cancelBtn = toolbar.getActionById("cancel");
@@ -66525,6 +67104,23 @@ function showConfirmDialog(message, callback, applyTitle, locale) {
     popupViewModel.width = "452px";
     return true;
 }
+function chooseFiles(input, callback) {
+    if (!window || !window["FileReader"])
+        return;
+    input.value = "";
+    input.onchange = function (event) {
+        if (!window["FileReader"])
+            return;
+        if (!input || !input.files || input.files.length < 1)
+            return;
+        var files = [];
+        for (var i = 0; i < input.files.length; i++) {
+            files.push(input.files[i]);
+        }
+        callback(files);
+    };
+    input.click();
+}