survey-react 1.9.85 → 1.9.86

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.85
+ * surveyjs - Survey JavaScript library v1.9.86
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2578,6 +2578,9 @@ var Base = /** @class */ (function () {
         if (defaultValue === void 0) { defaultValue = null; }
         var res = this.getPropertyValueCore(this.propertyHash, name);
         if (this.isPropertyEmpty(res)) {
+            var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
+            if (locStr)
+                return locStr.text;
             if (defaultValue != null)
                 return defaultValue;
             var propDefaultValue = this.getDefaultValueFromProperty(name);
@@ -8471,10 +8474,10 @@ var DropdownListModel = /** @class */ (function (_super) {
         }
         this.scrollToFocusedItem();
         if (this.question.value && !this.listModel.filterString && this.question.searchEnabled && this.question instanceof _question_dropdown__WEBPACK_IMPORTED_MODULE_4__["QuestionDropdownModel"]) {
-            this.applyInputString(this.listModel.focusedItem);
+            this.applyInputString(this.listModel.focusedItem || this.question.selectedItem);
         }
         else {
-            this.applyHintString(this.listModel.focusedItem);
+            this.applyHintString(this.listModel.focusedItem || this.question.selectedItem);
         }
         this.ariaActivedescendant = (_a = this.listModel.focusedItem) === null || _a === void 0 ? void 0 : _a.elementId;
     };
@@ -9588,7 +9591,7 @@ __webpack_require__.r(__webpack_exports__);
 // import "../../main.scss";
 //import "../../modern.scss";
 var Version;
-Version = "" + "1.9.85";
+Version = "" + "1.9.86";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -19708,10 +19711,10 @@ var ListModel = /** @class */ (function (_super) {
     });
     ListModel.prototype.onFilterStringChanged = function (text) {
         var _this = this;
-        this.isEmpty = this.renderedActions.filter(function (action) { return _this.isItemVisible(action); }).length === 0;
         if (!!this.onFilterStringChangedCallback) {
             this.onFilterStringChangedCallback(text);
         }
+        this.isEmpty = this.renderedActions.filter(function (action) { return _this.isItemVisible(action); }).length === 0;
     };
     ListModel.prototype.scrollToItem = function (selector, ms) {
         var _this = this;
@@ -20161,9 +20164,7 @@ var LocalizableString = /** @class */ (function () {
         return res;
     };
     LocalizableString.prototype.setLocaleText = function (loc, value) {
-        if (this.disableLocalization) {
-            loc = _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].defaultLocaleName;
-        }
+        loc = this.getValueLoc(loc);
         if (!this.storeDefaultText && value == this.getLocaleTextWithDefault(loc)) {
             if (!!value || !!loc && loc !== this.defaultLoc)
                 return;
@@ -20368,19 +20369,24 @@ var LocalizableString = /** @class */ (function () {
     LocalizableString.prototype.getValue = function (loc) {
         if (!!this.sharedData)
             return this.sharedData.getValue(loc);
-        return this.values[loc];
+        return this.values[this.getValueLoc(loc)];
     };
     LocalizableString.prototype.setValue = function (loc, value) {
         if (!!this.sharedData)
             this.sharedData.setValue(loc, value);
         else
-            this.values[loc] = value;
+            this.values[this.getValueLoc(loc)] = value;
     };
     LocalizableString.prototype.deleteValue = function (loc) {
         if (!!this.sharedData)
             this.sharedData.deleteValue(loc);
         else
-            delete this.values[loc];
+            delete this.values[this.getValueLoc(loc)];
+    };
+    LocalizableString.prototype.getValueLoc = function (loc) {
+        if (this.disableLocalization)
+            return _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].defaultLocaleName;
+        return loc;
     };
     LocalizableString.prototype.getValuesKeys = function () {
         if (!!this.sharedData)
@@ -27010,8 +27016,11 @@ var QuestionRowModel = /** @class */ (function (_super) {
                     el.renderWidth = this.getRenderedWidthFromWidth(width);
                     preSetWidthElements.push(el);
                 }
-                if (!(this.panel.isDefaultV2Theme || ((_a = this.panel.parentQuestion) === null || _a === void 0 ? void 0 : _a.isDefaultV2Theme))) {
-                    el.rightIndent = counter < visCount - 1 ? 1 : 0;
+                if (counter < visCount - 1 && !(this.panel.isDefaultV2Theme || ((_a = this.panel.parentQuestion) === null || _a === void 0 ? void 0 : _a.isDefaultV2Theme))) {
+                    el.rightIndent = 1;
+                }
+                else {
+                    el.rightIndent = 0;
                 }
                 counter++;
             }
@@ -28801,8 +28810,19 @@ var PanelModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PanelModel.prototype, "showErrorsAbovePanel", {
+        get: function () {
+            return this.isDefaultV2Theme;
+        },
+        enumerable: false,
+        configurable: true
+    });
     PanelModel.prototype.getCssError = function (cssClasses) {
-        var builder = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]().append(this.cssClasses.error.root);
+        var isDefaultV2Theme = this.isDefaultV2Theme;
+        var builder = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
+            .append(this.cssClasses.error.root)
+            .append(this.cssClasses.error.outsideQuestion, isDefaultV2Theme)
+            .append(this.cssClasses.error.aboveQuestion, isDefaultV2Theme);
         return builder.append("panel-error-root", builder.isEmpty()).toString();
     };
     PanelModel.prototype.onVisibleChanged = function () {
@@ -34856,21 +34876,40 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         return this.hasUnknownValue(val, true, false);
     };
     QuestionSelectBase.prototype.updateSelectedItemValues = function () {
+        var IsMultipleValue = this.getIsMultipleValue();
+        if (IsMultipleValue) {
+            this.updateMultipleSelectedItemValues();
+        }
+        else {
+            this.updateSingleSelectedItemValues();
+        }
+    };
+    QuestionSelectBase.prototype.updateSingleSelectedItemValues = function () {
         var _this = this;
-        if (!!this.survey && !this.isEmpty() && this.choices.length === 0) {
-            var IsMultipleValue_1 = this.getIsMultipleValue();
+        if (!!this.survey && !this.isEmpty() && !_itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(this.choices, this.value)) {
             this.survey.getChoiceDisplayValue({
                 question: this,
-                values: IsMultipleValue_1 ? this.value : [this.value],
+                values: [this.value],
                 setItems: function (displayValues) {
                     if (!displayValues || !displayValues.length)
                         return;
-                    if (IsMultipleValue_1) {
-                        _this.selectedItemValues = displayValues.map(function (displayValue, index) { return _this.createItemValue(_this.value[index], displayValue); });
-                    }
-                    else {
-                        _this.selectedItemValues = _this.createItemValue(_this.value, displayValues[0]);
-                    }
+                    _this.selectedItemValues = _this.createItemValue(_this.value, displayValues[0]);
+                }
+            });
+        }
+    };
+    QuestionSelectBase.prototype.updateMultipleSelectedItemValues = function () {
+        var _this = this;
+        var valueArray = this.value;
+        var hasItemWithValues = valueArray.some(function (val) { return !_itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(_this.choices, val); });
+        if (!!this.survey && !this.isEmpty() && hasItemWithValues) {
+            this.survey.getChoiceDisplayValue({
+                question: this,
+                values: valueArray,
+                setItems: function (displayValues) {
+                    if (!displayValues || !displayValues.length)
+                        return;
+                    _this.selectedItemValues = displayValues.map(function (displayValue, index) { return _this.createItemValue(_this.value[index], displayValue); });
                 }
             });
         }
@@ -51503,7 +51542,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         _this.createLocalizableString("ratingOptionsCaption", _this, false, true);
         _this.registerFunctionOnPropertiesValueChanged(["rateMin", "rateMax",
             "minRateDescription", "maxRateDescription", "rateStep", "displayRateDescriptionsAsExtremeItems"], function () { return _this.createRenderedRateItems(); });
-        _this.registerFunctionOnPropertiesValueChanged(["rateDisplayMode"], function () {
+        _this.registerFunctionOnPropertiesValueChanged(["rateType"], function () {
             _this.setIconsToRateValues();
             _this.createRenderedRateItems();
             _this.updateRateCount();
@@ -51636,6 +51675,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          * If you need to specify only the `value` property, you can set the `rateValues` property to an array of numbers, for example, `[ 3, 6, 10 ]`. These values are both saved in survey results and used as display text.
          *
          * If you do not specify the `rateValues` property, rate values are generated automatically based upon the [`rateMin`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMin), [`rateMax`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMax), [`rateStep`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateStep), and [`rateCount`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateCount) property values.
+         *
+         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("rateValues");
@@ -51652,6 +51693,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          * Specifies the first rate value in the generated sequence of rate values. Applies if the [`rateValues`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateValues) array is empty.
          *
          * Default value: 1
+         *
+         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
          * @see rateMax
          * @see rateStep
          * @see rateCount
@@ -51670,6 +51713,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          * Specifies the last rate value in the generated sequence of rate values. Applies if the [`rateValues`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateValues) array is empty.
          *
          * Default value: 5
+         *
+         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
          * @see rateMin
          * @see rateStep
          * @see rateCount
@@ -51688,6 +51733,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          * Specifies a step with which to generate rate values. Applies if the [`rateValues`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateValues) array is empty.
          *
          * Default value: 1
+         *
+         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
          * @see rateMin
          * @see rateMax
          * @see rateCount
@@ -51874,12 +51921,12 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionRatingModel.prototype, "rateType", {
+    Object.defineProperty(QuestionRatingModel.prototype, "rateDisplayMode", {
         get: function () {
-            return this.rateDisplayMode;
+            return this.rateType;
         },
         set: function (val) {
-            this.rateDisplayMode = val;
+            this.rateType = val;
         },
         enumerable: false,
         configurable: true
@@ -52234,7 +52281,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     ], QuestionRatingModel.prototype, "displayMode", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "labels" })
-    ], QuestionRatingModel.prototype, "rateDisplayMode", void 0);
+    ], QuestionRatingModel.prototype, "rateType", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "monochrome" })
     ], QuestionRatingModel.prototype, "scaleColorMode", void 0);
@@ -52247,8 +52294,8 @@ 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",
+        name: "rateType",
+        alternativeName: "rateDisplayMode",
         default: "labels",
         category: "rateValues",
         choices: ["labels", "stars", "smileys"],
@@ -52358,6 +52405,9 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         name: "displayMode",
         default: "auto",
         choices: ["auto", "buttons", "dropdown"],
+        visibleIf: function (obj) {
+            return obj.rateType == "labels";
+        },
         visibleIndex: 20
     }
 ], function () {
@@ -53585,6 +53635,12 @@ function getCorrectMinMax(obj, min, max, isMax) {
         return isMax ? min : max;
     return val;
 }
+function propertyEditorMinMaxUpdate(obj, propertyEditor) {
+    if (!!obj && !!obj.inputType) {
+        propertyEditor.inputType = obj.inputType !== "range" ? obj.inputType : "number";
+        propertyEditor.textUpdateMode = "onBlur";
+    }
+}
 _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("text", [
     {
         name: "inputType",
@@ -53624,9 +53680,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("text", [
             return isMinMaxType(obj);
         },
         onPropertyEditorUpdate: function (obj, propertyEditor) {
-            if (!!obj && !!obj.inputType) {
-                propertyEditor.inputType = obj.inputType !== "range" ? obj.inputType : "number";
-            }
+            propertyEditorMinMaxUpdate(obj, propertyEditor);
         },
         onSettingValue: function (obj, val) {
             return getCorrectMinMax(obj, val, obj.max, false);
@@ -53643,9 +53697,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("text", [
             return getCorrectMinMax(obj, obj.min, val, true);
         },
         onPropertyEditorUpdate: function (obj, propertyEditor) {
-            if (!!obj && !!obj.inputType) {
-                propertyEditor.inputType = obj.inputType !== "range" ? obj.inputType : "number";
-            }
+            propertyEditorMinMaxUpdate(obj, propertyEditor);
         },
     },
     {
@@ -53946,10 +53998,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 
 
-//TODO replace completely with ElementFactory
 var QuestionFactory = /** @class */ (function () {
     function QuestionFactory() {
-        this.creatorHash = {};
     }
     Object.defineProperty(QuestionFactory, "DefaultChoices", {
         get: function () {
@@ -53987,26 +54037,23 @@ var QuestionFactory = /** @class */ (function () {
         configurable: true
     });
     QuestionFactory.prototype.registerQuestion = function (questionType, questionCreator) {
-        this.creatorHash[questionType] = questionCreator;
+        ElementFactory.Instance.registerElement(questionType, questionCreator);
     };
-    QuestionFactory.prototype.unregisterElement = function (elementType) {
-        delete this.creatorHash[elementType];
+    QuestionFactory.prototype.registerCustomQuestion = function (questionType) {
+        ElementFactory.Instance.registerCustomQuestion(questionType);
+    };
+    QuestionFactory.prototype.unregisterElement = function (elementType, removeFromSerializer) {
+        if (removeFromSerializer === void 0) { removeFromSerializer = false; }
+        ElementFactory.Instance.unregisterElement(elementType, removeFromSerializer);
     };
     QuestionFactory.prototype.clear = function () {
-        this.creatorHash = {};
+        ElementFactory.Instance.clear();
     };
     QuestionFactory.prototype.getAllTypes = function () {
-        var result = new Array();
-        for (var key in this.creatorHash) {
-            result.push(key);
-        }
-        return result.sort();
+        return ElementFactory.Instance.getAllTypes();
     };
     QuestionFactory.prototype.createQuestion = function (questionType, name) {
-        var creator = this.creatorHash[questionType];
-        if (creator == null)
-            return null;
-        return creator(name);
+        return ElementFactory.Instance.createElement(questionType, name);
     };
     QuestionFactory.Instance = new QuestionFactory();
     return QuestionFactory;
@@ -54014,7 +54061,17 @@ var QuestionFactory = /** @class */ (function () {
 
 var ElementFactory = /** @class */ (function () {
     function ElementFactory() {
+        var _this = this;
         this.creatorHash = {};
+        this.registerCustomQuestion = function (questionType) {
+            var creator = function (name) {
+                var el = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass(questionType);
+                if (!!el)
+                    el.name = name;
+                return el;
+            };
+            _this.registerElement(questionType, creator);
+        };
     }
     ElementFactory.prototype.registerElement = function (elementType, elementCreator) {
         this.creatorHash[elementType] = elementCreator;
@@ -54025,13 +54082,12 @@ var ElementFactory = /** @class */ (function () {
     ElementFactory.prototype.unregisterElement = function (elementType, removeFromSerializer) {
         if (removeFromSerializer === void 0) { removeFromSerializer = false; }
         delete this.creatorHash[elementType];
-        QuestionFactory.Instance.unregisterElement(elementType);
         if (removeFromSerializer) {
             _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].removeClass(elementType);
         }
     };
     ElementFactory.prototype.getAllTypes = function () {
-        var result = QuestionFactory.Instance.getAllTypes();
+        var result = new Array();
         for (var key in this.creatorHash) {
             result.push(key);
         }
@@ -54039,9 +54095,9 @@ var ElementFactory = /** @class */ (function () {
     };
     ElementFactory.prototype.createElement = function (elementType, name) {
         var creator = this.creatorHash[elementType];
-        if (creator == null)
-            return QuestionFactory.Instance.createQuestion(elementType, name);
-        return creator(name);
+        if (!!creator)
+            return creator(name);
+        return null;
     };
     ElementFactory.Instance = new ElementFactory();
     return ElementFactory;
@@ -58149,8 +58205,9 @@ var SurveyPanel = /** @class */ (function (_super) {
                 _this.panelBase.focusIn();
         };
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { ref: this.rootRef, className: this.panelBase.getContainerCss(), onFocus: focusIn, id: this.panelBase.id },
+            this.panel.showErrorsAbovePanel ? errors : null,
             header,
-            errors,
+            this.panel.showErrorsAbovePanel ? null : errors,
             content));
     };
     SurveyPanel.prototype.renderHeader = function () {
@@ -58512,7 +58569,8 @@ var Survey = /** @class */ (function (_super) {
         var rootCss = this.survey.getRootCss();
         var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
         var rootStyle = {
-            backgroundImage: this.survey.renderBackgroundImage
+            backgroundImage: this.survey.renderBackgroundImage,
+            backgroundSize: this.survey.backgroundImageFit
         };
         var formStyle = {
             backgroundColor: this.survey.renderBackgroundOpacity
@@ -71380,7 +71438,7 @@ var SurveyModel = /** @class */ (function (_super) {
             values[name] = this.getValue(name);
         }
         this.addCalculatedValuesIntoFilteredValues(values);
-        this.checkTriggers(values, true);
+        this.checkTriggers(values, true, isOnComplete);
     };
     SurveyModel.prototype.getCurrentPageQuestions = function (includeInvsible) {
         if (includeInvsible === void 0) { includeInvsible = false; }
@@ -73095,6 +73153,9 @@ var SurveyModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "renderBackgroundImage", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "backgroundImageFit", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "rootCss", void 0);
@@ -73341,6 +73402,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
     },
     "width",
     { name: "backgroundImage", serializationProperty: "locBackgroundImage", visible: false },
+    { name: "backgroundImageFit", default: "cover", choices: ["auto", "contain", "cover"], visible: false },
     { name: "backgroundOpacity:number", minValue: 0, maxValue: 1, default: 1, visible: false },
     { name: "showBrandInfo:boolean", default: false, visible: false }
 ]);