survey-creator-core 1.9.109 → 1.9.111

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.109
+ * SurveyJS Creator v1.9.111
  * (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.109
+ * surveyjs - Survey JavaScript library v1.9.111
  * 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;
@@ -9142,6 +9135,9 @@ var TabDesignerPlugin = /** @class */ (function () {
             }),
             action: function () {
                 _this.selectSurvey();
+                if (!_this.creator.isMobileView) {
+                    _this.creator.propertyGrid.getAllQuestions()[0].focus();
+                }
             },
             active: this.isSettingsActive,
             pressed: this.isSettingsActive,
@@ -12001,6 +11997,7 @@ var logicCss = {
     },
     list: {
         root: "sv-list__container sl-list",
+        itemBody: "sv-list__item-body sl-list__item-body"
     },
     embeddedsurvey: {
         mainRoot: "sl-embedded-survey"
@@ -12393,6 +12390,11 @@ var SurveyLogicTypes = /** @class */ (function () {
             baseClass: "question",
             propertyName: "requiredIf",
         },
+        {
+            name: "question_resetValue",
+            baseClass: "question",
+            propertyName: "resetValueIf",
+        },
         {
             name: "column_visibility",
             baseClass: "matrixdropdowncolumn",
@@ -12408,6 +12410,11 @@ var SurveyLogicTypes = /** @class */ (function () {
             baseClass: "matrixdropdowncolumn",
             propertyName: "requiredIf",
         },
+        {
+            name: "column_resetValue",
+            baseClass: "matrixdropdowncolumn",
+            propertyName: "resetValueIf",
+        },
         {
             name: "expression_expression",
             baseClass: "expression",
@@ -13187,6 +13194,8 @@ __webpack_require__(/*! ./logic.scss */ "./src/components/tabs/logic.scss");
 function initLogicOperator(question) {
     question.popupModel.isFocusedContent = true;
     question.popupModel.setWidthByTarget = false;
+    question.popupModel.positionMode = "flex";
+    question.popupModel.showPointer = true;
     question.dropdownListModel["listModel"].searchEnabled = question.searchEnabled;
 }
 var LogicEvent = /** @class */ (function (_super) {
@@ -14044,6 +14053,12 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
             newSurvey.setCss(theme, false);
         }
         newSurvey.fitToContainer = true;
+        newSurvey.addLayoutElement({
+            id: "complete-customization",
+            container: "completePage",
+            component: "svc-complete-page",
+            data: this
+        });
         this.simulator.survey = newSurvey;
         if (this.onSurveyCreatedCallback)
             this.onSurveyCreatedCallback(this.survey);
@@ -14364,7 +14379,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../creator-settings */ "./src/creator-settings.ts");
 /* harmony import */ var _theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./theme-custom-questions/font-settings */ "./src/components/tabs/theme-custom-questions/font-settings.ts");
 /* harmony import */ var _theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./theme-custom-questions/element-settings */ "./src/components/tabs/theme-custom-questions/element-settings.ts");
-/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./themes */ "./src/components/tabs/themes.ts");
+/* harmony import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
+/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./themes */ "./src/components/tabs/themes.ts");
+
 
 
 
@@ -14388,7 +14405,8 @@ var ThemeBuilder = /** @class */ (function (_super) {
         _this.themeCssVariablesChanges = {};
         _this.colorCalculator = new _utils_utils__WEBPACK_IMPORTED_MODULE_6__["ColorCalculator"]();
         _this.blockChanges = false;
-        _this._availableThemes = _themes__WEBPACK_IMPORTED_MODULE_10__["PredefinedThemes"];
+        _this._availableThemes = _themes__WEBPACK_IMPORTED_MODULE_11__["PredefinedThemes"];
+        _this.prevQuestionValues = {};
         _this.onThemeSelected = new survey_core__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
         _this.onThemeModified = new survey_core__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
         _this.onCanModifyTheme = new survey_core__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
@@ -14396,6 +14414,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
         _this.simulator = new _simulator__WEBPACK_IMPORTED_MODULE_1__["SurveySimulatorModel"]();
         _this.themeEditorSurveyValue = _this.createThemeEditorSurvey();
         _this.loadTheme(_this.surveyProvider.theme);
+        _this.undoRedoManager = new _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_10__["UndoRedoManager"]();
         return _this;
     }
     Object.defineProperty(ThemeBuilder.prototype, "themeCssCustomizations", {
@@ -14461,6 +14480,13 @@ var ThemeBuilder = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(ThemeBuilder.prototype, "currentThemeCssVariables", {
+        get: function () {
+            return this.currentTheme.cssVariables || {};
+        },
+        enumerable: false,
+        configurable: true
+    });
     ThemeBuilder.prototype.loadTheme = function (theme) {
         this.blockThemeChangedNotifications += 1;
         try {
@@ -14473,7 +14499,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
             this.backgroundImageFit = theme.backgroundImageFit || this.backgroundImageFit;
             this.backgroundImageAttachment = theme.backgroundImageAttachment || this.backgroundImageAttachment;
             var effectiveThemeCssVariables = {};
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(effectiveThemeCssVariables, _themes__WEBPACK_IMPORTED_MODULE_10__["Themes"]["default-light"].cssVariables || {}, this.findSuitableTheme(this.themeName).cssVariables || {});
+            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 });
@@ -14507,6 +14533,12 @@ var ThemeBuilder = /** @class */ (function (_super) {
         var newSurvey = this.surveyProvider.createSurvey(json || {}, "theme", this);
         newSurvey.setCss(theme, false);
         newSurvey.fitToContainer = true;
+        newSurvey.addLayoutElement({
+            id: "complete-customization",
+            container: "completePage",
+            component: "svc-complete-page",
+            data: this
+        });
         this.simulator.survey = newSurvey;
         this.updateSimulatorTheme();
         if (this.onSurveyCreatedCallback)
@@ -14552,16 +14584,18 @@ var ThemeBuilder = /** @class */ (function (_super) {
         this.updateSimulatorSurvey(json, currTheme);
     };
     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();
             if (options.showPagesInTestSurveyTab !== undefined) {
                 this.showPagesInTestSurveyTab = options.showPagesInTestSurveyTab;
             }
         }
         finally {
-            this.blockThemeChangedNotifications -= 1;
+            this.blockChanges = false;
         }
     };
     ThemeBuilder.prototype.updatePageItem = function (page) {
@@ -14609,6 +14643,7 @@ 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();
     };
     Object.defineProperty(ThemeBuilder.prototype, "availableThemes", {
@@ -14639,6 +14674,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"] ||
@@ -14647,6 +14688,106 @@ var ThemeBuilder = /** @class */ (function (_super) {
         }
         this.colorCalculator.initialize(this.currentTheme.cssVariables["--sjs-primary-backcolor"], this.currentTheme.cssVariables["--sjs-primary-backcolor-light"], this.currentTheme.cssVariables["--sjs-primary-backcolor-dark"]);
     };
+    ThemeBuilder.prototype.generalPropertiesChanged = function (options) {
+        var _a;
+        if (["themeName", "themeMode", "themePalette"].indexOf(options.name) !== -1) {
+            if (options.name === "themeName") {
+                this.loadTheme(this.findSuitableTheme(options.value) || (_a = {}, _a[options.name] = options.value, _a));
+            }
+            if (options.name === "themeMode") {
+                this.loadTheme({ isPanelless: options.value === "lightweight" });
+            }
+            if (options.name === "themePalette") {
+                this.loadTheme({ colorPalette: options.value });
+            }
+            this.updateSimulatorTheme();
+            this.raiseThemeChanged();
+            this.onThemeSelected.fire(this, { theme: this.currentTheme });
+            this.surveyProvider.isThemePristine = Object.keys(this.themeCssVariablesChanges).length === 0;
+            return true;
+        }
+        if (["backgroundImage", "backgroundImageFit", "backgroundImageAttachment", "backgroundOpacity"].indexOf(options.name) !== -1) {
+            this[options.name] = options.value;
+            this.raiseThemeChanged();
+            this.raiseThemeModified(options);
+            return true;
+        }
+        return false;
+    };
+    ThemeBuilder.prototype.headerViewContainerPropertiesChanged = function (options) {
+        var headerSettings = options.value[0];
+        this.survey.titleView = headerSettings["headerView"];
+        this.surveyProvider.survey.titleView = headerSettings["headerView"];
+        if (headerSettings["headerView"] === "title") {
+            this.survey.logoPosition = headerSettings["logoPosition"];
+            this.surveyProvider.survey.logoPosition = headerSettings["logoPosition"];
+        }
+        else {
+            this.currentTheme.cover = 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) {
+            this.setThemeCssVariablesChanges(options.name, options.value, options.question);
+        }
+        if (options.name == "commonScale") {
+            this.survey.triggerResponsiveness(true);
+            this.setThemeCssVariablesChanges("--sjs-base-unit", (options.value * 8 / 100) + "px", options.question);
+        }
+        if (options.name == "commonFontSize") {
+            this.setThemeCssVariablesChanges("--sjs-font-size", (options.value * 16 / 100) + "px", options.question);
+        }
+        if (options.name == "cornerRadius") {
+            this.setThemeCssVariablesChanges("--sjs-corner-radius", options.value + "px", options.question);
+        }
+        if (options.name === "questionBackgroundTransparency" || options.name === "editorPanel") {
+            var baseColor = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["parseColor"])(this.themeEditorSurvey.getValue("--sjs-general-backcolor-dim-light")).color;
+            var questionBackgroundTransparencyValue = this.themeEditorSurvey.getValue("questionBackgroundTransparency");
+            this.setThemeCssVariablesChanges("--sjs-editor-background", Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["ingectAlpha"])(baseColor, questionBackgroundTransparencyValue / 100), options.question);
+        }
+        if (options.name === "panelBackgroundTransparency" || options.name === "questionPanel") {
+            var baseColor = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["parseColor"])(this.themeEditorSurvey.getValue("--sjs-general-backcolor")).color;
+            var panelBackgroundTransparencyValue = this.themeEditorSurvey.getValue("panelBackgroundTransparency");
+            this.setThemeCssVariablesChanges("--sjs-question-background", Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["ingectAlpha"])(baseColor, panelBackgroundTransparencyValue / 100), options.question);
+        }
+        if (((_a = options.question) === null || _a === void 0 ? void 0 : _a.getType()) === "fontsettings") {
+            Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsToCssVariable"])(options.question, this.themeCssVariablesChanges);
+            this.raiseThemeChanged();
+            this.raiseThemeModified(options);
+        }
+        if (((_b = options.question) === null || _b === void 0 ? void 0 : _b.getType()) === "elementsettings") {
+            Object(_theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_9__["elementSettingsToCssVariable"])(options.question, this.themeCssVariablesChanges);
+            this.raiseThemeChanged();
+            this.raiseThemeModified(options);
+        }
+    };
+    ThemeBuilder.prototype.updateDependentQuestionValues = function (options) {
+        if (options.name === "generalBackcolorDimColor") {
+            this.themeEditorSurvey.setValue("--sjs-general-backcolor-dim", options.value);
+        }
+        if (options.name === "--sjs-general-backcolor-dim") {
+            this.themeEditorSurvey.getQuestionByName("generalBackcolorDimColor").value = options.value;
+        }
+        if (options.name === "generalPrimaryColor") {
+            this.themeEditorSurvey.setValue("--sjs-primary-backcolor", options.value);
+        }
+        if (options.name === "--sjs-primary-backcolor") {
+            this.colorCalculator.calculateColors(options.value);
+            this.themeEditorSurvey.setValue("--sjs-primary-backcolor-light", this.colorCalculator.colorSettings.newColorLight);
+            this.themeEditorSurvey.setValue("--sjs-primary-backcolor-dark", this.colorCalculator.colorSettings.newColorDark);
+            this.themeEditorSurvey.getQuestionByName("generalPrimaryColor").value = options.value;
+        }
+    };
+    ThemeBuilder.prototype.setThemeCssVariablesChanges = function (variableName, value, question) {
+        this.themeCssVariablesChanges[variableName] = value;
+        this.raiseThemeChanged();
+        this.raiseThemeModified({ name: variableName, value: value, question: question });
+    };
     ThemeBuilder.prototype.createThemeEditorSurvey = function () {
         var _this = this;
         var json = this.getThemeEditorSurveyJSON();
@@ -14657,78 +14798,38 @@ var ThemeBuilder = /** @class */ (function (_super) {
         themeBuilderCss.root += " spg-theme-builder-root";
         themeEditorSurvey.css = themeBuilderCss;
         themeEditorSurvey.enterKeyAction = "loseFocus";
-        themeEditorSurvey.onValueChanged.add(function (sender, options) {
-            var _a;
-            var _b, _c;
+        themeEditorSurvey.onValueChanging.add(function (sender, options) {
             if (_this.blockChanges)
                 return;
-            if (["themeName", "themeMode", "themePalette"].indexOf(options.name) !== -1) {
-                if (options.name === "themeName") {
-                    _this.loadTheme(_this.findSuitableTheme(options.value) || (_a = {}, _a[options.name] = options.value, _a));
-                }
-                if (options.name === "themeMode") {
-                    _this.loadTheme({ isPanelless: options.value === "lightweight" });
-                }
-                if (options.name === "themePalette") {
-                    _this.loadTheme({ colorPalette: options.value });
-                }
-                _this.updateSimulatorTheme();
-                _this.raiseThemeChanged();
-                _this.onThemeSelected.fire(_this, { theme: _this.currentTheme });
-                _this.surveyProvider.isThemePristine = Object.keys(_this.themeCssVariablesChanges).length === 0;
-                return;
-            }
-            if (["backgroundImage", "backgroundImageFit", "backgroundImageAttachment"].indexOf(options.name) !== -1) {
-                _this[options.name] = options.value;
-                _this.raiseThemeChanged();
-                _this.raiseThemeModified(options);
+            _this.prevQuestionValues[options.name] = options.oldValue;
+        });
+        themeEditorSurvey.onValueChanged.add(function (sender, options) {
+            if (_this.blockChanges)
                 return;
+            if (_this.blockThemeChangedNotifications == 0) {
+                _this.undoRedoManager.startTransaction(options.name + " changed");
             }
-            if (options.name === "backgroundOpacity") {
-                _this.currentTheme.backgroundOpacity = options.value / 100;
-                _this.survey.backgroundOpacity = options.value / 100;
-                _this.raiseThemeChanged();
-                _this.raiseThemeModified(options);
+            _this.undoRedoManager.onPropertyValueChanged("value", _this.prevQuestionValues[options.name], options.value, options.question, undefined);
+            if (_this.generalPropertiesChanged(options)) {
+                if (_this.blockThemeChangedNotifications == 0) {
+                    _this.undoRedoManager.stopTransaction();
+                }
                 return;
             }
-            if (options.name.indexOf("--") === 0) {
-                _this.themeCssVariablesChanges[options.name] = options.value;
-                _this.raiseThemeChanged();
+            if (options.name === "headerViewContainer") {
+                _this.headerViewContainerPropertiesChanged(options);
             }
+            _this.cssVariablePropertiesChanged(options);
             _this.blockThemeChangedNotifications += 1;
-            if (options.name == "commonScale") {
-                _this.survey.triggerResponsiveness(true);
-            }
-            if (options.name === "--sjs-primary-backcolor") {
-                _this.colorCalculator.calculateColors(options.value);
-                _this.themeCssVariablesChanges["--sjs-primary-backcolor"] = options.value;
-                _this.themeCssVariablesChanges["--sjs-primary-backcolor-light"] = _this.colorCalculator.colorSettings.newColorLight;
-                _this.themeCssVariablesChanges["--sjs-primary-backcolor-dark"] = _this.colorCalculator.colorSettings.newColorDark;
-                _this.themeEditorSurvey.setValue("--sjs-primary-backcolor-light", _this.colorCalculator.colorSettings.newColorLight);
-                _this.themeEditorSurvey.setValue("--sjs-primary-backcolor-dark", _this.colorCalculator.colorSettings.newColorDark);
-            }
-            if (options.name === "questionBackgroundTransparency" || options.name === "editorPanel") {
-                var baseColor = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["parseColor"])(themeEditorSurvey.getValue("--sjs-general-backcolor-dim-light")).color;
-                var questionBackgroundTransparencyValue = themeEditorSurvey.getValue("questionBackgroundTransparency");
-                _this.themeCssVariablesChanges["--sjs-editor-background"] = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["ingectAlpha"])(baseColor, questionBackgroundTransparencyValue / 100);
-            }
-            if (options.name === "panelBackgroundTransparency" || options.name === "questionPanel") {
-                var baseColor = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["parseColor"])(themeEditorSurvey.getValue("--sjs-general-backcolor")).color;
-                var panelBackgroundTransparencyValue = themeEditorSurvey.getValue("panelBackgroundTransparency");
-                _this.themeCssVariablesChanges["--sjs-question-background"] = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["ingectAlpha"])(baseColor, panelBackgroundTransparencyValue / 100);
-            }
-            if (((_b = options.question) === null || _b === void 0 ? void 0 : _b.getType()) === "fontsettings") {
-                Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsToCssVariable"])(options.question, _this.themeCssVariablesChanges);
-            }
-            if (((_c = options.question) === null || _c === void 0 ? void 0 : _c.getType()) === "elementsettings") {
-                Object(_theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_9__["elementSettingsToCssVariable"])(options.question, _this.themeCssVariablesChanges);
-            }
+            _this.updateDependentQuestionValues(options);
             var newCssVariables = {};
             Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newCssVariables, _this.currentTheme.cssVariables, _this.themeCssVariablesChanges);
             _this.currentTheme.cssVariables = newCssVariables;
-            _this.blockThemeChangedNotifications -= 1;
             _this.updateSimulatorTheme();
-            _this.raiseThemeModified(options);
+            _this.blockThemeChangedNotifications -= 1;
+            if (!!_this.undoRedoManager && _this.blockThemeChangedNotifications == 0) {
+                _this.undoRedoManager.stopTransaction();
+            }
         });
         themeEditorSurvey.onUploadFiles.add(function (_, options) {
             var callback = function (status, data) { return options.callback(status, [{ content: data, file: options.files[0] }]); };
@@ -14741,12 +14842,12 @@ var ThemeBuilder = /** @class */ (function (_super) {
         return themeEditorSurvey;
     };
     ThemeBuilder.prototype.findSuitableTheme = function (themeName) {
-        var probeThemeFullName = Object(_themes__WEBPACK_IMPORTED_MODULE_10__["getThemeFullName"])({ themeName: themeName, colorPalette: this.themePalette, isPanelless: this.themeMode === "lightweight" });
-        var suitableTheme = _themes__WEBPACK_IMPORTED_MODULE_10__["Themes"][probeThemeFullName];
+        var probeThemeFullName = Object(_themes__WEBPACK_IMPORTED_MODULE_11__["getThemeFullName"])({ themeName: themeName, colorPalette: this.themePalette, isPanelless: this.themeMode === "lightweight" });
+        var suitableTheme = _themes__WEBPACK_IMPORTED_MODULE_11__["Themes"][probeThemeFullName];
         if (!!suitableTheme) {
             return suitableTheme;
         }
-        var appropriateThemeNames = Object.keys(_themes__WEBPACK_IMPORTED_MODULE_10__["Themes"]).filter(function (fullName) { return fullName.indexOf(themeName) === 0; });
+        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) {
@@ -14756,7 +14857,30 @@ var ThemeBuilder = /** @class */ (function (_super) {
                 probeThemeFullName = themeName + "-" + this.themePalette + (this.themeMode === "lightweight" ? "-panelless" : "");
             }
         }
-        return _themes__WEBPACK_IMPORTED_MODULE_10__["Themes"][probeThemeFullName] || _themes__WEBPACK_IMPORTED_MODULE_10__["Themes"][appropriateThemeNames[0]];
+        return _themes__WEBPACK_IMPORTED_MODULE_11__["Themes"][probeThemeFullName] || _themes__WEBPACK_IMPORTED_MODULE_11__["Themes"][appropriateThemeNames[0]];
+    };
+    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"];
+        }
+        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;
+        }
     };
     ThemeBuilder.prototype.loadThemeIntoPropertyGrid = function () {
         this.blockChanges = true;
@@ -14767,27 +14891,79 @@ var ThemeBuilder = /** @class */ (function (_super) {
             this.themeEditorSurvey.setValue("themeMode", this.themeMode);
             this.themeEditorSurvey.setValue("themePalette", this.themePalette);
             this.updatePropertyGridEditors(this.themeEditorSurvey);
-            this.updatePropertyGridEditorsAvailability(this.themeEditorSurvey);
+            this.updatePropertyGridEditorsAvailability();
         }
         finally {
             this.blockChanges = false;
         }
     };
-    ThemeBuilder.prototype.updatePropertyGridEditorsAvailability = function (themeEditorSurvey) {
-        var isCustomTheme = _themes__WEBPACK_IMPORTED_MODULE_10__["PredefinedThemes"].indexOf(this.themeName) === -1;
-        themeEditorSurvey.getQuestionByName("themeMode").readOnly = isCustomTheme;
-        themeEditorSurvey.getQuestionByName("themePalette").readOnly = isCustomTheme;
+    ThemeBuilder.prototype.getBackgroundColorSwitchByValue = function (backgroundColor) {
+        if (!backgroundColor)
+            return "none";
+        if (backgroundColor === this.currentTheme.cssVariables["--sjs-primary-backcolor"])
+            return "accentColor";
+        return "custom";
+    };
+    ThemeBuilder.prototype.updateHeaderViewContainerEditors = function (themeCssVariables) {
+        var _this = this;
+        var headerViewContainerQuestion = this.themeEditorSurvey.getQuestionByName("headerViewContainer");
+        headerViewContainerQuestion.visible = _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.allowEditHeaderSettings;
+        var panel = headerViewContainerQuestion.panels[0];
+        panel.getQuestionByName("backgroundColor").choices = this.getPredefinedColorsItemValues();
+        if (!!this.survey) {
+            panel.getQuestionByName("headerView").value = this.survey.titleView;
+            panel.getQuestionByName("logoPosition").value = this.survey.logoPosition;
+            panel.getQuestionByName("logoPositionX").readOnly = !this.survey.logo;
+            panel.getQuestionByName("logoPositionY").readOnly = !this.survey.logo;
+            panel.getQuestionByName("logoPosition").readOnly = !this.survey.logo;
+            panel.getQuestionByName("titlePositionX").readOnly = !this.survey.title;
+            panel.getQuestionByName("titlePositionY").readOnly = !this.survey.title;
+            panel.getQuestionByName("descriptionPositionX").readOnly = !this.survey.description;
+            panel.getQuestionByName("descriptionPositionY").readOnly = !this.survey.description;
+        }
+        if (!!this.currentTheme.cover) {
+            Object.keys(this.currentTheme.cover).forEach(function (key) {
+                var question = panel.getQuestionByName(key);
+                if (!!question && key === "backgroundImageOpacity") {
+                    question.value = _this.currentTheme.cover[key] * 100;
+                }
+                else if (question) {
+                    question.value = _this.currentTheme.cover[key];
+                }
+            });
+            var titleForecolorQuestion = panel.getQuestionByName("titleForecolor");
+            var titleForecolorValue = themeCssVariables["--sjs-cover-title-forecolor"] || themeCssVariables["--sjs-general-dim-forecolor"];
+            if (!!titleForecolorQuestion && !!titleForecolorValue) {
+                titleForecolorQuestion.value = titleForecolorValue;
+            }
+            var backgroundColorQuestion = panel.getQuestionByName("backgroundColor");
+            var backgroundColorValue = themeCssVariables["--sjs-cover-backcolor"];
+            if (!!backgroundColorQuestion && !!backgroundColorValue) {
+                backgroundColorQuestion.value = 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;
+        this.themeEditorSurvey.getQuestionByName("themePalette").readOnly = isCustomTheme;
         var canModify = !this.surveyProvider.readOnly;
         var options = {
             theme: this.currentTheme,
             canModify: canModify
         };
         this.onCanModifyTheme.fire(this, options);
-        themeEditorSurvey.getAllQuestions().forEach(function (q) {
+        this.themeEditorSurvey.getAllQuestions().forEach(function (q) {
             if (["themeName", "themePalette", "themeMode"].indexOf(q.name) === -1) {
                 q.readOnly = !options.canModify;
             }
         });
+        if (!!this.survey) {
+            this.themeEditorSurvey.getQuestionByName("surveyTitle").readOnly = !this.survey.hasTitle;
+            this.themeEditorSurvey.getQuestionByName("pageTitle").readOnly = !this.survey.pages.some(function (p) { return !!p.title; });
+            this.themeEditorSurvey.getQuestionByName("pageDescription").readOnly = !this.survey.pages.some(function (p) { return !!p.description; });
+        }
     };
     ThemeBuilder.prototype.updatePropertyGridEditors = function (themeEditorSurvey) {
         var _this = this;
@@ -14796,6 +14972,9 @@ var ThemeBuilder = /** @class */ (function (_super) {
         themeEditorSurvey.getQuestionByName("backgroundImage").value = this.backgroundImage;
         themeEditorSurvey.getQuestionByName("backgroundImageFit").value = this.backgroundImageFit;
         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);
@@ -14815,7 +14994,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_10__["PredefinedColors"][_this.themePalette]).map(function (colorName) { return new survey_core__WEBPACK_IMPORTED_MODULE_2__["ItemValue"](_themes__WEBPACK_IMPORTED_MODULE_10__["PredefinedColors"][_this.themePalette][colorName], Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.colors." + colorName)); });
+                question.choices = _this.getPredefinedColorsItemValues();
             }
         });
     };
@@ -14881,13 +15060,13 @@ var ThemeBuilder = /** @class */ (function (_super) {
                             elements: [
                                 {
                                     type: "color",
-                                    name: "--sjs-primary-backcolor",
+                                    name: "generalPrimaryColor",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryColor"),
                                     descriptionLocation: "hidden",
                                 },
                                 {
                                     type: "color",
-                                    name: "--sjs-general-backcolor-dim",
+                                    name: "generalBackcolorDimColor",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundDimColor"),
                                     descriptionLocation: "hidden",
                                 },
@@ -14988,12 +15167,6 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     min: 0,
                                     step: 5
                                 },
-                                {
-                                    type: "expression",
-                                    name: "--sjs-font-size",
-                                    expression: "{commonFontSize}*16/100+\"px\"",
-                                    visible: false
-                                },
                             ]
                         }, {
                             type: "panel",
@@ -15008,12 +15181,6 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     min: 0,
                                     step: 5
                                 },
-                                {
-                                    type: "expression",
-                                    name: "--sjs-base-unit",
-                                    expression: "{commonScale}*8/100+\"px\"",
-                                    visible: false
-                                },
                                 {
                                     type: "spinedit",
                                     name: "cornerRadius",
@@ -15023,12 +15190,187 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     defaultValue: 4,
                                     min: 0
                                 },
+                            ]
+                        }
+                    ]
+                }, {
+                    type: "panel",
+                    state: "collapsed",
+                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupHeader"),
+                    elements: [
+                        {
+                            type: "panel",
+                            elements: [
                                 {
-                                    type: "expression",
-                                    name: "--sjs-corner-radius",
-                                    expression: "{cornerRadius}+\"px\"",
-                                    visible: false
-                                },
+                                    "type": "paneldynamic",
+                                    "name": "headerViewContainer",
+                                    "titleLocation": "hidden",
+                                    "allowAddPanel": false,
+                                    "allowRemovePanel": false,
+                                    "panelCount": 1,
+                                    "defaultValue": [
+                                        {
+                                            "headerView": "title",
+                                            "logoPosition": "right",
+                                            "areaWidth": "survey",
+                                            "backgroundColorSwitch": "none",
+                                            "backgroundImageFit": "cover",
+                                            "backgroundImageOpacity": 100,
+                                            "overlap": false,
+                                            "logoPositionX": "right",
+                                            "logoPositionY": "top",
+                                            "titlePositionX": "left",
+                                            "titlePositionY": "bottom",
+                                            "descriptionPositionX": "left",
+                                            "descriptionPositionY": "bottom",
+                                            "textWidth": 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: "title", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.headerViewTitle") },
+                                                        { value: "cover", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.headerViewCover") }
+                                                    ]
+                                                },
+                                                {
+                                                    type: "buttongroup",
+                                                    name: "logoPosition",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.logoPosition"),
+                                                    visibleIf: "{panel.headerView} = 'title'",
+                                                    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} = 'cover'",
+                                                    unit: "px",
+                                                    min: 0
+                                                },
+                                                {
+                                                    type: "buttongroup",
+                                                    name: "areaWidth",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverAreaWidth"),
+                                                    choices: [
+                                                        { value: "survey", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverAreaWidthSurvey") },
+                                                        { value: "container", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverAreaWidthContainer") }
+                                                    ],
+                                                    visibleIf: "{panel.headerView} = 'cover'",
+                                                },
+                                                {
+                                                    type: "spinedit",
+                                                    name: "textWidth",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverTextWidth"),
+                                                    descriptionLocation: "hidden",
+                                                    visibleIf: "{panel.headerView} = 'cover'",
+                                                    unit: "px",
+                                                    min: 0
+                                                }
+                                            ]
+                                        }, {
+                                            type: "panel",
+                                            questionTitleLocation: "top",
+                                            visibleIf: "{panel.headerView} = 'cover'",
+                                            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",
+                                                            maxSize: this.surveyProvider.onUploadFile.isEmpty ? 65536 : undefined,
+                                                            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: "boolean",
+                                                    name: "overlap",
+                                                    renderAs: "checkbox",
+                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverOverlap"),
+                                                    titleLocation: "hidden",
+                                                    descriptionLocation: "hidden",
+                                                }
+                                            ]
+                                        }, {
+                                            type: "panel",
+                                            questionTitleLocation: "top",
+                                            visibleIf: "{panel.headerView} = 'cover'",
+                                            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"),
+                                            ]
+                                        }
+                                    ]
+                                }
                             ]
                         }
                     ]
@@ -15107,7 +15449,6 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
-                                        color: "rgba(22, 22, 22, 1)",
                                         weight: "700",
                                         size: 32
                                     }
@@ -15118,7 +15459,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
-                                        color: "rgba(22, 22, 22, 1)",
+                                        color: "rgba(0, 0, 0, 0.91)",
                                         weight: "700",
                                         size: 24
                                     }
@@ -15129,7 +15470,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
-                                        color: "rgba(22, 22, 22, 1)",
+                                        color: "rgba(0, 0, 0, 0.45)",
                                         weight: "400",
                                         size: 16
                                     }
@@ -15146,6 +15487,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     defaultValue: {
                                         backcolor: "rgba(255, 255, 255, 1)",
                                         hovercolor: "rgba(248, 248, 248, 1)",
+                                        cornerRadius: "4px",
                                         corner: 4
                                     }
                                 },
@@ -15177,7 +15519,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
-                                        color: "rgba(22, 22, 22, 1)",
+                                        color: "rgba(0, 0, 0, 0.91)",
                                         weight: "600",
                                         size: 16,
                                     }
