survey-react 1.9.82 → 1.9.83

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.82
+ * surveyjs - Survey JavaScript library v1.9.83
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -9532,7 +9532,7 @@ __webpack_require__.r(__webpack_exports__);
 // import "../../main.scss";
 //import "../../modern.scss";
 var Version;
-Version = "" + "1.9.82";
+Version = "" + "1.9.83";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -33537,9 +33537,7 @@ var Question = /** @class */ (function (_super) {
         }
     };
     Question.prototype.getValidName = function (name) {
-        if (!name)
-            return name;
-        return name.trim().replace(/[\{\}]+/g, "");
+        return makeNameValid(name);
     };
     //IQuestion
     Question.prototype.updateValueFromSurvey = function (newValue) {
@@ -33774,13 +33772,17 @@ var Question = /** @class */ (function (_super) {
     return Question;
 }(_survey_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElement"]));
 
-function removeConverChar(str) {
-    if (!!str && str[0] === _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].expressionDisableConversionChar)
-        return str.substring(1);
+function makeNameValid(str) {
+    if (!str)
+        return str;
+    str = str.trim().replace(/[\{\}]+/g, "");
+    while (!!str && str[0] === _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].expressionDisableConversionChar) {
+        str = str.substring(1);
+    }
     return str;
 }
 _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("question", [
-    { name: "!name", onSettingValue: function (obj, val) { return removeConverChar(val); } },
+    { name: "!name", onSettingValue: function (obj, val) { return makeNameValid(val); } },
     {
         name: "state",
         default: "default",
@@ -33855,7 +33857,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("question", [
                 (!!parent && parent.showQuestionNumbers === "onpanel"));
         },
     },
-    { name: "valueName", onSettingValue: function (obj, val) { return removeConverChar(val); } },
+    { name: "valueName", onSettingValue: function (obj, val) { return makeNameValid(val); } },
     "enableIf:condition",
     "defaultValue:value",
     {
@@ -50749,13 +50751,14 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_1__["QuestionFactory"].Instance.regist
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionRankingModel", function() { return QuestionRankingModel; });
 /* harmony import */ var _dragdrop_ranking_choices__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dragdrop/ranking-choices */ "./src/dragdrop/ranking-choices.ts");
-/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
-/* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
-/* harmony import */ var _question_checkbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./question_checkbox */ "./src/question_checkbox.ts");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./helpers */ "./src/helpers.ts");
-/* harmony import */ var _src_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../src/settings */ "./src/settings.ts");
+/* harmony import */ var _itemvalue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./itemvalue */ "./src/itemvalue.ts");
+/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
+/* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
+/* harmony import */ var _question_checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./question_checkbox */ "./src/question_checkbox.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./helpers */ "./src/helpers.ts");
+/* harmony import */ var _src_settings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../src/settings */ "./src/settings.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -50785,6 +50788,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 /**
  * A class that describes the Ranking question type.
  *
