survey-react 1.12.26 → 1.12.28

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.26
+ * surveyjs - Survey JavaScript library v1.12.28
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -9963,24 +9963,31 @@ var base_Bindings = /** @class */ (function () {
         return res;
     };
     Bindings.prototype.getJson = function () {
+        var _this = this;
         if (this.isEmpty())
             return undefined;
         var res = {};
-        for (var key in this.values) {
-            res[key] = this.values[key];
-        }
+        this.getNames().forEach(function (key) {
+            if (_this.values[key] !== undefined) {
+                res[key] = _this.values[key];
+            }
+        });
         return res;
     };
     Bindings.prototype.setJson = function (value, isLoading) {
+        var _this = this;
         var oldValue = this.getJson();
         this.values = null;
         if (!!value) {
-            this.values = {};
-            for (var key in value) {
-                this.values[key] = value[key];
-            }
+            this.getNames().forEach(function (key) {
+                if (value[key] !== undefined) {
+                    if (!_this.values)
+                        _this.values = {};
+                    _this.values[key] = value[key];
+                }
+            });
         }
-        if (!isLoading) {
+        if (!isLoading && !helpers_Helpers.isTwoValueEquals(oldValue, this.values)) {
             this.onChangedJSON(oldValue);
         }
     };
@@ -14833,6 +14840,9 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyElement.prototype.canHaveFrameStyles = function () {
+        var _a;
+        if (((_a = this.survey) === null || _a === void 0 ? void 0 : _a.currentSingleElement) === this)
+            return true;
         return (this.parent !== undefined && (!this.hasParent || this.parent && this.parent.showPanelAsPage));
     };
     SurveyElement.prototype.getHasFrameV2 = function () {
@@ -18957,7 +18967,7 @@ var TriggerExpressionInfo = /** @class */ (function () {
         this.name = name;
         this.canRun = canRun;
         this.doComplete = doComplete;
-        this.runSecondCheck = function (keys) { return false; };
+        this.getSecondRunner = function () { return undefined; };
     }
     return TriggerExpressionInfo;
 }());
@@ -19006,7 +19016,7 @@ var question_Question = /** @class */ (function (_super) {
             _this.finishSetValueOnExpression();
         });
         var setValueIfInfo = _this.addTriggerInfo("setValueIf", function () { return true; }, function () { return _this.runSetValueExpression(); });
-        setValueIfInfo.runSecondCheck = function (keys) { return _this.checkExpressionIf(keys); };
+        setValueIfInfo.getSecondRunner = function () { return _this.getSetValueExpressionRunner(); };
         _this.registerPropertyChangedHandlers(["width"], function () {
             _this.updateQuestionCss();
             if (!!_this.parent) {
@@ -19312,13 +19322,21 @@ var question_Question = /** @class */ (function (_super) {
             if (val == this.visible)
                 return;
             this.setPropertyValue("visible", val);
-            this.onVisibleChanged();
+            this.onVisibleChangedCore();
             this.notifySurveyVisibilityChanged();
         },
         enumerable: false,
         configurable: true
     });
     Question.prototype.onVisibleChanged = function () {
+        var prevVal = this.getPropertyValue("isVisible");
+        this.onVisibleChangedCore();
+        var newVal = this.getPropertyValue("isVisible");
+        if (prevVal !== undefined && prevVal !== newVal) {
+            this.notifySurveyVisibilityChanged();
+        }
+    };
+    Question.prototype.onVisibleChangedCore = function () {
         this.updateIsVisibleProp();
         if (!this.isVisible && this.errors && this.errors.length > 0) {
             this.errors = [];
@@ -19533,11 +19551,9 @@ var question_Question = /** @class */ (function (_super) {
             this.setValueExpressionRunner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
         }
     };
-    Question.prototype.checkExpressionIf = function (keys) {
+    Question.prototype.getSetValueExpressionRunner = function () {
         this.ensureSetValueExpressionRunner();
-        if (!this.setValueExpressionRunner)
-            return false;
-        return this.canExecuteTriggerByKeys(keys, this.setValueExpressionRunner);
+        return this.setValueExpressionRunner;
     };
     Question.prototype.addTriggerInfo = function (name, canRun, doComplete) {
         var info = new TriggerExpressionInfo(name, canRun, doComplete);
@@ -19546,10 +19562,7 @@ var question_Question = /** @class */ (function (_super) {
     };
     Question.prototype.runTriggerInfo = function (info, keys) {
         var expression = this[info.name];
-        if (!expression || info.isRunning || !info.canRun()) {
-            if (info.runSecondCheck(keys)) {
-                info.doComplete();
-            }
+        if (!expression && !info.getSecondRunner() || info.isRunning || !info.canRun()) {
             return;
         }
         if (!info.runner) {
@@ -19564,16 +19577,35 @@ var question_Question = /** @class */ (function (_super) {
         else {
             info.runner.expression = expression;
         }
-        if (!this.canExecuteTriggerByKeys(keys, info.runner) && !info.runSecondCheck(keys))
+        if (!this.canExecuteTriggerByKeys(keys, info.runner, info.getSecondRunner()))
             return;
         info.isRunning = true;
-        info.runner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
+        if (!expression && info.getSecondRunner()) {
+            info.doComplete();
+            info.isRunning = false;
+        }
+        else {
+            info.runner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
+        }
+    };
+    Question.prototype.canExecuteTriggerByKeys = function (keys, runner, secondRunner) {
+        if (!runner && !!secondRunner) {
+            runner = secondRunner;
+            secondRunner = undefined;
+        }
+        var run1 = this.canExecuteTriggerByKeysCore(keys, runner);
+        if (run1 === "var")
+            return true;
+        if (!secondRunner)
+            return run1 === "func";
+        var run2 = this.canExecuteTriggerByKeysCore(keys, secondRunner);
+        return run2 !== "";
     };
-    Question.prototype.canExecuteTriggerByKeys = function (keys, runner) {
+    Question.prototype.canExecuteTriggerByKeysCore = function (keys, runner) {
         var vars = runner.getVariables();
         if ((!vars || vars.length === 0) && runner.hasFunction())
-            return true;
-        return new conditionProcessValue_ProcessValue().isAnyKeyChanged(keys, vars);
+            return "func";
+        return new conditionProcessValue_ProcessValue().isAnyKeyChanged(keys, vars) ? "var" : "";
     };
     Question.prototype.runTriggers = function (name, value, keys) {
         var _this = this;
@@ -19950,11 +19982,8 @@ var question_Question = /** @class */ (function (_super) {
     });
     Object.defineProperty(Question.prototype, "renderedCommentPlaceholder", {
         get: function () {
-            var _this = this;
-            var func = function () {
-                return !_this.isReadOnly ? _this.commentPlaceHolder : undefined;
-            };
-            return this.getPropertyValue("renderedCommentPlaceholder", undefined, func);
+            var _a;
+            return (_a = this.getPropertyValue("renderedCommentPlaceholder")) !== null && _a !== void 0 ? _a : (!this.isReadOnly ? this.commentPlaceHolder : undefined);
         },
         enumerable: false,
         configurable: true
@@ -26545,17 +26574,17 @@ Serializer.addClass("expression", [
     { name: "minimumFractionDigits:number", default: -1 },
     { name: "useGrouping:boolean", default: true },
     { name: "precision:number", default: -1, category: "data" },
-    { name: "enableIf", visible: false },
-    { name: "isRequired", visible: false },
-    { name: "readOnly", visible: false },
-    { name: "requiredErrorText", visible: false },
-    { name: "resetValueIf", visible: false },
-    { name: "setValueIf", visible: false },
-    { name: "setValueExpression", visible: false },
-    { name: "defaultValueExpression", visible: false },
-    { name: "defaultValue", visible: false },
-    { name: "correctAnswer", visible: false },
-    { name: "requiredIf", visible: false }
+    { name: "enableIf", visible: false, isSerializable: false },
+    { name: "isRequired", visible: false, isSerializable: false },
+    { name: "readOnly", visible: false, isSerializable: false },
+    { name: "requiredErrorText", visible: false, isSerializable: false },
+    { name: "resetValueIf", visible: false, isSerializable: false },
+    { name: "setValueIf", visible: false, isSerializable: false },
+    { name: "setValueExpression", visible: false, isSerializable: false },
+    { name: "defaultValueExpression", visible: false, isSerializable: false },
+    { name: "defaultValue", visible: false, isSerializable: false },
+    { name: "correctAnswer", visible: false, isSerializable: false },
+    { name: "requiredIf", visible: false, isSerializable: false }
 ], function () {
     return new question_expression_QuestionExpressionModel("");
 }, "question");
@@ -39474,7 +39503,7 @@ var page_PageModel = /** @class */ (function (_super) {
     PageModel.prototype.getElementsForRows = function () {
         var _a;
         if (!this.isStartPage) {
-            var q = (_a = this.survey) === null || _a === void 0 ? void 0 : _a.currentSingleQuestion;
+            var q = (_a = this.survey) === null || _a === void 0 ? void 0 : _a.currentSingleElement;
             if (!!q) {
                 if (q.page === this)
                     return [q];
@@ -39512,7 +39541,7 @@ var page_PageModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(PageModel.prototype, "cssTitleNumber", {
         get: function () {
-            return this.cssClasses.page.number;
+            return this.isPanel ? this.cssClasses.panel.number : this.cssClasses.page.number;
         },
         enumerable: false,
         configurable: true
@@ -39762,9 +39791,9 @@ var page_PageModel = /** @class */ (function (_super) {
             }
         }
         if (this.randomizeElements(this.areQuestionsRandomized)) {
-            var singleQuestion = (_a = this.survey) === null || _a === void 0 ? void 0 : _a.currentSingleQuestion;
+            var singleQuestion = (_a = this.survey) === null || _a === void 0 ? void 0 : _a.currentSingleElement;
             if ((singleQuestion === null || singleQuestion === void 0 ? void 0 : singleQuestion.page) === this) {
-                this.survey.currentSingleQuestion = this.getFirstVisibleQuestion();
+                this.survey.currentSingleElement = this.elements[0];
             }
         }
     };
@@ -44099,7 +44128,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             if (newPage == this.currentPage)
                 return;
             var oldValue = this.currentPage;
-            if (!this.isShowingPreview && !this.currentSingleQuestion && !this.currentPageChanging(newPage, oldValue))
+            if (!this.isShowingPreview && !this.currentSingleElement && !this.currentPageChanging(newPage, oldValue))
                 return;
             this.setPropertyValue("currentPage", newPage);
             if (!!newPage) {
@@ -44466,9 +44495,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.onFirstPageIsStartedChanged();
         if (goToFirstPage) {
             this.currentPage = this.firstVisiblePage;
-            if (this.currentSingleQuestion) {
+            if (this.currentSingleElement) {
                 var questions = this.getSingleQuestions();
-                this.currentSingleQuestion = questions.length > 0 ? questions[0] : undefined;
+                this.currentSingleElement = questions.length > 0 ? questions[0] : undefined;
             }
         }
         if (clearData) {
@@ -44517,7 +44546,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         if (this.isCurrentPageRendered === true) {
             this.isCurrentPageRendered = false;
         }
-        if (!this.currentSingleQuestion) {
+        if (!this.currentSingleElement) {
             var options = this.createPageChangeEventOptions(newValue, oldValue);
             this.onCurrentPageChanged.fire(this, options);
         }
@@ -44764,37 +44793,44 @@ var survey_SurveyModel = /** @class */ (function (_super) {
      * @see completeLastPage
      */
     SurveyModel.prototype.nextPage = function () {
-        if (this.currentSingleQuestion)
+        if (this.currentSingleElement)
             return this.performNext();
         if (this.isLastPage)
             return false;
         return this.doCurrentPageComplete(false);
     };
     SurveyModel.prototype.performNext = function () {
-        var q = this.currentSingleQuestion;
+        var q = this.currentSingleElement;
         if (!q)
             return this.nextPage();
-        if (!q.validate(true))
+        if (this.validationEnabled && !q.validate(true))
             return false;
         var questions = this.getSingleQuestions();
         var index = questions.indexOf(q);
         if (index < 0 || index === questions.length - 1)
             return false;
-        var key = {};
-        key[q.name] = q.value;
-        this.checkTriggers(key, false, false, true, q.name);
-        this.currentSingleQuestion = questions[index + 1];
+        var keys = {};
+        if (q.isQuestion) {
+            keys[q.name] = q.value;
+        }
+        else {
+            if (q.isPanel) {
+                keys = q.getValue();
+            }
+        }
+        this.checkTriggers(keys, false, false, true, q.name);
+        this.currentSingleElement = questions[index + 1];
         return true;
     };
     SurveyModel.prototype.performPrevious = function () {
-        var q = this.currentSingleQuestion;
+        var q = this.currentSingleElement;
         if (!q)
             return this.prevPage();
         var questions = this.getSingleQuestions();
         var index = questions.indexOf(q);
         if (index === 0)
             return false;
-        this.currentSingleQuestion = questions[index - 1];
+        this.currentSingleElement = questions[index - 1];
         return true;
     };
     SurveyModel.prototype.hasErrorsOnNavigate = function (doComplete) {
@@ -45052,8 +45088,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         if (!page)
             return true;
         var res = false;
-        if (this.currentSingleQuestion) {
-            res = !this.currentSingleQuestion.validate(true);
+        if (this.currentSingleElement) {
+            res = !this.currentSingleElement.validate(true);
         }
         else {
             res = !page.validate(true, isFocuseOnFirstError);
@@ -45064,7 +45100,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.fireValidatedErrorsOnPage = function (page) {
         if (this.onValidatedErrorsOnCurrentPage.isEmpty || !page)
             return;
-        var questionsOnPage = page.questions;
+        var questionsOnPage = this.getNestedQuestionsByQuestionArray(page.questions, true);
         var questions = new Array();
         var errors = new Array();
         for (var i = 0; i < questionsOnPage.length; i++) {
@@ -45092,7 +45128,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
      */
     SurveyModel.prototype.prevPage = function () {
         var _this = this;
-        if (this.currentSingleQuestion)
+        if (this.currentSingleElement)
             return this.performPrevious();
         if (this.isFirstPage || this.state === "starting")
             return false;
@@ -45166,7 +45202,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 return false;
         }
         this.showPreviewCore();
-        return true;
+        return this.isShowingPreview;
     };
     SurveyModel.prototype.showPreviewCore = function () {
         var options = { allowShowPreview: true, allow: true };
@@ -45181,11 +45217,17 @@ var survey_SurveyModel = /** @class */ (function (_super) {
      * @see state
      */
     SurveyModel.prototype.cancelPreview = function (currentPage) {
+        var _a;
         if (currentPage === void 0) { currentPage = null; }
         if (!this.isShowingPreview)
             return;
         this.gotoPageFromPreview = currentPage;
         this.isShowingPreview = false;
+        var page = (_a = this.currentSingleElement) === null || _a === void 0 ? void 0 : _a.page;
+        if (!!page) {
+            page.updateRows();
+            this.currentPage = page;
+        }
     };
     SurveyModel.prototype.cancelPreviewByPage = function (panel) {
         this.cancelPreview(panel);
@@ -45348,6 +45390,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             rootPage.setSurveyImpl(this);
             this.pageContainerValue = rootPage;
             this.currentPage = rootPage;
+            if (!!this.currentSingleElementValue) {
+                this.visiblePages.forEach(function (page) { return page.updateRows(); });
+            }
         }
         if (!this.isSinglePage && !this.isShowingPreview) {
             this.disposeContainerPage();
@@ -45375,32 +45420,44 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.getSingleQuestions = function () {
         var res = new Array();
         var pages = this.pages;
-        for (var i = 0; i < pages.length; i++) {
+        var _loop_3 = function () {
             var p = pages[i];
             if (!p.isStartPage && p.isVisible) {
-                p.addQuestionsToList(res, true);
+                var qs_1 = [];
+                //p.addQuestionsToList(qs, true);
+                p.elements.forEach(function (el) { return qs_1.push(el); });
+                qs_1.forEach(function (q) { if (q.isVisible)
+                    res.push(q); });
             }
+        };
+        for (var i = 0; i < pages.length; i++) {
+            _loop_3();
         }
         return res;
     };
-    Object.defineProperty(SurveyModel.prototype, "currentSingleQuestion", {
-        get: function () { return this.currentSingleQuestionValue; },
+    Object.defineProperty(SurveyModel.prototype, "currentSingleElement", {
+        get: function () {
+            return !this.isShowingPreview ? this.currentSingleElementValue : undefined;
+        },
         set: function (val) {
-            var oldVal = this.currentSingleQuestion;
+            var _a;
+            var oldVal = this.currentSingleElement;
             if (val !== oldVal && !this.isCompleted) {
-                var options = !!val && !!oldVal ? this.createPageChangeEventOptions(val.page, oldVal.page, val, oldVal) : undefined;
+                var valQuestion = (val === null || val === void 0 ? void 0 : val.isQuestion) ? val : undefined;
+                var oldValQuestion = (oldVal === null || oldVal === void 0 ? void 0 : oldVal.isQuestion) ? oldVal : undefined;
+                var page = (_a = val) === null || _a === void 0 ? void 0 : _a.page;
+                var options = !!page && !!oldVal ? this.createPageChangeEventOptions(page, oldVal.page, valQuestion, oldValQuestion) : undefined;
                 if (!!options && !this.currentPageChangingFromOptions(options))
                     return;
-                this.currentSingleQuestionValue = val;
+                this.currentSingleElementValue = val;
                 if (!!val) {
-                    var page = val.page;
                     page.updateRows();
                     if (page !== this.currentPage) {
                         this.currentPage = page;
                     }
                     else {
-                        if (this.focusFirstQuestionAutomatic) {
-                            val.focus();
+                        if (!!valQuestion && this.focusFirstQuestionAutomatic) {
+                            valQuestion.focus();
                         }
                     }
                     this.updateButtonsVisibility();
@@ -45416,10 +45473,21 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "currentSingleQuestion", {
+        get: function () {
+            var res = this.currentSingleElement;
+            return !!res && res.isQuestion ? res : undefined;
+        },
+        set: function (val) {
+            this.currentSingleElement = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyModel.prototype.onQuestionsOnPageModeChanged = function (oldValue) {
         if (this.isShowingPreview || this.isDesignMode)
             return;
-        this.currentSingleQuestion = undefined;
+        this.currentSingleElement = undefined;
         if (oldValue === "singlePage") {
             this.updatePagesContainer();
         }
@@ -45429,7 +45497,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         if (this.isSingleVisibleQuestion) {
             var questions = this.getSingleQuestions();
             if (questions.length > 0) {
-                this.currentSingleQuestion = questions[0];
+                this.currentSingleElement = questions[0];
             }
         }
     };
@@ -45521,7 +45589,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.setPropertyValue("isLastPage", !!curPage && curPage === this.lastVisiblePage);
         var fVal = undefined;
         var lVal = undefined;
-        var q = this.currentSingleQuestion;
+        var q = this.currentSingleElement;
         if (!!q) {
             var questions = this.getSingleQuestions();
             var index = questions.indexOf(q);
@@ -46782,6 +46850,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
         if (!includeNested)
             return res;
+        return this.getNestedQuestionsByQuestionArray(res, visibleOnly);
+    };
+    SurveyModel.prototype.getNestedQuestionsByQuestionArray = function (res, visibleOnly) {
         var res2 = [];
         res.forEach(function (q) {
             res2.push(q);
@@ -47802,10 +47873,10 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return;
         if (!question.validate(false) && !question.supportGoNextPageError())
             return;
-        if (!!this.currentSingleQuestion) {
-            var curQuestion_1 = this.currentSingleQuestion;
+        if (!!this.currentSingleElement) {
+            var curQuestion_1 = this.currentSingleElement;
             var goNextQuestion = function () {
-                if (curQuestion_1 !== _this.currentSingleQuestion)
+                if (curQuestion_1 !== _this.currentSingleElement)
                     return;
                 if (!_this.isLastElement) {
                     _this.performNext();
@@ -48821,7 +48892,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         if (isNeedWaitForPageRendered) {
             this.currentPage = question.page;
             if (this.isSingleVisibleQuestion && !this.isDesignMode) {
-                this.currentSingleQuestion = question;
+                this.currentSingleElement = question;
             }
         }
         if (!isNeedWaitForPageRendered) {
@@ -54530,7 +54601,8 @@ var question_matrix_MatrixCells = /** @class */ (function (_super) {
             var rowValues = this.values[row];
             for (var col in rowValues) {
                 if (row === this.defaultRowValue || !defaultRow || defaultRow[col] !== rowValues[col]) {
-                    resRow[col] = rowValues[col];
+                    var loc = this.getCellLocCore(row, col);
+                    resRow[col] = loc ? loc.getJson() : rowValues[col];
                 }
             }
             res[row] = resRow;
@@ -55382,7 +55454,7 @@ var InputElementAdapter = /** @class */ (function () {
         this.inputMaskInstancePropertyChangedHandler = function (sender, options) {
             if (options.name !== "saveMaskedValue") {
                 var maskedValue = _this.inputMaskInstance.getMaskedValue(_this.prevUnmaskedValue);
-                _this.inputElement.value = maskedValue;
+                _this.setInputValue(maskedValue);
             }
         };
         this.clickHandler = function (event) {
@@ -55393,7 +55465,7 @@ var InputElementAdapter = /** @class */ (function () {
         this.beforeInputHandler = function (event) {
             var args = _this.createArgs(event);
             var result = _this.inputMaskInstance.processInput(args);
-            _this.inputElement.value = result.value;
+            _this.setInputValue(result.value);
             _this.inputElement.setSelectionRange(result.caretPosition, result.caretPosition);
             if (!result.cancelPreventDefault) {
                 event.preventDefault();
@@ -55401,17 +55473,23 @@ var InputElementAdapter = /** @class */ (function () {
         };
         this.changeHandler = function (event) {
             var result = _this.inputMaskInstance.processInput({ prevValue: "", insertedChars: event.target.value, selectionStart: 0, selectionEnd: 0 });
-            _this.inputElement.value = result.value;
+            _this.setInputValue(result.value);
         };
         var _value = value;
         if (_value === null || _value === undefined) {
             _value = "";
         }
-        this.inputElement.value = inputMaskInstance.getMaskedValue(_value);
+        this.setInputValue(inputMaskInstance.getMaskedValue(_value));
         this.prevUnmaskedValue = _value;
         inputMaskInstance.onPropertyChanged.add(this.inputMaskInstancePropertyChangedHandler);
         this.addInputEventListener();
     }
+    InputElementAdapter.prototype.setInputValue = function (value) {
+        if (this.inputElement.maxLength >= 0 && this.inputElement.maxLength < value.length) {
+            value = value.slice(0, this.inputElement.maxLength);
+        }
+        this.inputElement.value = value;
+    };
     InputElementAdapter.prototype.createArgs = function (event) {
         var args = {
             insertedChars: event.data,
@@ -72281,7 +72359,7 @@ var mask_datetime_InputMaskDateTime = /** @class */ (function (_super) {
         var maxYear = dateTime.max.getFullYear();
         if (checkOnlyLeapYears) {
             minYear = Math.ceil(minYear / 4) * 4;
-            maxYear = Math.floor(minYear / 4) * 4;
+            maxYear = Math.floor(maxYear / 4) * 4;
             if (minYear > maxYear) {
                 minYear = undefined;
                 maxYear = undefined;
@@ -72445,7 +72523,7 @@ var mask_datetime_InputMaskDateTime = /** @class */ (function (_super) {
         var isoMin, isoMax;
         if (this.hasDatePart) {
             isoMin = this.min || "0001-01-01";
-            isoMax = this.max || "9999-12-31";
+            isoMax = this.max || "9996-12-31";
         }
         else {
             isoMin = this.defaultDate + (this.min || "00:00:00");
@@ -72798,9 +72876,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.26";
+Version = "" + "1.12.28";
 settings.version = Version;
-ReleaseDate = "" + "2025-03-03";
+ReleaseDate = "" + "2025-03-18";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -80840,7 +80918,7 @@ var simplifiedChineseSurveyStrings = {
     selectAllItemText: "选择全部",
     deselectAllItemText: "取消全选",
     progressText: "第 {0} 页, 共 {1} 页",
-    indexText: "{1}{0}",
+    indexText: "第 {0} 页，共 {1} 页",
     panelDynamicProgressText: "{0} of {1}",
     panelDynamicTabTextFormat: "面板 {面板索引}",
     questionsProgressText: "第 {0}/{1} 题",
@@ -80938,7 +81016,6 @@ var simplifiedChineseSurveyStrings = {
 setupLocale({ localeCode: "zh-cn", strings: simplifiedChineseSurveyStrings, nativeName: "简体中文", englishName: "Simplified Chinese" });
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
-// indexText: "{0} of {1}" => "{1}{0}"
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "面板 {面板索引}"
 // ratingOptionsCaption: "Select..." => "选择。。。"
 // filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "将文件拖放到此处或单击下面的按钮并选择要上传的文件。"
@@ -80960,9 +81037,15 @@ setupLocale({ localeCode: "zh-cn", strings: simplifiedChineseSurveyStrings, nati
 // ok: "OK" => "还行"
 // cancel: "Cancel" => "取消"
 // refuseItemText: "Refuse to answer" => "拒绝回答"
-// dontKnowItemText: "Don't know" => "不知道"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "您的回复超过 64KB。请减小文件的大小，然后重试或联系调查所有者。"
-// signaturePlaceHolderReadOnly: "No signature" => "无签名"// tabTitlePlaceholder: "New Panel" => "新面板"// deselectAllItemText: "Deselect all" => "取消全选"
+// dontKnowItemText: "Don't know" => "不知道"
+// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "您的回复超过 64KB。请减小文件的大小，然后重试或联系调查所有者。"
+// signaturePlaceHolderReadOnly: "No signature" => "无签名"
+// tabTitlePlaceholder: "New Panel" => "新面板"
+// deselectAllItemText: "Deselect all" => "取消全选"
 // textNoDigitsAllow: "Numbers are not allowed." => "不允许使用数字。"
+// choices_Choice: "Choice option" => "Choice 选项"
+// loadingPage: "Loading..." => "装载。。。"
+// loadingData: "Loading..." => "装载。。。"
 
 // CONCATENATED MODULE: ./packages/survey-core/src/localization/slovak.ts
 
@@ -83050,6 +83133,21 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this._allowComponentUpdate = true;
         _this.prevStateElements = [];
+        _this.propertyValueChangedHandler = function (hash, key, val) {
+            if (hash[key] !== val) {
+                hash[key] = val;
+                if (!_this.canUsePropInState(key))
+                    return;
+                if (_this.isRendering)
+                    return;
+                _this.changedStatePropNameValue = key;
+                _this.setState(function (state) {
+                    var newState = {};
+                    newState[key] = val;
+                    return newState;
+                });
+            }
+        };
         return _this;
     }
     SurveyElementBase.renderLocString = function (locStr, style, key) {
@@ -83158,6 +83256,9 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
     };
     SurveyElementBase.prototype.unMakeBaseElementsReact = function () {
         var els = this.getStateElements();
+        this.unMakeBaseElementsReactive(els);
+    };
+    SurveyElementBase.prototype.unMakeBaseElementsReactive = function (els) {
         for (var i = 0; i < els.length; i++) {
             this.unMakeBaseElementReact(els[i]);
         }
@@ -83189,6 +83290,9 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
     SurveyElementBase.prototype.canMakeReact = function (stateElement) {
         return !!stateElement && !!stateElement.iteratePropertiesHash;
     };
+    SurveyElementBase.prototype.isCurrentStateElement = function (stateElement) {
+        return !!stateElement && !!stateElement.setPropertyValueCoreHandler && stateElement.setPropertyValueCoreHandler === this.propertyValueChangedHandler;
+    };
     SurveyElementBase.prototype.makeBaseElementReact = function (stateElement) {
         var _this = this;
         if (!this.canMakeReact(stateElement))
@@ -83211,21 +83315,7 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
                 };
             }
         });
-        stateElement.setPropertyValueCoreHandler = function (hash, key, val) {
-            if (hash[key] !== val) {
-                hash[key] = val;
-                if (!_this.canUsePropInState(key))
-                    return;
-                if (_this.isRendering)
-                    return;
-                _this.changedStatePropNameValue = key;
-                _this.setState(function (state) {
-                    var newState = {};
-                    newState[key] = val;
-                    return newState;
-                });
-            }
-        };
+        stateElement.setPropertyValueCoreHandler = this.propertyValueChangedHandler;
     };
     SurveyElementBase.prototype.canUsePropInState = function (key) {
         return true;
@@ -83233,6 +83323,11 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
     SurveyElementBase.prototype.unMakeBaseElementReact = function (stateElement) {
         if (!this.canMakeReact(stateElement))
             return;
+        if (!this.isCurrentStateElement(stateElement)) {
+            // eslint-disable-next-line no-console
+            // console.warn("Looks like the component is bound to another survey element. It is not supported and can lead to issues.");
+            // return;
+        }
         stateElement.setPropertyValueCoreHandler = undefined;
         stateElement.iteratePropertiesHash(function (hash, key) {
             var val = hash[key];
@@ -83636,8 +83731,10 @@ var row_SurveyRow = /** @class */ (function (_super) {
     };
     SurveyRow.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
-        this.row.setRootElement(undefined);
-        this.stopLazyRendering();
+        if (this.isCurrentStateElement(this.getStateElement())) {
+            this.row.setRootElement(undefined);
+            this.stopLazyRendering();
+        }
     };
     SurveyRow.prototype.createElement = function (element, elementIndex) {
         var index = elementIndex ? "-" + elementIndex : 0;
@@ -85250,10 +85347,6 @@ var page_SurveyPage = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    // shouldComponentUpdate(nextProps: any, nextState: any): boolean {
-    //   if(!super.shouldComponentUpdate(nextProps, nextState)) return false;
-    //   return true;
-    // }
     SurveyPage.prototype.renderElement = function () {
         var title = this.renderTitle();
         var description = this.renderDescription();