@@ -15188,7 +15530,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
-                                        color: "rgba(22, 22, 22, 1)",
+                                        color: "rgba(0, 0, 0, 0.45)",
                                         weight: "400",
                                         size: 16
                                     }
@@ -15205,6 +15547,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     defaultValue: {
                                         backcolor: "rgba(255, 255, 255, 1)",
                                         hovercolor: "rgba(248, 248, 248, 1)",
+                                        cornerRadius: "4px",
                                         corner: 4
                                     }
                                 },
@@ -15235,7 +15578,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
-                                        color: "rgba(22, 22, 22, 1)",
+                                        color: "rgba(0, 0, 0, 0.91)",
                                         weight: "400",
                                         size: 16
                                     }
@@ -15271,6 +15614,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();
@@ -15354,6 +15723,16 @@ var ThemeBuilder = /** @class */ (function (_super) {
             }
         })
     ], ThemeBuilder.prototype, "backgroundImageAttachment", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({
+            onSet: function (newValue, _target) {
+                if (!!_target.survey) {
+                    _target.survey.backgroundOpacity = newValue / 100;
+                }
+                _target.currentTheme["backgroundOpacity"] = newValue / 100;
+            }
+        })
+    ], ThemeBuilder.prototype, "backgroundOpacity", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "default" })
     ], ThemeBuilder.prototype, "themeName", void 0);
