survey-creator-core 1.9.111 → 1.9.112

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.111
+ * SurveyJS Creator v1.9.112
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -130,7 +130,7 @@ License: MIT
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
- * surveyjs - Survey JavaScript library v1.9.111
+ * surveyjs - Survey JavaScript library v1.9.112
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -9159,12 +9159,20 @@ var TabDesignerPlugin = /** @class */ (function () {
             locTooltipName: "ed.saveSurveyTooltip",
             showTitle: false
         });
+        this.designerAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+            id: "svd-designer",
+            iconName: "icon-config",
+            visible: this.createVisibleUpdater(),
+            active: true,
+            locTitleName: "ed.designer",
+            showTitle: false,
+            action: function () { }
+        });
         this.previewAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
             id: "svd-preview",
             iconName: "icon-preview",
-            needSeparator: true,
             action: function () {
-                _this.creator.makeNewViewActive("test");
+                _this.creator.makeNewViewActive(_this.creator.showThemeTab ? "theme" : "test");
             },
             visible: this.createVisibleUpdater(),
             locTitleName: "ed.testSurvey",
@@ -9191,8 +9199,9 @@ var TabDesignerPlugin = /** @class */ (function () {
         this.creator.sidebar.activeTab = this.propertyGridTab.id;
     };
     TabDesignerPlugin.prototype.addFooterActions = function () {
-        this.creator.footerToolbar.actions.push(this.surveySettingsAction);
+        this.creator.footerToolbar.actions.push(this.designerAction);
         this.creator.footerToolbar.actions.push(this.previewAction);
+        this.creator.footerToolbar.actions.push(this.surveySettingsAction);
     };
     return TabDesignerPlugin;
 }());
@@ -9914,13 +9923,14 @@ var TabJsonEditorTextareaPlugin = /** @class */ (function (_super) {
 /*!****************************************************!*\
   !*** ./src/components/tabs/logic-actions-model.ts ***!
   \****************************************************/
-/*! exports provided: LogicActionModelBase, LogicActionModel, LogicActionTriggerModel */
+/*! exports provided: LogicActionModelBase, LogicActionModel, LogicActionSetValueModel, LogicActionTriggerModel */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LogicActionModelBase", function() { return LogicActionModelBase; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LogicActionModel", function() { return LogicActionModel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LogicActionSetValueModel", function() { return LogicActionSetValueModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LogicActionTriggerModel", function() { return LogicActionTriggerModel; });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
@@ -9941,6 +9951,8 @@ var LogicActionModelBase = /** @class */ (function () {
     }
     LogicActionModelBase.createActionModel = function (panel, logicAction, logicType, selectorElementsHash) {
         if (!!logicType && logicType.hasSelectorChoices) {
+            if (logicType.name.indexOf("_setValue") > -1)
+                return new LogicActionSetValueModel(panel, logicAction, logicType, selectorElementsHash);
             return new LogicActionModel(panel, logicAction, logicType, selectorElementsHash);
         }
         else {
@@ -10014,6 +10026,39 @@ var LogicActionModel = /** @class */ (function (_super) {
     return LogicActionModel;
 }(LogicActionModelBase));
 
+var LogicActionSetValueModel = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(LogicActionSetValueModel, _super);
+    function LogicActionSetValueModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LogicActionSetValueModel.prototype.updatePanelElements = function (selectedElement, choices) {
+        _super.prototype.updatePanelElements.call(this, selectedElement, choices);
+        this.getValueIfQuestion().placeholder = _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getString("ed.lg.setValueExpressionPlaceholder");
+        this.getValueIfPanel().visible = true;
+        this.setValueExpressionValue();
+    };
+    LogicActionSetValueModel.prototype.afterUpdateInitialLogicAction = function () {
+        var selectedElement = this.getElementBySelectorName(this.panel);
+        if (!!selectedElement) {
+            selectedElement.setValueExpression = this.panel.getQuestionByName("setValueExpression").value;
+        }
+    };
+    LogicActionSetValueModel.prototype.setValueExpressionValue = function () {
+        var selectedElement = this.getElementBySelectorName(this.panel);
+        if (!!selectedElement) {
+            this.getValueIfQuestion().value = selectedElement.setValueExpression;
+        }
+    };
+    LogicActionSetValueModel.prototype.getValueIfPanel = function () { return this.panel.getElementByName("setValueIfPanel"); };
+    LogicActionSetValueModel.prototype.getValueIfQuestion = function () { return this.panel.getQuestionByName("setValueExpression"); };
+    LogicActionSetValueModel.prototype.resetElements = function () {
+        _super.prototype.resetElements.call(this);
+        this.getValueIfPanel().visible = false;
+        this.getValueIfQuestion().clearValue();
+    };
+    return LogicActionSetValueModel;
+}(LogicActionModel));
+
 var LogicActionTriggerModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(LogicActionTriggerModel, _super);
     function LogicActionTriggerModel(panel, logicAction, logicType) {
@@ -10370,6 +10415,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _logic_theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./logic-theme */ "./src/components/tabs/logic-theme.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
 /* harmony import */ var _logic_actions_model__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./logic-actions-model */ "./src/components/tabs/logic-actions-model.ts");
+/* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
+
 
 
 
@@ -10581,6 +10628,16 @@ var LogicItemEditor = /** @class */ (function (_super) {
                             type: "panel",
                             visible: false
                         },
+                        {
+                            name: "setValueIfPanel",
+                            visible: false,
+                            type: "panel",
+                            elements: [{
+                                    name: "setValueExpression",
+                                    type: "comment",
+                                    titleLocation: "hidden"
+                                }]
+                        }
                     ]
                 }
             ]
@@ -10627,28 +10684,38 @@ var LogicItemEditor = /** @class */ (function (_super) {
             cssClasses.error.root = "svc-logic-operator__error";
             cssClasses.onError = "svc-logic-operator--error";
         }
-        if (question.name === "elementSelector" || question.name === "setToName" || question.name === "fromName" || question.name === "gotoName") {
+        var selectorsNames = ["elementSelector", "setToName", "fromName", "gotoName"];
+        if (selectorsNames.indexOf(question.name) > -1) {
             question.allowRootStyle = false;
+            if (question.name === "setToName" || question.name === "fromName") {
+                question.titleLocation = "left";
+                question.startWithNewLine = false;
+            }
             cssClasses.control += " svc-logic-operator svc-logic-operator--question";
             cssClasses.error.root = "svc-logic-operator__error";
             cssClasses.onError = "svc-logic-operator--error";
         }
-        if (question.name === "setToName" || question.name === "fromName") {
-            question.allowRootStyle = false;
-            question.titleLocation = "left";
-            question.startWithNewLine = false;
-            cssClasses.error.root = "svc-logic-operator__error";
-            cssClasses.onError = "svc-logic-operator--error";
-        }
         if (question.name === "setValue" || question.isContentElement) {
             Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["assignDefaultV2Classes"])(cssClasses, question.getType());
             cssClasses.mainRoot += " svc-logic-question-value sd-element--with-frame";
         }
+        var parentName = question.parent.name;
+        if (selectorsNames.indexOf(question.name) < 0 && (parentName === "triggerEditorPanel" || parentName === "setValueIfPanel")) {
+            var qType = question.getType();
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["assignDefaultV2Classes"])(cssClasses, qType);
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["defaultV2Css"][qType]) {
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["copyCssClasses"])(cssClasses, _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_10__["propertyGridCss"].question);
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["copyCssClasses"])(cssClasses, _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_10__["propertyGridCss"][qType]);
+            }
+            var els = question.parent.elements.filter(function (el) { return selectorsNames.indexOf(el.name) < 0 && el.name !== "expression"; });
+            if ((question.name !== "runExpression" && qType !== "comment") || (Array.isArray(els) && els.length > 1)) {
+                cssClasses.mainRoot += " svc-logic-question-value sd-element--with-frame";
+            }
+        }
         if (question.name === "removeAction") {
             question.allowRootStyle = false;
             cssClasses.mainRoot += " svc-logic-condition-remove-question";
         }
-        // cssClasses.mainRoot = "sd-question sd-row__question";
         if (question.name === "panel") {
             cssClasses.root += " svc-logic-paneldynamic";
             cssClasses.buttonAdd += " svc-logic-operator--action ";
@@ -10659,10 +10726,11 @@ var LogicItemEditor = /** @class */ (function (_super) {
         }
     };
     LogicItemEditor.prototype.onUpdatePanelCssClasses = function (options) {
-        if (options.panel.name === "triggerEditorPanel") {
+        var name = options.panel.name;
+        if (name === "triggerEditorPanel" || name === "setValueIfPanel") {
             options.cssClasses.panel.container += " svc-logic_trigger-editor";
         }
-        if (options.panel.name === "triggerQuestionsPanel") {
+        if (name === "triggerQuestionsPanel") {
             options.panel.allowRootStyle = false;
             options.cssClasses.panel.container += " svc-logic_trigger-questions";
         }
@@ -12395,6 +12463,20 @@ var SurveyLogicTypes = /** @class */ (function () {
             baseClass: "question",
             propertyName: "resetValueIf",
         },
+        {
+            name: "question_setValue",
+            baseClass: "question",
+            propertyName: "setValueIf",
+            getDisplayText: function (element, formatStr, lt) {
+                return getDisplayTextForSetValueIf(element, formatStr, lt);
+            }
+        },
+        {
+            name: "question_setValueExpression",
+            baseClass: "question",
+            propertyName: "setValueExpression",
+            showInUI: false,
+        },
         {
             name: "column_visibility",
             baseClass: "matrixdropdowncolumn",
@@ -12415,6 +12497,20 @@ var SurveyLogicTypes = /** @class */ (function () {
             baseClass: "matrixdropdowncolumn",
             propertyName: "resetValueIf",
         },
+        {
+            name: "column_setValue",
+            baseClass: "matrixdropdowncolumn",
+            propertyName: "setValueIf",
+            getDisplayText: function (element, formatStr, lt) {
+                return getDisplayTextForSetValueIf(element, formatStr, lt);
+            }
+        },
+        {
+            name: "column_setValueExpression",
+            baseClass: "matrixdropdowncolumn",
+            propertyName: "setValueExpression",
+            showInUI: false,
+        },
         {
             name: "expression_expression",
             baseClass: "expression",
@@ -12556,6 +12652,14 @@ var SurveyLogicTypes = /** @class */ (function () {
     return SurveyLogicTypes;
 }());
 
+function getDisplayTextForSetValueIf(element, formatStr, lt) {
+    var name = lt.formatElName(element["name"]);
+    var exp = element["setValueExpression"];
+    if (!exp) {
+        return getLogicString("trigger_setvalueEmptyText")["format"](name);
+    }
+    return formatStr["format"](name, exp);
+}
 
 
 /***/ }),
@@ -13751,6 +13855,10 @@ var TabTestPlugin = /** @class */ (function () {
     TabTestPlugin.prototype.setPreviewTheme = function (themeName) {
         this.simulatorTheme = survey_core__WEBPACK_IMPORTED_MODULE_1__["surveyCss"][themeName] || survey_core__WEBPACK_IMPORTED_MODULE_1__["surveyCss"][survey_core__WEBPACK_IMPORTED_MODULE_1__["defaultV2ThemeName"]];
     };
+    TabTestPlugin.prototype.createVisibleUpdater = function () {
+        var _this = this;
+        return new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.creator.activeTab === "test"; });
+    };
     TabTestPlugin.prototype.activate = function () {
         var _this = this;
         this.model = new _test__WEBPACK_IMPORTED_MODULE_4__["TestSurveyTabViewModel"](this.creator, this.simulatorTheme);
@@ -13928,18 +14036,26 @@ var TabTestPlugin = /** @class */ (function () {
         this.designerAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
             id: "svd-designer",
             iconName: "icon-config",
-            needSeparator: true,
             action: function () { _this.creator.makeNewViewActive("designer"); },
-            // active: <any>new ComputedUpdater<boolean>(() => this.creator.activeTab === "test"),
-            visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
-                return (_this.creator.activeTab === "test");
-            }),
+            visible: this.createVisibleUpdater(),
             locTitleName: "ed.designer",
             showTitle: false
         });
+        this.previewAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+            id: "svd-preview",
+            iconName: "icon-preview",
+            active: true,
+            visible: this.createVisibleUpdater(),
+            locTitleName: "ed.testSurvey",
+            showTitle: false,
+            action: function () { }
+        });
         this.prevPageAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
             id: "prevPage",
             iconName: "icon-arrow-left_16x16",
+            needSeparator: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
+                return _this.creator.isMobileView;
+            }),
             visible: false
         });
         this.nextPageAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
@@ -13950,12 +14066,12 @@ var TabTestPlugin = /** @class */ (function () {
         return items;
     };
     TabTestPlugin.prototype.addFooterActions = function () {
-        this.creator.footerToolbar.actions.push(this.testAgainAction);
-        this.invisibleToggleAction && (this.creator.footerToolbar.actions.push(this.invisibleToggleAction));
-        this.languageSelectorAction && (this.creator.footerToolbar.actions.push(this.languageSelectorAction));
+        this.creator.footerToolbar.actions.push(this.designerAction);
+        this.creator.footerToolbar.actions.push(this.previewAction);
         this.creator.footerToolbar.actions.push(this.prevPageAction);
         this.creator.footerToolbar.actions.push(this.nextPageAction);
-        this.creator.footerToolbar.actions.push(this.designerAction);
+        this.invisibleToggleAction && (this.creator.footerToolbar.actions.push(this.invisibleToggleAction));
+        // this.languageSelectorAction && (this.creator.footerToolbar.actions.push(this.languageSelectorAction));
     };
     return TabTestPlugin;
 }());
