survey-core 1.9.128 → 1.9.129

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.128
+ * surveyjs - Survey JavaScript library v1.9.129
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2297,18 +2297,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) {
@@ -4778,7 +4783,7 @@ var modernCss = {
         cellText: "sv-matrix__text",
         cellTextSelected: "sv-matrix__text--checked",
         cellTextDisabled: "sv-matrix__text--disabled",
-        cellResponsiveTitle: "sv-hidden",
+        cellResponsiveTitle: "sv-matrix__cell-responsive-title",
         itemSvgIconId: "#icon-modernradio",
     },
     matrixdropdown: {
@@ -4890,6 +4895,7 @@ var modernCss = {
     window: {
         root: "sv_window",
         rootCollapsedMod: "sv_window--collapsed",
+        rootFullScreenMode: "sv_window--full-screen",
         rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
@@ -4900,7 +4906,8 @@ var modernCss = {
             buttonExpanded: "",
             buttonCollapsed: "",
             collapseButton: "sv_window_button sv_window_button_collapse",
-            closeButton: "sv_window_button sv_window_button_close"
+            closeButton: "sv_window_button sv_window_button_close",
+            fullScreenButton: "sv_window_button sv_window_button_full_screen"
         }
     },
     variables: {
@@ -5122,7 +5129,7 @@ var defaultStandardCss = {
         cellText: "sv_q_m_cell_text",
         cellTextSelected: "sv_q_m_cell_selected",
         cellLabel: "sv_q_m_cell_label",
-        cellResponsiveTitle: "sv-hidden"
+        cellResponsiveTitle: "sv_q_m_cell_responsive_title"
     },
     matrixdropdown: {
         root: "sv_q_matrix_dropdown",
@@ -5288,6 +5295,7 @@ var defaultStandardCss = {
     window: {
         root: "sv_window",
         rootCollapsedMod: "sv_window--collapsed",
+        rootFullScreenMode: "sv_window--full-screen",
         rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
@@ -5298,7 +5306,8 @@ var defaultStandardCss = {
             buttonExpanded: "",
             buttonCollapsed: "",
             collapseButton: "sv_window_button sv_window_button_collapse",
-            closeButton: "sv_window_button sv_window_button_close"
+            closeButton: "sv_window_button sv_window_button_close",
+            fullScreenButton: "sv_window_button sv_window_button_full_screen"
         }
     },
     variables: {
@@ -6010,6 +6019,7 @@ var defaultV2Css = {
     window: {
         root: "sv_window",
         rootCollapsedMod: "sv_window--collapsed",
+        rootFullScreenMode: "sv_window--full-screen",
         rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
@@ -6020,7 +6030,8 @@ var defaultV2Css = {
             buttonExpanded: "",
             buttonCollapsed: "",
             collapseButton: "sv_window_button sv_window_button_collapse",
-            closeButton: "sv_window_button sv_window_button_close"
+            closeButton: "sv_window_button sv_window_button_close",
+            fullScreenButton: "sv_window_button sv_window_button_full_screen"
         }
     },
     ranking: {
@@ -7872,6 +7883,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         _this.qustionPropertyChangedHandler = function (sender, options) {
             _this.onPropertyChangedHandler(sender, options);
         };
+        _this.htmlCleanerElement = document.createElement("div");
         question.onPropertyChanged.add(_this.qustionPropertyChangedHandler);
         _this.showInputFieldComponent = _this.question.showInputFieldComponent;
         _this.listModel = _this.createListModel();
@@ -8007,7 +8019,7 @@ var DropdownListModel = /** @class */ (function (_super) {
                 _this.question.value = item.id;
                 if (_this.question.searchEnabled)
                     _this.applyInputString(item);
-                _this._popupModel.toggleVisibility();
+                _this.popupModel.isVisible = false;
             };
         }
         var res = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](visibleItems, _onSelectionChanged, false, undefined, this.question.choicesLazyLoadEnabled ? this.listModelFilterStringChanged : undefined, this.listElementId);
@@ -8092,7 +8104,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         var hasHtml = item === null || item === void 0 ? void 0 : item.locText.hasHtml;
         if (hasHtml || this.question.inputFieldComponentName) {
             this._markdownMode = true;
-            this.inputString = "";
+            this.inputString = this.cleanHtml(item === null || item === void 0 ? void 0 : item.locText.getHtmlValue());
             this.hintString = "";
         }
         else {
@@ -8100,6 +8112,10 @@ var DropdownListModel = /** @class */ (function (_super) {
             this.hintString = item === null || item === void 0 ? void 0 : item.title;
         }
     };
+    DropdownListModel.prototype.cleanHtml = function (html) {
+        this.htmlCleanerElement.innerHTML = html;
+        return this.htmlCleanerElement.textContent;
+    };
     DropdownListModel.prototype.fixInputCase = function () {
         var hintStringMiddle = this.hintStringMiddle;
         if (hintStringMiddle && this.inputString != hintStringMiddle)
@@ -8919,7 +8935,7 @@ var ElementHelper = /** @class */ (function () {
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9370,6 +9386,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_83__["createSvg"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_83__["chooseFiles"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_83__["sanitizeEditableContent"]; });
 
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../../utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
@@ -9396,8 +9414,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.128";
-ReleaseDate = "" + "2024-01-30";
+Version = "" + "1.9.129";
+ReleaseDate = "" + "2024-02-06";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9572,7 +9590,7 @@ function checkPrefix(prefix) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9946,6 +9964,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["createSvg"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["chooseFiles"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["sanitizeEditableContent"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["CssClassBuilder"]; });
@@ -10037,7 +10057,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10411,6 +10431,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["createSvg"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["chooseFiles"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["sanitizeEditableContent"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["CssClassBuilder"]; });
@@ -15310,6 +15332,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_);
 
 
 /***/ }),
@@ -15451,13 +15488,10 @@ var Cover = /** @class */ (function (_super) {
     function Cover() {
         var _this = _super.call(this) || this;
         _this.cells = [];
-        _this.renderBackgroundImage = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["wrapUrlForBackgroundImage"])(_this.backgroundImage);
         ["top", "middle", "bottom"].forEach(function (positionY) {
             return ["left", "center", "right"].forEach(function (positionX) { return _this.cells.push(new CoverCell(_this, positionX, positionY)); });
         });
-        _this.updateHeaderClasses();
-        _this.updateContentClasses();
-        _this.updateBackgroundImageClasses();
+        _this.init();
         return _this;
     }
     Cover.prototype.calcBackgroundSize = function (backgroundImageFit) {
@@ -15473,6 +15507,9 @@ var Cover = /** @class */ (function (_super) {
         this.headerClasses = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
             .append("sv-header")
             .append("sv-header__without-background", (this.backgroundColor === "transparent") && !this.backgroundImage)
+            .append("sv-header__background-color--none", this.backgroundColor === "transparent" && !this.titleColor && !this.descriptionColor)
+            .append("sv-header__background-color--accent", !this.backgroundColor && !this.titleColor && !this.descriptionColor)
+            .append("sv-header__background-color--custom", !!this.backgroundColor && this.backgroundColor !== "transparent" && !this.titleColor && !this.descriptionColor)
             .append("sv-header__overlap", this.overlapEnabled)
             .toString();
     };
@@ -15496,7 +15533,16 @@ var Cover = /** @class */ (function (_super) {
         _super.prototype.fromJSON.call(this, theme.header);
         if (!!theme.cssVariables) {
             this.backgroundColor = theme.cssVariables["--sjs-header-backcolor"];
+            this.titleColor = theme.cssVariables["--sjs-font-headertitle-color"];
+            this.descriptionColor = theme.cssVariables["--sjs-font-headerdescription-color"];
         }
+        this.init();
+    };
+    Cover.prototype.init = function () {
+        this.renderBackgroundImage = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["wrapUrlForBackgroundImage"])(this.backgroundImage);
+        this.updateHeaderClasses();
+        this.updateContentClasses();
+        this.updateBackgroundImageClasses();
     };
     Cover.prototype.getType = function () {
         return "cover";
@@ -15619,6 +15665,12 @@ var Cover = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], Cover.prototype, "backgroundColor", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "titleColor", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "descriptionColor", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
             onSet: function (newVal, target) {
@@ -16207,12 +16259,14 @@ var map = {
 	"./V2Check.svg": "./src/images/V2Check.svg",
 	"./V2Check_24x24.svg": "./src/images/V2Check_24x24.svg",
 	"./V2DragElement_16x16.svg": "./src/images/V2DragElement_16x16.svg",
+	"./back-to-panel_16x16.svg": "./src/images/back-to-panel_16x16.svg",
 	"./chevron.svg": "./src/images/chevron.svg",
 	"./clear_16x16.svg": "./src/images/clear_16x16.svg",
 	"./close_16x16.svg": "./src/images/close_16x16.svg",
 	"./collapseDetail.svg": "./src/images/collapseDetail.svg",
 	"./drag-n-drop.svg": "./src/images/drag-n-drop.svg",
 	"./expandDetail.svg": "./src/images/expandDetail.svg",
+	"./full-screen_16x16.svg": "./src/images/full-screen_16x16.svg",
 	"./loading.svg": "./src/images/loading.svg",
 	"./minimize_16x16.svg": "./src/images/minimize_16x16.svg",
 	"./no-image.svg": "./src/images/no-image.svg",
@@ -16589,6 +16643,17 @@ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/back-to-panel_16x16.svg":
+/*!********************************************!*\
+  !*** ./src/images/back-to-panel_16x16.svg ***!
+  \********************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15.0001 6C15.0001 6.55 14.5501 7 14.0001 7H10.0001C9.45006 7 9.00006 6.55 9.00006 6V2C9.00006 1.45 9.45006 1 10.0001 1C10.5501 1 11.0001 1.45 11.0001 2V3.59L13.2901 1.29C13.4901 1.09 13.7401 1 14.0001 1C14.2601 1 14.5101 1.1 14.7101 1.29C15.1001 1.68 15.1001 2.31 14.7101 2.7L12.4201 4.99H14.0101C14.5601 4.99 15.0101 5.44 15.0101 5.99L15.0001 6ZM6.00006 9H2.00006C1.45006 9 1.00006 9.45 1.00006 10C1.00006 10.55 1.45006 11 2.00006 11H3.59006L1.29006 13.29C0.900059 13.68 0.900059 14.31 1.29006 14.7C1.68006 15.09 2.31006 15.09 2.70006 14.7L4.99006 12.41V14C4.99006 14.55 5.44006 15 5.99006 15C6.54006 15 6.99006 14.55 6.99006 14V10C6.99006 9.45 6.54006 9 5.99006 9H6.00006Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/chevron.svg":
 /*!********************************!*\
   !*** ./src/images/chevron.svg ***!
@@ -16655,6 +16720,17 @@ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/full-screen_16x16.svg":
+/*!******************************************!*\
+  !*** ./src/images/full-screen_16x16.svg ***!
+  \******************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.71 10.71L4.42 13H6.01C6.56 13 7.01 13.45 7.01 14C7.01 14.55 6.56 15 6.01 15H2C1.45 15 1 14.55 1 14V10C1 9.45 1.45 9 2 9C2.55 9 3 9.45 3 10V11.59L5.29 9.3C5.68 8.91 6.31 8.91 6.7 9.3C7.09 9.69 7.09 10.32 6.7 10.71H6.71ZM14 1H10C9.45 1 9 1.45 9 2C9 2.55 9.45 3 10 3H11.59L9.3 5.29C8.91 5.68 8.91 6.31 9.3 6.7C9.5 6.9 9.75 6.99 10.01 6.99C10.27 6.99 10.52 6.89 10.72 6.7L13.01 4.41V6C13.01 6.55 13.46 7 14.01 7C14.56 7 15.01 6.55 15.01 6V2C15.01 1.45 14.56 1 14.01 1H14Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/loading.svg":
 /*!********************************!*\
   !*** ./src/images/loading.svg ***!
@@ -17908,22 +17984,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;
@@ -18047,6 +18133,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "showMode",
         "dependedProperties",
         "visibleIf",
+        "enableIf",
         "onExecuteExpression",
         "onPropertyEditorUpdate",
         "maxLength",
@@ -18365,7 +18452,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)) {
@@ -18416,6 +18503,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;
             }
@@ -19342,9 +19432,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) {
@@ -19360,9 +19448,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);
@@ -24337,7 +24430,7 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         else {
             _this.surveyValue = _this.createSurvey(jsonObj);
         }
-        //this.surveyValue.showTitle = false;
+        _this.surveyValue.fitToContainer = true;
         if ("undefined" !== typeof document) {
             _this.windowElement = document.createElement("div");
         }
@@ -24386,6 +24479,20 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "isFullScreen", {
+        get: function () {
+            return this.getPropertyValue("isFullScreen", false);
+        },
+        set: function (val) {
+            if (!this.isExpanded && !!val) {
+                this.isExpanded = true;
+            }
+            this.setPropertyValue("isFullScreen", val);
+            this.setCssRoot();
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Shows the pop-up survey. The survey may appear [expanded or collapsed](#isExpanded).
      *
@@ -24406,6 +24513,9 @@ var PopupSurveyModel = /** @class */ (function (_super) {
     PopupSurveyModel.prototype.hide = function () {
         this.isShowing = false;
     };
+    PopupSurveyModel.prototype.toggleFullScreen = function () {
+        this.isFullScreen = !this.isFullScreen;
+    };
     Object.defineProperty(PopupSurveyModel.prototype, "isExpanded", {
         /**
          * Indicates whether the pop-up window is expanded or collapsed.
@@ -24416,6 +24526,9 @@ var PopupSurveyModel = /** @class */ (function (_super) {
             return this.getPropertyValue("isExpanded", false);
         },
         set: function (val) {
+            if (!!this.isFullScreen && !val) {
+                this.isFullScreen = false;
+            }
             this.setPropertyValue("isExpanded", val);
         },
         enumerable: false,
@@ -24506,6 +24619,22 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "allowFullScreen", {
+        /**
+         * Specifies whether to display a button that allow showing pop-up in full-screen mode.
+         *
+         * Default value: `false`
+         *
+         */
+        get: function () {
+            return this.getPropertyValue("allowFullScreen", false);
+        },
+        set: function (val) {
+            this.setPropertyValue("allowFullScreen", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PopupSurveyModel.prototype, "css", {
         get: function () {
             return this.survey.css;
@@ -24586,6 +24715,13 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "cssHeaderFullScreenButton", {
+        get: function () {
+            return this.getPropertyValue("cssHeaderFullScreenButton", "");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PopupSurveyModel.prototype, "renderedWidth", {
         get: function () {
             var width = this.getPropertyValue("width", "60%");
@@ -24600,7 +24736,7 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         if (!this.css || !this.css.window)
             return;
         var cssWindow = this.css.window;
-        this.setPropertyValue("cssRoot", cssWindow.root);
+        this.setCssRoot();
         this.setPropertyValue("cssRootCollapsedMod", cssWindow.rootCollapsedMod);
         this.setPropertyValue("cssRootContent", cssWindow.rootContent);
         this.setPropertyValue("cssBody", cssWindow.body);
@@ -24612,8 +24748,18 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         this.setPropertyValue("cssHeaderButtonsContainer", cssHeader.buttonsContainer);
         this.setPropertyValue("cssHeaderCollapseButton", cssHeader.collapseButton);
         this.setPropertyValue("cssHeaderCloseButton", cssHeader.closeButton);
+        this.setPropertyValue("cssHeaderFullScreenButton", cssHeader.fullScreenButton);
         this.updateCssButton();
     };
+    PopupSurveyModel.prototype.setCssRoot = function () {
+        var cssWindow = this.css.window;
+        if (this.isFullScreen) {
+            this.setPropertyValue("cssRoot", cssWindow.root + " " + cssWindow.rootFullScreenMode);
+        }
+        else {
+            this.setPropertyValue("cssRoot", cssWindow.root);
+        }
+    };
     PopupSurveyModel.prototype.updateCssButton = function () {
         var cssHeader = !!this.css.window ? this.css.window.header : null;
         if (!cssHeader)
@@ -33217,8 +33363,8 @@ var ComponentQuestionJSON = /** @class */ (function () {
     });
     ComponentQuestionJSON.prototype.getDynamicProperties = function () {
         if (!Array.isArray(this.dynamicProperties)) {
+            this.dynamicProperties = this.calcDynamicProperties();
         }
-        this.dynamicProperties = this.calcDynamicProperties();
         return this.dynamicProperties;
     };
     ComponentQuestionJSON.prototype.calcDynamicProperties = function () {
@@ -33595,8 +33741,25 @@ var QuestionCustomModel = /** @class */ (function (_super) {
         return this.questionWrapper;
     };
     QuestionCustomModel.prototype.createWrapper = function () {
+        var _this = this;
         this.questionWrapper = this.createQuestion();
         this.createDynamicProperties(this.questionWrapper);
+        if (this.getDynamicProperties().length > 0) {
+            this.questionWrapper.onPropertyValueChangedCallback = function (name, oldValue, newValue, sender, arrayChanges) {
+                var prop = _this.getDynamicProperty(name);
+                if (prop) {
+                    _this.propertyValueChanged(name, oldValue, newValue, arrayChanges);
+                }
+            };
+        }
+    };
+    QuestionCustomModel.prototype.getDynamicProperty = function (name) {
+        var props = this.getDynamicProperties();
+        for (var i = 0; i < props.length; i++) {
+            if (props[i].name === name)
+                return props[i];
+        }
+        return null;
     };
     QuestionCustomModel.prototype.getElement = function () {
         return this.contentQuestion;
@@ -34006,6 +34169,13 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
         _super.prototype.setValue.call(this, name, newValue, locNotification, allowNotifyValueChanged);
         this.settingNewValue = false;
     };
+    QuestionCompositeModel.prototype.getFilteredValues = function () {
+        var values = !!this.data ? this.data.getFilteredValues() : {};
+        if (!!this.contentPanel) {
+            values[QuestionCompositeModel.ItemVariableName] = this.contentPanel.getValue();
+        }
+        return values;
+    };
     QuestionCompositeModel.prototype.updateValueCoreWithPanelValue = function () {
         var panelValue = this.getContentPanelValue();
         if (this.isTwoValueEquals(this.getValueCore(), panelValue))
@@ -35420,7 +35590,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
         };
         _this.doClean = function () {
             if (_this.needConfirmRemoveFile) {
-                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); }, undefined, _this.getLocale());
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); }, undefined, _this.getLocale(), _this.survey.rootElement);
                 return;
             }
             _this.clearFilesCore();
@@ -35774,6 +35944,18 @@ var QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionFileModel.prototype.chooseFile = function () {
+        var _this = this;
+        var inputElement = document.getElementById(this.inputId);
+        if (inputElement) {
+            if (this.survey) {
+                this.survey.chooseFiles(inputElement, function (files) { return _this.loadFiles(files); }, { element: this });
+            }
+            else {
+                inputElement.click();
+            }
+        }
+    };
     Object.defineProperty(QuestionFileModel.prototype, "needConfirmRemoveFile", {
         /**
          * Specifies whether users should confirm file deletion.
@@ -36310,7 +36492,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.doRemoveFile = function (data) {
         var _this = this;
         if (this.needConfirmRemoveFile) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); }, undefined, this.getLocale());
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); }, undefined, this.getLocale(), this.survey.rootElement);
             return;
         }
         this.removeFileCore(data);
@@ -36335,9 +36517,12 @@ var QuestionFileModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: 0 })
     ], QuestionFileModel.prototype, "indexToShow", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: 1, onSet: function (_, target) {
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            defaultValue: 1,
+            onSet: function (_, target) {
                 target.updateFileNavigator();
-            } })
+            }
+        })
     ], QuestionFileModel.prototype, "pageSize", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
@@ -36346,11 +36531,13 @@ var QuestionFileModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionFileModel.prototype, "allowCameraAccess", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ onSet: function (val, obj) {
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            onSet: function (val, obj) {
                 if (!obj.isLoadingFromJson) {
                     obj.updateCurrentMode();
                 }
-            } })
+            }
+        })
     ], QuestionFileModel.prototype, "sourceType", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
@@ -38762,6 +38949,9 @@ var MatrixDropdownCell = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    MatrixDropdownCell.prototype.getQuestionWrapperClassName = function (className) {
+        return className;
+    };
     MatrixDropdownCell.prototype.runCondition = function (values, properties) {
         this.question.runCondition(values, properties);
     };
@@ -38801,6 +38991,22 @@ var MatrixDropdownTotalCell = /** @class */ (function (_super) {
         this.question.unlocCalculation();
         this.question.runIfReadOnly = true;
     };
+    MatrixDropdownTotalCell.prototype.getQuestionWrapperClassName = function (className) {
+        var result = _super.prototype.getQuestionWrapperClassName.call(this, className);
+        if (!result) {
+            return result;
+        }
+        if (this.question.expression && this.question.expression != "''") {
+            result += " " + className + "--expression";
+        }
+        var alignment = this.column.totalAlignment;
+        if (alignment === "auto") {
+            if (this.column.cellType === "dropdown") {
+                alignment = "left";
+            }
+        }
+        return result + " " + className + "--" + alignment;
+    };
     MatrixDropdownTotalCell.prototype.getTotalExpression = function () {
         if (!!this.column.totalExpression)
             return this.column.totalExpression;
@@ -41242,9 +41448,11 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownb
         default: "none",
     },
     { name: "cellErrorLocation", default: "default", choices: ["default", "top", "bottom"] },
-    { name: "detailErrorLocation", default: "default", choices: ["default", "top", "bottom"], visibleIf: function (obj) { return !!obj && obj.detailPanelMode != "none"; }
+    {
+        name: "detailErrorLocation", default: "default", choices: ["default", "top", "bottom"],
+        visibleIf: function (obj) { return !!obj && obj.detailPanelMode != "none"; }
     },
-    "horizontalScroll:boolean",
+    { name: "horizontalScroll:boolean", visible: false, },
     {
         name: "choices:itemvalue[]", uniqueProperty: "value",
     },
@@ -42041,6 +42249,32 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MatrixDropdownColumn.prototype, "totalAlignment", {
+        /**
+         * An alignment for calculated total values.
+         *
+         * Possible values:
+         *
+         * - `"left"`
+         * - `"center"`
+         * - `"right"`
+         * - `"auto"` (default) - Applies one of the values above based on the column's [cell type](#cellType).
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/aggregate-data-within-form/ (linkStyle))
+         * @see totalType
+         * @see totalFormat
+         * @see totalCurrency
+         * @see totalDisplayStyle
+         */
+        get: function () {
+            return this.getPropertyValue("totalAlignment");
+        },
+        set: function (val) {
+            this.setPropertyValue("totalAlignment", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MatrixDropdownColumn.prototype, "totalCurrency", {
         /**
          * Specifies a currency used to display calculated total values. Applies only if [`totalDisplayStyle`](#totalDisplayStyle) is set to `"currency"`.
@@ -42359,6 +42593,11 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
         default: "none",
         choices: ["none", "decimal", "currency", "percent"],
     },
+    {
+        name: "totalAlignment",
+        default: "auto",
+        choices: ["auto", "left", "center", "right"],
+    },
     {
         name: "totalCurrency",
         choices: function () {
@@ -42549,6 +42788,13 @@ var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "cellQuestionWrapperClassName", {
+        get: function () {
+            return this.cell.getQuestionWrapperClassName(this.matrix.cssClasses.cellQuestionWrapper);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "headers", {
         get: function () {
             if (this.cell && this.cell.column) {
@@ -44231,7 +44477,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
             confirmDelete = this.isRequireConfirmOnRowDelete(index);
         }
         if (confirmDelete) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removeRowAsync(index, row); }, undefined, this.getLocale());
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removeRowAsync(index, row); }, undefined, this.getLocale(), this.survey.rootElement);
             return;
         }
         this.removeRowAsync(index, row);
@@ -47411,7 +47657,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!this.canRemovePanel)
             return;
         if (this.isRequireConfirmOnDelete(value)) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removePanel(value); }, undefined, this.getLocale());
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removePanel(value); }, undefined, this.getLocale(), this.survey.rootElement);
         }
         else {
             this.removePanel(value);
@@ -53130,8 +53376,8 @@ var settings = {
      * @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.
@@ -55558,6 +55804,12 @@ var SurveyModel = /** @class */ (function (_super) {
          * @see getResult
          */
         _this.onGetResult = _this.addEvent();
+        /**
+         * An event that is raised when Survey Creator opens a dialog window for users to select files.
+         * @see onUploadFile
+         * @see uploadFiles
+         */
+        _this.onOpenFileChooser = _this.addEvent();
         /**
          * An event that is raised when a File Upload or Signature Pad question starts to upload a file. Applies only if [`storeDataAsText`](https://surveyjs.io/form-library/documentation/api-reference/file-model#storeDataAsText) is `false`. Use this event to upload files to your server.
          *
@@ -60876,6 +61128,26 @@ var SurveyModel = /** @class */ (function (_super) {
             _survey_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElement"].ScrollElementToTop(options.elementId, scrollIfVisible);
         }
     };
+    /**
+     * Opens a dialog window for users to select files.
+     * @param input A [file input HTML element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
+     * @param callback A callback function that you can use to process selected files. Accepts an array of JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/API/File" target="_blank">File</a> objects.
+     * @see onOpenFileChooser
+     * @see onUploadFile
+     */
+    SurveyModel.prototype.chooseFiles = function (input, callback, context) {
+        if (this.onOpenFileChooser.isEmpty) {
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_15__["chooseFiles"])(input, callback);
+        }
+        else {
+            this.onOpenFileChooser.fire(this, {
+                input: input,
+                element: context && context.element || this.survey,
+                item: context && context.item,
+                callback: callback
+            });
+        }
+    };
     /**
      * Uploads files to a server.
      *
@@ -63216,6 +63488,9 @@ var SurveyModel = /** @class */ (function (_super) {
                 if (isStrCiEqual(this.showProgressBar, "aboveHeader")) {
                     isBelowHeader = false;
                 }
+                if (isStrCiEqual(this.showProgressBar, "belowHeader")) {
+                    isBelowHeader = true;
+                }
                 if (container === "header" && !isBelowHeader) {
                     layoutElement.index = -150;
                     if (this.isShowProgressBarOnTop && !this.isShowStartingPage) {
@@ -66077,7 +66352,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";
@@ -66116,6 +66391,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");
@@ -66140,7 +66416,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();
@@ -66148,7 +66424,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));
@@ -66497,7 +66773,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",
@@ -66514,7 +66790,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");
@@ -66525,6 +66801,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();
+}