@@ -15622,7 +16001,13 @@ function elementSettingsToCssVariable(question, themeCssVariables) {
     Object.keys(question.value).forEach(function (key) {
         if (key === "corner")
             return;
-        themeCssVariables["--sjs-" + question.name.toLocaleLowerCase() + "-" + key] = question.value[key];
+        var propertyName = "--sjs-" + question.name.toLocaleLowerCase() + "-" + key;
+        if (question.value[key] !== question.defaultValue[key]) {
+            themeCssVariables[propertyName] = question.value[key];
+        }
+        else {
+            delete themeCssVariables[propertyName];
+        }
     });
 }
 function elementSettingsFromCssVariable(question, themeCssVariables, defaultBackcolorVariable, defaultHovercolorVariable) {
@@ -15744,7 +16129,13 @@ function fontsettingsToCssVariable(question, themeCssVariables) {
     Object.keys(question.value).forEach(function (key) {
         var _a;
         var innerQ = question.contentPanel.getQuestionByName(key);
-        themeCssVariables["--sjs-font-" + question.name.toLocaleLowerCase() + "-" + key] = question.value[key] + (((_a = innerQ.unit) === null || _a === void 0 ? void 0 : _a.toString()) || "");
+        var propertyName = "--sjs-font-" + question.name.toLocaleLowerCase() + "-" + key;
+        if (question.value[key] !== question.defaultValue[key]) {
+            themeCssVariables[propertyName] = question.value[key] + (((_a = innerQ.unit) === null || _a === void 0 ? void 0 : _a.toString()) || "");
+        }
+        else {
+            delete themeCssVariables[propertyName];
+        }
     });
 }
 function fontsettingsFromCssVariable(question, themeCssVariables, defaultColorVariable, defaultPlaceholderColorVariable) {
@@ -15793,6 +16184,7 @@ __webpack_require__.r(__webpack_exports__);
 
 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"];
@@ -15819,6 +16211,30 @@ 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.activate = function () {
         this.model = new _theme_builder__WEBPACK_IMPORTED_MODULE_2__["ThemeBuilder"](this.creator, this.simulatorTheme);
@@ -15842,6 +16258,10 @@ var ThemeTabPlugin = /** @class */ (function () {
         this.model.testAgainAction = this.testAgainAction;
         this.model.availableThemes = this.availableThemes;
         this.model.initialize(this.creator.JSON, options);
+        this.updateUndeRedoActions();
+        this.model.undoRedoManager.canUndoRedoCallback = function () {
+            _this.updateUndeRedoActions();
+        };
         this.model.show();
         this.model.onPropertyChanged.add(function (sender, options) {
             if (options.name === "isRunning") {
@@ -15906,6 +16326,24 @@ var ThemeTabPlugin = /** @class */ (function () {
                 _this.model.testAgain();
             }
         });
+        this.undoAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
+            id: "action-undo-theme",
+            iconName: "icon-undo",
+            locTitleName: "ed.undo",
+            showTitle: false,
+            visible: new survey_core__WEBPACK_IMPORTED_MODULE_0__["ComputedUpdater"](function () { return _this.creator.activeTab === "theme"; }),
+            action: function () { return _this.undo(); }
+        });
+        this.redoAction = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
+            id: "action-redo-theme",
+            iconName: "icon-redo",
+            locTitleName: "ed.redo",
+            showTitle: false,
+            visible: new survey_core__WEBPACK_IMPORTED_MODULE_0__["ComputedUpdater"](function () { return _this.creator.activeTab === "theme"; }),
+            action: function () { return _this.redo(); }
+        });
+        items.push(this.undoAction);
+        items.push(this.redoAction);
         this.resetTheme = new survey_core__WEBPACK_IMPORTED_MODULE_0__["Action"]({
             id: "resetTheme",
             iconName: "icon-reset",
@@ -15978,7 +16416,33 @@ var ThemeTabPlugin = /** @class */ (function () {
         items.push(this.exportAction);
         return items;
     };
+    ThemeTabPlugin.prototype.undo = function () {
+        var _undoRedoManager = this.model && this.model.undoRedoManager;
+        if (!_undoRedoManager)
+            return;
+        _undoRedoManager.suspend();
+        if (_undoRedoManager.canUndo()) {
+            _undoRedoManager.undo();
+        }
+        _undoRedoManager.resume();
+    };
+    ThemeTabPlugin.prototype.redo = function () {
+        var _undoRedoManager = this.model && this.model.undoRedoManager;
+        if (!_undoRedoManager)
+            return;
+        _undoRedoManager.suspend();
+        if (_undoRedoManager.canRedo()) {
+            _undoRedoManager.redo();
+        }
+        _undoRedoManager.resume();
+    };
+    ThemeTabPlugin.prototype.updateUndeRedoActions = function () {
+        var _undoRedoManager = this.model.undoRedoManager;
+        this.undoAction.enabled = _undoRedoManager.canUndo();
+        this.redoAction.enabled = _undoRedoManager.canRedo();
+    };
     ThemeTabPlugin.prototype.addFooterActions = function () {
+        this.creator.footerToolbar.actions.push(this.testAgainAction);
         this.creator.footerToolbar.actions.push(this.resetTheme);
     };
     Object.defineProperty(ThemeTabPlugin.prototype, "availableThemes", {
@@ -16256,42 +16720,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;
     };
@@ -16386,6 +16819,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",
@@ -16695,7 +17129,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";
@@ -16705,6 +17139,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__);
@@ -16775,6 +17212,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) {
@@ -16797,7 +17235,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);
         }
     };
@@ -16876,9 +17314,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;
             }
@@ -16899,7 +17345,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 };
@@ -16930,8 +17391,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;
         }
