survey-creator-core 1.9.118 → 1.9.119

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.118
+ * SurveyJS Creator v1.9.119
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -130,7 +130,7 @@ License: MIT
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
- * surveyjs - Survey JavaScript library v1.9.118
+ * surveyjs - Survey JavaScript library v1.9.119
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4862,7 +4862,9 @@ var LogoImageViewModel = /** @class */ (function (_super) {
     }
     Object.defineProperty(LogoImageViewModel.prototype, "allowEdit", {
         get: function () {
-            return !this.creator.readOnly;
+            var survey = this.creator.survey;
+            var property = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].findProperty(survey.getType(), "logo");
+            return !this.creator.readOnly && (!property.overridingProperty || !survey[property.overridingProperty]);
         },
         enumerable: false,
         configurable: true
@@ -8995,7 +8997,7 @@ var TabDesignerPlugin = /** @class */ (function () {
         this.saveSurveyAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
             id: "svd-save",
             iconName: "icon-save",
-            action: function () { return _this.creator.doSave(); },
+            action: function () { return _this.creator.saveSurveyActionHandler(); },
             active: false,
             enabled: false,
             visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
@@ -9232,19 +9234,12 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
         this.cssUpdater && this.cssUpdater.dispose();
     };
     TabDesignerViewModel.prototype.checkLastPageToDelete = function () {
-        if (this.survey.pageCount === 0)
-            return false;
-        if (this.survey.pageCount === 1 && !this.creator.isInitialSurveyEmpty)
+        if (this.survey.pageCount === 0 || this.survey.isQuestionDragging)
             return false;
         var lastPage = this.survey.pages[this.survey.pageCount - 1];
         if (lastPage.elements.length > 0 || lastPage.isConverting)
             return false;
-        if (!_survey_helper__WEBPACK_IMPORTED_MODULE_4__["SurveyHelper"].isPageNameAutoGenerated(lastPage.name))
-            return false;
-        var json = lastPage.toJSON();
-        delete json["name"];
-        //If there is at least one property in page is set, then return
-        for (var key in json)
+        if (_survey_helper__WEBPACK_IMPORTED_MODULE_4__["SurveyHelper"].isPagePropertiesAreModified(lastPage))
             return false;
         lastPage.delete();
         if (this.survey.pageCount === 0) {
@@ -14504,8 +14499,8 @@ var ThemeBuilder = /** @class */ (function (_super) {
         _this._availableThemes = _themes__WEBPACK_IMPORTED_MODULE_11__["PredefinedThemes"];
         _this.prevQuestionValues = {};
         _this.onThemeSelected = new survey_core__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
-        _this.onThemeModified = new survey_core__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
-        _this.onCanModifyTheme = new survey_core__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
+        _this.onThemePropertyChanged = new survey_core__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
+        _this.onAllowModifyTheme = new survey_core__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
         _this.creatorPropertyChanged = function (sender, options) {
             if (options.name === "isMobileView") {
                 _this.updateVisibilityOfPropertyGridGroups();
@@ -14522,7 +14517,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
         _this.backgroundImageAttachment = _this.surveyProvider.theme.backgroundImageAttachment !== undefined ? _this.surveyProvider.theme.backgroundImageAttachment : surveyProvider.survey.backgroundImageAttachment;
         _this.backgroundOpacity = ((_this.surveyProvider.theme.backgroundOpacity !== undefined ? _this.surveyProvider.theme.backgroundOpacity : surveyProvider.survey.backgroundOpacity) || 1) * 100;
         _this.loadTheme(_this.surveyProvider.theme);
-        _this.surveyProvider.isThemeModified = false;
+        _this.surveyProvider.hasPendingThemeChanges = false;
         _this.undoRedoManager = new _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_10__["UndoRedoManager"]();
         _this.surveyProvider.onPropertyChanged.add(_this.creatorPropertyChanged);
         return _this;
@@ -14542,19 +14537,6 @@ var ThemeBuilder = /** @class */ (function (_super) {
         }
         return (_themeName || this.themeName) + "-" + this.themePalette;
     };
-    Object.defineProperty(ThemeBuilder.prototype, "activeLanguage", {
-        get: function () {
-            return this.getPropertyValue("activeLanguage", this.survey.locale || survey_core__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].defaultLocale);
-        },
-        set: function (val) {
-            if (val === this.activeLanguage)
-                return;
-            this.setPropertyValue("activeLanguage", val);
-            this.survey.locale = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(ThemeBuilder.prototype, "survey", {
         get: function () {
             return this.simulator.survey;
@@ -14680,6 +14662,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
             component: "svc-complete-page",
             data: this
         });
+        newSurvey.locale = json.locale;
         this.simulator.survey = newSurvey;
         this.updateSimulatorTheme();
         if (this.onSurveyCreatedCallback)
@@ -14780,7 +14763,6 @@ var ThemeBuilder = /** @class */ (function (_super) {
     ThemeBuilder.prototype.show = function () {
         this.showInvisibleElements = false;
         this.activePage = this.survey.activePage;
-        this.survey.locale = this.activeLanguage;
         this.isRunning = true;
     };
     ThemeBuilder.prototype.testAgain = function () {
@@ -15208,12 +15190,12 @@ var ThemeBuilder = /** @class */ (function (_super) {
         var canModify = !this.surveyProvider.readOnly;
         var options = {
             theme: this.currentTheme,
-            canModify: canModify
+            allow: canModify
         };
-        this.onCanModifyTheme.fire(this, options);
+        this.onAllowModifyTheme.fire(this, options);
         this.themeEditorSurvey.getAllQuestions().forEach(function (q) {
             if (["themeName", "themePalette", "themeMode"].indexOf(q.name) === -1) {
-                q.readOnly = !options.canModify;
+                q.readOnly = !options.allow;
             }
         });
         if (!!this.survey) {
@@ -15284,7 +15266,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
         var _this = this;
         var saveThemeFunc = this.saveThemeFunc;
         if (!saveThemeFunc && this.surveyProvider.saveThemeFunc) {
-            saveThemeFunc = function () { return _this.surveyProvider.doSaveTheme(); };
+            saveThemeFunc = function () { return _this.surveyProvider.saveTheme(); };
         }
         if (!saveThemeFunc) {
             return;
@@ -15309,8 +15291,8 @@ var ThemeBuilder = /** @class */ (function (_super) {
                 this.onThemeSelected.fire(this, options);
             }
             else {
-                this.surveyProvider.isThemeModified = true;
-                this.onThemeModified.fire(this, options);
+                this.surveyProvider.hasPendingThemeChanges = true;
+                this.onThemePropertyChanged.fire(this, options);
             }
             if (this.surveyProvider.isAutoSave) {
                 this.processAutoSave();
@@ -15320,14 +15302,15 @@ var ThemeBuilder = /** @class */ (function (_super) {
     ThemeBuilder.prototype.getDefaultTitleSetting = function (isAdvanced) {
         var result = { family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily, weight: "700", size: 32 };
         if (isAdvanced) {
-            result["color"] = "rgba(0, 0, 0, 0.91)";
+            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(0, 0, 0, 0.45)";
+            result["color"] = "rgba(255, 255, 255, 1)";
+            result["weight"] = "600";
         }
         return result;
     };
@@ -15401,7 +15384,7 @@ var ThemeBuilder = /** @class */ (function (_super) {
                                         {
                                             "headerView": "basic",
                                             "logoPosition": "right",
-                                            "inheritWidthFrom": "survey",
+                                            "inheritWidthFrom": "container",
                                             "backgroundColorSwitch": "accentColor",
                                             "backgroundImageFit": "cover",
                                             "backgroundImageOpacity": 100,
@@ -16630,6 +16613,22 @@ function getObjectDiffs(obj1, obj2) {
     });
     return result;
 }
+/**
+ * An object that enables you to modify, add, and remove UI themes and handle theme-related events. To access this object, use the [`themeEditor`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#themeEditor) property on a Survey Creator instance:
+ *
+ * ```js
+ * const creatorOptions = { ... };
+ * const creator = new SurveyCreator.SurveyCreator(creatorOptions);
+ * creator.themeEditor.settingName = "value";
+ *
+ * // In modular applications:
+ * import { SurveyCreatorModel } from "survey-creator-core";
+ *
+ * const creatorOptions = { ... };
+ * const creator = new SurveyCreatorModel(creatorOptions);
+ * creator.themeEditor.settingName = "value";
+ * ```
+ */
 var ThemeTabPlugin = /** @class */ (function () {
     function ThemeTabPlugin(creator) {
         var _this = this;
@@ -16637,9 +16636,46 @@ var ThemeTabPlugin = /** @class */ (function () {
         this.simulatorTheme = survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyCss"][survey_core__WEBPACK_IMPORTED_MODULE_0__["defaultV2ThemeName"]];
         this._availableThemes = [].concat(_themes__WEBPACK_IMPORTED_MODULE_4__["PredefinedThemes"]);
         this.saveToFileHandler = _utils_utils__WEBPACK_IMPORTED_MODULE_5__["saveToFileHandler"];
+        /**
+         * An event that is raised when users select a UI theme from a drop-down list, choose a dark or light color palette, and switch between regular and panelless theme modifications.
+         *
+         * Parameters:
+         *
+         * - `sender`: `ThemeTabPlugin`\
+         * A `ThemeTabPlugin` instance that raised the event.
+         * - `options.theme`: [`ITheme`](https://surveyjs.io/form-library/documentation/api-reference/itheme)\
+         * A selected theme.
+         * @see availableThemes
+         * @see addTheme
+         * @see removeTheme
+         */
         this.onThemeSelected = new survey_core__WEBPACK_IMPORTED_MODULE_0__["EventBase"]();
-        this.onThemeModified = new survey_core__WEBPACK_IMPORTED_MODULE_0__["EventBase"]();
-        this.onCanModifyTheme = new survey_core__WEBPACK_IMPORTED_MODULE_0__["EventBase"]();
+        /**
+         * An event that is raised when the value of a property or CSS variable in a theme JSON schema has changed.
+         *
+         * Parameters:
+         *
+         * - `sender`: `ThemeTabPlugin`\
+         * A `ThemeTabPlugin` instance that raised the event.
+         * - `options.name`: `string`\
+         * The name of the changed property or CSS variable.
+         * - `options.value`: `any`\
+         * A new value of the property or CSS variable.
+         */
+        this.onThemePropertyChanged = new survey_core__WEBPACK_IMPORTED_MODULE_0__["EventBase"]();
+        /**
+         * An event that is raised when Theme Editor renders Property Grid. Use this event to switch the current theme to read-only mode.
+         *
+         * Parameters:
+         *
+         * - `sender`: `ThemeTabPlugin`\
+         * A `ThemeTabPlugin` instance that raised the event.
+         * - `options.theme`: [`ITheme`](https://surveyjs.io/form-library/documentation/api-reference/itheme)\
+         * The current theme.
+         * - `options.allow`: `boolean`\
+         * A Boolean property that you can set to `false` if you want to disallow theme modifications.
+         */
+        this.onAllowModifyTheme = new survey_core__WEBPACK_IMPORTED_MODULE_0__["EventBase"]();
         creator.addPluginTab("theme", this, "ed.themeSurvey");
         this.simulatorTheme = survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyCss"][survey_core__WEBPACK_IMPORTED_MODULE_0__["defaultV2ThemeName"]];
         this.createActions().forEach(function (action) { return creator.toolbar.actions.push(action); });
@@ -16714,12 +16750,12 @@ var ThemeTabPlugin = /** @class */ (function () {
             _this.saveThemeAction.enabled = true;
             _this.onThemeSelected.fire(_this, options);
         });
-        this.model.onThemeModified.add(function (sender, options) {
+        this.model.onThemePropertyChanged.add(function (sender, options) {
             _this.saveThemeAction.enabled = true;
-            _this.onThemeModified.fire(_this, options);
+            _this.onThemePropertyChanged.fire(_this, options);
         });
-        this.model.onCanModifyTheme.add(function (sender, options) {
-            _this.onCanModifyTheme.fire(_this, options);
+        this.model.onAllowModifyTheme.add(function (sender, options) {
+            _this.onAllowModifyTheme.fire(_this, options);
         });
     };
     ThemeTabPlugin.prototype.deactivate = function () {
@@ -16727,8 +16763,8 @@ var ThemeTabPlugin = /** @class */ (function () {
             this.simulatorTheme = this.model.simulator.survey.css;
             this.model.onPropertyChanged.clear();
             this.model.onThemeSelected.clear();
-            this.model.onThemeModified.clear();
-            this.model.onCanModifyTheme.clear();
+            this.model.onThemePropertyChanged.clear();
+            this.model.onAllowModifyTheme.clear();
             this.model.onSurveyCreatedCallback = undefined;
             this.model.dispose();
             this.model = undefined;
@@ -16821,7 +16857,7 @@ var ThemeTabPlugin = /** @class */ (function () {
             id: "svd-save-theme",
             iconName: "icon-save",
             action: function () {
-                _this.creator.doSaveTheme();
+                _this.creator.saveThemeActionHandler();
                 _this.saveThemeAction.enabled = false;
             },
             active: false,
@@ -16956,18 +16992,31 @@ var ThemeTabPlugin = /** @class */ (function () {
         this.creator.footerToolbar.actions.push(this.themeSettingsAction);
     };
     Object.defineProperty(ThemeTabPlugin.prototype, "availableThemes", {
+        /**
+         * A list of UI themes from which users can select. You can sort this list if you want to reorder themes in Theme Editor.
+         * @see addTheme
+         * @see removeTheme
+         */
         get: function () {
             return [].concat(this._availableThemes);
         },
-        set: function (availebleThemes) {
-            this._availableThemes = availebleThemes || [];
+        set: function (availableThemes) {
+            this._availableThemes = availableThemes || [];
             if (!!this.model) {
-                this.model.availableThemes = availebleThemes;
+                this.model.availableThemes = availableThemes;
             }
         },
         enumerable: false,
         configurable: true
     });
+    /**
+     * Adds a new UI theme to Theme Editor.
+     * @param theme A [UI theme](https://surveyjs.io/form-library/documentation/api-reference/itheme) to add.
+     * @param setAsDefault For internal use.
+     * @returns An identifier of the added theme, which is a concatenation of the [`themeName`](https://surveyjs.io/form-library/documentation/api-reference/itheme#themeName), [`colorPalette`](https://surveyjs.io/form-library/documentation/api-reference/itheme#colorPalette), and [`isPanelless`](https://surveyjs.io/form-library/documentation/api-reference/itheme#isPanelless) settings (for example, `"default-dark-panelless"`).
+     * @see removeTheme
+     * @see getCurrentTheme
+     */
     ThemeTabPlugin.prototype.addTheme = function (theme, setAsDefault) {
         if (setAsDefault === void 0) { setAsDefault = false; }
         var fullThemeName = Object(_themes__WEBPACK_IMPORTED_MODULE_4__["getThemeFullName"])(theme);
@@ -16987,8 +17036,15 @@ var ThemeTabPlugin = /** @class */ (function () {
         }
         return fullThemeName;
     };
-    ThemeTabPlugin.prototype.removeTheme = function (themeAccessor, withModifications) {
-        if (withModifications === void 0) { withModifications = false; }
+    /**
+     * Removes a UI theme from Theme Editor.
+     * @param themeAccessor A [UI theme](https://surveyjs.io/form-library/documentation/api-reference/itheme) to delete or a theme identifier, which is a concatenation of the [`themeName`](https://surveyjs.io/form-library/documentation/api-reference/itheme#themeName), [`colorPalette`](https://surveyjs.io/form-library/documentation/api-reference/itheme#colorPalette), and [`isPanelless`](https://surveyjs.io/form-library/documentation/api-reference/itheme#isPanelless) settings (for example, `"default-dark-panelless"`).
+     * @param includeModifications Pass `true` to delete not only the specified UI theme, but also all other themes with the same `themeName` value (dark/light and panelless modifications).
+     * @see addTheme
+     * @see getCurrentTheme
+     */
+    ThemeTabPlugin.prototype.removeTheme = function (themeAccessor, includeModifications) {
+        if (includeModifications === void 0) { includeModifications = false; }
         var themeToDelete = typeof themeAccessor === "string" ? _themes__WEBPACK_IMPORTED_MODULE_4__["Themes"][themeAccessor] : themeAccessor;
         var fullThemeName = typeof themeAccessor === "string" ? themeAccessor : Object(_themes__WEBPACK_IMPORTED_MODULE_4__["getThemeFullName"])(themeToDelete);
         if (!!themeToDelete) {
@@ -16998,10 +17054,10 @@ var ThemeTabPlugin = /** @class */ (function () {
             }
             var registeredThemeNames = Object.keys(_themes__WEBPACK_IMPORTED_MODULE_4__["Themes"]);
             var themeModifications = registeredThemeNames.filter(function (themeName) { return themeName.indexOf(themeToDelete.themeName + "-") === 0; });
-            if (withModifications && themeModifications.length > 0) {
+            if (includeModifications && themeModifications.length > 0) {
                 themeModifications.forEach(function (themeModificationFullName) { return delete _themes__WEBPACK_IMPORTED_MODULE_4__["Themes"][themeModificationFullName]; });
             }
-            if (withModifications || themeModifications.length === 0) {
+            if (includeModifications || themeModifications.length === 0) {
                 var themeIndex = this._availableThemes.indexOf(themeToDelete.themeName);
                 if (themeIndex !== -1) {
                     var availableThemes = this.availableThemes;
@@ -17011,9 +17067,17 @@ var ThemeTabPlugin = /** @class */ (function () {
             }
         }
     };
-    ThemeTabPlugin.prototype.getCurrentTheme = function (content) {
-        if (content === void 0) { content = "full"; }
-        if (content === "full") {
+    /**
+     * Returns a JSON object that describes the currently applied UI theme.
+     * @param changesOnly Pass `true` to get a JSON object that contains only changed theme settings instead of a full theme JSON schema.
+     * @returns A currently applied [theme JSON schema](https://surveyjs.io/form-library/documentation/api-reference/itheme).
+     * @see availableThemes
+     * @see addTheme
+     * @see removeTheme
+     */
+    ThemeTabPlugin.prototype.getCurrentTheme = function (changesOnly) {
+        if (changesOnly === void 0) { changesOnly = false; }
+        if (!changesOnly) {
             return this.creator.theme;
         }
         return this.getThemeChanges();
@@ -17035,13 +17099,18 @@ var ThemeTabPlugin = /** @class */ (function () {
         themeChanges.isPanelless = !!fullTheme.isPanelless;
         return themeChanges;
     };
-    Object.defineProperty(ThemeTabPlugin.prototype, "isThemePristine", {
+    Object.defineProperty(ThemeTabPlugin.prototype, "isModified", {
+        /**
+         * Indicates whether the selected theme has been modified.
+         * @see [`creator.saveTheme()`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#saveTheme)
+         * @see [`creator.saveThemeFunc`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#saveThemeFunc)
+         */
         get: function () {
             var currentThemeChanges = this.getThemeChanges();
             var hasCssModifications = Object.keys(currentThemeChanges.cssVariables).length > 0;
             var hasBackgroundModifications = Object.keys(currentThemeChanges).some(function (propertyName) { return propertyName.toLowerCase().indexOf("background") !== -1; });
             var hasHeaderModifications = !!currentThemeChanges.header && Object.keys(currentThemeChanges.header).length === 0;
-            return !(hasCssModifications || hasBackgroundModifications || hasHeaderModifications);
+            return hasCssModifications || hasBackgroundModifications || hasHeaderModifications;
         },
         enumerable: false,
         configurable: true
@@ -18305,7 +18374,7 @@ var TranslationGroup = /** @class */ (function (_super) {
             !!property.serializationProperty) {
             var locStr = obj[property.serializationProperty];
             if (!!locStr &&
-                obj.getType() != "page" &&
+                !obj.isPage &&
                 (!!locStr.onGetTextCallback || locStr["onRenderedHtmlCallback"]))
                 return obj["name"];
         }
@@ -20375,7 +20444,7 @@ var CreatorBase = /** @class */ (function (_super) {
          * @see allowChangeThemeInPreview
          */
         _this.themeForPreview = "defaultV2";
-        _this.isThemeModified = false;
+        _this.hasPendingThemeChanges = false;
         _this._theme = { cssVariables: {} };
         //#endregion Theme
         _this._allowModifyPages = true;
@@ -20570,7 +20639,7 @@ var CreatorBase = /** @class */ (function (_super) {
         _this.updateToolboxIsCompact();
         _this.initTabs();
         _this.initDragDrop();
-        _this.saveSurveyAndTheme = _this.options.saveSurveyAndTheme;
+        _this.syncSaveButtons = _this.options.saveSurveyAndTheme !== undefined ? _this.options.saveSurveyAndTheme : _this.options.syncSaveButtons;
         _this.isTouch = survey_core__WEBPACK_IMPORTED_MODULE_1__["IsTouch"];
         var expandAction = _this.sidebar.getExpandAction();
         !!expandAction && _this.toolbar.actions.push(expandAction);
@@ -20795,13 +20864,26 @@ var CreatorBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CreatorBase.prototype, "saveThemeFunc", {
+    Object.defineProperty(CreatorBase.prototype, "themeEditor", {
         //#region Theme
+        /**
+         * An object that enables you to manage UI themes. Refer to the following API section for information on available properties, methods, and events: [`ThemeTabPlugin`](https://surveyjs.io/survey-creator/documentation/api-reference/themetabplugin).
+         * @see showThemeTab
+         * @see saveThemeFunc
+         */
+        get: function () {
+            return this.getPlugin("theme");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CreatorBase.prototype, "saveThemeFunc", {
         /**
          * A function that is called each time users click the [Save button](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#showSaveButton) or [auto-save](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#isAutoSave) is triggered to save a theme JSON object.
          *
          * For more information, refer to the [Save and Load Custom Themes](https://surveyjs.io/survey-creator/documentation/theme-editor#save-and-load-custom-themes) help topic.
          * @see showThemeTab
+         * @see themeEditor
          * @see saveSurveyFunc
          */
         get: function () {
@@ -20819,7 +20901,7 @@ var CreatorBase = /** @class */ (function (_super) {
         },
         set: function (newTheme) {
             this._theme = newTheme;
-            this.isThemeModified = true;
+            this.hasPendingThemeChanges = true;
             if (this.activeTab !== "theme") {
                 this.updatePlugin(this.activeTab);
             }
@@ -20837,7 +20919,7 @@ var CreatorBase = /** @class */ (function (_super) {
                     return;
                 if (isSuccess) {
                     _this.setState("saved");
-                    _this.isThemeModified = false;
+                    _this.hasPendingThemeChanges = false;
                 }
                 else {
                     _this.setState("modified");
@@ -20849,12 +20931,20 @@ var CreatorBase = /** @class */ (function (_super) {
             });
         }
     };
-    CreatorBase.prototype.doSaveTheme = function () {
-        if (this.saveSurveyAndTheme) {
-            this.doSaveSurveyAndTheme();
+    /**
+     * Calls the [`saveThemeFunc`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#saveThemeFunc) function to save the theme JSON schema.
+     * @see saveSurvey
+     * @see save
+     */
+    CreatorBase.prototype.saveTheme = function () {
+        this._doSaveThemeCore();
+    };
+    CreatorBase.prototype.saveThemeActionHandler = function () {
+        if (this.syncSaveButtons) {
+            this.save();
         }
         else {
-            this._doSaveThemeCore();
+            this.saveTheme();
         }
     };
     Object.defineProperty(CreatorBase.prototype, "allowModifyPages", {
@@ -21439,15 +21529,10 @@ var CreatorBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CreatorBase.prototype, "isInitialSurveyEmpty", {
-        /**
-         * Returns true if initial survey was empty. It was not set via JSON property and default new survey is empty as well.
-         * @returns true if initial survey doesn't have any elements or properties
-         */
-        get: function () { return this.isInitialSurveyEmptyValue; },
-        enumerable: false,
-        configurable: true
-    });
+    /**
+     * Returns true if initial survey was empty. It was not set via JSON property and default new survey is empty as well.
+     * @returns true if initial survey doesn't have any elements or properties
+     */
     CreatorBase.prototype.initSurveyWithJSON = function (json, clearState) {
         var _this = this;
         if (!json) {
@@ -21461,7 +21546,6 @@ var CreatorBase = /** @class */ (function (_super) {
         survey.setDesignMode(true);
         survey.lazyRendering = true;
         survey.setJsonObject(json);
-        this.isInitialSurveyEmptyValue = survey.isEmpty;
         if (survey.isEmpty) {
             survey.setJsonObject(this.getDefaultSurveyJson());
         }
@@ -22026,7 +22110,7 @@ var CreatorBase = /** @class */ (function (_super) {
             this.newQuestionChangedNames[element.name] = newName;
             element.name = newName;
         }
-        if (element.isPanel || elType == "page") {
+        if (element.isPanel || element.isPage) {
             if (element.isPanel) {
                 this.newPanels.push(element);
             }
@@ -22143,9 +22227,9 @@ var CreatorBase = /** @class */ (function (_super) {
             this.selectElement(!!newPage ? newPage : this.survey);
         }
         else {
-            if (this.isInitialSurveyEmpty && this.survey.pageCount === 1) {
+            if (this.survey.pageCount === 1) {
                 var page = this.survey.pages[0];
-                if (page.elements.length === 1 && obj === page.elements[0]) {
+                if (page.elements.length === 1 && obj === page.elements[0] && !_survey_helper__WEBPACK_IMPORTED_MODULE_9__["SurveyHelper"].isPagePropertiesAreModified(page)) {
                     this.deleteObjectCore(page);
                     return;
                 }
@@ -22541,7 +22625,7 @@ var CreatorBase = /** @class */ (function (_super) {
         if (objIndex == elements.length - 1) {
             objIndex--;
         }
-        if (this.pageEditMode === "single" && parent.getType() === "page") {
+        if (this.pageEditMode === "single" && parent.isPage) {
             parent = this.survey;
         }
         if (obj["questions"]) {
@@ -22865,12 +22949,23 @@ var CreatorBase = /** @class */ (function (_super) {
             });
         }
     };
+    /**
+     * Calls the [`saveSurveyFunc`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#saveSurveyFunc) function to save the survey JSON schema.
+     * @see saveTheme
+     * @see save
+     */
+    CreatorBase.prototype.saveSurvey = function () {
+        this._doSaveCore();
+    };
     CreatorBase.prototype.doSave = function () {
-        if (this.saveSurveyAndTheme) {
-            this.doSaveSurveyAndTheme();
+        this._doSaveCore();
+    };
+    CreatorBase.prototype.saveSurveyActionHandler = function () {
+        if (this.syncSaveButtons) {
+            this.save();
         }
         else {
-            this._doSaveCore();
+            this.saveSurvey();
         }
     };
     CreatorBase.prototype._updateSaveActions = function () {
@@ -22879,18 +22974,23 @@ var CreatorBase = /** @class */ (function (_super) {
             action.enabled = this.state === "modified";
             action.active = this.state === "modified";
         }
-        if (this.saveSurveyAndTheme) {
+        if (this.syncSaveButtons) {
             var action_1 = this._findAction("svd-save-theme");
             if (action_1) {
-                action_1.enabled = this.isThemeModified;
-                action_1.active = this.isThemeModified;
+                action_1.enabled = this.hasPendingThemeChanges;
+                action_1.active = this.hasPendingThemeChanges;
             }
         }
     };
-    CreatorBase.prototype.doSaveSurveyAndTheme = function () {
+    /**
+     * Calls the [`saveSurveyFunc`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#saveSurveyFunc) and [`saveThemeFunc`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#saveThemeFunc) functions to save the survey and theme JSON schemas.
+     * @see saveSurvey
+     * @see saveTheme
+     */
+    CreatorBase.prototype.save = function () {
         var _this = this;
         var themeSaveHandler = function () {
-            if (_this.isThemeModified) {
+            if (_this.hasPendingThemeChanges) {
                 _this._doSaveThemeCore(function () {
                     _this._updateSaveActions();
                 });
@@ -23182,17 +23282,17 @@ var CreatorBase = /** @class */ (function (_super) {
                 }
                 if (val) {
                     target.onModified.add(target._syncSaveActions);
-                    themeTabPlugin.onThemeModified.add(target._syncSaveActions);
+                    themeTabPlugin.onThemePropertyChanged.add(target._syncSaveActions);
                     themeTabPlugin.onThemeSelected.add(target._syncSaveActions);
                 }
                 else {
                     target.onModified.remove(target._syncSaveActions);
-                    themeTabPlugin.onThemeModified.remove(target._syncSaveActions);
+                    themeTabPlugin.onThemePropertyChanged.remove(target._syncSaveActions);
                     themeTabPlugin.onThemeSelected.remove(target._syncSaveActions);
                 }
             },
         })
-    ], CreatorBase.prototype, "saveSurveyAndTheme", void 0);
+    ], CreatorBase.prototype, "syncSaveButtons", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
     ], CreatorBase.prototype, "showSaveButton", void 0);
@@ -25574,7 +25674,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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__);
 var Version;
-Version = "" + "1.9.118";
+Version = "" + "1.9.119";
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -25665,7 +25765,7 @@ __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.118", "survey-creator-core");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_72__["checkLibraryVersion"])("" + "1.9.119", "survey-creator-core");
 
 
 /***/ }),
@@ -29715,7 +29815,8 @@ var propertyGridCss = {
     panel: {
         title: "spg-title spg-panel__title",
         titleExpandable: "spg-panel__title--expandable",
-        titleOnExpand: "spg-panel__title--expanded",
+        titleExpanded: "spg-panel__title--expanded",
+        titleCollapsed: "spg-panel__title--collapsed",
         titleOnError: "spg-panel__title--error",
         description: "spg-description spg-panel__description",
         container: "spg-panel spg-row__panel",
@@ -37234,6 +37335,17 @@ var SurveyHelper = /** @class */ (function () {
     SurveyHelper.isPageNameAutoGenerated = function (name) {
         return SurveyHelper.isNameAutoGenerated(name, _editorLocalization__WEBPACK_IMPORTED_MODULE_1__["editorLocalization"].getString("ed.newPageName"));
     };
+    SurveyHelper.isPagePropertiesAreModified = function (page) {
+        if (!SurveyHelper.isPageNameAutoGenerated(page.name))
+            return true;
+        var json = page.toJSON();
+        delete json["name"];
+        delete json["elements"];
+        //If there is at least one property in page is set, then return true
+        for (var key in json)
+            return true;
+        return false;
+    };
     SurveyHelper.getNewQuestionName = function (objs) {
         return SurveyHelper.getNewName(objs, _editorLocalization__WEBPACK_IMPORTED_MODULE_1__["editorLocalization"].getString("ed.newQuestionName"));
     };
@@ -37275,15 +37387,15 @@ var SurveyHelper = /** @class */ (function () {
     SurveyHelper.getObjectType = function (obj) {
         if (!obj || !obj["getType"])
             return ObjType.Unknown;
-        if (obj.getType() == "page")
+        if (obj.isPage)
             return ObjType.Page;
-        if (obj.getType() == "panel")
+        if (obj.isPanel)
             return ObjType.Panel;
         if (obj.getType() == "survey")
             return ObjType.Survey;
         if (obj.getType() == "matrixdropdowncolumn")
             return ObjType.Column;
-        if (obj["name"])
+        if (obj.isQuestion)
             return ObjType.Question;
         return ObjType.Unknown;
     };
@@ -38381,6 +38493,8 @@ var QuestionToolbox = /** @class */ (function (_super) {
      * @param name
      */
     QuestionToolbox.prototype.getItemByName = function (name) {
+        if (!name)
+            return null;
         var index = this.indexOf(name);
         return index > -1 ? this.actions[index] : null;
     };
@@ -38476,6 +38590,79 @@ var QuestionToolbox = /** @class */ (function (_super) {
         }
         this.onItemsChanged();
     };
+    /**
+     * Defines toolbox categories from scratch.
+     *
+     * This method accepts an array of objects as the `categories` parameter. Each object defines a single category and lists items included into it. Unlisted items can be collected in the Misc category if you pass `true` as the `displayMisc` parameter. Optionally, you can override display titles for individual items.
+     *
+     * The following code defines two toolbox categories: Dropdowns and Text Input. Items that do not fall into either category are collected in Misc. The `"comment"` item has a custom display title.
+     *
+     * ```
+     * creator.toolbox.defineCategories([{
+     *   category: "Dropdowns",
+     *   items: [
+     *     "dropdown",
+     *     "tagbox"
+     *   ]
+     * }, {
+     *   category: "Text Input",
+     *   items: [
+     *     "text",
+     *     // Override the display title
+     *     { name: "comment", title: "Multi-Line Input" }
+     *   ]
+     * }], true);
+     * ```
+     *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/survey-toolbox-categories/ (linkStyle))
+     * @param categories An array of new categories.
+     * @param displayMisc Pass `true` if you want to collect unlisted toolbox items in the Misc category. Default value: `false`.
+     */
+    QuestionToolbox.prototype.defineCategories = function (categories, displayMisc) {
+        var _this = this;
+        if (displayMisc === void 0) { displayMisc = false; }
+        if (!Array.isArray(categories))
+            return;
+        this.actions.forEach(function (item) {
+            item.visible = false;
+        });
+        var actionList = new Array();
+        categories.forEach(function (category) {
+            if (!Array.isArray(category.items))
+                return;
+            category.items.forEach(function (obj) {
+                var name = undefined;
+                var title = undefined;
+                if (typeof obj === "string") {
+                    name = obj;
+                }
+                else {
+                    name = obj.name;
+                    title = obj.title;
+                }
+                var item = _this.getItemByName(name);
+                if (item) {
+                    item.category = category.category;
+                    item.visible = true;
+                    if (!!title) {
+                        item.title = title;
+                    }
+                    actionList.push(item);
+                }
+            });
+        });
+        this.actions.forEach(function (item) {
+            if (!item.visible) {
+                if (displayMisc) {
+                    item.visible = true;
+                    item.category = _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getString("ed.toolboxMiscCategory");
+                }
+                actionList.push(item);
+            }
+        });
+        this.setItems(actionList);
+        this.onItemsChanged(false);
+    };
     /**
      * Removes categories from the Toolbox.
      */
@@ -38561,12 +38748,15 @@ var QuestionToolbox = /** @class */ (function (_super) {
         }
         return null;
     };
-    QuestionToolbox.prototype.onItemsChanged = function () {
+    QuestionToolbox.prototype.onItemsChanged = function (changeActions) {
+        if (changeActions === void 0) { changeActions = true; }
         var categories = new Array();
         var categoriesHash = {};
         var prevActiveCategory = this.activeCategory;
         for (var i = 0; i < this.actions.length; i++) {
             var item = this.actions[i];
+            if (item.visible === false)
+                continue;
             var categoryName = item.category ? item.category : _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getString("ed.toolboxGeneralCategory");
             if (!categoriesHash[categoryName]) {
                 var category = this.createCategory();
@@ -38593,11 +38783,13 @@ var QuestionToolbox = /** @class */ (function (_super) {
                 }
             }
         }
-        var newItems = [];
-        this.categories.forEach(function (cat) {
-            newItems = newItems.concat(cat.items);
-        });
-        this.actions = newItems;
+        if (changeActions) {
+            var newItems_1 = [];
+            this.categories.forEach(function (cat) {
+                newItems_1 = newItems_1.concat(cat.items);
+            });
+            this.actions = newItems_1;
+        }
         this.hasCategories = categories.length > 1;
         //this.updateCategoriesState();
         this.updateItemSeparators();