survey-react 1.11.8 → 1.11.9

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.8
+ * surveyjs - Survey JavaScript library v1.11.9
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -9960,8 +9960,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.11.8";
-ReleaseDate = "" + "2024-07-22";
+Version = "" + "1.11.9";
+ReleaseDate = "" + "2024-07-30";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -17089,7 +17089,7 @@ function displayValue(params) {
     var q = getQuestionValueByContext(this, params[0]);
     if (!q)
         return "";
-    if (params.length > 1 && !!params[1])
+    if (params.length > 1 && !_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isValueEmpty(params[1]))
         return q.getDisplayValue(true, params[1]);
     return q.displayValue;
 }
@@ -20523,13 +20523,10 @@ var JsonMetadataClass = /** @class */ (function () {
         return prop;
     };
     JsonMetadataClass.prototype.addDependsOnProperties = function (prop, dependsOn) {
-        if (Array.isArray(dependsOn)) {
-            for (var i = 0; i < dependsOn.length; i++) {
-                this.addDependsOnProperty(prop, dependsOn[i]);
-            }
-        }
-        else {
-            this.addDependsOnProperty(prop, dependsOn);
+        var dArray = Array.isArray(dependsOn) ? dependsOn : [dependsOn];
+        prop.dependsOn = dArray;
+        for (var i = 0; i < dArray.length; i++) {
+            this.addDependsOnProperty(prop, dArray[i]);
         }
     };
     JsonMetadataClass.prototype.addDependsOnProperty = function (prop, dependsOn) {
@@ -21237,27 +21234,43 @@ var JsonObject = /** @class */ (function () {
         }
         properties = this.addDynamicProperties(obj, jsonObj, properties);
         this.options = options;
+        var processedProps = {};
+        processedProps[JsonObject.typePropertyName] = true;
+        var parentProps = {};
         for (var key in jsonObj) {
-            if (key === JsonObject.typePropertyName)
-                continue;
-            if (key === JsonObject.positionPropertyName) {
-                obj[key] = jsonObj[key];
-                continue;
-            }
-            var property = this.findProperty(properties, key);
-            if (!property) {
-                if (needAddErrors) {
-                    this.addNewError(new JsonUnknownPropertyError(key.toString(), objType), jsonObj, obj);
-                }
-                continue;
-            }
-            this.valueToObj(jsonObj[key], obj, property, jsonObj, options);
+            this.setPropertyValueToObj(jsonObj, obj, key, properties, processedProps, parentProps, objType, needAddErrors, options);
         }
         this.options = undefined;
         if (obj.endLoadingFromJson) {
             obj.endLoadingFromJson();
         }
     };
+    JsonObject.prototype.setPropertyValueToObj = function (jsonObj, obj, key, properties, processedProps, parentProps, objType, needAddErrors, options) {
+        var _this = this;
+        if (processedProps[key])
+            return;
+        if (key === JsonObject.positionPropertyName) {
+            obj[key] = jsonObj[key];
+            return;
+        }
+        var property = this.findProperty(properties, key);
+        if (!property && needAddErrors) {
+            this.addNewError(new JsonUnknownPropertyError(key.toString(), objType), jsonObj, obj);
+        }
+        if (property) {
+            var dProps = property.dependsOn;
+            if (Array.isArray(dProps)) {
+                parentProps[key] = true;
+                dProps.forEach(function (propKey) {
+                    if (!parentProps[propKey]) {
+                        _this.setPropertyValueToObj(jsonObj, obj, propKey, properties, processedProps, parentProps, objType, needAddErrors, options);
+                    }
+                });
+            }
+            this.valueToObj(jsonObj[key], obj, property, jsonObj, options);
+            processedProps[key] = true;
+        }
+    };
     JsonObject.prototype.toJsonObjectCore = function (obj, property, options) {
         if (!obj || !obj.getType)
             return obj;
@@ -35748,7 +35761,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("panelbase", [
     {
         name: "layoutColumns:panellayoutcolumns",
         className: "panellayoutcolumn", isArray: true,
-        onSerializeValue: function (obj) { return obj.getSerializableColumnsValue(); }
+        onSerializeValue: function (obj) { return obj.getSerializableColumnsValue(); },
+        visibleIf: function (obj) { return !!obj && !!obj.survey && obj.survey.gridLayoutEnabled; }
     },
     { name: "title:text", serializationProperty: "locTitle" },
     { name: "description:text", serializationProperty: "locDescription" },
@@ -35780,7 +35794,10 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("panel", [
         name: "colSpan:number", visible: false,
         onSerializeValue: function (obj) { return obj.getPropertyValue("colSpan"); },
     },
-    { name: "effectiveColSpan:number", minValue: 1, isSerializable: false },
+    {
+        name: "effectiveColSpan:number", minValue: 1, isSerializable: false,
+        visibleIf: function (obj) { return !!obj && !!obj.survey && obj.survey.gridLayoutEnabled; }
+    },
     { name: "innerIndent:number", default: 0, choices: [0, 1, 2, 3] },
     { name: "indent:number", default: 0, choices: [0, 1, 2, 3], visible: false },
     {
@@ -38831,9 +38848,10 @@ var ProgressButtons = /** @class */ (function (_super) {
         if (!listContainerElement)
             return;
         var listContainerElements = element.querySelectorAll(".sd-progress-buttons__connector");
-        var circleWidth = this.showItemNumbers ? 17 : 5;
-        var sideCorrection = this.survey.isMobile ? 0 : listContainerElement.children[0].clientWidth;
-        var connectorWidth = (listContainerElement.clientWidth - sideCorrection) / (listContainerElement.children.length - 1) - circleWidth;
+        var circleWidth = this.showItemNumbers ? 36 : 20;
+        // const sideCorrection = this.survey.isMobile ? circleWidth : listContainerElement.children[0].clientWidth;
+        // const connectorWidth = (listContainerElement.clientWidth - sideCorrection) / (listContainerElement.children.length - 1) - circleWidth;
+        var connectorWidth = (listContainerElement.clientWidth - circleWidth) / (listContainerElement.children.length - 1) - circleWidth;
         for (var i = 0; i < listContainerElements.length; i++) {
             listContainerElements[i].style.width = connectorWidth + "px";
         }
@@ -38915,6 +38933,7 @@ var ProgressButtonsResponsivityManager = /** @class */ (function () {
         this.canShowItemTitles = true;
         this.processResponsiveness = function (model, options) {
             _this.viewModel.onUpdateScroller(model.isListContainerHasScroller(_this.element));
+            _this.model.clearConnectorsWidth(_this.element);
             if (!model.showItemTitles) {
                 _this.model.adjustConnectors(_this.element);
                 return;
@@ -38926,7 +38945,6 @@ var ProgressButtonsResponsivityManager = /** @class */ (function () {
                 _this.viewModel.onResize(_this.canShowItemTitles);
                 return;
             }
-            _this.model.clearConnectorsWidth(_this.element);
             if (_this.timer !== undefined) {
                 clearTimeout(_this.timer);
             }
@@ -39031,9 +39049,6 @@ var TriggerExpressionInfo = /** @class */ (function () {
     }
     return TriggerExpressionInfo;
 }());
-function querySelectorIncludingSelf(el, selector) {
-    return el.querySelector(selector) || el != _global_variables_utils__WEBPACK_IMPORTED_MODULE_14__["DomWindowHelper"].getWindow() && el.matches(selector) && el;
-}
 /**
  * A base class for all questions.
  */
@@ -41991,7 +42006,7 @@ var Question = /** @class */ (function (_super) {
             var scrollableSelector_1 = this.getObservedElementSelector();
             if (!scrollableSelector_1)
                 return;
-            var defaultRootEl = querySelectorIncludingSelf(el, scrollableSelector_1);
+            var defaultRootEl = el.querySelector(scrollableSelector_1);
             if (!defaultRootEl)
                 return;
             var isProcessed_1 = false;
@@ -42003,7 +42018,7 @@ var Question = /** @class */ (function (_super) {
                     isProcessed_1 = false;
                 }
                 var callback = function () {
-                    var rootEl = querySelectorIncludingSelf(el, scrollableSelector_1);
+                    var rootEl = el.querySelector(scrollableSelector_1);
                     if (!requiredWidth_1 && _this.isDefaultRendering()) {
                         requiredWidth_1 = rootEl.scrollWidth;
                     }
@@ -42028,10 +42043,8 @@ var Question = /** @class */ (function (_super) {
             });
             this.onMobileChangedCallback = function () {
                 setTimeout(function () {
-                    var rootEl = querySelectorIncludingSelf(el, scrollableSelector_1);
-                    if (rootEl) {
-                        _this.processResponsiveness(requiredWidth_1, Object(_utils_utils__WEBPACK_IMPORTED_MODULE_11__["getElementWidth"])(rootEl));
-                    }
+                    var rootEl = el.querySelector(scrollableSelector_1);
+                    _this.processResponsiveness(requiredWidth_1, Object(_utils_utils__WEBPACK_IMPORTED_MODULE_11__["getElementWidth"])(rootEl));
                 }, 0);
             };
             this.resizeObserver.observe(el);
@@ -42279,7 +42292,10 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("question", [
         name: "colSpan:number", visible: false,
         onSerializeValue: function (obj) { return obj.getPropertyValue("colSpan"); },
     },
-    { name: "effectiveColSpan:number", minValue: 1, isSerializable: false },
+    {
+        name: "effectiveColSpan:number", minValue: 1, isSerializable: false,
+        visibleIf: function (obj) { return !!obj && !!obj.survey && obj.survey.gridLayoutEnabled; }
+    },
     { name: "startWithNewLine:boolean", default: true, layout: "row" },
     { name: "indent:number", default: 0, choices: [0, 1, 2, 3], layout: "row" },
     {
@@ -42665,7 +42681,6 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         _this.isUpdatingChoicesDependedQuestions = false;
         _this.headItemsCount = 0;
         _this.footItemsCount = 0;
-        _this.allowMultiColumns = true;
         _this.prevIsOtherSelected = false;
         _this.noneItemValue = _this.createDefaultItem(_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].noneItemValue, "noneText", "noneItemText");
         _this.refuseItemValue = _this.createDefaultItem(_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].refuseItemValue, "refuseText", "refuseItemText");
@@ -44686,23 +44701,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionSelectBase.prototype.getObservedElementSelector = function () {
-        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_11__["classesToSelector"])(this.cssClasses.mainRoot);
-    };
-    QuestionSelectBase.prototype.supportResponsiveness = function () {
-        return true;
-    };
-    QuestionSelectBase.prototype.onBeforeSetCompactRenderer = function () {
-        _super.prototype.onBeforeSetDesktopRenderer.call(this);
-        this.allowMultiColumns = false;
-    };
-    QuestionSelectBase.prototype.onBeforeSetDesktopRenderer = function () {
-        _super.prototype.onBeforeSetDesktopRenderer.call(this);
-        this.allowMultiColumns = true;
-    };
     Object.defineProperty(QuestionSelectBase.prototype, "hasColumns", {
         get: function () {
-            return !this.isMobile && this.allowMultiColumns &&
+            return !this.isMobile &&
                 (this.getCurrentColCount() > 1);
         },
         enumerable: false,
@@ -44860,9 +44861,6 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ localizable: true })
     ], QuestionSelectBase.prototype, "otherPlaceholder", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
-    ], QuestionSelectBase.prototype, "allowMultiColumns", void 0);
     return QuestionSelectBase;
 }(_question__WEBPACK_IMPORTED_MODULE_2__["Question"]));
 
@@ -47316,6 +47314,9 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
     QuestionCustomModelBase.prototype.findQuestionByName = function (name) {
         return !!this.data ? this.data.findQuestionByName(name) : null;
     };
+    QuestionCustomModelBase.prototype.getEditingSurveyElement = function () {
+        return undefined;
+    };
     //IPanel
     QuestionCustomModelBase.prototype.addElement = function (element, index) { };
     QuestionCustomModelBase.prototype.removeElement = function (element) {
@@ -47698,6 +47699,40 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
             this.contentPanel.updateElementCss(reNew);
         }
     };
+    QuestionCompositeModel.prototype.dispose = function () {
+        this.unConnectEditingObj();
+        _super.prototype.dispose.call(this);
+    };
+    QuestionCompositeModel.prototype.updateEditingObj = function () {
+        var _this = this;
+        var _a;
+        var obj = (_a = this.data) === null || _a === void 0 ? void 0 : _a.getEditingSurveyElement();
+        if (!obj)
+            return undefined;
+        var newObj = obj[this.getValueName()];
+        if (!!newObj && !newObj.onPropertyChanged) {
+            newObj = undefined;
+        }
+        if (newObj !== this.editingObjValue) {
+            this.unConnectEditingObj();
+            this.editingObjValue = newObj;
+            if (!!newObj) {
+                this.onEditingObjPropertyChanged = function (sender, options) {
+                    _this.setNewValueIntoQuestion(options.name, _this.editingObjValue[options.name]);
+                };
+                newObj.onPropertyChanged.add(this.onEditingObjPropertyChanged);
+            }
+        }
+        return this.editingObjValue;
+    };
+    QuestionCompositeModel.prototype.unConnectEditingObj = function () {
+        if (!!this.editingObjValue && !this.editingObjValue.isDisposed) {
+            this.editingObjValue.onPropertyChanged.remove(this.onEditingObjPropertyChanged);
+        }
+    };
+    QuestionCompositeModel.prototype.getEditingSurveyElement = function () {
+        return this.editingObjValue;
+    };
     QuestionCompositeModel.prototype.getTextProcessor = function () {
         return this.textProcessing;
     };
@@ -47757,6 +47792,11 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
         }
         _super.prototype.onReadOnlyChanged.call(this);
     };
+    QuestionCompositeModel.prototype.updateValueFromSurvey = function (newValue, clearData) {
+        if (clearData === void 0) { clearData = false; }
+        this.updateEditingObj();
+        _super.prototype.updateValueFromSurvey.call(this, newValue, clearData);
+    };
     QuestionCompositeModel.prototype.onSurveyLoad = function () {
         this.isSettingValOnLoading = true;
         if (!!this.contentPanel) {
@@ -47928,7 +47968,7 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
             var key = questions[i].getValueName();
             var val = !!newValue ? newValue[key] : undefined;
             var q = questions[i];
-            if (!this.isTwoValueEquals(q.value, val)) {
+            if (!this.isTwoValueEquals(q.value, val) && (val !== undefined || !q.isEmpty())) {
                 q.value = val;
             }
         }
@@ -49650,9 +49690,11 @@ var QuestionFileModel = /** @class */ (function (_super) {
     });
     QuestionFileModel.prototype.chooseFile = function (event) {
         var _this = this;
-        if (!_global_variables_utils__WEBPACK_IMPORTED_MODULE_12__["DomDocumentHelper"].isAvailable())
+        if (!this.rootElement)
+            return;
+        var inputElement = this.rootElement.querySelector("#" + this.inputId);
+        if (!inputElement)
             return;
-        var inputElement = _global_variables_utils__WEBPACK_IMPORTED_MODULE_12__["DomDocumentHelper"].getDocument().getElementById(this.inputId);
         event.preventDefault();
         event.stopImmediatePropagation();
         if (inputElement) {
@@ -50199,9 +50241,11 @@ var QuestionFileModel = /** @class */ (function (_super) {
         return false;
     };
     QuestionFileModel.prototype.canDragDrop = function () { return !this.isInputReadOnly && this.currentMode !== "camera" && !this.isPlayingVideo; };
-    QuestionFileModel.prototype.afterRender = function (el) {
+    QuestionFileModel.prototype.afterRenderQuestionElement = function (el) {
         this.rootElement = el;
-        _super.prototype.afterRender.call(this, el);
+    };
+    QuestionFileModel.prototype.beforeDestroyQuestionElement = function (el) {
+        this.rootElement = undefined;
     };
     QuestionFileModel.prototype.clearFilesCore = function () {
         if (this.rootElement) {
@@ -53148,6 +53192,7 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
         var survey = this.getSurvey();
         return !!survey ? survey.getQuestionByName(name) : null;
     };
+    MatrixDropdownRowModelBase.prototype.getEditingSurveyElement = function () { return undefined; };
     MatrixDropdownRowModelBase.prototype.setValueCore = function (name, newColumnValue, isComment) {
         if (this.isSettingValue)
             return;
@@ -56495,30 +56540,34 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
     },
     {
         name: "totalType",
+        visibleIf: function (obj) { return !obj.isShowInMultipleColumns; },
         default: "none",
         choices: ["none", "sum", "count", "min", "max", "avg"],
     },
-    "totalExpression:expression",
-    { name: "totalFormat", serializationProperty: "locTotalFormat" },
+    { name: "totalExpression:expression", visibleIf: function (obj) { return !obj.isShowInMultipleColumns; } },
+    { name: "totalFormat", serializationProperty: "locTotalFormat", visibleIf: function (obj) { return obj.hasTotal; } },
     {
         name: "totalDisplayStyle",
+        visibleIf: function (obj) { return obj.hasTotal; },
         default: "none",
         choices: ["none", "decimal", "currency", "percent"],
     },
     {
         name: "totalAlignment",
+        visibleIf: function (obj) { return obj.hasTotal; },
         default: "auto",
         choices: ["auto", "left", "center", "right"],
     },
     {
         name: "totalCurrency",
+        visibleIf: function (obj) { return obj.hasTotal; },
         choices: function () {
             return Object(_question_expression__WEBPACK_IMPORTED_MODULE_2__["getCurrecyCodes"])();
         },
         default: "USD",
     },
-    { name: "totalMaximumFractionDigits:number", default: -1 },
-    { name: "totalMinimumFractionDigits:number", default: -1 },
+    { name: "totalMaximumFractionDigits:number", default: -1, visibleIf: function (obj) { return obj.hasTotal; } },
+    { name: "totalMinimumFractionDigits:number", default: -1, visibleIf: function (obj) { return obj.hasTotal; } },
     { name: "renderAs", default: "default", visible: false },
 ], function () {
     return new MatrixDropdownColumn("");
@@ -59455,6 +59504,7 @@ var MultipleTextItemModel = /** @class */ (function (_super) {
         var survey = this.getSurvey();
         return !!survey ? survey.getQuestionByName(name) : null;
     };
+    MultipleTextItemModel.prototype.getEditingSurveyElement = function () { return undefined; };
     //IValidatorOwner
     MultipleTextItemModel.prototype.getValidatorTitle = function () {
         return this.title;
@@ -60388,6 +60438,7 @@ var QuestionPanelDynamicItem = /** @class */ (function () {
         var survey = this.getSurvey();
         return !!survey ? survey.getQuestionByName(name) : null;
     };
+    QuestionPanelDynamicItem.prototype.getEditingSurveyElement = function () { return undefined; };
     QuestionPanelDynamicItem.prototype.getAllValues = function () {
         return this.data.getPanelItemData(this);
     };
@@ -66307,6 +66358,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
             _this.updateRemainingCharacterCounter(event.target.value);
         };
         _this.onKeyDown = function (event) {
+            _this.updateDateValidationMessage(event);
             _this.onKeyDownPreprocess && _this.onKeyDownPreprocess(event);
             if (_this.isInputTextUpdate) {
                 _this._isWaitingForEnter = event.keyCode === 229;
@@ -66314,6 +66366,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
             _this.onTextKeyDownHandler(event);
         };
         _this.onChange = function (event) {
+            _this.updateDateValidationMessage(event);
             var elementIsFocused = event.target === _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].environment.root.activeElement;
             if (elementIsFocused) {
                 if (_this.isInputTextUpdate) {
@@ -66745,6 +66798,9 @@ var QuestionTextModel = /** @class */ (function (_super) {
             };
             errors.push(maxError);
         }
+        if (!!this.dateValidationMessage) {
+            errors.push(new _error__WEBPACK_IMPORTED_MODULE_5__["CustomError"](this.dateValidationMessage, this));
+        }
         var valName = this.getValidatorTitle();
         var emailValidator = new _validator__WEBPACK_IMPORTED_MODULE_4__["EmailValidator"]();
         if (this.inputType === "email" &&
@@ -66895,6 +66951,9 @@ var QuestionTextModel = /** @class */ (function (_super) {
     };
     QuestionTextModel.prototype.setNewValue = function (newValue) {
         newValue = this.correctValueType(newValue);
+        if (!!newValue) {
+            this.dateValidationMessage = undefined;
+        }
         _super.prototype.setNewValue.call(this, newValue);
     };
     QuestionTextModel.prototype.correctValueType = function (newValue) {
@@ -66945,6 +67004,9 @@ var QuestionTextModel = /** @class */ (function (_super) {
             this.inputValue = newValue;
         }
     };
+    QuestionTextModel.prototype.updateDateValidationMessage = function (event) {
+        this.dateValidationMessage = this.isDateInputType && !!event.target ? event.target.validationMessage : undefined;
+    };
     QuestionTextModel.prototype.afterRenderQuestionElement = function (el) {
         if (!!el) {
             this.input = el instanceof HTMLInputElement ? el : el.querySelector("input");
@@ -67143,7 +67205,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("text", [
         name: "maskSettings:masksettings",
         className: "masksettings",
         visibleIndex: 1,
-        dependsOn: "inputType",
+        dependsOn: ["inputType", "maskType"],
         visibleIf: function (obj) {
             return obj.inputType === "text" || obj.inputType === "tel";
         },
@@ -69076,6 +69138,18 @@ var List = /** @class */ (function (_super) {
             this.model.initListContainerHtmlElement(this.listContainerRef.current);
         }
     };
+    List.prototype.componentDidUpdate = function (prevProps, prevState) {
+        var _a;
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+        if (this.model !== prevProps.model) {
+            if (this.model && !!((_a = this.listContainerRef) === null || _a === void 0 ? void 0 : _a.current)) {
+                this.model.initListContainerHtmlElement(this.listContainerRef.current);
+            }
+            if (prevProps.model) {
+                prevProps.model.initListContainerHtmlElement(undefined);
+            }
+        }
+    };
     List.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
         if (!!this.model) {
@@ -74782,19 +74856,19 @@ var SurveyQuestionElementBase = /** @class */ (function (_super) {
     SurveyQuestionElementBase.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
         if (!!this.questionBase) {
-            var el = this.control;
-            this.questionBase.beforeDestroyQuestionElement(el);
-            if (!!el) {
-                el.removeAttribute("data-rendered");
+            var contentElement = this.content || this.control;
+            this.questionBase.beforeDestroyQuestionElement(contentElement);
+            if (!!contentElement) {
+                contentElement.removeAttribute("data-rendered");
             }
         }
     };
     SurveyQuestionElementBase.prototype.updateDomElement = function () {
-        var el = this.control;
-        if (!!el) {
-            if (el.getAttribute("data-rendered") !== "r") {
-                el.setAttribute("data-rendered", "r");
-                this.questionBase.afterRenderQuestionElement(el);
+        var contentElement = this.content || this.control;
+        if (!!contentElement) {
+            if (contentElement.getAttribute("data-rendered") !== "r") {
+                contentElement.setAttribute("data-rendered", "r");
+                this.questionBase.afterRenderQuestionElement(contentElement);
             }
         }
     };
@@ -74852,6 +74926,11 @@ var SurveyQuestionElementBase = /** @class */ (function (_super) {
             this.control = element;
         }
     };
+    SurveyQuestionElementBase.prototype.setContent = function (element) {
+        if (!!element) {
+            this.content = element;
+        }
+    };
     return SurveyQuestionElementBase;
 }(SurveyElementBase));
 
@@ -75137,7 +75216,7 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
         else {
             fileInput = null;
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.fileRootCss },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.fileRootCss, ref: function (el) { return (_this.setContent(el)); } },
             fileInput,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.dragArea, onDrop: this.question.onDrop, onDragOver: this.question.onDragOver, onDragLeave: this.question.onDragLeave, onDragEnter: this.question.onDragEnter },
                 fileDecorator,
@@ -81728,8 +81807,8 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.isNavigationButtonPressed = false;
         _this.mouseDownPage = null;
         _this.isCalculatingProgressText = false;
-        _this.isFirstPageRendering = true;
         _this.isCurrentPageRendering = true;
+        _this.isCurrentPageRendered = undefined;
         _this.isTriggerIsRunning = false;
         _this.triggerValues = null;
         _this.triggerKeys = null;
@@ -84272,9 +84351,7 @@ var SurveyModel = /** @class */ (function (_super) {
             var _this = this;
             if (this.editingObj == val)
                 return;
-            if (!!this.editingObj) {
-                this.editingObj.onPropertyChanged.remove(this.onEditingObjPropertyChanged);
-            }
+            this.unConnectEditingObj();
             this.editingObjValue = val;
             if (this.isDisposed)
                 return;
@@ -84300,6 +84377,11 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyModel.prototype.unConnectEditingObj = function () {
+        if (!!this.editingObj && !this.editingObj.isDisposed) {
+            this.editingObj.onPropertyChanged.remove(this.onEditingObjPropertyChanged);
+        }
+    };
     Object.defineProperty(SurveyModel.prototype, "isEditingSurveyElement", {
         get: function () {
             return !!this.editingObj;
@@ -84977,6 +85059,9 @@ var SurveyModel = /** @class */ (function (_super) {
                 oldValue.passed = true;
             }
         }
+        if (this.isCurrentPageRendered === true) {
+            this.isCurrentPageRendered = false;
+        }
         this.onCurrentPageChanged.fire(this, options);
     };
     SurveyModel.prototype.notifyQuestionsOnHidingContent = function (page) {
@@ -86433,11 +86518,11 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.afterRenderPage = function (htmlElement) {
         var _this = this;
         if (!this.isDesignMode && !this.focusingQuestionInfo) {
-            var doScroll_1 = !this.isFirstPageRendering;
+            var doScroll_1 = this.isCurrentPageRendered === false;
             setTimeout(function () { return _this.scrollToTopOnPageChange(doScroll_1); }, 1);
         }
         this.focusQuestionInfo();
-        this.isFirstPageRendering = false;
+        this.isCurrentPageRendered = true;
         if (this.onAfterRenderPage.isEmpty)
             return;
         this.onAfterRenderPage.fire(this, {
@@ -86975,6 +87060,7 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.findQuestionByName = function (name) {
         return this.getQuestionByName(name);
     };
+    SurveyModel.prototype.getEditingSurveyElement = function () { return this.editingObjValue; };
     /**
      * Returns a question with a specified [`valueName`](https://surveyjs.io/form-library/documentation/api-reference/question#valueName).
      *
@@ -89219,6 +89305,7 @@ var SurveyModel = /** @class */ (function (_super) {
      * Call this method to release resources if your application contains multiple survey models or if you re-create a survey model at runtime.
      */
     SurveyModel.prototype.dispose = function () {
+        this.unConnectEditingObj();
         this.removeScrollEventListener();
         this.destroyResizeObserver();
         this.rootElement = undefined;
@@ -89696,7 +89783,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
         default: "auto",
         choices: ["auto", "static", "responsive"],
     },
-    { name: "gridLayoutEnabled:boolean", default: false, visible: false },
+    { name: "gridLayoutEnabled:boolean", default: false },
     { name: "width", visibleIf: function (obj) { return obj.widthMode === "static"; } },
     { name: "fitToContainer:boolean", default: true, visible: false },
     { name: "headerView", default: "basic", choices: ["basic", "advanced"], visible: false },
@@ -92130,6 +92217,8 @@ function _setIsTouch(val) {
 function detectMouseSupport(matchMedia) {
     if (!matchMedia)
         return false;
+    if (IsMobile)
+        return false;
     var pointerQuery = matchMedia("(pointer:fine)");
     var hoverQuery = matchMedia("(any-hover:hover)");
     return !!pointerQuery && pointerQuery.matches || !!hoverQuery && hoverQuery.matches;