@@ -50882,13 +50886,13 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionRankingModel.prototype, "rootClass", {
         get: function () {
-            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
                 .append(this.cssClasses.root)
-                .append(this.cssClasses.rootMobileMod, _utils_devices__WEBPACK_IMPORTED_MODULE_5__["IsMobile"])
+                .append(this.cssClasses.rootMobileMod, _utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsMobile"])
                 .append(this.cssClasses.rootDisabled, this.isReadOnly)
                 .append(this.cssClasses.rootDesignMode, !!this.isDesignMode)
                 .append(this.cssClasses.itemOnError, this.errors.length > 0)
-                .append(this.cssClasses.rootDragHandleAreaIcon, _src_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].rankingDragHandleArea === "icon")
+                .append(this.cssClasses.rootDragHandleAreaIcon, _src_settings__WEBPACK_IMPORTED_MODULE_8__["settings"].rankingDragHandleArea === "icon")
                 .toString();
         },
         enumerable: false,
@@ -50897,7 +50901,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     QuestionRankingModel.prototype.getItemClassCore = function (item, options) {
         var itemIndex = this.rankingChoices.indexOf(item);
         var dropTargetIndex = this.rankingChoices.indexOf(this.currentDropTarget);
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(_super.prototype.getItemClassCore.call(this, item, options))
             .append(this.cssClasses.itemGhostMod, this.currentDropTarget === item)
             .append("sv-dragdrop-movedown", itemIndex === dropTargetIndex + 1 && this.dropTargetNodeMove === "down")
@@ -50919,7 +50923,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionRankingModel.prototype.getItemIndexClasses = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(this.cssClasses.itemIndex)
             .append(this.cssClasses.itemIndexEmptyMode, this.isEmpty())
             .toString();
@@ -50932,7 +50936,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         this.updateRankingChoices();
     };
     QuestionRankingModel.prototype.isAnswerCorrect = function () {
-        return _helpers__WEBPACK_IMPORTED_MODULE_6__["Helpers"].isArraysEqual(this.value, this.correctAnswer, false);
+        return _helpers__WEBPACK_IMPORTED_MODULE_7__["Helpers"].isArraysEqual(this.value, this.correctAnswer, false);
     };
     QuestionRankingModel.prototype.onSurveyValueChanged = function (newValue) {
         _super.prototype.onSurveyValueChanged.call(this, newValue);
@@ -50950,16 +50954,13 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         this.value = newValue;
     };
     QuestionRankingModel.prototype.removeFromValueByVisibleChoices = function () {
-        var _this = this;
         var newValue = this.value.slice();
-        this.value.forEach(function (valueItem, index) {
-            var isValueItemToRemove = true;
-            _this.visibleChoices.forEach(function (choice) {
-                if (choice.value === valueItem)
-                    isValueItemToRemove = false;
-            });
-            isValueItemToRemove && newValue.splice(index, 1);
-        });
+        var choices = this.visibleChoices;
+        for (var i = this.value.length - 1; i >= 0; i--) {
+            if (!_itemvalue__WEBPACK_IMPORTED_MODULE_1__["ItemValue"].getItemByValue(choices, this.value[i])) {
+                newValue.splice(i, 1);
+            }
+        }
         this.value = newValue;
     };
     Object.defineProperty(QuestionRankingModel.prototype, "rankingChoices", {
@@ -50997,7 +50998,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         this.dragDropRankingChoices = new _dragdrop_ranking_choices__WEBPACK_IMPORTED_MODULE_0__["DragDropRankingChoices"](this.survey, null, this.longTap);
     };
     QuestionRankingModel.prototype.isDragStartNodeValid = function (target) {
-        if (_src_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].rankingDragHandleArea === "icon") {
+        if (_src_settings__WEBPACK_IMPORTED_MODULE_8__["settings"].rankingDragHandleArea === "icon") {
             return target.classList.contains(this.cssClasses.itemIconHoverMod);
         }
         return true;
@@ -51028,13 +51029,13 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         return false;
     };
     QuestionRankingModel.prototype.getIconHoverCss = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(this.cssClasses.itemIcon)
             .append(this.cssClasses.itemIconHoverMod)
             .toString();
     };
     QuestionRankingModel.prototype.getIconFocusCss = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(this.cssClasses.itemIcon)
             .append(this.cssClasses.itemIconFocusMod)
             .toString();
@@ -51067,15 +51068,15 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         configurable: true
     });
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: null })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: null })
     ], QuestionRankingModel.prototype, "currentDropTarget", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: null })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: null })
     ], QuestionRankingModel.prototype, "dropTargetNodeMove", void 0);
     return QuestionRankingModel;
-}(_question_checkbox__WEBPACK_IMPORTED_MODULE_3__["QuestionCheckboxModel"]));
+}(_question_checkbox__WEBPACK_IMPORTED_MODULE_4__["QuestionCheckboxModel"]));
 
