survey-creator-core 2.0.7 → 2.0.9

package/survey-creator-core.i18n.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v2.0.7
+ * SurveyJS Creator v2.0.9
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/survey-creator-core.i18n.min.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v2.0.7
+ * SurveyJS Creator v2.0.9
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v2.0.7
+ * SurveyJS Creator v2.0.9
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -54,11 +54,22 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+var SurveyElementResponsivityManager = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SurveyElementResponsivityManager, _super);
+    function SurveyElementResponsivityManager(container, model) {
+        return _super.call(this, container, model) || this;
+    }
+    SurveyElementResponsivityManager.prototype.shouldProcessResponsiveness = function () {
+        return this["model"].isResponsivenessAllowed && _super.prototype.shouldProcessResponsiveness.call(this);
+    };
+    return SurveyElementResponsivityManager;
+}(survey_core__WEBPACK_IMPORTED_MODULE_1__.ResponsivityManager));
 var SurveyElementActionContainer = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SurveyElementActionContainer, _super);
     function SurveyElementActionContainer() {
         var _this = _super.call(this) || this;
         _this.alwaysShrink = false;
+        _this._isResponsivenessAllowed = false;
         _this.dotsItem.iconSize = "auto";
         _this.dotsItem.popupModel.cssClass += " svc-creator-popup";
         _this.hiddenItemsListModel.cssClasses = _list_theme__WEBPACK_IMPORTED_MODULE_2__.listComponentCss;
@@ -136,6 +147,22 @@ var SurveyElementActionContainer = /** @class */ (function (_super) {
         }
         this.hiddenItemsListModel.setItems(items.filter(function (i) { return i.mode == "popup"; }).map(function (i) { return i.innerItem; }));
     };
+    SurveyElementActionContainer.prototype.allowResponsiveness = function () {
+        if (!this._isResponsivenessAllowed) {
+            this._isResponsivenessAllowed = true;
+            this.updateCallback && this.updateCallback(true);
+        }
+    };
+    Object.defineProperty(SurveyElementActionContainer.prototype, "isResponsivenessAllowed", {
+        get: function () {
+            return this._isResponsivenessAllowed;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyElementActionContainer.prototype.createResponsivityManager = function (container) {
+        return new SurveyElementResponsivityManager(container, this);
+    };
     return SurveyElementActionContainer;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__.AdaptiveActionContainer));
 
@@ -3143,18 +3170,26 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         return newAction;
     };
     QuestionAdornerViewModel.prototype.jsonsAreCompatible = function (objJson, json) {
-        var _this = this;
-        var jsonIsCorresponded = true;
-        Object.keys(json).forEach(function (p) {
-            var question = survey_core__WEBPACK_IMPORTED_MODULE_1__.QuestionFactory.Instance.createQuestion(objJson.type, "question") || _this.element;
-            var propertyValue = objJson[p] === undefined ? question.getDefaultPropertyValue(p) : objJson[p];
-            if (p != "type" && !survey_core__WEBPACK_IMPORTED_MODULE_1__.Helpers.isTwoValueEquals(json[p], propertyValue))
-                jsonIsCorresponded = false;
-        });
-        return jsonIsCorresponded;
+        var question = this.element;
+        if (!!objJson && !!objJson.type && question.getType() !== objJson.type) {
+            question = survey_core__WEBPACK_IMPORTED_MODULE_1__.QuestionFactory.Instance.createQuestion(objJson.type, "question") || this.element;
+        }
+        var keys = Object.keys(json);
+        for (var i = 0; i < keys.length; i++) {
+            var p = keys[i];
+            if (!objJson && p === "type")
+                continue;
+            var propertyValue = !!objJson ? objJson[p] : question.getPropertyValue(p);
+            if (!!objJson && propertyValue === undefined) {
+                propertyValue = p === "type" ? question.getType() : question.getDefaultPropertyValue(p);
+            }
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__.Helpers.isTwoValueEquals(json[p], propertyValue))
+                return false;
+        }
+        return true;
     };
     QuestionAdornerViewModel.prototype.jsonIsCorresponded = function (json) {
-        return this.jsonsAreCompatible(this.element.toJSON(), json);
+        return this.jsonsAreCompatible(undefined, json);
     };
     QuestionAdornerViewModel.prototype.toolboxItemIsCorresponded = function (toolboxItem, someItemSelectedAlready) {
         var elementType = this.element.getType();
@@ -5548,6 +5583,29 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+function debounce(func, delay) {
+    var timeout;
+    return function () {
+        var _this = this;
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        clearTimeout(timeout);
+        timeout = setTimeout(function () {
+            func.apply(_this, args);
+        }, delay);
+    };
+}
+var updateRowsVisibility = debounce(function (target) {
+    if (target.creator.rootElement.getAnimations({ subtree: true }).filter((function (animation) { return animation.effect.getComputedTiming().activeDuration !== Infinity && (animation.pending || animation.playState !== "finished"); }))[0]) {
+        updateRowsVisibility(target);
+    }
+    else {
+        target.creator.survey.pages.forEach(function (p) { return p.ensureRowsVisibility(); });
+        target.creator.survey.getAllPanels().forEach(function (p) { return p.ensureRowsVisibility(); });
+    }
+}, 50);
 var SurveyElementAdornerBase = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SurveyElementAdornerBase, _super);
     function SurveyElementAdornerBase(creator, surveyElement) {
@@ -5609,6 +5667,7 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
             this.hoverTimeout = undefined;
             this.isHovered = false;
         }
+        this.actionContainer.allowResponsiveness();
     };
     SurveyElementAdornerBase.prototype.getExpandCollapseAnimationOptions = function () {
         var _this = this;
@@ -5810,6 +5869,9 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
                 _this.onElementSelectedChanged(newValue);
             }, "questionSelected");
             this.restoreState();
+            if (surveyElement.getPropertyValue("isSelectedInDesigner")) {
+                this.actionContainer.allowResponsiveness();
+            }
             this.updateActionsContainer(surveyElement);
             this.updateActionsProperties();
             surveyElement.setPropertyValue(SurveyElementAdornerBase.AdornerValueName, this);
@@ -5864,6 +5926,7 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
         if (!isSelected)
             return;
         this.updateActionsProperties();
+        this.actionContainer.allowResponsiveness();
     };
     SurveyElementAdornerBase.prototype.getExpandCollapseAction = function () {
         var _this = this;
@@ -6045,17 +6108,16 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
     ], SurveyElementAdornerBase.prototype, "allowExpandCollapse", void 0);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({
-            onSet: function (val, target) {
+            onSet: function (val, target, prevVal) {
                 target.renderedCollapsed = val;
                 if (!val)
                     target.needToRenderContent = true;
                 if (target.creator.designerStateManager && target.surveyElement) {
                     target.creator.designerStateManager.setElementCollapsed(target.surveyElement, val);
                 }
-                setTimeout(function () {
-                    target.creator.survey.pages.forEach(function (p) { return p.ensureRowsVisibility(); });
-                    target.creator.survey.getAllPanels().forEach(function (p) { return p.ensureRowsVisibility(); });
-                }, 50);
+                if (!!val !== !!prevVal) {
+                    updateRowsVisibility(target);
+                }
             }
         })
     ], SurveyElementAdornerBase.prototype, "collapsed", void 0);
