survey-react-ui 1.9.128 → 1.9.130

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.9.128",
+  "version": "1.9.130",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.128
+ * surveyjs - Survey JavaScript library v1.9.130
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -817,18 +817,23 @@ var Base = /** @class */ (function () {
         configurable: true
     });
     Base.prototype.doPropertyValueChangedCallback = function (name, oldValue, newValue, arrayChanges, target) {
-        if (this.isInternal)
+        var fireCallback = function (obj) {
+            if (!!obj && !!obj.onPropertyValueChangedCallback) {
+                obj.onPropertyValueChangedCallback(name, oldValue, newValue, target, arrayChanges);
+            }
+        };
+        if (this.isInternal) {
+            fireCallback(this);
             return;
+        }
         if (!target)
             target = this;
         var notifier = this.getSurvey();
         if (!notifier)
             notifier = this;
-        if (!!notifier.onPropertyValueChangedCallback) {
-            notifier.onPropertyValueChangedCallback(name, oldValue, newValue, target, arrayChanges);
-        }
-        if (notifier !== this && !!this.onPropertyValueChangedCallback) {
-            this.onPropertyValueChangedCallback(name, oldValue, newValue, target, arrayChanges);
+        fireCallback(notifier);
+        if (notifier !== this) {
+            fireCallback(this);
         }
     };
     Base.prototype.addExpressionProperty = function (name, onExecute, canRun) {
@@ -2620,7 +2625,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.128", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.130", "survey-react-ui");
 
 
 /***/ }),
@@ -6798,6 +6803,21 @@ function propertyValue(params) {
     return q ? q[params[1]] : undefined;
 }
 FunctionFactory.Instance.register("propertyValue", propertyValue);
+function substring_(params) {
+    if (params.length < 2)
+        return "";
+    var s = params[0];
+    if (!s || typeof s !== "string")
+        return "";
+    var start = params[1];
+    if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(start))
+        return "";
+    var end = params.length > 2 ? params[2] : undefined;
+    if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(end))
+        return s.substring(start);
+    return s.substring(start, end);
+}
+FunctionFactory.Instance.register("substring", substring_);
 
 
 /***/ }),
@@ -7696,22 +7716,32 @@ var JsonObjectProperty = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    JsonObjectProperty.prototype.isEnable = function (obj) {
+        if (this.readOnly)
+            return false;
+        if (!obj || !this.enableIf)
+            return true;
+        return this.enableIf(this.getOriginalObj(obj));
+    };
     JsonObjectProperty.prototype.isVisible = function (layout, obj) {
         if (obj === void 0) { obj = null; }
         var isLayout = !this.layout || this.layout == layout;
         if (!this.visible || !isLayout)
             return false;
         if (!!this.visibleIf && !!obj) {
-            if (obj.getOriginalObj) {
-                var orjObj = obj.getOriginalObj();
-                if (orjObj && Serializer.findProperty(orjObj.getType(), this.name)) {
-                    obj = orjObj;
-                }
-            }
-            return this.visibleIf(obj);
+            return this.visibleIf(this.getOriginalObj(obj));
         }
         return true;
     };