@@ -17155,6 +17624,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();
@@ -17230,12 +17702,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);
@@ -17283,9 +17759,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);
@@ -17345,6 +17826,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);
@@ -17409,6 +17905,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;
@@ -17462,6 +17969,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 = [];
@@ -17534,6 +18055,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;
     };
@@ -17580,14 +18106,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]));
         }
@@ -17600,6 +18127,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++) {
@@ -17911,6 +18444,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;
@@ -18019,6 +18563,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
+    });
+}
 
 
 /***/ }),
@@ -18788,6 +19482,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.
          *
@@ -18876,6 +19591,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.
          *
@@ -18883,11 +19604,17 @@ 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;
+        /**
+         * Limits the number of nested panels within a [Panel](/form-library/documentation/api-reference/panel-model) element.
+         *
+         * Default value: -1 (unlimited)
+         */
+        _this.maxNestedPanels = -1;
         /**
          * Obsolete. Use the [`showPagesInPreviewTab`](https://surveyjs.io/Documentation/Survey-Creator?id=surveycreator#showPagesInPreviewTab) property instead.
          */
@@ -19038,11 +19765,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)
@@ -19975,6 +20702,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");
@@ -21246,6 +21974,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(); }; }
@@ -21366,10 +22105,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) {
@@ -22010,7 +22765,8 @@ var settings = {
     },
     theme: {
         exportFileName: "survey_theme.json",
-        fontFamily: "Open Sans"
+        fontFamily: "Open Sans",
+        allowEditHeaderSettings: false,
     },
     operators: {
         empty: [],
@@ -22067,6 +22823,7 @@ var settings = {
         maxCharsInButtonGroup: 25,
         showNavigationButtons: false,
         maximumColumnsCount: 0,
+        minimumChoicesCount: 0,
         maximumChoicesCount: 0,
         maximumRowsCount: 0,
         maximumRateValues: 0,
@@ -22157,9 +22914,12 @@ 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.maxNestedPanels = -1;
     }
     EmptySurveyCreatorOptions.prototype.getProcessedTranslationItemText = function (locale, locString, newText, obj) {
         return newText;
@@ -22207,6 +22967,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;
 }());
 
@@ -23348,7 +24110,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, ThemeBuilder, ThemeTabPlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, TranslationEditor, createImportCSVAction, createExportCSVAction, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, ResetValueAdorner, QuestionTextWithResetModel, QuestionCommentWithResetModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridColorEditor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorColor, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, propertyGridCss, QuestionConverter, svgBundle, SurveyTextWorkerError, SurveyTextWorkerParserError, SurveyTextWorkerJsonError, SurveyTextWorker, JsonDuplicateNameError, QuestionToolboxCategory, QuestionToolboxItem, QuestionToolbox, SidebarModel, SidebarTabModel, getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, ingectAlpha, convertRgbaToString, parseRgbaFromString, parseColor, HSBToRGB, RGBToHSB, assign, ColorCalculator, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -23487,6 +24249,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"]; });
 
@@ -23834,7 +24602,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.109";
+Version = "" + "1.9.111";
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -23924,7 +24692,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.109", "survey-creator-core");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_71__["checkLibraryVersion"])("" + "1.9.111", "survey-creator-core");
 
 
 /***/ }),
