survey-creator-core 1.9.125 → 1.9.127

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.125
+ * SurveyJS Creator v1.9.127
  * (c) 2015-2024 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.125
+ * surveyjs - Survey JavaScript library v1.9.127
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5077,6 +5077,13 @@ var ImageItemValueWrapperViewModel = /** @class */ (function (_super) {
     ImageItemValueWrapperViewModel.prototype.getIsNewItemSingle = function () {
         return this.isNew && this.question.choices.length === 0;
     };
+    Object.defineProperty(ImageItemValueWrapperViewModel.prototype, "canRenderControls", {
+        get: function () {
+            return this.getIsNewItemSingle() || !this.question.renderedImageWidth || this.question.renderedImageWidth > 150;
+        },
+        enumerable: false,
+        configurable: true
+    });
     ImageItemValueWrapperViewModel.prototype.chooseFile = function (model) {
         var fileInput = model.itemsRoot.getElementsByClassName("svc-choose-file-input")[0];
         model.creator.chooseFiles(fileInput, function (files) {
@@ -7077,7 +7084,7 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionAdornerViewModel.prototype, "isBannerShowing", {
         get: function () {
-            return this.isUsingCarryForward || this.isUsingRestfull;
+            return this.isUsingCarryForward || this.isUsingRestfull || this.isMessagePanelVisible;
         },
         enumerable: false,
         configurable: true
@@ -7098,8 +7105,16 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionAdornerViewModel.prototype, "isMessagePanelVisible", {
+        get: function () {
+            var _a;
+            return (_a = (this.element)) === null || _a === void 0 ? void 0 : _a.getPropertyValue("isMessagePanelVisible");
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionAdornerViewModel.prototype.createBannerParams = function () {
-        return this.createCarryForwardParams() || this.createUsingRestfulParams();
+        return this.createCarryForwardParams() || this.createUsingRestfulParams() || this.createCustomMessagePanel();
     };
     QuestionAdornerViewModel.prototype.createCarryForwardParams = function () {
         var _this = this;
@@ -7128,6 +7143,21 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
             onClick: function () { _this.creator.selectElement(_this.element, "choicesByUrl"); }
         };
     };
+    QuestionAdornerViewModel.prototype.createCustomMessagePanel = function () {
+        if (!this.isMessagePanelVisible)
+            return null;
+        var res = {
+            question: this.element,
+            actionText: "",
+            messageText: "",
+            onClick: function () { }
+        };
+        if (this.creator) {
+            this.creator.onCreateCustomMessagePanel.fire(this.creator, res);
+        }
+        res.text = res.messageText;
+        return res;
+    };
     QuestionAdornerViewModel.prototype.dispose = function () {
         this.surveyElement.unRegisterFunctionOnPropertyValueChanged("isRequired", "isRequiredAdorner");
         this.surveyElement.unRegisterFunctionOnPropertyValueChanged("inputType", "inputTypeAdorner");
@@ -9007,6 +9037,57 @@ var StringEditorViewModelBase = /** @class */ (function (_super) {
 
 
 
+/***/ }),
+
+/***/ "./src/components/switcher/switcher.scss":
+/*!***********************************************!*\
+  !*** ./src/components/switcher/switcher.scss ***!
+  \***********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "./src/components/switcher/switcher.ts":
+/*!*********************************************!*\
+  !*** ./src/components/switcher/switcher.ts ***!
+  \*********************************************/
+/*! exports provided: Switcher */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Switcher", function() { return Switcher; });
+/* 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__);
+
+
+__webpack_require__(/*! ./switcher.scss */ "./src/components/switcher/switcher.scss");
+var Switcher = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(Switcher, _super);
+    function Switcher() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Switcher.prototype.getSwitcherIconCss = function () {
+        return new survey_core__WEBPACK_IMPORTED_MODULE_1__["CssClassBuilder"]()
+            .append("svc-switcher__icon")
+            .append("svc-switcher__icon--checked", this.checked)
+            .toString();
+    };
+    Switcher.prototype.getActionBarItemCss = function () {
+        return "svc-switcher " + _super.prototype.getActionBarItemCss.call(this);
+    };
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Switcher.prototype, "checked", void 0);
+    return Switcher;
+}(survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]));
+
+
+
 /***/ }),
 
 /***/ "./src/components/tabbed-menu/tabbed-menu-item.scss":
@@ -12319,6 +12400,10 @@ var SurveyLogicType = /** @class */ (function () {
         if (obj.setOwner) {
             obj.setOwner(this.survey);
         }
+        //Do not fire notification about changes to our creator.survey model
+        if (obj instanceof survey_core__WEBPACK_IMPORTED_MODULE_0__["ItemValue"] || obj instanceof survey_core__WEBPACK_IMPORTED_MODULE_0__["SurveyTrigger"]) {
+            obj["isGhost"] = true;
+        }
         return obj;
     };
     SurveyLogicType.prototype.cloneElement = function (el) {
@@ -14657,6 +14742,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core_themes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! survey-core/themes */ "./node_modules/survey-core/themes/index.js");
 /* harmony import */ var survey_core_themes__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(survey_core_themes__WEBPACK_IMPORTED_MODULE_13__);
 /* harmony import */ var _theme_custom_questions_boxshadow_settings__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./theme-custom-questions/boxshadow-settings */ "./src/components/tabs/theme-custom-questions/boxshadow-settings.ts");
+/* harmony import */ var _switcher_switcher__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../switcher/switcher */ "./src/components/switcher/switcher.ts");
+
 
 
 
@@ -15190,6 +15277,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
             Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsToCssVariable"])(options.question.panels[0].getElementByName("headerTitle"), this.themeCssVariablesChanges);
             Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsToCssVariable"])(options.question.panels[0].getElementByName("headerDescription"), this.themeCssVariablesChanges);
         }