+    JsonObjectProperty.prototype.getOriginalObj = function (obj) {
+        if (obj && obj.getOriginalObj) {
+            var orjObj = obj.getOriginalObj();
+            if (orjObj && Serializer.findProperty(orjObj.getType(), this.name)) {
+                return orjObj;
+            }
+        }
+        return obj;
+    };
     Object.defineProperty(JsonObjectProperty.prototype, "visible", {
         get: function () {
             return this.visibleValue != null ? this.visibleValue : true;
@@ -7723,14 +7753,21 @@ var JsonObjectProperty = /** @class */ (function () {
         configurable: true
     });
     JsonObjectProperty.prototype.isAvailableInVersion = function (ver) {
-        if (!!this.alternativeName)
+        if (!!this.alternativeName || this.oldName)
             return true;
         return this.isAvailableInVersionCore(ver);
     };
     JsonObjectProperty.prototype.getSerializedName = function (ver) {
         if (!this.alternativeName)
             return this.name;
-        return this.isAvailableInVersionCore(ver) ? this.name : this.alternativeName;
+        return this.isAvailableInVersionCore(ver) ? this.name : this.alternativeName || this.oldName;
+    };
+    JsonObjectProperty.prototype.getSerializedProperty = function (obj, ver) {
+        if (!this.oldName || this.isAvailableInVersionCore(ver))
+            return this;
+        if (!obj || !obj.getType)
+            return null;
+        return Serializer.findProperty(obj.getType(), this.oldName);
     };
     JsonObjectProperty.prototype.isAvailableInVersionCore = function (ver) {
         if (!ver || !this.version)
@@ -7816,6 +7853,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "isLocalizableValue",
         "className",
         "alternativeName",
+        "oldName",
         "layout",
         "version",
         "classNamePart",
@@ -7835,6 +7873,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "showMode",
         "dependedProperties",
         "visibleIf",
+        "enableIf",
         "onExecuteExpression",
         "onPropertyEditorUpdate",
         "maxLength",
@@ -8153,7 +8192,7 @@ var JsonMetadataClass = /** @class */ (function () {
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.maxLength)) {
                 prop.maxLength = propInfo.maxLength;
             }
-            if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.displayName)) {
+            if (propInfo.displayName !== undefined) {
                 prop.displayName = propInfo.displayName;
             }
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.category)) {
@@ -8204,6 +8243,9 @@ var JsonMetadataClass = /** @class */ (function () {
             if (!!propInfo.visibleIf) {
                 prop.visibleIf = propInfo.visibleIf;
             }
+            if (!!propInfo.enableIf) {
+                prop.enableIf = propInfo.enableIf;
+            }
             if (!!propInfo.onExecuteExpression) {
                 prop.onExecuteExpression = propInfo.onExecuteExpression;
             }
@@ -8263,6 +8305,9 @@ var JsonMetadataClass = /** @class */ (function () {
             if (propInfo.alternativeName) {
                 prop.alternativeName = propInfo.alternativeName;
             }
+            if (propInfo.oldName) {
+                prop.oldName = propInfo.oldName;
+            }
             if (propInfo.layout) {
                 prop.layout = propInfo.layout;
             }
@@ -8325,11 +8370,11 @@ var JsonMetadata = /** @class */ (function () {
         this.dynamicPropsCache = {};
     }
     JsonMetadata.prototype.getObjPropertyValue = function (obj, name) {
-        if (this.isObjWrapper(obj)) {
+        if (this.isObjWrapper(obj) && this.isNeedUseObjWrapper(obj, name)) {
             var orignalObj = obj.getOriginalObj();
-            var prop = Serializer.findProperty(orignalObj.getType(), name);
-            if (!!prop)
-                return this.getObjPropertyValueCore(orignalObj, prop);
+            var prop_1 = Serializer.findProperty(orignalObj.getType(), name);
+            if (!!prop_1)
+                return this.getObjPropertyValueCore(orignalObj, prop_1);
         }
         var prop = Serializer.findProperty(obj.getType(), name);
         if (!prop)
@@ -8366,6 +8411,18 @@ var JsonMetadata = /** @class */ (function () {
     JsonMetadata.prototype.isObjWrapper = function (obj) {
         return !!obj.getOriginalObj && !!obj.getOriginalObj();
     };
+    JsonMetadata.prototype.isNeedUseObjWrapper = function (obj, name) {
+        if (!obj.getDynamicProperties)
+            return true;
+        var props = obj.getDynamicProperties();
+        if (!Array.isArray(props))
+            return false;
+        for (var i = 0; i < props.length; i++) {
+            if (props[i].name === name)
+                return true;
+        }
+        return false;
+    };
     JsonMetadata.prototype.addClass = function (name, properties, creator, parentName) {
         if (creator === void 0) { creator = null; }
         if (parentName === void 0) { parentName = null; }
@@ -9067,6 +9124,14 @@ var JsonObject = /** @class */ (function () {
             return;
         if (options.version && !prop.isAvailableInVersion(options.version))
             return;
+        this.valueToJsonCore(obj, result, prop, options);
+    };
+    JsonObject.prototype.valueToJsonCore = function (obj, result, prop, options) {
+        var serProp = prop.getSerializedProperty(obj, options.version);
+        if (serProp && serProp !== prop) {
+            this.valueToJsonCore(obj, result, serProp, options);
+            return;
+        }
         var value = prop.getSerializableValue(obj);
         if (!options.storeDefaults && prop.isDefaultValueByObj(obj, value))
             return;
@@ -9130,9 +9195,7 @@ var JsonObject = /** @class */ (function () {
     JsonObject.prototype.removePosOnValueToJson = function (property, value) {
         if (!property.isCustom || !value)
             return value;
-        if (!!value[JsonObject.positionPropertyName]) {
-            delete value[JsonObject.positionPropertyName];
-        }
+        this.removePosFromObj(value);
         return value;
     };
     JsonObject.prototype.removePos = function (property, value) {
@@ -9148,9 +9211,14 @@ var JsonObject = /** @class */ (function () {
                 this.removePosFromObj(obj[i]);
             }
         }
+        if (typeof obj !== "object")
+            return;
         if (!!obj[JsonObject.positionPropertyName]) {
             delete obj[JsonObject.positionPropertyName];
         }
+        for (var key in obj) {
+            this.removePosFromObj(obj[key]);
+        }
     };
     JsonObject.prototype.isValueArray = function (value) {
         return value && Array.isArray(value);
@@ -9607,7 +9675,11 @@ var LocalizableString = /** @class */ (function () {
             keys[0] == _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.defaultLocaleName &&
             !_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].serialization.localizableStringSerializeAsObject)
             return this.values[keys[0]];
-        return this.values;
+        var res = {};
+        for (var key in this.values) {
+            res[key] = this.values[key];
+        }
+        return res;
     };
     LocalizableString.prototype.setJson = function (value) {
         if (!!this.sharedData) {
@@ -9953,7 +10025,7 @@ var englishStrings = {
     chooseFile: "Choose file(s)...",
     noFileChosen: "No file chosen",
     filePlaceholder: "Drag and drop a file here or click the button below to select a file to upload.",
-    confirmDelete: "Do you want to delete the record?",
+    confirmDelete: "Are you sure you want to delete this record?",
     keyDuplicationError: "This value should be unique.",
     addColumn: "Add Column",
     addRow: "Add Row",
@@ -9996,12 +10068,12 @@ var englishStrings = {
     modalApplyButtonText: "Apply",
     filterStringPlaceholder: "Type to search...",
     emptyMessage: "No data to display",
-    noEntriesText: "There are no entries yet.\nClick the button below to add a new entry.",
-    noEntriesReadonlyText: "There are no entries.",
+    noEntriesText: "No entries yet.\nClick the button below to add a new entry.",
+    noEntriesReadonlyText: "No entries.",
     more: "More",
     tagboxDoneButtonCaption: "OK",
-    selectToRankEmptyRankedAreaText: "All choices are ranked",
-    selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them",
+    selectToRankEmptyRankedAreaText: "All choices are selected for ranking",
+    selectToRankEmptyUnrankedAreaText: "Drag choices here to rank them",
     ok: "OK",
     cancel: "Cancel",
 };
@@ -10258,14 +10330,14 @@ var SurveyQuestionBoolean = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
                         ? ""
                         : this.question.booleanValue, id: this.question.inputId, className: cssClasses.control, disabled: this.isDisplayMode, checked: this.question.booleanValue || false, onChange: this.handleOnChange, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_ariaDescribedBy }),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, false); } },
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(false) }, this.renderLocString(this.question.locLabelFalse))),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, _this.question.swapOrder); } },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(this.question.swapOrder) }, this.renderLocString(this.question.locLabelLeft))),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.switch, onClick: this.handleOnSwitchClick },
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.slider }, this.question.isDeterminated && cssClasses.sliderText ?
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.sliderText }, this.renderLocString(this.question.getCheckedLabel()))
                         : null)),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, true); } },
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(true) }, this.renderLocString(this.question.locLabelTrue))))));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, !_this.question.swapOrder); } },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(!this.question.swapOrder) }, this.renderLocString(this.question.locLabelRight))))));
     };
     return SurveyQuestionBoolean;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyQuestionElementBase"]));
