survey-react 1.12.19 → 1.12.21

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.19
+ * surveyjs - Survey JavaScript library v1.12.21
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -10407,8 +10407,15 @@ var base_Base = /** @class */ (function () {
             if (!!calcFunc) {
                 var newVal = calcFunc();
                 if (newVal !== undefined) {
-                    this.setPropertyValueDirectly(name, newVal);
-                    return newVal;
+                    if (Array.isArray(newVal)) {
+                        var array = this.createNewArray(name);
+                        array.splice.apply(array, base_spreadArray([0, 0], newVal));
+                        return array;
+                    }
+                    else {
+                        this.setPropertyValueDirectly(name, newVal);
+                        return newVal;
+                    }
                 }
             }
             var propDefaultValue = this.getDefaultPropertyValue(name);
@@ -19521,7 +19528,7 @@ var question_Question = /** @class */ (function (_super) {
         this.ensureSetValueExpressionRunner();
         if (!this.setValueExpressionRunner)
             return false;
-        return new conditionProcessValue_ProcessValue().isAnyKeyChanged(keys, this.setValueExpressionRunner.getVariables());
+        return this.canExecuteTriggerByKeys(keys, this.setValueExpressionRunner);
     };
     Question.prototype.addTriggerInfo = function (name, canRun, doComplete) {
         var info = new TriggerExpressionInfo(name, canRun, doComplete);
@@ -19548,11 +19555,17 @@ var question_Question = /** @class */ (function (_super) {
         else {
             info.runner.expression = expression;
         }
-        if (!new conditionProcessValue_ProcessValue().isAnyKeyChanged(keys, info.runner.getVariables()) && !info.runSecondCheck(keys))
+        if (!this.canExecuteTriggerByKeys(keys, info.runner) && !info.runSecondCheck(keys))
             return;
         info.isRunning = true;
         info.runner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
     };
+    Question.prototype.canExecuteTriggerByKeys = function (keys, runner) {
+        var vars = runner.getVariables();
+        if ((!vars || vars.length === 0) && runner.hasFunction())
+            return true;
+        return new conditionProcessValue_ProcessValue().isAnyKeyChanged(keys, vars);
+    };
     Question.prototype.runTriggers = function (name, value, keys) {
         var _this = this;
         if (this.isSettingQuestionValue || (this.parentQuestion && this.parentQuestion.getValueName() === name))
@@ -28034,6 +28047,9 @@ var question_matrixdropdownrendered_QuestionMatrixDropdownRenderedTable = /** @c
             },
             getEnterOptions: function (_, info) {
                 return { cssClass: _this.cssClasses.rowEnter, onBeforeRunAnimation: onBeforeRunAnimation, onAfterRunAnimation: onAfterRunAnimation };
+            },
+            getKey: function (item) {
+                return item.id;
             }
         };
     };
@@ -40074,11 +40090,6 @@ function createTOCListModel(survey, onAction) {
     var items = getTOCItems(survey, onAction);
     var listOptions = {
         items: items,
-        onSelectionChanged: function (item) {
-            if (!!item.action()) {
-                listModel.selectedItem = item;
-            }
-        },
         searchEnabled: false,
         locOwner: survey,
     };
@@ -40111,7 +40122,6 @@ function getTOCItems(survey, onAction) {
                 if (page.isPage) {
                     return survey.tryNavigateToPage(page);
                 }
-                return tryFocusPage(survey, page);
             },
             visible: new ComputedUpdater(function () {
                 return page.isVisible && !(page["isStartPage"]);
@@ -40346,7 +40356,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * To handle value changes in matrix cells or panels within a [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model), use the [`onMatrixCellValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixCellValueChanged) or [`onDynamicPanelItemValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onDynamicPanelItemValueChanged) event.
+         * To handle value changes in matrix cells or panels within a [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model), use the [`onMatrixCellValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixCellValueChanged) or [`onDynamicPanelValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onDynamicPanelValueChanged) event.
          * @see setValue
          */
         _this.onValueChanged = _this.addEvent();
@@ -40876,7 +40886,12 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         /**
          * An event that is raised after an item value is changed in a panel within a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
          */
-        _this.onDynamicPanelItemValueChanged = _this.addEvent();
+        _this.onDynamicPanelValueChanged = _this.addEvent();
+        _this.onDynamicPanelItemValueChanged = _this.onDynamicPanelValueChanged;
+        /**
+         * An event that is raised after an item value is changing in a panel within a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
+         */
+        _this.onDynamicPanelValueChanging = _this.addEvent();
         /**
          * An event that is raised before a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) renders [tab titles](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle). Use this event to change individual tab titles.
          *
@@ -43991,7 +44006,17 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyModel.prototype.tryNavigateToPage = function (page) {
+    SurveyModel.prototype.tryNavigateToPage = function (page /*, serverValidationRes?: (res: boolean)=> void*/) {
+        if (!this.performValidationOnPageChanging(page))
+            return false;
+        var index = this.visiblePages.indexOf(page);
+        var res = index < this.currentPageNo || !this.doServerValidation(false, false, page);
+        if (res) {
+            this.currentPage = page;
+        }
+        return res;
+    };
+    SurveyModel.prototype.performValidationOnPageChanging = function (page) {
         if (this.isDesignMode)
             return false;
         var index = this.visiblePages.indexOf(page);
@@ -43999,10 +44024,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return false;
         if (index === this.currentPageNo)
             return false;
-        if (index < this.currentPageNo || this.checkErrorsMode === "onComplete" || this.validationAllowSwitchPages) {
-            this.currentPageNo = index;
+        if (index < this.currentPageNo || this.checkErrorsMode === "onComplete" || this.validationAllowSwitchPages)
             return true;
-        }
         if (!this.validateCurrentPage())
             return false;
         for (var i = this.currentPageNo + 1; i < index; i++) {
@@ -44011,7 +44034,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 return false;
             page_1.passed = true;
         }
-        this.currentPage = page;
         return true;
     };
     SurveyModel.prototype.updateCurrentPage = function () {
@@ -45554,14 +45576,14 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.setPropertyValue("isValidatingOnServer", val);
         this.onIsValidatingOnServerChanged();
     };
-    SurveyModel.prototype.createServerValidationOptions = function (doComplete, isPreview) {
+    SurveyModel.prototype.createServerValidationOptions = function (doComplete, isPreview, page) {
         var self = this;
         var options = {
             data: {},
             errors: {},
             survey: this,
             complete: function () {
-                self.completeServerValidation(options, isPreview);
+                self.completeServerValidation(options, isPreview, page);
             },
         };
         if (doComplete && this.isValidateOnComplete) {
@@ -45581,7 +45603,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         return options;
     };
     SurveyModel.prototype.onIsValidatingOnServerChanged = function () { };
-    SurveyModel.prototype.doServerValidation = function (doComplete, isPreview) {
+    SurveyModel.prototype.doServerValidation = function (doComplete, isPreview, page) {
         var _this = this;
         if (isPreview === void 0) { isPreview = false; }
         if (!this.onServerValidateQuestions ||
@@ -45593,14 +45615,14 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         var isFunc = typeof this.onServerValidateQuestions === "function";
         this.serverValidationEventCount = !isFunc ? this.onServerValidateQuestions.length : 1;
         if (isFunc) {
-            this.onServerValidateQuestions(this, this.createServerValidationOptions(doComplete, isPreview));
+            this.onServerValidateQuestions(this, this.createServerValidationOptions(doComplete, isPreview, page));
         }
         else {
-            this.onServerValidateQuestions.fireByCreatingOptions(this, function () { return _this.createServerValidationOptions(doComplete, isPreview); });
+            this.onServerValidateQuestions.fireByCreatingOptions(this, function () { return _this.createServerValidationOptions(doComplete, isPreview, page); });
         }
         return true;
     };
-    SurveyModel.prototype.completeServerValidation = function (options, isPreview) {
+    SurveyModel.prototype.completeServerValidation = function (options, isPreview, page) {
         if (this.serverValidationEventCount > 1) {
             this.serverValidationEventCount--;
             if (!!options && !!options.errors && Object.keys(options.errors).length === 0)
@@ -45635,10 +45657,15 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 this.showPreviewCore();
             }
             else {
-                if (self.isLastPage)
-                    self.doComplete();
-                else
-                    self.doNextPage();
+                if (page) {
+                    this.currentPage = page;
+                }
+                else {
+                    if (self.isLastPage)
+                        self.doComplete();
+                    else
+                        self.doNextPage();
+                }
             }
         }
     };
@@ -45950,7 +45977,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return;
         var id = question.inputId;
         var root = settings.environment.root;
-        if (!!id && htmlElement.id !== id && typeof root !== "undefined") {
+        if (!!id && (!htmlElement || htmlElement.id !== id) && typeof root !== "undefined") {
             var el = root.getElementById(id);
             if (!!el) {
                 htmlElement = el;
@@ -46151,9 +46178,11 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.dynamicPanelItemValueChanged = function (question, options) {
         options.question = question;
-        options.panelIndex = options.itemIndex;
-        options.panelData = options.itemValue;
-        this.onDynamicPanelItemValueChanged.fire(this, options);
+        this.onDynamicPanelValueChanged.fire(this, options);
+    };
+    SurveyModel.prototype.dynamicPanelItemValueChanging = function (question, options) {
+        options.question = question;
+        this.onDynamicPanelValueChanging.fire(this, options);
     };
     SurveyModel.prototype.dynamicPanelGetTabTitle = function (question, options) {
         options.question = question;
@@ -55503,6 +55532,11 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
             this.setRenderedMinMax(values, properties);
         }
     };
+    QuestionTextModel.prototype.getDisplayValueCore = function (keysAsText, value) {
+        if (!this.maskTypeIsEmpty && !helpers_Helpers.isValueEmpty(value))
+            return this.maskInstance.getMaskedValue(value);
+        return _super.prototype.getDisplayValueCore.call(this, keysAsText, value);
+    };
     QuestionTextModel.prototype.isLayoutTypeSupported = function (layoutType) {
         return true;
     };
@@ -62931,24 +62965,24 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     function QuestionRatingModel(name) {
         var _this = _super.call(this, name) || this;
         _this._syncPropertiesChanging = false;
+        _this.iCounter = 0;
         _this.createItemValues("rateValues");
-        _this.createRenderedRateItems();
         _this.createLocalizableString("ratingOptionsCaption", _this, false, true);
         _this.registerFunctionOnPropertiesValueChanged(["rateMin", "rateMax",
-            "minRateDescription", "maxRateDescription", "rateStep", "displayRateDescriptionsAsExtremeItems"], function () { return _this.createRenderedRateItems(); });
+            "minRateDescription", "maxRateDescription", "rateStep", "displayRateDescriptionsAsExtremeItems"], function () { return _this.resetRenderedItems(); });
         _this.registerFunctionOnPropertiesValueChanged(["rateType"], function () {
             _this.setIconsToRateValues();
-            _this.createRenderedRateItems();
+            _this.resetRenderedItems();
             _this.updateRateCount();
         });
         _this.registerFunctionOnPropertiesValueChanged(["rateValues"], function () {
             _this.setIconsToRateValues();
-            _this.createRenderedRateItems();
+            _this.resetRenderedItems();
         });
         _this.registerSychProperties(["rateValues"], function () {
             _this.autoGenerate = _this.rateValues.length == 0;
             _this.setIconsToRateValues();
-            _this.createRenderedRateItems();
+            _this.resetRenderedItems();
         });
         _this.registerFunctionOnPropertiesValueChanged(["rateColorMode", "scaleColorMode"], function () {
             _this.updateColors(_this.survey.themeVariables);
@@ -62964,7 +62998,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
                 _this.rateValues.splice(0, _this.rateValues.length);
                 _this.updateRateMax();
             }
-            _this.createRenderedRateItems();
+            _this.resetRenderedItems();
         });
         _this.createLocalizableString("minRateDescription", _this, true)
             .onStringChanged.add(function (sender, options) {
@@ -62995,7 +63029,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
             this.autoGenerate = !this.jsonObj.rateValues.length;
         this.updateRateCount();
         this.setIconsToRateValues();
-        this.createRenderedRateItems();
     };
     QuestionRatingModel.prototype.registerSychProperties = function (names, func) {
         var _this = this;
@@ -63099,7 +63132,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("rateValues", val);
-            this.createRenderedRateItems();
         },
         enumerable: false,
         configurable: true
@@ -63208,6 +63240,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
         QuestionRatingModel.normalColorLight = getRGBColor("--sjs-special-yellow-light", "--sd-rating-normal-color-light");
         QuestionRatingModel.goodColorLight = getRGBColor("--sjs-special-green-light", "--sd-rating-good-color-light");
         this.colorsCalculated = true;
+        this.resetRenderedItems();
     };
     QuestionRatingModel.prototype.getDisplayValueCore = function (keysAsText, value) {
         if (!this.useRateValues)
@@ -63228,22 +63261,55 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
             this.autoGenerate = false;
         _super.prototype.itemValuePropertyChanged.call(this, item, name, oldValue, newValue);
     };
-    QuestionRatingModel.prototype.createRenderedRateItems = function () {
-        var _this = this;
-        var rateValues = [];
-        if (this.useRateValues()) {
-            rateValues = this.rateValues;
+    QuestionRatingModel.prototype.runConditionCore = function (values, properties) {
+        _super.prototype.runConditionCore.call(this, values, properties);
+        this.runRateItesmCondition(values, properties);
+    };
+    QuestionRatingModel.prototype.runRateItesmCondition = function (values, properties) {
+        var _a;
+        if (!this.useRateValues())
+            return;
+        var isChanged = false;
+        if ((_a = this.survey) === null || _a === void 0 ? void 0 : _a.areInvisibleElementsShowing) {
+            this.rateValues.forEach(function (item) {
+                isChanged = isChanged || !item.isVisible;
+                item.setIsVisible(item, true);
+            });
         }
         else {
-            rateValues = this.createRateValues();
+            isChanged = itemvalue_ItemValue.runConditionsForItems(this.rateValues, undefined, undefined, values, properties, true);
         }
-        if (this.autoGenerate) {
-            this.rateMax = rateValues[rateValues.length - 1].value;
+        if (isChanged) {
+            this.resetRenderedItems();
+            if (!this.isEmpty() && !this.isReadOnly) {
+                var item = itemvalue_ItemValue.getItemByValue(this.rateValues, this.value);
+                if (item && !item.isVisible) {
+                    this.clearValue();
+                }
+            }
         }
+    };
+    QuestionRatingModel.prototype.getRateValuesCore = function () {
+        if (!this.useRateValues())
+            return this.createRateValues();
+        var items = new Array();
+        this.rateValues.forEach(function (item) {
+            if (item.isVisible) {
+                items.push(item);
+            }
+        });
+        return items;
+    };
+    QuestionRatingModel.prototype.calculateRateValues = function () {
+        var rateValues = this.getRateValuesCore();
         if (this.rateType == "smileys" && rateValues.length > 10)
             rateValues = rateValues.slice(0, 10);
-        this.visibleChoicesValue = rateValues.map(function (i, idx) { return _this.getRatingItemValue(i, idx); });
-        this.renderedRateItems = rateValues.map(function (v, i) {
+        return rateValues;
+    };
+    QuestionRatingModel.prototype.calculateRenderedRateItems = function () {
+        var _this = this;
+        var rateValues = this.calculateRateValues();
+        return rateValues.map(function (v, i) {
             var renderedItem = null;
             if (_this.displayRateDescriptionsAsExtremeItems) {
                 if (i == 0)
@@ -63256,6 +63322,39 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
             return renderedItem;
         });
     };
+    QuestionRatingModel.prototype.calculateVisibleChoices = function () {
+        var _this = this;
+        var rateValues = this.calculateRateValues();
+        return rateValues.map(function (i, idx) { return _this.getRatingItemValue(i, idx); });
+    };
+    QuestionRatingModel.prototype.resetRenderedItems = function () {
+        if (this.autoGenerate) {
+            var rateValues = this.getRateValuesCore();
+            this.rateMax = rateValues[rateValues.length - 1].value;
+        }
+        if (Array.isArray(this.getPropertyValueWithoutDefault("renderedRateItems"))) {
+            this.setArrayPropertyDirectly("renderedRateItems", this.calculateRenderedRateItems());
+        }
+        if (Array.isArray(this.getPropertyValueWithoutDefault("visibleChoices"))) {
+            this.setArrayPropertyDirectly("visibleChoices", this.calculateVisibleChoices);
+        }
+    };
+    Object.defineProperty(QuestionRatingModel.prototype, "renderedRateItems", {
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("renderedRateItems", undefined, function () { return _this.calculateRenderedRateItems(); });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionRatingModel.prototype, "visibleChoices", {
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("visibleChoices", undefined, function () { return _this.calculateVisibleChoices(); });
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionRatingModel.prototype.createRateValues = function () {
         var res = [];
         var value = this.rateMin;
@@ -63729,13 +63828,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.isItemSelected = function (item) {
         return item.value == this.value;
     };
-    Object.defineProperty(QuestionRatingModel.prototype, "visibleChoices", {
-        get: function () {
-            return this.visibleChoicesValue;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(QuestionRatingModel.prototype, "readOnlyText", {
         get: function () {
             if (this.readOnly)
@@ -63804,7 +63896,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.themeChanged = function (theme) {
         this.colorsCalculated = false;
         this.updateColors(theme.cssVariables);
-        this.createRenderedRateItems();
     };
     QuestionRatingModel.prototype.setSurveyImpl = function (value, isLight) {
         _super.prototype.setSurveyImpl.call(this, value, isLight);
@@ -63830,9 +63921,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     question_rating_decorate([
         jsonobject_property()
     ], QuestionRatingModel.prototype, "rateCount", void 0);
-    question_rating_decorate([
-        propertyArray()
-    ], QuestionRatingModel.prototype, "renderedRateItems", void 0);
     question_rating_decorate([
         jsonobject_property({ defaultValue: false })
     ], QuestionRatingModel.prototype, "hasMinRateDescription", void 0);
@@ -69136,6 +69224,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         }
         if (!qValue[index])
             qValue[index] = {};
+        var oldVal = qValue[index][name];
         if (!this.isValueEmpty(val)) {
             qValue[index][name] = val;
         }
@@ -69145,17 +69234,20 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         if (index >= 0 && index < this.panelsCore.length) {
             this.changingValueQuestion = this.panelsCore[index].getQuestionByValueName(name);
         }
+        var options = {
+            panel: item.panel,
+            name: name,
+            panelIndex: index,
+            panelData: qValue[index],
+            value: val,
+            oldValue: oldVal
+        };
+        if (this.survey) {
+            this.survey.dynamicPanelItemValueChanging(this, options);
+        }
         this.value = qValue;
         this.changingValueQuestion = null;
         if (this.survey) {
-            var options = {
-                question: this,
-                panel: item.panel,
-                name: name,
-                itemIndex: index,
-                itemValue: qValue[index],
-                value: val,
-            };
             this.survey.dynamicPanelItemValueChanged(this, options);
         }
         this.isSetPanelItemData[name]--;
@@ -72540,9 +72632,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.19";
+Version = "" + "1.12.21";
 settings.version = Version;
-ReleaseDate = "" + "2025-01-15";
+ReleaseDate = "" + "2025-01-28";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName