survey-react 1.11.9 → 1.11.10

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.9
+ * 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.9";
-ReleaseDate = "" + "2024-07-30";
+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"));
@@ -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;
@@ -37196,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");
@@ -37237,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) {
@@ -37277,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) {
@@ -37368,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"));
     };
@@ -37409,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);
@@ -38654,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();
@@ -41953,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);
@@ -43096,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
@@ -49256,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);
@@ -49439,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;
@@ -50039,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);
                     });
@@ -50053,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;
     };
@@ -50177,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;
@@ -50398,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,
@@ -50406,7 +50471,7 @@ var FileLoader = /** @class */ (function () {
                         };
                         downloadedCount++;
                         if (downloadedCount === files.length) {
-                            _this.callback("loaded", _this.loaded);
+                            _this.callback(status, _this.loaded);
                         }
                     }
                     else {
@@ -51934,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 () {
@@ -61388,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 {
@@ -65555,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];
@@ -78442,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,
@@ -79008,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; }
 };
 
 
@@ -81758,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();
         /**
@@ -86913,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,
@@ -89267,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.
      *
@@ -90324,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); });
@@ -92828,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; });
@@ -93013,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("") : "";
@@ -93049,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;