@@ -10826,7 +10898,8 @@ var SurveyFileChooseButton = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyFileChooseButton.prototype.render = function () {
-        return Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_1__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { tabIndex: 0, className: this.question.getChooseFileCss(), htmlFor: this.question.inputId, "aria-label": this.question.chooseButtonText },
+        var _this = this;
+        return Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_1__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { tabIndex: 0, className: this.question.getChooseFileCss(), htmlFor: this.question.inputId, "aria-label": this.question.chooseButtonText, onClick: function (e) { return _this.question.chooseFile(e.nativeEvent); } },
             (!!this.question.cssClasses.chooseFileIconId) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { title: this.question.chooseButtonText, iconName: this.question.cssClasses.chooseFileIconId, size: "auto" }) : null,
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", null, this.question.chooseButtonText)));
     };
@@ -11039,7 +11112,7 @@ var Header = /** @class */ (function (_super) {
     };
     Header.prototype.renderElement = function () {
         this.model.survey = this.props.survey;
-        if (!(this.props.survey.headerView === "advanced" && this.props.survey.renderedHasHeader)) {
+        if (!(this.props.survey.headerView === "advanced")) {
             return null;
         }
         var headerContent = null;
@@ -14351,7 +14424,6 @@ var SurveyPanelBase = /** @class */ (function (_super) {
     __extends(SurveyPanelBase, _super);
     function SurveyPanelBase(props) {
         var _this = _super.call(this, props) || this;
-        _this.renderedRowsCache = {};
         _this.rootRef = react__WEBPACK_IMPORTED_MODULE_0__["createRef"]();
         return _this;
     }
@@ -14434,20 +14506,8 @@ var SurveyPanelBase = /** @class */ (function (_super) {
             && this.panelBase.isVisible && !!this.panelBase.survey);
     };
     SurveyPanelBase.prototype.renderRows = function (css) {
-        if (this.changedStatePropName !== "rows") {
-            this.renderedRowsCache = {};
-        }
-        var rows = [];
-        var questionRows = this.panelBase.rows;
-        for (var i = 0; i < questionRows.length; i++) {
-            var row = this.renderedRowsCache[questionRows[i].id];
-            if (!row) {
-                row = this.createRow(questionRows[i], css);
-                this.renderedRowsCache[questionRows[i].id] = row;
-            }
-            rows.push(row);
-        }
-        return rows;
+        var _this = this;
+        return this.panelBase.rows.map(function (row) { return _this.createRow(row, css); });
     };
     SurveyPanelBase.prototype.createRow = function (row, css) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_row__WEBPACK_IMPORTED_MODULE_2__["SurveyRow"], { key: row.id, row: row, survey: this.survey, creator: this.creator, css: css }));
@@ -14793,7 +14853,9 @@ var SurveyProgressButtons = /** @class */ (function (_super) {
         }, 10);
     };
     SurveyProgressButtons.prototype.componentWillUnmount = function () {
-        this.respManager.dispose();
+        if (!!this.respManager) {
+            this.respManager.dispose();
+        }
         _super.prototype.componentWillUnmount.call(this);
     };
     return SurveyProgressButtons;
@@ -15004,6 +15066,7 @@ var PopupSurvey = /** @class */ (function (_super) {
         var titleCollapsed = null;
         var expandCollapseIcon;
         var closeButton = null;
+        var allowFullScreenButon = null;
         if (popup.isCollapsed) {
             headerCss += " " + popup.cssRootCollapsedMod;
             titleCollapsed = this.renderTitleCollapsed(popup);
@@ -15015,9 +15078,13 @@ var PopupSurvey = /** @class */ (function (_super) {
         if (popup.allowClose) {
             closeButton = this.renderCloseButton(this.popup);
         }
+        if (popup.allowFullScreen) {
+            allowFullScreenButon = this.renderAllowFullScreenButon(this.popup);
+        }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: popup.cssHeaderRoot },
             titleCollapsed,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: popup.cssHeaderButtonsContainer },
+                allowFullScreenButon,
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: popup.cssHeaderCollapseButton, onClick: this.handleOnExpanded }, expandCollapseIcon),
                 closeButton)));
     };
