survey-creator-core 2.0.1 → 2.0.2

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v2.0.1
+ * SurveyJS Creator v2.0.2
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -5847,7 +5847,6 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
             this.setSurveyElement(surveyElement);
             this.creator.onLocaleChanded.add(this.creatorOnLocaleChanged);
             this.creator.sidebar.onPropertyChanged.add(this.sidebarFlyoutModeChangedFunc);
-            this.creator.expandCollapseManager.add(this);
         }
     };
     SurveyElementAdornerBase.prototype.detachOnlyMyElement = function () {
@@ -5861,7 +5860,6 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
         this.surveyElement = undefined;
         this.creator.onLocaleChanded.remove(this.creatorOnLocaleChanged);
         this.creator.sidebar.onPropertyChanged.remove(this.sidebarFlyoutModeChangedFunc);
-        this.creator.expandCollapseManager.remove(this);
     };
     SurveyElementAdornerBase.prototype.dispose = function () {
         this.detachFromUI();
@@ -6191,14 +6189,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _designer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./designer */ "./src/components/tabs/designer.ts");
 /* harmony import */ var _designer_state_manager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./designer-state-manager */ "./src/components/tabs/designer-state-manager.ts");
 /* harmony import */ var _side_bar_tab_control_model__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../side-bar/tab-control-model */ "./src/components/side-bar/tab-control-model.ts");
-/* harmony import */ var _property_grid_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../property-grid/icons */ "./src/property-grid/icons.ts");
-/* harmony import */ var _utils_actions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/actions */ "./src/utils/actions.ts");
-/* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../editorLocalization */ "./src/editorLocalization.ts");
-/* harmony import */ var _creator_theme_creator_theme_model_definition__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../creator-theme/creator-theme-model-definition */ "./src/creator-theme/creator-theme-model-definition.ts");
-/* harmony import */ var _creator_theme_creator_theme_model__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../creator-theme/creator-theme-model */ "./src/creator-theme/creator-theme-model.ts");
-/* harmony import */ var _creator_theme_creator_themes__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../creator-theme/creator-themes */ "./src/creator-theme/creator-themes.ts");
-/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./themes */ "./src/components/tabs/themes.ts");
-
+/* harmony import */ var _utils_actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/actions */ "./src/utils/actions.ts");
+/* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../editorLocalization */ "./src/editorLocalization.ts");
+/* harmony import */ var _creator_theme_creator_theme_model_definition__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../creator-theme/creator-theme-model-definition */ "./src/creator-theme/creator-theme-model-definition.ts");
+/* harmony import */ var _creator_theme_creator_theme_model__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../creator-theme/creator-theme-model */ "./src/creator-theme/creator-theme-model.ts");
+/* harmony import */ var _creator_theme_creator_themes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../creator-theme/creator-themes */ "./src/creator-theme/creator-themes.ts");
+/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./themes */ "./src/components/tabs/themes.ts");
 
 
 
