survey-react 1.12.25 → 1.12.27

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.25
+ * surveyjs - Survey JavaScript library v1.12.27
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -12292,7 +12292,9 @@ var popup_PopupModel = /** @class */ (function (_super) {
     };
     PopupModel.prototype.updateDisplayMode = function (menuType) {
         if (this.displayMode !== menuType) {
-            this.setWidthByTarget = menuType === "dropdown";
+            var isDropdown = menuType === "dropdown";
+            this.setWidthByTarget = isDropdown;
+            this.isFocusedContent = !isDropdown;
         }
         switch (menuType) {
             case "dropdown": {
@@ -14831,6 +14833,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.currentSingleQuestion) === this)
+            return true;
         return (this.parent !== undefined && (!this.hasParent || this.parent && this.parent.showPanelAsPage));
     };
     SurveyElement.prototype.getHasFrameV2 = function () {
@@ -16531,6 +16536,7 @@ var Logger = /** @class */ (function () {
 }());
 
 function showConfirmDialog(message, callback, options) {
+    if (options === void 0) { options = {}; }
     var locStr = new localizablestring_LocalizableString(undefined);
     var popupViewModel = settings.showDialog({
         componentName: "sv-string-viewer",
@@ -18954,7 +18960,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;
 }());
@@ -19003,7 +19009,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) {
@@ -19309,13 +19315,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 = [];
@@ -19530,11 +19544,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);
@@ -19543,10 +19555,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) {
@@ -19561,16 +19570,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) {
+    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.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;
@@ -19947,11 +19975,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
@@ -26542,17 +26567,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");
@@ -30551,11 +30576,14 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         this.runFuncForCellQuestions(function (q) { q.localeChanged(); });
     };
     QuestionMatrixDropdownModelBase.prototype.runFuncForCellQuestions = function (func) {
-        if (!!this.generatedVisibleRows) {
-            for (var i = 0; i < this.generatedVisibleRows.length; i++) {
-                var row = this.generatedVisibleRows[i];
-                for (var j = 0; j < row.cells.length; j++) {
-                    func(row.cells[j].question);
+        var rows = this.generatedVisibleRows;
+        if (!!rows) {
+            for (var i = 0; i < rows.length; i++) {
+                var row = rows[i];
+                if (row.isVisible) {
+                    for (var j = 0; j < row.cells.length; j++) {
+                        func(row.cells[j].question);
+                    }
                 }
             }
         }
@@ -31148,6 +31176,7 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         return [];
     };
     QuestionMatrixDropdownModelBase.prototype.getProgressInfo = function () {
+        this.getIsRequireToGenerateRows() && this.generateVisibleRowsIfNeeded();
         if (!!this.generatedVisibleRows)
             return survey_element_SurveyElement.getProgressInfoByElements(this.getCellQuestions(), this.isRequired);
         var res = base_Base.createProgressInfo();
@@ -31158,6 +31187,9 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         }
         return res;
     };
+    QuestionMatrixDropdownModelBase.prototype.getIsRequireToGenerateRows = function () {
+        return !!this.rowsVisibleIf;
+    };
     QuestionMatrixDropdownModelBase.prototype.updateProgressInfoByValues = function (res) { };
     QuestionMatrixDropdownModelBase.prototype.updateProgressInfoByRow = function (res, rowValue) {
         for (var i = 0; i < this.columns.length; i++) {
@@ -32136,6 +32168,15 @@ var question_matrixdropdown_QuestionMatrixDropdownModel = /** @class */ (functio
     QuestionMatrixDropdownModel.prototype.getSearchableItemValueKeys = function (keys) {
         keys.push("rows");
     };
+    QuestionMatrixDropdownModel.prototype.getIsRequireToGenerateRows = function () {
+        if (_super.prototype.getIsRequireToGenerateRows.call(this))
+            return true;
+        for (var i = 0; i < this.rows.length; i++) {
+            if (!!this.rows[i].visibleIf)
+                return true;
+        }
+        return false;
+    };
     QuestionMatrixDropdownModel.prototype.updateProgressInfoByValues = function (res) {
         var val = this.value;
         if (!val)
@@ -34628,6 +34669,8 @@ var defaultV2Css = {
     imagepicker: {
         mainRoot: "sd-element sd-question sd-row__question",
         root: "sd-selectbase sd-imagepicker",
+        rootResponsive: "sd-imagepicker--responsive",
+        rootStatic: "sd-imagepicker--static",
         rootColumn: "sd-imagepicker--column",
         item: "sd-imagepicker__item",
         itemOnError: "sd-imagepicker__item--error",
@@ -44753,7 +44796,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         var q = this.currentSingleQuestion;
         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);
@@ -45043,7 +45086,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++) {
@@ -45145,7 +45188,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 };
@@ -45165,6 +45208,11 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return;
         this.gotoPageFromPreview = currentPage;
         this.isShowingPreview = false;
+        var q = this.currentSingleQuestion;
+        if (!!(q === null || q === void 0 ? void 0 : q.page)) {
+            q.page.updateRows();
+            this.currentPage = q.page;
+        }
     };
     SurveyModel.prototype.cancelPreviewByPage = function (panel) {
         this.cancelPreview(panel);
@@ -45327,6 +45375,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             rootPage.setSurveyImpl(this);
             this.pageContainerValue = rootPage;
             this.currentPage = rootPage;
+            if (!!this.currentSingleQuestionValue) {
+                this.visiblePages.forEach(function (page) { return page.updateRows(); });
+            }
         }
         if (!this.isSinglePage && !this.isShowingPreview) {
             this.disposeContainerPage();
@@ -45357,13 +45408,18 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         for (var i = 0; i < pages.length; i++) {
             var p = pages[i];
             if (!p.isStartPage && p.isVisible) {
-                p.addQuestionsToList(res, true);
+                var qs = [];
+                p.addQuestionsToList(qs, true);
+                qs.forEach(function (q) { if (q.isVisible)
+                    res.push(q); });
             }
         }
         return res;
     };
     Object.defineProperty(SurveyModel.prototype, "currentSingleQuestion", {
-        get: function () { return this.currentSingleQuestionValue; },
+        get: function () {
+            return !this.isShowingPreview ? this.currentSingleQuestionValue : undefined;
+        },
         set: function (val) {
             var oldVal = this.currentSingleQuestion;
             if (val !== oldVal && !this.isCompleted) {
@@ -45682,6 +45738,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.startTimerFromUI();
         this.onStarted.fire(this, {});
         this.updateVisibleIndexes();
+        this.currentPageNo = 0;
         if (!!this.currentPage) {
             this.currentPage.locStrsChanged();
         }
@@ -46760,6 +46817,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);
@@ -46931,6 +46991,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 question.onSurveyValueChanged(newValue);
             }
         }
+        this.updateProgressText(true);
         this.fireOnValueChanged(valueName, newValue, !!questionName ? this.getQuestionByName(questionName) : undefined);
         if (this.isDisposed)
             return;
@@ -55359,7 +55420,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) {
@@ -55370,7 +55431,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();
@@ -55378,17 +55439,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,
@@ -62570,7 +62637,7 @@ var question_file_QuestionFileModel = /** @class */ (function (_super) {
         if (this.needConfirmRemoveFile) {
             confirmActionAsync({
                 message: this.getConfirmRemoveMessage(data.name),
-                funcOnYes: function () { _this.clearFilesCore(); },
+                funcOnYes: function () { _this.removeFileCore(data); },
                 locale: this.getLocale(),
                 rootElement: this.survey.rootElement,
                 cssClass: this.cssClasses.confirmDialog
@@ -63748,21 +63815,13 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionRatingModel.prototype, "ratingRootCss", {
         get: function () {
-            var baseClassModifier = ((this.displayMode == "buttons" || (!!this.survey && this.survey.isDesignMode)) && this.cssClasses.rootWrappable) ?
-                this.cssClasses.rootWrappable : "";
-            var rootClassModifier = "";
-            if (this.hasMaxLabel || this.hasMinLabel) {
-                if (this.rateDescriptionLocation == "top")
-                    rootClassModifier = this.cssClasses.rootLabelsTop;
-                if (this.rateDescriptionLocation == "bottom")
-                    rootClassModifier = this.cssClasses.rootLabelsBottom;
-                if (this.rateDescriptionLocation == "topBottom")
-                    rootClassModifier = this.cssClasses.rootLabelsDiagonal;
-            }
+            var hasLabel = this.hasMaxLabel || this.hasMinLabel;
             return new CssClassBuilder()
                 .append(this.cssClasses.root)
-                .append(baseClassModifier)
-                .append(rootClassModifier)
+                .append(this.cssClasses.rootWrappable, this.displayMode == "buttons" || (!!this.survey && this.survey.isDesignMode) || (this.displayMode == "auto" && !this.supportResponsiveness()))
+                .append(this.cssClasses.rootLabelsTop, hasLabel && this.rateDescriptionLocation == "top")
+                .append(this.cssClasses.rootLabelsBottom, hasLabel && this.rateDescriptionLocation == "bottom")
+                .append(this.cssClasses.rootLabelsDiagonal, hasLabel && this.rateDescriptionLocation == "topBottom")
                 .append(this.cssClasses.itemSmall, this.itemSmallMode && this.rateType != "labels")
                 .toString();
         },
@@ -63988,7 +64047,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     };
     // TODO: return responsiveness after design improvement
     QuestionRatingModel.prototype.supportResponsiveness = function () {
-        return true;
+        return !this.inMatrixMode;
     };
     QuestionRatingModel.prototype.onBeforeSetCompactRenderer = function () {
         if (!this.dropdownListModelValue) {
@@ -64822,6 +64881,7 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
             }
             _this._width && _this.processResponsiveness(0, _this._width);
         };
+        _this.gridColCount = undefined;
         _this.colCount = 0;
         _this.registerPropertyChangedHandlers(["minImageWidth", "maxImageWidth", "minImageHeight", "maxImageHeight", "visibleChoices", "colCount", "isResponsiveValue"], function () {
             if (!!_this._width) {
@@ -65100,7 +65160,13 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
         this.addNewItemToVisibleChoices(items, isAddAll);
     };
     QuestionImagePickerModel.prototype.getSelectBaseRootCss = function () {
-        return new CssClassBuilder().append(_super.prototype.getSelectBaseRootCss.call(this)).append(this.cssClasses.rootColumn, this.getCurrentColCount() == 1).toString();
+        var isResponsive = this.isResponsive;
+        return new CssClassBuilder()
+            .append(_super.prototype.getSelectBaseRootCss.call(this))
+            .append(this.cssClasses.rootResponsive, isResponsive)
+            .append(this.cssClasses.rootStatic, !isResponsive)
+            .append(this.cssClasses.rootColumn, this.getCurrentColCount() == 1)
+            .toString();
     };
     Object.defineProperty(QuestionImagePickerModel.prototype, "isResponsive", {
         get: function () {
@@ -65138,6 +65204,14 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
         }
         return this.responsiveColCount;
     };
+    QuestionImagePickerModel.prototype.getContainerStyle = function () {
+        if (!this.isResponsive)
+            return {};
+        return {
+            gridAutoFlow: !this.gridColCount ? "column" : null,
+            gridTemplateColumns: this.gridColCount ? "repeat(" + this.gridColCount + ", 1fr)" : null
+        };
+    };
     QuestionImagePickerModel.prototype.processResponsiveness = function (_, availableWidth) {
         this._width = availableWidth = Math.floor(availableWidth);
         var calcAvailableColumnsCount = function (availableWidth, minWidth, gap) {
@@ -65155,24 +65229,25 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
             var minHeight = this.minImageHeight * this.imageScale;
             var colCount = this.colCount;
             var width_1;
+            var availableColumnsCount = calcAvailableColumnsCount(availableWidth, minWidth, gap);
             if (colCount === 0) {
                 if ((gap + minWidth) * itemsCount - gap > availableWidth) {
-                    var itemsInRow = calcAvailableColumnsCount(availableWidth, minWidth, gap);
-                    width_1 = Math.floor((availableWidth - gap * (itemsInRow - 1)) / itemsInRow);
+                    width_1 = Math.floor((availableWidth - gap * (availableColumnsCount - 1)) / availableColumnsCount);
                 }
                 else {
                     width_1 = Math.floor(((availableWidth - gap * (itemsCount - 1)) / itemsCount));
                 }
+                this.gridColCount = Math.max(Math.min(itemsCount, availableColumnsCount), 1);
             }
             else {
-                var availableColumnsCount = calcAvailableColumnsCount(availableWidth, minWidth, gap);
                 if (availableColumnsCount < colCount) {
-                    this.responsiveColCount = availableColumnsCount >= 1 ? availableColumnsCount : 1;
+                    this.responsiveColCount = Math.max(availableColumnsCount, 1);
                     colCount = this.responsiveColCount;
                 }
                 else {
                     this.responsiveColCount = colCount;
                 }
+                this.gridColCount = this.responsiveColCount;
                 width_1 = Math.floor((availableWidth - gap * (colCount - 1)) / colCount);
             }
             width_1 = Math.max(minWidth, Math.min(width_1, maxWidth));
@@ -65238,6 +65313,9 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
     question_imagepicker_decorate([
         jsonobject_property({})
     ], QuestionImagePickerModel.prototype, "responsiveColCount", void 0);
+    question_imagepicker_decorate([
+        jsonobject_property()
+    ], QuestionImagePickerModel.prototype, "gridColCount", void 0);
     return QuestionImagePickerModel;
 }(QuestionCheckboxBase));
 
@@ -72247,7 +72325,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;
@@ -72411,7 +72489,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");
@@ -72764,9 +72842,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.25";
+Version = "" + "1.12.27";
 settings.version = Version;
-ReleaseDate = "" + "2025-02-25";
+ReleaseDate = "" + "2025-03-12";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -83016,6 +83094,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) {
@@ -83124,6 +83217,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]);
         }
@@ -83155,6 +83251,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))
@@ -83177,21 +83276,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;
@@ -83199,6 +83284,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];
@@ -83602,8 +83692,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;
@@ -85216,10 +85308,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();
@@ -90822,7 +90910,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
     });
     SurveyQuestionImagePicker.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("fieldset", { className: this.question.getSelectBaseRootCss() },
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("fieldset", { className: this.question.getSelectBaseRootCss(), style: this.question.getContainerStyle() },
             external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
             this.question.hasColumns ? this.getColumns(cssClasses) : this.getItems(cssClasses)));
     };