@@ -15036,6 +15103,16 @@ var PopupSurvey = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: popup.cssHeaderCloseButton, onClick: function () { popup.hide(); } },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { iconName: "icon-close_16x16", size: 16 })));
     };
+    PopupSurvey.prototype.renderAllowFullScreenButon = function (popup) {
+        var Icon;
+        if (popup.isFullScreen) {
+            Icon = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { iconName: "icon-back-to-panel_16x16", size: 16 });
+        }
+        else {
+            Icon = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { iconName: "icon-full-screen_16x16", size: 16 });
+        }
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: popup.cssHeaderFullScreenButton, onClick: function () { popup.toggleFullScreen(); } }, Icon));
+    };
     PopupSurvey.prototype.renderBody = function () {
         return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.popup.cssBody }, this.doRender());
     };
@@ -15048,6 +15125,7 @@ var PopupSurvey = /** @class */ (function (_super) {
             this.popup.closeOnCompleteTimeout = newProps.closeOnCompleteTimeout;
         }
         this.popup.allowClose = newProps.allowClose;
+        this.popup.allowFullScreen = newProps.allowFullScreen;
         this.popup.isShowing = true;
         if (!this.popup.isExpanded && (newProps.expanded || newProps.isExpanded))
             this.popup.expand();
@@ -15832,7 +15910,7 @@ var SurveyQuestionAndErrorsCell = /** @class */ (function (_super) {
         var style = this.getCellStyle();
         var cell = this.props.cell;
         var focusIn = function () { cell.focusIn(); };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { ref: this.cellRef, className: this.itemCss, colSpan: cell.colSpans, "data-responsive-title": this.getHeaderText(), title: cell.getTitle(), style: style, onFocus: focusIn }, this.wrapCell(this.props.cell, (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.cellQuestionWrapper }, this.renderQuestion())))));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { ref: this.cellRef, className: this.itemCss, colSpan: cell.colSpans, "data-responsive-title": this.getHeaderText(), title: cell.getTitle(), style: style, onFocus: focusIn }, this.wrapCell(this.props.cell, (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.props.cell.cellQuestionWrapperClassName }, this.renderQuestion())))));
     };
     SurveyQuestionAndErrorsCell.prototype.getCellStyle = function () {
         return null;
@@ -17185,8 +17263,8 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
         var clearButtonBottom = this.question.showRemoveButtonBottom ? this.renderClearButton(this.question.cssClasses.removeButtonBottom) : null;
         var fileNavigator = this.question.fileNavigatorVisible ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__["SurveyActionBar"], { model: this.question.fileNavigator })) : null;
         var fileInput = (this.isDisplayMode ?
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, onChange: !this.isDisplayMode ? this.question.doChange : (function () { }), multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes }) : this.question.hasFileUI ?
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, onChange: !this.isDisplayMode ? this.question.doChange : (function () { }), "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: this.question.acceptedTypes, capture: this.question.renderCapture }) : null);
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes }) : this.question.hasFileUI ?
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: this.question.acceptedTypes, capture: this.question.renderCapture }) : null);
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.fileRootCss },
             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 },
