survey-react 1.12.5 → 1.12.7

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.5
+ * surveyjs - Survey JavaScript library v1.12.7
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -3123,6 +3123,9 @@ var jsonobject_JsonMetadataClass = /** @class */ (function () {
             if (propInfo.readOnly === true) {
                 prop.readOnly = true;
             }
+            if (propInfo.availableInMatrixColumn === true) {
+                prop.availableInMatrixColumn = true;
+            }
             if (propInfo.choices) {
                 var choicesFunc = typeof propInfo.choices === "function" ? propInfo.choices : null;
                 var choicesValue = typeof propInfo.choices !== "function" ? propInfo.choices : null;
@@ -13036,18 +13039,6 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
                 requestAnimationFrame(checkPos_1);
             };
             DomWindowHelper.requestAnimationFrame(checkPos_1);
-            // let currPageXOffset = window.pageXOffset;
-            // let currPageYOffset = window.pageYOffset;
-            // var scrollDone = setInterval(() => {
-            //   DomWindowHelper.requestAnimationFrame(() => {
-            //     if (currPageXOffset == window.pageXOffset && currPageYOffset == window.pageYOffset) {
-            //       clearInterval(scrollDone);
-            //       doneCallback();
-            //     }
-            //     currPageXOffset = window.pageXOffset;
-            //     currPageYOffset = window.pageYOffset;
-            //   });
-            // }, 25);
         }
     };
     SurveyElement.ScrollElementToTop = function (elementId, scrollIfVisible, scrollIntoViewOptions, doneCallback) {
@@ -13058,12 +13049,17 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
         return SurveyElement.ScrollElementToViewCore(el, false, scrollIfVisible, scrollIntoViewOptions, doneCallback);
     };
     SurveyElement.ScrollElementToViewCore = function (el, checkLeft, scrollIfVisible, scrollIntoViewOptions, doneCallback) {
-        if (!el || !el.scrollIntoView)
+        if (!el || !el.scrollIntoView) {
+            doneCallback && doneCallback();
             return false;
+        }
         var needScroll = SurveyElement.IsNeedScrollIntoView(el, checkLeft, scrollIfVisible);
         if (needScroll) {
             SurveyElement.ScrollIntoView(el, scrollIntoViewOptions, doneCallback);
         }
+        else {
+            doneCallback && doneCallback();
+        }
         return needScroll;
     };
     SurveyElement.GetFirstNonTextElement = function (elements, removeSpaces) {
@@ -13084,22 +13080,22 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
         }
         return null;
     };
-    SurveyElement.FocusElement = function (elementId) {
+    SurveyElement.FocusElement = function (elementId, isTimeOut, containerEl) {
         if (!elementId || !DomDocumentHelper.isAvailable())
             return false;
-        var res = SurveyElement.focusElementCore(elementId);
+        var res = !isTimeOut ? SurveyElement.focusElementCore(elementId, containerEl) : false;
         if (!res) {
             setTimeout(function () {
-                SurveyElement.focusElementCore(elementId);
-            }, 10);
+                SurveyElement.focusElementCore(elementId, containerEl);
+            }, isTimeOut ? 100 : 10);
         }
         return res;
     };