@@ -24237,6 +25005,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",
@@ -25112,6 +25881,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 ***!
@@ -26161,6 +26941,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",
@@ -26191,9 +26973,11 @@ var enStrings = {
             question_visibilityName: "Show (hide) question",
             question_enableName: "Enable (disable) question",
             question_requireName: "Make question required",
+            question_resetValue: "Reset question value",
             column_visibilityName: "Show (hide) column",
             column_enableName: "Enable (disable) column",
             column_requireName: "Make column required",
+            column_resetValue: "Reset column value",
             trigger_completeName: "Complete survey",
             trigger_setvalueName: "Set answer",
             trigger_copyvalueName: "Copy answer",
@@ -26288,6 +27072,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",
@@ -26352,6 +27137,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",
@@ -26433,8 +27220,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"
@@ -26670,6 +27461,9 @@ var enStrings = {
     pv: {
         "true": "true",
         "false": "false",
+        "file": "Local files",
+        "camera": "Camera",
+        "file-camera": "Local files or camera",
         inherit: "Inherit",
         show: "Visible",
         hide: "Hidden",
@@ -26932,6 +27726,7 @@ var enStrings = {
         descriptionLocation: "Description location",
         defaultValueExpression: "Default value expression",
         requiredIf: "Required if",
+        resetValueIf: "Reset value if",
         validators: "Validators",
         bindings: "Bindings",
         renderAs: "Render as",
@@ -27008,6 +27803,7 @@ var enStrings = {
         "--base-unit": "Base unit",
         groupGeneral: "General",
         groupAdvanced: "Advanced",
+        groupHeader: "Header",
         themeName: "Theme",
         themeMode: "Question appearance",
         themeModePanels: "Default",
@@ -27018,11 +27814,15 @@ var enStrings = {
         primaryDefaultColor: "Default",
         primaryDarkColor: "Hover",
         primaryLightColor: "Selected",
+        coverTitleForecolor: "Title forecolor",
+        coverOverlap: "Overlap",
         backgroundDimColor: "Background color",
         backgroundImage: "Background image",
         backgroundImageFitAuto: "Auto",
         backgroundImageFitCover: "Cover",
         backgroundImageFitContain: "Contain",
+        backgroundImageFitFill: "Fill",
+        backgroundImageFitTile: "Tile",
         backgroundOpacity: "Opacity",
         backgroundImageAttachmentFixed: "Fixed",
         backgroundImageAttachmentScroll: "Scroll",
@@ -27067,6 +27867,26 @@ var enStrings = {
         boxShadowInner: "Inner",
         questionShadow: "Shadow effects",
         editorShadow: "Input element shadow effects",
+        headerView: "View",
+        headerViewTitle: "Title",
+        headerViewCover: "Cover",
+        coverAreaWidth: "Content area width",
+        coverAreaWidthSurvey: "Same as survey",
+        coverAreaWidthContainer: "Fit to page",
+        coverTextWidth: "Text width",
+        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",
@@ -27215,6 +28035,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,
@@ -27225,6 +28046,7 @@ var UndoRedoPlugin = /** @class */ (function () {
             execute: function () { return _this.model.undo(); }
         });
         creator.registerShortcut("redo", {
+            affectedTab: "designer",
             hotKey: {
                 ctrlKey: true,
                 keyCode: 89,
@@ -29655,6 +30477,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();
@@ -31892,7 +32723,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;
         }
@@ -31906,6 +32741,9 @@ 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;
     };
@@ -32011,6 +32849,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;
@@ -32746,6 +33589,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) {
@@ -33216,6 +34060,7 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "requiredIf", tab: "logic" },
                 { name: "bindings", tab: "logic" },
                 { name: "defaultValueExpression", tab: "logic" },
+                { name: "resetValueIf", tab: "logic" },
                 { name: "page", tab: "layout" },
                 { name: "startWithNewLine", tab: "layout" },
                 { name: "hideNumber", tab: "layout" },
@@ -33255,6 +34100,7 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
         },
         file: {
             properties: [
+                "sourceType",
                 "allowMultiple",
                 "allowImagesPreview",
                 "acceptedTypes",
@@ -33528,6 +34374,7 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "enableIf", tab: "logic" },
                 { name: "requiredIf", tab: "logic" },
                 { name: "defaultValueExpression", tab: "logic" },
+                { name: "resetValueIf", tab: "logic" },
                 { name: "totalType", tab: "totals" },
                 { name: "totalDisplayStyle", tab: "totals" },
                 { name: "totalCurrency", tab: "totals" },
@@ -34583,6 +35430,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");
+
 
 
 
@@ -34634,6 +35483,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);
@@ -34864,6 +35714,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;
@@ -35425,6 +36282,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;
 }());
 
@@ -35897,6 +36763,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"]));
 
@@ -36042,7 +36925,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;
         },