@@ -14929,6 +14991,8 @@ var ThemeTabPlugin = /** @class */ (function () {
          * A `ThemeTabPlugin` instance that raised the event.
          * - `options.theme`: [`ITheme`](https://surveyjs.io/form-library/documentation/api-reference/itheme)\
          * A selected theme.
+         *
+         * [View Demo](https://surveyjs.io/survey-creator/examples/save-custom-theme/ (linkStyle))
          * @see availableThemes
          * @see addTheme
          * @see removeTheme
@@ -18279,6 +18343,7 @@ var TranslationEditor = /** @class */ (function () {
     TranslationEditor.prototype.setupNavigationButtons = function (survey) {
         var _this = this;
         var navigationBar = new _action_container_view_model__WEBPACK_IMPORTED_MODULE_11__.SurveyElementActionContainer();
+        navigationBar.allowResponsiveness();
         survey["navigationBarValue"] = navigationBar;
         survey.findLayoutElement("buttons-navigation").data = navigationBar;
         navigationBar.locOwner = survey;
@@ -18924,11 +18989,11 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          */
         _this.onDefineElementMenuItems = _this.onElementGetActions;
         /**
-         * An event that is raised when Survey Creator adds properties to a survey element selected on the design surface. Handle this event if you cancel the addition of certain properties and thus [hide them from the Property Grid](https://surveyjs.io/survey-creator/documentation/property-grid-customization#hide-properties-from-the-property-grid).
+         * An event that is raised when Survey Creator adds properties to a survey element selected on the design surface. Handle this event if you want to cancel the addition of certain properties and thus [hide them from the Property Grid](https://surveyjs.io/survey-creator/documentation/property-grid-customization#hide-properties-from-the-property-grid).
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](https://surveyjs.io/survey-creator/examples/hide-category-from-property-grid/ (linkStyle))
+         * [View Demo](https://surveyjs.io/survey-creator/examples/remove-properties-from-property-grid/ (linkStyle))
          */
         _this.onPropertyShowing = _this.addCreatorEvent();
         _this.onCanShowProperty = _this.onPropertyShowing;
@@ -18947,7 +19012,11 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          */
         _this.onPropertyEditorCreated = _this.addCreatorEvent();
         /**
-         * 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.
+         * An event that is raised when title actions are added to a property editor. Title actions are most often used to reveal property hints. Handle this event you want to add, remove, or modify the title actions.
+         *
+         * For information on event handler parameters, refer to descriptions within the interface.
+         *
+         * [View Demo](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#onPropertyEditorUpdateTitleActions (linkStyle))
          */
         _this.onPropertyEditorUpdateTitleActions = _this.addCreatorEvent();
         /**
@@ -19212,6 +19281,10 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          * });
          * ```
          *
+         * [Multilingual Form Demo](https://surveyjs.io/survey-creator/examples/create-multilingual-forms/ (linkStyle))
+         *
+         * [AI-Powered Translation Demo](https://surveyjs.io/survey-creator/examples/ai-translation/ (linkStyle))
+         *
          * > 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
          */
@@ -19229,6 +19302,10 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         _this.onTranslationItemChanging = _this.addCreatorEvent();
         /**
          * An event that is raised when users drag and drop survey elements within the design surface. Use this event to control drag and drop operations.
+         *
+         * For information on event handler parameters, refer to descriptions within the interface.
+         *
+         * [View Demo](https://surveyjs.io/survey-creator/examples/page-break-and-page-merge/ (linkStyle))
          * @see onDragStart
          * @see onDragEnd
          */
@@ -19310,6 +19387,8 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          * Specifies whether Survey Creator UI elements display survey, page, and question titles instead of their names.
          *
          * Default value: `false`
+         *
+         * [View Demo](https://surveyjs.io/survey-creator/examples/dynamically-modify-newly-added-questions/ (linkStyle))
          * @see onElementGetDisplayName
          */
         _this.useElementTitles = false;
@@ -19521,6 +19600,8 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          * Specifies whether to clear translations to other languages when a source language translation is changed.
          *
          * Default value: `false`
+         *
+         * [View Demo](https://surveyjs.io/survey-creator/examples/ai-translation/ (linkStyle))
          * @see showTranslationTab
          */
         _this.clearTranslationsOnSourceTextChange = false;
@@ -19561,7 +19642,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     SurveyCreatorModel.prototype.getLocale = function () { return this.locale; };
     Object.defineProperty(SurveyCreatorModel.prototype, "showPreviewTab", {
         /**
-         * Specifies whether to display the Preview tab.
+         * Specifies whether to display the [Preview](https://surveyjs.io/survey-creator/documentation/end-user-guide/user-interface#preview-tab) tab.
          *
          * Default value: `true`
          * @see activeTab
@@ -19613,6 +19694,10 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          *
          * - `"buttons"` (default)
          * The Property Grid displays the properties of a currently selected category. Users can switch between categories using buttons on the right side of the Property Grid.
+         *
+         * [Accordion Mode Demo](https://surveyjs.io/survey-creator/examples/property-grid-accordion-view/ (linkStyle))
+         *
+         * [Buttons Mode Demo](https://surveyjs.io/survey-creator/examples/free-nps-survey-template/ (linkStyle))
          */
         get: function () {
             return this.showOneCategoryInPropertyGrid ? "buttons" : "accordion";
@@ -19731,6 +19816,8 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          *
          * - `"bypage"`
          * Questions and panels are divided between pages. Users can use the page navigator to switch to a required page.
+         *
+         * [View Page-By-Page Mode Demo](https://surveyjs.io/survey-creator/examples/page-level-editing/ (linkStyle))
          * @see allowModifyPages
          */
         get: function () {
@@ -20015,6 +20102,8 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         //#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).
+         *
+         * [View Demo](https://surveyjs.io/survey-creator/examples/save-custom-theme/ (linkStyle))
          * @see showThemeTab
          * @see saveThemeFunc
          */
@@ -20029,6 +20118,8 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          * 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#autoSaveEnabled) 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.
+         *
+         * [View Demo](https://surveyjs.io/survey-creator/examples/change-form-theme/ (linkStyle))
          * @see showThemeTab
          * @see themeEditor
          * @see saveSurveyFunc
@@ -20446,6 +20537,8 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          * Specifies whether to show the sidebar that displays the Property Grid.
          *
          * Default value: `true`
+         *
+         * [View Demo](https://surveyjs.io/survey-creator/examples/customize-property-editors/ (linkStyle))
          * @see sidebarLocation
          */
         get: function () {
@@ -22054,6 +22147,8 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     };
     /**
      * Activates a specified category in Property Grid. Applies only if [`propertyGridNavigationMode`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#propertyGridNavigationMode) is `"buttons"`.
+     *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/add-properties-to-property-grid/ (linkStyle))
      * @param name A [category name](https://surveyjs.io/form-library/documentation/customize-question-types/add-custom-properties-to-a-form#category).
      */
     SurveyCreatorModel.prototype.activatePropertyGridCategory = function (name) {
@@ -22656,6 +22751,8 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
      * 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.
+     *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/ai-translation/ (linkStyle))
      * @param locales An array of locale codes that correspond to target languages, for example, `[ "de", "fr" ]`.
      */
     SurveyCreatorModel.prototype.startMachineTranslationTo = function (locales) {
@@ -22761,6 +22858,8 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          * 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#autoSaveEnabled) is triggered to save a survey JSON schema.
          *
          * For more information, refer to the Save and Load Survey Model Schemas help topic for your framework: [Angular](https://surveyjs.io/survey-creator/documentation/get-started-angular#save-and-load-survey-model-schemas) | [Vue](https://surveyjs.io/survey-creator/documentation/get-started-vue#save-and-load-survey-model-schemas) | [React](https://surveyjs.io/survey-creator/documentation/get-started-react#save-and-load-survey-model-schemas) | [HTML/CSS/JavaScript](https://surveyjs.io/survey-creator/documentation/get-started-html-css-javascript#save-and-load-survey-model-schemas).
+         *
+         * [View Demo](https://surveyjs.io/survey-creator/examples/set-how-survey-configuration-changes-are-saved/ (linkStyle))
          * @see saveThemeFunc
          */
         get: function () {
@@ -45419,6 +45518,8 @@ var QuestionToolbox = /** @class */ (function (_super) {
     };
     /**
      * Adds a new item to the Toolbox.
+     *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/page-break-and-page-merge/ (linkStyle))
      * @param item A [toolbox item configuration](https://surveyjs.io/survey-creator/documentation/api-reference/iquestiontoolboxitem).
      * @param index *(Optional)* A zero-based index at which to insert the item. If you do not specify this parameter, the item is added to the end.
      * @see removeItem
@@ -45497,6 +45598,8 @@ var QuestionToolbox = /** @class */ (function (_super) {
     };
     /**
      * Returns a [toolbox item](https://surveyjs.io/survey-creator/documentation/api-reference/questiontoolboxitem) with a specified name.
+     *
+     * [View Toolbox Customization Demo](https://surveyjs.io/survey-creator/examples/survey-toolbox-customization/ (linkStyle))
      * @param name A toolbox item's [`name`](https://surveyjs.io/survey-creator/documentation/api-reference/iquestiontoolboxitem#name).
      * @returns A toolbox item or `null` if a toolbox item with the specified name isn't found.
      */
@@ -45513,6 +45616,8 @@ var QuestionToolbox = /** @class */ (function (_super) {
          * If this property is `false`, the currently expanded category collapses when a user expands another category.
          *
          * Default value: `false`
+         *
+         * [View Demo](https://surveyjs.io/survey-creator/examples/survey-toolbox-categories/ (linkStyle))
          * @see keepAllCategoriesExpanded
          */
         get: function () {
@@ -45528,6 +45633,8 @@ var QuestionToolbox = /** @class */ (function (_super) {
     Object.defineProperty(QuestionToolbox.prototype, "keepAllCategoriesExpanded", {
         /**
          * Specifies whether to expand all categories without the capability to collapse any of them. Applies only if [`showCategoryTitles`](https://surveyjs.io/survey-creator/documentation/api-reference/questiontoolbox#showCategoryTitles) is `true`.
+         *
+         * [View Demo](https://surveyjs.io/survey-creator/examples/survey-toolbox-categories/ (linkStyle))
          * @see allowExpandMultipleCategories
          */
         get: function () {
@@ -45547,7 +45654,9 @@ var QuestionToolbox = /** @class */ (function (_super) {
          *
          * Default value: `false`
          *
-         * If this property is disabled, the Toolbox hides the titles but continues to display horizontal lines that divide categories. To remove these lines as well, call the [`removeCategories()`](https://surveyjs.io/survey-creator/documentation/api-reference/questiontoolbox#removeCategories) method.
+         * [View Demo](https://surveyjs.io/survey-creator/examples/survey-toolbox-categories/ (linkStyle))
+         *
+         * > If this property is disabled, the Toolbox hides the titles but continues to display horizontal lines that divide categories. To remove these lines as well, call the [`removeCategories()`](https://surveyjs.io/survey-creator/documentation/api-reference/questiontoolbox#removeCategories) method.
          * @see allowExpandMultipleCategories
          * @see keepAllCategoriesExpanded
          */
@@ -45729,6 +45838,8 @@ var QuestionToolbox = /** @class */ (function (_super) {
     };
     /**
      * Removes all categories from the Toolbox.
+     *
+     * [View Toolbox Customization Demo](https://surveyjs.io/survey-creator/examples/survey-toolbox-customization/ (linkStyle))
      */
     QuestionToolbox.prototype.removeCategories = function () {
         var allTypes = survey_core__WEBPACK_IMPORTED_MODULE_1__.ElementFactory.Instance.getAllToolboxTypes();
@@ -47961,7 +48072,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_116__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_116___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_116__);
 var Version;
-Version = "".concat("2.0.7");
+Version = "".concat("2.0.9");
 //should be loaded before other styles for easier override
 
 
@@ -48083,7 +48194,7 @@ Version = "".concat("2.0.7");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_116__.checkLibraryVersion)("".concat("2.0.7"), "survey-creator-core");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_116__.checkLibraryVersion)("".concat("2.0.9"), "survey-creator-core");
 
 })();