survey-react 1.11.8 → 1.11.10

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.8
+ * surveyjs - Survey JavaScript library v1.11.10
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -7142,6 +7142,7 @@ var DragDropCore = /** @class */ (function () {
         this.onGhostPositionChanged = new _base__WEBPACK_IMPORTED_MODULE_0__["EventBase"]();
         this.onDragStart = new _base__WEBPACK_IMPORTED_MODULE_0__["EventBase"]();
         this.onDragEnd = new _base__WEBPACK_IMPORTED_MODULE_0__["EventBase"]();
+        this.onDragClear = new _base__WEBPACK_IMPORTED_MODULE_0__["EventBase"]();
         this.onBeforeDrop = this.onDragStart;
         this.onAfterDrop = this.onDragEnd;
         this.draggedElement = null;
@@ -7201,6 +7202,8 @@ var DragDropCore = /** @class */ (function () {
         var shortcutText = this.getShortcutText(this.draggedElement);
         this.domAdapter.draggedElementShortcut = this.createDraggedElementShortcut(shortcutText, draggedElementNode, event);
         this.onStartDrag(event);
+        var fromElement = this.draggedElement && this.draggedElement.parent;
+        this.onDragStart.fire(this, { fromElement: fromElement, draggedElement: this.draggedElement });
     };
     DragDropCore.prototype.onStartDrag = function (event) {
     };
@@ -7294,7 +7297,6 @@ var DragDropCore = /** @class */ (function () {
     DragDropCore.prototype.drop = function () {
         if (this.allowDropHere) {
             var fromElement = this.draggedElement.parent;
-            this.onDragStart.fire(this, { fromElement: fromElement, draggedElement: this.draggedElement });
             var newElement = this.doDrop();
             this.onDragEnd.fire(this, { fromElement: fromElement, draggedElement: newElement, toElement: this.dropTarget });
         }
@@ -7305,6 +7307,7 @@ var DragDropCore = /** @class */ (function () {
         this.draggedElement = null;
         this.isBottom = null;
         this.parentElement = null;
+        this.onDragClear.fire(this, {});
     };
     return DragDropCore;
 }());
@@ -8159,11 +8162,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./list */ "./src/list.ts");
 /* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./popup */ "./src/popup.ts");
-/* harmony import */ var _question_dropdown__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./question_dropdown */ "./src/question_dropdown.ts");
-/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _popup_dropdown_view_model__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./popup-dropdown-view-model */ "./src/popup-dropdown-view-model.ts");
+/* harmony import */ var _question_dropdown__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./question_dropdown */ "./src/question_dropdown.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -8196,6 +8200,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var DropdownListModel = /** @class */ (function (_super) {
     __extends(DropdownListModel, _super);
     function DropdownListModel(question, onSelectionChanged) {
@@ -8240,7 +8245,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         configurable: true
     });
     DropdownListModel.prototype.getFocusFirstInputSelector = function () {
-        if (_utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"]) {
+        if (_utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"]) {
             return this.isValueEmpty(this.question.value) ? this.itemSelector : this.selectedItemSelector;
         }
         else {
@@ -8280,14 +8285,14 @@ var DropdownListModel = /** @class */ (function (_super) {
         var _this = this;
         var isUpdate = (this.itemsSettings.skip + 1) < this.itemsSettings.totalCount;
         if (!this.itemsSettings.skip || isUpdate) {
-            if (!!this.filterString && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].dropdownSearchDelay > 0) {
+            if (!!this.filterString && _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].dropdownSearchDelay > 0) {
                 if (!!this.timer) {
                     clearTimeout(this.timer);
                     this.timer = undefined;
                 }
                 this.timer = setTimeout(function () {
                     _this.loadQuestionChoices(callbackAfterItemsLoaded);
-                }, _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].dropdownSearchDelay);
+                }, _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].dropdownSearchDelay);
             }
             else {
                 this.loadQuestionChoices(callbackAfterItemsLoaded);
@@ -8297,15 +8302,33 @@ var DropdownListModel = /** @class */ (function (_super) {
     DropdownListModel.prototype.updatePopupFocusFirstInputSelector = function () {
         this._popupModel.focusFirstInputSelector = this.focusFirstInputSelector;
     };
+    DropdownListModel.prototype.getDropdownMenuOptions = function () {
+        var windowWidth = _global_variables_utils__WEBPACK_IMPORTED_MODULE_1__["DomWindowHelper"].getInnerWidth();
+        var windowHeight = _global_variables_utils__WEBPACK_IMPORTED_MODULE_1__["DomWindowHelper"].getInnerHeight();
+        var isTablet = Object(_popup_dropdown_view_model__WEBPACK_IMPORTED_MODULE_6__["calculateIsTablet"])(windowWidth, windowHeight);
+        var menuType = "dropdown";
+        var deviceType = "desktop";
+        if (_utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"]) {
+            menuType = isTablet ? "popup" : "overlay";
+            deviceType = isTablet ? "tablet" : "mobile";
+        }
+        return {
+            menuType: menuType,
+            deviceType: deviceType,
+            hasTouchScreen: _utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"],
+            screenHeight: windowHeight,
+            screenWidth: windowWidth
+        };
+    };
     DropdownListModel.prototype.createPopup = function () {
         var _this = this;
         var popupOptions = { verticalPosition: "bottom", horizontalPosition: "center", showPointer: false };
         this._popupModel = new _popup__WEBPACK_IMPORTED_MODULE_5__["PopupModel"]("sv-list", { model: this.listModel }, popupOptions);
-        this._popupModel.displayMode = _utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"] ? "overlay" : "popup";
+        this._popupModel.displayMode = _utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"] ? "overlay" : "popup";
         this._popupModel.positionMode = "fixed";
         this._popupModel.isFocusedContainer = false;
-        this._popupModel.isFocusedContent = _utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"];
-        this._popupModel.setWidthByTarget = !_utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"];
+        this._popupModel.isFocusedContent = _utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"];
+        this._popupModel.setWidthByTarget = !_utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"];
         this._popupModel.locale = this.question.getLocale();
         this.updatePopupFocusFirstInputSelector();
         this.listModel.registerPropertyChangedHandlers(["showFilter"], function () {
@@ -8321,9 +8344,14 @@ var DropdownListModel = /** @class */ (function (_super) {
                 _this.resetItemsSettings();
                 _this.updateQuestionChoices();
             }
-            if (option.isVisible && !!_this.question.onOpenedCallBack) {
+            if (option.isVisible) {
                 _this.updatePopupFocusFirstInputSelector();
-                _this.question.onOpenedCallBack();
+                var dropdownMenuOptions = _this.getDropdownMenuOptions();
+                _this.question.processOpenDropdownMenu(dropdownMenuOptions);
+                _this._popupModel.updateDisplayMode(dropdownMenuOptions.menuType);
+                if (!!_this.question.onOpenedCallBack) {
+                    _this.question.onOpenedCallBack();
+                }
             }
             if (!option.isVisible) {
                 _this.onHidePopup();
@@ -8372,7 +8400,7 @@ var DropdownListModel = /** @class */ (function (_super) {
             if (_this.filteredItems)
                 return _this.filteredItems.indexOf(item) >= 0;
             var textInLow = item.text.toLocaleLowerCase();
-            textInLow = _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].comparator.normalizeTextCallback(textInLow, "filter");
+            textInLow = _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].comparator.normalizeTextCallback(textInLow, "filter");
             var index = textInLow.indexOf(textToSearch.toLocaleLowerCase());
             return _this.question.searchMode == "startsWith" ? index == 0 : index > -1;
         });
@@ -8417,7 +8445,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         model.actions.forEach(function (a) { return a.disableTabStop = true; });
     };
     DropdownListModel.prototype.updateCssClasses = function (popupCssClass, listCssClasses) {
-        this.popupModel.cssClass = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_8__["CssClassBuilder"]().append(popupCssClass).append(this.popupCssClasses).toString();
+        this.popupModel.cssClass = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]().append(popupCssClass).append(this.popupCssClasses).toString();
         this.listModel.cssClasses = listCssClasses;
     };
     DropdownListModel.prototype.resetFilterString = function () {
@@ -8618,14 +8646,14 @@ var DropdownListModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(DropdownListModel.prototype, "inputMode", {
         get: function () {
-            return _utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"] ? "none" : "text";
+            return _utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"] ? "none" : "text";
         },
         enumerable: false,
         configurable: true
     });
     DropdownListModel.prototype.setSearchEnabled = function (newValue) {
-        this.listModel.searchEnabled = _utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"];
-        this.listModel.showSearchClearButton = _utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"];
+        this.listModel.searchEnabled = _utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"];
+        this.listModel.showSearchClearButton = _utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"];
         this.searchEnabled = newValue;
     };
     DropdownListModel.prototype.setChoicesLazyLoadEnabled = function (newValue) {
@@ -8736,7 +8764,7 @@ var DropdownListModel = /** @class */ (function (_super) {
             event.stopPropagation();
         }
         else if (this.popupModel.isVisible && (event.keyCode === 13 || event.keyCode === 32 && (!this.question.searchEnabled || !this.inputString))) {
-            if (event.keyCode === 13 && this.question.searchEnabled && !this.inputString && this.question instanceof _question_dropdown__WEBPACK_IMPORTED_MODULE_6__["QuestionDropdownModel"] && !this._markdownMode && this.question.value) {
+            if (event.keyCode === 13 && this.question.searchEnabled && !this.inputString && this.question instanceof _question_dropdown__WEBPACK_IMPORTED_MODULE_7__["QuestionDropdownModel"] && !this._markdownMode && this.question.value) {
                 this._popupModel.hide();
                 this.onClear(event);
             }
@@ -8765,7 +8793,7 @@ var DropdownListModel = /** @class */ (function (_super) {
             if (event.keyCode === 32 && this.question.searchEnabled) {
                 return;
             }
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_10__["doKey2ClickUp"])(event, { processEsc: false, disableTabStop: this.question.isInputReadOnly });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_11__["doKey2ClickUp"])(event, { processEsc: false, disableTabStop: this.question.isInputReadOnly });
         }
     };
     DropdownListModel.prototype.onEscape = function () {
@@ -8780,11 +8808,11 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.onBlur = function (event) {
         this.focused = false;
-        if (this.popupModel.isVisible && _utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"]) {
+        if (this.popupModel.isVisible && _utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"]) {
             this._popupModel.show();
             return;
         }
-        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_10__["doKey2ClickBlur"])(event);
+        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_11__["doKey2ClickBlur"])(event);
         this._popupModel.hide();
         this.resetFilterString();
         this.inputString = null;
@@ -9960,8 +9988,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.11.8";
-ReleaseDate = "" + "2024-07-22";
+Version = "" + "1.11.10";
+ReleaseDate = "" + "2024-08-06";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -16064,18 +16092,20 @@ var Const = /** @class */ (function (_super) {
     Const.prototype.getCorrectValue = function (value) {
         if (!value || typeof value != "string")
             return value;
-        if (this.isBooleanValue(value))
+        if (OperandMaker.isBooleanValue(value))
             return value.toLowerCase() === "true";
         if (value.length > 1 &&
             this.isQuote(value[0]) &&
             this.isQuote(value[value.length - 1]))
             return value.substring(1, value.length - 1);
-        if (OperandMaker.isNumeric(value)) {
-            if (value.indexOf("0x") == 0)
-                return parseInt(value);
-            if (value.length > 1 && value[0] == "0" && (value.length < 2 || (value[1] !== "." && value[1] !== ",")))
-                return value;
-            return parseFloat(value);
+        if (_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(value)) {
+            if (value[0] === "0" && value.indexOf("0x") != 0) {
+                var len = value.length;
+                var hasPoint = len > 1 && (value[1] === "." || value[1] === ",");
+                if (!hasPoint && len > 1 || hasPoint && len < 2)
+                    return value;
+            }
+            return _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].getNumber(value);
         }
         return value;
     };
@@ -16086,10 +16116,6 @@ var Const = /** @class */ (function (_super) {
     Const.prototype.isQuote = function (ch) {
         return ch == "'" || ch == '"';
     };
-    Const.prototype.isBooleanValue = function (value) {
-        return (value &&
-            (value.toLowerCase() === "true" || value.toLowerCase() === "false"));
-    };
     return Const;
 }(Operand));
 
@@ -16247,27 +16273,11 @@ var OperandMaker = /** @class */ (function () {
     };
     OperandMaker.toOperandString = function (value) {
         if (!!value &&
-            !OperandMaker.isNumeric(value) &&
+            !_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(value) &&
             !OperandMaker.isBooleanValue(value))
             value = "'" + value + "'";
         return value;
     };
-    OperandMaker.isSpaceString = function (str) {
-        return !!str && !str.replace(" ", "");
-    };
-    OperandMaker.isNumeric = function (value) {
-        if (!!value &&
-            (value.indexOf("-") > -1 ||
-                value.indexOf("+") > 1 ||
-                value.indexOf("*") > -1 ||
-                value.indexOf("^") > -1 ||
-                value.indexOf("/") > -1 ||
-                value.indexOf("%") > -1))
-            return false;
-        if (OperandMaker.isSpaceString(value))
-            return false;
-        return _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(value);
-    };
     OperandMaker.isBooleanValue = function (value) {
         return (!!value &&
             (value.toLowerCase() === "true" || value.toLowerCase() === "false"));
@@ -17089,7 +17099,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;
 }
@@ -17883,17 +17893,39 @@ var Helpers = /** @class */ (function () {
         return !isNaN(this.getNumber(value));
     };
     Helpers.getNumber = function (value) {
-        if (typeof value == "string" &&
-            !!value &&
-            value.indexOf("0x") == 0 &&
-            value.length > 32)
-            return NaN;
+        var newValue = Helpers.getNumberCore(value);
+        return _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].parseNumber(value, newValue);
+    };
+    Helpers.getNumberCore = function (value) {
+        if (typeof value == "string") {
+            if (!value.trim())
+                return NaN;
+            if (value.indexOf("0x") == 0) {
+                if (value.length > 32)
+                    return NaN;
+                return parseInt(value);
+            }
+            if (Helpers.isStringHasOperator(value))
+                return NaN;
+        }
         value = this.prepareStringToNumber(value);
         var res = parseFloat(value);
         if (isNaN(res) || !isFinite(value))
             return NaN;
         return res;
     };
+    Helpers.isStringHasOperator = function (str) {
+        if (str.lastIndexOf("-") > 0)
+            return false;
+        if (str.lastIndexOf("+") > 0)
+            return false;
+        var operators = "*^/%";
+        for (var i = 0; i < operators.length; i++) {
+            if (str.indexOf(operators[i]) > -1)
+                return true;
+        }
+        return false;
+    };
     Helpers.prepareStringToNumber = function (val) {
         if (typeof val !== "string" || !val)
             return val;
@@ -20523,13 +20555,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 +21266,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 +35793,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 +35826,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 },
     {
@@ -37179,11 +37228,12 @@ function setStyles() {
 /*!******************************************!*\
   !*** ./src/popup-dropdown-view-model.ts ***!
   \******************************************/
-/*! exports provided: PopupDropdownViewModel */
+/*! exports provided: calculateIsTablet, PopupDropdownViewModel */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculateIsTablet", function() { return calculateIsTablet; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PopupDropdownViewModel", function() { return PopupDropdownViewModel; });
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _utils_popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/popup */ "./src/utils/popup.ts");
@@ -37220,6 +37270,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+function calculateIsTablet(windowWidth, windowHeight) {
+    var _windowWidth = windowWidth || _global_variables_utils__WEBPACK_IMPORTED_MODULE_6__["DomWindowHelper"].getInnerWidth();
+    var _windowHeight = windowHeight || _global_variables_utils__WEBPACK_IMPORTED_MODULE_6__["DomWindowHelper"].getInnerHeight();
+    var width = Math.min(_windowWidth, _windowHeight);
+    var isTablet = width >= PopupDropdownViewModel.tabletSizeBreakpoint;
+    return isTablet;
+}
 var PopupDropdownViewModel = /** @class */ (function (_super) {
     __extends(PopupDropdownViewModel, _super);
     function PopupDropdownViewModel(model, targetElement, areaElement) {
@@ -37260,8 +37317,7 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
         return _this;
     }
     PopupDropdownViewModel.prototype.calculateIsTablet = function (windowWidth, windowHeight) {
-        var width = Math.min(windowWidth, windowHeight);
-        this.isTablet = width >= PopupDropdownViewModel.tabletSizeBreakpoint;
+        this.isTablet = calculateIsTablet(windowWidth, windowHeight);
     };
     PopupDropdownViewModel.prototype.getAvailableAreaRect = function () {
         if (this.areaElement) {
@@ -37351,10 +37407,11 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
         return actualHorizontalPosition;
     };
     PopupDropdownViewModel.prototype.getStyleClass = function () {
+        var overlayMode = this.model.overlayDisplayMode;
         return _super.prototype.getStyleClass.call(this)
             .append("sv-popup--dropdown", !this.isOverlay)
-            .append("sv-popup--dropdown-overlay", this.isOverlay && this.model.overlayDisplayMode !== "overlay")
-            .append("sv-popup--tablet", this.isTablet && this.isOverlay)
+            .append("sv-popup--dropdown-overlay", this.isOverlay && overlayMode !== "plain")
+            .append("sv-popup--tablet", this.isOverlay && (overlayMode == "tablet-dropdown-overlay" || (overlayMode == "auto" && this.isTablet)))
             .append("sv-popup--show-pointer", !this.isOverlay && this.showHeader)
             .append("sv-popup--" + this.popupDirection, !this.isOverlay && (this.showHeader || this.popupDirection == "top" || this.popupDirection == "bottom"));
     };
@@ -37392,7 +37449,7 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
                 this.container.addEventListener("touchstart", this.touchStartEventCallback);
                 this.container.addEventListener("touchmove", this.touchMoveEventCallback);
             }
-            this.calculateIsTablet(_global_variables_utils__WEBPACK_IMPORTED_MODULE_6__["DomWindowHelper"].getInnerWidth(), _global_variables_utils__WEBPACK_IMPORTED_MODULE_6__["DomWindowHelper"].getInnerHeight());
+            this.calculateIsTablet();
             this.resizeEventCallback();
         }
         _global_variables_utils__WEBPACK_IMPORTED_MODULE_6__["DomWindowHelper"].addEventListener("scroll", this.scrollEventCallBack);
@@ -38637,6 +38694,24 @@ var PopupModel = /** @class */ (function (_super) {
         this.onFooterActionsCreated.fire(this, options);
         return options.actions;
     };
+    PopupModel.prototype.updateDisplayMode = function (menuType) {
+        switch (menuType) {
+            case "dropdown": {
+                this.displayMode = "popup";
+                break;
+            }
+            case "popup": {
+                this.displayMode = "overlay";
+                this.overlayDisplayMode = "tablet-dropdown-overlay";
+                break;
+            }
+            case "overlay": {
+                this.displayMode = "overlay";
+                this.overlayDisplayMode = "dropdown-overlay";
+                break;
+            }
+        }
+    };
     PopupModel.prototype.onHiding = function () {
         this.refreshInnerModel();
         this.onHide();
@@ -38831,9 +38906,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 +38991,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 +39003,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 +39107,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.
  */
@@ -41938,6 +42011,9 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.processPopupVisiblilityChanged = function (popupModel, visible) {
         this.survey.processPopupVisiblityChanged(this, popupModel, visible);
     };
+    Question.prototype.processOpenDropdownMenu = function (options) {
+        this.survey.processOpenDropdownMenu(this, options);
+    };
     Question.prototype.onTextKeyDownHandler = function (event) {
         if (event.keyCode === 13) {
             this.survey.questionEditFinishCallback(this, event);
@@ -41991,7 +42067,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 +42079,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 +42104,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 +42353,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 +42742,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");
@@ -43081,6 +43157,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         _super.prototype.runCondition.call(this, values, properties);
         this.runItemsEnableCondition(values, properties);
         this.runItemsCondition(values, properties);
+        this.choices.forEach(function (item) {
+            item.runConditionCore(values, properties);
+        });
     };
     QuestionSelectBase.prototype.isTextValue = function () {
         return true; //for comments and others
@@ -44686,23 +44765,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 +44925,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 +47378,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 +47763,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 +47856,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 +48032,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;
             }
         }
@@ -49216,6 +49320,14 @@ var QuestionFileModelBase = /** @class */ (function (_super) {
             });
         }
     };
+    QuestionFileModelBase.prototype.loadPreview = function (newValue) { };
+    QuestionFileModelBase.prototype.onChangeQuestionValue = function (newValue) {
+        _super.prototype.onChangeQuestionValue.call(this, newValue);
+        this.stateChanged(this.isEmpty() ? "empty" : "loaded");
+        if (!this.isLoadingFromJson) {
+            this.loadPreview(newValue);
+        }
+    };
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionFileModelBase.prototype, "isUploading", void 0);
@@ -49399,6 +49511,15 @@ var QuestionFileModel = /** @class */ (function (_super) {
         _this.fileNavigator.actions = [_this.prevFileAction, _this.fileIndexAction, _this.nextFileAction];
         return _this;
     }
+    Object.defineProperty(QuestionFileModel.prototype, "isFileLoading", {
+        get: function () { return this.isFileLoadingValue; },
+        set: function (val) {
+            this.isFileLoadingValue = val;
+            this.updateIsReady();
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionFileModel.prototype, "fileNavigatorVisible", {
         get: function () {
             var isUploading = this.isUploading;
@@ -49650,9 +49771,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) {
@@ -49997,7 +50120,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
             }
             this.isFileLoading = true;
             this._previewLoader = new FileLoader(this, function (status, loaded) {
-                if (status === "loaded") {
+                if (status !== "error") {
                     loaded.forEach(function (val) {
                         _this.previewValue.push(val);
                     });
@@ -50011,15 +50134,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
         }
         this.previewValueChanged();
     };
-    Object.defineProperty(QuestionFileModel.prototype, "isFileLoading", {
-        get: function () { return this.isFileLoadingValue; },
-        set: function (val) {
-            this.isFileLoadingValue = val;
-            this.updateIsReady();
-        },
-        enumerable: false,
-        configurable: true
-    });
     QuestionFileModel.prototype.getIsQuestionReady = function () {
         return _super.prototype.getIsQuestionReady.call(this) && !this.isFileLoading;
     };
@@ -50135,13 +50249,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
         src.value = "";
         this.loadFiles(files);
     };
-    QuestionFileModel.prototype.onChangeQuestionValue = function (newValue) {
-        _super.prototype.onChangeQuestionValue.call(this, newValue);
-        this.stateChanged(this.isEmpty() ? "empty" : "loaded");
-        if (!this.isLoadingFromJson) {
-            this.loadPreview(newValue);
-        }
-    };
     QuestionFileModel.prototype.calcCssClasses = function (css) {
         var classes = _super.prototype.calcCssClasses.call(this, css);
         this.actionsContainer.cssClasses = css.actionBar;
@@ -50199,9 +50306,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) {
@@ -50354,7 +50463,7 @@ var FileLoader = /** @class */ (function () {
                     if (!_this.fileQuestion || !_this.callback) {
                         return;
                     }
-                    if (status === "success") {
+                    if (status !== "error") {
                         _this.loaded[index] = {
                             content: data,
                             name: value.name,
@@ -50362,7 +50471,7 @@ var FileLoader = /** @class */ (function () {
                         };
                         downloadedCount++;
                         if (downloadedCount === files.length) {
-                            _this.callback("loaded", _this.loaded);
+                            _this.callback(status, _this.loaded);
                         }
                     }
                     else {
@@ -51890,8 +51999,8 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
          *
          * Possible values:
          *
-         * - "initial" (default) - Preserves the original order of the `rows` array.
-         * - "random" - Arranges matrix rows in random order each time the question is displayed.
+         * - `"initial"` (default) - Preserves the original order of the `rows` array.
+         * - `"random"` - Arranges matrix rows in random order each time the question is displayed.
          * @see rows
          */
         get: function () {
@@ -53148,6 +53257,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 +56605,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 +59569,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 +60503,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);
     };
@@ -61337,7 +61453,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 var panel = this.createNewPanel();
                 this.panelsCore.push(panel);
                 if (this.renderMode == "list" && this.panelsState != "default") {
-                    if (this.panelsState === "expand") {
+                    if (this.panelsState === "expanded") {
                         panel.expand();
                     }
                     else {
@@ -65504,6 +65620,28 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
             }
         }
     };
+    QuestionSignaturePadModel.prototype.loadPreview = function (newValue) {
+        var _this = this;
+        if (!this.storeDataAsText) {
+            var newValues = !!newValue ? [newValue] : [];
+            if (!!this._previewLoader) {
+                this._previewLoader.dispose();
+            }
+            this.isFileLoading = true;
+            this._previewLoader = new _question_file__WEBPACK_IMPORTED_MODULE_5__["FileLoader"](this, function (status, loaded) {
+                _this.isFileLoading = false;
+                if (loaded && loaded.length > 0 && loaded[0].content && status === "success")
+                    _this.fromDataUrl(loaded[0].content);
+                _this._previewLoader.dispose();
+                _this._previewLoader = undefined;
+            });
+            this._previewLoader.load(newValues);
+        }
+    };
+    QuestionSignaturePadModel.prototype.onSurveyLoad = function () {
+        _super.prototype.onSurveyLoad.call(this);
+        this.loadPreview(this.value);
+    };
     QuestionSignaturePadModel.prototype.initSignaturePad = function (el) {
         var _this = this;
         var canvas = el.getElementsByTagName("canvas")[0];
@@ -66307,6 +66445,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 +66453,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 +66885,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 +67038,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 +67091,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 +67292,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 +69225,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 +74943,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 +75013,11 @@ var SurveyQuestionElementBase = /** @class */ (function (_super) {
             this.control = element;
         }
     };
+    SurveyQuestionElementBase.prototype.setContent = function (element) {
+        if (!!element) {
+            this.content = element;
+        }
+    };
     return SurveyQuestionElementBase;
 }(SurveyElementBase));
 
@@ -75137,7 +75303,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,
@@ -78363,6 +78529,7 @@ var settings = {
      * const item = new ItemValue("item1");
      * const itemString = item.toJSON(); // Produces { value: "item1", text: "item1" } instead of "item1"
      * ```
+     * @see [settings.parseNumber](https://surveyjs.io/form-library/documentation/api-reference/settings#parseNumber)
      */
     serialization: {
         itemValueSerializeAsObject: false,
@@ -78929,7 +79096,31 @@ var settings = {
      * }
      * ```
      */
-    storeUtcDates: false
+    storeUtcDates: false,
+    /**
+     * A function that allows you to define custom parsing rules for numbers represented as string values.
+     *
+     * The following code shows a template that you can use to implement the `parseNumber` function:
+     *
+     * ```js
+     * import { settings } from "survey-core";
+     *
+     * settings.parseNumber = (stringValue, numericValue) => {
+     *   if (typeof stringValue !== "string" || !stringValue)
+     *     return numericValue;
+     *   let parsedNumber = numericValue;
+     *   // ...
+     *   // Parsing the number according to custom parsing rules
+     *   // ...
+     *   return parsedNumber;
+     * };
+     * ```
+     * @param stringValue A number represented as a string value.
+     * @param numericValue A number parsed using a default parsing function. `NaN` if the original string is not a number.
+     * @returns A number that results from parsing the string value.
+     * @see [settings.serialization](https://surveyjs.io/form-library/documentation/api-reference/settings#serialization)
+     */
+    parseNumber: function (stringValue, numericValue) { return numericValue; }
 };
 
 
@@ -81679,9 +81870,17 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onGetExpressionDisplayValue = _this.addEvent();
         /**
-         * An event that is raised after the visibility of a popup is changed. This event can be raised for [Single-](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model) and [Multi-Select Dropdown](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model) questions and [Rating](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model) questions [rendered as drop-down menus](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#displayMode).
+         * An event that is raised after the visibility of a popup is changed.
+         *
+         * This event can be raised for [Single-](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model) and [Multi-Select Dropdown](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model) questions and [Rating Scale](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model) questions [rendered as drop-down menus](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#displayMode), and [Multi-Select Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list) questions that contain columns of the `"dropdown"` or `"tagbox"` [`cellType`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list#cellType).
          */
         _this.onPopupVisibleChanged = _this.addEvent();
+        /**
+         * An event that is raised when users open a drop-down menu.
+         *
+         * This event can be raised for [Single-](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model) and [Multi-Select Dropdown](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model) questions, [Rating Scale](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model) questions [rendered as drop-down menus](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#displayMode), and [Multi-Select Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list) questions that contain columns of the `"dropdown"` or `"tagbox"` [`cellType`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list#cellType). Handle this event to change the drop-down menu type for specific questions or device types.
+         */
+        _this.onOpenDropdownMenu = _this.addEvent();
         _this.onElementWrapperComponentName = _this.addEvent();
         _this.onElementWrapperComponentData = _this.addEvent();
         /**
@@ -81728,8 +81927,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 +84471,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 +84497,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 +85179,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 +86638,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, {
@@ -86828,7 +87033,7 @@ var SurveyModel = /** @class */ (function (_super) {
      */
     SurveyModel.prototype.downloadFile = function (question, questionName, fileValue, callback) {
         if (this.onDownloadFile.isEmpty) {
-            !!callback && callback("success", fileValue.content || fileValue);
+            !!callback && callback("skipped", fileValue.content || fileValue);
         }
         this.onDownloadFile.fire(this, {
             question: question,
@@ -86975,6 +87180,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).
      *
@@ -89181,6 +89387,11 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.processPopupVisiblityChanged = function (question, popup, visible) {
         this.onPopupVisibleChanged.fire(this, { question: question, popup: popup, visible: visible });
     };
+    SurveyModel.prototype.processOpenDropdownMenu = function (question, options) {
+        var newOptions = Object.assign({ question: question }, options);
+        this.onOpenDropdownMenu.fire(this, newOptions);
+        options.menuType = newOptions.menuType;
+    };
     /**
      * Applies a specified theme to the survey.
      *
@@ -89219,6 +89430,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 +89908,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 },
@@ -90237,7 +90449,7 @@ var TOCModel = /** @class */ (function () {
         };
         this.listModel = createTOCListModel(survey, function () { _this.popupModel.isVisible = false; });
         this.popupModel = new _popup__WEBPACK_IMPORTED_MODULE_5__["PopupModel"]("sv-list", { model: this.listModel });
-        this.popupModel.overlayDisplayMode = "overlay";
+        this.popupModel.overlayDisplayMode = "plain";
         this.popupModel.displayMode = new _base__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.isMobile ? "overlay" : "popup"; });
         if (TOCModel.StickyPosition) {
             survey.onAfterRenderSurvey.add(function (s, o) { return _this.initStickyTOCSubscriptions(o.htmlElement); });
@@ -92130,6 +92342,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;
@@ -92739,11 +92953,12 @@ function debounce(func) {
 /*!****************************!*\
   !*** ./src/utils/utils.ts ***!
   \****************************/
-/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, showConfirmDialog, configConfirmDialog, compareArrays, roundTo2Decimals, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, chooseFiles */
+/*! exports provided: getSafeUrl, unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, showConfirmDialog, configConfirmDialog, compareArrays, roundTo2Decimals, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, chooseFiles */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSafeUrl", function() { return getSafeUrl; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "unwrap", function() { return unwrap; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRenderedSize", function() { return getRenderedSize; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRenderedStyleSize", function() { return getRenderedStyleSize; });
@@ -92924,7 +93139,7 @@ function navigateToUrl(url) {
     var location = _global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomWindowHelper"].getLocation();
     if (!url || !location)
         return;
-    location.href = encodeURIComponent(url);
+    location.href = getSafeUrl(url);
 }
 function wrapUrlForBackgroundImage(url) {
     return !!url ? ["url(", url, ")"].join("") : "";
@@ -92960,6 +93175,13 @@ function createSvg(size, width, height, iconName, svgElem, title) {
     }
     titleElement.textContent = title;
 }
+function getSafeUrl(url) {
+    if (!url)
+        return url;
+    if (url.toLocaleLowerCase().indexOf("javascript:") > -1)
+        return encodeURIComponent(url);
+    return url;
+}
 function unwrap(value) {
     if (typeof value !== "function") {
         return value;