-_jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("ranking", [
+_jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("ranking", [
     { name: "showOtherItem", visible: false, isSerializable: false },
     { name: "otherText", visible: false, isSerializable: false },
     { name: "otherErrorText", visible: false, isSerializable: false },
@@ -51097,9 +51098,9 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("ranking", [
 ], function () {
     return new QuestionRankingModel("");
 }, "checkbox");
-_questionfactory__WEBPACK_IMPORTED_MODULE_2__["QuestionFactory"].Instance.registerQuestion("ranking", function (name) {
+_questionfactory__WEBPACK_IMPORTED_MODULE_3__["QuestionFactory"].Instance.registerQuestion("ranking", function (name) {
     var q = new QuestionRankingModel(name);
-    q.choices = _questionfactory__WEBPACK_IMPORTED_MODULE_2__["QuestionFactory"].DefaultChoices;
+    q.choices = _questionfactory__WEBPACK_IMPORTED_MODULE_3__["QuestionFactory"].DefaultChoices;
     return q;
 });
 
@@ -51206,8 +51207,20 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         _this.createItemValues("rateValues");
         _this.createRenderedRateItems();
         _this.createLocalizableString("ratingOptionsCaption", _this, false, true);
-        _this.registerFunctionOnPropertiesValueChanged(["rateValues", "rateMin", "rateMax", "rateType",
+        _this.registerFunctionOnPropertiesValueChanged(["rateMin", "rateMax", "rateDisplayMode",
             "minRateDescription", "maxRateDescription", "rateStep", "displayRateDescriptionsAsExtremeItems"], function () { return _this.createRenderedRateItems(); });
+        _this.registerFunctionOnPropertiesValueChanged(["rateValues"], function () {
+            _this.autoGenerate = false;
+            _this.createRenderedRateItems();
+        });
+        _this.registerFunctionOnPropertiesValueChanged(["autoGenerate"], function () {
+            if (!_this.autoGenerate && _this.rateValues.length === 0) {
+                _this.setPropertyValue("rateValues", _this.visibleRateValues);
+            }
+            if (_this.autoGenerate)
+                _this.updateRateMax();
+            _this.createRenderedRateItems();
+        });
         _this.createLocalizableString("minRateDescription", _this, true);
         _this.createLocalizableString("maxRateDescription", _this, true);
         _this.initPropertyDependencies();
@@ -51227,6 +51240,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         if (this.jsonObj.rateMax !== undefined && this.jsonObj.rateCount !== undefined && this.jsonObj.rateMin === undefined) {
             this.updateRateMin();
         }
+        if (this.jsonObj.autoGenerate === undefined && this.jsonObj.rateValues !== undefined)
+            this.autoGenerate = !this.jsonObj.rateValues.length;
         this.updateRateCount();
         this.createRenderedRateItems();
     };
@@ -51240,6 +51255,9 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             }
         });
     };
+    QuestionRatingModel.prototype.useRateValues = function () {
+        return !!this.rateValues.length && !this.autoGenerate;
+    };
     QuestionRatingModel.prototype.updateRateMax = function () {
         this.rateMax = this.rateMin + this.rateStep * (this.rateCount - 1);
     };
@@ -51247,7 +51265,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         this.rateMin = this.rateMax - this.rateStep * (this.rateCount - 1);
     };
     QuestionRatingModel.prototype.updateRateCount = function () {
-        if (this.rateValues.length) {
+        if (this.useRateValues()) {
             this.rateCount = this.rateValues.length;
         }
         else {
@@ -51257,7 +51275,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.initPropertyDependencies = function () {
         var _this = this;
         this.registerSychProperties(["rateCount"], function () {
-            if (_this.rateValues.length == 0) {
+            if (!_this.useRateValues()) {
                 _this.rateMax = _this.rateMin + _this.rateStep * (_this.rateCount - 1);
             }
             else {
@@ -51372,14 +51390,14 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionRatingModel.prototype.itemValuePropertyChanged = function (item, name, oldValue, newValue) {
-        if (this.rateValues.length === 0 && newValue !== undefined)
-            this.setPropertyValue("rateValues", this.visibleRateValues);
+        if (!this.useRateValues() && newValue !== undefined)
+            this.autoGenerate = false;
         _super.prototype.itemValuePropertyChanged.call(this, item, name, oldValue, newValue);
     };
     QuestionRatingModel.prototype.createRenderedRateItems = function () {
         var _this = this;
         var rateValues = [];
-        if (this.rateValues.length > 0) {
+        if (this.useRateValues()) {
             rateValues = this.rateValues;
         }
         else {
@@ -51497,6 +51515,16 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionRatingModel.prototype, "rateType", {
+        get: function () {
+            return this.rateDisplayMode;
+        },
+        set: function (val) {
+            this.rateDisplayMode = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionRatingModel.prototype, "isStar", {
         get: function () {
             return this.rateType == "stars";
@@ -51523,7 +51551,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionRatingModel.prototype.valueToData = function (val) {
-        if (this.rateValues.length > 0) {
+        if (this.useRateValues()) {
             var item = _itemvalue__WEBPACK_IMPORTED_MODULE_0__["ItemValue"].getItemByValue(this.rateValues, val);
             return !!item ? item.value : val;
         }
@@ -51564,10 +51592,10 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.getItemSmiley = function (item) {
         var icons = ["terrible", "very-poor", "poor", "not-good", "average", "normal", "good", "very-good", "excellent", "perfect"];
         var priority = ["very-good", "not-good", "normal", "good", "average", "excellent", "poor", "perfect", "very-poor", "terrible"];
-        var count = this.rateValues.length || this.rateMax - this.rateMin + 1;
+        var count = this.useRateValues() ? this.rateValues.length : this.rateMax - this.rateMin + 1;
         var selectedPriority = priority.slice(0, count);
         var selectedIcons = icons.filter(function (i) { return selectedPriority.indexOf(i) != -1; });
-        if (this.rateValues.length == 0) {
+        if (!this.useRateValues()) {
             return selectedIcons[item.value - this.rateMin];
         }
         else {
@@ -51582,7 +51610,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         if (highlight === void 0) { highlight = "none"; }
         var isSelected = this.value == item.value;
         if (this.isStar) {
-            if (this.rateValues.length == 0) {
+            if (!this.useRateValues()) {
                 isSelected = this.value >= item.value;
             }
             else {
@@ -51620,8 +51648,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         var hasFixedSize = !this.isStar &&
             !this.isSmiley &&
             (!this.displayRateDescriptionsAsExtremeItems ||
-                this.rateValues.length > 0 && item != this.rateValues[0] && item != this.rateValues[this.rateValues.length - 1] ||
-                this.rateValues.length == 0 && item.value != this.rateMin && item.value != this.rateMax) &&
+                this.useRateValues() && item != this.rateValues[0] && item != this.rateValues[this.rateValues.length - 1] ||
+                !this.useRateValues() && item.value != this.rateMin && item.value != this.rateMax) &&
             item.locText.calculatedText.length <= 2 &&
             Number.isInteger(Number(item.locText.calculatedText));
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
@@ -51749,6 +51777,9 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         }
         return classes;
     };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: true })
+    ], QuestionRatingModel.prototype, "autoGenerate", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: 5 })
     ], QuestionRatingModel.prototype, "rateCount", void 0);
@@ -51780,8 +51811,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         })
     ], QuestionRatingModel.prototype, "displayMode", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "number" })
-    ], QuestionRatingModel.prototype, "rateType", void 0);
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "labels" })
+    ], QuestionRatingModel.prototype, "rateDisplayMode", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "monochrome" })
     ], QuestionRatingModel.prototype, "smileysColorMode", void 0);
@@ -51790,27 +51821,58 @@ var QuestionRatingModel = /** @class */ (function (_super) {
 
 _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
     { name: "showCommentArea:switch", layout: "row", visible: true, category: "general" },
+    {
+        name: "rateDisplayMode",
+        alternativeName: "rateType",
+        default: "labels",
+        category: "rateValues",
+        choices: ["labels", "stars", "smileys"],
+        visibleIndex: 0
+    },
+    {
+        name: "autoGenerate",
+        displayName: "How to specify rate values?",
+        category: "rateValues",
+        default: true,
+        choices: [{ value: true, text: "Generate" }, { value: false, text: "Enter manually" }],
+        visibleIndex: 2
+    },
     {
         name: "rateCount:number",
-        default: 5
+        default: 5,
+        category: "rateValues",
+        visibleIndex: 1
     },
     {
         name: "rateValues:itemvalue[]",
         baseValue: function () {
             return _surveyStrings__WEBPACK_IMPORTED_MODULE_5__["surveyLocalization"].getString("choices_Item");
         },
+        category: "rateValues",
+        visibleIf: function (obj) {
+            return !obj.autoGenerate;
+        },
+        visibleIndex: 3
     },
     {
         name: "rateMin:number", default: 1,
         onSettingValue: function (obj, val) {
             return val > obj.rateMax - obj.rateStep ? obj.rateMax - obj.rateStep : val;
-        }
+        },
+        visibleIf: function (obj) {
+            return !!obj.autoGenerate;
+        },
+        visibleIndex: 4
     },
     {
         name: "rateMax:number", default: 5,
         onSettingValue: function (obj, val) {
             return val < obj.rateMin + obj.rateStep ? obj.rateMin + obj.rateStep : val;
-        }
+        },
+        visibleIf: function (obj) {
+            return !!obj.autoGenerate;
+        },
+        visibleIndex: 5
     },
     {
         name: "rateStep:number", default: 1, minValue: 0.1,
@@ -51820,30 +51882,31 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
             if (val > obj.rateMax - obj.rateMin)
                 val = obj.rateMax - obj.rateMin;
             return val;
-        }
+        },
+        visibleIf: function (obj) {
+            return !!obj.autoGenerate;
+        },
+        visibleIndex: 6
     },
     {
         name: "minRateDescription",
         alternativeName: "mininumRateDescription",
         serializationProperty: "locMinRateDescription",
+        visibleIndex: 17
     },
     {
         name: "maxRateDescription",
         alternativeName: "maximumRateDescription",
         serializationProperty: "locMaxRateDescription",
+        visibleIndex: 18
     },