-    SurveyElement.focusElementCore = function (elementId) {
+    SurveyElement.focusElementCore = function (elementId, containerEl) {
         var root = settings.environment.root;
-        if (!root)
+        if (!root && !containerEl)
             return false;
-        var el = root.getElementById(elementId);
+        var el = containerEl ? containerEl.querySelector("#" + CSS.escape(elementId)) : root.getElementById(elementId);
         // https://stackoverflow.com/questions/19669786/check-if-element-is-visible-in-dom
         if (el && !el["disabled"] && el.style.display !== "none" && el.offsetParent !== null) {
             SurveyElement.ScrollElementToViewCore(el, true, false);
@@ -16787,6 +16783,11 @@ var validator_SurveyValidator = /** @class */ (function (_super) {
         _this.createLocalizableString("text", _this, true);
         return _this;
     }
+    Object.defineProperty(SurveyValidator.prototype, "isValidator", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
     SurveyValidator.prototype.getSurvey = function (live) {
         if (live === void 0) { live = false; }
         return !!this.errorOwner && !!this.errorOwner["getSurvey"]
@@ -19265,6 +19266,7 @@ var question_Question = /** @class */ (function (_super) {
      * @param onError Pass `true` if you want to focus an input field with the first validation error. Default value: `false` (focuses the first input field). Applies to question types with multiple input fields.
      */
     Question.prototype.focus = function (onError, scrollIfVisible) {
+        var _this = this;
         if (onError === void 0) { onError = false; }
         if (this.isDesignMode || !this.isVisible || !this.survey)
             return;
@@ -19274,20 +19276,23 @@ var question_Question = /** @class */ (function (_super) {
             this.survey.focusQuestionByInstance(this, onError);
         }
         else {
-            this.focuscore(onError, scrollIfVisible);
-        }
-    };
-    Question.prototype.focuscore = function (onError, scrollIfVisible) {
-        if (onError === void 0) { onError = false; }
-        if (!!this.survey) {
-            this.expandAllParents();
-            this.survey.scrollElementToTop(this, this, null, this.id, scrollIfVisible);
+            if (!!this.survey) {
+                this.expandAllParents();
+                var scrollOptions = this.survey["isSmoothScrollEnabled"] ? { behavior: "smooth" } : undefined;
+                this.survey.scrollElementToTop(this, this, null, this.id, scrollIfVisible, scrollOptions, undefined, function () {
+                    _this.focusInputElement(onError);
+                });
+            }
+            else {
+                this.focusInputElement(onError);
+            }
         }
-        this.focusInputElement(onError);
     };
     Question.prototype.focusInputElement = function (onError) {
+        var _a;
         var id = !onError ? this.getFirstInputElementId() : this.getFirstErrorInputElementId();
-        if (survey_element_SurveyElement.FocusElement(id)) {
+        var surveyRoot = (_a = this.survey) === null || _a === void 0 ? void 0 : _a.rootElement;
+        if (survey_element_SurveyElement.FocusElement(id, false, surveyRoot)) {
             this.fireCallback(this.focusCallback);
         }
     };
@@ -20810,9 +20815,12 @@ var question_Question = /** @class */ (function (_super) {
             if (this.isValueEmpty(value) && helpers_Helpers.isNumber(this[propName])) {
                 value = 0;
             }
-            this[propName] = value;
+            this.updateBindingProp(propName, value);
         }
     };
+    Question.prototype.updateBindingProp = function (propName, value) {
+        this[propName] = value;
+    };
     Question.prototype.getComponentName = function () {
         return RendererFactory.Instance.getRendererByQuestion(this);
     };
@@ -27914,7 +27922,7 @@ var MatrixDropdownRowTextProcessor = /** @class */ (function (_super) {
             textValue.value = this.row.rowIndex;
             return true;
         }
-        if (textValue.name == question_matrixdropdownbase_MatrixDropdownRowModelBase.RowValueVariableName) {
+        if ([question_matrixdropdownbase_MatrixDropdownRowModelBase.RowValueVariableName, question_matrixdropdownbase_MatrixDropdownRowModelBase.RowNameVariableName].indexOf(textValue.name) > -1) {
             textValue.isExists = true;
             textValue.value = this.row.rowName;
             return true;
@@ -28148,11 +28156,12 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
     MatrixDropdownRowModelBase.prototype.applyRowVariablesToValues = function (res, rowIndex) {
         res[MatrixDropdownRowModelBase.IndexVariableName] = rowIndex;
         res[MatrixDropdownRowModelBase.RowValueVariableName] = this.rowName;
+        res[MatrixDropdownRowModelBase.RowNameVariableName] = this.rowName;
     };
     MatrixDropdownRowModelBase.prototype.runCondition = function (values, properties, rowsVisibleIf) {
-        if (!!this.data) {
-            values[MatrixDropdownRowModelBase.OwnerVariableName] = this.data.getFilteredData();
-        }
+        if (!this.data)
+            return;
+        values[MatrixDropdownRowModelBase.OwnerVariableName] = this.data.getFilteredData();
         var rowIndex = this.rowIndex;
         this.applyRowVariablesToValues(values, rowIndex);
         var newProps = helpers_Helpers.createCopy(properties);
@@ -28563,11 +28572,14 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
     };
     Object.defineProperty(MatrixDropdownRowModelBase.prototype, "rowIndex", {
         get: function () {
-            return !!this.data ? this.data.getRowIndex(this) + 1 : -1;
+            return this.getRowIndex();
         },
         enumerable: false,
         configurable: true
     });
+    MatrixDropdownRowModelBase.prototype.getRowIndex = function () {
+        return !!this.data ? this.data.getRowIndex(this) + 1 : -1;
+    };
     Object.defineProperty(MatrixDropdownRowModelBase.prototype, "editingObj", {
         get: function () {
             return this.editingObjValue;
@@ -28605,6 +28617,7 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
     MatrixDropdownRowModelBase.OwnerVariableName = "self";
     MatrixDropdownRowModelBase.IndexVariableName = "rowIndex";
     MatrixDropdownRowModelBase.RowValueVariableName = "rowValue";
+    MatrixDropdownRowModelBase.RowNameVariableName = "rowName";
     MatrixDropdownRowModelBase.idCounter = 1;
     return MatrixDropdownRowModelBase;
 }());
@@ -29268,9 +29281,9 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         return !!question ? question.getConditionJson(operator) : null;
     };
     QuestionMatrixDropdownModelBase.prototype.clearIncorrectValues = function () {
-        var rows = this.visibleRows;
-        if (!rows)
+        if (!Array.isArray(this.visibleRows))
             return;
+        var rows = this.generatedVisibleRows;
         for (var i = 0; i < rows.length; i++) {
             rows[i].clearIncorrectValues(this.getRowValue(i));
         }
@@ -29675,13 +29688,13 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
      * @see setRowValue
      */
     QuestionMatrixDropdownModelBase.prototype.getRowValue = function (rowIndex) {
-        if (rowIndex < 0)
+        if (rowIndex < 0 || !Array.isArray(this.visibleRows))
             return null;
-        var visRows = this.visibleRows;
-        if (rowIndex >= visRows.length)
+        var rows = this.generatedVisibleRows;
+        if (rowIndex >= rows.length)
             return null;
         var newValue = this.createNewValue();
-        return this.getRowValueCore(visRows[rowIndex], newValue);
+        return this.getRowValueCore(rows[rowIndex], newValue);
     };
     QuestionMatrixDropdownModelBase.prototype.checkIfValueInRowDuplicated = function (checkedRow, cellQuestion) {
         if (!this.generatedVisibleRows)
@@ -30333,9 +30346,9 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         return { value: newValue, rowValue: rowValue };
     };
     QuestionMatrixDropdownModelBase.prototype.getRowIndex = function (row) {
-        if (!this.generatedVisibleRows)
+        if (!Array.isArray(this.generatedVisibleRows))
             return -1;
-        return this.visibleRows.indexOf(row);
+        return this.generatedVisibleRows.indexOf(row);
     };
     QuestionMatrixDropdownModelBase.prototype.getElementsInDesign = function (includeHidden) {
         if (includeHidden === void 0) { includeHidden = false; }
@@ -30733,17 +30746,17 @@ var question_matrixdropdown_QuestionMatrixDropdownModel = /** @class */ (functio
         if (!rows)
             return res;
         for (var i = 0; i < rows.length; i++) {
-            var rowValue = rows[i].rowName;
-            var val = value[rowValue];
+            var rowName = rows[i].rowName;
+            var val = value[rowName];
             if (!val)
                 continue;
             if (keysAsText) {
-                var displayRowValue = itemvalue_ItemValue.getTextOrHtmlByValue(this.rows, rowValue);
+                var displayRowValue = itemvalue_ItemValue.getTextOrHtmlByValue(this.rows, rowName);
                 if (!!displayRowValue) {
-                    rowValue = displayRowValue;
+                    rowName = displayRowValue;
                 }
             }
-            res[rowValue] = this.getRowDisplayValue(keysAsText, rows[i], val);
+            res[rowName] = this.getRowDisplayValue(keysAsText, rows[i], val);
         }
         return res;
     };
@@ -30798,11 +30811,11 @@ var question_matrixdropdown_QuestionMatrixDropdownModel = /** @class */ (functio
         }
         _super.prototype.clearGeneratedRows.call(this);
     };
-    QuestionMatrixDropdownModel.prototype.getRowValueForCreation = function (val, rowValue) {
-        var res = val[rowValue];
+    QuestionMatrixDropdownModel.prototype.getRowValueForCreation = function (val, rowName) {
+        var res = val[rowName];
         if (!res)
             return res;
-        var names = this.defaultValuesInRows[rowValue];
+        var names = this.defaultValuesInRows[rowName];
         if (!Array.isArray(names) || names.length === 0)
             return res;
         names.forEach(function (name) {
@@ -30849,8 +30862,8 @@ var question_matrixdropdown_QuestionMatrixDropdownModel = /** @class */ (functio
             val = {};
         for (var i = 0; i < this.rows.length; i++) {
             var row = this.rows[i];
-            var rowValue = val[row.value];
-            this.updateProgressInfoByRow(res, !!rowValue ? rowValue : {});
+            var rowName = val[row.value];
+            this.updateProgressInfoByRow(res, !!rowName ? rowName : {});
         }
     };
     return QuestionMatrixDropdownModel;
@@ -31684,6 +31697,10 @@ var MatrixDynamicRowModel = /** @class */ (function (_super) {
         _this.buildCells(value);
         return _this;
     }
+    MatrixDynamicRowModel.prototype.getRowIndex = function () {
+        var res = _super.prototype.getRowIndex.call(this);
+        return res > 0 ? res : this.index + 1;
+    };
     Object.defineProperty(MatrixDynamicRowModel.prototype, "rowName", {
         get: function () {
             return this.id;
@@ -31913,6 +31930,7 @@ var question_matrixdynamic_QuestionMatrixDynamicModel = /** @class */ (function
             return this.rowCountValue;
         },
         set: function (val) {
+            val = helpers_Helpers.getNumber(val);
             if (val < 0 || val > settings.matrix.maxRowCount)
                 return;
             this.setRowCountValueFromData = false;
@@ -31945,6 +31963,23 @@ var question_matrixdynamic_QuestionMatrixDynamicModel = /** @class */ (function
         enumerable: false,
         configurable: true
     });
+    QuestionMatrixDynamicModel.prototype.updateBindingProp = function (propName, value) {
+        _super.prototype.updateBindingProp.call(this, propName, value);
+        var rows = this.generatedVisibleRows;
+        if (propName !== "rowCount" || !Array.isArray(rows))
+            return;
+        var val = this.getUnbindValue(this.value) || [];
+        if (val.length < rows.length) {
+            var hasValue = false;
+            for (var i = val.length; i < rows.length; i++) {
+                hasValue || (hasValue = !rows[i].isEmpty);
+                val.push(rows[i].value || {});
+            }
+            if (hasValue) {
+                this.value = val;
+            }
+        }
+    };
     QuestionMatrixDynamicModel.prototype.updateProgressInfoByValues = function (res) {
         var val = this.value;
         if (!Array.isArray(val))
@@ -34417,7 +34452,7 @@ var header_Cover = /** @class */ (function (_super) {
                 return this.height ? Math.max(this.height, this.actualHeight + 40) + "px" : undefined;
             }
             if (this.survey && this.survey.isMobile) {
-                return this.mobileHeight ? Math.max(this.mobileHeight, this.actualHeight + 40) + "px" : undefined;
+                return this.mobileHeight ? Math.max(this.mobileHeight, this.actualHeight) + "px" : undefined;
             }
             return undefined;
         },
@@ -34498,13 +34533,19 @@ var header_Cover = /** @class */ (function (_super) {
     };
     Cover.prototype.processResponsiveness = function (width) {
         if (this.survey && this.survey.rootElement) {
-            var logoEl = this.survey.rootElement.querySelectorAll(".sv-header__logo")[0];
-            var titleEl = this.survey.rootElement.querySelectorAll(".sv-header__title")[0];
-            var descriptionEl = this.survey.rootElement.querySelectorAll(".sv-header__description")[0];
-            var logoHeight = logoEl ? logoEl.getBoundingClientRect().height : 0;
-            var titleHeight = titleEl ? titleEl.getBoundingClientRect().height : 0;
-            var descriptionHeight = descriptionEl ? descriptionEl.getBoundingClientRect().height : 0;
-            this.actualHeight = this.calculateActualHeight(logoHeight, titleHeight, descriptionHeight);
+            if (!this.survey.isMobile) {
+                var logoEl = this.survey.rootElement.querySelectorAll(".sv-header__logo")[0];
+                var titleEl = this.survey.rootElement.querySelectorAll(".sv-header__title")[0];
+                var descriptionEl = this.survey.rootElement.querySelectorAll(".sv-header__description")[0];
+                var logoHeight = logoEl ? logoEl.getBoundingClientRect().height : 0;
+                var titleHeight = titleEl ? titleEl.getBoundingClientRect().height : 0;
+                var descriptionHeight = descriptionEl ? descriptionEl.getBoundingClientRect().height : 0;
+                this.actualHeight = this.calculateActualHeight(logoHeight, titleHeight, descriptionHeight);
+            }
+            else {
+                var headerContainer = this.survey.rootElement.querySelectorAll(".sv-header > div")[0];
+                this.actualHeight = headerContainer ? headerContainer.getBoundingClientRect().height : 0;
+            }
         }
     };
     Object.defineProperty(Cover.prototype, "hasBackground", {
@@ -39565,6 +39606,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         _this.isNavigationButtonPressed = false;
         _this.mouseDownPage = null;
         _this.isCalculatingProgressText = false;
+        _this.isSmoothScrollEnabled = false;
         /**
          * An event that is raised when the survey's width or height is changed.
          */
@@ -39925,7 +39967,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         else {
             this.cssValue = value;
         }
-        this.updateCss();
         this.updateElementCss(false);
     };
     Object.defineProperty(SurveyModel.prototype, "cssTitle", {
@@ -40587,7 +40628,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          * - `"onValueChanged"` - Triggers validation each time a question value is changed.
          * - `"onComplete"` - Triggers validation when a user clicks the Complete button. If previous pages contain errors, the survey switches to the page with the first error.
          *
-         * > The `"onValueChanged"` doesn't work with date input fields because of the way browsers process date values. In most browsers, the value is considered changed as soon as a user starts entering the date in a text input field. This means that a user may only enter the day without having the chance to enter the month and year before validation is triggered. For this reason, date input fields are validated before the survey is switched to the next page or completed.
+         * > In SurveyJS Form Library v1.12.5 and earlier, the `"onValueChanged"` mode doesn't work with date input fields because of the way browsers process date values. In most browsers, the value is considered changed as soon as a user starts entering the date in a text input field. This means that a user may only enter the day without having the chance to enter the month and year before validation is triggered. For this reason, date input fields are validated before the survey is switched to the next page or completed. Starting with v1.12.6, `"onValueChanged"` works for date input fields as well as for input fields of other types.
          *
          * Refer to the following help topic for more information: [Data Validation](https://surveyjs.io/form-library/documentation/data-validation).
          * @see validationEnabled
@@ -44614,7 +44655,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.onGetMatrixRowActions.fire(this, options);
         return options.actions;
     };
-    SurveyModel.prototype.scrollElementToTop = function (element, question, page, id, scrollIfVisible, scrollIntoViewOptions, passedRootElement) {
+    SurveyModel.prototype.scrollElementToTop = function (element, question, page, id, scrollIfVisible, scrollIntoViewOptions, passedRootElement, onScolledCallback) {
         var _this = this;
         var options = {
             element: element,
@@ -44638,11 +44679,12 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                     survey_element_SurveyElement.ScrollElementToTop(options.elementId, scrollIfVisible, scrollIntoViewOptions, function () {
                         _this.releaseLazyRendering();
                         activateLazyRenderingChecks(elementPage_1.id);
+                        onScolledCallback && onScolledCallback();
                     });
                 }, elementsToRenderBefore);
             }
             else {
-                survey_element_SurveyElement.ScrollElementToTop(options.elementId, scrollIfVisible, scrollIntoViewOptions);
+                survey_element_SurveyElement.ScrollElementToTop(options.elementId, scrollIfVisible, scrollIntoViewOptions, onScolledCallback);
             }
         }
     };
@@ -46140,11 +46182,13 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         if (!!question.page) {
             this.questionHashesAdded(question);
         }
-        if (!this.currentPage) {
-            this.updateCurrentPage();
+        if (!this.isLoadingFromJson) {
+            if (!this.currentPage) {
+                this.updateCurrentPage();
+            }
+            this.updateVisibleIndexes();
+            this.setCalculatedWidthModeUpdater();
         }
-        this.updateVisibleIndexes();
-        this.setCalculatedWidthModeUpdater();
         if (this.canFireAddElement()) {
             this.onQuestionAdded.fire(this, {
                 question: question,
@@ -46527,6 +46571,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     });
     SurveyModel.prototype.setCalculatedWidthModeUpdater = function () {
         var _this = this;
+        if (this.isLoadingFromJson)
+            return;
         if (this.calculatedWidthModeUpdater)
             this.calculatedWidthModeUpdater.dispose();
         this.calculatedWidthModeUpdater = new ComputedUpdater(function () { return _this.calculateWidthMode(); });
@@ -49950,7 +49996,8 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
         return !this.isDisabledAttr && item.isEnabled;
     };
     QuestionSelectBase.prototype.focusOtherComment = function () {
-        survey_element_SurveyElement.FocusElement(this.otherId);
+        var _a;
+        survey_element_SurveyElement.FocusElement(this.otherId, false, (_a = this.survey) === null || _a === void 0 ? void 0 : _a.rootElement);
     };
     QuestionSelectBase.prototype.onValueChanged = function () {
         _super.prototype.onValueChanged.call(this);
@@ -49968,7 +50015,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
          *
          * [View Dropdown Demo](https://surveyjs.io/form-library/examples/dropdown-box-with-custom-items/ (linkStyle))
          *
-         * [View Ranking Demo](https://surveyjs.io/form-library/examples/dropdown-box-with-custom-items/ (linkStyle))
+         * [View Ranking Demo](https://surveyjs.io/form-library/examples/ranking-with-custom-items/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("itemComponent", this.getDefaultItemComponent());
@@ -53719,7 +53766,7 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
         return inputMask;
     };
     QuestionTextModel.prototype.isTextValue = function () {
-        return ["text", "number", "password"].indexOf(this.inputType) > -1;
+        return this.isDateInputType || ["text", "number", "password"].indexOf(this.inputType) > -1;
     };
     QuestionTextModel.prototype.getType = function () {
         return "text";
@@ -54063,7 +54110,7 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
         if (!this.isMinMaxType)
             return true;
         var isValid = !this.isValueLessMin && !this.isValueGreaterMax;
-        if (this.inputType === "number" && !!this.survey &&
+        if ((!isValid || this.errors.length > 0) && !!this.survey &&
             (this.survey.isValidateOnValueChanging || this.survey.isValidateOnValueChanged)) {
             this.hasErrors();
         }
@@ -54193,11 +54240,6 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionTextModel.prototype.canRunValidators = function (isOnValueChanged) {
-        return (this.errors.length > 0 ||
-            !isOnValueChanged ||
-            this.supportGoNextPageError());
-    };
     QuestionTextModel.prototype.setNewValue = function (newValue) {
         newValue = this.correctValueType(newValue);
         if (!!newValue) {
@@ -59004,8 +59046,12 @@ var question_comment_QuestionCommentModel = /** @class */ (function (_super) {
     Object.defineProperty(QuestionCommentModel.prototype, "renderedAllowResize", {
         get: function () {
             var res = this.allowResize;
-            var allowResize = res === undefined && this.survey ? this.survey.allowResizeComment : !!res;
-            return allowResize && !this.isPreviewStyle && !this.isReadOnlyStyle;
+            if (res === undefined && this.survey) {
+                return this.survey.allowResizeComment;
+            }
+            else {
+                return !!res;
+            }
         },
         enumerable: false,
         configurable: true
@@ -59463,11 +59509,6 @@ var question_file_QuestionFileModelBase = /** @class */ (function (_super) {
     return QuestionFileModelBase;
 }(question_Question));
 
-/**
- * A class that describes the File Upload question type.
- *
- * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
- */
 var question_file_QuestionFilePage = /** @class */ (function (_super) {
     question_file_extends(QuestionFilePage, _super);
     function QuestionFilePage(question, index) {
@@ -59494,6 +59535,11 @@ var question_file_QuestionFilePage = /** @class */ (function (_super) {
     return QuestionFilePage;
 }(base_Base));
 
+/**
+ * A class that describes the File Upload question type.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
+ */
 var question_file_QuestionFileModel = /** @class */ (function (_super) {
     question_file_extends(QuestionFileModel, _super);
     function QuestionFileModel(name) {
@@ -66491,15 +66537,31 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
      */
     QuestionPanelDynamicModel.prototype.removePanelUI = function (value) {
         var _this = this;
+        var visIndex = this.getVisualPanelIndex(value);
+        if (visIndex < 0 || visIndex >= this.visiblePanelCount)
+            return;
         if (!this.canRemovePanel)
             return;
+        var removePanel = function () {
+            var _a;
+            _this.removePanel(visIndex);
+            var pnlCount = _this.visiblePanelCount;
+            var nextIndex = visIndex >= pnlCount ? pnlCount - 1 : visIndex;
+            var id = pnlCount === 0 ? _this.addButtonId : (nextIndex > -1 ? _this.getPanelRemoveButtonId(_this.visiblePanels[nextIndex]) : "");
+            if (!!id) {
+                survey_element_SurveyElement.FocusElement(id, true, (_a = _this.survey) === null || _a === void 0 ? void 0 : _a.rootElement);
+            }
+        };
         if (this.isRequireConfirmOnDelete(value)) {
-            confirmActionAsync(this.confirmDeleteText, function () { _this.removePanel(value); }, undefined, this.getLocale(), this.survey.rootElement);
+            confirmActionAsync(this.confirmDeleteText, function () { removePanel(); }, undefined, this.getLocale(), this.survey.rootElement);
         }
         else {
-            this.removePanel(value);
+            removePanel();
         }
     };
+    QuestionPanelDynamicModel.prototype.getPanelRemoveButtonId = function (panel) {
+        return panel.id + "_remove_button";
+    };
     QuestionPanelDynamicModel.prototype.isRequireConfirmOnDelete = function (val) {
         if (!this.confirmDelete)
             return false;
@@ -66640,9 +66702,8 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
             : null;
     };
     QuestionPanelDynamicModel.prototype.addConditionObjectsByContext = function (objects, context) {
-        var hasContext = !!context
-            ? context === true || this.template.questions.indexOf(context) > -1
-            : false;
+        var contextQ = !!(context === null || context === void 0 ? void 0 : context.isValidator) ? context.errorOwner : context;
+        var hasContext = !!context && (context === true || this.template.questions.indexOf(contextQ) > -1);
         var panelObjs = new Array();
         var questions = this.template.questions;
         for (var i = 0; i < questions.length; i++) {
@@ -66995,7 +67056,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
     };
     QuestionPanelDynamicModel.prototype.hasErrorInPanels = function (fireCallback, rec) {
         var res = false;
-        var panels = this.visiblePanelsCore;
+        var panels = this.visiblePanels;
         var keyValues = [];
         for (var i = 0; i < panels.length; i++) {
             this.setOnCompleteAsyncInPanel(panels[i]);
@@ -70643,8 +70704,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.5";
-ReleaseDate = "" + "2024-10-07";
+Version = "" + "1.12.7";
+ReleaseDate = "" + "2024-10-23";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -81600,6 +81661,12 @@ var popup_PopupContainer = /** @class */ (function (_super) {
                 _this.model.clickOutside(e);
             }, onKeyDown: this.handleKeydown }, container));
     };
+    PopupContainer.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        if (this.model.isVisible) {
+            this.model.updateOnShowing();
+        }
+    };
     return PopupContainer;
 }(reactquestion_element_SurveyElementBase));
 
@@ -81630,12 +81697,26 @@ function showDialog(dialogOptions, rootElement) {
     var popupViewModel = createPopupModalViewModel(dialogOptions, rootElement);
     var onVisibilityChangedCallback = function (_, options) {
         if (!options.isVisible) {
-            external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.unmountComponentAtNode(popupViewModel.container);
+            if (typeof external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.createRoot == "function") {
+                if (!!root) {
+                    root.unmount();
+                }
+            }
+            else {
+                external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.unmountComponentAtNode(popupViewModel.container);
+            }
             popupViewModel.dispose();
         }
     };
     popupViewModel.onVisibilityChanged.add(onVisibilityChangedCallback);
-    external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.render(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_PopupContainer, { model: popupViewModel }), popupViewModel.container);
+    var root;
+    if (typeof external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.createRoot == "function") {
+        root = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.createRoot(popupViewModel.container);
+        root.render(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_PopupContainer, { model: popupViewModel }));
+    }
+    else {
+        external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.render(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_PopupContainer, { model: popupViewModel }), popupViewModel.container);
+    }
     popupViewModel.model.isVisible = true;
     return popupViewModel;
 }
@@ -81666,9 +81747,7 @@ var action_bar_item_dropdown_extends = (undefined && undefined.__extends) || (fu
 var action_bar_item_dropdown_SurveyActionBarItemDropdown = /** @class */ (function (_super) {
     action_bar_item_dropdown_extends(SurveyActionBarItemDropdown, _super);
     function SurveyActionBarItemDropdown(props) {
-        var _this = _super.call(this, props) || this;
-        _this.viewModel = new ActionDropdownViewModel(_this.item);
-        return _this;
+        return _super.call(this, props) || this;
     }
     SurveyActionBarItemDropdown.prototype.renderInnerButton = function () {
         var button = _super.prototype.renderInnerButton.call(this);
@@ -81676,6 +81755,9 @@ var action_bar_item_dropdown_SurveyActionBarItemDropdown = /** @class */ (functi
             button,
             external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_Popup, { model: this.item.popupModel, getTarget: getActionDropdownButtonTarget })));
     };
+    SurveyActionBarItemDropdown.prototype.componentDidMount = function () {
+        this.viewModel = new ActionDropdownViewModel(this.item);
+    };
     SurveyActionBarItemDropdown.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
         this.viewModel.dispose();
@@ -82066,9 +82148,6 @@ var text_area_TextAreaComponent = /** @class */ (function (_super) {
         var _this = this;
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("textarea", { id: this.viewModel.id, className: this.viewModel.className, ref: function (textarea) { return (_this.viewModel.setElement(textarea)); }, disabled: this.viewModel.isDisabledAttr, readOnly: this.viewModel.isReadOnlyAttr, rows: this.viewModel.rows, cols: this.viewModel.cols, placeholder: this.viewModel.placeholder, maxLength: this.viewModel.maxLength, defaultValue: this.initialValue, onChange: function (event) { _this.viewModel.onTextAreaInput(event); }, onFocus: function (event) { _this.viewModel.onTextAreaFocus(event); }, onBlur: function (event) { _this.viewModel.onTextAreaBlur(event); }, onKeyDown: function (event) { _this.viewModel.onTextAreaKeyDown(event); }, "aria-required": this.viewModel.ariaRequired, "aria-label": this.viewModel.ariaLabel, "aria-labelledby": this.viewModel.ariaLabelledBy, "aria-describedby": this.viewModel.ariaDescribedBy, "aria-invalid": this.viewModel.ariaInvalid, "aria-errormessage": this.viewModel.ariaErrormessage, style: { resize: this.viewModel.question.resizeStyle } }));
     };
-    TextAreaComponent.prototype.componentWillUnmount = function () {
-        this.viewModel.dispose();
-    };
     return TextAreaComponent;
 }(reactquestion_element_SurveyElementBase));
 
@@ -83083,6 +83162,7 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
             if (!!el)
                 this.survey.afterRenderSurvey(el);
             this.survey.startTimerFromUI();
+            this.setSurveyEvents();
         }
     };
     Survey.prototype.shouldComponentUpdate = function (nextProps, nextState) {
@@ -83239,7 +83319,6 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
         if (!!newProps.css) {
             this.survey.css = this.css;
         }
-        this.setSurveyEvents();
     };
     Survey.prototype.isModelJSONChanged = function (newProps) {
         if (!!newProps["model"]) {
@@ -84543,6 +84622,10 @@ var dropdown_item_SurveyQuestionOptionItem = /** @class */ (function (_super) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
         this.setupModel();
     };
+    SurveyQuestionOptionItem.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        this.setupModel();
+    };
     SurveyQuestionOptionItem.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
         if (!!this.item) {
@@ -88991,7 +89074,8 @@ var paneldynamic_remove_btn_SurveyQuestionPanelDynamicRemoveButton = /** @class
     }
     SurveyQuestionPanelDynamicRemoveButton.prototype.renderElement = function () {
         var btnText = this.renderLocString(this.question.locPanelRemoveText);
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("button", { className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, type: "button" },
+        var id = this.question.getPanelRemoveButtonId(this.data.panel);
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, type: "button" },
             external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", { className: this.question.cssClasses.buttonRemoveText }, btnText),
             external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", { className: this.question.cssClasses.iconRemove })));
     };