@@ -20489,34 +20567,50 @@ var settings = {
      */
     tagboxCloseOnSelect: false,
     /**
-     * A property that allows you to display a custom confirm dialog.
+     * A function that activates a browser confirm dialog.
+     *
+     * Use the following code to execute this function:
+     *
+     * ```js
+     * import { settings } from "survey-core";
+     *
+     * // `result` contains `true` if the action was confirmed or `false` otherwise
+     * const result = settings.confirmActionFunc("Are you sure?");
+     * ```
      *
-     * Set this property to a function that renders your custom dialog window. This function should return `true` if a user confirms an action or `false` otherwise.
+     * You can redefine the `confirmActionFunc` function if you want to display a custom dialog window. Your function should return `true` if a user confirms an action or `false` otherwise.
      * @param message A message to be displayed in the confirm dialog window.
      */
     confirmActionFunc: function (message) {
         return confirm(message);
     },
     /**
-     * A property that allows you to display a custom confirm dialog in async mode or activate the standard browser dialog.
+     * A function that activates a proprietary SurveyJS confirm dialog.
      *
-     * To display a custom confirm dialog, set this property to a function that renders it. This function should return `true` to be enabled; otherwise, a survey executes the [`confirmActionFunc`](#confirmActionFunc) function. Pass the dialog result as the `callback` parameter: `true` if a user confirms an action, `false` otherwise.
-     *
-     * To activate the standard browser dialog, set the `confirmActionAsync` property to a function that returns `false`. With this configuration, a survey falls back to the [`confirmActionFunc`](#confirmActionFunc) function, which renders the standard browser dialog by default.
+     * Use the following code to execute this function:
      *
      * ```js
      * import { settings } from "survey-core";
      *
-     * // Display the standard browser dialog
-     * settings.confirmActionAsync = () => {
-     *    return false;
-     * }
+     * settings.confirmActionAsync("Are you sure?", (confirmed) => {
+     *   if (confirmed) {
+     *     // ...
+     *     // Proceed with the action
+     *     // ...
+     *   } else {
+     *     // ...
+     *     // Cancel the action
+     *     // ...
+     *   }
+     * });
      * ```
+     *
+     * You can redefine the `confirmActionAsync` function if you want to display a custom dialog window. Your function should return `true` to be enabled; otherwise, a survey executes the [`confirmActionFunc`](#confirmActionFunc) function. Pass the dialog result as the `callback` parameter: `true` if a user confirms an action, `false` otherwise.
      * @param message A message to be displayed in the confirm dialog window.
      * @param callback A callback function that should be called with `true` if a user confirms an action or `false` otherwise.
      */
-    confirmActionAsync: function (message, callback, applyTitle, locale) {
-        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle, locale);
+    confirmActionAsync: function (message, callback, applyTitle, locale, rootElement) {
+        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle, locale, rootElement);
     },
     /**
      * A minimum width value for all survey elements.
@@ -21082,7 +21176,7 @@ var VerticalResponsivityManager = /** @class */ (function (_super) {
 /*!****************************!*\
   !*** ./src/utils/utils.ts ***!
   \****************************/
-/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, showConfirmDialog, 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 */
+/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, showConfirmDialog, 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";
@@ -21121,6 +21215,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "preventDefaults", function() { return preventDefaults; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findParentByClassNames", function() { return findParentByClassNames; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFirstVisibleChild", function() { return getFirstVisibleChild; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return chooseFiles; });
 /* harmony import */ var _localizablestring__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../localizablestring */ "./src/localizablestring.ts");
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../settings */ "./src/settings.ts");
 /* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../surveyStrings */ "./src/surveyStrings.ts");