@@ -6231,7 +6227,7 @@ var TabDesignerPlugin = /** @class */ (function () {
             _this.updateTabControlActions();
         };
         this.propertyGridPlaceholderPage = this.creator.sidebar.addPage("propertyGridPlaceholder", "svc-property-grid-placeholder", this.propertyGridViewModel);
-        this.propertyGridPlaceholderPage.caption = _editorLocalization__WEBPACK_IMPORTED_MODULE_9__.editorLocalization.getString("ed.surveySettings");
+        this.propertyGridPlaceholderPage.caption = _editorLocalization__WEBPACK_IMPORTED_MODULE_8__.editorLocalization.getString("ed.surveySettings");
         this.propertyGridTab = this.creator.sidebar.addPage("propertyGrid", "svc-property-grid", this.propertyGridViewModel, function () {
             var result = [];
             if (!!_this.propertyGridViewModel.prevSelectionAction) {
@@ -6392,10 +6388,10 @@ var TabDesignerPlugin = /** @class */ (function () {
         var _this = this;
         this.themePropertyGrid.survey.getAllQuestions().forEach(function (question) {
             if (question.name === "--sjs-special-background") {
-                question.choices = _this.themeModel && _this.themeModel.isLight ? (0,_themes__WEBPACK_IMPORTED_MODULE_13__.getPredefinedBackgoundColorsChoices)() : [];
+                question.choices = _this.themeModel && _this.themeModel.isLight ? (0,_themes__WEBPACK_IMPORTED_MODULE_12__.getPredefinedBackgoundColorsChoices)() : [];
             }
             if (question.name === "--sjs-primary-background-500" || question.name === "--sjs-secondary-background-500") {
-                question.choices = (0,_themes__WEBPACK_IMPORTED_MODULE_13__.getPredefinedColorsItemValues)(_this.themeModel.isLight === false ? "dark" : "light");
+                question.choices = (0,_themes__WEBPACK_IMPORTED_MODULE_12__.getPredefinedColorsItemValues)(_this.themeModel.isLight === false ? "dark" : "light");
             }
         });
     };
@@ -6412,8 +6408,8 @@ var TabDesignerPlugin = /** @class */ (function () {
     };
     TabDesignerPlugin.prototype.createCreatorThemeSettingsPage = function (creator) {
         var _this = this;
-        this.themeModel = new _creator_theme_creator_theme_model__WEBPACK_IMPORTED_MODULE_11__.CreatorThemeModel();
-        this.themePropertyGrid = new _property_grid__WEBPACK_IMPORTED_MODULE_2__.PropertyGridModel(undefined, creator, _creator_theme_creator_theme_model_definition__WEBPACK_IMPORTED_MODULE_10__.creatorThemeModelPropertyGridDefinition);
+        this.themeModel = new _creator_theme_creator_theme_model__WEBPACK_IMPORTED_MODULE_10__.CreatorThemeModel();
+        this.themePropertyGrid = new _property_grid__WEBPACK_IMPORTED_MODULE_2__.PropertyGridModel(undefined, creator, _creator_theme_creator_theme_model_definition__WEBPACK_IMPORTED_MODULE_9__.creatorThemeModelPropertyGridDefinition);
         this.themePropertyGrid.showOneCategoryInPropertyGrid = true;
         this.themePropertyGrid.surveyInstanceCreatedArea = "designer-tab:creator-settings";
         var themePropertyGridViewModel = new _property_grid_property_grid_view_model__WEBPACK_IMPORTED_MODULE_3__.PropertyGridViewModel(this.themePropertyGrid, creator);
@@ -6422,7 +6418,7 @@ var TabDesignerPlugin = /** @class */ (function () {
         };
         themePropertyGridViewModel.searchEnabled = false;
         this.themePropertyGridTab = this.creator.sidebar.addPage("creatorTheme", "svc-property-grid", themePropertyGridViewModel);
-        this.themePropertyGridTab.caption = _editorLocalization__WEBPACK_IMPORTED_MODULE_9__.editorLocalization.getString("ed.creatorSettingTitle");
+        this.themePropertyGridTab.caption = _editorLocalization__WEBPACK_IMPORTED_MODULE_8__.editorLocalization.getString("ed.creatorSettingTitle");
         this.themePropertyGridTab.activateCallback = function () {
             settingsAction.active = true;
         };
@@ -6440,7 +6436,7 @@ var TabDesignerPlugin = /** @class */ (function () {
             _this.syncTheme();
             _this.creator.onCreatorThemePropertyChanged.fire(_this.creator, options);
         });
-        var settingsAction = new _utils_actions__WEBPACK_IMPORTED_MODULE_8__.MenuButton({
+        var settingsAction = new _utils_actions__WEBPACK_IMPORTED_MODULE_7__.MenuButton({
             id: "theme-settings",
             locTooltipName: "ed.creatorSettingTitle",
             iconName: "gear-24x24",
@@ -6465,7 +6461,7 @@ var TabDesignerPlugin = /** @class */ (function () {
         });
         var themeChooser = survey.getQuestionByName("themeName");
         if (!!themeChooser) {
-            themeChooser.choices = _creator_theme_creator_themes__WEBPACK_IMPORTED_MODULE_12__.PredefinedCreatorThemes.map(function (theme) { return ({ value: theme, text: (0,_editorLocalization__WEBPACK_IMPORTED_MODULE_9__.getLocString)("creatortheme.names." + theme) }); });
+            themeChooser.choices = _creator_theme_creator_themes__WEBPACK_IMPORTED_MODULE_11__.PredefinedCreatorThemes.map(function (theme) { return ({ value: theme, text: (0,_editorLocalization__WEBPACK_IMPORTED_MODULE_8__.getLocString)("creatortheme.names." + theme) }); });
         }
         survey.runExpressions();
         this.updatePredefinedColorChoices();
@@ -6514,10 +6510,10 @@ var TabDesignerPlugin = /** @class */ (function () {
         this.propertyGrid.survey.pages.forEach(function (p) {
             if (p.elements.length === 0)
                 return;
-            var action = new _utils_actions__WEBPACK_IMPORTED_MODULE_8__.MenuButton({
+            var action = new _utils_actions__WEBPACK_IMPORTED_MODULE_7__.MenuButton({
                 id: p.name,
                 tooltip: p.title,
-                iconName: _property_grid_icons__WEBPACK_IMPORTED_MODULE_7__.pgTabIcons[p.name] || _property_grid_icons__WEBPACK_IMPORTED_MODULE_7__.pgTabIcons["undefined"],
+                iconName: p["iconName"],
                 iconSize: "auto",
                 active: _this.activePageIsPropertyGrid && p.name === _this.propertyGrid.survey.currentPage.name,
                 pressed: false,
@@ -6558,7 +6554,6 @@ var TabDesignerPlugin = /** @class */ (function () {
         this.creator.sidebar.sideAreaComponentData = undefined;
         this.creator.sidebar.onPropertyChanged.clear();
         this.creator.sidebar.header.reset();
-        this.creator.expandCollapseManager.clear();
         return true;
     };
     TabDesignerPlugin.prototype.onDesignerSurveyPropertyChanged = function (obj, propName) {
@@ -14874,9 +14869,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _theme_model_definition__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./theme-model-definition */ "./src/components/tabs/theme-model-definition.ts");
 /* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
 /* harmony import */ var _side_bar_tab_control_model__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../side-bar/tab-control-model */ "./src/components/side-bar/tab-control-model.ts");
-/* harmony import */ var _property_grid_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../property-grid/icons */ "./src/property-grid/icons.ts");
-/* harmony import */ var _utils_actions__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../utils/actions */ "./src/utils/actions.ts");
-
+/* harmony import */ var _utils_actions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../utils/actions */ "./src/utils/actions.ts");
 
 
 
@@ -15256,10 +15249,10 @@ var ThemeTabPlugin = /** @class */ (function () {
         var _this = this;
         if (this.showOneCategoryInPropertyGrid) {
             var pgTabs_1 = this.propertyGrid.survey.pages.map(function (p) {
-                var action = new _utils_actions__WEBPACK_IMPORTED_MODULE_15__.MenuButton({
+                var action = new _utils_actions__WEBPACK_IMPORTED_MODULE_14__.MenuButton({
                     id: p.name,
                     tooltip: p.title,
-                    iconName: _property_grid_icons__WEBPACK_IMPORTED_MODULE_14__.pgTabIcons[p.name] || _property_grid_icons__WEBPACK_IMPORTED_MODULE_14__.pgTabIcons["undefined"],
+                    iconName: p["iconName"],
                     iconSize: "auto",
                     active: p.name === _this.propertyGrid.survey.currentPage.name,
                     pressed: false,
@@ -17080,7 +17073,6 @@ var TranslationGroup = /** @class */ (function (_super) {
             return;
         var properties = this.getLocalizedProperties(this.obj);
         for (var i = 0; i < properties.length; i++) {
-            var property = properties[i];
             var item = this.createTranslationItem(this.obj, properties[i]);
             if (!!item) {
                 this.itemValues.push(item);
@@ -17183,10 +17175,10 @@ var TranslationGroup = /** @class */ (function (_super) {
     };
     TranslationGroup.prototype.createTranslationItem = function (obj, property) {
         var _a;
-        var defaultValue = this.getDefaultValue(obj, property);
         var locStr = obj[property.serializationProperty];
         if (!locStr)
             return null;
+        var defaultValue = this.getDefaultValue(obj, property);
         if (!this.showAllStrings && !defaultValue && locStr.isEmpty)
             return null;
         var editLocale = (_a = this.translation) === null || _a === void 0 ? void 0 : _a.getEditLocale();
@@ -17201,9 +17193,7 @@ var TranslationGroup = /** @class */ (function (_super) {
             property.isLocalizable &&
             !!property.serializationProperty) {
             var locStr = obj[property.serializationProperty];
-            if (!!locStr &&
-                !obj.isPage && !obj.isPanel &&
-                (!!locStr.onGetTextCallback || locStr["onRenderedHtmlCallback"]))
+            if (!!locStr && !obj.isPage && !obj.isPanel && !!locStr.onGetTextCallback)
                 return obj["name"];
         }
         return "";
@@ -18709,11 +18699,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _designTabSurveyThemeJSON__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./designTabSurveyThemeJSON */ "./src/designTabSurveyThemeJSON.ts");
 /* harmony import */ var _components_survey_element_adorner_base__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./components/survey-element-adorner-base */ "./src/components/survey-element-adorner-base.ts");
 /* harmony import */ var _tabbed_menu__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./tabbed-menu */ "./src/tabbed-menu.ts");
-/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./svgbundle */ "./src/svgbundle.ts");
-/* harmony import */ var _components_list_theme__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./components/list-theme */ "./src/components/list-theme.ts");
-/* harmony import */ var _components_creator_scss__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./components/creator.scss */ "./src/components/creator.scss");
-/* harmony import */ var _components_string_editor_scss__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./components/string-editor.scss */ "./src/components/string-editor.scss");
-/* harmony import */ var _creator_theme_creator_scss__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./creator-theme/creator.scss */ "./src/creator-theme/creator.scss");
+/* harmony import */ var _utils_creator_locstrings__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./utils/creator-locstrings */ "./src/utils/creator-locstrings.ts");
+/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./svgbundle */ "./src/svgbundle.ts");
+/* harmony import */ var _components_list_theme__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./components/list-theme */ "./src/components/list-theme.ts");
+/* harmony import */ var _components_creator_scss__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./components/creator.scss */ "./src/components/creator.scss");
+/* harmony import */ var _components_string_editor_scss__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./components/string-editor.scss */ "./src/components/string-editor.scss");
+/* harmony import */ var _creator_theme_creator_scss__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./creator-theme/creator.scss */ "./src/creator-theme/creator.scss");
+
 
 
 
@@ -18752,9 +18744,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v1", _svgbundle__WEBPACK_IMPORTED_MODULE_30__.iconsV1);
-(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v2", _svgbundle__WEBPACK_IMPORTED_MODULE_30__.iconsV2);
-survey_core__WEBPACK_IMPORTED_MODULE_1__.SvgRegistry.registerIcons(_svgbundle__WEBPACK_IMPORTED_MODULE_30__.iconsV2);
+(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v1", _svgbundle__WEBPACK_IMPORTED_MODULE_31__.iconsV1);
+(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v2", _svgbundle__WEBPACK_IMPORTED_MODULE_31__.iconsV2);
+survey_core__WEBPACK_IMPORTED_MODULE_1__.SvgRegistry.registerIcons(_svgbundle__WEBPACK_IMPORTED_MODULE_31__.iconsV2);
 //Obsolete
 var CreatorAction = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(CreatorAction, _super);
@@ -19153,7 +19145,6 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         *
          * Within the event handler, you need to pass translation strings and locale information to the translation service API. The service should return an array of translated strings that you need to pass to the `options.callback` function. The following code shows how to integrate the Microsoft Translator service into Survey Creator:
          *
          * ```js
@@ -19199,6 +19190,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          * ```
          *
          * > Survey Creator does not include a machine translation service out of the box. Our component only provides a UI for calling the service API.
+         * @see startMachineTranslationTo
          */
         _this.onMachineTranslate = _this.addCreatorEvent();
         /**
@@ -19512,6 +19504,13 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          * Default value: `false`
          */
         _this.collapseOnDrag = false;
+        /**
+         * Specifies whether to clear translations to other languages when a source language translation is changed.
+         *
+         * Default value: `false`
+         * @see showTranslationTab
+         */
+        _this.clearTranslationsOnSourceTextChange = false;
         if (!!options2 ||
             typeof _this.options === "string" ||
             _this.options instanceof String) {
@@ -21442,9 +21441,52 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             options.value = options.newValue;
             this.onAfterPropertyChanged.fire(this, options);
         }
+        this.clearLocalizationStrings(options.target, options.name);
         options.type = "PROPERTY_CHANGED";
         this.setModified(options);
     };
+    SurveyCreatorModel.prototype.clearLocalizationStrings = function (el, name) {
+        if (this.clearTranslationsOnSourceTextChange) {
+            var loc = this.survey.locale;
+            if (!!loc && loc !== survey_core__WEBPACK_IMPORTED_MODULE_1__.surveyLocalization.defaultLocale)
+                return;
+            if ((el.isQuestion || survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.isDescendantOf(el.getType(), "matrixdropdowncolumn")) && name === "name") {
+                this.clearNonDefaultLocalesInStrByValue(el.locTitle);
+            }
+            else {
+                if (survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.isDescendantOf(el.getType(), "itemvalue") && name === "value") {
+                    this.clearNonDefaultLocalesInStrByValue(el.locText);
+                }
+                else {
+                    var prop = survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.findProperty(el.getType(), name);
+                    if (prop && prop.isLocalizable && prop.serializationProperty) {
+                        var locStr = el[prop.serializationProperty];
+                        this.clearNonDefaultLocalesInStr(locStr);
+                    }
+                }
+            }
+        }
+    };
+    SurveyCreatorModel.prototype.clearNonDefaultLocalesInStrByValue = function (locStr) {
+        if (!locStr.isEmpty && !locStr.getLocaleText("")) {
+            this.clearNonDefaultLocalesInStr(locStr);
+        }
+    };
+    SurveyCreatorModel.prototype.clearNonDefaultLocalesInStr = function (locStr) {
+        if (locStr) {
+            var ctrl = this.undoRedoController;
+            if (ctrl)
+                ctrl.ignoreChanges = true;
+            var locs = locStr.getLocales();
+            locs.forEach(function (l) {
+                if (l !== survey_core__WEBPACK_IMPORTED_MODULE_1__.surveyLocalization.defaultLocale && l !== "default") {
+                    locStr.setLocaleText(l, "");
+                }
+            });
+            if (ctrl)
+                ctrl.ignoreChanges = false;
+        }
+    };
     SurveyCreatorModel.prototype.notifySurveyItemMoved = function (options) {
         options.type = "ELEMENT_REORDERED";
         this.setModified(options);
@@ -22579,6 +22621,17 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             this.onMachineTranslate.fire(this, { fromLocale: fromLocale, toLocale: toLocale, strings: strings, callback: callback });
         }
     };
+    /**
+     * Starts the translation of survey strings from the default language to one or more specified languages using a machine translation service, such as Google Translate or Microsoft Translator.
+     *
+     * This method only launches the operation by raising the [`onMachineTranslate`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#onMachineTranslate) event. Handle this event to perform the actual translation.
+     * @param locales An array of locale codes that correspond to target languages, for example, `[ "de", "fr" ]`.
+     */
+    SurveyCreatorModel.prototype.startMachineTranslationTo = function (locales) {
+        if (!this.getHasMachineTranslation())
+            return;
+        (0,_utils_creator_locstrings__WEBPACK_IMPORTED_MODULE_30__.doMachineStringsTranslation)(this.survey, this, locales);
+    };
     SurveyCreatorModel.prototype.doAutoSave = function () {
         var _this = this;
         var saveFunc = function () { return _this.doSave(); };
@@ -22758,7 +22811,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             items: [],
             allowSelection: false,
             cssClass: "svc-creator-popup",
-            cssClasses: _components_list_theme__WEBPACK_IMPORTED_MODULE_31__.listComponentCss,
+            cssClasses: _components_list_theme__WEBPACK_IMPORTED_MODULE_32__.listComponentCss,
             verticalPosition: "bottom",
             horizontalPosition: "center",
             displayMode: this.isTouch ? "overlay" : "popup"
@@ -22825,7 +22878,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
                     onSelectQuestionType(item.typeName, i.json);
                 }
             }); });
-            action.setSubItems({ items: innerItems, cssClasses: _components_list_theme__WEBPACK_IMPORTED_MODULE_31__.listComponentCss });
+            action.setSubItems({ items: innerItems, cssClasses: _components_list_theme__WEBPACK_IMPORTED_MODULE_32__.listComponentCss });
         }
         return action;
     };
@@ -26468,6 +26521,10 @@ var EditorLocalization = /** @class */ (function () {
         return (locale ? this.getLocaleStrings(locale) : this.getDefaultStrings()) || this.getDefaultStrings();
     };
     EditorLocalization.prototype.getLocaleStrings = function (loc) {
+        if (!loc)
+            loc = this.defaultLocale;
+        if (loc === "en")
+            return defaultStrings;
         return this.locales[loc];
     };
     EditorLocalization.prototype.setupLocale = function (loc, strings) {
@@ -26636,11 +26693,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   ExpandCollapseManager: () => (/* binding */ ExpandCollapseManager)
 /* harmony export */ });
+/* harmony import */ var _components_survey_element_adorner_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/survey-element-adorner-base */ "./src/components/survey-element-adorner-base.ts");
+
 var ExpandCollapseManager = /** @class */ (function () {
     function ExpandCollapseManager(creator) {
         this.creator = creator;
         this._lockQuestions = false;
-        this.adorners = [];
     }
     ExpandCollapseManager.prototype.expandCollapseElements = function (reason, isCollapsed, elements) {
         if (elements === void 0) { elements = null; }
@@ -26661,35 +26719,27 @@ var ExpandCollapseManager = /** @class */ (function () {
             .concat(this.creator.survey.getAllPanels())
             .concat(this.creator.survey.getAllQuestions());
     };
+    ExpandCollapseManager.prototype.sortElements = function (elements) {
+        return [].concat(elements).sort(function (el, el2) {
+            var a = el.isPage ? 2 : el.isPanel ? 1 : 0;
+            var b = el2.isPage ? 2 : el2.isPanel ? 1 : 0;
+            return a - b;
+        });
+    };
     ExpandCollapseManager.prototype.updateCollapsed = function (elements, value, reason) {
         var _this = this;
-        elements.forEach(function (element) {
+        this.sortElements(elements).forEach(function (element) {
             var _a;
             if (element.isQuestion && _this._lockQuestions)
                 return;
             var collapsed = _this.creator.getElementExpandCollapseState(element, reason, value);
             (_a = _this.creator.designerStateManager) === null || _a === void 0 ? void 0 : _a.setElementCollapsed(element, collapsed);
-        });
-        for (var i = this.adorners.length - 1; i >= 0; i--) {
-            var element = this.adorners[i].element;
-            if (element.isQuestion && this._lockQuestions)
-                continue;
-            if (elements.indexOf(element) == -1)
-                continue;
-            if (this.adorners[i].allowExpandCollapse) {
-                var newState = this.creator.getElementExpandCollapseState(element, reason, value);
-                this.adorners[i].collapsed = newState;
+            var adorner = _components_survey_element_adorner_base__WEBPACK_IMPORTED_MODULE_0__.SurveyElementAdornerBase.GetAdorner(element);
+            if (adorner && adorner.allowExpandCollapse) {
+                var newState = _this.creator.getElementExpandCollapseState(element, reason, value);
+                adorner.collapsed = newState;
             }
-        }
-    };
-    ExpandCollapseManager.prototype.add = function (adorner) {
-        this.adorners.push(adorner);
-    };
-    ExpandCollapseManager.prototype.remove = function (adorner) {
-        this.adorners.splice(this.adorners.indexOf(adorner), 1);
-    };
-    ExpandCollapseManager.prototype.clear = function () {
-        this.adorners.length = 0;
+        });
     };
     return ExpandCollapseManager;
 }());
@@ -34317,7 +34367,7 @@ var UndoRedoController = /** @class */ (function (_super) {
         return _this;
     }
     UndoRedoController.prototype.onSurveyPropertyValueChangedCallback = function (name, oldValue, newValue, sender, arrayChanges) {
-        if (!this.undoRedoManager || !this.undoRedoManager.isCorrectProperty(sender, name)) {
+        if (this.ignoreChanges || !this.undoRedoManager || !this.undoRedoManager.isCorrectProperty(sender, name)) {
             return;
         }
         var canUndoRedoMerge = this.undoRedoManager.tryMergeTransaction(sender, name, newValue);
@@ -37353,9 +37403,9 @@ var FastEntryEditor = /** @class */ (function (_super) {
             if (item) {
                 item.text = src[i].text;
                 names.forEach(function (name) {
-                    if (name == "value" || name == "text")
-                        return;
-                    dest[i][name] = src[i][name];
+                    if (name !== "value") {
+                        item[name] = src[i][name];
+                    }
                 });
                 src.splice(i, 1, item);
             }
@@ -37806,6 +37856,15 @@ var PropertyGridTitleActionsCreator = /** @class */ (function () {
             options.titleActions = actions;
         }
     };
+    PropertyGridTitleActionsCreator.prototype.onValueChanged = function (obj, property, question) {
+        var editor = PropertyGridEditorCollection.getEditor(property);
+        if (!!editor && !!editor.createPropertyEditorSetup && !!editor.isPropertyEditorSetupEnabled) {
+            var act = question.getTitleToolbar().getActionById("property-grid-setup");
+            if (!!act) {
+                act.enabled = editor.isPropertyEditorSetupEnabled(obj, property, question, this.options);
+            }
+        }
+    };
     PropertyGridTitleActionsCreator.prototype.createClearValueAction = function (editor, property, question, enabled) {
         var _this = this;
         return {
@@ -37877,6 +37936,7 @@ var PropertyGridTitleActionsCreator = /** @class */ (function () {
     return PropertyGridTitleActionsCreator;
 }());
 
+survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.addProperty("panelbase", { name: "iconName", visible: false });
 var PropertyJSONGenerator = /** @class */ (function () {
     function PropertyJSONGenerator(obj, options, parentObj, parentProperty, propertyGridDefinition) {
         if (options === void 0) { options = null; }
@@ -38061,7 +38121,7 @@ var PropertyJSONGenerator = /** @class */ (function () {
     PropertyJSONGenerator.prototype.createPanelProps = function (tab, context, isChild) {
         var _this = this;
         if (isChild === void 0) { isChild = false; }
-        var panel = this.createPanelJSON(tab.name, tab.title, isChild);
+        var panel = this.createPanelJSON(tab.name, tab.title, tab.iconName, isChild);
         for (var i = 0; i < tab.properties.length; i++) {
             var propDef = tab.properties[i];
             var propJSON = this.createQuestionJSON(this.obj, propDef.property, propDef.title, false, context);
@@ -38093,10 +38153,11 @@ var PropertyJSONGenerator = /** @class */ (function () {
         json.titleLocation = "left";
         json.minWidth = "50px";
     };
-    PropertyJSONGenerator.prototype.createPanelJSON = function (category, title, isChild) {
+    PropertyJSONGenerator.prototype.createPanelJSON = function (category, title, iconName, isChild) {
         var res = {
             type: "panel",
             name: category,
+            iconName: iconName,
             title: this.getPanelTitle(category, title),
             elements: []
         };
@@ -38732,6 +38793,8 @@ var PropertyGridModel = /** @class */ (function () {
         var cellQuestion = options.row.getQuestionByName(options.columnName);
         if (!!cellQuestion) {
             this.changeDependedProperties(cellQuestion, function (name) { return options.row.getQuestionByName(name); }, function (name) { return options.row.getValue(name); });
+            var matrix = options.question;
+            this.titleActionsCreator.onValueChanged(matrix.obj, matrix.property, matrix);
         }
         PropertyGridEditorCollection.onMatrixCellValueChanged(this.obj, options.question.property, options);
     };
@@ -39789,16 +39852,12 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         if (cellQuestion.getType() === "text" && !!objType) {
             if (propertyName === "text" && objType === "itemvalue") {
                 cellQuestion.placeholder = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ComputedUpdater(function () {
-                    if (!!rowObj.value)
-                        return rowObj.value.toString();
-                    return rowObj.text;
+                    return rowObj.locText.getPlaceholder();
                 });
             }
             if (propertyName === "title" && (objType === "matrixdropdowncolumn" || objType === "multipletextitem")) {
                 cellQuestion.placeholder = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ComputedUpdater(function () {
-                    if (!!rowObj.name)
-                        return rowObj.name;
-                    return rowObj.title;
+                    return rowObj.locTitle.getPlaceholder();
                 });
             }
         }
@@ -42672,6 +42731,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
 /* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../creator-settings */ "./src/creator-settings.ts");
+/* harmony import */ var _property_grid_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../property-grid/icons */ "./src/property-grid/icons.ts");
+
 
 
 
@@ -42959,6 +43020,7 @@ var SurveyQuestionProperties = /** @class */ (function () {
         }
         var res = new SurveyQuestionEditorTabDefinition();
         res.name = tabName;
+        res.iconName = _property_grid_icons__WEBPACK_IMPORTED_MODULE_4__.pgTabIcons[tabName] || _property_grid_icons__WEBPACK_IMPORTED_MODULE_4__.pgTabIcons["undefined"];
         if (tabName == _creator_settings__WEBPACK_IMPORTED_MODULE_3__.settings.propertyGrid.generalTabName) {
             res.index = -1;
         }
@@ -46258,6 +46320,236 @@ __webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
 
+/***/ }),
+
+/***/ "./src/utils/creator-locstrings.ts":
+/*!*****************************************!*\
+  !*** ./src/utils/creator-locstrings.ts ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   collectLocalizableStrings: () => (/* binding */ collectLocalizableStrings),
+/* harmony export */   doMachineStringsTranslation: () => (/* binding */ doMachineStringsTranslation)
+/* harmony export */ });
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
+
+function doMachineStringsTranslation(survey, creatorOptions, locales) {
+    var _this = this;
+    locales.forEach(function (loc) {
+        var locStrs = getUnlocalizedStrings(survey, _this, loc);
+        if (locStrs.length > 0) {
+            var locStrsHash_1 = {};
+            var defaultStrs_1 = new Array();
+            locStrs.forEach(function (locStr) {
+                var text = locStr.getLocaleText("");
+                if (!text && locStr.onGetTextCallback) {
+                    text = locStr.onGetTextCallback("");
+                    if (isTextNonTranslated(text)) {
+                        text = undefined;
+                    }
+                }
+                if (!!text) {
+                    if (!locStrsHash_1[text]) {
+                        locStrsHash_1[text] = [];
+                        defaultStrs_1.push(text);
+                    }
+                    locStrsHash_1[text].push(locStr);
+                }
+            });
+            creatorOptions.doMachineTranslation(survey_core__WEBPACK_IMPORTED_MODULE_0__.surveyLocalization.defaultLocale, loc, defaultStrs_1, function (translated) {
+                if (!!translated && translated.length === defaultStrs_1.length) {
+                    creatorOptions.startUndoRedoTransaction("Translate to " + loc);
+                    var _loop_1 = function (i) {
+                        locStrsHash_1[defaultStrs_1[i]].forEach(function (locStr) { return locStr.setLocaleText(loc, translated[i]); });
+                    };
+                    for (var i = 0; i < defaultStrs_1.length; i++) {
+                        _loop_1(i);
+                    }
+                    creatorOptions.stopUndoRedoTransaction();
+                }
+            });
+        }
+    });
+}
+function collectLocalizableStrings(survey, options, translateObj) {
+    collectStringsByObj(survey, options, translateObj);
+}
+function getUnlocalizedStrings(survey, creatorOptions, loc) {
+    var res = new Array();
+    var options = {
+        canShowProperty: function (reason, obj, property, locStr, isShowing, defaultValue) {
+            return isShowing && (!locStr || !(locStr === null || locStr === void 0 ? void 0 : locStr.isEmpty)) || !!defaultValue;
+        },
+        onAddLocalizedString: function (obj, property, locStr, translatedObj) {
+            res.push(locStr);
+        },
+        onCreateNewTranslateObj: function (obj, property, translateObj) {
+            return undefined;
+        }
+    };
+    collectStringsByObj(survey, options, undefined);
+    return res;
+}
+function collectStringsByObj(obj, options, translateObj) {
+    if (isItemValueArray(obj)) {
+        createItemValuesLocale(obj, options, translateObj);
+        return;
+    }
+    if (!obj || !obj.getType)
+        return;
+    var properties = getLocalizedProperties(obj, options);
+    for (var i_1 = 0; i_1 < properties.length; i_1++) {
+        addLocalizationItem(obj, options, properties[i_1], translateObj);
+    }
+    properties = getArrayProperties(obj);
+    for (var i = 0; i < properties.length; i++) {
+        var property = properties[i];
+        var value = obj[property.name];
+        //If ItemValue array?
+        if (isItemValueArray(value)) {
+            if (canShowProperty("itemvalue-array", options, obj, property, Array.isArray(value) && value.length > 0)) {
+                createGroup(options, obj[property.name], property, translateObj);
+            }
+        }
+        else {
+            for (var i_2 = 0; i_2 < value.length; i_2++) {
+                createGroup(options, value[i_2], property, translateObj);
+            }
+        }
+    }
+    createMatrixCellsGroup(options, obj, translateObj);
+}
+function isItemValueArray(val) {
+    return (!!val &&
+        Array.isArray(val) &&
+        val.length > 0 &&
+        !!val[0] &&
+        !!val[0]["getType"] &&
+        !!val[0]["setData"] &&
+        !!val[0]["setLocText"]);
+}
+function addLocalizationItem(obj, options, property, translateObj) {
+    var locStr = getLocalizableStr(obj, property);
+    if (!locStr)
+        return;
+    var defaultValue = getDefaultValue(obj, property);
+    if (canShowProperty("add-locsr", options, obj, property, !locStr.isEmpty, defaultValue)) {
+        options.onAddLocalizedString(obj, property, locStr, translateObj);
+    }
+}
+function createItemValuesLocale(obj, options, translateObj) {
+    for (var i = 0; i < obj.length; i++) {
+        var val = obj[i];
+        addPropertiesForItemValue(val, options, translateObj);
+    }
+}
+function addPropertiesForItemValue(itemValue, options, translateObj) {
+    var locProperties = getLocalizedProperties(itemValue, options, false);
+    for (var i = 0; i < locProperties.length; i++) {
+        var prop = locProperties[i];
+        var isText = prop.name === "text";
+        var reason = isText ? "itemvalue-text" : "itemvalue-customprop";
+        var defValue = isText ? itemValue.value : undefined;
+        var canshow = canShowProperty(reason, options, itemValue, prop, true, defValue);
+        if (!canshow && isText)
+            break;
+        if (canshow) {
+            options.onAddLocalizedString(itemValue, prop, getLocalizableStr(itemValue, prop), translateObj);
+        }
+    }
+}
+function getLocalizedProperties(obj, options, checkIsShowing) {
+    if (checkIsShowing === void 0) { checkIsShowing = true; }
+    var res = new Array();
+    var properties = survey_core__WEBPACK_IMPORTED_MODULE_0__.Serializer.getPropertiesByObj(obj);
+    for (var i = 0; i < properties.length; i++) {
+        var property = properties[i];
+        if (property.readOnly || !property.visible || !property.isSerializable || !property.isLocalizable)
+            continue;
+        var isShowing = ["url", "file"].indexOf(property.type) < 0;
+        if (!checkIsShowing || canShowProperty("get-property", options, obj, property, isShowing)) {
+            res.push(property);
+        }
+    }
+    return res;
+}
+function getArrayProperties(obj) {
+    var res = new Array();
+    var properties = survey_core__WEBPACK_IMPORTED_MODULE_0__.Serializer.getPropertiesByObj(obj);
+    for (var i = 0; i < properties.length; i++) {
+        var property = properties[i];
+        if (property.isSerializable === false)
+            continue;
+        var value = obj[property.name];
+        if (!!value && Array.isArray(value) && value.length > 0) {
+            res.push(property);
+        }
+    }
+    return res;
+}
+function getLocalizableStr(obj, prop) {
+    return obj[prop.serializationProperty];
+}
+function createGroup(options, obj, property, translateObj) {
+    if (!!obj && (obj.getType || Array.isArray(obj))) {
+        translateObj = options.onCreateNewTranslateObj(obj, property, translateObj);
+        collectStringsByObj(obj, options, translateObj);
+    }
+}
+function canShowProperty(reason, options, obj, property, isShowing, defaultValue) {
+    if (options.canShowProperty) {
+        return options.canShowProperty(reason, obj, property, getLocalizableStr(obj, property), isShowing, defaultValue);
+    }
+    return isShowing;
+}
+function createMatrixCellsGroup(options, obj, translateObj) {
+    survey_core__WEBPACK_IMPORTED_MODULE_0__.Serializer.getPropertiesByObj(obj).forEach(function (prop) {
+        if (prop.type === "cells" && canShowProperty("matrix-cell", options, obj, prop, true)) {
+            createMatrixCellsGroupCore(options, obj, prop, translateObj);
+        }
+    });
+}
+function createMatrixCellsGroupCore(options, obj, prop, translateObj) {
+    var cells = obj[prop.name];
+    if (cells.isEmpty)
+        return;
+    var matrix = obj;
+    translateObj = options.onCreateNewTranslateObj(obj, prop, translateObj);
+    var defaultName = survey_core__WEBPACK_IMPORTED_MODULE_0__.settings.matrix.defaultRowName;
+    var rows = [defaultName];
+    matrix.rows.forEach(function (row) { return rows.push(row.value); });
+    rows.forEach(function (val) {
+        matrix.columns.forEach(function (col) {
+            var locStr = cells.getCellDisplayLocText(val, col);
+            if (!!locStr) {
+                options.onAddLocalizedString(obj, prop, locStr, translateObj);
+            }
+        });
+    });
+}
+function getDefaultValue(obj, prop) {
+    var locStr = getLocalizableStr(obj, prop);
+    if (!locStr)
+        return "";
+    if (prop.name == "title") {
+        if (!!locStr && !obj.isPage && !obj.isPanel && !!locStr.onGetTextCallback)
+            return obj["name"];
+    }
+    return "";
+}
+function isTextNonTranslated(text) {
+    if (!text)
+        return true;
+    if (survey_core__WEBPACK_IMPORTED_MODULE_0__.Helpers.isNumber(text))
+        return true;
+    return text.length < 2;
+}
+
+
 /***/ }),
 
 /***/ "./src/utils/creator-utils.ts":
@@ -47400,7 +47692,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_118__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_118___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_118__);
 var Version;
-Version = "".concat("2.0.1");
+Version = "".concat("2.0.2");
 //should be loaded before other styles for easier override 
 
 
@@ -47524,7 +47816,7 @@ Version = "".concat("2.0.1");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_118__.checkLibraryVersion)("".concat("2.0.1"), "survey-creator-core");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_118__.checkLibraryVersion)("".concat("2.0.2"), "survey-creator-core");
 
 })();