+        this.currentTheme.headerView = headerSettings["headerView"];
         this.themeModified(options);
     };
     ThemeBuilder.prototype.shadowInnerPropertiesChanged = function (options) {
@@ -15233,14 +15321,6 @@ var ThemeBuilder = /** @class */ (function (_super) {
         }
     };
     ThemeBuilder.prototype.updateDependentQuestionValues = function (options) {
-        if (options.name === "generalBackcolorDimColor") {
-            this.themeEditorSurvey.setValue("--sjs-general-backcolor-dim", options.value);
-            return true;
-        }
-        if (options.name === "--sjs-general-backcolor-dim") {
-            this.themeEditorSurvey.getQuestionByName("generalBackcolorDimColor").value = options.value;
-            return false;
-        }
         if (options.name === "generalPrimaryColor") {
             this.themeEditorSurvey.setValue("--sjs-primary-backcolor", options.value);
             return true;
@@ -15262,7 +15342,10 @@ var ThemeBuilder = /** @class */ (function (_super) {
         var _this = this;
         var json = this.getThemeEditorSurveyJSON();
         Object(_property_grid__WEBPACK_IMPORTED_MODULE_4__["setSurveyJSONForPropertyGrid"])(json, true, false);
-        var themeEditorSurvey = this.surveyProvider.createSurvey(json, "theme_editor", this);
+        var themeEditorSurvey = this.surveyProvider.createSurvey({}, "theme_editor", this);
+        themeEditorSurvey.lazyRendering = true;
+        themeEditorSurvey.lazyRenderingFirstBatchSize = 1;
+        themeEditorSurvey.setJsonObject(json);
         themeEditorSurvey.getCss().list = {};
         var themeBuilderCss = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_5__["propertyGridCss"]);
         themeBuilderCss.root += " spg-theme-builder-root";
@@ -15274,6 +15357,8 @@ var ThemeBuilder = /** @class */ (function (_super) {
             _this.prevQuestionValues[options.name] = options.oldValue;
         });
         themeEditorSurvey.onValueChanged.add(function (sender, options) {
+            if (options.name === "advancedMode")
+                return;
             if (_this.blockChanges)
                 return;
             if (_this.blockThemeChangedNotifications == 0) {
@@ -15324,6 +15409,13 @@ var ThemeBuilder = /** @class */ (function (_super) {
                 opt.actions = [];
             }
         });
+        themeEditorSurvey.onGetPanelTitleActions.add(function (sender, opt) {
+            if (_this.surveyProvider.isMobileView)
+                return;
+            if (opt.panel && opt.panel.name == "groupAppearance") {
+                opt.titleActions.push(_this.createAppearanceAdvancedModeAction(opt.panel));
+            }
+        });
         themeEditorSurvey.onUpdatePanelCssClasses.add(function (sender, options) {
             var _a, _b;
             if (options.panel.hasParent) {
@@ -15342,6 +15434,26 @@ var ThemeBuilder = /** @class */ (function (_super) {
         });
         return themeEditorSurvey;
     };
+    ThemeBuilder.prototype.createAppearanceAdvancedModeAction = function (panel) {
+        var _this = this;
+        var advancedMode = new _switcher_switcher__WEBPACK_IMPORTED_MODULE_15__["Switcher"]({
+            id: "advancedMode",
+            component: "svc-switcher",
+            ariaChecked: new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () { return _this.groupAppearanceAdvancedMode; }),
+            ariaRole: "checkbox",
+            css: "sv-theme-group_title-action",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.advancedMode"),
+            action: function () {
+                _this.groupAppearanceAdvancedMode = !_this.groupAppearanceAdvancedMode;
+                panel.getQuestionByName("advancedMode").value = _this.groupAppearanceAdvancedMode;
+            }
+        });
+        this.registerFunctionOnPropertyValueChanged("groupAppearanceAdvancedMode", function () {
+            advancedMode.checked = !advancedMode.checked;
+        }, "groupAppearanceAdvancedMode");
+        advancedMode.checked = false;
+        return advancedMode;
+    };
     ThemeBuilder.prototype.findSuitableTheme = function (themeName) {
         var probeThemeFullName = getThemeFullName({ themeName: themeName, colorPalette: this.themePalette, isPanelless: this.themeMode === "lightweight" });
         return findSuitableTheme(themeName, this.themePalette, this.themeMode, probeThemeFullName);
@@ -15349,7 +15461,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
     ThemeBuilder.prototype.patchFileEditors = function (survey) {
         var _this = this;
         var questionsToPatch = survey.getAllQuestions(false, false, true).filter(function (q) { return q.getType() == "fileedit"; });
-        questionsToPatch.forEach(function (q) { q.onChooseFilesCallback = function (input, onFilesChosen) { return _this.surveyProvider.chooseFiles(input, onFilesChosen); }; });
+        questionsToPatch.forEach(function (q) { q.onChooseFilesCallback = function (input, callback) { return _this.surveyProvider.chooseFiles(input, callback); }; });
     };
     ThemeBuilder.prototype.getCoverJson = function (headerSettings) {
         var result = {};
@@ -15396,8 +15508,11 @@ var ThemeBuilder = /** @class */ (function (_super) {
     };
     ThemeBuilder.prototype.updateVisibilityOfPropertyGridGroups = function () {
         var page = this.themeEditorSurvey.pages[0];
-        page.getElementByName("groupHeader").visible = this.surveyProvider.isMobileView ? false : _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.allowEditHeaderSettings;
-        page.getElementByName("groupAdvanced").visible = !this.surveyProvider.isMobileView;
+        var groupHeaderVisibility = true;
+        if (!!this.survey) {
+            groupHeaderVisibility = !!this.survey.logo || !!this.survey.title || !!this.survey.description;
+        }
+        page.getElementByName("groupHeader").visible = this.surveyProvider.isMobileView ? false : _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.allowEditHeaderSettings && groupHeaderVisibility;
     };
     ThemeBuilder.prototype.setCoverPropertiesFromSurvey = function (panel, themeCssVariables) {
         panel.getQuestionByName("headerTitle").readOnly = !this.survey.hasTitle;
@@ -15498,7 +15613,6 @@ var ThemeBuilder = /** @class */ (function (_super) {
         themeEditorSurvey.getQuestionByName("backgroundImageAttachment").value = this.currentTheme.backgroundImageAttachment;
         themeEditorSurvey.getQuestionByName("backgroundOpacity").value = this.currentTheme.backgroundOpacity * 100;
         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"]);
@@ -15586,17 +15700,13 @@ var ThemeBuilder = /** @class */ (function (_super) {
             }
         }
     };
-    ThemeBuilder.prototype.getDefaultTitleSetting = function (isAdvanced) {
+    ThemeBuilder.prototype.getDefaultTitleSetting = function () {
         var result = { family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily, weight: "700", size: 32 };
-        if (isAdvanced) {
-            result["color"] = "rgba(255, 255, 255, 1)";
-        }
         return result;
     };
     ThemeBuilder.prototype.getDefaultDescriptionSetting = function (isAdvanced) {
         var result = { family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily, weight: "400", size: 16 };
         if (isAdvanced) {
-            result["color"] = "rgba(255, 255, 255, 1)";
             result["weight"] = "600";
         }
         return result;
@@ -15686,7 +15796,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                             "height": 256,
                                             surveyTitle: this.getDefaultTitleSetting(),
                                             surveyDescription: this.getDefaultDescriptionSetting(),
-                                            headerTitle: this.getDefaultTitleSetting(true),
+                                            headerTitle: this.getDefaultTitleSetting(),
                                             headerDescription: this.getDefaultDescriptionSetting(true)
                                         }
                                     ],
@@ -15824,28 +15934,44 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                                             step: 5
                                                         },
                                                     ]
-                                                },
-                                                {
-                                                    type: "fontSettings",
-                                                    name: "headerTitle",
-                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.surveyTitle"),
-                                                    descriptionLocation: "hidden",
-                                                    defaultValue: this.getDefaultTitleSetting(true)
-                                                },
-                                                {
-                                                    type: "fontSettings",
-                                                    name: "headerDescription",
-                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.surveyDescription"),
-                                                    descriptionLocation: "hidden",
-                                                    defaultValue: this.getDefaultDescriptionSetting(true)
-                                                },
-                                                {
-                                                    type: "boolean",
-                                                    name: "overlapEnabled",
-                                                    renderAs: "checkbox",
-                                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverOverlapEnabled"),
+                                                }, {
+                                                    type: "panel",
                                                     titleLocation: "hidden",
-                                                    descriptionLocation: "hidden",
+                                                    elements: [
+                                                        {
+                                                            type: "boolean",
+                                                            name: "overlapEnabled",
+                                                            renderAs: "checkbox",
+                                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.coverOverlapEnabled"),
+                                                            titleLocation: "hidden",
+                                                            descriptionLocation: "hidden",
+                                                        },
+                                                    ]
+                                                }
+                                            ]
+                                        }, {
+                                            type: "panel",
+                                            questionTitleLocation: "top",
+                                            visibleIf: "{panel.headerView} = 'advanced'",
+                                            elements: [
+                                                {
+                                                    type: "panel",
+                                                    elements: [
+                                                        {
+                                                            type: "fontSettings",
+                                                            name: "headerTitle",
+                                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.surveyTitle"),
+                                                            descriptionLocation: "hidden",
+                                                            defaultValue: this.getDefaultTitleSetting()
+                                                        },
+                                                        {
+                                                            type: "fontSettings",
+                                                            name: "headerDescription",
+                                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.surveyDescription"),
+                                                            descriptionLocation: "hidden",
+                                                            defaultValue: this.getDefaultDescriptionSetting(true)
+                                                        },
+                                                    ]
                                                 }
                                             ]
                                         }, {
@@ -15892,7 +16018,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                             elements: [
                                 {
                                     type: "color",
-                                    name: "generalBackcolorDimColor",
+                                    name: "--sjs-general-backcolor-dim",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundDimColor"),
                                     descriptionLocation: "hidden",
                                 },
@@ -15956,8 +16082,15 @@ var ThemeBuilder = /** @class */ (function (_super) {
                     state: "collapsed",
                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupAppearance"),
                     elements: [
+                        {
+                            "type": "boolean",
+                            "name": "advancedMode",
+                            "visible": false,
+                            "defaultValue": "false"
+                        },
                         {
                             type: "panel",
+                            visibleIf: "{advancedMode} = false",
                             elements: [
                                 {
                                     type: "color",
@@ -15990,6 +16123,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                             ]
                         }, {
                             type: "panel",
+                            visibleIf: "{advancedMode} = false",
                             elements: [
                                 {
                                     type: "dropdown",
@@ -16013,6 +16147,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                             ]
                         }, {
                             type: "panel",
+                            visibleIf: "{advancedMode} = false",
                             elements: [
                                 {
                                     type: "spinedit",
@@ -16034,23 +16169,12 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     min: 0
                                 },
                             ]
-                        }
-                    ]
-                }, {
-                    type: "panel",
-                    name: "groupAdvanced",
-                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupAdvanced"),
-                    state: "collapsed",
-                    elements: [
+                        },
                         {
                             type: "panel",
+                            visibleIf: "{advancedMode} = true",
                             elements: [
                                 {
-                                    type: "color",
-                                    name: "--sjs-general-backcolor-dim",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundDimColor"),
-                                    descriptionLocation: "hidden",
-                                }, {
                                     type: "panel",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.accentBackground"),
                                     elements: [
@@ -16100,15 +16224,21 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                             descriptionLocation: "hidden",
                                         }
                                     ]
-                                }
+                                },
+                                {
+                                    type: "html",
+                                    name: "theme",
+                                    html: "<div class='spg-theme-group-caption'>" + Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.pageTitle") + "</div>",
+                                },
                             ]
                         }, {
                             type: "panel",
+                            visibleIf: "{advancedMode} = true",
                             elements: [
                                 {
                                     type: "fontSettings",
                                     name: "pageTitle",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.pageTitle"),
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.titleFont"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
@@ -16119,7 +16249,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                 }, {
                                     type: "fontSettings",
                                     name: "pageDescription",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.pageDescription"),
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.descriptionFont"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
@@ -16127,15 +16257,21 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                         weight: "400",
                                         size: 16
                                     }
-                                }
+                                },
+                                {
+                                    type: "html",
+                                    name: "theme",
+                                    html: "<div class='spg-theme-group-caption'>" + Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionTitle") + "</div>",
+                                },
                             ]
                         }, {
                             type: "panel",
+                            visibleIf: "{advancedMode} = true",
                             elements: [
                                 {
                                     type: "elementSettings",
                                     name: "questionPanel",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionPanel"),
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundCornerRadius"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         backcolor: "rgba(255, 255, 255, 1)",
@@ -16148,7 +16284,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     type: "boxshadowsettings",
                                     name: "--sjs-shadow-small",
                                     descriptionLocation: "hidden",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionShadow"),
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.shadow"),
                                     defaultValue: [
                                         {
                                             x: 0,
@@ -16168,7 +16304,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                 }, {
                                     type: "fontSettings",
                                     name: "questionTitle",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionTitle"),
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.titleFont"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
@@ -16179,7 +16315,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                 }, {
                                     type: "fontSettings",
                                     name: "questionDescription",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionDescription"),
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.descriptionFont"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
@@ -16187,15 +16323,21 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                         weight: "400",
                                         size: 16
                                     }
-                                }
+                                },
+                                {
+                                    type: "html",
+                                    name: "theme",
+                                    html: "<div class='spg-theme-group-caption'>" + Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorPanel") + "</div>",
+                                },
                             ]
                         }, {
                             type: "panel",
+                            visibleIf: "{advancedMode} = true",
                             elements: [
                                 {
                                     type: "elementSettings",
                                     name: "editorPanel",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorPanel"),
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundCornerRadius"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         backcolor: "rgba(255, 255, 255, 1)",
@@ -16208,7 +16350,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                     type: "boxshadowsettings",
                                     name: "--sjs-shadow-inner",
                                     descriptionLocation: "hidden",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorShadow"),
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.shadow"),
                                     defaultValue: [
                                         {
                                             x: 0,
@@ -16228,7 +16370,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                 }, {
                                     type: "fontSettings",
                                     name: "editorFont",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorFont"),
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.font"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
@@ -16236,13 +16378,20 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                         weight: "400",
                                         size: 16
                                     }
-                                }
+                                },
+                                {
+                                    type: "html",
+                                    name: "theme",
+                                    html: "<div class='spg-theme-group-caption'>" + Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.lines") + "</div>",
+                                },
                             ]
-                        }, {
+                        },
+                        {
                             type: "panel",
+                            visibleIf: "{advancedMode} = true",
                             elements: [{
                                     type: "panel",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.linesColors"),
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.colorsTitle"),
                                     elements: [
                                         {
                                             type: "colorsettings",
@@ -16387,6 +16536,9 @@ var ThemeBuilder = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "panels" })
     ], ThemeBuilder.prototype, "themeMode", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])()
+    ], ThemeBuilder.prototype, "groupAppearanceAdvancedMode", void 0);
     return ThemeBuilder;
 }(survey_core__WEBPACK_IMPORTED_MODULE_2__["Base"]));
 
@@ -17461,6 +17613,7 @@ var TabTranslationPlugin = /** @class */ (function () {
     TabTranslationPlugin.prototype.activate = function () {
         var _this = this;
         this.model = new _translation__WEBPACK_IMPORTED_MODULE_2__["Translation"](this.creator.survey, this.creator);
+        this.model.settingsSurvey.locale = this.creator.locale;
         this.model.readOnly = this.creator.readOnly;
         this.model.translationStringVisibilityCallback = function (obj, propertyName, visible) {
             var options = { obj: obj, propertyName: propertyName, visible: visible };
@@ -19836,9 +19989,6 @@ var CreatorEvent = /** @class */ (function (_super) {
     return CreatorEvent;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["EventBase"]));
 
-/**
- * Base class for Survey Creator.
- */
 var CreatorBase = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CreatorBase, _super);
     function CreatorBase(options, options2) {
@@ -19886,12 +20036,6 @@ var CreatorBase = /** @class */ (function (_super) {
          * A Boolean value that specifies the property's read-only status.
          */
         _this.onGetPropertyReadOnly = new CreatorEvent();
-        /**
-         * The event is fired when the survey creator creates a survey object (Survey.Survey).
-         *- sender the survey creator object that fires the event
-         *- options.survey the survey object showing in the creator.
-         *- options.reason indicates what component of the creator requests the survey. There are several reason types: "designer" - survey for designer survey, "test" - survey for "Preview" tab and "conditionEditor", "defaultValueEditor", "restfulEditor" - surveys for different property editors.
-         */
         _this.onSurveyInstanceCreated = new CreatorEvent();
         /**
          * An event that is raised when Survey Creator obtains a survey element name to display it in the UI.
@@ -19921,15 +20065,22 @@ var CreatorBase = /** @class */ (function (_super) {
          */
         _this.onGetObjectDisplayName = new CreatorEvent();
         /**
-         * This event is raised after a user has edited a text value on the design surface. This value may include HTML markup. You can handle the `onHtmlToMarkdown` event to convert the HTML markup to Markdown.
+         * An event that is raised after a user has edited a text value on the design surface. This value may include HTML markup. You can handle the `onHtmlToMarkdown` event to convert the HTML markup to Markdown.
          *
          * The event handler accepts the following arguments:
          *
-         * - `sender` - A Survey Creator instance that raised the event.
-         * - `options.element` - The instance of a survey element (survey, page, panel, question) that the user configures.
-         * - `options.name` - The name of a property whose value has been edited.
-         * - `options.html` - HTML content. Pass this field's value to an HTML-to-Markdown converter.
-         * - `options.text` - A text string that may contain Markdown. Assign the result of the HTML-to-Markdown conversion to this field.
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.element`: `any`\
+         * The instance of a survey element (survey, page, panel, question) that the user configures.
+         * - `options.name`: `string`\
+         * The name of a property whose value has been edited.
+         * - `options.html`: `string`\
+         * HTML content. Pass this field's value to an HTML-to-Markdown converter.
+         * - `options.text`: `string`\
+         * A text string that may contain Markdown. Assign the result of the HTML-to-Markdown conversion to this field.
          */
         _this.onHtmlToMarkdown = new CreatorEvent();
         /**
@@ -19959,6 +20110,7 @@ var CreatorBase = /** @class */ (function (_super) {
          * To disable a user interaction, set the correponding `allow...` property to `false`.
          *
          * [Specify Adorner Visibility](https://surveyjs.io/survey-creator/documentation/customize-survey-creation-process#specify-adorner-availability (linkStyle))
+         * @see onCollectionItemAllowOperations
          */
         _this.onElementAllowOperations = new CreatorEvent();
         /**
@@ -20001,96 +20153,158 @@ var CreatorBase = /** @class */ (function (_super) {
         _this.onShowingProperty = new CreatorEvent();
         _this.onCanShowProperty = _this.onShowingProperty;
         /**
-         * The event is called after a survey that represents the Property Grid is created and all its questions (property editors) are setup.
-         * You can use this event to modify this survey to change the property grid behavior
-         *- options.obj the survey object that is currently editing in the property grid
-         *- options.survey the property grid survey
+         * An event that is raised when a [survey that represents the Property Grid](https://surveyjs.io/survey-creator/documentation/creator-v2-whats-new#survey-creator-ui-elements-are-surveys) is instantiated. Handle this event to customize the Property Grid by modifying the survey.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.object`: `any`\
+         * A survey element being edited in the Property Grid.
+         * - `options.survey`: [`SurveyModel`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model)
+         * A survey that respresents the Property Grid. Use the `SurveyModel` API to modify the survey.
+         * @see onPropertyEditorCreated
          */
         _this.onPropertyGridSurveyCreated = new CreatorEvent();
         /**
-          * The event is called after a property editor (in fact a survey question) has been created and all it's properties have been assign.
-          * You can use this event to modify the property editor properties or set event handlers to customize it's behavior
-          *- options.obj the survey object that is currently editing in the property grid
-          *- options.property the property that the current property editor is editing
-          *- options.editor the property editor. In fact it is a survey question. We are using a heavily customizable survey as a property grid in Creator V2. It means that every property editor is a question.
-          */
+         * An event that is raised when a property editor is created in the Property Grid. Use this event to modify the property editor or add event handlers to it.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.editor`: [`Question`](https://surveyjs.io/form-library/documentation/api-reference/question)\
+         * A property editor. It is an object of the [`Question`](https://surveyjs.io/form-library/documentation/question) type because the Property Grid is [built upon a regular survey](https://surveyjs.io/survey-creator/documentation/creator-v2-whats-new#survey-creator-ui-elements-are-surveys).
+         * - `options.property`: `JsonObjectProperty`\
+         * A property that corresponds to the created property editor.
+         * @see onSetPropertyEditorOptions
+         * @see onPropertyGridSurveyCreated
+         */
         _this.onPropertyEditorCreated = new CreatorEvent();
         /**
-         * The event is called after a property editor setups its title actions.
-         * You can use this event to modify the property editor title actions
-         *- options.obj the survey object that is currently editing in the property grid
-         *- options.property the property that the current property editor is editing
-         *- options.editor the property editor. In fact it is a survey question. We are using a heavily customizable survey as a property grid in Creator V2. It means that every property editor is a question.
-         *- options.titleActions the list of title actions.
+         * An event that is raised when title actions are added to a property editor. Title actions are most often used to reveal hints for properties configured by users. Handle this event you want to add, remove, or modify the title actions.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.object`: `any`\
+         * A survey element being edited in the Property Grid.
+         * - `options.editor`: [`Question`](https://surveyjs.io/form-library/documentation/api-reference/question)\
+         * A property editor that contains the title actions. It is an object of the [`Question`](https://surveyjs.io/form-library/documentation/question) type because the Property Grid is [built upon a regular survey](https://surveyjs.io/survey-creator/documentation/creator-v2-whats-new#survey-creator-ui-elements-are-surveys).
+         * - `options.property`: `JsonObjectProperty`\
+         * A property that corresponds to the property editor.
+         * - `options.titleActions`: [`IAction[]`](https://surveyjs.io/form-library/documentation/api-reference/iaction)\
+         * A list of title actions.
          */
         _this.onPropertyEditorUpdateTitleActions = new CreatorEvent();
         /**
-         * An event that is raised before Survey Creator displays a pop-up window called from the Property Grid. This window allows users to edit choices, conditions, and so on.
-         *
-         * Use this event to customize the pop-up window, for example, add custom action buttons.
+         * An event that is raised before Survey Creator displays a pop-up window called from the Property Grid. This window allows users to edit choices, conditions, etc. Use this event to customize the pop-up window, for example, add custom action buttons.
          *
          * Parameters:
          *
-         * - `sender` - A Survey Creator instance that raised the event.
-         * - `options.obj` - An instance of a survey element (question or panel) that users are configuring in the Property Grid.
-         * - `options.property`- A `JsonObjectProperty` object with metadata about the property being edited.
-         * - `options.editor` - A property editor. It is an object of the [`Question`](https://surveyjs.io/form-library/documentation/question) type because the Property Grid is [built upon a regular survey](https://surveyjs.io/survey-creator/documentation/creator-v2-whats-new#survey-creator-ui-elements-are-surveys).
-         * - `options.popupEditor` - An editor inside the pop-up window.
-         * - `options.popupModel` - A `PopupBaseViewModel` object that describes the pop-up window model. Use `options.popupModel.footerToolbar` to access the actions at the bottom of the window.
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.obj`: `any`\
+         * The instance of a survey element (question or panel) that users are configuring in the Property Grid.
+         * - `options.property`: `JsonObjectProperty`\
+         * A property being edited.
+         * - `options.editor`: [`Question`](https://surveyjs.io/form-library/documentation/api-reference/question)\
+         * A property editor. It is an object of the [`Question`](https://surveyjs.io/form-library/documentation/question) type because the Property Grid is [built upon a regular survey](https://surveyjs.io/survey-creator/documentation/creator-v2-whats-new#survey-creator-ui-elements-are-surveys).
+         * - `options.popupEditor`: `any`\
+         * An editor inside the pop-up window.
+         * - `options.popupModel`: `PopupBaseViewModel`\
+         * A pop-up window model. Use `options.popupModel.footerToolbar` to access the actions at the bottom of the window.
          */
         _this.onPropertyGridShowModal = new CreatorEvent();
         _this.onCanDeleteItem = new CreatorEvent();
         _this.onCollectionItemDeleting = new CreatorEvent();
         /**
-         * The event is called before rendering a collection item in a property editor. For example: a column in a column editor, or an item in Choices and so on.
-         * Use this event to prevent a collection item from being edited or removed from a collection.
-         *- sender the survey creator object that fires the event
-         *- options.obj the survey object: Question, Panel, Page or Survey
-         *- options.property the collection property (Survey.JsonObjectProperty object). It has name, className, type, visible, readOnly and other properties
-         *- options.propertyName the collection property name
-         *- options.collection a collection where a target item is located. It is can be Columns in Matrices or Choices in Dropdown question and so on.
-         *- options.item a target collection item
-         *- options.allowDelete a boolean value. It is `true` by default. Set it false to prevent an item from being removed from the collection
-         *- options.allowAdd a boolean value. It is `true` by default. Set it false to prevent an item from being added to the collection
-         *- options.allowEdit a boolean value. It is `true` by default. Set it `false` to disable editing.
+         * An event that is raised when Survey Creator obtains permitted operations for a collection item (a choice option in Choices, a column or row in Columns, etc.). Use this event to prevent users from adding, deleting, or editing a particular collection item.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.obj`: [`Survey.Base`](https://surveyjs.io/form-library/documentation/api-reference/base)\
+         * A survey element (survey, page, panel, question) that contains the collection to which the target item belongs.
+         * - `options.property`: `JsonObjectProperty`\
+         * A property that contains the collection to which the target item belongs.
+         * - `options.propertyName`: `string`\
+         * The property's name: `columns`, `rows`, `choices`, `rateValues`, etc.
+         * - `options.collection`: [`Survey.Base[]`](https://surveyjs.io/form-library/documentation/api-reference/base)\
+         * An array of collection items to which the target item belongs ([`columns`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model#columns) or [`rows`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model#rows) in matrix questions, [`choices`](https://surveyjs.io/form-library/documentation/api-reference/questionselectbase#choices) in select-based questions, etc.).
+         * - `options.item`: [`Survey.Base`](https://surveyjs.io/form-library/documentation/api-reference/base)\
+         * A target collection item.
+         * - `options.allowAdd`: `boolean`\
+         * A Boolean property that you can set to `false` if you want to prevent the target item from being added to the collection.
+         * - `options.allowDelete`: `boolean`\
+         * A Boolean property that you can set to `false` if you want to prevent the target item from being deleted.
+         * - `options.allowEdit`: `boolean`\
+         * A Boolean property that you can set to `false` if you want to prevent the target item from being edited.
+         * @see onElementAllowOperations
          */
         _this.onCollectionItemAllowOperations = new CreatorEvent();
         /**
-          * The event is called on adding a new Survey.ItemValue object. It uses as an element in choices array in Radiogroup, checkbox and dropdown questions or Matrix columns and rows properties.
-          * Use this event, to set ItemValue.value and ItemValue.text properties by default or set a value to the custom property.
-          *- sender the survey creator object that fires the event
-          *- options.obj the object that contains the itemsValues array, for example selector, rating and single choice matrix questions.
-          *- options.propertyName  the object property Name. It can be "choices" for selector questions or rateValues for rating question or columns/rows for single choice matrix.
-          *- options.newItem a new created Survey.ItemValue object.
-          *- options.itemValues an editing Survey.ItemValue array. newItem object is not added yet into this array.
-          */
+         * An event that is raised when users add a new collection item (a choice option to Choices, a column or row to Columns, etc.). Use this event to modify this item.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.obj`: [`Survey.Base`](https://surveyjs.io/form-library/documentation/api-reference/base)\
+         * A survey element (survey, page, panel, question) that contains the collection to which the target item belongs.
+         * - `options.property`: `JsonObjectProperty`\
+         * A property that contains the collection to which the target item belongs.
+         * - `options.propertyName`: `string`\
+         * The property's name: `columns`, `rows`, `choices`, `rateValues`, etc.
+         * - `options.newItem`: [`ItemValue`](https://surveyjs.io/form-library/documentation/itemvalue)\
+         * A new collection item. Overwrite its `value` or `text` property if you want to change the item's value or display text.
+         * - `options.itemValues`: [`ItemValue[]`](https://surveyjs.io/form-library/documentation/api-reference/base)\
+         * An array of collection items to which the target item belongs ([`columns`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model#columns) or [`rows`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model#rows) in matrix questions, [`choices`](https://surveyjs.io/form-library/documentation/api-reference/questionselectbase#choices) in select-based questions, etc.). This array does not include `options.newItem`.
+         *
+         * > This event is not raised when users add a new column to a [Multi-Select Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list) or [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model). For these cases, handle the [`onMatrixColumnAdded`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#onMatrixColumnAdded) event instead.
+         * @see onCollectionItemAllowOperations
+         */
         _this.onItemValueAdded = new CreatorEvent();
         /**
-         * The event is called when a user adds a new column into MatrixDropdown or MatrixDynamic questions. Use it to set some properties of Survey.MatrixDropdownColumn by default, for example name or a custom property.
-         *- sender the survey creator object that fires the event
-         *- options.matrix a matrix question where column is located, matrix.columns.
-         *- options.newColumn a new created Survey.MatrixDropdownColumn object.
-         *- options.columns editable columns objects. They can be different from options.matrix.columns. options.columns and options.matrix.columns are equal after user press Apply or Cancel and options.columns will be set to options.matrix.columns or reset to initial state.
+         * An event that is raised when users add a new column to a [Multi-Select Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list) or [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model). Use this event to modify this column.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.matrix`: [`Question`](https://surveyjs.io/form-library/documentation/api-reference/question)\
+         * A Multi-Select or Dynamic Matrix to which a new column is being added.
+         * - `options.newColumn`: [`MatrixDropdownColumn`](https://surveyjs.io/form-library/documentation/api-reference/matrixdropdowncolumn)\
+         * A new matrix column. Edit its properties if you want to modify this column.
+         * - `options.columns`: [`MatrixDropdownColumn[]`](https://surveyjs.io/form-library/documentation/api-reference/matrixdropdowncolumn)\
+         * An array of matrix columns. This array does not include `options.newColumn`.
+         *
+         * > This event is not raised when users add a new column to a [Single-Select Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model). For this case, handle the [`onItemValueAdded`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#onItemValueAdded) event instead.
+         * @see onCollectionItemAllowOperations
          */
         _this.onMatrixColumnAdded = new CreatorEvent();
         /**
-         * Use this event to control Property Editors UI.
-         *- sender the survey creator object that fires the event
-         *- options.obj the survey object which property is edited in the Property Editor.
-         *- options.propertyName  the name of the edited property.
-         *- options.editorOptions  options that can be changed.
-         *- options.editorOptions.allowAddRemoveItems a boolean property, true by default. Set it false to disable add/remove items in array properties. For example 'choices', 'columns', 'rows'.
-         *- options.editorOptions.allowRemoveAllItems a boolean property, true by default. Set it false to disable remove all items in array properties. For example 'choices', 'columns', 'rows'.
-         *- options.editorOptions.allowBatchEdit a boolean property, true by default. Set it false to hide the "Edit" button for the "choices" property.
-         *- options.editorOptions.itemsEntryType a string property, 'form' by default. Set it 'fast' to show "Manual Entry" tab for "choices" property by default.
+         * An event that is raised when a table property editor is created in the Property Grid. Use this event to configure the table property editor.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.obj`: [`Survey.Base`](https://surveyjs.io/form-library/documentation/api-reference/base)\
+         * A survey element (survey, page, panel, question) for which the table property editor is created.
+         * - `options.propertyName`: `string`\
+         * The name of the property with which the editor is associated: [`"columns"`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model#columns), [`"rows"`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model#rows), [`"choices"`](https://surveyjs.io/form-library/documentation/api-reference/questionselectbase#choices), etc.
+         * - `options.editorOptions.allowAddRemoveItems`: `boolean`\
+         * A Boolean property that you can set to `false` if you want to disallow users to add and delete table rows.
+         * - `options.editorOptions.allowRemoveAllItems`: `boolean`\
+         * A Boolean property that you can set to `false` if you want to disallow users to delete all table rows.
+         * - `options.editorOptions.allowBatchEdit`: `boolean`\
+         * A Boolean property that you can set to `false` if you want to disallow users to edit table content as text in a pop-up window.
+         * @see onPropertyEditorCreated
          */
         _this.onSetPropertyEditorOptions = new CreatorEvent();
-        /**
-         * The event is called on generation a new name for a new created element.
-         *- sender the survey creator object that fires the event
-         *- options.element a new created survey element. It can be question, panel or page
-         *- options.name a new suggested name, that is unique for the current survey. You can suggest your own name. If it is unique, creator will assign it to the element.
-         */
         _this.onGenerateNewName = new CreatorEvent();
         /**
          * An event that is raised when Survey Creator validates a modified value of a survey element property. Use this event to display a custom error message when the value is incorrect.
@@ -20138,7 +20352,7 @@ var CreatorBase = /** @class */ (function (_super) {
          * - `sender`: `CreatorBase`\
          * A Survey Creator instance that raised the event.
          * - `options.obj`: [`Survey.Base`](https://surveyjs.io/form-library/documentation/api-reference/base)\
-         * A survey element (question, panel, page, or the survey itself) whose property is has changed.
+         * A survey element (question, panel, page, or the survey itself) whose property has changed.
          * - `options.propertyName`: `string`\
          * The name of the modified property.
          * - `options.value`: `any`\
@@ -20148,21 +20362,24 @@ var CreatorBase = /** @class */ (function (_super) {
          */
         _this.onSurveyPropertyValueChanged = new CreatorEvent();
         /**
-          * Use this event to modify the list (name and titles) of the questions available in a condition editor.
-          *- sender the survey creator object that fires the event
-          *- options.obj the survey object which property is edited in the Property Editor.
-          *- options.propertyName  the name of the edited property.
-          *- options.editor the instance of Property Editor.
-          *- options.list the list of the questions available for condition
-          *- options.sortOrder "asc" (default) | "none". Change it to "none", if you don't want to sort your condition list
-          */
-        _this.onConditionQuestionsGetList = new CreatorEvent();
-        /**
-         * Use this event to modify the title in a condition editor. The title is changing during editing. In case of empty or incorrect expression it tells that expression is incorrect
-         *- sender the survey creator object that fires the event.
-         *- options.expression the current expression. If the expression is empty or incorrect then the value is empty.
-         *- options.title the default value of the title. You can change the default value.
+         * An event that is raised when a condition editor renders a list of questions available for selection. Use this event to modify this list.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.obj`: [`Survey.Base`](https://surveyjs.io/form-library/documentation/api-reference/base)\
+         * A survey element (question, panel, page, or the survey itself) for which the condition editor is displayed.
+         * - `options.propertyName`: `string`\
+         * The name of a property being configured: `enableIf`, `requiredIf`, `visibleIf`, etc.
+         * - `options.editor`: `any`\
+         * A condition editor instance.
+         * - `options.list`: `any`\
+         * A list of questions available for selection.
+         * - `options.sortOrder`: `"asc"` (default) | `"none"`\
+         * The sort order of questions within the list. Set this property to `"none"` to disable sorting.
          */
+        _this.onConditionQuestionsGetList = new CreatorEvent();
         _this.onConditionGetTitle = new CreatorEvent();
         /**
          * An event that is raised when Survey Creator populates a condition editor with operators. Use this event to hide individual condition operators.
@@ -20179,19 +20396,23 @@ var CreatorBase = /** @class */ (function (_super) {
          * A condition opeator for which the event is raised.
          * - `options.show`: `boolean`\
          * A Boolean property that you can set to `false` if you want to hide the condition operator.
-         *
          */
         _this.onGetConditionOperator = new CreatorEvent();
         /**
-         * Use this event to modify the display text of a logic item in the Logic tab.
+         * An event that is raised when the Logic tab constructs a user-friendly display text for a logic rule. Use this event to modify this display text.
          *
-         * The event handler accepts the following arguments:
+         * Parameters:
          *
-         * - `sender` - A Survey Creator instance that raised the event.
-         * - `options.expression` - A logical expression associated with the logic item.
-         * - `options.expressionText` - The same expression in a user-friendly format. It may contain question titles instead of question names.
-         * - `options.logicItem` - A logic item object. Contains an array of actions and other properties.
-         * - `options.text` - The expression and actions in a user-friendly format. Redefine this property if you want to change the display text.
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.expression`: `string`\
+         * A logical expression associated with the logic rule.
+         * - `options.expressionText`: `string`\
+         * The same expression in a user-friendly format.
+         * - `options.logicItem`: `SurveyLogicItem`\
+         * An object that describes the logic rule. Contains an array of actions and other properties.
+         * - `options.text`: `string`\
+         * A user-friendly display text for the logic rule. Modify this parameter if you want to override the display text.
          */
         _this.onLogicItemDisplayText = new CreatorEvent();
         /**
@@ -20250,6 +20471,7 @@ var CreatorBase = /** @class */ (function (_super) {
           * - `options.source` - A dragged element.
           * - `options.target` - A drop target.
           * - `options.newElement` - A new element. This parameter is defined only if users drag a question or panel from the Toolbox.
+          * @see state
           */
         _this.onModified = new CreatorEvent();
         /**
@@ -20263,7 +20485,7 @@ var CreatorBase = /** @class */ (function (_super) {
          * The question users added.
          * - `options.page`: [`PageModel`](https://surveyjs.io/form-library/documentation/api-reference/page-model)\
          * A page to which the question was added.
-         * - `options.reason`: `"DROPPED_FROM_TOOLBOX"` | `"ADDED_FROM_PAGEBUTTON"` | `"ELEMENT_COPIED"`\
+         * - `options.reason`: `"DROPPED_FROM_TOOLBOX"` | `"ADDED_FROM_PAGEBUTTON"` | `"ELEMENT_COPIED"` | `"ELEMENT_CONVERTED"`\
          * A value that indicates how the question was added: dragged from the [Toolbox](https://surveyjs.io/survey-creator/documentation/toolbox-customization), created using the Add Question button, or duplicated.
          *
          * [Customize Survey Elements on Creation](https://surveyjs.io/survey-creator/documentation/customize-survey-creation-process#customize-survey-elements-on-creation (linkStyle))
@@ -20328,6 +20550,7 @@ var CreatorBase = /** @class */ (function (_super) {
          * [Design Mode Survey Instance](https://surveyjs.io/survey-creator/documentation/customize-survey-creation-process#design-mode-survey-instance (linkStyle))
          *
          * > If you want this event raised at startup, assign a survey JSON schema to the [`JSON`](#JSON) property *after* you add a handler to the event. If the JSON schema should be empty, specify the `JSON` property with an empty object.
+         * @see survey
          */
         _this.onDesignerSurveyCreated = new CreatorEvent();
         /**
@@ -20347,9 +20570,15 @@ var CreatorBase = /** @class */ (function (_super) {
         _this.onPreviewSurveyCreated = new CreatorEvent();
         _this.onTestSurveyCreated = _this.onPreviewSurveyCreated;
         /**
-         * The event is called in case of UI notifications. By default all notifications are done via built-in alert () function.
-         * In case of any subscriptions to this event all notifications will be redirected into the event handler.
-         *- options.message is a message to show.
+         * An event that is raised when Survey Creator [displays a toast notification](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#notify). Use this event to implement custom toast notification.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.message`: `string`\
+         * A message to display.
+         * @see notify
          */
         _this.onNotify = new CreatorEvent();
         /**
@@ -20392,15 +20621,23 @@ var CreatorBase = /** @class */ (function (_super) {
          * A choice item for which the event is raised. This parameter has a value only when the dialog window is opened to select images for an [Image Picker](https://surveyjs.io/form-library/documentation/api-reference/image-picker-question-model) question.
          * - `options.callback: (files: Array<File>)`: `Function`\
          * A callback function to which you should pass selected files.
+         * @see onUploadFile
          * @see uploadFiles
          */
         _this.onOpenFileChooser = new CreatorEvent();
         /**
-         * The event is fired on uploading the files.
+         * An event that is raised when a user selects a file to upload. Use this event to upload the file to your server.
+         *
+         * Parameters:
          *
-         * - `sender` - the survey creator object that fires the event
-         * - `options.files` - the Javascript File objects array
-         * - `options.callback(status, imageLink)` - called on upload complete
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.question`: [`Question`](https://surveyjs.io/form-library/documentation/api-reference/question)\
+         * A question for which files are being uploaded.
+         * - `options.files`: [`File[]`](https://developer.mozilla.org/en-US/docs/Web/API/File)\
+         * Files to upload.
+         * - `options.callback(status: string, fileUrl: string)`: `Function`\
+         * A callback function that you should call when a file is uploaded successfully or when file upload fails. Pass `"success"` or `"error"` as the `status` argument. If the file upload is successful, pass the file's URL as the `fileUrl` argument.
          *
          *  [View Demo](https://surveyjs.io/survey-creator/examples/file-upload/ (linkStyle))
          * @see uploadFiles
@@ -20586,12 +20823,69 @@ var CreatorBase = /** @class */ (function (_super) {
          * @see onDragEnd
          */
         _this.onDragDropAllow = new CreatorEvent();
+        /**
+         * An event that allows you to create a custom message panel.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.question`: [`Question`](https://surveyjs.io/form-library/documentation/question)\
+         * A question for which the event is raised.
+         * - `options.messageText`: `string`\
+         * A notification message that you want to display. Assign a custom string value to this parameter.
+         * - `options.actionText`: `string`\
+         * A caption text for the action link. Assign a custom string value to this parameter.
+         * - `options.onClick`: `function`\
+         * A function that is called when users click the action link. Assign a custom function to this parameter.
+         *
+         * A message panel is displayed within a question box on the design surface. It contains a text message and an optional action link. The following image illustrates a built-in message panel that appears when a question sources its choice options from another question or from a web service:
+         *
+         * <img src="https://surveyjs.io/stay-updated/release-notes/articles/v1.9.126/creator-message-panel.png" alt="Survey Creator: A message panel" width="75%">
+         *
+         * To create a custom message panel, handle the `onCreateCustomMessagePanel` event. This event is raised for questions whose `isMessagePanelVisible` property set to `true`. The following code shows how to enable this property based on a condition. This code implements a custom data source selector for select-based questions (Dropdown, Checkboxes, Radio Button Group). When a survey author selects any data source other than "Custom", the `isMessagePanelVisible` property becomes enabled, indicating that the `onCreateCustomMessagePanel` event must be raised. A function that handles this event specifies custom message and action link texts and `onClick` event handler:
+         *
+         * ```js
+         * import { Serializer } from "survey-core";
+         * import { SurveyCreatorModel } from "survey-creator-core";
+         *
+         * Serializer.addProperty("selectbase", {
+         *   name: "choicesDataSource",
+         *   displayName: "Data source",
+         *   category: "choices",
+         *   choices: [
+         *     { text: "Country", value: "country" },
+         *     { text: "Region", value: "region" },
+         *     { text: "City", value: "city" },
+         *     { text: "Custom", value: "custom" }
+         *   ],
+         *   onSetValue: function (obj: any, value: any) {
+         *     // Set the custom property value
+         *     obj.setPropertyValue("choicesDataSource", value);
+         *     // Display the message panel based on a condition
+         *     obj.setPropertyValue("isMessagePanelVisible", value !== "custom");
+         *   }
+         * });
+         *
+         * const creator = new SurveyCreatorModel({});
+         *
+         * creator.onCreateCustomMessagePanel.add((_, options) => {
+         *   options.messageText = "Choices for this question are loaded from a predefined data source. ";
+         *   options.actionText = "Go to settings";
+         *   // Focus the "Data source" editor within the Property Grid
+         *   options.onClick = () => {
+         *     creator.selectElement(options.question, "choicesDataSource");
+         *   };
+         * });
+         * ```
+         */
+        _this.onCreateCustomMessagePanel = new CreatorEvent();
         // /**
         //  * You need to set this property to true if you want to use tabs instead of accordion in the popup element's editor.
         //  */
         // public useTabsInElementEditor = false;
         /**
-         * Limits the number of items in a logical expression.
+         * Limits the number of items in a logical condition.
          *
          * Default value: -1 (unlimited)
          */
@@ -20625,7 +20919,6 @@ var CreatorBase = /** @class */ (function (_super) {
          * If you set this property to `false`, users can only use UI elements to edit logical expressions.
          *
          * Default value: `true`
-         *
          * @see showLogicTab
          */
         _this.allowEditExpressionsInTextEditor = true;
@@ -20682,10 +20975,6 @@ var CreatorBase = /** @class */ (function (_super) {
         _this._allowModifyPages = true;
         _this.showDefaultLanguageInTestSurveyTab = "auto";
         _this.showInvisibleElementsInTestSurveyTab = true;
-        /**
-         * Set this property to true if you want to show "page selector" in the toolabar instead of "pages editor"
-         */
-        _this.showPageSelectorInToolbar = false;
         /**
          * Specifies whether users can switch between UI themes in the Preview tab.
          *
@@ -20696,7 +20985,7 @@ var CreatorBase = /** @class */ (function (_super) {
          */
         _this.allowChangeThemeInPreview = true;
         /**
-         * Specifies whether to show an error message if a survey is not saved in the database.
+         * Specifies whether to show an error message if a survey is not saved in a database.
          *
          * Default value: `true`
          */
@@ -20831,7 +21120,7 @@ var CreatorBase = /** @class */ (function (_super) {
         /**
          * A delay between changing survey settings and saving the survey JSON schema, measured in milliseconds. Applies only when the [`isAutoSave`](#isAutoSave) property is `true`.
          *
-         * Default value: 500 (taken from `settings.autoSave.delay`)
+         * Default value: 500 (inherited from `settings.autoSave.delay`)
          *
          * If a user changes the settings once again during the delay, only the latest version will be saved.
          */
@@ -21242,18 +21531,17 @@ var CreatorBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    /**
-     * Returns the localized string by its id
-     * @param str the string id.
-     */
     CreatorBase.prototype.getLocString = function (str) {
         return _editorLocalization__WEBPACK_IMPORTED_MODULE_3__["editorLocalization"].getString(str);
     };
     CreatorBase.prototype.onSetReadOnly = function (newVal) { };
     Object.defineProperty(CreatorBase.prototype, "locale", {
         /**
-         * Gets or sets the survey locale. The default value it is empty, this means the 'en' locale is used.
-         * You can set it to 'de' - German, 'fr' - French and so on.
+         * Specifies the locale of the Survey Creator UI.
+         *
+         * Default value: `""` (inherited from `editorLocalization.currentLocale`)
+         *
+         * [Localization & Globalization](https://surveyjs.io/survey-creator/documentation/survey-localization-translate-surveys-to-different-languages (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("locale", _editorLocalization__WEBPACK_IMPORTED_MODULE_3__["editorLocalization"].currentLocale);
@@ -21449,7 +21737,7 @@ var CreatorBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(CreatorBase.prototype, "showSidebar", {
         /**
-         * Specifies whether to show the sidebar that displays Property Grid.
+         * Specifies whether to show the sidebar that displays the Property Grid.
          *
          * Default value: `true`
          * @see sidebarLocation
@@ -21753,7 +22041,8 @@ var CreatorBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(CreatorBase.prototype, "survey", {
         /**
-         * The editing survey object (Survey.Survey)
+         * A [survey](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model) being configured in the Designer tab.
+         * @see onDesignerSurveyCreated
          */
         get: function () {
             return this.surveyValue;
@@ -22020,11 +22309,6 @@ var CreatorBase = /** @class */ (function (_super) {
             this.setSurveyJSONTextCallback(value);
         }
     };
-    /**
-     * Set JSON as text  into survey. Clear undo/redo states optionally.
-     * @param value JSON as text
-     * @param clearState default false. Set this parameter to true to clear undo/redo states.
-     */
     CreatorBase.prototype.changeText = function (value, clearState) {
         if (clearState === void 0) { clearState = false; }
         this.setTextValue(value);
@@ -22104,7 +22388,15 @@ var CreatorBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(CreatorBase.prototype, "state", {
         /**
-         * Returns the creator state. It may return empty string or "saving" and "saved".
+         * Indicates the state of Survey Creator.
+         *
+         * Possible values:
+         *
+         * - `""` - Survey Creator doesn't have unsaved changes.
+         * - `"modified"` - Survey Creator has unsaved changes.
+         * - `"saving"` - Changes are being saved.
+         * - `"saved"` - Changes are successfully saved.
+         * @see onModified
          */
         get: function () {
             return !!this._stateValue ? this._stateValue : "";
@@ -22147,17 +22439,20 @@ var CreatorBase = /** @class */ (function (_super) {
         this.setModified(options);
     };
     /**
-     * This function triggers user notification (via the alert() function if no onNotify event handler added).
-     * @see onNotify
+     * Displays a toast notification with a specified message.
+     *
+     * If you want to implement custom toast notification from scratch, handle the [`onNotify`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#onNotify) event.
+     * @param message A message to display.
+     * @param type A notification type: `"info"` (default) or `"error"`.
      */
-    CreatorBase.prototype.notify = function (msg, type) {
+    CreatorBase.prototype.notify = function (message, type) {
         if (type === void 0) { type = "info"; }
         if (this.onNotify.isEmpty) {
-            this.notifier.notify(msg, type);
-            // alert(msg);
+            this.notifier.notify(message, type);
+            // alert(message);
         }
         else {
-            this.onNotify.fire(this, { message: msg });
+            this.onNotify.fire(this, { message: message });
         }
     };
     CreatorBase.prototype.convertQuestion = function (obj, className) {
@@ -22370,8 +22665,9 @@ var CreatorBase = /** @class */ (function (_super) {
         return this.createNewElement(json);
     };
     /**
-     * Copy a question to the active page
-     * @param question A copied Survey.Question
+     * Creates a copy of a specified question and inserts the copy next to this question.
+     * @param question A question to copy.
+     * @returns The instance of a new question.
      */
     CreatorBase.prototype.fastCopyQuestion = function (question) {
         var newElement = this.copyElement(question);
@@ -22429,8 +22725,11 @@ var CreatorBase = /** @class */ (function (_super) {
         this.deleteObject(element);
     };
     /**
-     * Create a new page with the same elements and place it next to the current one. It returns the new created Survey.Page
-     * @param page A copied Survey.Page
+     * Creates a copy of a specified page and inserts the copy next to this page.
+     * @param page A [page](https://surveyjs.io/form-library/documentation/api-reference/page-model) to copy.
+     * @returns The [instance of a new page](https://surveyjs.io/form-library/documentation/api-reference/page-model).
+     * @see onPageAdding
+     * @see onPageAdded
      */
     CreatorBase.prototype.copyPage = function (page) {
         var _this = this;
@@ -22671,8 +22970,9 @@ var CreatorBase = /** @class */ (function (_super) {
         return isValid;
     };
     /**
-     * Deletes all custom translation strings for the passed locale from Survey Creator and from the generated survey JSON schema.
+     * Deletes all custom translation strings for a specified locale from Survey Creator and from the generated survey JSON schema.
      * @param locale A locale code (for example, "en").
+     * @see locale
      */
     CreatorBase.prototype.deleteLocaleStrings = function (locale) {
         var translation = new _src_components_tabs_translation__WEBPACK_IMPORTED_MODULE_21__["Translation"](this.survey);
@@ -22745,11 +23045,13 @@ var CreatorBase = /** @class */ (function (_super) {
         return json;
     };
     /**
-     * Open file chooser dialog
-     * @param input file input element
-     * @param onFilesChosen a call back function to process chosen files
+     * Opens a dialog window for users to select files.
+     * @param input A [file input HTML element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
+     * @param callback A callback function that you can use to process selected files. Accepts an array of JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/API/File" target="_blank">File</a> objects.
+     * @see onOpenFileChooser
+     * @see onUploadFile
      */
-    CreatorBase.prototype.chooseFiles = function (input, onFilesChosen, context) {
+    CreatorBase.prototype.chooseFiles = function (input, callback, context) {
         if (this.onOpenFileChooser.isEmpty) {
             if (!window || !window["FileReader"])
                 return;
@@ -22763,7 +23065,7 @@ var CreatorBase = /** @class */ (function (_super) {
                 for (var i = 0; i < input.files.length; i++) {
                     files.push(input.files[i]);
                 }
-                onFilesChosen(files);
+                callback(files);
             };
             input.click();
         }
@@ -22772,20 +23074,22 @@ var CreatorBase = /** @class */ (function (_super) {
                 input: input,
                 element: context && context.element || this.survey,
                 item: context && context.item,
-                callback: onFilesChosen
+                callback: callback
             });
         }
     };
     /**
-     * Upload the files on a server
-     * @param files files to upload
-     * @param uploadingCallback a call back function to get the status on uploading the file and operation result - URI of the uploaded file
+     * Uploads files to a server.
+     * @param files An array of JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/API/File" target="_blank">File</a> objects that represent files to upload.
+     * @param question A [question instance](https://surveyjs.io/form-library/documentation/api-reference/question) for which files are uploaded.
+     * @param callback A callback function that indicates the upload status&mdash;"success" or "error"&mdash;as the first argument. If a file is uploaded successfully, the second argument contains the file's URL.
+     * @see onUploadFile
      */
-    CreatorBase.prototype.uploadFiles = function (files, question, uploadingCallback) {
+    CreatorBase.prototype.uploadFiles = function (files, question, callback) {
         if (this.onUploadFile.isEmpty) {
             var fileReader_1 = new FileReader();
             fileReader_1.onload = function (e) {
-                uploadingCallback("success", fileReader_1.result);
+                callback("success", fileReader_1.result);
             };
             fileReader_1.readAsDataURL(files[0]);
         }
@@ -22793,7 +23097,7 @@ var CreatorBase = /** @class */ (function (_super) {
             this.onUploadFile.fire(this, {
                 question: question,
                 files: files || [],
-                callback: uploadingCallback
+                callback: callback
             });
         }
     };
@@ -23064,7 +23368,7 @@ var CreatorBase = /** @class */ (function (_super) {
     };
     CreatorBase.prototype.onConditionQuestionsGetListCallback = function (propertyName, obj, editor, list) {
         if (this.onConditionQuestionsGetList.isEmpty)
-            return "asc";
+            return _creator_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].logic.questionSortOrder;
         var options = {
             propertyName: propertyName,
             obj: obj,
@@ -23266,6 +23570,7 @@ var CreatorBase = /** @class */ (function (_super) {
         var objType = _survey_helper__WEBPACK_IMPORTED_MODULE_9__["SurveyHelper"].getObjectType(el);
         if (objType !== _survey_helper__WEBPACK_IMPORTED_MODULE_9__["ObjType"].Question && objType !== _survey_helper__WEBPACK_IMPORTED_MODULE_9__["ObjType"].Panel)
             return;
+        this.addNewElementReason = "ELEMENT_CONVERTED";
         el = this.convertQuestion(el, newType);
         this.selectElement(el, null, "#convertTo button");
     };
@@ -23596,6 +23901,11 @@ var CreatorBase = /** @class */ (function (_super) {
     return CreatorBase;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["Base"]));
 
+/**
+ * A class with properties, methods, and events that allow you to configure Survey Creator and manage its elements.
+ *
+ * [View Demo](https://surveyjs.io/survey-creator/examples/free-nps-survey-template/ (linkStyle))
+ */
 var SurveyCreatorModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyCreatorModel, _super);
     function SurveyCreatorModel() {
@@ -24005,6 +24315,7 @@ var settings = {
         showAddQuestionButton: true
     },
     logic: {
+        questionSortOrder: "asc",
         get defaultOperator() { return settings.logic.defaultOperators.default; },
         set defaultOperator(val) { settings.logic.defaultOperators.default = val; },
         defaultOperators: {
@@ -24186,10 +24497,10 @@ var EmptySurveyCreatorOptions = /** @class */ (function () {
     EmptySurveyCreatorOptions.prototype.isConditionOperatorEnabled = function (questionName, question, operator, isEnabled) { return isEnabled; };
     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.uploadFiles = function (files, question, callback) { };
     EmptySurveyCreatorOptions.prototype.getHasMachineTranslation = function () { return this.machineTranslationValue; };
     EmptySurveyCreatorOptions.prototype.doMachineTranslation = function (fromLocale, toLocale, strings, callback) { };
-    EmptySurveyCreatorOptions.prototype.chooseFiles = function (input, onFilesChosen, context) { };
+    EmptySurveyCreatorOptions.prototype.chooseFiles = function (input, callback, context) { };
     return EmptySurveyCreatorOptions;
 }());
 
@@ -25428,7 +25739,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, updateColorSettingsJSON, createColor, updateBoxShadowSettingsJSON, createBoxShadow, createBoxShadowReset, parseBoxShadow, DefaultFonts, updateFontSettingsJSON, fontsettingsToCssVariable, fontsettingsFromCssVariable, updateElementSettingsJSON, elementSettingsToCssVariable, elementSettingsFromCssVariable, Themes, PredefinedThemes, PredefinedColors, getThemeFullName, getObjectDiffs, getThemeChanges, findSuitableTheme, ThemeBuilder, ThemeTabPlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, TranslationEditor, createImportCSVAction, createExportCSVAction, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, ResetValueAdorner, QuestionTextWithResetModel, QuestionCommentWithResetModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridEditorColor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, SearchManager, 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, scrollElementIntoView, ingectAlpha, convertRgbaToString, parseRgbaFromString, parseColor, HSBToRGB, RGBToHSB, assign, ColorCalculator, saveToFileHandler, 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, updateColorSettingsJSON, createColor, updateBoxShadowSettingsJSON, createBoxShadow, createBoxShadowReset, parseBoxShadow, DefaultFonts, updateFontSettingsJSON, fontsettingsToCssVariable, fontsettingsFromCssVariable, updateElementSettingsJSON, elementSettingsToCssVariable, elementSettingsFromCssVariable, Themes, PredefinedThemes, PredefinedColors, getThemeFullName, getObjectDiffs, getThemeChanges, findSuitableTheme, ThemeBuilder, ThemeTabPlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, TranslationEditor, createImportCSVAction, createExportCSVAction, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, ResetValueAdorner, QuestionTextWithResetModel, QuestionCommentWithResetModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridEditorColor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, SearchManager, propertyGridCss, QuestionConverter, svgBundle, SurveyTextWorkerError, SurveyTextWorkerParserError, SurveyTextWorkerJsonError, SurveyTextWorker, JsonDuplicateNameError, QuestionToolboxCategory, QuestionToolboxItem, QuestionToolbox, SidebarModel, SidebarTabModel, Switcher, getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, scrollElementIntoView, ingectAlpha, convertRgbaToString, parseRgbaFromString, parseColor, HSBToRGB, RGBToHSB, assign, ColorCalculator, saveToFileHandler, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -25844,104 +26155,107 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../components/side-bar/side-bar-tab-model */ "./src/components/side-bar/side-bar-tab-model.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SidebarTabModel", function() { return _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_63__["SidebarTabModel"]; });
 
-/* harmony import */ var _utils_events__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../utils/events */ "./src/utils/events.ts");
-/* empty/unused harmony star reexport *//* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["getNextItemValue"]; });
+/* harmony import */ var _components_switcher_switcher__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../components/switcher/switcher */ "./src/components/switcher/switcher.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Switcher", function() { return _components_switcher_switcher__WEBPACK_IMPORTED_MODULE_64__["Switcher"]; });
+
+/* harmony import */ var _utils_events__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../utils/events */ "./src/utils/events.ts");
+/* empty/unused harmony star reexport *//* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["getNextItemValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemText", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["getNextItemText"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemText", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["getNextItemText"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["getNextValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["getNextValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findParentNode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["findParentNode"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findParentNode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["findParentNode"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "focusFirstControl", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["focusFirstControl"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "focusFirstControl", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["focusFirstControl"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFirstNonTextElement", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["getFirstNonTextElement"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFirstNonTextElement", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["getFirstNonTextElement"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNodesFromKoComponentInfo", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["getNodesFromKoComponentInfo"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNodesFromKoComponentInfo", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["getNodesFromKoComponentInfo"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "propertyExists", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["propertyExists"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "propertyExists", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["propertyExists"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isPropertyVisible", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["isPropertyVisible"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isPropertyVisible", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["isPropertyVisible"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "toggleHovered", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["toggleHovered"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "toggleHovered", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["toggleHovered"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "clearNewLines", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["clearNewLines"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "clearNewLines", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["clearNewLines"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "select", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["select"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "select", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["select"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyObject", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["copyObject"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyObject", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["copyObject"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyCssClasses", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["copyCssClasses"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyCssClasses", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["copyCssClasses"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "assignDefaultV2Classes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["assignDefaultV2Classes"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "assignDefaultV2Classes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["assignDefaultV2Classes"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wrapTextByCurlyBraces", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["wrapTextByCurlyBraces"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wrapTextByCurlyBraces", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["wrapTextByCurlyBraces"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "capitalize", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["capitalize"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "capitalize", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["capitalize"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "notShortCircuitAnd", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["notShortCircuitAnd"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "notShortCircuitAnd", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["notShortCircuitAnd"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "imageMimeTypes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["imageMimeTypes"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "imageMimeTypes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["imageMimeTypes"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getAcceptedTypesByContentMode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["getAcceptedTypesByContentMode"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getAcceptedTypesByContentMode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["getAcceptedTypesByContentMode"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getQuestionFromObj", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["getQuestionFromObj"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getQuestionFromObj", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["getQuestionFromObj"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scrollElementIntoView", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["scrollElementIntoView"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scrollElementIntoView", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["scrollElementIntoView"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ingectAlpha", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["ingectAlpha"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ingectAlpha", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["ingectAlpha"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "convertRgbaToString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["convertRgbaToString"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "convertRgbaToString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["convertRgbaToString"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseRgbaFromString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["parseRgbaFromString"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseRgbaFromString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["parseRgbaFromString"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseColor", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["parseColor"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseColor", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["parseColor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HSBToRGB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["HSBToRGB"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HSBToRGB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["HSBToRGB"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RGBToHSB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["RGBToHSB"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RGBToHSB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["RGBToHSB"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "assign", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["assign"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "assign", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["assign"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorCalculator", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["ColorCalculator"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorCalculator", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["ColorCalculator"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "saveToFileHandler", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_65__["saveToFileHandler"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "saveToFileHandler", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_66__["saveToFileHandler"]; });
 
-/* harmony import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../question-editor/definition */ "./src/question-editor/definition.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return _question_editor_definition__WEBPACK_IMPORTED_MODULE_66__["SurveyQuestionEditorDefinition"]; });
+/* harmony import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../question-editor/definition */ "./src/question-editor/definition.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return _question_editor_definition__WEBPACK_IMPORTED_MODULE_67__["SurveyQuestionEditorDefinition"]; });
 
-/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjType", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_67__["ObjType"]; });
+/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjType", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_68__["ObjType"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyHelper", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_67__["SurveyHelper"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyHelper", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_68__["SurveyHelper"]; });
 
-/* harmony import */ var _utils_resizer__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../utils/resizer */ "./src/utils/resizer.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResizeManager", function() { return _utils_resizer__WEBPACK_IMPORTED_MODULE_68__["ResizeManager"]; });
+/* harmony import */ var _utils_resizer__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../utils/resizer */ "./src/utils/resizer.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResizeManager", function() { return _utils_resizer__WEBPACK_IMPORTED_MODULE_69__["ResizeManager"]; });
 
-/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoPlugin", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_69__["UndoRedoPlugin"]; });
+/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoPlugin", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_70__["UndoRedoPlugin"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "undoRedoTransaction", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_69__["undoRedoTransaction"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "undoRedoTransaction", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_70__["undoRedoTransaction"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_69__["ignoreUndoRedo"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_70__["ignoreUndoRedo"]; });
 
-/* harmony import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoManager", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_70__["UndoRedoManager"]; });
+/* harmony import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoManager", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_71__["UndoRedoManager"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Transaction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_70__["Transaction"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Transaction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_71__["Transaction"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_70__["UndoRedoAction"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_71__["UndoRedoAction"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoArrayAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_70__["UndoRedoArrayAction"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoArrayAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_71__["UndoRedoArrayAction"]; });
 
-/* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../pages-controller */ "./src/pages-controller.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PagesController", function() { return _pages_controller__WEBPACK_IMPORTED_MODULE_71__["PagesController"]; });
+/* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../pages-controller */ "./src/pages-controller.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PagesController", function() { return _pages_controller__WEBPACK_IMPORTED_MODULE_72__["PagesController"]; });
 
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_72___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_72__);
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_73___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_73__);
 var Version;
-Version = "" + "1.9.125";
+Version = "" + "1.9.127";
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -26017,6 +26331,7 @@ __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-but
 
 
 
+
 
 
 __webpack_require__(/*! ../components/property-panel/property-panel-item.scss */ "./src/components/property-panel/property-panel-item.scss");
@@ -26031,8 +26346,8 @@ __webpack_require__(/*! ../property-grid-theme/property-grid.scss */ "./src/prop
 __webpack_require__(/*! ../utils/design.scss */ "./src/utils/design.scss");
 __webpack_require__(/*! ../utils/layout.scss */ "./src/utils/layout.scss");
 
-survey_core__WEBPACK_IMPORTED_MODULE_72__["settings"].supportCreatorV2 = true;
-Object(survey_core__WEBPACK_IMPORTED_MODULE_72__["checkLibraryVersion"])("" + "1.9.125", "survey-creator-core");
+survey_core__WEBPACK_IMPORTED_MODULE_73__["settings"].supportCreatorV2 = true;
+Object(survey_core__WEBPACK_IMPORTED_MODULE_73__["checkLibraryVersion"])("" + "1.9.127", "survey-creator-core");
 
 
 /***/ }),
@@ -28183,7 +28498,7 @@ var enStrings = {
         deleteQuestion: "Delete Question",
         convertTo: "Convert to",
         drag: "Drag element",
-        license: "To use our library in your app, a developer license is necessary. If you currently hold an activated license, ensure you're using the latest version available."
+        license: "To use our library, a <a href='https://surveyjs.io/licensing'>developer license</a> is required. If you have an active license, <a href='https://surveyjs.io/remove-alert-banner'>set up your license key</a> and ensure you're using the latest version."
     },
     // Question types
     qt: {
@@ -29206,8 +29521,8 @@ var enStrings = {
         "--primary-foreground": "Primary foreground color",
         "--foreground": "Foreground color",
         "--base-unit": "Base unit",
+        advancedMode: "Advanced mode",
         groupGeneral: "General",
-        groupAdvanced: "Advanced",
         groupHeader: "Header",
         groupBackground: "Background",
         groupAppearance: "Appearance",
@@ -29236,11 +29551,9 @@ var enStrings = {
         backgroundImageAttachmentScroll: "Scroll",
         panelBackgroundTransparency: "Panel background opacity",
         questionBackgroundTransparency: "Question background opacity",
-        questionPanel: "Panel background and corner radius",
-        questionTitle: "Question title font",
-        questionDescription: "Question description font",
+        questionTitle: "Question box",
         editorPanel: "Input element",
-        editorFont: "Input element font",
+        backgroundCornerRadius: "Background and corner radius",
         backcolor: "Default background",
         hovercolor: "Hover background",
         borderDecoration: "Border decoration",
@@ -29248,7 +29561,9 @@ var enStrings = {
         accentForeground: "Accent foreground",
         primaryForecolor: "Default color",
         primaryForecolorLight: "Disabled color",
-        linesColors: "Minor line colors",
+        colorsTitle: "Colors",
+        font: "Font",
+        lines: "Lines",
         borderDefault: "Darker",
         borderLight: "Lighter",
         fontFamily: "Font family",
@@ -29264,8 +29579,9 @@ var enStrings = {
         cornerRadius: "Corner radius",
         surveyTitle: "Survey title font",
         surveyDescription: "Survey description font",
-        pageTitle: "Page title font",
-        pageDescription: "Page description font",
+        pageTitle: "Page",
+        titleFont: "Title font",
+        descriptionFont: "Description font",
         boxShadowX: "X",
         boxShadowY: "Y",
         boxShadowAddRule: "Add Shadow Effect",
@@ -29274,8 +29590,7 @@ var enStrings = {
         boxShadowSpread: "Spread",
         boxShadowDrop: "Drop",
         boxShadowInner: "Inner",
-        questionShadow: "Shadow effects",
-        editorShadow: "Input element shadow effects",
+        shadow: "Shadow effects",
         headerView: "View",
         headerViewBasic: "Basic",
         headerViewAdvanced: "Advanced",
@@ -31382,7 +31697,7 @@ var ConditionEditor = /** @class */ (function (_super) {
         var res = [];
         var questions = this.survey.getAllQuestions();
         var contextObject = this.getContextObject();
-        var sortOrder = "acs";
+        var sortOrder = _creator_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].logic.questionSortOrder;
         if (questions.length > 0) {
             for (var i = 0; i < questions.length; i++) {
                 var question = questions[i];
@@ -33401,8 +33716,8 @@ var PropertyGridLinkEditor = /** @class */ (function (_super) {
         else {
             question.acceptedTypes = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_10__["getAcceptedTypesByContentMode"])("image");
         }
-        question.onChooseFilesCallback = (function (input, onFilesChosen) {
-            options.chooseFiles(input, onFilesChosen);
+        question.onChooseFilesCallback = (function (input, callback) {
+            options.chooseFiles(input, callback);
         });
     };
     return PropertyGridLinkEditor;
@@ -33763,7 +34078,9 @@ var PropertyGridEditorQuestion = /** @class */ (function (_super) {
             var value = _this.getItemValue(q);
             return { value: value, text: text };
         });
-        _survey_helper__WEBPACK_IMPORTED_MODULE_7__["SurveyHelper"].sortItems(qItems);
+        if (_creator_settings__WEBPACK_IMPORTED_MODULE_6__["settings"].logic.questionSortOrder === "asc") {
+            _survey_helper__WEBPACK_IMPORTED_MODULE_7__["SurveyHelper"].sortItems(qItems);
+        }
         return qItems;
     };
     PropertyGridEditorQuestion.prototype.getQuestions = function (survey, obj) {
@@ -35265,12 +35582,12 @@ var SearchManager = /** @class */ (function (_super) {
         newValueInLow = newValueInLow.toLocaleLowerCase().trim();
         var visibleQuestions = this.survey.getAllQuestions().filter(function (q) { return q.isVisible; });
         return visibleQuestions.filter(function (q) {
-            var questionTitle = q.title;
-            if (!!questionTitle) {
-                questionTitle = normalize(questionTitle, "search");
-                questionTitle = questionTitle.toLocaleLowerCase().trim();
+            var srcString = q.name + "|" + q.title + "|" + q.description;
+            if (!!srcString) {
+                srcString = normalize(srcString, "search");
+                srcString = srcString.toLocaleLowerCase().trim();
             }
-            return questionTitle.indexOf(newValueInLow) !== -1;
+            return srcString.indexOf(newValueInLow) !== -1;
         });
     };
     SearchManager.prototype.setFiterString = function (newValue) {
@@ -36081,8 +36398,8 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
         expression: {
             properties: [
                 "expression",
-                "currency",
                 "displayStyle",
+                "currency",
                 "format",
                 "maximumFractionDigits",
                 "minimumFractionDigits",
@@ -36179,6 +36496,9 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "optionsCaption", tab: "choices" },
                 { name: "showNoneItem", tab: "choices" },
                 { name: "noneText", tab: "choices" },
+                { name: "choicesMin", tab: "choices" },
+                { name: "choicesMax", tab: "choices" },
+                { name: "choicesStep", tab: "choices" },
                 { name: "choicesVisibleIf", tab: "logic" },
                 { name: "choicesEnableIf", tab: "logic" },
             ],
@@ -36704,51 +37024,63 @@ var SurveyQuestionProperties = /** @class */ (function () {
             this.addNonTabProperties(result, usedProperties, true);
             return result;
         }
+        var hasNonTabProperties = this.getAllDefinitionsByClassCore(className, usedProperties, result);
+        var dynamicClass = this.obj.isQuestion && !!this.obj.getDynamicType ? this.obj.getDynamicType() : "";
+        if (dynamicClass) {
+            hasNonTabProperties = this.getAllDefinitionsByClassCore(dynamicClass, usedProperties, result);
+        }
+        if (!hasNonTabProperties) {
+            this.addNonTabProperties(result, usedProperties);
+        }
+        return result;
+    };
+    SurveyQuestionProperties.prototype.getAllDefinitionsByClassCore = function (className, usedProperties, result) {
+        var res = false;
         var curClassName = className;
-        var hasNonTabProperties = false;
         while (curClassName) {
             var metaClass = (survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].findClass(curClassName));
             if (!metaClass)
                 break;
-            var classRes = _definition__WEBPACK_IMPORTED_MODULE_0__["SurveyQuestionEditorDefinition"].definition[metaClass.name];
-            if (classRes) {
-                if (classRes.properties) {
-                    var i = 0;
-                    while (i < classRes.properties.length) {
-                        var prop = classRes.properties[i];
-                        var propName = typeof prop == "string" ? prop : prop.name;
-                        var tabName = _creator_settings__WEBPACK_IMPORTED_MODULE_3__["settings"].propertyGrid.generalTabName;
-                        if (typeof prop !== "string" && !!prop.tab) {
-                            tabName = prop.tab;
-                        }
-                        var jsonProp = !!this.propertiesHash[propName]
-                            ? this.propertiesHash[propName].property
-                            : null;
-                        var jsonPropertyCategory = this.getJsonPropertyCategory(jsonProp);
-                        if (!!jsonPropertyCategory && jsonPropertyCategory !== tabName) {
-                            classRes.properties.splice(i, 1);
-                        }
-                        else {
-                            usedProperties[propName] = true;
-                            i++;
-                        }
-                    }
+            res = this.getAllDefinitionsByClassSingleCore(metaClass.name, usedProperties, result);
+            curClassName = metaClass.parentName;
+        }
+        return res;
+    };
+    SurveyQuestionProperties.prototype.getAllDefinitionsByClassSingleCore = function (className, usedProperties, result) {
+        var classRes = _definition__WEBPACK_IMPORTED_MODULE_0__["SurveyQuestionEditorDefinition"].definition[className];
+        var res = false;
+        if (!classRes)
+            return res;
+        if (classRes.properties) {
+            var i = 0;
+            while (i < classRes.properties.length) {
+                var prop = classRes.properties[i];
+                var propName = typeof prop == "string" ? prop : prop.name;
+                var tabName = _creator_settings__WEBPACK_IMPORTED_MODULE_3__["settings"].propertyGrid.generalTabName;
+                if (typeof prop !== "string" && !!prop.tab) {
+                    tabName = prop.tab;
                 }
-                if (classRes.tabs) {
-                    for (var i = 0; i < classRes.tabs.length; i++) {
-                        hasNonTabProperties =
-                            hasNonTabProperties || classRes.tabs[i].name === otherTabName;
-                        usedProperties[classRes.tabs[i].name] = true;
-                    }
+                var jsonProp = !!this.propertiesHash[propName]
+                    ? this.propertiesHash[propName].property
+                    : null;
+                var jsonPropertyCategory = this.getJsonPropertyCategory(jsonProp);
+                if (!!jsonPropertyCategory && jsonPropertyCategory !== tabName) {
+                    classRes.properties.splice(i, 1);
+                }
+                else {
+                    usedProperties[propName] = true;
+                    i++;
                 }
-                result.unshift(classRes);
             }
-            curClassName = metaClass.parentName;
         }
-        if (!hasNonTabProperties) {
-            this.addNonTabProperties(result, usedProperties);
+        if (classRes.tabs) {
+            for (var i = 0; i < classRes.tabs.length; i++) {
+                res = res || classRes.tabs[i].name === otherTabName;
+                usedProperties[classRes.tabs[i].name] = true;
+            }
         }
-        return result;
+        result.unshift(classRes);
+        return res;
     };
     SurveyQuestionProperties.prototype.getJsonPropertyCategory = function (jsonProperty) {
         if (!jsonProperty)