@@ -21145,7 +21240,7 @@ function confirmAction(message) {
         return _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionFunc(message);
     return confirm(message);
 }
-function confirmActionAsync(message, funcOnYes, funcOnNo, locale) {
+function confirmActionAsync(message, funcOnYes, funcOnNo, locale, rootElement) {
     var callbackFunc = function (res) {
         if (res)
             funcOnYes();
@@ -21153,7 +21248,7 @@ function confirmActionAsync(message, funcOnYes, funcOnNo, locale) {
             funcOnNo();
     };
     if (!!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"] && !!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync) {
-        if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync(message, callbackFunc, undefined, locale))
+        if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync(message, callbackFunc, undefined, locale, rootElement))
             return;
     }
     callbackFunc(confirmAction(message));
@@ -21502,7 +21597,7 @@ var Logger = /** @class */ (function () {
     return Logger;
 }());
 
-function showConfirmDialog(message, callback, applyTitle, locale) {
+function showConfirmDialog(message, callback, applyTitle, locale, rootElement) {
     var locStr = new _localizablestring__WEBPACK_IMPORTED_MODULE_0__["LocalizableString"](undefined);
     var popupViewModel = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
         componentName: "sv-string-viewer",
@@ -21519,7 +21614,7 @@ function showConfirmDialog(message, callback, applyTitle, locale) {
         displayMode: "popup",
         isFocusedContent: false,
         cssClass: "sv-popup--confirm-delete"
-    }, /*settings.rootElement*/ document.body); //TODO survey root
+    }, rootElement);
     var toolbar = popupViewModel.footerToolbar;
     var applyBtn = toolbar.getActionById("apply");
     var cancelBtn = toolbar.getActionById("cancel");
@@ -21530,6 +21625,23 @@ function showConfirmDialog(message, callback, applyTitle, locale) {
     popupViewModel.width = "452px";
     return true;
 }
+function chooseFiles(input, callback) {
+    if (!window || !window["FileReader"])
+        return;
+    input.value = "";
+    input.onchange = function (event) {
+        if (!window["FileReader"])
+            return;
+        if (!input || !input.files || input.files.length < 1)
+            return;
+        var files = [];
+        for (var i = 0; i < input.files.length; i++) {
+            files.push(input.files[i]);
+        }
+        callback(files);
+    };
+    input.click();
+}