survey-creator-core 1.9.110 → 1.9.112

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.110
+ * 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.110
+ * 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)
  */
@@ -5536,6 +5536,9 @@ var ItemValueWrapperViewModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(ItemValueWrapperViewModel.prototype, "allowRemove", {
         get: function () {
+            var minChoices = this.creator.minimumChoicesCount;
+            if (minChoices > 0 && minChoices >= this.question.choices.length)
+                return false;
             var isNew = !this.question.isItemInList(this.item);
             return !this.creator.readOnly && this.canTouchItems && (this.allowItemOperations.allowDelete) && !isNew;
         },
@@ -7033,9 +7036,7 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
             _this.dragDropHelper.startDragSurveyElement(event, element, isElementSelected);
             return true;
         };
-        _this.questionTypeSelectorModel = _this.creator.getQuestionTypeSelectorModel(function (type) {
-            _this.currentAddQuestionType = type;
-        }, _this.surveyElement instanceof survey_core__WEBPACK_IMPORTED_MODULE_1__["PanelModelBase"] ? _this.surveyElement : null);
+        _this.questionTypeSelectorModel = _this.creator.getQuestionTypeSelectorModel(function (type) { _this.currentAddQuestionType = type; }, _this.surveyElement);
         _this.actionContainer.sizeMode = "small";
         if (surveyElement.isQuestion &&
             !!surveyElement["setCanShowOptionItemCallback"]) {
@@ -7238,7 +7239,10 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
     };
     QuestionAdornerViewModel.prototype.getConvertToTypesActions = function () {
         var _this = this;
-        var convertClasses = _questionconverter__WEBPACK_IMPORTED_MODULE_3__["QuestionConverter"].getConvertToClasses(this.currentType, this.creator.toolbox.itemNames, true);
+        var availableItems = this.creator.getAvailableToolboxItems(this.element, false);
+        var itemNames = [];
+        availableItems.forEach(function (item) { return itemNames.push(item.typeName); });
+        var convertClasses = _questionconverter__WEBPACK_IMPORTED_MODULE_3__["QuestionConverter"].getConvertToClasses(this.currentType, itemNames, true);
         var res = [];
         var lastItem = null;
         convertClasses.forEach(function (className) {
@@ -7337,10 +7341,10 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
             id: "isrequired",
             ariaChecked: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.isRequired; }),
             ariaRole: "checkbox",
-            css: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.isRequired ? "sv-action-bar-item--secondary" : ""; }),
+            css: "sv-action-bar-item--secondary",
             title: this.creator.getLocString("pe.isRequired"),
             visibleIndex: 20,
-            iconName: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.isRequired ? "icon-switch-active_16x16" : "icon-switch-inactive_16x16"; }),
+            iconName: "icon-required",
             iconSize: 16,
             action: function () {
                 if (_this.creator.isCanModifyProperty(_this.surveyElement, "isRequired")) {
@@ -7348,11 +7352,10 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
                 }
             }
         });
-        this.surveyElement.registerFunctionOnPropertyValueChanged("isRequired", function (value) {
-            requiredAction.iconName = value ? "icon-switch-active_16x16" : "icon-switch-inactive_16x16";
-            requiredAction.css = value ? "sv-action-bar-item--secondary" : "";
-            requiredAction.innerItem.iconName = requiredAction.iconName;
-        }, "isRequiredAdorner");
+        requiredAction.innerCss = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return new survey_core__WEBPACK_IMPORTED_MODULE_1__["CssClassBuilder"]().append("svc-required-action").append("svc-required-action--active", _this.isRequired).toString(); });
+        requiredAction.innerItem.title = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
+            return _this.isRequired ? _this.creator.getLocString("pe.removeRequiredMark") : _this.creator.getLocString("pe.markRequired");
+        });
         return requiredAction;
     };
     QuestionAdornerViewModel.prototype.buildActions = function (items) {
@@ -9047,9 +9050,6 @@ var TabDesignerPlugin = /** @class */ (function () {
         });
         this.toolboxTab = this.creator.sidebar.addTab("toolbox", "svc-toolbox", creator);
         this.creator.onPropertyChanged.add(function (sender, options) {
-            if (options.name === "isMobileView") {
-                _this.updatePropertyGridTabCaption();
-            }
             if (options.name === "toolboxLocation") {
                 if (_this.toolboxTab.visible && options.newVal !== "sidebar") {
                     _this.propertyGridTab.visible = true;
@@ -9057,13 +9057,9 @@ var TabDesignerPlugin = /** @class */ (function () {
                 _this.toolboxTab.visible = options.newVal === "sidebar";
             }
         });
-        this.propertyGrid.onPropertyChanged.add(function (sender, options) {
-            if (options.name === "selectedElementName") {
-                _this.updatePropertyGridTabCaption();
-            }
-        });
         this.createActions().forEach(function (action) { return creator.toolbar.actions.push(action); });
         creator.registerShortcut("delete", {
+            affectedTab: "designer",
             hotKey: {
                 keyCode: 46,
             },
@@ -9091,9 +9087,6 @@ var TabDesignerPlugin = /** @class */ (function () {
         var _this = this;
         return new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.creator.activeTab === "designer"; });
     };
-    TabDesignerPlugin.prototype.updatePropertyGridTabCaption = function () {
-        this.propertyGridTab.caption = this.creator.isMobileView ? this.propertyGrid.selectedElementName : "";
-    };
     TabDesignerPlugin.prototype.activate = function () {
         this.model = new _designer__WEBPACK_IMPORTED_MODULE_4__["TabDesignerViewModel"](this.creator);
         this.creator.sidebar.activeTab = this.propertyGridTab.id;
@@ -9166,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",
@@ -9198,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;
 }());
@@ -9921,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");
@@ -9948,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 {
@@ -10021,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) {
@@ -10377,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");
+
 
 
 
@@ -10588,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"
+                                }]
+                        }
                     ]
                 }
             ]
@@ -10634,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 ";
@@ -10666,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";
         }
@@ -12397,6 +12458,25 @@ var SurveyLogicTypes = /** @class */ (function () {
             baseClass: "question",
             propertyName: "requiredIf",
         },
+        {
+            name: "question_resetValue",
+            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",
@@ -12412,6 +12492,25 @@ var SurveyLogicTypes = /** @class */ (function () {
             baseClass: "matrixdropdowncolumn",
             propertyName: "requiredIf",
         },
+        {
+            name: "column_resetValue",
+            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",
@@ -12553,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);
+}
 
 
 /***/ }),
@@ -13748,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);
@@ -13925,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"]({
@@ -13947,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;
 }());
@@ -14043,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",
@@ -14412,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", {
@@ -14458,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
@@ -14499,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();
@@ -14527,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;
@@ -14569,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) {
@@ -14580,18 +14701,25 @@ 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.blockThemeChangedNotifications += 1;
+        this.blockChanges = true;
         try {
             this.setJSON(json, this.startThemeClasses);
             this.updatePageList();
+            this.updatePropertyGridEditors(this.themeEditorSurvey);
             this.updatePropertyGridEditorsAvailability();
+            this.buildActions();
             if (options.showPagesInTestSurveyTab !== undefined) {
                 this.showPagesInTestSurveyTab = options.showPagesInTestSurveyTab;
             }
         }
         finally {
-            this.blockThemeChangedNotifications -= 1;
+            this.blockChanges = false;
         }
     };
     ThemeBuilder.prototype.updatePageItem = function (page) {
@@ -14639,8 +14767,69 @@ var ThemeBuilder = /** @class */ (function (_super) {
     ThemeBuilder.prototype.testAgain = function () {
         this.setJSON(this.json, this.simulator.survey.css);
         this.updatePageList();
+        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);
@@ -14669,6 +14858,12 @@ var ThemeBuilder = /** @class */ (function (_super) {
         }
         return null;
     };
+    ThemeBuilder.prototype.getPredefinedColorsItemValues = function () {
+        var _this = this;
+        return Object.keys(_themes__WEBPACK_IMPORTED_MODULE_11__["PredefinedColors"][this.themePalette]).map(function (colorName) {
+            return new survey_core__WEBPACK_IMPORTED_MODULE_2__["ItemValue"](_themes__WEBPACK_IMPORTED_MODULE_11__["PredefinedColors"][_this.themePalette][colorName], Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.colors." + colorName));
+        });
+    };
     ThemeBuilder.prototype.initializeColorCalculator = function () {
         if (!this.currentTheme.cssVariables["--sjs-primary-backcolor"] ||
             !this.currentTheme.cssVariables["--sjs-primary-backcolor-light"] ||
@@ -14703,6 +14898,22 @@ var ThemeBuilder = /** @class */ (function (_super) {
         }
         return false;
     };
+    ThemeBuilder.prototype.headerViewContainerPropertiesChanged = function (options) {
+        var headerSettings = options.value[0];
+        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.header = this.getCoverJson(headerSettings);
+            this.setCoverCssVariables(headerSettings);
+        }
+        this.updateSimulatorTheme();
+        this.raiseThemeChanged();
+        this.raiseThemeModified(options);
+    };
     ThemeBuilder.prototype.cssVariablePropertiesChanged = function (options) {
         var _a, _b;
         if (options.name.indexOf("--") === 0) {
@@ -14789,6 +15000,9 @@ var ThemeBuilder = /** @class */ (function (_super) {
                 }
                 return;
             }
+            if (options.name === "headerViewContainer") {
+                _this.headerViewContainerPropertiesChanged(options);
+            }
             _this.cssVariablePropertiesChanged(options);
             _this.blockThemeChangedNotifications += 1;
             _this.updateDependentQuestionValues(options);
@@ -14813,21 +15027,33 @@ 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;
+        return Object(_themes__WEBPACK_IMPORTED_MODULE_11__["findSuitableTheme"])(themeName, probeThemeFullName);
+    };
+    ThemeBuilder.prototype.getCoverJson = function (headerSettings) {
+        var result = {};
+        survey_core__WEBPACK_IMPORTED_MODULE_2__["Serializer"].getProperties("cover").map(function (pr) { return pr.name; })
+            .filter(function (key) { return headerSettings[key] !== undefined && headerSettings[key] !== null; })
+            .forEach(function (key) {
+            result[key] = headerSettings[key];
+        });
+        result["backgroundImageOpacity"] = headerSettings["backgroundImageOpacity"] / 100;
+        return result;
+    };
+    ThemeBuilder.prototype.setCoverCssVariables = function (headerSettings) {
+        var coverBackgroundColorValue = "trasparent";
+        if (headerSettings["backgroundColorSwitch"] === "accentColor") {
+            coverBackgroundColorValue = this.currentTheme.cssVariables["--sjs-primary-backcolor"];
         }
-        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" : "");
-            }
+        else if (headerSettings["backgroundColorSwitch"] === "custom") {
+            coverBackgroundColorValue = headerSettings.backgroundColor;
+        }
+        this.themeCssVariablesChanges["--sjs-cover-backcolor"] = coverBackgroundColorValue;
+        if (!!headerSettings["titleForecolor"]) {
+            this.themeCssVariablesChanges["--sjs-cover-title-forecolor"] = headerSettings.titleForecolor;
+        }
+        if (!!headerSettings["descriptionForecolor"]) {
+            this.themeCssVariablesChanges["--sjs-cover-description-forecolor"] = headerSettings.descriptionForecolor;
         }
-        return _themes__WEBPACK_IMPORTED_MODULE_11__["Themes"][probeThemeFullName] || _themes__WEBPACK_IMPORTED_MODULE_11__["Themes"][appropriateThemeNames[0]];
     };
     ThemeBuilder.prototype.loadThemeIntoPropertyGrid = function () {
         this.blockChanges = true;
@@ -14844,6 +15070,62 @@ var ThemeBuilder = /** @class */ (function (_super) {
             this.blockChanges = false;
         }
     };
+    ThemeBuilder.prototype.getBackgroundColorSwitchByValue = function (backgroundColor) {
+        if (!backgroundColor)
+            return "none";
+        if (backgroundColor === this.currentTheme.cssVariables["--sjs-primary-backcolor"])
+            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");
+        var panel = headerViewContainerQuestion.panels[0];
+        panel.getQuestionByName("backgroundColor").choices = this.getPredefinedColorsItemValues();
+        if (!!this.survey) {
+            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.header[key] * 100;
+                }
+                else if (question) {
+                    question.value = _this.currentTheme.header[key];
+                }
+            });
+            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 (!!backgroundColorValue) {
+                panel.getQuestionByName("backgroundColorSwitch").value = this.getBackgroundColorSwitchByValue(backgroundColorValue);
+            }
+        }
+    };
     ThemeBuilder.prototype.updatePropertyGridEditorsAvailability = function () {
         var isCustomTheme = _themes__WEBPACK_IMPORTED_MODULE_11__["PredefinedThemes"].indexOf(this.themeName) === -1;
         this.themeEditorSurvey.getQuestionByName("themeMode").readOnly = isCustomTheme;
@@ -14874,6 +15156,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
         themeEditorSurvey.getQuestionByName("backgroundImageAttachment").value = this.backgroundImageAttachment;
         themeEditorSurvey.getQuestionByName("generalPrimaryColor").value = themeEditorSurvey.getQuestionByName("--sjs-primary-backcolor").value;
         themeEditorSurvey.getQuestionByName("generalBackcolorDimColor").value = themeEditorSurvey.getQuestionByName("--sjs-general-backcolor-dim").value;
+        this.updateHeaderViewContainerEditors(newCssVariables);
         Object(_theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_9__["elementSettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("questionPanel"), newCssVariables, newCssVariables["--sjs-general-backcolor"], newCssVariables["--sjs-general-backcolor-dark"]);
         Object(_theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_9__["elementSettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("editorPanel"), newCssVariables, newCssVariables["--sjs-general-backcolor-dim-light"], newCssVariables["--sjs-general-backcolor-dim-dark"]);
         Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("surveyTitle"), newCssVariables);
@@ -14893,7 +15176,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
         }
         themeEditorSurvey.getAllQuestions().forEach(function (question) {
             if (["color", "colorsettings"].indexOf(question.getType()) !== -1) {
-                question.choices = Object.keys(_themes__WEBPACK_IMPORTED_MODULE_11__["PredefinedColors"][_this.themePalette]).map(function (colorName) { return new survey_core__WEBPACK_IMPORTED_MODULE_2__["ItemValue"](_themes__WEBPACK_IMPORTED_MODULE_11__["PredefinedColors"][_this.themePalette][colorName], Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.colors." + colorName)); });
+                question.choices = _this.getPredefinedColorsItemValues();
             }
         });
     };
@@ -14917,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: [
@@ -14953,16 +15237,204 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     defaultValue: "panels"
                                 }
                             ]
-                        },
+                        }
+                    ]
+                }, {
+                    type: "panel",
+                    name: "groupHeader",
+                    state: "collapsed",
+                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupHeader"),
+                    elements: [
                         {
                             type: "panel",
                             elements: [
                                 {
-                                    type: "color",
-                                    name: "generalPrimaryColor",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryColor"),
-                                    descriptionLocation: "hidden",
-                                },
+                                    "type": "paneldynamic",
+                                    "name": "headerViewContainer",
+                                    "titleLocation": "hidden",
+                                    "allowAddPanel": false,
+                                    "allowRemovePanel": false,
+                                    "panelCount": 1,
+                                    "defaultValue": [
+                                        {
+                                            "headerView": "basic",
+                                            "logoPosition": "right",
+                                            "inheritWidthFrom": "survey",
+                                            "backgroundColorSwitch": "none",
+                                            "backgroundImageFit": "cover",
+                                            "backgroundImageOpacity": 100,
+                                            "overlapEnabled": false,
+                                            "logoPositionX": "right",
+                                            "logoPositionY": "top",
+                                            "titlePositionX": "left",
+                                            "titlePositionY": "bottom",
+                                            "descriptionPositionX": "left",
+                                            "descriptionPositionY": "bottom",
+                                            "textAreaWidth": 512,
+                                            "height": 256
+                                        }
+                                    ],
+                                    "templateElements": [
+                                        {
+                                            type: "panel",
+                                            questionTitleLocation: "top",
+                                            elements: [
+                                                {
+                                                    type: "buttongroup",
+                                                    name: "headerView",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.headerView"),
+                                                    choices: [
+                                                        { 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} = '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") }
+                                                    ],
+                                                },
+                                                {
+                                                    type: "spinedit",
+                                                    name: "height",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("p.height"),
+                                                    descriptionLocation: "hidden",
+                                                    visibleIf: "{panel.headerView} = 'advanced'",
+                                                    unit: "px",
+                                                    min: 0
+                                                },
+                                                {
+                                                    type: "buttongroup",
+                                                    name: "inheritWidthFrom",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverInheritWidthFrom"),
+                                                    choices: [
+                                                        { 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} = 'advanced'",
+                                                },
+                                                {
+                                                    type: "spinedit",
+                                                    name: "textAreaWidth",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverTextAreaWidth"),
+                                                    descriptionLocation: "hidden",
+                                                    visibleIf: "{panel.headerView} = 'advanced'",
+                                                    unit: "px",
+                                                    min: 0
+                                                }
+                                            ]
+                                        }, {
+                                            type: "panel",
+                                            questionTitleLocation: "top",
+                                            visibleIf: "{panel.headerView} = 'advanced'",
+                                            elements: [
+                                                {
+                                                    type: "buttongroup",
+                                                    name: "backgroundColorSwitch",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverBackgroundColorSwitch"),
+                                                    choices: [
+                                                        { value: "none", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverBackgroundColorNone") },
+                                                        { value: "accentColor", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverBackgroundColorAccentColor") },
+                                                        { value: "custom", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverBackgroundColorCustom") },
+                                                    ],
+                                                },
+                                                {
+                                                    type: "color",
+                                                    name: "backgroundColor",
+                                                    enableIf: "{panel.backgroundColorSwitch} = 'custom'",
+                                                    titleLocation: "hidden",
+                                                    descriptionLocation: "hidden",
+                                                },
+                                                {
+                                                    type: "panel",
+                                                    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: "{panel.backgroundImage} notempty",
+                                                            titleLocation: "hidden",
+                                                            choices: [
+                                                                { value: "cover", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitCover") },
+                                                                { value: "fill", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitFill") },
+                                                                { value: "contain", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitContain") },
+                                                                { value: "tile", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitTile") },
+                                                            ],
+                                                        },
+                                                        {
+                                                            type: "spinedit",
+                                                            name: "backgroundImageOpacity",
+                                                            enableIf: "{panel.backgroundImage} notempty",
+                                                            titleLocation: "left",
+                                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundOpacity"),
+                                                            descriptionLocation: "hidden",
+                                                            unit: "%",
+                                                            min: 0,
+                                                            max: 100,
+                                                            step: 5
+                                                        },
+                                                    ]
+                                                },
+                                                {
+                                                    type: "color",
+                                                    name: "titleForecolor",
+                                                    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: "overlapEnabled",
+                                                    renderAs: "checkbox",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverOverlapEnabled"),
+                                                    titleLocation: "hidden",
+                                                    descriptionLocation: "hidden",
+                                                }
+                                            ]
+                                        }, {
+                                            type: "panel",
+                                            questionTitleLocation: "top",
+                                            visibleIf: "{panel.headerView} = 'advanced'",
+                                            elements: [
+                                                this.getHorizontalAlignment("logoPositionX", Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.logoPosition"), "right"),
+                                                this.getVerticalAlignment("logoPositionY", "top"),
+                                                this.getHorizontalAlignment("titlePositionX", Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverTitlePosition"), "left"),
+                                                this.getVerticalAlignment("titlePositionY", "bottom"),
+                                                this.getHorizontalAlignment("descriptionPositionX", Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverDescriptionPosition"), "left"),
+                                                this.getVerticalAlignment("descriptionPositionY", "bottom"),
+                                            ]
+                                        }
+                                    ]
+                                }
+                            ]
+                        }
+                    ]
+                }, {
+                    type: "panel",
+                    name: "groupBackground",
+                    state: "collapsed",
+                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupBackground"),
+                    elements: [
+                        {
+                            type: "panel",
+                            elements: [
                                 {
                                     type: "color",
                                     name: "generalBackcolorDimColor",
@@ -14979,7 +15451,6 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                             storeDataAsText: false,
                                             name: "backgroundImage",
                                             titleLocation: "hidden",
-                                            maxSize: this.surveyProvider.onUploadFile.isEmpty ? 65536 : undefined,
                                             acceptedTypes: "image/*",
                                             placeholder: "Browse..."
                                         },
@@ -15020,6 +15491,24 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                             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",
@@ -15094,6 +15583,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                     ]
                 }, {
                     type: "panel",
+                    name: "groupAdvanced",
                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupAdvanced"),
                     state: "collapsed",
                     elements: [
@@ -15332,6 +15822,32 @@ var ThemeBuilder = /** @class */ (function (_super) {
         };
         return themeEditorSurveyJSON;
     };
+    ThemeBuilder.prototype.getHorizontalAlignment = function (questionName, title, defaultValue) {
+        return {
+            type: "buttongroup",
+            name: questionName,
+            title: title,
+            choices: [
+                { value: "left", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.horizontalAlignmentLeft") },
+                { value: "center", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.horizontalAlignmentCenter") },
+                { value: "right", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.horizontalAlignmentRight") },
+            ],
+            defaultValue: defaultValue
+        };
+    };
+    ThemeBuilder.prototype.getVerticalAlignment = function (questionName, defaultValue) {
+        return {
+            type: "buttongroup",
+            name: questionName,
+            titleLocation: "hidden",
+            choices: [
+                { value: "top", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.verticalAlignmentTop") },
+                { value: "middle", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.verticalAlignmentMiddle") },
+                { value: "bottom", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.verticalAlignmentBottom") },
+            ],
+            defaultValue: defaultValue
+        };
+    };
     ThemeBuilder.prototype.dispose = function () {
         var _a;
         (_a = this.themeEditorSurveyValue) === null || _a === void 0 ? void 0 : _a.dispose();
@@ -15380,6 +15896,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                         survey.currentPage = val;
                     }
                 }
+                target.updatePrevNextPageActionState();
             }
         })
     ], ThemeBuilder.prototype, "activePage", void 0);
@@ -15874,8 +16391,24 @@ __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;
         this.creator = creator;
         this.simulatorTheme = survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyCss"][survey_core__WEBPACK_IMPORTED_MODULE_0__["defaultV2ThemeName"]];
         this._availableThemes = _themes__WEBPACK_IMPORTED_MODULE_4__["PredefinedThemes"];
@@ -15902,7 +16435,35 @@ var ThemeTabPlugin = /** @class */ (function () {
         this.createActions().forEach(function (action) { return creator.toolbar.actions.push(action); });
         this.sidebarTab = this.creator.sidebar.addTab("theme");
         this.sidebarTab.caption = _editorLocalization__WEBPACK_IMPORTED_MODULE_1__["editorLocalization"].getString("ed.themePropertyGridTitle");
+        creator.registerShortcut("undo_theme", {
+            name: "undo",
+            affectedTab: "theme",
+            hotKey: {
+                ctrlKey: true,
+                keyCode: 90,
+            },
+            macOsHotkey: {
+                keyCode: 90,
+            },
+            execute: function () { return _this.undo(); }
+        });
+        creator.registerShortcut("redo_theme", {
+            name: "redo",
+            affectedTab: "theme",
+            hotKey: {
+                ctrlKey: true,
+                keyCode: 89,
+            },
+            macOsHotkey: {
+                keyCode: 89,
+            },
+            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";
@@ -15910,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;
@@ -15924,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();
@@ -15932,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;
             }
         });
@@ -15958,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) {
@@ -15985,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,
@@ -15998,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"]({
@@ -16006,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);
@@ -16017,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();
             }
@@ -16033,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,
@@ -16073,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 () {
@@ -16081,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 () {
@@ -16109,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 () {
@@ -16149,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;
 }());
 
@@ -16160,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";
@@ -16169,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__);
@@ -16177,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";
     }
@@ -16212,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]];
+}
 
 
 /***/ }),
@@ -16387,42 +17022,11 @@ var TabTranslationPlugin = /** @class */ (function () {
             }
         });
         items.push(this.mergeLocaleWithDefaultAction);
-        this.importCsvAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
-            id: "svc-translation-import",
-            iconName: "icon-load",
-            locTitleName: "ed.translationImportFromSCVButton",
-            locTooltipName: "ed.translationImportFromSCVButton",
-            visible: false,
-            mode: "small",
-            component: "sv-action-bar-item",
-            needSeparator: true,
-            action: function () {
-                if (!document)
-                    return;
-                if (!_this.inputFileElement) {
-                    _this.inputFileElement = document.createElement("input");
-                    _this.inputFileElement.type = "file";
-                    _this.inputFileElement.style.display = "none";
-                    _this.inputFileElement.onchange = function () {
-                        _this.model.importFromCSVFileUI(_this.inputFileElement);
-                    };
-                }
-                _this.inputFileElement.click();
-            }
-        });
+        this.importCsvAction = Object(_translation__WEBPACK_IMPORTED_MODULE_2__["createImportCSVAction"])(function () { _this.model.importFromCSVFileDOM(); }, true);
+        this.importCsvAction.visible = false;
         items.push(this.importCsvAction);
-        this.exportCsvAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
-            id: "svc-translation-export",
-            iconName: "icon-download",
-            locTitleName: "ed.translationExportToSCVButton",
-            locTooltipName: "ed.translationExportToSCVButton",
-            visible: false,
-            mode: "small",
-            component: "sv-action-bar-item",
-            action: function () {
-                _this.model.exportToCSVFileUI();
-            }
-        });
+        this.exportCsvAction = Object(_translation__WEBPACK_IMPORTED_MODULE_2__["createExportCSVAction"])(function () { _this.model.exportToCSVFileUI(); });
+        this.exportCsvAction.visible = false;
         items.push(this.exportCsvAction);
         return items;
     };
@@ -16517,6 +17121,7 @@ var translationCss = {
     logoImage: "st-logo__image",
     headerText: "st-header__text",
     navigationButton: "",
+    bodyNavigationButton: "st-navigation-btn",
     completedPage: "st-completedpage",
     navigation: {
         complete: "st-btn st-footer__complete-btn",
@@ -16826,7 +17431,7 @@ var translationCss = {
 /*!********************************************!*\
   !*** ./src/components/tabs/translation.ts ***!
   \********************************************/
-/*! exports provided: TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation */
+/*! exports provided: TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, TranslationEditor, createImportCSVAction, createExportCSVAction */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -16836,6 +17441,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TranslationItem", function() { return TranslationItem; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TranslationGroup", function() { return TranslationGroup; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Translation", function() { return Translation; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TranslationEditor", function() { return TranslationEditor; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createImportCSVAction", function() { return createImportCSVAction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createExportCSVAction", function() { return createExportCSVAction; });
 /* 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");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
@@ -16906,6 +17514,7 @@ var TranslationItemBase = /** @class */ (function (_super) {
         this.fireOnObjCreating();
     };
     TranslationItemBase.prototype.deleteLocaleStrings = function (locale) { };
+    TranslationItemBase.prototype.applyEditLocale = function (locale) { };
     TranslationItemBase.prototype.fireOnObjCreating = function (obj) {
         if (obj === void 0) { obj = null; }
         if (this.translation) {
@@ -16928,7 +17537,7 @@ var TranslationItemString = /** @class */ (function (_super) {
     }
     TranslationItemString.prototype.onPropertyValueChanged = function (name, oldValue, newValue) {
         _super.prototype.onPropertyValueChanged.call(this, name, oldValue, newValue);
-        if (name === "text") {
+        if (!this.isReadOnly && name === "text") {
             this.locString.setLocaleText(this.locale, newValue);
         }
     };
@@ -17007,9 +17616,17 @@ var TranslationItem = /** @class */ (function (_super) {
         !!this.translation.tranlationChangedCallback &&
             this.translation.tranlationChangedCallback(loc, this.name, newValue, this.context);
     };
+    TranslationItem.prototype.applyEditLocale = function (locale) {
+        var itemStr = this.values(locale);
+        if (!!itemStr && !!itemStr.text) {
+            this.setLocText(locale, itemStr.text);
+        }
+    };
     TranslationItem.prototype.values = function (loc) {
+        var _a;
         if (!this.hashValues[loc]) {
             var val = new TranslationItemString(this.locString, loc);
+            val.isReadOnly = !!((_a = this.translation) === null || _a === void 0 ? void 0 : _a.getEditLocale());
             if (!loc) {
                 val.placeholder = this.defaultValue;
             }
@@ -17030,7 +17647,22 @@ var TranslationItem = /** @class */ (function (_super) {
         }
     };
     TranslationItem.prototype.toJSON = function () {
+        var _this = this;
         var json = this.locString.getJson();
+        var keys = Object.keys(this.hashValues);
+        if (keys.length > 0) {
+            keys.forEach(function (loc) {
+                var text = _this.hashValues[loc].text;
+                if (!!text) {
+                    if (!json)
+                        json = {};
+                    if (typeof json === "string") {
+                        json = { default: json };
+                    }
+                    json[loc] = text;
+                }
+            });
+        }
         json = this.correctJSON(json);
         if (!json || typeof json === "string")
             return { default: json };
@@ -17061,8 +17693,16 @@ var TranslationItem = /** @class */ (function (_super) {
     TranslationItem.prototype.deleteLocaleStrings = function (locale) {
         this.setLocText(locale, undefined);
     };
+    TranslationItem.prototype.getDefaultLocaleText = function () {
+        var res = this.locString.getLocaleText("");
+        if (!res) {
+            res = this.getPlaceholder("");
+        }
+        return res;
+    };
     TranslationItem.prototype.getPlaceholder = function (locale) {
-        var placeholderText = _editorLocalization__WEBPACK_IMPORTED_MODULE_3__["editorLocalization"].getString("ed.translationPlaceHolder", locale);
+        var textLocale = !!locale && locale !== "default" ? locale : survey_core__WEBPACK_IMPORTED_MODULE_1__["surveyLocalization"].defaultLocale;
+        var placeholderText = _editorLocalization__WEBPACK_IMPORTED_MODULE_3__["editorLocalization"].getString("ed.translationPlaceHolder", textLocale);
         if (this.context instanceof survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyModel"]) {
             return survey_core__WEBPACK_IMPORTED_MODULE_1__["surveyLocalization"].getString(this.name, locale) || placeholderText;
         }
@@ -17286,6 +17926,9 @@ var TranslationGroup = /** @class */ (function (_super) {
     TranslationGroup.prototype.deleteLocaleStrings = function (locale) {
         this.items.forEach(function (item) { return item.deleteLocaleStrings(locale); });
     };
+    TranslationGroup.prototype.applyEditLocale = function (locale) {
+        this.items.forEach(function (item) { return item.applyEditLocale(locale); });
+    };
     TranslationGroup.prototype.fillItems = function () {
         if (this.isItemValueArray(this.obj)) {
             this.createItemValuesLocale();
@@ -17333,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;
@@ -17361,12 +18004,16 @@ var TranslationGroup = /** @class */ (function (_super) {
         return true;
     };
     TranslationGroup.prototype.createTranslationItem = function (obj, property) {
+        var _a;
         var defaultValue = this.getDefaultValue(obj, property);
         var locStr = obj[property.serializationProperty];
         if (!locStr)
             return null;
         if (!this.showAllStrings && !defaultValue && locStr.isEmpty)
             return null;
+        var editLocale = (_a = this.translation) === null || _a === void 0 ? void 0 : _a.getEditLocale();
+        if (!!editLocale && !!locStr.getLocaleText(editLocale))
+            return null;
         if (!this.canShowProperty(property, locStr.isEmpty))
             return null;
         return new TranslationItem(property.name, locStr, defaultValue, this.translation, obj, property);
@@ -17414,9 +18061,14 @@ var TranslationGroup = /** @class */ (function (_super) {
         }
     };
     TranslationGroup.prototype.createItemValuesLocale = function () {
+        var _a;
+        var editMode = (_a = this.translation) === null || _a === void 0 ? void 0 : _a.getEditLocale();
         for (var i = 0; i < this.obj.length; i++) {
             var val = this.obj[i];
             var canAdd = this.showAllStrings || !val.locText.isEmpty || isNaN(val.value);
+            if (!!editMode && val.locText.getLocaleText(editMode)) {
+                canAdd = false;
+            }
             if (!canAdd)
                 continue;
             var item = new TranslationItem(val.value, val.locText, val.value, this.translation, val);
@@ -17476,6 +18128,21 @@ var Translation = /** @class */ (function (_super) {
     Translation.prototype.getType = function () {
         return "translation";
     };
+    Translation.prototype.getEditLocale = function () { return this.editLocale; };
+    Translation.prototype.setEditMode = function (locale) {
+        this.editLocale = locale;
+        this.addLocale(locale);
+    };
+    Object.defineProperty(Translation.prototype, "isEditMode", {
+        get: function () { return !!this.editLocale; },
+        enumerable: false,
+        configurable: true
+    });
+    Translation.prototype.applyEditLocale = function () {
+        if (!this.isEditMode || !this.root)
+            return;
+        this.root.applyEditLocale(this.editLocale);
+    };
     Translation.prototype.makeObservable = function (onBaseObjCreating) {
         this.onBaseObjCreatingCallback = onBaseObjCreating;
         this.fireOnObjCreating(this);
@@ -17540,6 +18207,17 @@ var Translation = /** @class */ (function (_super) {
         });
         res.onGetMatrixRowActions.add(function (sender, options) {
             Object(_utils_actions__WEBPACK_IMPORTED_MODULE_9__["updateMatrixRemoveAction"])(options.question, options.actions, options.row);
+            if (_this.options.getHasMachineTranslation() && Object(_utils_actions__WEBPACK_IMPORTED_MODULE_9__["findAction"])(options.actions, "remove-row")) {
+                var q = options.question;
+                var rowIndex = q.visibleRows.indexOf(options.row);
+                var locale_1 = q.value[rowIndex].name;
+                options.actions.splice(0, 0, new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+                    iconName: "icon-language",
+                    locTooltipName: "ed.translateUsigAI",
+                    location: "end",
+                    action: function () { return _this.showTranslationEditor(locale_1); }
+                }));
+            }
             Object(_utils_actions__WEBPACK_IMPORTED_MODULE_9__["updateMatixActionsClasses"])(options.actions);
         });
         return res;
@@ -17568,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,
@@ -17593,6 +18271,20 @@ var Translation = /** @class */ (function (_super) {
         }
         return [usedLocales, locales];
     };
+    Translation.prototype.importFromCSVFileDOM = function () {
+        var _this = this;
+        if (!document)
+            return;
+        if (!this.inputFileElement) {
+            this.inputFileElement = document.createElement("input");
+            this.inputFileElement.type = "file";
+            this.inputFileElement.style.display = "none";
+            this.inputFileElement.onchange = function () {
+                _this.importFromCSVFileUI(_this.inputFileElement);
+            };
+        }
+        this.inputFileElement.click();
+    };
     Translation.prototype.updateSettingsSurveyLocales = function () {
         var _a = this.getSurveyLocales(), choices = _a[0], locales = _a[1];
         var selectedLocales = [];
@@ -17665,6 +18357,11 @@ var Translation = /** @class */ (function (_super) {
                 });
             }
         });
+        survey.onUpdatePanelCssClasses.add(function (sender, options) {
+            if (options.panel["__translationHasIndent"]) {
+                options.cssClasses.panel.content += " st-panel-indent";
+            }
+        });
         survey.currentPage = survey.pages[0];
         return survey;
     };
@@ -17711,14 +18408,15 @@ var Translation = /** @class */ (function (_super) {
             panel.addElement(pnl);
             pnl.title = item.text;
             if (item.hasIndent) {
-                pnl.cssClasses.panel.content += " st-panel-indent";
+                pnl["__translationHasIndent"] = true;
             }
             this.addTranslationGroupIntoStringsSurvey(pnl, item);
         }
     };
     Translation.prototype.addLocaleColumns = function (matrix) {
         var locs = this.getSelectedLocales();
-        matrix.addColumn("default", this.getLocaleName(""));
+        var defaultColumn = matrix.addColumn("default", this.getLocaleName(""));
+        defaultColumn.readOnly = this.isEditMode;
         for (var i = 0; i < locs.length; i++) {
             matrix.addColumn(locs[i], this.getLocaleName(locs[i]));
         }
@@ -17731,6 +18429,12 @@ var Translation = /** @class */ (function (_super) {
         }
         return res;
     };
+    Translation.prototype.updateStringsSurveyData = function () {
+        var survey = this.stringsSurvey;
+        if (survey) {
+            survey.data = this.getStringsSurveyData(survey);
+        }
+    };
     Translation.prototype.getStringsQuestionData = function (matrix) {
         var res = {};
         for (var i = 0; i < matrix.rows.length; i++) {
@@ -18042,6 +18746,17 @@ var Translation = /** @class */ (function (_super) {
         this.setSelectedLocales([]);
         this.reset();
     };
+    Translation.prototype.createTranslationEditor = function (locale) {
+        var _this = this;
+        var res = new TranslationEditor(this.survey, locale, this.options);
+        res.onApply = function () {
+            _this.reset();
+        };
+        return res;
+    };
+    Translation.prototype.showTranslationEditor = function (locale) {
+        this.createTranslationEditor(locale).showDialog();
+    };
     Translation.prototype.translateItemAfterRender = function (item, el, locale) {
         if (!this.translateItemAfterRenderCallback)
             return;
@@ -18150,6 +18865,156 @@ var Translation = /** @class */ (function (_super) {
     return Translation;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["Base"]));
 
+var TranslationEditor = /** @class */ (function () {
+    function TranslationEditor(survey, locale, options) {
+        this.survey = survey;
+        this.locale = locale;
+        this.options = options;
+        this.translationValue = new Translation(this.survey, options, true);
+        this.translation.setEditMode(locale);
+        this.translation.reset();
+        this.setupNavigationButtons();
+    }
+    Object.defineProperty(TranslationEditor.prototype, "translation", {
+        get: function () { return this.translationValue; },
+        enumerable: false,
+        configurable: true
+    });
+    TranslationEditor.prototype.showDialog = function () {
+        var _this = this;
+        var dialogTitle = _editorLocalization__WEBPACK_IMPORTED_MODULE_3__["editorLocalization"].getString("ed.translationDialogTitle") + " (" + this.translation.getLocaleName(this.locale) + ")";
+        if (this.translation.stringsSurvey.getAllQuestions(true).length === 0) {
+            var locStr = new survey_core__WEBPACK_IMPORTED_MODULE_1__["LocalizableString"](this.translation.stringsSurvey);
+            locStr.text = _editorLocalization__WEBPACK_IMPORTED_MODULE_3__["editorLocalization"].getString("ed.translationNoStrings");
+            var popup = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
+                componentName: "sv-string-viewer",
+                data: { locStr: locStr, locString: locStr, model: locStr },
+                onApply: function () { return true; },
+                title: dialogTitle,
+                displayMode: "popup"
+            }, this.options.rootElement);
+            var actions = popup.footerToolbar.actions;
+            actions.splice(1, actions.length - 1);
+            actions[0].title = "OK";
+            return;
+        }
+        var popupModel = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
+            componentName: "survey",
+            data: {
+                survey: this.translation.stringsSurvey,
+                model: this.translation.stringsSurvey
+            },
+            onApply: function () {
+                _this.apply();
+                return true;
+            },
+            onCancel: function () {
+                _this.dispose();
+            },
+            cssClass: "sv-property-editor st-translation-dialog",
+            title: dialogTitle,
+            displayMode: this.options.isMobileView ? "overlay" : "popup"
+        }, this.options.rootElement);
+        popupModel.locale = _editorLocalization__WEBPACK_IMPORTED_MODULE_3__["editorLocalization"].currentLocale;
+    };
+    TranslationEditor.prototype.doMachineTranslation = function () {
+        var _this = this;
+        var fromLocale = this.translation.defaultLocale;
+        if (!fromLocale)
+            fromLocale = "en";
+        var items = this.createStringsToTranslate();
+        var strings = [];
+        items.forEach(function (item) {
+            strings.push(item.getDefaultLocaleText());
+        });
+        var callback = function (translatedStrings) {
+            if (!Array.isArray(translatedStrings))
+                return;
+            for (var i = 0; i < Math.min(items.length, translatedStrings.length); i++) {
+                items[i].values(_this.locale).text = translatedStrings[i];
+            }
+            _this.translation.updateStringsSurveyData();
+        };
+        this.options.doMachineTranslation(fromLocale, this.locale, strings, callback);
+    };
+    TranslationEditor.prototype.apply = function () {
+        this.translation.applyEditLocale();
+        if (this.onApply) {
+            this.onApply();
+        }
+        this.dispose();
+    };
+    TranslationEditor.prototype.cancel = function () {
+        this.dispose();
+    };
+    TranslationEditor.prototype.dispose = function () {
+        this.translationValue.dispose();
+    };
+    TranslationEditor.prototype.setupNavigationButtons = function () {
+        var _this = this;
+        var survey = this.translation.stringsSurvey;
+        var actions = survey.navigationBar.actions;
+        actions.splice(0, actions.length);
+        if (this.options.getHasMachineTranslation()) {
+            survey.addNavigationItem(new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+                id: "svc-translation-machine",
+                iconName: "icon-language",
+                css: "svc-translation-machine",
+                locTitleName: "ed.translateUsigAI",
+                component: "sv-action-bar-item",
+                action: function () { _this.doMachineTranslation(); }
+            }));
+        }
+        survey.addNavigationItem(createImportCSVAction(function () { _this.translation.importFromCSVFileDOM(); }, false, true));
+        survey.addNavigationItem(createExportCSVAction(function () { _this.translation.exportToCSVFileUI(); }, true));
+        survey.showNavigationButtons = "top";
+    };
+    TranslationEditor.prototype.createStringsToTranslate = function () {
+        var res = new Array();
+        this.addStringsToTranlate(this.translation.root, res);
+        return res;
+    };
+    TranslationEditor.prototype.addStringsToTranlate = function (group, items) {
+        var _this = this;
+        group.items.forEach(function (item) {
+            if (item.isGroup) {
+                _this.addStringsToTranlate(item, items);
+            }
+            else {
+                if (!!item.getDefaultLocaleText()) {
+                    items.push(item);
+                }
+            }
+        });
+    };
+    return TranslationEditor;
+}());
+
+function createImportCSVAction(action, needSeparator, isInEditor) {
+    if (isInEditor === void 0) { isInEditor = false; }
+    return new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+        id: "svc-translation-import",
+        iconName: "icon-load",
+        locTitleName: "ed.translationImportFromSCVButton",
+        locTooltipName: "ed.translationImportFromSCVButton",
+        mode: isInEditor ? "large" : "small",
+        component: "sv-action-bar-item",
+        needSeparator: needSeparator,
+        action: action
+    });
+}
+function createExportCSVAction(action, isInEditor) {
+    if (isInEditor === void 0) { isInEditor = false; }
+    return new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+        id: "svc-translation-export",
+        iconName: "icon-download",
+        locTitleName: "ed.translationExportToSCVButton",
+        locTooltipName: "ed.translationExportToSCVButton",
+        mode: isInEditor ? "large" : "small",
+        component: "sv-action-bar-item",
+        action: action
+    });
+}
 
 
 /***/ }),
@@ -18700,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.
@@ -18780,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();
         /**
@@ -18816,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.
@@ -18919,6 +19823,27 @@ var CreatorBase = /** @class */ (function (_super) {
          * - `options.text` - A text string to be exported. The string is taken from the current locale. Redefine this property if you want to export a different string.
          */
         _this.onTranslationExportItem = new CreatorEvent();
+        /**
+         * An event that allows you to integrate a machine translation service, such as Google Translate or Microsoft Translator, into Survey Creator.
+         *
+         * Within the event handler, you need to pass translation strings and locale information to the translation service API. The service should return an array of translated strings that you need to pass to the `options.callback` function. If the translation failed, pass an empty array or call this function without arguments.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.fromLocale`: `string`\
+         * A locale from which you want to translate strings. Contains a locale identifier (`"en"`, `"de"`, etc.).
+         * - `options.toLocale`: `string`\
+         * A locale to which you want to translate strings. Contains a locale identifier (`"en"`, `"de"`, etc.).
+         * - `options.strings`: `Array<string>`\
+         * Strings to translate.
+         * - `options.callback: (strings: Array<string>)`: `Function`\
+         * A callback function that accepts translated strings. If the translation failed, pass an empty array or call this function without arguments.
+         *
+         * > Survey Creator does not include a machine translation service out of the box. Our component only provides a UI for calling the service API.
+         */
+        _this.onMachineTranslate = new CreatorEvent();
         /**
          * An event that is raised before a string translation is changed. Use this event to override a new translation value.
          *
@@ -19007,6 +19932,12 @@ var CreatorBase = /** @class */ (function (_super) {
          * Default value: 0 (unlimited, taken from `settings.propertyGrid.maximumChoicesCount`)
          */
         _this.maximumChoicesCount = _creator_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].propertyGrid.maximumChoicesCount;
+        /**
+         * Limits the minimum number of choices in [Checkbox](https://surveyjs.io/Documentation/Library?id=questioncheckboxmodel), [Dropdown](https://surveyjs.io/Documentation/Library?id=questiondropdownmodel), and [Radiogroup](https://surveyjs.io/Documentation/Library?id=questionradiogroupmodel) questions. Set this property if users should not delete choices below the specified limit.
+         *
+         * Default value: 0 (unlimited, taken from `settings.propertyGrid.minimumChoicesCount`)
+         */
+        _this.minimumChoicesCount = _creator_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].propertyGrid.minimumChoicesCount;
         /**
          * Limits the number of rows that users can add to [Matrix](https://surveyjs.io/Documentation/Library?id=questionmatrixmodel) and [Matrix Dropdown](https://surveyjs.io/Documentation/Library?id=questionmatrixdropdownmodel) questions.
          *
@@ -19014,18 +19945,18 @@ var CreatorBase = /** @class */ (function (_super) {
          */
         _this.maximumRowsCount = _creator_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].propertyGrid.maximumRowsCount;
         /**
-         * Limits the number of rate value that users can add to [Rating](https://surveyjs.io/Documentation/Library?id=questionratingmodel) questions.
+         * Limits the number of rate values that users can add to [Rating](https://surveyjs.io/Documentation/Library?id=questionratingmodel) questions.
          *
          * Default value: 0 (unlimited, taken from `settings.propertyGrid.maximumRateValues`)
          */
         _this.maximumRateValues = _creator_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].propertyGrid.maximumRateValues;
         /**
-         * Obsolete. Use the [`showPagesInPreviewTab`](https://surveyjs.io/Documentation/Survey-Creator?id=surveycreator#showPagesInPreviewTab) property instead.
+         * Limits the number of nested panels within a [Panel](/form-library/documentation/api-reference/panel-model) element.
+         *
+         * Default value: -1 (unlimited)
          */
+        _this.maxNestedPanels = -1;
         _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.
@@ -19033,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"
@@ -19055,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;
         /**
@@ -19070,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();
         /**
@@ -19083,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.
@@ -19169,11 +20098,11 @@ var CreatorBase = /** @class */ (function (_super) {
             shown: "svc-notifier--shown"
         });
         _this.onKeyDownHandler = function (event) {
-            var shortcut;
-            var hotKey;
-            Object.keys(_this.shortcuts || {}).forEach(function (key) {
-                shortcut = _this.shortcuts[key];
-                hotKey = event.metaKey ? shortcut.macOsHotkey : shortcut.hotKey;
+            var availableShortcuts = Object.keys(_this.shortcuts || {})
+                .map(function (key) { return _this.shortcuts[key]; })
+                .filter(function (shortcut) { return !shortcut.affectedTab || shortcut.affectedTab === _this.activeTab; });
+            availableShortcuts.forEach(function (shortcut) {
+                var hotKey = event.metaKey ? shortcut.macOsHotkey : shortcut.hotKey;
                 if (!hotKey)
                     return;
                 if (!!hotKey.ctrlKey !== !!event.ctrlKey)
@@ -19189,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;
@@ -19232,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; },
@@ -19239,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);
         },
@@ -19255,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`
          */
@@ -19306,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;
@@ -19339,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;
         },
@@ -19423,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`
          */
@@ -19434,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`
          */
@@ -19452,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 = {
@@ -19467,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;
@@ -19480,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:
          *
@@ -19488,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.
@@ -19496,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; },
@@ -19505,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`
          */
@@ -19610,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;
@@ -19624,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;
@@ -19919,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"]();
@@ -20106,6 +21058,7 @@ var CreatorBase = /** @class */ (function (_super) {
         this.dragDropSurveyElements = new _survey_elements__WEBPACK_IMPORTED_MODULE_24__["DragDropSurveyElements"](null, this);
         var isDraggedFromToolbox = false;
         this.dragDropSurveyElements.onDragStart.add(function (sender, options) {
+            _this.dragDropSurveyElements.maxNestedPanels = _this.maxNestedPanels;
             isDraggedFromToolbox = !sender.draggedElement.parent;
             _this.onDragStart.fire(sender, options);
             _this.startUndoRedoTransaction("drag drop");
@@ -20443,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,
@@ -20453,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") {
@@ -20856,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) {
@@ -20868,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) {
@@ -20880,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 () {
@@ -20891,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);
     };
@@ -21377,6 +22304,17 @@ var CreatorBase = /** @class */ (function (_super) {
         this.onTranslationExportItem.fire(this, options);
         return options.text;
     };
+    CreatorBase.prototype.getHasMachineTranslation = function () {
+        return !this.onMachineTranslate.isEmpty;
+    };
+    CreatorBase.prototype.doMachineTranslation = function (fromLocale, toLocale, strings, callback) {
+        if (!this.getHasMachineTranslation()) {
+            callback(undefined);
+        }
+        else {
+            this.onMachineTranslate.fire(this, { fromLocale: fromLocale, toLocale: toLocale, strings: strings, callback: callback });
+        }
+    };
     CreatorBase.prototype.doAutoSave = function (saveFunc) {
         var _this = this;
         if (saveFunc === void 0) { saveFunc = function () { return _this.doSave(); }; }
@@ -21497,10 +22435,26 @@ var CreatorBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    CreatorBase.prototype.getQuestionTypeSelectorModel = function (beforeAdd, panel) {
+    CreatorBase.prototype.getAvailableToolboxItems = function (element, isAddNew) {
+        if (isAddNew === void 0) { isAddNew = true; }
+        var res = [].concat(this.toolbox.items);
+        if (!element || this.maxNestedPanels < 0)
+            return res;
+        if (!isAddNew && element.isPanel)
+            return res;
+        if (this.maxNestedPanels < _survey_helper__WEBPACK_IMPORTED_MODULE_9__["SurveyHelper"].getElementDeepLength(element)) {
+            for (var i = res.length - 1; i >= 0; i--) {
+                if (res[i].isPanel) {
+                    res.splice(i, 1);
+                }
+            }
+        }
+        return res;
+    };
+    CreatorBase.prototype.getQuestionTypeSelectorModel = function (beforeAdd, element) {
         var _this = this;
-        if (panel === void 0) { panel = null; }
-        var availableTypes = this.toolbox.items.map(function (item) {
+        var panel = !!element && element.isPanel ? element : null;
+        var availableTypes = this.getAvailableToolboxItems(element).map(function (item) {
             return _this.createIActionBarItemByClass(item.name, item.title, item.iconName, item.needSeparator);
         });
         var listModel = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ListModel"](availableTypes, function (item) {
@@ -22141,7 +23095,8 @@ var settings = {
     },
     theme: {
         exportFileName: "survey_theme.json",
-        fontFamily: "Open Sans"
+        fontFamily: "Open Sans",
+        allowEditHeaderSettings: false,
     },
     operators: {
         empty: [],
@@ -22198,6 +23153,7 @@ var settings = {
         maxCharsInButtonGroup: 25,
         showNavigationButtons: false,
         maximumColumnsCount: 0,
+        minimumChoicesCount: 0,
         maximumChoicesCount: 0,
         maximumRowsCount: 0,
         maximumRateValues: 0,
@@ -22288,9 +23244,13 @@ var EmptySurveyCreatorOptions = /** @class */ (function () {
         this.isMobileView = false;
         this.allowEditExpressionsInTextEditor = true;
         this.maximumColumnsCount = settings.propertyGrid.maximumColumnsCount;
+        this.minimumChoicesCount = settings.propertyGrid.minimumChoicesCount;
         this.maximumChoicesCount = settings.propertyGrid.maximumChoicesCount;
         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) {
         return newText;
@@ -22338,6 +23298,8 @@ var EmptySurveyCreatorOptions = /** @class */ (function () {
     EmptySurveyCreatorOptions.prototype.onLogicGetTitleCallback = function (expression, displayExpression, text, logicItem) { return text; };
     EmptySurveyCreatorOptions.prototype.getTranslationExportedText = function (obj, name, locString, locale, text) { return text; };
     EmptySurveyCreatorOptions.prototype.uploadFiles = function (files, question, uploadingCallback) { };
+    EmptySurveyCreatorOptions.prototype.getHasMachineTranslation = function () { return this.machineTranslationValue; };
+    EmptySurveyCreatorOptions.prototype.doMachineTranslation = function (fromLocale, toLocale, strings, callback) { };
     return EmptySurveyCreatorOptions;
 }());
 
@@ -22587,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);
         };
@@ -22602,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) {
@@ -22641,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);
@@ -22648,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);
@@ -22665,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"]));
 
@@ -23479,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, 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";
@@ -23594,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"]; });
 
@@ -23618,6 +24613,12 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Translation", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_18__["Translation"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationEditor", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_18__["TranslationEditor"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createImportCSVAction", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_18__["createImportCSVAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createExportCSVAction", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_18__["createExportCSVAction"]; });
+
 /* harmony import */ var _components_tabs_translation_theme__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../components/tabs/translation-theme */ "./src/components/tabs/translation-theme.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "translationCss", function() { return _components_tabs_translation_theme__WEBPACK_IMPORTED_MODULE_19__["translationCss"]; });
 
@@ -23750,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"]; });
 
@@ -23760,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"]; });
@@ -23965,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.110";
+Version = "" + "1.9.112";
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -24055,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.110", "survey-creator-core");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_71__["checkLibraryVersion"])("" + "1.9.112", "survey-creator-core");
 
 
 /***/ }),
@@ -24368,6 +25367,7 @@ var map = {
 	"./rating.svg": "./src/images/rating.svg",
 	"./redo.svg": "./src/images/redo.svg",
 	"./remove_16x16.svg": "./src/images/remove_16x16.svg",
+	"./required.svg": "./src/images/required.svg",
 	"./reset.svg": "./src/images/reset.svg",
 	"./save.svg": "./src/images/save.svg",
 	"./select-page.svg": "./src/images/select-page.svg",
@@ -25243,6 +26243,17 @@ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/required.svg":
+/*!*********************************!*\
+  !*** ./src/images/required.svg ***!
+  \*********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_1564_16728)\"><path d=\"M2.77 14.1393L6.09 9.03927L0 9.18927L0.06 6.51927L6.15 6.88927L2.96 1.68927L5.29 0.379272L8.02 5.81927L10.96 0.489272L13.23 1.84927L9.91 6.94927L16 6.79927L15.94 9.46927L9.85 9.09927L13.04 14.2993L10.71 15.6093L7.98 10.1693L5.04 15.4993L2.77 14.1393Z\"></path></g><defs><clipPath id=\"clip0_1564_16728\"><rect width=\"16\" height=\"16\" fill=\"white\"></rect></clipPath></defs></svg>"
+
+/***/ }),
+
 /***/ "./src/images/reset.svg":
 /*!******************************!*\
   !*** ./src/images/reset.svg ***!
@@ -26292,6 +27303,8 @@ var enStrings = {
         translationNoStrings: "No strings to translate. Please, change the filter.",
         translationExportToSCVButton: "Export to CSV",
         translationImportFromSCVButton: "Import from CSV",
+        translateUsigAI: "Auto-translate All",
+        translationDialogTitle: "Untranslated strings",
         translationMergeLocaleWithDefault: "Merge {0} with default locale",
         translationPlaceHolder: "Translation...",
         themeExportButton: "Export",
@@ -26322,9 +27335,13 @@ var enStrings = {
             question_visibilityName: "Show (hide) question",
             question_enableName: "Enable (disable) question",
             question_requireName: "Make question required",
+            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_resetValueName: "Reset column value",
+            column_setValueName: "Set column value",
             trigger_completeName: "Complete survey",
             trigger_setvalueName: "Set answer",
             trigger_copyvalueName: "Copy answer",
@@ -26351,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}",
@@ -26419,6 +27441,7 @@ var enStrings = {
         fastEntry: "Manual Entry",
         fastEntryNonUniqueError: "Value '{0}' is not unique",
         fastEntryChoicesCountError: "Please limit the number of items from {0} to {1}",
+        fastEntryChoicesMinCountError: "Please enter at least {0} items",
         fastEntryPlaceholder: "You can set data in the following format:\nvalue1|text\nvalue2",
         formEntry: "Form Entry",
         testService: "Test the service",
@@ -26483,6 +27506,8 @@ var enStrings = {
         choicesOrder: "Choices sort order",
         visible: "Visible",
         isRequired: "Required",
+        markRequired: "Mark as required",
+        removeRequiredMark: "Remove the required mark",
         isAllRowRequired: "Require answer for all rows",
         requiredErrorText: "\"Required\" error message",
         startWithNewLine: "Display the question on a new line",
@@ -26564,8 +27589,12 @@ var enStrings = {
             imageHeight: "Image height (in CSS-accepted values)",
             imageWidth: "Image width (in CSS-accepted values)"
         },
+        survey: {
+            title: "Title"
+        },
         page: {
-            maxTimeToFinish: "Time limit to finish the page (in seconds)"
+            title: "Title",
+            maxTimeToFinish: "Time limit to finish the page (in seconds)",
         },
         question: {
             page: "Parent page"
@@ -27066,6 +28095,8 @@ var enStrings = {
         descriptionLocation: "Description location",
         defaultValueExpression: "Default value expression",
         requiredIf: "Required if",
+        resetValueIf: "Reset value if",
+        setValueIf: "Set value if",
         validators: "Validators",
         bindings: "Bindings",
         renderAs: "Render as",
@@ -27142,6 +28173,9 @@ var enStrings = {
         "--base-unit": "Base unit",
         groupGeneral: "General",
         groupAdvanced: "Advanced",
+        groupHeader: "Header",
+        groupBackground: "Background",
+        groupAppearance: "Appearance",
         themeName: "Theme",
         themeMode: "Question appearance",
         themeModePanels: "Default",
@@ -27152,11 +28186,16 @@ var enStrings = {
         primaryDefaultColor: "Default",
         primaryDarkColor: "Hover",
         primaryLightColor: "Selected",
+        coverTitleForecolor: "Title forecolor",
+        coverDescriptionForecolor: "Description forecolor",
+        coverOverlapEnabled: "Overlap",
         backgroundDimColor: "Background color",
         backgroundImage: "Background image",
         backgroundImageFitAuto: "Auto",
         backgroundImageFitCover: "Cover",
         backgroundImageFitContain: "Contain",
+        backgroundImageFitFill: "Stretch",
+        backgroundImageFitTile: "Tile",
         backgroundOpacity: "Opacity",
         backgroundImageAttachmentFixed: "Fixed",
         backgroundImageAttachmentScroll: "Scroll",
@@ -27201,6 +28240,26 @@ var enStrings = {
         boxShadowInner: "Inner",
         questionShadow: "Shadow effects",
         editorShadow: "Input element shadow effects",
+        headerView: "View",
+        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",
+        coverBackgroundColorCustom: "Custom",
+        horizontalAlignmentLeft: "Left",
+        horizontalAlignmentCenter: "Center",
+        horizontalAlignmentRight: "Right",
+        verticalAlignmentTop: "Top",
+        verticalAlignmentMiddle: "Middle",
+        verticalAlignmentBottom: "Bottom",
+        logoPosition: "Logo Position",
+        coverTitlePosition: "Title Position",
+        coverDescriptionPosition: "Description Position",
         names: {
             "default": "Default",
             "sharp": "Sharp",
@@ -27349,6 +28408,7 @@ var UndoRedoPlugin = /** @class */ (function () {
         this.model = new _undo_redo_controller__WEBPACK_IMPORTED_MODULE_0__["UndoRedoController"](creator);
         this.model.createActions().forEach(function (action) { return creator.toolbar.actions.push(action); });
         creator.registerShortcut("undo", {
+            affectedTab: "designer",
             hotKey: {
                 ctrlKey: true,
                 keyCode: 90,
@@ -27359,6 +28419,7 @@ var UndoRedoPlugin = /** @class */ (function () {
             execute: function () { return _this.model.undo(); }
         });
         creator.registerShortcut("redo", {
+            affectedTab: "designer",
             hotKey: {
                 ctrlKey: true,
                 keyCode: 89,
@@ -27377,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;
 }());
@@ -27614,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"]({
@@ -27900,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;
@@ -27908,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);
     };
@@ -27935,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;
 }());
 
@@ -28909,6 +30002,7 @@ var ConditionEditor = /** @class */ (function (_super) {
                             name: "conjunction",
                             type: "dropdown",
                             renderAs: "logicoperator",
+                            searchEnabled: false,
                             titleLocation: "hidden",
                             showOptionsCaption: false,
                             visibleIf: "{panelIndex} > 0",
@@ -29789,6 +30883,15 @@ var FastEntryEditorBase = /** @class */ (function (_super) {
         _this.editSurvey.getQuestionByName("question").placeholder =
             _editorLocalization__WEBPACK_IMPORTED_MODULE_3__["editorLocalization"].getString("pe.fastEntryPlaceholder");
         _this.editSurvey.onValidateQuestion.add(function (sender, options) {
+            var minChoiceCount = _this.options.minimumChoicesCount;
+            if (minChoiceCount > 0) {
+                var choicesCount = _this.getChoicesCount();
+                if (minChoiceCount > choicesCount) {
+                    options.error = _editorLocalization__WEBPACK_IMPORTED_MODULE_3__["editorLocalization"]
+                        .getString("pe.fastEntryChoicesMinCountError")["format"](minChoiceCount);
+                }
+                return;
+            }
             var maxChoicesCount = _this.options.maximumChoicesCount;
             if (maxChoicesCount > 0) {
                 var choicesCount = _this.getChoicesCount();
@@ -30011,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";
@@ -30027,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; });
@@ -31219,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) {
@@ -31244,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) {
@@ -31340,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() {
@@ -31671,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());
@@ -31683,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);
 });
@@ -31797,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;
@@ -32026,7 +33112,11 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         if (this.getShowDetailPanelOnAdding()) {
             res.detailPanelShowOnAdding = true;
         }
+        var minRowCount = this.getMinimumRowCount(obj, prop, options);
         var maxRowCount = this.getMaximumRowCount(obj, prop, options);
+        if (minRowCount > 0) {
+            res.minRowCount = minRowCount;
+        }
         if (maxRowCount > 0) {
             res.maxRowCount = maxRowCount;
         }
@@ -32040,10 +33130,13 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         }
         return _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getString(locName);
     };
+    PropertyGridEditorMatrix.prototype.getMinimumRowCount = function (obj, prop, options) {
+        return -1;
+    };
     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) {
@@ -32051,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";
@@ -32100,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)
@@ -32145,6 +33242,11 @@ var PropertyGridEditorMatrixItemValues = /** @class */ (function (_super) {
             res.showHeader = res.columns > 3;
         return res;
     };
+    PropertyGridEditorMatrixItemValues.prototype.getMinimumRowCount = function (obj, prop, options) {
+        if (prop.name === "choices")
+            return options.minimumChoicesCount;
+        return _super.prototype.getMaximumRowCount.call(this, obj, prop, options);
+    };
     PropertyGridEditorMatrixItemValues.prototype.getMaximumRowCount = function (obj, prop, options) {
         if (prop.name === "choices")
             return options.maximumChoicesCount;
@@ -32233,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));
@@ -32880,6 +33982,7 @@ var PropertyGridViewModel = /** @class */ (function (_super) {
             title: this.selectedElementName,
             css: "sv-action--object-selector sv-action-bar-item--secondary",
             component: "sv-action-bar-item-dropdown",
+            disableHide: true,
             action: function () {
                 _this.selectorPopupModel.displayMode = _this.creator.isMobileView ? "overlay" : "popup";
                 selectorModel.show(_this.selectionController.creator.survey, _this.propertyGridModel.obj, function (obj) {
@@ -33350,6 +34453,9 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "requiredIf", tab: "logic" },
                 { 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" },
@@ -33663,6 +34769,9 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "enableIf", tab: "logic" },
                 { 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" },
@@ -34387,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] = [];
@@ -34416,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;
@@ -34445,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") &&
@@ -34495,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;
@@ -34537,7 +35644,6 @@ var QuestionConverter = /** @class */ (function () {
             }
         }
     };
-    QuestionConverter.convertInfo = {};
     return QuestionConverter;
 }());
 
@@ -34562,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();
 
 
 /***/ }),
@@ -34718,6 +35811,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./creator-settings */ "./src/creator-settings.ts");
+/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./survey-helper */ "./src/survey-helper.ts");
+
 
 
 
@@ -34769,6 +35864,7 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
         // protected ghostSurveyElement: IElement = null;
         _this.dragOverIndicatorElement = null;
         _this.isDraggedElementSelected = false;
+        _this.maxNestedPanels = -1;
         _this.doBanDropHere = function () {
             _this.removeDragOverMarker(_this.dragOverIndicatorElement);
             _this.removeDragOverMarker(_this.dropTarget);
@@ -34999,6 +36095,13 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
         if (this.draggedElement.getType() === "paneldynamic" && dropTarget === this.draggedElement.template) {
             return false;
         }
+        if (this.maxNestedPanels >= 0 && this.draggedElement.isPanel) {
+            var len = _survey_helper__WEBPACK_IMPORTED_MODULE_3__["SurveyHelper"].getElementDeepLength(dropTarget);
+            if (this.isEdge && dropTarget.isPanel)
+                len--;
+            if (this.maxNestedPanels < len)
+                return false;
+        }
         if (DragDropSurveyElements.restrictDragQuestionBetweenPages &&
             this.shouldRestricDragQuestionBetweenPages(dropTarget)) {
             return false;
@@ -35560,6 +36663,15 @@ var SurveyHelper = /** @class */ (function () {
         }
         return false;
     };
+    SurveyHelper.getElementDeepLength = function (element) {
+        var res = 0;
+        while (!!element) {
+            if (element.isPanel)
+                res++;
+            element = element.parent;
+        }
+        return res;
+    };
     return SurveyHelper;
 }());
 
@@ -36032,6 +37144,23 @@ var QuestionToolboxItem = /** @class */ (function (_super) {
     QuestionToolboxItem.prototype.toJSON = function () {
         return this.item;
     };
+    Object.defineProperty(QuestionToolboxItem.prototype, "typeName", {
+        get: function () {
+            if (!!this.json && !!this.json.type)
+                return this.json.type;
+            return this.name;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionToolboxItem.prototype, "isPanel", {
+        get: function () {
+            var type = this.typeName;
+            return !!type && survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].isDescendantOf(type, "panelbase");
+        },
+        enumerable: false,
+        configurable: true
+    });
     return QuestionToolboxItem;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]));
 
@@ -36177,7 +37306,7 @@ var QuestionToolbox = /** @class */ (function (_super) {
         get: function () {
             var res = [];
             for (var i = 0; i < this.items.length; i++) {
-                res.push(this.items[i].name);
+                res.push(this.items[i].typeName);
             }
             return res;
         },