@@ -14046,12 +14162,8 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
     TestSurveyTabViewModel.prototype.updateSimulatorSurvey = function (json, theme) {
         var _this = this;
         var newSurvey = this.surveyProvider.createSurvey(json || {}, "test", this);
-        if (this.surveyProvider.showThemeTab) {
-            newSurvey.applyTheme(this.surveyProvider.theme);
-        }
-        else {
-            newSurvey.setCss(theme, false);
-        }
+        newSurvey.applyTheme(this.surveyProvider.theme);
+        newSurvey.setCss(theme, false);
         newSurvey.fitToContainer = true;
         newSurvey.addLayoutElement({
             id: "complete-customization",
@@ -14415,6 +14527,9 @@ var ThemeBuilder = /** @class */ (function (_super) {
         _this.themeEditorSurveyValue = _this.createThemeEditorSurvey();
         _this.loadTheme(_this.surveyProvider.theme);
         _this.undoRedoManager = new _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_10__["UndoRedoManager"]();
+        _this.surveyProvider.onPropertyChanged.add(function (sender, options) {
+            _this.creatorPropertyChanged(sender, options);
+        });
         return _this;
     }
     Object.defineProperty(ThemeBuilder.prototype, "themeCssCustomizations", {
@@ -14461,7 +14576,8 @@ var ThemeBuilder = /** @class */ (function (_super) {
     });
     Object.defineProperty(ThemeBuilder.prototype, "isPageToolbarVisible", {
         get: function () {
-            return this.pages.visibleActions.length > 0 && !this.surveyProvider.isMobileView;
+            // return this.pages.visibleActions.length > 0 && !this.surveyProvider.isMobileView;
+            return false;
         },
         enumerable: false,
         configurable: true
@@ -14502,7 +14618,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
             Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(effectiveThemeCssVariables, _themes__WEBPACK_IMPORTED_MODULE_11__["Themes"]["default-light"].cssVariables || {}, this.findSuitableTheme(this.themeName).cssVariables || {});
             Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(effectiveThemeCssVariables, theme.cssVariables || {}, this.themeCssVariablesChanges);
             var effectiveTheme = {};
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(effectiveTheme, theme, { cssVariables: effectiveThemeCssVariables });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(effectiveTheme, theme, { cssVariables: effectiveThemeCssVariables, themeName: this.themeName, colorPalette: this.themePalette, isPanelless: this.themeMode === "lightweight" });
             this.surveyProvider.theme = effectiveTheme;
             this.initializeColorCalculator();
             this.loadThemeIntoPropertyGrid();
@@ -14530,6 +14646,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
         this.setTheme(theme);
     };
     ThemeBuilder.prototype.updateSimulatorSurvey = function (json, theme) {
+        var _this = this;
         var newSurvey = this.surveyProvider.createSurvey(json || {}, "theme", this);
         newSurvey.setCss(theme, false);
         newSurvey.fitToContainer = true;
@@ -14572,6 +14689,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
         });
         this.survey.onPageVisibleChanged.add(function (sender, options) {
             self.updatePageItem(options.page);
+            _this.updatePrevNextPageActionState();
         });
     };
     ThemeBuilder.prototype.setJSON = function (json, currTheme) {
@@ -14583,6 +14701,11 @@ var ThemeBuilder = /** @class */ (function (_super) {
         }
         this.updateSimulatorSurvey(json, currTheme);
     };
+    ThemeBuilder.prototype.creatorPropertyChanged = function (sender, options) {
+        if (options.name === "isMobileView") {
+            this.updateVisibilityOfPropertyGridGroups();
+        }
+    };
     ThemeBuilder.prototype.initialize = function (json, options) {
         this.blockChanges = true;
         try {
@@ -14590,6 +14713,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
             this.updatePageList();
             this.updatePropertyGridEditors(this.themeEditorSurvey);
             this.updatePropertyGridEditorsAvailability();
+            this.buildActions();
             if (options.showPagesInTestSurveyTab !== undefined) {
                 this.showPagesInTestSurveyTab = options.showPagesInTestSurveyTab;
             }
@@ -14646,6 +14770,66 @@ var ThemeBuilder = /** @class */ (function (_super) {
         this.updatePropertyGridEditors(this.themeEditorSurvey);
         this.show();
     };
+    ThemeBuilder.prototype.buildActions = function () {
+        var _this = this;
+        var pageActions = [];
+        var setNearPage = function (isNext) {
+            var currentIndex = _this.survey.currentPageNo;
+            var shift = isNext ? 1 : -1;
+            var newIndex = currentIndex + shift;
+            if (_this.survey.state === "starting" && isNext) {
+                newIndex = 0;
+            }
+            var nearPage = _this.survey.visiblePages[newIndex];
+            if (!isNext && currentIndex === 0 && _this.survey.firstPageIsStarted
+                && _this.survey.pages.length > 0) {
+                nearPage = _this.survey.pages[0];
+            }
+            var pageIndex = _this.survey.pages.indexOf(nearPage);
+            _this.activePage = _this.survey.pages[pageIndex];
+        };
+        if (this.prevPageAction) {
+            this.prevPageAction.visible = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                var isRunning = _this.survey.state === "running";
+                var isActiveTab = _this.surveyProvider.activeTab === "theme";
+                return _this.surveyProvider.isMobileView && Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["notShortCircuitAnd"])(_this.isRunning, isActiveTab, _this.pageListItems.length > 1) && isRunning;
+            });
+            this.prevPageAction.iconName = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                return _this.surveyProvider.isMobileView ? "icon-arrow-left" : "icon-arrow-left_16x16";
+            });
+            this.prevPageAction.iconSize = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                return _this.surveyProvider.isMobileView ? 24 : 16;
+            });
+            this.prevPageAction.action = function () { return setNearPage(false); };
+            pageActions.push(this.prevPageAction);
+        }
+        if (this.nextPageAction) {
+            this.nextPageAction.visible = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                var isRunning = _this.survey.state === "running";
+                var isActiveTab = _this.surveyProvider.activeTab === "theme";
+                return _this.surveyProvider.isMobileView && Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["notShortCircuitAnd"])(_this.isRunning, isActiveTab, _this.pageListItems.length > 1) && isRunning;
+            });
+            this.nextPageAction.iconName = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                return _this.surveyProvider.isMobileView ? "icon-arrow-right" : "icon-arrow-right_16x16";
+            });
+            this.nextPageAction.iconSize = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                return _this.surveyProvider.isMobileView ? 24 : 16;
+            });
+            this.nextPageAction.action = function () { return setNearPage(true); };
+            pageActions.push(this.nextPageAction);
+        }
+        this.pages.actions = pageActions;
+        this.pages.containerCss = "sv-action-bar--pages";
+        this.updatePrevNextPageActionState();
+    };
+    ThemeBuilder.prototype.updatePrevNextPageActionState = function () {
+        if (!this.prevPageAction || !this.survey)
+            return;
+        var isPrevEnabled = this.survey.firstPageIsStarted && this.survey.state !== "starting" || (!this.survey.firstPageIsStarted && !this.survey.isFirstPage);
+        this.prevPageAction.enabled = isPrevEnabled;
+        var isNextEnabled = this.survey && this.survey.visiblePages.indexOf(this.activePage) !== this.survey.visiblePages.length - 1;
+        this.nextPageAction.enabled = isNextEnabled;
+    };
     Object.defineProperty(ThemeBuilder.prototype, "availableThemes", {
         get: function () {
             return [].concat(this._availableThemes);
@@ -14716,14 +14900,14 @@ var ThemeBuilder = /** @class */ (function (_super) {
     };
     ThemeBuilder.prototype.headerViewContainerPropertiesChanged = function (options) {
         var headerSettings = options.value[0];
-        this.survey.titleView = headerSettings["headerView"];
-        this.surveyProvider.survey.titleView = headerSettings["headerView"];
-        if (headerSettings["headerView"] === "title") {
+        this.survey.headerView = headerSettings["headerView"];
+        this.surveyProvider.survey.headerView = headerSettings["headerView"];
+        if (headerSettings["headerView"] === "basic") {
             this.survey.logoPosition = headerSettings["logoPosition"];
             this.surveyProvider.survey.logoPosition = headerSettings["logoPosition"];
         }
         else {
-            this.currentTheme.cover = this.getCoverJson(headerSettings);
+            this.currentTheme.header = this.getCoverJson(headerSettings);
             this.setCoverCssVariables(headerSettings);
         }
         this.updateSimulatorTheme();
@@ -14843,21 +15027,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
     };
     ThemeBuilder.prototype.findSuitableTheme = function (themeName) {
         var probeThemeFullName = Object(_themes__WEBPACK_IMPORTED_MODULE_11__["getThemeFullName"])({ themeName: themeName, colorPalette: this.themePalette, isPanelless: this.themeMode === "lightweight" });
-        var suitableTheme = _themes__WEBPACK_IMPORTED_MODULE_11__["Themes"][probeThemeFullName];
-        if (!!suitableTheme) {
-            return suitableTheme;
-        }
-        var appropriateThemeNames = Object.keys(_themes__WEBPACK_IMPORTED_MODULE_11__["Themes"]).filter(function (fullName) { return fullName.indexOf(themeName) === 0; });
-        for (var _i = 0, appropriateThemeNames_1 = appropriateThemeNames; _i < appropriateThemeNames_1.length; _i++) {
-            var fullThemeName = appropriateThemeNames_1[_i];
-            if (fullThemeName.indexOf(themeName + "-" + this.themePalette) === 0) {
-                probeThemeFullName = themeName + "-" + this.themePalette;
-            }
-            if (fullThemeName.indexOf(themeName + "-" + this.themePalette + (this.themeMode === "lightweight" ? "-panelless" : "")) === 0) {
-                probeThemeFullName = themeName + "-" + this.themePalette + (this.themeMode === "lightweight" ? "-panelless" : "");
-            }
-        }
-        return _themes__WEBPACK_IMPORTED_MODULE_11__["Themes"][probeThemeFullName] || _themes__WEBPACK_IMPORTED_MODULE_11__["Themes"][appropriateThemeNames[0]];
+        return Object(_themes__WEBPACK_IMPORTED_MODULE_11__["findSuitableTheme"])(themeName, probeThemeFullName);
     };
     ThemeBuilder.prototype.getCoverJson = function (headerSettings) {
         var result = {};
@@ -14881,6 +15051,9 @@ var ThemeBuilder = /** @class */ (function (_super) {
         if (!!headerSettings["titleForecolor"]) {
             this.themeCssVariablesChanges["--sjs-cover-title-forecolor"] = headerSettings.titleForecolor;
         }
+        if (!!headerSettings["descriptionForecolor"]) {
+            this.themeCssVariablesChanges["--sjs-cover-description-forecolor"] = headerSettings.descriptionForecolor;
+        }
     };
     ThemeBuilder.prototype.loadThemeIntoPropertyGrid = function () {
         this.blockChanges = true;
@@ -14904,42 +15077,51 @@ var ThemeBuilder = /** @class */ (function (_super) {
             return "accentColor";
         return "custom";
     };
+    ThemeBuilder.prototype.updateVisibilityOfPropertyGridGroups = function () {
+        var page = this.themeEditorSurvey.pages[0];
+        page.getElementByName("groupHeader").visible = this.surveyProvider.isMobileView ? false : _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.allowEditHeaderSettings;
+        page.getElementByName("groupAdvanced").visible = !this.surveyProvider.isMobileView;
+    };
+    ThemeBuilder.prototype.setCoverPropertiesFromSurvey = function (panel) {
+        panel.getQuestionByName("headerView").value = this.survey.headerView;
+        panel.getQuestionByName("logoPosition").value = this.survey.logoPosition;
+        panel.getQuestionByName("logoPositionX").readOnly = !this.survey.logo;
+        panel.getQuestionByName("logoPositionY").readOnly = !this.survey.logo;
+        panel.getQuestionByName("logoPosition").readOnly = !this.survey.logo;
+        panel.getQuestionByName("titlePositionX").readOnly = !this.survey.title;
+        panel.getQuestionByName("titlePositionY").readOnly = !this.survey.title;
+        panel.getQuestionByName("descriptionPositionX").readOnly = !this.survey.description;
+        panel.getQuestionByName("descriptionPositionY").readOnly = !this.survey.description;
+    };
+    ThemeBuilder.prototype.setCoverColorsFromThemeVariables = function (question, cssVariable) {
+        if (!!question && !!cssVariable) {
+            question.value = cssVariable;
+        }
+    };
     ThemeBuilder.prototype.updateHeaderViewContainerEditors = function (themeCssVariables) {
         var _this = this;
+        this.updateVisibilityOfPropertyGridGroups();
         var headerViewContainerQuestion = this.themeEditorSurvey.getQuestionByName("headerViewContainer");
-        headerViewContainerQuestion.visible = _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.allowEditHeaderSettings;
         var panel = headerViewContainerQuestion.panels[0];
         panel.getQuestionByName("backgroundColor").choices = this.getPredefinedColorsItemValues();
         if (!!this.survey) {
-            panel.getQuestionByName("headerView").value = this.survey.titleView;
-            panel.getQuestionByName("logoPosition").value = this.survey.logoPosition;
-            panel.getQuestionByName("logoPositionX").readOnly = !this.survey.logo;
-            panel.getQuestionByName("logoPositionY").readOnly = !this.survey.logo;
-            panel.getQuestionByName("logoPosition").readOnly = !this.survey.logo;
-            panel.getQuestionByName("titlePositionX").readOnly = !this.survey.title;
-            panel.getQuestionByName("titlePositionY").readOnly = !this.survey.title;
-            panel.getQuestionByName("descriptionPositionX").readOnly = !this.survey.description;
-            panel.getQuestionByName("descriptionPositionY").readOnly = !this.survey.description;
-        }
-        if (!!this.currentTheme.cover) {
-            Object.keys(this.currentTheme.cover).forEach(function (key) {
+            this.setCoverPropertiesFromSurvey(panel);
+        }
+        if (!!this.currentTheme.header) {
+            Object.keys(this.currentTheme.header).forEach(function (key) {
                 var question = panel.getQuestionByName(key);
                 if (!!question && key === "backgroundImageOpacity") {
-                    question.value = _this.currentTheme.cover[key] * 100;
+                    question.value = _this.currentTheme.header[key] * 100;
                 }
                 else if (question) {
-                    question.value = _this.currentTheme.cover[key];
+                    question.value = _this.currentTheme.header[key];
                 }
             });
-            var titleForecolorQuestion = panel.getQuestionByName("titleForecolor");
-            var titleForecolorValue = themeCssVariables["--sjs-cover-title-forecolor"] || themeCssVariables["--sjs-general-dim-forecolor"];
-            if (!!titleForecolorQuestion && !!titleForecolorValue) {
-                titleForecolorQuestion.value = titleForecolorValue;
-            }
-            var backgroundColorQuestion = panel.getQuestionByName("backgroundColor");
+            this.setCoverColorsFromThemeVariables(panel.getQuestionByName("titleForecolor"), themeCssVariables["--sjs-cover-title-forecolor"] || themeCssVariables["--sjs-general-dim-forecolor"]);
+            this.setCoverColorsFromThemeVariables(panel.getQuestionByName("descriptionForecolor"), themeCssVariables["--sjs-cover-description-forecolor"] || themeCssVariables["--sjs-general-dim-forecolor-light"]);
+            this.setCoverColorsFromThemeVariables(panel.getQuestionByName("backgroundColor"), themeCssVariables["--sjs-cover-backcolor"]);
             var backgroundColorValue = themeCssVariables["--sjs-cover-backcolor"];
-            if (!!backgroundColorQuestion && !!backgroundColorValue) {
-                backgroundColorQuestion.value = backgroundColorValue;
+            if (!!backgroundColorValue) {
                 panel.getQuestionByName("backgroundColorSwitch").value = this.getBackgroundColorSwitchByValue(backgroundColorValue);
             }
         }
@@ -15018,6 +15200,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
             questionErrorLocation: "bottom",
             elements: [{
                     type: "panel",
+                    name: "groupGeneral",
                     state: "expanded",
                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupGeneral"),
                     elements: [
@@ -15054,147 +15237,11 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     defaultValue: "panels"
                                 }
                             ]
-                        },
-                        {
-                            type: "panel",
-                            elements: [
-                                {
-                                    type: "color",
-                                    name: "generalPrimaryColor",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryColor"),
-                                    descriptionLocation: "hidden",
-                                },
-                                {
-                                    type: "color",
-                                    name: "generalBackcolorDimColor",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundDimColor"),
-                                    descriptionLocation: "hidden",
-                                },
-                                {
-                                    type: "panel",
-                                    name: "background",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImage"),
-                                    elements: [
-                                        {
-                                            type: "fileedit",
-                                            storeDataAsText: false,
-                                            name: "backgroundImage",
-                                            titleLocation: "hidden",
-                                            maxSize: this.surveyProvider.onUploadFile.isEmpty ? 65536 : undefined,
-                                            acceptedTypes: "image/*",
-                                            placeholder: "Browse..."
-                                        },
-                                        {
-                                            type: "buttongroup",
-                                            name: "backgroundImageFit",
-                                            enableIf: "{backgroundImage} notempty",
-                                            titleLocation: "hidden",
-                                            choices: [
-                                                { value: "auto", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitAuto") },
-                                                { value: "contain", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitContain") },
-                                                { value: "cover", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitCover") }
-                                            ],
-                                            defaultValue: "cover"
-                                        },
-                                        {
-                                            type: "buttongroup",
-                                            name: "backgroundImageAttachment",
-                                            enableIf: "{backgroundImage} notempty",
-                                            titleLocation: "hidden",
-                                            choices: [
-                                                { value: "fixed", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageAttachmentFixed") },
-                                                { value: "scroll", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageAttachmentScroll") }
-                                            ],
-                                            defaultValue: "scroll"
-                                        },
-                                        {
-                                            type: "spinedit",
-                                            name: "backgroundOpacity",
-                                            enableIf: "{backgroundImage} notempty",
-                                            titleLocation: "left",
-                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundOpacity"),
-                                            descriptionLocation: "hidden",
-                                            unit: "%",
-                                            defaultValue: 100,
-                                            min: 0,
-                                            max: 100,
-                                            step: 5
-                                        },
-                                    ]
-                                },
-                                {
-                                    type: "spinedit",
-                                    name: "panelBackgroundTransparency",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.panelBackgroundTransparency"),
-                                    descriptionLocation: "hidden",
-                                    unit: "%",
-                                    defaultValue: 100,
-                                    min: 0,
-                                    max: 100,
-                                    step: 5
-                                },
-                                {
-                                    type: "spinedit",
-                                    name: "questionBackgroundTransparency",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionBackgroundTransparency"),
-                                    descriptionLocation: "hidden",
-                                    unit: "%",
-                                    defaultValue: 100,
-                                    min: 0,
-                                    max: 100,
-                                    step: 5
-                                }
-                            ]
-                        }, {
-                            type: "panel",
-                            elements: [
-                                {
-                                    type: "dropdown",
-                                    name: "--font-family",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontFamily"),
-                                    descriptionLocation: "hidden",
-                                    choices: [].concat(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["DefaultFonts"]),
-                                    defaultValue: "Open Sans",
-                                    allowClear: false
-                                },
-                                {
-                                    type: "spinedit",
-                                    name: "commonFontSize",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontSize"),
-                                    descriptionLocation: "hidden",
-                                    unit: "%",
-                                    defaultValue: 100,
-                                    min: 0,
-                                    step: 5
-                                },
-                            ]
-                        }, {
-                            type: "panel",
-                            elements: [
-                                {
-                                    type: "spinedit",
-                                    name: "commonScale",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.scale"),
-                                    descriptionLocation: "hidden",
-                                    unit: "%",
-                                    defaultValue: 100,
-                                    min: 0,
-                                    step: 5
-                                },
-                                {
-                                    type: "spinedit",
-                                    name: "cornerRadius",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.cornerRadius"),
-                                    descriptionLocation: "hidden",
-                                    unit: "px",
-                                    defaultValue: 4,
-                                    min: 0
-                                },
-                            ]
                         }
                     ]
                 }, {
                     type: "panel",
+                    name: "groupHeader",
                     state: "collapsed",
                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupHeader"),
                     elements: [
@@ -15210,20 +15257,20 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     "panelCount": 1,
                                     "defaultValue": [
                                         {
-                                            "headerView": "title",
+                                            "headerView": "basic",
                                             "logoPosition": "right",
-                                            "areaWidth": "survey",
+                                            "inheritWidthFrom": "survey",
                                             "backgroundColorSwitch": "none",
                                             "backgroundImageFit": "cover",
                                             "backgroundImageOpacity": 100,
-                                            "overlap": false,
+                                            "overlapEnabled": false,
                                             "logoPositionX": "right",
                                             "logoPositionY": "top",
                                             "titlePositionX": "left",
                                             "titlePositionY": "bottom",
                                             "descriptionPositionX": "left",
                                             "descriptionPositionY": "bottom",
-                                            "textWidth": 512,
+                                            "textAreaWidth": 512,
                                             "height": 256
                                         }
                                     ],
@@ -15237,15 +15284,15 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                                     name: "headerView",
                                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.headerView"),
                                                     choices: [
-                                                        { value: "title", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.headerViewTitle") },
-                                                        { value: "cover", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.headerViewCover") }
+                                                        { value: "basic", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.headerViewBasic") },
+                                                        { value: "advanced", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.headerViewAdvanced") }
                                                     ]
                                                 },
                                                 {
                                                     type: "buttongroup",
                                                     name: "logoPosition",
                                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.logoPosition"),
-                                                    visibleIf: "{panel.headerView} = 'title'",
+                                                    visibleIf: "{panel.headerView} = 'basic'",
                                                     choices: [
                                                         { value: "left", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.horizontalAlignmentLeft") },
                                                         { value: "right", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.horizontalAlignmentRight") }
@@ -15256,26 +15303,26 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                                     name: "height",
                                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("p.height"),
                                                     descriptionLocation: "hidden",
-                                                    visibleIf: "{panel.headerView} = 'cover'",
+                                                    visibleIf: "{panel.headerView} = 'advanced'",
                                                     unit: "px",
                                                     min: 0
                                                 },
                                                 {
                                                     type: "buttongroup",
-                                                    name: "areaWidth",
-                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverAreaWidth"),
+                                                    name: "inheritWidthFrom",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverInheritWidthFrom"),
                                                     choices: [
-                                                        { value: "survey", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverAreaWidthSurvey") },
-                                                        { value: "container", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverAreaWidthContainer") }
+                                                        { value: "survey", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverInheritWidthFromSurvey") },
+                                                        { value: "page", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverInheritWidthFromPage") }
                                                     ],
-                                                    visibleIf: "{panel.headerView} = 'cover'",
+                                                    visibleIf: "{panel.headerView} = 'advanced'",
                                                 },
                                                 {
                                                     type: "spinedit",
-                                                    name: "textWidth",
-                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverTextWidth"),
+                                                    name: "textAreaWidth",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverTextAreaWidth"),
                                                     descriptionLocation: "hidden",
-                                                    visibleIf: "{panel.headerView} = 'cover'",
+                                                    visibleIf: "{panel.headerView} = 'advanced'",
                                                     unit: "px",
                                                     min: 0
                                                 }
@@ -15283,7 +15330,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                         }, {
                                             type: "panel",
                                             questionTitleLocation: "top",
-                                            visibleIf: "{panel.headerView} = 'cover'",
+                                            visibleIf: "{panel.headerView} = 'advanced'",
                                             elements: [
                                                 {
                                                     type: "buttongroup",
@@ -15311,7 +15358,6 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                                             storeDataAsText: false,
                                                             name: "backgroundImage",
                                                             titleLocation: "hidden",
-                                                            maxSize: this.surveyProvider.onUploadFile.isEmpty ? 65536 : undefined,
                                                             acceptedTypes: "image/*",
                                                             placeholder: "Browse..."
                                                         },
@@ -15347,11 +15393,17 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverTitleForecolor"),
                                                     descriptionLocation: "hidden",
                                                 },
+                                                {
+                                                    type: "colorsettings",
+                                                    name: "descriptionForecolor",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverDescriptionForecolor"),
+                                                    descriptionLocation: "hidden",
+                                                },
                                                 {
                                                     type: "boolean",
-                                                    name: "overlap",
+                                                    name: "overlapEnabled",
                                                     renderAs: "checkbox",
-                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverOverlap"),
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverOverlapEnabled"),
                                                     titleLocation: "hidden",
                                                     descriptionLocation: "hidden",
                                                 }
@@ -15359,7 +15411,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                         }, {
                                             type: "panel",
                                             questionTitleLocation: "top",
-                                            visibleIf: "{panel.headerView} = 'cover'",
+                                            visibleIf: "{panel.headerView} = 'advanced'",
                                             elements: [
                                                 this.getHorizontalAlignment("logoPositionX", Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.logoPosition"), "right"),
                                                 this.getVerticalAlignment("logoPositionY", "top"),
@@ -15376,6 +15428,162 @@ var ThemeBuilder = /** @class */ (function (_super) {
                     ]
                 }, {
                     type: "panel",
+                    name: "groupBackground",
+                    state: "collapsed",
+                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupBackground"),
+                    elements: [
+                        {
+                            type: "panel",
+                            elements: [
+                                {
+                                    type: "color",
+                                    name: "generalBackcolorDimColor",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundDimColor"),
+                                    descriptionLocation: "hidden",
+                                },
+                                {
+                                    type: "panel",
+                                    name: "background",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImage"),
+                                    elements: [
+                                        {
+                                            type: "fileedit",
+                                            storeDataAsText: false,
+                                            name: "backgroundImage",
+                                            titleLocation: "hidden",
+                                            acceptedTypes: "image/*",
+                                            placeholder: "Browse..."
+                                        },
+                                        {
+                                            type: "buttongroup",
+                                            name: "backgroundImageFit",
+                                            enableIf: "{backgroundImage} notempty",
+                                            titleLocation: "hidden",
+                                            choices: [
+                                                { value: "auto", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitAuto") },
+                                                { value: "contain", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitContain") },
+                                                { value: "cover", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitCover") }
+                                            ],
+                                            defaultValue: "cover"
+                                        },
+                                        {
+                                            type: "buttongroup",
+                                            name: "backgroundImageAttachment",
+                                            enableIf: "{backgroundImage} notempty",
+                                            titleLocation: "hidden",
+                                            choices: [
+                                                { value: "fixed", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageAttachmentFixed") },
+                                                { value: "scroll", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageAttachmentScroll") }
+                                            ],
+                                            defaultValue: "scroll"
+                                        },
+                                        {
+                                            type: "spinedit",
+                                            name: "backgroundOpacity",
+                                            enableIf: "{backgroundImage} notempty",
+                                            titleLocation: "left",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundOpacity"),
+                                            descriptionLocation: "hidden",
+                                            unit: "%",
+                                            defaultValue: 100,
+                                            min: 0,
+                                            max: 100,
+                                            step: 5
+                                        },
+                                    ]
+                                }
+                            ]
+                        }
+                    ]
+                }, {
+                    type: "panel",
+                    name: "groupAppearance",
+                    state: "collapsed",
+                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupAppearance"),
+                    elements: [
+                        {
+                            type: "panel",
+                            elements: [
+                                {
+                                    type: "color",
+                                    name: "generalPrimaryColor",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryColor"),
+                                    descriptionLocation: "hidden",
+                                },
+                                {
+                                    type: "spinedit",
+                                    name: "panelBackgroundTransparency",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.panelBackgroundTransparency"),
+                                    descriptionLocation: "hidden",
+                                    unit: "%",
+                                    defaultValue: 100,
+                                    min: 0,
+                                    max: 100,
+                                    step: 5
+                                },
+                                {
+                                    type: "spinedit",
+                                    name: "questionBackgroundTransparency",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionBackgroundTransparency"),
+                                    descriptionLocation: "hidden",
+                                    unit: "%",
+                                    defaultValue: 100,
+                                    min: 0,
+                                    max: 100,
+                                    step: 5
+                                }
+                            ]
+                        }, {
+                            type: "panel",
+                            elements: [
+                                {
+                                    type: "dropdown",
+                                    name: "--font-family",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontFamily"),
+                                    descriptionLocation: "hidden",
+                                    choices: [].concat(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["DefaultFonts"]),
+                                    defaultValue: "Open Sans",
+                                    allowClear: false
+                                },
+                                {
+                                    type: "spinedit",
+                                    name: "commonFontSize",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontSize"),
+                                    descriptionLocation: "hidden",
+                                    unit: "%",
+                                    defaultValue: 100,
+                                    min: 0,
+                                    step: 5
+                                },
+                            ]
+                        }, {
+                            type: "panel",
+                            elements: [
+                                {
+                                    type: "spinedit",
+                                    name: "commonScale",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.scale"),
+                                    descriptionLocation: "hidden",
+                                    unit: "%",
+                                    defaultValue: 100,
+                                    min: 0,
+                                    step: 5
+                                },
+                                {
+                                    type: "spinedit",
+                                    name: "cornerRadius",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.cornerRadius"),
+                                    descriptionLocation: "hidden",
+                                    unit: "px",
+                                    defaultValue: 4,
+                                    min: 0
+                                },
+                            ]
+                        }
+                    ]
+                }, {
+                    type: "panel",
+                    name: "groupAdvanced",
                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupAdvanced"),
                     state: "collapsed",
                     elements: [
@@ -15688,6 +15896,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                         survey.currentPage = val;
                     }
                 }
+                target.updatePrevNextPageActionState();
             }
         })
     ], ThemeBuilder.prototype, "activePage", void 0);
@@ -16182,6 +16391,21 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+function getObjectDiffs(obj1, obj2) {
+    if (obj2 === void 0) { obj2 = {}; }
+    var result = {};
+    Object.keys(obj1).forEach(function (key) {
+        if (typeof obj1[key] === "object") {
+            result[key] = getObjectDiffs(obj1[key], obj2[key]);
+        }
+        else {
+            if (obj1[key] !== undefined && obj1[key] != obj2[key]) {
+                result[key] = obj1[key];
+            }
+        }
+    });
+    return result;
+}
 var ThemeTabPlugin = /** @class */ (function () {
     function ThemeTabPlugin(creator) {
         var _this = this;
@@ -16236,6 +16460,10 @@ var ThemeTabPlugin = /** @class */ (function () {
             execute: function () { return _this.redo(); }
         });
     }
+    ThemeTabPlugin.prototype.createVisibleUpdater = function () {
+        var _this = this;
+        return new survey_core__WEBPACK_IMPORTED_MODULE_0__["ComputedUpdater"](function () { return _this.creator.activeTab === "theme"; });
+    };
     ThemeTabPlugin.prototype.activate = function () {
         this.model = new _theme_builder__WEBPACK_IMPORTED_MODULE_2__["ThemeBuilder"](this.creator, this.simulatorTheme);
         this.model.simulator.landscape = this.creator.previewOrientation != "portrait";
@@ -16243,10 +16471,6 @@ var ThemeTabPlugin = /** @class */ (function () {
         this.sidebarTab.model = this.model.themeEditorSurvey;
         this.sidebarTab.componentName = "survey-widget";
         this.creator.sidebar.activeTab = this.sidebarTab.id;
-        this.themeSettingsAction.visible = true;
-        this.resetTheme.visible = true;
-        this.importAction.visible = true;
-        this.exportAction.visible = true;
     };
     ThemeTabPlugin.prototype.update = function () {
         var _this = this;
@@ -16257,7 +16481,13 @@ var ThemeTabPlugin = /** @class */ (function () {
         };
         this.model.testAgainAction = this.testAgainAction;
         this.model.availableThemes = this.availableThemes;
+        this.model.prevPageAction = this.prevPageAction;
+        this.model.nextPageAction = this.nextPageAction;
         this.model.initialize(this.creator.JSON, options);
+        if (this.creator.showInvisibleElementsInTestSurveyTab) {
+            this.invisibleToggleAction.css = this.model.showInvisibleElements ? "sv-action-bar-item--active" : "";
+            this.invisibleToggleAction.visible = this.model.isRunning;
+        }
         this.updateUndeRedoActions();
         this.model.undoRedoManager.canUndoRedoCallback = function () {
             _this.updateUndeRedoActions();
@@ -16265,6 +16495,7 @@ var ThemeTabPlugin = /** @class */ (function () {
         this.model.show();
         this.model.onPropertyChanged.add(function (sender, options) {
             if (options.name === "isRunning") {
+                _this.invisibleToggleAction && (_this.invisibleToggleAction.visible = _this.model.isRunning);
                 _this.testAgainAction.visible = !_this.model.isRunning;
             }
         });
@@ -16291,10 +16522,7 @@ var ThemeTabPlugin = /** @class */ (function () {
         }
         this.sidebarTab.visible = false;
         this.testAgainAction.visible = false;
-        this.themeSettingsAction.visible = false;
-        this.resetTheme.visible = false;
-        this.importAction.visible = false;
-        this.exportAction.visible = false;
+        this.invisibleToggleAction && (this.invisibleToggleAction.visible = false);
         return true;
     };
     ThemeTabPlugin.prototype.exportToFile = function (fileName) {
@@ -16318,6 +16546,36 @@ var ThemeTabPlugin = /** @class */ (function () {
     ThemeTabPlugin.prototype.createActions = function () {
         var _this = this;
         var items = [];
+        this.designerAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
+            id: "svd-designer",
+            iconName: "icon-config",
+            action: function () { _this.creator.makeNewViewActive("designer"); },
+            visible: this.createVisibleUpdater(),
+            locTitleName: "ed.designer",
+            showTitle: false
+        });
+        this.prevPageAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
+            id: "prevPage",
+            iconName: "icon-arrow-left_16x16",
+            needSeparator: new survey_core__WEBPACK_IMPORTED_MODULE_0__["ComputedUpdater"](function () {
+                return _this.creator.isMobileView;
+            }),
+            visible: false
+        });
+        this.nextPageAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
+            id: "nextPage",
+            iconName: "icon-arrow-right_16x16",
+            visible: false
+        });
+        this.previewAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
+            id: "svd-preview",
+            iconName: "icon-preview",
+            active: true,
+            visible: this.createVisibleUpdater(),
+            locTitleName: "ed.testSurvey",
+            showTitle: false,
+            action: function () { }
+        });
         this.testAgainAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
             id: "testSurveyAgain",
             visible: false,
@@ -16331,7 +16589,7 @@ var ThemeTabPlugin = /** @class */ (function () {
             iconName: "icon-undo",
             locTitleName: "ed.undo",
             showTitle: false,
-            visible: new survey_core__WEBPACK_IMPORTED_MODULE_0__["ComputedUpdater"](function () { return _this.creator.activeTab === "theme"; }),
+            visible: this.createVisibleUpdater(),
             action: function () { return _this.undo(); }
         });
         this.redoAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
@@ -16339,7 +16597,7 @@ var ThemeTabPlugin = /** @class */ (function () {
             iconName: "icon-redo",
             locTitleName: "ed.redo",
             showTitle: false,
-            visible: new survey_core__WEBPACK_IMPORTED_MODULE_0__["ComputedUpdater"](function () { return _this.creator.activeTab === "theme"; }),
+            visible: this.createVisibleUpdater(),
             action: function () { return _this.redo(); }
         });
         items.push(this.undoAction);
@@ -16350,9 +16608,7 @@ var ThemeTabPlugin = /** @class */ (function () {
             locTitleName: "ed.themeResetButton",
             locTooltipName: "ed.themeResetButton",
             mode: "small",
-            visible: new survey_core__WEBPACK_IMPORTED_MODULE_0__["ComputedUpdater"](function () {
-                return (_this.creator.activeTab === "theme");
-            }),
+            visible: this.createVisibleUpdater(),
             action: function () {
                 _this.model.resetTheme();
             }
@@ -16366,20 +16622,19 @@ var ThemeTabPlugin = /** @class */ (function () {
                     _this.creator.setShowSidebar(true, true);
                 }
             },
+            visible: this.createVisibleUpdater(),
             active: new survey_core__WEBPACK_IMPORTED_MODULE_0__["ComputedUpdater"](function () { return _this.creator.showSidebar; }),
             pressed: new survey_core__WEBPACK_IMPORTED_MODULE_0__["ComputedUpdater"](function () { return _this.creator.showSidebar; }),
             locTitleName: "ed.themeSettings",
             locTooltipName: "ed.themeSettingsTooltip",
-            visible: false,
             showTitle: false
         });
-        items.push(this.themeSettingsAction);
         this.importAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
             id: "svc-theme-import",
             iconName: "icon-load",
             locTitleName: "ed.themeImportButton",
             locTooltipName: "ed.themeImportButton",
-            visible: false,
+            visible: this.createVisibleUpdater(),
             mode: "small",
             component: "sv-action-bar-item",
             needSeparator: true,
@@ -16406,7 +16661,7 @@ var ThemeTabPlugin = /** @class */ (function () {
             iconName: "icon-download",
             locTitleName: "ed.themeExportButton",
             locTooltipName: "ed.themeExportButton",
-            visible: false,
+            visible: this.createVisibleUpdater(),
             mode: "small",
             component: "sv-action-bar-item",
             action: function () {
@@ -16414,6 +16669,20 @@ var ThemeTabPlugin = /** @class */ (function () {
             }
         });
         items.push(this.exportAction);
+        if (this.creator.showInvisibleElementsInTestSurveyTab) {
+            this.invisibleToggleAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
+                id: "showInvisible",
+                iconName: "icon-invisible-items",
+                mode: "small",
+                locTitleName: "ts.showInvisibleElements",
+                visible: false,
+                action: function () {
+                    _this.model.showInvisibleElements = !_this.model.showInvisibleElements;
+                    _this.invisibleToggleAction.css = _this.model.showInvisibleElements ? "sv-action-bar-item--active" : "";
+                    _this.invisibleToggleAction.title = Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])(!_this.model.showInvisibleElements ? "ts.showInvisibleElements" : "ts.hideInvisibleElements");
+                }
+            });
+        }
         return items;
     };
     ThemeTabPlugin.prototype.undo = function () {
@@ -16442,8 +16711,12 @@ var ThemeTabPlugin = /** @class */ (function () {
         this.redoAction.enabled = _undoRedoManager.canRedo();
     };
     ThemeTabPlugin.prototype.addFooterActions = function () {
-        this.creator.footerToolbar.actions.push(this.testAgainAction);
-        this.creator.footerToolbar.actions.push(this.resetTheme);
+        this.creator.footerToolbar.actions.push(this.designerAction);
+        this.creator.footerToolbar.actions.push(this.previewAction);
+        this.creator.footerToolbar.actions.push(this.prevPageAction);
+        this.creator.footerToolbar.actions.push(this.nextPageAction);
+        this.invisibleToggleAction && (this.creator.footerToolbar.actions.push(this.invisibleToggleAction));
+        this.creator.footerToolbar.actions.push(this.themeSettingsAction);
     };
     Object.defineProperty(ThemeTabPlugin.prototype, "availableThemes", {
         get: function () {
@@ -16482,6 +16755,16 @@ var ThemeTabPlugin = /** @class */ (function () {
             }
         }
     };
+    ThemeTabPlugin.prototype.getThemeChanges = function () {
+        var fullTheme = this.creator.theme;
+        var probeThemeFullName = Object(_themes__WEBPACK_IMPORTED_MODULE_4__["getThemeFullName"])(fullTheme);
+        var baseTheme = Object(_themes__WEBPACK_IMPORTED_MODULE_4__["findSuitableTheme"])(fullTheme.themeName, probeThemeFullName);
+        var themeChanges = getObjectDiffs(fullTheme, baseTheme);
+        themeChanges.themeName = fullTheme.themeName || "default";
+        themeChanges.colorPalette = fullTheme.colorPalette || "light";
+        themeChanges.isPanelless = !!fullTheme.isPanelless;
+        return themeChanges;
+    };
     return ThemeTabPlugin;
 }());
 
@@ -16493,7 +16776,7 @@ var ThemeTabPlugin = /** @class */ (function () {
 /*!***************************************!*\
   !*** ./src/components/tabs/themes.ts ***!
   \***************************************/
-/*! exports provided: Themes, PredefinedThemes, getThemeFullName, PredefinedColors */
+/*! exports provided: Themes, PredefinedThemes, getThemeFullName, PredefinedColors, findSuitableTheme */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -16502,6 +16785,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PredefinedThemes", function() { return PredefinedThemes; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getThemeFullName", function() { return getThemeFullName; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PredefinedColors", function() { return PredefinedColors; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findSuitableTheme", function() { return findSuitableTheme; });
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
 /* harmony import */ var survey_core_themes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core/themes */ "./node_modules/survey-core/themes/index.js");
 /* harmony import */ var survey_core_themes__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core_themes__WEBPACK_IMPORTED_MODULE_1__);
@@ -16510,7 +16794,8 @@ __webpack_require__.r(__webpack_exports__);
 var Themes = {};
 var PredefinedThemes = ["default", "sharp", "borderless", "flat", "plain", "doubleborder", "layered", "solid", "threedimensional", "contrast"];
 function getThemeFullName(theme) {
-    var fullThemeName = theme["themeName"] + "-" + (theme["colorPalette"] || "light");
+    var themeName = theme.themeName || "default";
+    var fullThemeName = themeName + "-" + (theme.colorPalette || "light");
     if (theme.isPanelless === true) {
         fullThemeName += "-panelless";
     }
@@ -16545,6 +16830,23 @@ var PredefinedColors = {
         green: "rgba(140, 204, 90, 1)"
     }
 };
+function findSuitableTheme(themeName, probeThemeFullName) {
+    var suitableTheme = Themes[probeThemeFullName];
+    if (!!suitableTheme) {
+        return suitableTheme;
+    }
+    var appropriateThemeNames = Object.keys(Themes).filter(function (fullName) { return fullName.indexOf(themeName) === 0; });
+    for (var _i = 0, appropriateThemeNames_1 = appropriateThemeNames; _i < appropriateThemeNames_1.length; _i++) {
+        var fullThemeName = appropriateThemeNames_1[_i];
+        if (fullThemeName.indexOf(themeName + "-" + this.themePalette) === 0) {
+            probeThemeFullName = themeName + "-" + this.themePalette;
+        }
+        if (fullThemeName.indexOf(themeName + "-" + this.themePalette + (this.themeMode === "lightweight" ? "-panelless" : "")) === 0) {
+            probeThemeFullName = themeName + "-" + this.themePalette + (this.themeMode === "lightweight" ? "-panelless" : "");
+        }
+    }
+    return Themes[probeThemeFullName] || Themes[appropriateThemeNames[0]];
+}
 
 
 /***/ }),
@@ -17674,7 +17976,7 @@ var TranslationGroup = /** @class */ (function (_super) {
         var properties = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].getPropertiesByObj(obj);
         for (var i = 0; i < properties.length; i++) {
             var property = properties[i];
-            if (!property.isSerializable || !property.isLocalizable)
+            if (!property.isSerializable || !property.isLocalizable || property.type === "url" || property.type === "file")
                 continue;
             if (property.readOnly || !property.visible)
                 continue;
@@ -17944,7 +18246,7 @@ var Translation = /** @class */ (function (_super) {
                     confirmDeleteText: _editorLocalization__WEBPACK_IMPORTED_MODULE_3__["editorLocalization"].getString("ed.translationDeleteLanguage"),
                     columns: [
                         { name: "isSelected", cellType: "boolean", renderAs: "checkbox", enableIf: "localeEnableIf()" },
-                        { name: "displayName", cellType: "expression", expression: "row.displayName" }
+                        { name: "displayName", cellType: "expression", expression: "{row.displayName}" }
                     ],
                     showHeader: false,
                     allowAddRows: false,
@@ -19263,7 +19565,6 @@ var CreatorBase = /** @class */ (function (_super) {
          * - `options.questionName`: `String`\
          * The name of a question for which conditions are displayed.
          * - `options.questionName`: `String`\
-         * The type of a question for which conditions are displayed.
          * The name of a question for which conditions are displayed.
          * - `options.operator`: `"empty"` | `"notempty"` | `"equal"` | `"notequal"` | `"contains"` | `"notcontains"` | `"anyof"` | `"allof"` | `"greater"` | `"less"` | `"greaterorequal"` | `"lessorequal"`\
          * A condition opeator for which the event is raised.
@@ -19343,24 +19644,50 @@ var CreatorBase = /** @class */ (function (_super) {
           */
         _this.onModified = new CreatorEvent();
         /**
-         * The event is called on adding a new question into the survey. Typically, when a user dropped a Question from the Question Toolbox into designer Survey area.
-         *- sender the survey creator object that fires the event
-         *- options.question a new added survey question. Survey.Question object
-         *- options.page the survey Page object where question has been added.
-         *- options.reason how question has been added via UI: ADDED_FROM_TOOLBOX, ADDED_FROM_PAGEBUTTON, ELEMENT_COPIED.
+         * An event that is raised when users add a question to the survey. Use this event to customize the question.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.question`: [`Question`](https://surveyjs.io/form-library/documentation/api-reference/question)\
+         * The question users added.
+         * - `options.page`: [`PageModel`](https://surveyjs.io/form-library/documentation/api-reference/page-model)\
+         * A page to which the question was added.
+         * - `options.reason`: `"DROPPED_FROM_TOOLBOX"` | `"ADDED_FROM_PAGEBUTTON"` | `"ELEMENT_COPIED"`\
+         * A value that indicates how the question was added: dragged from the [Toolbox](https://surveyjs.io/survey-creator/documentation/toolbox-customization), created using the Add Question button, or duplicated.
+         *
+         * [Customize Survey Elements on Creation](https://surveyjs.io/survey-creator/documentation/customize-survey-creation-process#customize-survey-elements-on-creation (linkStyle))
          */
         _this.onQuestionAdded = new CreatorEvent();
         /**
-         * The event is called on adding a new panel into the survey.  Typically, when a user dropped a Panel from the Question Toolbox into designer Survey area.
-         *- sender the survey creator object that fires the event
-         *- options.panel a new added survey panel. Survey.Panel object
-         *- options.page the survey Page object where question has been added.
+         * An event that is raised when users add a [Panel](https://surveyjs.io/form-library/documentation/api-reference/panel-model) element to the survey. Use this event to customize the panel.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.panel`: [`PanelModel`](https://surveyjs.io/form-library/documentation/api-reference/panel-model)\
+         * The panel users added.
+         * - `options.page`: [`PageModel`](https://surveyjs.io/form-library/documentation/api-reference/page-model)\
+         * A page to which the panel was added.
+         * - `options.reason`: `"DROPPED_FROM_TOOLBOX"` | `"ADDED_FROM_PAGEBUTTON"` | `"ELEMENT_COPIED"`\
+         * A value that indicates how the panel was added: dragged from the [Toolbox](https://surveyjs.io/survey-creator/documentation/toolbox-customization), created using the Add Question button, or duplicated.
+         *
+         * [Customize Survey Elements on Creation](https://surveyjs.io/survey-creator/documentation/customize-survey-creation-process#customize-survey-elements-on-creation (linkStyle))
          */
         _this.onPanelAdded = new CreatorEvent();
         /**
-         * The event is called on adding a new page into the survey.
-         *- sender the survey creator object that fires the event
-         *- options.page the new survey Page object.
+         * An event that is raised when a new page is added to the survey. Use this event to customize the page.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.page`: [`PageModel`](https://surveyjs.io/form-library/documentation/api-reference/page-model)\
+         * The page users added.
+         *
+         * [Customize Survey Elements on Creation](https://surveyjs.io/survey-creator/documentation/customize-survey-creation-process#customize-survey-elements-on-creation (linkStyle))
          */
         _this.onPageAdded = new CreatorEvent();
         /**
@@ -19379,21 +19706,35 @@ var CreatorBase = /** @class */ (function (_super) {
          */
         _this.onGetPageActions = new CreatorEvent();
         /**
-         * The event is fired when the survey creator is initialized and a survey object (Survey.Survey) is created.
-         *- sender the survey creator object that fires the event
-         *- options.survey  the survey object showing in the creator.
+         * An event that is raised when Survey Creator instantiates a survey for the [Designer](https://surveyjs.io/survey-creator/documentation/end-user-guide#designer-tab) tab. Use this event to customize the survey.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.survey`: [`SurveyModel`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model)\
+         * A survey to be displayed in the Designer tab.
+         *
+         * [Design Mode Survey Instance](https://surveyjs.io/survey-creator/documentation/customize-survey-creation-process#design-mode-survey-instance (linkStyle))
+         *
+         * > If you want this event raised at startup, assign a survey JSON schema to the [`JSON`](#JSON) property *after* you add a handler to the event. If the JSON schema should be empty, specify the `JSON` property with an empty object.
          */
         _this.onDesignerSurveyCreated = new CreatorEvent();
         /**
-         * The event is fired when the survey creator creates survey in Preview tab for testing.
-         *- sender the survey creator object that fires the event
-         *- options.survey  the survey object showing in the "Preview" tab.
+         * An event that is raised when Survey Creator instantiates a survey for the [Preview](https://surveyjs.io/survey-creator/documentation/end-user-guide#preview-tab) tab. Use this event to customize the survey.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.survey`: [`SurveyModel`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model)\
+         * A survey to be displayed in the Preview tab.
+         *
+         * [Preview Mode Survey Instance](https://surveyjs.io/survey-creator/documentation/customize-survey-creation-process#preview-mode-survey-instance (linkStyle))
+         *
+         * > If you want this event raised at startup, assign a survey JSON schema to the [`JSON`](#JSON) property *after* you add a handler to the event. If the JSON schema should be empty, specify the `JSON` property with an empty object.
          */
         _this.onPreviewSurveyCreated = new CreatorEvent();
-        /**
-          * Obsolete. Please use onPreviewSurveyCreated event.
-          * @see onPreviewSurveyCreated
-          */
         _this.onTestSurveyCreated = _this.onPreviewSurveyCreated;
         /**
          * The event is called in case of UI notifications. By default all notifications are done via built-in alert () function.
@@ -19615,13 +19956,7 @@ var CreatorBase = /** @class */ (function (_super) {
          * Default value: -1 (unlimited)
          */
         _this.maxNestedPanels = -1;
-        /**
-         * Obsolete. Use the [`showPagesInPreviewTab`](https://surveyjs.io/Documentation/Survey-Creator?id=surveycreator#showPagesInPreviewTab) property instead.
-         */
         _this.showPagesInTestSurveyTab = true;
-        /**
-         * Obsolete. Use the [`showSimulatorInPreviewTab`](https://surveyjs.io/Documentation/Survey-Creator?id=surveycreator#showSimulatorInPreviewTab) property instead.
-         */
         _this.showSimulatorInTestSurveyTab = true;
         /**
          * A [UI theme](https://surveyjs.io/Documentation/Library?id=get-started-react#configure-styles) used to display the survey in the Preview tab.
@@ -19629,17 +19964,12 @@ var CreatorBase = /** @class */ (function (_super) {
          * Accepted values: `"modern"`, `"default"`, `"defaultV2"`
          *
          * Default value: `"defaultV2"`
+         * @see allowChangeThemeInPreview
          */
         _this.themeForPreview = "defaultV2";
         _this._theme = { cssVariables: {} };
         _this._allowModifyPages = true;
-        /**
-         * Obsolete. Use the [`showDefaultLanguageInPreviewTab`](https://surveyjs.io/Documentation/Survey-Creator?id=surveycreator#showDefaultLanguageInPreviewTab) property instead.
-         */
         _this.showDefaultLanguageInTestSurveyTab = "auto";
-        /**
-         * Obsolete. Use the [`showInvisibleElementsInPreviewTab`](https://surveyjs.io/Documentation/Survey-Creator?id=surveycreator#showInvisibleElementsInPreviewTab) property instead.
-         */
         _this.showInvisibleElementsInTestSurveyTab = true;
         /**
          * Set this property to true if you want to show "page selector" in the toolabar instead of "pages editor"
@@ -19651,6 +19981,7 @@ var CreatorBase = /** @class */ (function (_super) {
          * Default value: `true`
          *
          * [View Demo](https://surveyjs.io/Examples/Creator?id=theme-switcher (linkStyle))
+         * @see themeForPreview
          */
         _this.allowChangeThemeInPreview = true;
         /**
@@ -19666,10 +19997,11 @@ var CreatorBase = /** @class */ (function (_super) {
          *
          * - `sender`: `CreatorBase`\
          * A Survey Creator instance that raised the event.
-         * - `options.tabName`: `"designer"` | `"test"` | `"theme"` | `"editor"` | `"embed"` | `"logic"` | `"translation"`\
+         * - `options.tabName`: `"designer"` | `"test"` | `"theme"` | `"editor"` | `"logic"` | `"translation"`\
          * A tab that is going to become active.
          * - `options.allow`: `Boolean`\
          * Specifies whether the active tab can be switched. Set this property to `false` if you want to cancel the switch.
+         * @see makeNewViewActive
          */
         _this.onActiveTabChanging = new CreatorEvent();
         /**
@@ -19679,15 +20011,16 @@ var CreatorBase = /** @class */ (function (_super) {
          *
          * - `sender`: `CreatorBase`\
          * A Survey Creator instance that raised the event.
-         * - `options.tabName`: `"designer"` | `"test"` | `"theme"` | `"editor"` | `"embed"` | `"logic"` | `"translation"`\
+         * - `options.tabName`: `"designer"` | `"test"` | `"theme"` | `"editor"` | `"logic"` | `"translation"`\
          * A tab that has become active.
+         * @see makeNewViewActive
          */
         _this.onActiveTabChanged = new CreatorEvent();
         _this.showSidebarValue = true;
         _this.onShowSidebarVisibilityChanged = new CreatorEvent();
         //#region Obsolete properties and functins
         _this.onShowPropertyGridVisiblityChanged = new CreatorEvent();
-        //#endregion Obsolete properties and functins
+        //#endregion Obsolete properties and functions
         //#region Undo/Redo
         /**
          * The event is called before undo happens.
@@ -19785,9 +20118,11 @@ var CreatorBase = /** @class */ (function (_super) {
         };
         _this.shortcuts = {};
         /**
-         * The delay on saving survey JSON on autoSave in ms. It is 500 ms by default.
-         * If during this period of time an end-user modify survey, then the last version will be saved only. Set to 0 to save immediately.
-         * @see isAutoSave
+         * A delay between changing survey or theme settings and saving the survey or theme JSON schema, measured in milliseconds. Applies only when the [`isAutoSave`](#isAutoSave) property is `true`.
+         *
+         * Default value: 500 (taken from `settings.autoSave.delay`)
+         *
+         * If a user changes the settings once again during the delay, only the latest version will be saved.
          */
         _this.autoSaveDelay = _creator_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].autoSave.delay;
         _this.autoSaveTimerId = null;
@@ -19828,6 +20163,8 @@ var CreatorBase = /** @class */ (function (_super) {
          * Specifies whether to display the Preview tab.
          *
          * Default value: `true`
+         * @see activeTab
+         * @see onPreviewSurveyCreated
          */
         get: function () { return this.showTestSurveyTab; },
         set: function (val) { this.showTestSurveyTab = val; },
@@ -19835,9 +20172,6 @@ var CreatorBase = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(CreatorBase.prototype, "allowEditSurveyTitle", {
-        /**
-        * Obsolete. Use the [`showSurveyTitle`](https://surveyjs.io/Documentation/Survey-Creator?id=surveycreator#showSurveyTitle) property instead.
-        */
         get: function () {
             return this.getPropertyValue("allowEditSurveyTitle", true);
         },
@@ -19851,7 +20185,7 @@ var CreatorBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(CreatorBase.prototype, "showSurveyTitle", {
         /**
-         * Specifies whether users can see and edit the survey title and related survey properties.
+         * Specifies whether users can see and edit the survey header and related survey properties.
          *
          * Default value: `true`
          */
@@ -19902,7 +20236,19 @@ var CreatorBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(CreatorBase.prototype, "pageEditMode", {
         /**
-         * Contains the value of the [`pageEditMode`](https://surveyjs.io/Documentation/Survey-Creator?id=ICreatorOptions#pageEditMode) property specified in the constructor.
+         * Specifies how Survey Creator users edit survey pages.
+         *
+         * Accepted values:
+         *
+         * - `"standard"` (default)
+         * Questions and panels are divided between pages. Users can scroll the design surface to reach a required page.
+         *
+         * - `"single"`
+         * All questions and panels belong to a single page. Users cannot add or remove pages.
+         *
+         * - `"bypage"`
+         * Questions and panels are divided between pages. Users can use the page navigator to switch to a required page.
+         * @see allowModifyPages
          */
         get: function () {
             return this.pageEditModeValue;
@@ -19935,16 +20281,6 @@ var CreatorBase = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(CreatorBase.prototype, "showingViewName", {
-        /**
-         * Returns the current show view name. The possible returns values are:
-         * "designer", "editor", "test", "embed", "logic" and "translation".
-         * @see showDesigner
-         * @see showPreview
-         * @see showJsonEditor
-         * @see showLogicEditor
-         * @see showTranslationEditor
-         * @see showEmbedEditor
-         */
         get: function () {
             return this.activeTab;
         },
@@ -20019,7 +20355,7 @@ var CreatorBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(CreatorBase.prototype, "showPagesInPreviewTab", {
         /**
-         * Specifies whether to show the page selector at the bottom of the Preview tab.
+         * Specifies whether to show a page selector at the bottom of the Preview tab.
          *
          * Default value: `true`
          */
@@ -20030,7 +20366,7 @@ var CreatorBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(CreatorBase.prototype, "showSimulatorInPreviewTab", {
         /**
-         * Specifies whether the Preview tab displays the Device button that allows users to preview the survey on different device types.
+         * Specifies whether the Preview tab displays a Device button that allows users to preview the survey on different device types.
          *
          * Default value: `true`
          */
@@ -20048,6 +20384,16 @@ var CreatorBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    CreatorBase.prototype.getCurrentTheme = function (content) {
+        if (content === void 0) { content = "full"; }
+        if (content === "full") {
+            return this.theme;
+        }
+        var themePlugin = this.getPlugin("theme");
+        if (!!themePlugin) {
+            return themePlugin.getThemeChanges();
+        }
+    };
     CreatorBase.prototype.raiseThemeChanged = function () {
         this.hasPendingThemeChanges = true;
         var options = {
@@ -20063,6 +20409,7 @@ var CreatorBase = /** @class */ (function (_super) {
          * Specifies whether users can add, edit, and delete survey pages.
          *
          * Default value: `true`
+         * @see pageEditMode
          */
         get: function () {
             return this._allowModifyPages;
@@ -20076,7 +20423,7 @@ var CreatorBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(CreatorBase.prototype, "showDefaultLanguageInPreviewTab", {
         /**
-         * Specifies whether the Preview tab displays the language selector.
+         * Specifies whether the Preview tab displays a language selector.
          *
          * Accepted values:
          *
@@ -20084,7 +20431,7 @@ var CreatorBase = /** @class */ (function (_super) {
          * Display the language selector only if the survey is translated into more than one language.
          *
          * - `true`
-         * Always display the language selector regardless of how many languages are used in the survey.
+         * Always display the language selector regardless of how many languages the survey uses.
          *
          * - `false`
          * Never display the language selector.
@@ -20092,7 +20439,7 @@ var CreatorBase = /** @class */ (function (_super) {
          * - `"all"`
          * Always display the language selector with [all supported languages](https://github.com/surveyjs/survey-creator/tree/master/packages/survey-creator-core/src/localization).
          *
-         * **See also**: [Localization & Globalization](https://surveyjs.io/Documentation/Survey-Creator?id=localization)
+         * [Localization & Globalization](https://surveyjs.io/survey-creator/documentation/survey-localization-translate-surveys-to-different-languages (linkStyle))
          */
         get: function () { return this.showDefaultLanguageInTestSurveyTab; },
         set: function (val) { this.showDefaultLanguageInTestSurveyTab = val; },
@@ -20101,7 +20448,7 @@ var CreatorBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(CreatorBase.prototype, "showInvisibleElementsInPreviewTab", {
         /**
-         * Specifies whether the Preview tab displays a checkbox that allows users to show or hide invisible survey elements.
+         * Specifies whether the Preview tab displays a toggle that allows users to show or hide invisible survey elements.
          *
          * Default value: `true`
          */
@@ -20206,9 +20553,17 @@ var CreatorBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(CreatorBase.prototype, "activeTab", {
         /**
-         * Get/set the active tab.
-         * The following values are available: "designer", "editor", "test", "embed", "logic" and "translation".
-         * Please note, not all tabs are visible.
+         * Gets or sets the currently displayed tab.
+         *
+         * Possible values:
+         *
+         * - [`"designer"`](#showDesignerTab)
+         * - [`"test"`](#showPreviewTab)
+         * - [`"theme"`](#showThemeTab)
+         * - [`"editor"`](#showJSONEditorTab)
+         * - [`"logic"`](#showLogicTab)
+         * - [`"translation"`](#showLogicTab)
+         * @see makeNewViewActive
          */
         get: function () {
             return this.viewType;
@@ -20220,21 +20575,22 @@ var CreatorBase = /** @class */ (function (_super) {
         configurable: true
     });
     /**
-     * Change the active view/tab. It will return false if it can't change the current tab.
-     * @param viewName name of new active view (tab). The following values are available: "designer", "editor", "test", "embed", "logic" and "translation".
+     * Switches the [active tab](#activeTab). Returns `false` if the tab cannot be switched.
+     * @param tabName A tab that you want to make active: `"designer"`, `"test"`, `"theme"`, `"editor"`, `"logic"`, or `"translation"`.
+     * @returns `false` if the active tab cannot be switched, `true` otherwise.
      */
-    CreatorBase.prototype.makeNewViewActive = function (viewName) {
+    CreatorBase.prototype.makeNewViewActive = function (tabName) {
         var _this = this;
-        if (viewName == this.viewType)
+        if (tabName == this.viewType)
             return false;
         var plugin = this.currentPlugin;
         if (!!plugin && !!plugin.canDeactivateAsync) {
             plugin.canDeactivateAsync(function () {
-                _this.switchViewType(viewName);
+                _this.switchViewType(tabName);
             });
             return undefined;
         }
-        return this.switchViewType(viewName);
+        return this.switchViewType(tabName);
     };
     CreatorBase.prototype.switchViewType = function (viewName) {
         var _a, _b;
@@ -20515,7 +20871,7 @@ var CreatorBase = /** @class */ (function (_super) {
         var _this = this;
         if (!this.footerToolbar) {
             this.footerToolbar = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ActionContainer"]();
-            ["undoredo", "designer", "test"].forEach(function (pluginKey) {
+            ["designer", "undoredo", "test", "theme"].forEach(function (pluginKey) {
                 var plugin = _this.getPlugin(pluginKey);
                 if (!!plugin && !!plugin["addFooterActions"]) {
                     plugin["addFooterActions"]();
@@ -21040,7 +21396,7 @@ var CreatorBase = /** @class */ (function (_super) {
         }
     };
     CreatorBase.prototype.convertQuestion = function (obj, className) {
-        var newQuestion = _questionconverter__WEBPACK_IMPORTED_MODULE_5__["QuestionConverter"].convertObject(obj, className, this.getDefaultElementJSON(obj.getType()));
+        var newQuestion = _questionconverter__WEBPACK_IMPORTED_MODULE_5__["QuestionConverter"].convertObject(obj, className, this.getDefaultElementJSON(obj.getType()), this.getDefaultElementJSON(className));
         this.setModified({
             type: "QUESTION_CONVERTED",
             className: className,
@@ -21050,10 +21406,11 @@ var CreatorBase = /** @class */ (function (_super) {
         return newQuestion;
     };
     CreatorBase.prototype.getDefaultElementJSON = function (elType) {
+        var _a;
         if (!this.toolbox)
             return null;
-        var item = this.toolbox.getItemByName(elType);
-        return !!item ? item.json : null;
+        var json = (_a = this.toolbox.getItemByName(elType)) === null || _a === void 0 ? void 0 : _a.json;
+        return !!json ? survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].createCopy(json) : null;
     };
     CreatorBase.prototype.singlePageJSON = function (json) {
         if (this.pageEditMode === "single") {
@@ -21453,11 +21810,9 @@ var CreatorBase = /** @class */ (function (_super) {
         configurable: true
     });
     /**
-     * Collapse certain property editor tab (category) in properties panel/grid
-     * name - tab category name
-     * @see collapseAllPropertyGridCategories
+     * Collapses a specified category in Property Grid.
+     * @param name A [category name](https://surveyjs.io/survey-creator/documentation/property-grid-customization#category).
      * @see expandPropertyGridCategory
-     * @see expandAllPropertyGridCategories
      */
     CreatorBase.prototype.collapsePropertyGridCategory = function (name) {
         if (!!this.designerPropertyGrid) {
@@ -21465,11 +21820,9 @@ var CreatorBase = /** @class */ (function (_super) {
         }
     };
     /**
-     * Expand certain property editor tab (category) in properties panel/grid
-     * name - tab category name
+     * Expands a specified category in Property Grid.
+     * @param name A [category name](https://surveyjs.io/survey-creator/documentation/property-grid-customization#category).
      * @see collapsePropertyGridCategory
-     * @see collapseAllPropertyGridCategories
-     * @see expandAllPropertyGridCategories
      */
     CreatorBase.prototype.expandPropertyGridCategory = function (name) {
         if (!!this.designerPropertyGrid) {
@@ -21477,9 +21830,7 @@ var CreatorBase = /** @class */ (function (_super) {
         }
     };
     /**
-     * Expand all property editor tabs (categories) in properties panel/grid
-     * @see collapsePropertyGridCategory
-     * @see expandPropertyGridCategory
+     * Collapses all categories in Property Grid.
      * @see expandAllPropertyGridCategories
      */
     CreatorBase.prototype.collapseAllPropertyGridCategories = function () {
@@ -21488,44 +21839,23 @@ var CreatorBase = /** @class */ (function (_super) {
         }
     };
     /**
-     * Expand all property editor tabs (categories) in properties panel/grid
-     * @see collapsePropertyGridCategory
+     * Expands all categories in Property Grid.
      * @see collapseAllPropertyGridCategories
-     * @see expandPropertyGridCategory
      */
     CreatorBase.prototype.expandAllPropertyGridCategories = function () {
         if (!!this.designerPropertyGrid) {
             this.designerPropertyGrid.expandAllCategories();
         }
     };
-    /**
-     * @Deprecated Obsolete. Collapse all property editor tabs (categories) in properties panel/grid
-     * @see collapseAllPropertyGridCategories
-     *
-     */
     CreatorBase.prototype.collapseAllPropertyTabs = function () {
         this.collapseAllPropertyGridCategories();
     };
-    /**
-     * @Deprecated Obsolete. Expand all property editor tabs (categories) in properties panel/grid
-     * @see expandAllPropertyGridCategories
-     */
     CreatorBase.prototype.expandAllPropertyTabs = function () {
         this.expandAllPropertyGridCategories();
     };
-    /**
-     * @Deprecated Obsolete. Expand certain property editor tab (category) in properties panel/grid
-     * name - tab category name
-     * @see expandPropertyGridCategory
-     */
     CreatorBase.prototype.expandPropertyTab = function (name) {
         this.expandPropertyGridCategory(name);
     };
-    /**
-     * @Deprecated Obsolete. Collapse certain property editor tab (category) in properties panel/grid
-     * name - tab category name
-     * @see collapsePropertyGridCategory
-     */
     CreatorBase.prototype.collapsePropertyTab = function (name) {
         this.collapsePropertyGridCategory(name);
     };
@@ -22919,6 +23249,7 @@ var EmptySurveyCreatorOptions = /** @class */ (function () {
         this.maximumRowsCount = settings.propertyGrid.maximumRowsCount;
         this.maximumRateValues = settings.propertyGrid.maximumRateValues;
         this.machineTranslationValue = false;
+        this.inplaceEditForValues = false;
         this.maxNestedPanels = -1;
     }
     EmptySurveyCreatorOptions.prototype.getProcessedTranslationItemText = function (locale, locString, newText, obj) {
@@ -23218,6 +23549,8 @@ var QuestionFileEditorModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(QuestionFileEditorModel, _super);
     function QuestionFileEditorModel() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._renderedValue = "";
+        _this.placeholder = "";
         _this.onKeyDown = function (event) {
             _this.onTextKeyDownHandler(event);
         };
@@ -23233,6 +23566,7 @@ var QuestionFileEditorModel = /** @class */ (function (_super) {
             this.loadedFilesValue = newValue;
             newValue = this.previewValue[0].content;
         }
+        this.updateRenderedValue(newValue);
         _super.prototype.setNewValue.call(this, newValue);
     };
     QuestionFileEditorModel.prototype.loadPreview = function (newValue) {
@@ -23272,6 +23606,24 @@ var QuestionFileEditorModel = /** @class */ (function (_super) {
             callback();
         }
     };
+    QuestionFileEditorModel.prototype.updateRenderedValue = function (value) {
+        var matchBase64 = !!value ? value.match(/^data:((?:\w+\/(?:(?!;).)+)?)((?:;[\w\W]*?[^;])*),/) : null;
+        if (matchBase64) {
+            this.placeholder = matchBase64[0] + "...";
+            this._renderedValue = "";
+        }
+        else {
+            this.placeholder = "";
+            this._renderedValue = value;
+        }
+    };
+    Object.defineProperty(QuestionFileEditorModel.prototype, "renderedValue", {
+        get: function () {
+            return this._renderedValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionFileEditorModel.prototype.updateValueFromInputEvent = function (event) {
         if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(event.target.value, this.value)) {
             this.clear(undefined, false);
@@ -23279,6 +23631,10 @@ var QuestionFileEditorModel = /** @class */ (function (_super) {
             this.value = event.target.value;
         }
     };
+    QuestionFileEditorModel.prototype.onSurveyValueChanged = function (newValue) {
+        _super.prototype.onSurveyValueChanged.call(this, newValue);
+        this.updateRenderedValue(newValue);
+    };
     QuestionFileEditorModel.prototype.onInputChange = function (event) {
         if (event.target !== document.activeElement) {
             this.updateValueFromInputEvent(event);
@@ -23296,6 +23652,12 @@ var QuestionFileEditorModel = /** @class */ (function (_super) {
     QuestionFileEditorModel.prototype.getChooseButtonCss = function () {
         return new survey_core__WEBPACK_IMPORTED_MODULE_1__["CssClassBuilder"]().append(this.cssClasses.chooseButton).append(this.cssClasses.chooseButtonDisabled, this.isInputReadOnly).toString();
     };
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], QuestionFileEditorModel.prototype, "_renderedValue", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], QuestionFileEditorModel.prototype, "placeholder", void 0);
     return QuestionFileEditorModel;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["QuestionFileModel"]));
 
@@ -24110,7 +24472,7 @@ var __spreadArray = function (to, from) {
 /*!******************************!*\
   !*** ./src/entries/index.ts ***!
   \******************************/
-/*! exports provided: Version, enStrings, editorLocalization, defaultStrings, localization, QuestionConvertMode, settings, EmptySurveyCreatorOptions, CreatorAction, TabbedMenuItem, TabbedMenuContainer, ToolbarActionContainer, CreatorEvent, CreatorBase, SurveyCreatorModel, StylesManager, initializeDesignTimeSurveyModel, editableStringRendererName, getElementWrapperComponentName, getQuestionContentWrapperComponentName, getElementWrapperComponentData, getItemValueWrapperComponentName, getItemValueWrapperComponentData, isStringEditable, isTextInput, registerAdorner, removeAdorners, CreatorResponsivityManager, AceJsonEditorModel, TabJsonEditorAcePlugin, JsonEditorBaseModel, TabJsonEditorBasePlugin, TextareaJsonEditorModel, TabJsonEditorTextareaPlugin, TestSurveyTabViewModel, TabTestPlugin, createColor, createBoxShadow, parseBoxShadow, DefaultFonts, fontsettingsToCssVariable, fontsettingsFromCssVariable, elementSettingsToCssVariable, elementSettingsFromCssVariable, Themes, PredefinedThemes, getThemeFullName, PredefinedColors, ThemeBuilder, ThemeTabPlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, TranslationEditor, createImportCSVAction, createExportCSVAction, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, ResetValueAdorner, QuestionTextWithResetModel, QuestionCommentWithResetModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridColorEditor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorColor, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, propertyGridCss, QuestionConverter, svgBundle, SurveyTextWorkerError, SurveyTextWorkerParserError, SurveyTextWorkerJsonError, SurveyTextWorker, JsonDuplicateNameError, QuestionToolboxCategory, QuestionToolboxItem, QuestionToolbox, SidebarModel, SidebarTabModel, getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, ingectAlpha, convertRgbaToString, parseRgbaFromString, parseColor, HSBToRGB, RGBToHSB, assign, ColorCalculator, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
+/*! exports provided: Version, enStrings, editorLocalization, defaultStrings, localization, QuestionConvertMode, settings, EmptySurveyCreatorOptions, CreatorAction, TabbedMenuItem, TabbedMenuContainer, ToolbarActionContainer, CreatorEvent, CreatorBase, SurveyCreatorModel, StylesManager, initializeDesignTimeSurveyModel, editableStringRendererName, getElementWrapperComponentName, getQuestionContentWrapperComponentName, getElementWrapperComponentData, getItemValueWrapperComponentName, getItemValueWrapperComponentData, isStringEditable, isTextInput, registerAdorner, removeAdorners, CreatorResponsivityManager, AceJsonEditorModel, TabJsonEditorAcePlugin, JsonEditorBaseModel, TabJsonEditorBasePlugin, TextareaJsonEditorModel, TabJsonEditorTextareaPlugin, TestSurveyTabViewModel, TabTestPlugin, createColor, createBoxShadow, parseBoxShadow, DefaultFonts, fontsettingsToCssVariable, fontsettingsFromCssVariable, elementSettingsToCssVariable, elementSettingsFromCssVariable, Themes, PredefinedThemes, getThemeFullName, PredefinedColors, findSuitableTheme, ThemeBuilder, ThemeTabPlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, TranslationEditor, createImportCSVAction, createExportCSVAction, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, ResetValueAdorner, QuestionTextWithResetModel, QuestionCommentWithResetModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridEditorColor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, propertyGridCss, QuestionConverter, svgBundle, SurveyTextWorkerError, SurveyTextWorkerParserError, SurveyTextWorkerJsonError, SurveyTextWorker, JsonDuplicateNameError, QuestionToolboxCategory, QuestionToolboxItem, QuestionToolbox, SidebarModel, SidebarTabModel, getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, ingectAlpha, convertRgbaToString, parseRgbaFromString, parseColor, HSBToRGB, RGBToHSB, assign, ColorCalculator, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -24225,6 +24587,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PredefinedColors", function() { return _components_tabs_themes__WEBPACK_IMPORTED_MODULE_14__["PredefinedColors"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findSuitableTheme", function() { return _components_tabs_themes__WEBPACK_IMPORTED_MODULE_14__["findSuitableTheme"]; });
+
 /* harmony import */ var _components_tabs_theme_builder__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../components/tabs/theme-builder */ "./src/components/tabs/theme-builder.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ThemeBuilder", function() { return _components_tabs_theme_builder__WEBPACK_IMPORTED_MODULE_15__["ThemeBuilder"]; });
 
@@ -24387,7 +24751,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridLinkEditor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_48__["PropertyGridLinkEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridColorEditor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_48__["PropertyGridColorEditor"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorColor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_48__["PropertyGridEditorColor"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorNumber", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_48__["PropertyGridEditorNumber"]; });
 
@@ -24397,8 +24761,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorHtml", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_48__["PropertyGridEditorHtml"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorColor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_48__["PropertyGridEditorColor"]; });
-
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorStringArray", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_48__["PropertyGridEditorStringArray"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorDropdown", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_48__["PropertyGridEditorDropdown"]; });
@@ -24602,7 +24964,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_71___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_71__);
 var Version;
-Version = "" + "1.9.111";
+Version = "" + "1.9.112";
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -24692,7 +25054,7 @@ __webpack_require__(/*! ../utils/design.scss */ "./src/utils/design.scss");
 __webpack_require__(/*! ../utils/layout.scss */ "./src/utils/layout.scss");
 
 survey_core__WEBPACK_IMPORTED_MODULE_71__["settings"].supportCreatorV2 = true;
-Object(survey_core__WEBPACK_IMPORTED_MODULE_71__["checkLibraryVersion"])("" + "1.9.111", "survey-creator-core");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_71__["checkLibraryVersion"])("" + "1.9.112", "survey-creator-core");
 
 
 /***/ }),
@@ -26973,11 +27335,13 @@ var enStrings = {
             question_visibilityName: "Show (hide) question",
             question_enableName: "Enable (disable) question",
             question_requireName: "Make question required",
-            question_resetValue: "Reset question value",
+            question_resetValueName: "Reset question value",
+            question_setValueName: "Set question value",
             column_visibilityName: "Show (hide) column",
             column_enableName: "Enable (disable) column",
             column_requireName: "Make column required",
-            column_resetValue: "Reset column value",
+            column_resetValueName: "Reset column value",
+            column_setValueName: "Set column value",
             trigger_completeName: "Complete survey",
             trigger_setvalueName: "Set answer",
             trigger_copyvalueName: "Copy answer",
@@ -27004,9 +27368,14 @@ var enStrings = {
             question_visibilityText: "make question {0} visible",
             question_enableText: "make question {0} enable",
             question_requireText: "make question {0} required",
+            question_resetValueText: "reset value for question: {0}",
+            question_setValueText: "assign value: {1} to question: {0}",
             column_visibilityText: "make column {0} of question {1} visible",
             column_enableText: "make column {0} of question {1} enable",
             column_requireText: "make column {0} of question {1} required",
+            column_resetValueText: "reset cell value for column: {0}",
+            column_setValueText: "assign cell value: {1} to column: {0}",
+            setValueExpressionPlaceholder: "An expression whose result will be assigned to the target question.",
             trigger_completeText: "survey becomes completed",
             trigger_setvalueText: "set into question: {0} value {1}",
             trigger_setvalueEmptyText: "clear question value: {0}",
@@ -27727,6 +28096,7 @@ var enStrings = {
         defaultValueExpression: "Default value expression",
         requiredIf: "Required if",
         resetValueIf: "Reset value if",
+        setValueIf: "Set value if",
         validators: "Validators",
         bindings: "Bindings",
         renderAs: "Render as",
@@ -27804,6 +28174,8 @@ var enStrings = {
         groupGeneral: "General",
         groupAdvanced: "Advanced",
         groupHeader: "Header",
+        groupBackground: "Background",
+        groupAppearance: "Appearance",
         themeName: "Theme",
         themeMode: "Question appearance",
         themeModePanels: "Default",
@@ -27815,13 +28187,14 @@ var enStrings = {
         primaryDarkColor: "Hover",
         primaryLightColor: "Selected",
         coverTitleForecolor: "Title forecolor",
-        coverOverlap: "Overlap",
+        coverDescriptionForecolor: "Description forecolor",
+        coverOverlapEnabled: "Overlap",
         backgroundDimColor: "Background color",
         backgroundImage: "Background image",
         backgroundImageFitAuto: "Auto",
         backgroundImageFitCover: "Cover",
         backgroundImageFitContain: "Contain",
-        backgroundImageFitFill: "Fill",
+        backgroundImageFitFill: "Stretch",
         backgroundImageFitTile: "Tile",
         backgroundOpacity: "Opacity",
         backgroundImageAttachmentFixed: "Fixed",
@@ -27868,12 +28241,12 @@ var enStrings = {
         questionShadow: "Shadow effects",
         editorShadow: "Input element shadow effects",
         headerView: "View",
-        headerViewTitle: "Title",
-        headerViewCover: "Cover",
-        coverAreaWidth: "Content area width",
-        coverAreaWidthSurvey: "Same as survey",
-        coverAreaWidthContainer: "Fit to page",
-        coverTextWidth: "Text width",
+        headerViewBasic: "Basic",
+        headerViewAdvanced: "Advanced",
+        coverInheritWidthFrom: "Content area width",
+        coverInheritWidthFromSurvey: "Same as survey",
+        coverInheritWidthFromPage: "Fit to page",
+        coverTextAreaWidth: "Text width",
         coverBackgroundColorSwitch: "Background color",
         coverBackgroundColorNone: "None",
         coverBackgroundColorAccentColor: "Accent color",
@@ -28065,8 +28438,8 @@ var UndoRedoPlugin = /** @class */ (function () {
     UndoRedoPlugin.prototype.update = function () {
     };
     UndoRedoPlugin.prototype.addFooterActions = function () {
-        this.model.undoAction && (this.creator.footerToolbar.actions.push(this.model.undoAction));
-        this.model.redoAction && (this.creator.footerToolbar.actions.push(this.model.redoAction));
+        this.model.undoAction && (this.creator.footerToolbar.actions.splice(2, 0, this.model.undoAction));
+        this.model.redoAction && (this.creator.footerToolbar.actions.splice(3, 0, this.model.redoAction));
     };
     return UndoRedoPlugin;
 }());
@@ -28302,6 +28675,9 @@ var UndoRedoController = /** @class */ (function (_super) {
             locTitleName: "ed.undo",
             showTitle: false,
             visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.creator.activeTab === "designer"; }),
+            needSeparator: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
+                return _this.creator.isMobileView;
+            }),
             action: function () { return _this.undo(); }
         });
         this.redoAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
@@ -28588,6 +28964,7 @@ var UndoRedoArrayAction = /** @class */ (function () {
         this._index = 0;
         this._itemsToAdd = [];
         this._deletedItems = [];
+        this.survey = _sender.getSurvey();
         this._index = arrayChanges.index;
         this._itemsToAdd = arrayChanges.itemsToAdd;
         this._deletedItems = arrayChanges.deletedItems;
@@ -28596,10 +28973,13 @@ var UndoRedoArrayAction = /** @class */ (function () {
         this.rollback();
     };
     UndoRedoArrayAction.prototype.rollback = function () {
+        this._sender = this.getSenderElement();
+        if (!this._sender)
+            return;
         var array = this._sender[this._propertyName];
         var index = this._index;
         var deleteCount = this._itemsToAdd.length;
-        var itemsToAdd = [].concat(this._deletedItems);
+        var itemsToAdd = this.getItemsToAdd();
         this._deletedItems = array.splice.apply(array, [index, deleteCount].concat(itemsToAdd));
         this._itemsToAdd = [].concat(itemsToAdd);
     };
@@ -28623,6 +29003,31 @@ var UndoRedoArrayAction = /** @class */ (function () {
     UndoRedoArrayAction.prototype.tryMerge = function (sender, propertyName, newValue) {
         return false;
     };
+    UndoRedoArrayAction.prototype.getSenderElement = function () {
+        if (!this._sender.isDisposed || !this.survey)
+            return this._sender;
+        var name = this._sender["name"];
+        if (this._sender["isPage"] === true)
+            return this.survey.getPageByName(name);
+        if (this._sender["isPanel"] === true)
+            return this.survey.getPanelByName(name);
+        if (this._sender["isQuestion"] === true)
+            return this.survey.getQuestionByName(name);
+        return this._sender;
+    };
+    UndoRedoArrayAction.prototype.getItemsToAdd = function () {
+        var res = [];
+        for (var i = 0; i < this._deletedItems.length; i++) {
+            var obj = this._deletedItems[i];
+            if (obj.isDisposed && obj.getType) {
+                var json = obj.toJSON();
+                obj = survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].createClass(obj.getType());
+                obj.fromJSON(json);
+            }
+            res.push(obj);
+        }
+        return res;
+    };
     return UndoRedoArrayAction;
 }());
 
@@ -29597,6 +30002,7 @@ var ConditionEditor = /** @class */ (function (_super) {
                             name: "conjunction",
                             type: "dropdown",
                             renderAs: "logicoperator",
+                            searchEnabled: false,
                             titleLocation: "hidden",
                             showOptionsCaption: false,
                             visibleIf: "{panelIndex} > 0",
@@ -30708,7 +31114,7 @@ var FastEntryEditor = /** @class */ (function (_super) {
 /*!************************************!*\
   !*** ./src/property-grid/index.ts ***!
   \************************************/
-/*! exports provided: setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridColorEditor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorColor, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionValue */
+/*! exports provided: setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridEditorColor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionValue */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -30724,12 +31130,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorStringBase", function() { return PropertyGridEditorStringBase; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorString", function() { return PropertyGridEditorString; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridLinkEditor", function() { return PropertyGridLinkEditor; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridColorEditor", function() { return PropertyGridColorEditor; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorColor", function() { return PropertyGridEditorColor; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorNumber", function() { return PropertyGridEditorNumber; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorImageSize", function() { return PropertyGridEditorImageSize; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorText", function() { return PropertyGridEditorText; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorHtml", function() { return PropertyGridEditorHtml; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorColor", function() { return PropertyGridEditorColor; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorStringArray", function() { return PropertyGridEditorStringArray; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorDropdown", function() { return PropertyGridEditorDropdown; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorSet", function() { return PropertyGridEditorSet; });
@@ -31916,12 +32321,10 @@ var PropertyGridLinkEditor = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     PropertyGridLinkEditor.prototype.fit = function (prop) {
-        return ["logo", "imageLink", "backgroundImage"].indexOf(prop.name) > -1;
+        return prop.type === "url" || prop.type === "file";
     };
     PropertyGridLinkEditor.prototype.getJSON = function (obj, prop, options) {
-        var _a;
-        var maxSize = ((_a = options.onUploadFile) === null || _a === void 0 ? void 0 : _a.isEmpty) ? 65536 : undefined;
-        var res = { type: "fileedit", storeDataAsText: false, maxSize: maxSize };
+        var res = { type: "fileedit", storeDataAsText: false };
         return res;
     };
     PropertyGridLinkEditor.prototype.onCreated = function (obj, question, prop, options) {
@@ -31941,19 +32344,19 @@ var PropertyGridLinkEditor = /** @class */ (function (_super) {
     return PropertyGridLinkEditor;
 }(PropertyGridEditor));
 
-var PropertyGridColorEditor = /** @class */ (function (_super) {
-    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PropertyGridColorEditor, _super);
-    function PropertyGridColorEditor() {
+var PropertyGridEditorColor = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PropertyGridEditorColor, _super);
+    function PropertyGridEditorColor() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    PropertyGridColorEditor.prototype.fit = function (prop) {
-        return ["penColor", "backgroundColor"].indexOf(prop.name) > -1;
+    PropertyGridEditorColor.prototype.fit = function (prop) {
+        return prop.type == "color";
     };
-    PropertyGridColorEditor.prototype.getJSON = function (obj, prop, options) {
+    PropertyGridEditorColor.prototype.getJSON = function (obj, prop, options) {
         var res = { type: "color", allowEmptyValue: true };
         return res;
     };
-    return PropertyGridColorEditor;
+    return PropertyGridEditorColor;
 }(PropertyGridEditor));
 
 var PropertyGridEditorNumber = /** @class */ (function (_super) {
@@ -32037,20 +32440,6 @@ var PropertyGridEditorHtml = /** @class */ (function (_super) {
     return PropertyGridEditorHtml;
 }(PropertyGridEditorStringBase));
 
-var PropertyGridEditorColor = /** @class */ (function (_super) {
-    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PropertyGridEditorColor, _super);
-    function PropertyGridEditorColor() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    PropertyGridEditorColor.prototype.fit = function (prop) {
-        return prop.type == "color";
-    };
-    PropertyGridEditorColor.prototype.getJSON = function (obj, prop, options) {
-        return { type: "text", inputType: "color" };
-    };
-    return PropertyGridEditorColor;
-}(PropertyGridEditor));
-
 var PropertyGridEditorStringArray = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PropertyGridEditorStringArray, _super);
     function PropertyGridEditorStringArray() {
@@ -32368,7 +32757,6 @@ var PropertyGridEditorQuestionValue = /** @class */ (function (_super) {
 PropertyGridEditorCollection.register(new PropertyGridEditorBoolean());
 PropertyGridEditorCollection.register(new PropertyGridEditorString());
 PropertyGridEditorCollection.register(new PropertyGridEditorNumber());
-PropertyGridEditorCollection.register(new PropertyGridEditorColor());
 PropertyGridEditorCollection.register(new PropertyGridEditorText());
 PropertyGridEditorCollection.register(new PropertyGridEditorHtml());
 PropertyGridEditorCollection.register(new PropertyGridEditorDropdown());
@@ -32380,7 +32768,7 @@ PropertyGridEditorCollection.register(new PropertyGridEditorQuestionValue());
 PropertyGridEditorCollection.register(new PropertyGridEditorQuestionSelectBase());
 PropertyGridEditorCollection.register(new PropertyGridEditorQuestionCarryForward());
 PropertyGridEditorCollection.register(new PropertyGridEditorImageSize());
-PropertyGridEditorCollection.register(new PropertyGridColorEditor());
+PropertyGridEditorCollection.register(new PropertyGridEditorColor());
 survey_core__WEBPACK_IMPORTED_MODULE_1__["QuestionFactory"].Instance.registerQuestion("buttongroup", function (name) {
     return new survey_core__WEBPACK_IMPORTED_MODULE_1__["QuestionButtonGroupModel"](name);
 });
@@ -32494,17 +32882,18 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         q.property = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].findProperty(rowObj.getType(), options.columnName);
     };
     PropertyGridEditorMatrix.prototype.onMatrixCellValueChanged = function (obj, options) {
-        var column = options.question.getColumnByName(options.columnName);
-        if (!column || !column.isUnique)
-            return;
-        options.question.visibleRows.forEach(function (row) {
-            if (row !== options.row) {
-                var q = row.getQuestionByColumnName(options.columnName);
-                if (!!q && q.errors.length > 0) {
-                    q.hasErrors();
+        var matrix = options.question;
+        var column = options.column;
+        if (matrix && column && column.isUnique) {
+            matrix.visibleRows.forEach(function (row) {
+                if (row !== options.row) {
+                    var question = row.getQuestionByColumnName(options.columnName);
+                    if (question && question.errors.length > 0 && !question.isEmpty()) {
+                        matrix.checkIfValueInRowDuplicated(row, question);
+                    }
                 }
-            }
-        });
+            });
+        }
     };
     PropertyGridEditorMatrix.prototype.onGetMatrixRowAction = function (obj, options, setObjFunc) {
         var _this = this;
@@ -32747,7 +33136,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
     PropertyGridEditorMatrix.prototype.getMaximumRowCount = function (obj, prop, options) {
         return -1;
     };
-    PropertyGridEditorMatrix.prototype.filterPropertyNames = function (propNames) {
+    PropertyGridEditorMatrix.prototype.filterPropertyNames = function (propNames, options) {
         return propNames;
     };
     PropertyGridEditorMatrix.prototype.getColumnsJSON = function (obj, prop, propNames, options) {
@@ -32755,7 +33144,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         if (!className) {
             className = prop.baseClassName;
         }
-        var res = new _index__WEBPACK_IMPORTED_MODULE_6__["PropertyJSONGenerator"](obj, options).createColumnsJSON(className, this.filterPropertyNames(propNames));
+        var res = new _index__WEBPACK_IMPORTED_MODULE_6__["PropertyJSONGenerator"](obj, options).createColumnsJSON(className, this.filterPropertyNames(propNames, options));
         for (var i = 0; i < res.length; i++) {
             if (res[i].cellType == "comment") {
                 res[i].cellType = "text";
@@ -32804,8 +33193,12 @@ var PropertyGridEditorMatrixItemValues = /** @class */ (function (_super) {
     PropertyGridEditorMatrixItemValues.prototype.fit = function (prop) {
         return (prop.isArray && survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].isDescendantOf(prop.className, "itemvalue") && prop.name != "rateValues");
     };
-    PropertyGridEditorMatrixItemValues.prototype.filterPropertyNames = function (propNames) {
-        return propNames.filter(function (p) { return p != "icon"; });
+    PropertyGridEditorMatrixItemValues.prototype.excludeTextPropertyName = function (propNames, options) {
+        var hideText = options === null || options === void 0 ? void 0 : options.inplaceEditForValues;
+        return !!hideText ? propNames.filter(function (p) { return p !== "text"; }) : propNames;
+    };
+    PropertyGridEditorMatrixItemValues.prototype.filterPropertyNames = function (propNames, options) {
+        return this.excludeTextPropertyName(propNames, options).filter(function (p) { return p != "icon"; });
     };
     PropertyGridEditorMatrixItemValues.prototype.isPropertyEditorSetupEnabled = function (obj, prop, question, options) {
         if (question.showTextView === false)
@@ -32942,8 +33335,8 @@ var PropertyGridEditorMatrixRateValues = /** @class */ (function (_super) {
             clearAction.visible = false;
         _super.prototype.onGetQuestionTitleActions.call(this, obj, options);
     };
-    PropertyGridEditorMatrixRateValues.prototype.filterPropertyNames = function (propNames) {
-        return propNames;
+    PropertyGridEditorMatrixRateValues.prototype.filterPropertyNames = function (propNames, options) {
+        return this.excludeTextPropertyName(propNames, options);
     };
     return PropertyGridEditorMatrixRateValues;
 }(PropertyGridEditorMatrixItemValues));
@@ -34061,6 +34454,8 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "bindings", tab: "logic" },
                 { name: "defaultValueExpression", tab: "logic" },
                 { name: "resetValueIf", tab: "logic" },
+                { name: "setValueIf", tab: "logic" },
+                { name: "setValueExpression", tab: "logic" },
                 { name: "page", tab: "layout" },
                 { name: "startWithNewLine", tab: "layout" },
                 { name: "hideNumber", tab: "layout" },
@@ -34375,6 +34770,8 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "requiredIf", tab: "logic" },
                 { name: "defaultValueExpression", tab: "logic" },
                 { name: "resetValueIf", tab: "logic" },
+                { name: "setValueIf", tab: "logic" },
+                { name: "setValueExpression", tab: "logic" },
                 { name: "totalType", tab: "totals" },
                 { name: "totalDisplayStyle", tab: "totals" },
                 { name: "totalCurrency", tab: "totals" },
@@ -35099,13 +35496,34 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./creator-settings */ "./src/creator-settings.ts");
-/* harmony import */ var _toolbox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./toolbox */ "./src/toolbox.ts");
-
 
 
 var QuestionConverter = /** @class */ (function () {
     function QuestionConverter() {
     }
+    Object.defineProperty(QuestionConverter, "convertInfo", {
+        get: function () {
+            if (!QuestionConverter.convertInfoValue) {
+                QuestionConverter.convertInfoValue = {};
+                QuestionConverter.createDefaultQuestionConverterItems();
+            }
+            return QuestionConverter.convertInfoValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionConverter.createDefaultQuestionConverterItems = function () {
+        var classes = survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].getChildrenClasses("selectbase", true);
+        for (var i = 0; i < classes.length; i++) {
+            for (var j = 0; j < classes.length; j++) {
+                if (i == j)
+                    continue;
+                QuestionConverter.addConvertInfo(classes[i].name, classes[j].name);
+            }
+        }
+        QuestionConverter.addConvertInfo("text", "comment");
+        QuestionConverter.addConvertInfo("comment", "text");
+    };
     QuestionConverter.addConvertInfo = function (className, convertToClassName) {
         if (!QuestionConverter.convertInfo[className]) {
             QuestionConverter.convertInfo[className] = [];
@@ -35128,24 +35546,29 @@ var QuestionConverter = /** @class */ (function () {
         }
         return !!res ? res : [];
     };
-    QuestionConverter.convertObject = function (obj, convertToClass, defaultJSON) {
+    QuestionConverter.convertObject = function (obj, convertToClass, defaultObjJSON, defaultJSON) {
+        if (defaultObjJSON === void 0) { defaultObjJSON = null; }
         if (defaultJSON === void 0) { defaultJSON = null; }
         if (!obj || !obj.parent || convertToClass == obj.getType())
             return null;
-        var questionDefaultSettings = _toolbox__WEBPACK_IMPORTED_MODULE_2__["QuestionToolbox"].getQuestionDefaultSettings(convertToClass);
-        var newQuestion = survey_core__WEBPACK_IMPORTED_MODULE_0__["QuestionFactory"].Instance.createQuestion(convertToClass, obj.name);
+        var newQuestion = !defaultJSON ? survey_core__WEBPACK_IMPORTED_MODULE_0__["QuestionFactory"].Instance.createQuestion(convertToClass, obj.name) : undefined;
         if (!newQuestion) {
             newQuestion = survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].createClass(convertToClass, {});
         }
-        if (newQuestion instanceof survey_core__WEBPACK_IMPORTED_MODULE_0__["QuestionSelectBase"] && (questionDefaultSettings === null || questionDefaultSettings === void 0 ? void 0 : questionDefaultSettings.choices))
-            newQuestion.choices = null;
         newQuestion.name = obj.name;
-        var json = newQuestion.toJSON();
+        var json = defaultJSON ? survey_core__WEBPACK_IMPORTED_MODULE_0__["Helpers"].createCopy(defaultJSON) : newQuestion.toJSON();
         var qJson = obj.toJSON();
+        if (defaultObjJSON) {
+            for (var key in defaultObjJSON) {
+                if (qJson[key] && survey_core__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(qJson[key], defaultObjJSON[key])) {
+                    delete qJson[key];
+                }
+            }
+        }
         for (var key in qJson) {
             json[key] = qJson[key];
         }
-        QuestionConverter.updateJSON(json, convertToClass, obj.getType(), defaultJSON);
+        QuestionConverter.updateJSON(json, convertToClass, obj.getType());
         newQuestion.fromJSON(json);
         QuestionConverter.removeValidators(newQuestion);
         var panel = obj.parent;
@@ -35157,37 +35580,12 @@ var QuestionConverter = /** @class */ (function () {
         newQuestion.onSurveyLoad();
         return newQuestion;
     };
-    QuestionConverter.updateJSON = function (json, convertToClass, convertFromClass, defaultJSON) {
-        QuestionConverter.updateJSONFromQuestionDefaultSettings(json, convertToClass, defaultJSON);
-        QuestionConverter.updateJSONForRating(json, convertToClass, defaultJSON);
+    QuestionConverter.updateJSON = function (json, convertToClass, convertFromClass) {
+        QuestionConverter.updateJSONForRating(json, convertToClass);
         QuestionConverter.updateJSONForMatrices(json, convertToClass, convertFromClass);
         QuestionConverter.updateJSONForPanels(json, convertToClass, convertFromClass);
         QuestionConverter.updateJSONForBarrating(json, convertToClass);
     };
-    QuestionConverter.updateJSONFromQuestionDefaultSettings = function (json, convertToClass, defaultJSON) {
-        var questionDefaultSettings = _toolbox__WEBPACK_IMPORTED_MODULE_2__["QuestionToolbox"].getQuestionDefaultSettings(convertToClass);
-        if (!questionDefaultSettings)
-            return;
-        if (convertToClass === "image" && !json.imageLink) {
-            json.imageLink = questionDefaultSettings.imageLink;
-        }
-        if (convertToClass === "imagepicker" ||
-            convertToClass === "dropdown" ||
-            convertToClass === "checkbox" ||
-            convertToClass === "radiogroup" ||
-            convertToClass === "ranking") {
-            if (!json.choices) {
-                json.choices = questionDefaultSettings.choices;
-            }
-        }
-        else {
-            for (var key in questionDefaultSettings) {
-                if (!defaultJSON || !defaultJSON[key]) {
-                    json[key] = questionDefaultSettings[key];
-                }
-            }
-        }
-    };
     QuestionConverter.updateJSONForMatrices = function (json, convertToClass, convertFromClass) {
         if (survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].isDescendantOf(convertToClass, "matrix") &&
             survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].isDescendantOf(convertFromClass, "matrixdropdownbase") &&
@@ -35207,12 +35605,9 @@ var QuestionConverter = /** @class */ (function () {
             return "col" + val;
         return val;
     };
-    QuestionConverter.updateJSONForRating = function (json, convertToClass, defaultJSON) {
+    QuestionConverter.updateJSONForRating = function (json, convertToClass) {
         if (convertToClass === "rating" && json.choices) {
-            if (!defaultJSON || !defaultJSON.choices ||
-                !survey_core__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isArraysEqual(defaultJSON.choices, json.choices)) {
-                json.rateValues = json.choices;
-            }
+            json.rateValues = json.choices;
         }
         if (!!json.rateValues && !survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].isDescendantOf(convertToClass, "matrixdropdownbase")) {
             json.choices = json.rateValues;
@@ -35249,7 +35644,6 @@ var QuestionConverter = /** @class */ (function () {
             }
         }
     };
-    QuestionConverter.convertInfo = {};
     return QuestionConverter;
 }());
 
@@ -35274,19 +35668,6 @@ function getAllQuestionTypes(className, includeCurrent) {
     }
     return res;
 }
-function createDefaultQuestionConverterItems() {
-    var classes = survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].getChildrenClasses("selectbase", true);
-    for (var i = 0; i < classes.length; i++) {
-        for (var j = 0; j < classes.length; j++) {
-            if (i == j)
-                continue;
-            QuestionConverter.addConvertInfo(classes[i].name, classes[j].name);
-        }
-    }
-    QuestionConverter.addConvertInfo("text", "comment");
-    QuestionConverter.addConvertInfo("comment", "text");
-}
-createDefaultQuestionConverterItems();
 
 
 /***/ }),