-    { name: "displayRateDescriptionsAsExtremeItems:boolean", default: false },
+    { name: "displayRateDescriptionsAsExtremeItems:boolean", default: false, visibleIndex: 19 },
     {
         name: "displayMode",
         default: "auto",
         choices: ["auto", "buttons", "dropdown"],
+        visibleIndex: 20
     },
-    {
-        name: "rateType",
-        visible: false,
-        default: "number",
-        choices: ["numbers", "labels", "stars", "smileys"],
-    }
 ], function () {
     return new QuestionRatingModel("");
 }, "question");
@@ -67174,7 +67237,8 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "backgroundImage", {
         /**
-         * Gets or sets a survey backgroundImage.
+         * An image to display in the background of the survey or form. Accepts a base64 or URL string value.
+         * @see backgroundOpacity
          */
         get: function () {
             return this.getLocalizableStringText("backgroundImage");
@@ -67196,6 +67260,10 @@ var SurveyModel = /** @class */ (function (_super) {
         this.renderBackgroundImage = ["url(", this.getLocalizableString("backgroundImage").renderedHtml, ")"].join("");
     };
     Object.defineProperty(SurveyModel.prototype, "backgroundOpacity", {
+        /**
+         * A value from 0 to 1 that specifies how transparent the survey background should be: 0 makes the background completely transparent, and 1 makes it opaque.
+         * @see backgroundImage
+         */
         get: function () {
             return this.getPropertyValue("backgroundOpacity");
         },