survey-react 1.12.5 → 1.12.6

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.5
+ * surveyjs - Survey JavaScript library v1.12.6
  * 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) {
@@ -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,16 +19276,17 @@ 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 id = !onError ? this.getFirstInputElementId() : this.getFirstErrorInputElementId();
@@ -20810,9 +20813,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 +27920,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 +28154,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 +28570,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 +28615,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 +29279,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 +29686,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 +30344,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 +30744,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 +30809,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 +30860,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 +31695,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 +31928,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 +31961,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 +34450,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 +34531,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 +39604,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.
          */
@@ -44614,7 +44654,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 +44678,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);
             }
         }
     };
@@ -53719,7 +53760,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 +54104,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 +54234,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 +59040,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 +59503,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 +59529,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) {
@@ -66640,9 +66680,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++) {
@@ -70643,8 +70682,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.5";
-ReleaseDate = "" + "2024-10-07";
+Version = "" + "1.12.6";
+ReleaseDate = "" + "2024-10-15";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -81600,6 +81639,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 +81675,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 +81725,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 +81733,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 +82126,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 +83140,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 +83297,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 +84600,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) {