survey-react 1.9.98 → 1.9.100

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.98
+ * surveyjs - Survey JavaScript library v1.9.100
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -112,7 +112,7 @@ return /******/ (function(modules) { // webpackBootstrap
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return SignaturePad; });
 /*!
- * Signature Pad v4.1.5 | https://github.com/szimek/signature_pad
+ * Signature Pad v4.1.6 | https://github.com/szimek/signature_pad
  * (c) 2023 Szymon Nowak | Released under the MIT license
  */
 
@@ -341,6 +341,7 @@ class SignaturePad extends SignatureEventTarget {
         this.dotSize = options.dotSize || 0;
         this.penColor = options.penColor || 'black';
         this.backgroundColor = options.backgroundColor || 'rgba(0,0,0,0)';
+        this.compositeOperation = options.compositeOperation || 'source-over';
         this._strokeMoveUpdate = this.throttle
             ? throttle(SignaturePad.prototype._strokeUpdate, this.throttle)
             : SignaturePad.prototype._strokeUpdate;
@@ -443,6 +444,9 @@ class SignaturePad extends SignatureEventTarget {
             velocityFilterWeight: group && 'velocityFilterWeight' in group
                 ? group.velocityFilterWeight
                 : this.velocityFilterWeight,
+            compositeOperation: group && 'compositeOperation' in group
+                ? group.compositeOperation
+                : this.compositeOperation,
         };
     }
     _strokeBegin(event) {
@@ -517,6 +521,7 @@ class SignaturePad extends SignatureEventTarget {
         this._lastVelocity = 0;
         this._lastWidth = (options.minWidth + options.maxWidth) / 2;
         this._ctx.fillStyle = options.penColor;
+        this._ctx.globalCompositeOperation = options.compositeOperation;
     }
     _createPoint(x, y, pressure) {
         const rect = this.canvas.getBoundingClientRect();
@@ -1761,7 +1766,7 @@ var ComputedUpdater = /** @class */ (function () {
  */
 var Base = /** @class */ (function () {
     function Base() {
-        this.propertyHash = {};
+        this.propertyHash = Base.createPropertiesHash();
         this.eventList = [];
         this.isLoadingFromJsonValue = false;
         this.loadingOwner = null;
@@ -1860,6 +1865,9 @@ var Base = /** @class */ (function () {
     Base.prototype.isPropertyEmpty = function (value) {
         return value !== "" && this.isValueEmpty(value);
     };
+    Base.createPropertiesHash = function () {
+        return {};
+    };
     Base.prototype.dispose = function () {
         for (var i = 0; i < this.eventList.length; i++) {
             this.eventList[i].clear();
@@ -5662,7 +5670,7 @@ var defaultV2Css = {
         header: {
             root: "sv_window_title",
             title: "",
-            button: "",
+            button: "sv_window_button",
             buttonExpanded: "",
             buttonCollapsed: ""
         }
@@ -5729,7 +5737,6 @@ var defaultV2Css = {
     },
     variables: {
         mobileWidth: "--sd-mobile-width",
-        imagepickerGapBetweenItems: "--sd-imagepicker-gap",
         themeMark: "--sv-defaultV2-mark"
     },
     tagbox: {
@@ -8581,7 +8588,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, checkLibraryVersion, 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, 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, tryNavigateToPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
+/*! exports provided: Version, checkLibraryVersion, 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, 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, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8876,6 +8883,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _surveyToc__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../../surveyToc */ "./src/surveyToc.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryNavigateToPage", function() { return _surveyToc__WEBPACK_IMPORTED_MODULE_55__["tryNavigateToPage"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryFocusPage", function() { return _surveyToc__WEBPACK_IMPORTED_MODULE_55__["tryFocusPage"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return _surveyToc__WEBPACK_IMPORTED_MODULE_55__["createTOCListModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return _surveyToc__WEBPACK_IMPORTED_MODULE_55__["getTocRootCss"]; });
@@ -9034,7 +9043,7 @@ __webpack_require__.r(__webpack_exports__);
 // import "../../main.scss";
 //import "../../modern.scss";
 var Version;
-Version = "" + "1.9.98";
+Version = "" + "1.9.100";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9142,7 +9151,7 @@ function checkLibraryVersion(ver, libraryName) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, checkLibraryVersion, 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, 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, tryNavigateToPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, 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, TooltipManager, DragOrClickHelper */
+/*! exports provided: Version, checkLibraryVersion, 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, 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, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, 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, TooltipManager, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9384,6 +9393,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryNavigateToPage", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["tryNavigateToPage"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryFocusPage", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["tryFocusPage"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["createTOCListModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["getTocRootCss"]; });
@@ -9585,7 +9596,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, checkLibraryVersion, 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, 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, tryNavigateToPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, 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, TooltipManager, DragOrClickHelper, Model */
+/*! exports provided: Version, checkLibraryVersion, 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, 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, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, 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, TooltipManager, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9827,6 +9838,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryNavigateToPage", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["tryNavigateToPage"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryFocusPage", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["tryFocusPage"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["createTOCListModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["getTocRootCss"]; });
@@ -10388,7 +10401,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.ts ***!
   \******************************/
-/*! exports provided: Version, checkLibraryVersion, 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, 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, tryNavigateToPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, 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, TooltipManager, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, SurveyLocStringViewer, SurveyLocStringEditor */
+/*! exports provided: Version, checkLibraryVersion, 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, 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, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, 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, TooltipManager, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, SurveyLocStringViewer, SurveyLocStringEditor */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10630,6 +10643,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryNavigateToPage", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["tryNavigateToPage"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tryFocusPage", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["tryFocusPage"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["createTOCListModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["getTocRootCss"]; });
@@ -15806,10 +15821,11 @@ var Helpers = /** @class */ (function () {
         return true;
     };
     Helpers.compareStrings = function (x, y) {
+        var normalize = _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].comparator.normalizeTextCallback;
         if (!!x)
-            x = x.trim();
+            x = normalize(x, "compare").trim();
         if (!!y)
-            y = y.trim();
+            y = normalize(y, "compare").trim();
         if (!x && !y)
             return 0;
         if (!x)
@@ -15853,6 +15869,9 @@ var Helpers = /** @class */ (function () {
         if (caseSensitive === undefined)
             caseSensitive = _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].comparator.caseSensitive;
         if (typeof x === "string" && typeof y === "string") {
+            var normalize = _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].comparator.normalizeTextCallback;
+            x = normalize(x, "compare");
+            y = normalize(y, "compare");
             if (trimStrings) {
                 x = x.trim();
                 y = y.trim();
@@ -19204,6 +19223,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
 /* harmony import */ var _element_helper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./element-helper */ "./src/element-helper.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -19231,6 +19251,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var defaultListCss = {
     root: "sv-list__container",
     item: "sv-list__item",
@@ -19308,6 +19329,7 @@ var ListModel = /** @class */ (function (_super) {
         if (!filterStringInLow)
             return true;
         var textInLow = (item.title || "").toLocaleLowerCase();
+        textInLow = _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].comparator.normalizeTextCallback(textInLow, "filter");
         return textInLow.indexOf(filterStringInLow.toLocaleLowerCase()) > -1;
     };
     ListModel.prototype.isItemVisible = function (item) {
@@ -26664,7 +26686,7 @@ var QuestionRowModel = /** @class */ (function (_super) {
             if (!el.isVisible || preSetWidthElements.indexOf(el) > -1)
                 continue;
             if (preSetWidthElements.length == 0) {
-                el.renderWidth = (100 / visCount).toFixed(6) + "%";
+                el.renderWidth = Number.parseFloat((100 / visCount).toFixed(6)) + "%";
             }
             else {
                 el.renderWidth = this.getRenderedCalcWidth(el, preSetWidthElements, visCount);
@@ -30459,6 +30481,26 @@ var PopupSurveyModel = /** @class */ (function (_super) {
     PopupSurveyModel.prototype.changeExpandCollapse = function () {
         this.isExpanded = !this.isExpanded;
     };
+    Object.defineProperty(PopupSurveyModel.prototype, "allowClose", {
+        /**
+         * Specifies whether to display a button that closes the pop-up window.
+         *
+         * Default value: `false`
+         *
+         * If you allow users to close the pop-up window, make sure to implement a UI element that opens it. This element should call the [`show()`](https://surveyjs.io/form-library/documentation/api-reference/pop-up-survey-model#show) method.
+         * @see expand
+         * @see collapse
+         * @see hide
+         */
+        get: function () {
+            return this.getPropertyValue("allowClose", false);
+        },
+        set: function (val) {
+            this.setPropertyValue("allowClose", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PopupSurveyModel.prototype, "css", {
         get: function () {
             return this.survey.css;
@@ -30501,6 +30543,13 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "cssHeaderButton", {
+        get: function () {
+            return this.getPropertyValue("cssHeaderButton", "");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PopupSurveyModel.prototype, "renderedWidth", {
         get: function () {
             var width = this.getPropertyValue("width", "60%");
@@ -30522,6 +30571,7 @@ var PopupSurveyModel = /** @class */ (function (_super) {
             return;
         this.setPropertyValue("cssHeaderRoot", cssHeader.root);
         this.setPropertyValue("cssHeaderTitle", cssHeader.title);
+        this.setPropertyValue("cssHeaderButton", cssHeader.button);
         this.updateCssButton();
     };
     PopupSurveyModel.prototype.updateCssButton = function () {
@@ -30602,12 +30652,16 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function createPopupModalViewModel(options, container) {
+function createPopupModalViewModel(options, rootElement) {
     var popupModel = new _popup__WEBPACK_IMPORTED_MODULE_0__["PopupModel"](options.componentName, options.data, "top", "left", false, true, options.onCancel, options.onApply, options.onHide, options.onShow, options.cssClass, options.title);
     popupModel.displayMode = options.displayMode || "popup";
     var popupViewModel = new _popup_modal_view_model__WEBPACK_IMPORTED_MODULE_2__["PopupModalViewModel"](popupModel);
-    popupViewModel.setComponentElement(container);
-    if (!container) {
+    if (!!rootElement && !!rootElement.appendChild) {
+        var container = document.createElement("div");
+        rootElement.appendChild(container);
+        popupViewModel.setComponentElement(container);
+    }
+    if (!popupViewModel.container) {
         popupViewModel.initializePopupContainer();
     }
     return popupViewModel;
@@ -32773,6 +32827,7 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.createValueCopy = function () {
         return this.getUnbindValue(this.value);
     };
+    Question.prototype.initDataUI = function () { };
     Question.prototype.getUnbindValue = function (value) {
         if (this.isValueSurveyElement(value))
             return value;
@@ -33275,7 +33330,6 @@ var Question = /** @class */ (function (_super) {
         }
         return res;
     };
-    Question.prototype.addSupportedValidators = function (supportedValidators, classValidators) { };
     Question.prototype.addConditionObjectsByContext = function (objects, context) {
         objects.push({
             name: this.getValueName(),
@@ -33283,6 +33337,28 @@ var Question = /** @class */ (function (_super) {
             question: this,
         });
     };
+    /**
+     * Returns an array of questions nested within the current question. Use this method to obtain questions within [Multiple Text](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model), [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model), and [Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model)-like questions.
+     * @param visibleOnly A Boolean value that specifies whether to include only visible nested questions.
+     * @returns An array of nested questions.
+     */
+    Question.prototype.getNestedQuestions = function (visibleOnly) {
+        if (visibleOnly === void 0) { visibleOnly = false; }
+        var res = [];
+        this.collectNestedQuestions(res, visibleOnly);
+        if (res.length === 1 && res[0] === this)
+            return [];
+        return res;
+    };
+    Question.prototype.collectNestedQuestions = function (questions, visibleOnly) {
+        if (visibleOnly === void 0) { visibleOnly = false; }
+        if (visibleOnly && !this.isVisible)
+            return;
+        this.collectNestedQuestionsCore(questions, visibleOnly);
+    };
+    Question.prototype.collectNestedQuestionsCore = function (questions, visibleOnly) {
+        questions.push(this);
+    };
     Question.prototype.getConditionJson = function (operator, path) {
         if (operator === void 0) { operator = null; }
         if (path === void 0) { path = null; }
@@ -33677,6 +33753,12 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.onMobileChanged = function () {
         this.onMobileChangedCallback && this.onMobileChangedCallback();
     };
+    Question.prototype.triggerResponsiveness = function (hard) {
+        if (hard === void 0) { hard = true; }
+        if (this.triggerResponsivenessCallback) {
+            this.triggerResponsivenessCallback(hard);
+        }
+    };
     Question.prototype.initResponsiveness = function (el) {
         var _this = this;
         this.destroyResizeObserver();
@@ -33689,17 +33771,33 @@ var Question = /** @class */ (function (_super) {
                 return;
             var isProcessed_1 = false;
             var requiredWidth_1 = undefined;
-            this.resizeObserver = new ResizeObserver(function () {
-                var rootEl = el.querySelector(scrollableSelector_1);
-                if (!requiredWidth_1 && _this.isDefaultRendering()) {
-                    requiredWidth_1 = rootEl.scrollWidth;
-                }
-                if (isProcessed_1 || !Object(_utils_utils__WEBPACK_IMPORTED_MODULE_11__["isContainerVisible"])(rootEl)) {
+            this.triggerResponsivenessCallback = function (hard) {
+                if (hard) {
+                    requiredWidth_1 = undefined;
+                    _this.renderAs = "default";
                     isProcessed_1 = false;
                 }
+                var callback = function () {
+                    var rootEl = el.querySelector(scrollableSelector_1);
+                    if (!requiredWidth_1 && _this.isDefaultRendering()) {
+                        requiredWidth_1 = rootEl.scrollWidth;
+                    }
+                    if (isProcessed_1 || !Object(_utils_utils__WEBPACK_IMPORTED_MODULE_11__["isContainerVisible"])(rootEl)) {
+                        isProcessed_1 = false;
+                    }
+                    else {
+                        isProcessed_1 = _this.processResponsiveness(requiredWidth_1, Object(_utils_utils__WEBPACK_IMPORTED_MODULE_11__["getElementWidth"])(rootEl));
+                    }
+                };
+                if (hard) {
+                    setTimeout(callback, 1);
+                }
                 else {
-                    isProcessed_1 = _this.processResponsiveness(requiredWidth_1, Object(_utils_utils__WEBPACK_IMPORTED_MODULE_11__["getElementWidth"])(rootEl));
+                    callback();
                 }
+            };
+            this.resizeObserver = new ResizeObserver(function () {
+                _this.triggerResponsiveness(false);
             });
             this.onMobileChangedCallback = function () {
                 setTimeout(function () {
@@ -33735,6 +33833,7 @@ var Question = /** @class */ (function (_super) {
             this.resizeObserver.disconnect();
             this.resizeObserver = undefined;
             this.onMobileChangedCallback = undefined;
+            this.triggerResponsivenessCallback = undefined;
             this.renderAs = this.getDesktopRenderAs();
         }
     };
@@ -38449,6 +38548,11 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
             });
         }
     };
+    QuestionCompositeModel.prototype.collectNestedQuestionsCore = function (questions, visibleOnly) {
+        if (!this.contentPanel)
+            return;
+        this.contentPanel.questions.forEach(function (q) { return q.collectNestedQuestions(questions, visibleOnly); });
+    };
     QuestionCompositeModel.prototype.convertDataValue = function (name, newValue) {
         var val = this.getValueForContentPanel(this.value);
         if (!val)
@@ -39135,7 +39239,7 @@ var QuestionExpressionModel = /** @class */ (function (_super) {
             this.expressionRunner = new _conditions__WEBPACK_IMPORTED_MODULE_4__["ExpressionRunner"](this.expression);
         }
         this.expressionRunner.onRunComplete = function (newValue) {
-            _this.value = newValue;
+            _this.value = _this.roundValue(newValue);
             _this.unlocCalculation();
         };
         this.expressionRunner.run(values, properties);
@@ -39153,6 +39257,7 @@ var QuestionExpressionModel = /** @class */ (function (_super) {
          * Default value: -1
          * @see displayStyle
          * @see minimumFractionDigits
+         * @see precision
          */
         get: function () {
             return this.getPropertyValue("maximumFractionDigits");
@@ -39286,6 +39391,29 @@ var QuestionExpressionModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionExpressionModel.prototype, "precision", {
+        /**
+         * Specifies how many decimal digits to keep in the expression value.
+         *
+         * Default value: -1 (unlimited)
+         * @see maximumFractionDigits
+         */
+        get: function () {
+            return this.getPropertyValue("precision");
+        },
+        set: function (val) {
+            this.setPropertyValue("precision", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionExpressionModel.prototype.roundValue = function (val) {
+        if (this.precision < 0)
+            return val;
+        if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(val))
+            return val;
+        return parseFloat(val.toFixed(this.precision));
+    };
     QuestionExpressionModel.prototype.getValueAsStr = function (val) {
         if (this.displayStyle == "date") {
             var d = new Date(val);
@@ -39514,6 +39642,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("expression", [
     { name: "maximumFractionDigits:number", default: -1 },
     { name: "minimumFractionDigits:number", default: -1 },
     { name: "useGrouping:boolean", default: true },
+    { name: "precision:number", default: -1, category: "data" },
     { name: "enableIf", visible: false },
     { name: "isRequired", visible: false },
     { name: "readOnly", visible: false },
@@ -40416,6 +40545,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -40441,6 +40571,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var youtubeTags = ["youtube.com", "youtu.be"];
 var videoSuffics = [".mp4", ".mov", ".wmv", ".flv", ".avi", ".mkv"];
 var youtubeUrl = "https://www.youtube.com/";
@@ -40546,12 +40677,16 @@ var QuestionImageModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionImageModel.prototype.getRenderedSize = function (val) {
-        return isNaN(Number(val)) ? val : val + "px";
-    };
+    Object.defineProperty(QuestionImageModel.prototype, "renderedStyleHeight", {
+        get: function () {
+            return this.imageHeight ? Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["getRenderedStyleSize"])(this.imageHeight) : undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionImageModel.prototype, "renderedHeight", {
         get: function () {
-            return this.imageHeight ? this.getRenderedSize(this.imageHeight) : undefined;
+            return this.imageHeight ? Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["getRenderedSize"])(this.imageHeight) : undefined;
         },
         enumerable: false,
         configurable: true
@@ -40575,9 +40710,16 @@ var QuestionImageModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionImageModel.prototype, "renderedStyleWidth", {
+        get: function () {
+            return this.imageWidth ? Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["getRenderedStyleSize"])(this.imageWidth) : undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionImageModel.prototype, "renderedWidth", {
         get: function () {
-            return this.imageWidth ? this.getRenderedSize(this.imageWidth) : undefined;
+            return this.imageWidth ? Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["getRenderedSize"])(this.imageWidth) : undefined;
         },
         enumerable: false,
         configurable: true
@@ -41054,8 +41196,8 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionImagePickerModel.prototype, "renderedImageHeight", {
         get: function () {
-            var height = this.isResponsive ? this.responsiveImageHeight : this.imageHeight;
-            return (height ? height : 150) + "px";
+            var height = this.isResponsive ? Math.floor(this.responsiveImageHeight) : this.imageHeight;
+            return (height ? height : 150);
         },
         enumerable: false,
         configurable: true
@@ -41081,8 +41223,8 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionImagePickerModel.prototype, "renderedImageWidth", {
         get: function () {
-            var width = this.isResponsive ? this.responsiveImageWidth : this.imageWidth;
-            return (width ? width : 200) + "px";
+            var width = this.isResponsive ? Math.floor(this.responsiveImageWidth) : this.imageWidth;
+            return (width ? width : 200);
         },
         enumerable: false,
         configurable: true
@@ -41233,11 +41375,21 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
         }
         return false;
     };
+    QuestionImagePickerModel.prototype.triggerResponsiveness = function (hard) {
+        if (hard === void 0) { hard = true; }
+        if (hard && this.reCalcGapBetweenItemsCallback) {
+            this.reCalcGapBetweenItemsCallback();
+        }
+        _super.prototype.triggerResponsiveness.call(this, hard);
+    };
     QuestionImagePickerModel.prototype.afterRender = function (el) {
+        var _this = this;
         _super.prototype.afterRender.call(this, el);
-        var variables = this.survey.getCss().variables;
-        if (!!variables) {
-            this.gapBetweenItems = Number.parseInt(window.getComputedStyle(el).getPropertyValue(variables.imagepickerGapBetweenItems)) || 0;
+        if (el && el.querySelector(this.getObservedElementSelector())) {
+            this.reCalcGapBetweenItemsCallback = function () {
+                _this.gapBetweenItems = Math.ceil(Number.parseFloat(window.getComputedStyle(el.querySelector(_this.getObservedElementSelector())).gap)) || 16;
+            };
+            this.reCalcGapBetweenItemsCallback();
         }
     };
     __decorate([
@@ -44170,6 +44322,12 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             }
         }
     };
+    QuestionMatrixDropdownModelBase.prototype.collectNestedQuestionsCore = function (questions, visibleOnly) {
+        var rows = this.visibleRows;
+        rows.forEach(function (row) {
+            row.questions.forEach(function (q) { return q.collectNestedQuestions(questions, visibleOnly); });
+        });
+    };
     QuestionMatrixDropdownModelBase.prototype.getConditionObjectRowName = function (index) {
         return "";
     };
@@ -46830,6 +46988,11 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
             this.resetRenderedTable();
         }
     };
+    QuestionMatrixDynamicModel.prototype.initDataUI = function () {
+        if (!this.generatedVisibleRows) {
+            this.visibleRows;
+        }
+    };
     Object.defineProperty(QuestionMatrixDynamicModel.prototype, "rowCount", {
         /**
          * The number of rows in the matrix.
@@ -48231,6 +48394,9 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
             });
         }
     };
+    QuestionMultipleTextModel.prototype.collectNestedQuestionsCore = function (questions, visibleOnly) {
+        this.items.forEach(function (item) { return item.editor.collectNestedQuestions(questions, visibleOnly); });
+    };
     QuestionMultipleTextModel.prototype.getConditionJson = function (operator, path) {
         if (operator === void 0) { operator = null; }
         if (path === void 0) { path = null; }
@@ -50218,6 +50384,14 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             }
         }
     };
+    QuestionPanelDynamicModel.prototype.collectNestedQuestionsCore = function (questions, visibleOnly) {
+        var panels = visibleOnly ? this.visiblePanels : this.panels;
+        if (!Array.isArray(panels))
+            return;
+        panels.forEach(function (panel) {
+            panel.questions.forEach(function (q) { return q.collectNestedQuestions(questions, visibleOnly); });
+        });
+    };
     QuestionPanelDynamicModel.prototype.getConditionJson = function (operator, path) {
         if (operator === void 0) { operator = null; }
         if (path === void 0) { path = null; }
@@ -50627,6 +50801,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             var q = questions[i];
             q.updateValueFromSurvey(values[q.getValueName()]);
             q.updateCommentFromSurvey(values[q.getValueName() + _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].commentSuffix]);
+            q.initDataUI();
         }
     };
     QuestionPanelDynamicModel.prototype.panelSurveyValueChanged = function (panel) {
@@ -55695,7 +55870,7 @@ var ListItem = /** @class */ (function (_super) {
         if (!this.item.component) {
             var text = this.renderLocString(this.item.locTitle, undefined, "locString");
             if (this.item.iconName) {
-                var icon = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_4__["SvgIcon"], { key: 1, className: this.model.cssClasses.itemIcon, iconName: this.item.iconName, size: 24, "aria-label": this.item.title });
+                var icon = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_4__["SvgIcon"], { key: 1, className: this.model.cssClasses.itemIcon, iconName: this.item.iconName, size: this.item.iconSize, "aria-label": this.item.title });
                 content.push(icon);
                 content.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { key: 2 }, text));
             }
@@ -56741,17 +56916,18 @@ function showModal(componentName, data, onApply, onCancel, cssClass, title, disp
     var options = Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["createDialogOptions"])(componentName, data, onApply, onCancel, undefined, undefined, cssClass, title, displayMode);
     return showDialog(options);
 }
-function showDialog(dialogOptions, container) {
+function showDialog(dialogOptions, rootElement) {
     dialogOptions.onHide = function () {
         react_dom__WEBPACK_IMPORTED_MODULE_0___default.a.unmountComponentAtNode(popupViewModel.container);
         popupViewModel.dispose();
     };
-    var popupViewModel = Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["createPopupModalViewModel"])(dialogOptions, container);
+    var popupViewModel = Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["createPopupModalViewModel"])(dialogOptions, rootElement);
     react_dom__WEBPACK_IMPORTED_MODULE_0___default.a.render(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(PopupContainer, { model: popupViewModel }), popupViewModel.container);
     popupViewModel.model.isVisible = true;
     return popupViewModel;
 }
 survey_core__WEBPACK_IMPORTED_MODULE_2__["settings"].showModal = showModal;
+survey_core__WEBPACK_IMPORTED_MODULE_2__["settings"].showDialog = showDialog;
 
 
 /***/ }),
@@ -57115,7 +57291,7 @@ var LogoImage = /** @class */ (function (_super) {
     LogoImage.prototype.render = function () {
         var content = [];
         content.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { key: "logo-image", className: this.survey.logoClassNames },
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", { className: this.survey.css.logoImage, src: this.survey.locLogo.renderedHtml, alt: this.survey.locTitle.renderedHtml, width: this.survey.logoWidth ? this.survey.logoWidth : undefined, height: this.survey.logoHeight ? this.survey.logoHeight : undefined, style: { objectFit: this.survey.logoFit } })));
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", { className: this.survey.css.logoImage, src: this.survey.locLogo.renderedHtml, alt: this.survey.locTitle.renderedHtml, width: this.survey.renderedLogoWidth, height: this.survey.renderedLogoHeight, style: { objectFit: this.survey.logoFit, width: this.survey.renderedStyleLogoWidth, height: this.survey.renderedStyleLogoHeight } })));
         return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, content);
     };
     return LogoImage;
@@ -57167,6 +57343,7 @@ var SurveyHeader = /** @class */ (function (_super) {
     function SurveyHeader(props) {
         var _this = _super.call(this, props) || this;
         _this.state = { changed: 0 };
+        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_0___default.a.createRef();
         return _this;
     }
     Object.defineProperty(SurveyHeader.prototype, "survey", {
@@ -57185,6 +57362,7 @@ var SurveyHeader = /** @class */ (function (_super) {
     });
     SurveyHeader.prototype.componentDidMount = function () {
         var self = this;
+        this.survey.afterRenderHeader(this.rootRef.current);
         this.survey.locLogo.onChanged = function () {
             self.setState({ changed: self.state.changed + 1 });
         };
@@ -57212,7 +57390,7 @@ var SurveyHeader = /** @class */ (function (_super) {
     SurveyHeader.prototype.render = function () {
         if (!this.survey.renderedHasHeader)
             return null;
-        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.css.header },
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.css.header, ref: this.rootRef },
             this.renderLogoImage(this.survey.isLogoBefore),
             this.renderTitle(),
             this.renderLogoImage(this.survey.isLogoAfter),
@@ -58282,7 +58460,7 @@ var SurveyQuestionImage = /** @class */ (function (_super) {
     SurveyQuestionImage.prototype.renderElement = function () {
         var _this = this;
         var cssClasses = this.question.getImageCss();
-        var style = { objectFit: this.question.imageFit };
+        var style = { objectFit: this.question.imageFit, width: this.question.renderedStyleWidth, height: this.question.renderedStyleHeight };
         if (!this.question.imageLink || this.question.contentNotLoaded) {
             style["display"] = "none";
         }
@@ -58697,7 +58875,7 @@ var SurveyPanelBase = /** @class */ (function (_super) {
         if (!!prevProps.page &&
             !!this.survey &&
             !!this.survey.currentPage &&
-            prevProps.page.name === this.survey.currentPage.name)
+            prevProps.page.id === this.survey.currentPage.id)
             return;
         this.doAfterRender();
     };
@@ -58943,6 +59121,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _reactSurvey__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactSurvey */ "./src/react/reactSurvey.tsx");
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
+/* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -58962,6 +59141,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var PopupSurvey = /** @class */ (function (_super) {
     __extends(PopupSurvey, _super);
     function PopupSurvey(props) {
@@ -58995,6 +59175,7 @@ var PopupSurvey = /** @class */ (function (_super) {
             body));
     };
     PopupSurvey.prototype.renderWindowHeader = function () {
+        var _this = this;
         var styleA = { width: "100%", cursor: "pointer" };
         var styleTitle = { paddingRight: "10px" };
         var glyphClassName = this.popup.cssButton;
@@ -59004,8 +59185,10 @@ var PopupSurvey = /** @class */ (function (_super) {
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { onClick: this.handleOnExpanded, style: styleA },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.popup.cssHeaderTitle, style: styleTitle }, title),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: glyphClassName, "aria-hidden": "true" })),
-            this.popup.isExpanded ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { onClick: this.handleOnExpanded, style: { float: "right", cursor: "pointer" } },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.popup.cssHeaderTitle, style: styleTitle }, "X"))) : null));
+            this.popup.allowClose ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.popup.cssHeaderButton, onClick: function () { _this.popup.hide(); }, style: { transform: "rotate(45deg)", float: "right", cursor: "pointer", width: "24px", height: "24px" } },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_4__["SvgIcon"], { iconName: "icon-expanddetail", size: 16 }))) : null,
+            this.popup.isExpanded ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.popup.cssHeaderButton, onClick: this.handleOnExpanded, style: { float: "right", cursor: "pointer", width: "24px", height: "24px" } },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_4__["SvgIcon"], { iconName: "icon-collapsedetail", size: 16 }))) : null));
     };
     PopupSurvey.prototype.renderBody = function () {
         var _this = this;
@@ -59019,6 +59202,7 @@ var PopupSurvey = /** @class */ (function (_super) {
         if (newProps.closeOnCompleteTimeout) {
             this.popup.closeOnCompleteTimeout = newProps.closeOnCompleteTimeout;
         }
+        this.popup.allowClose = newProps.allowClose;
         this.popup.isShowing = true;
         if (!this.popup.isExpanded && (newProps.expanded || newProps.isExpanded))
             this.popup.expand();
@@ -64607,10 +64791,17 @@ var settings = {
      *
      * - `caseSensitive`: `Boolean`\
      * Specifies whether to differentiate between capital and lower-case letters. Default value: `false`.
+     *
+     * - `normalizedTextCallback`: `(str: string, reason: string) => string`
+     * Use the following function { str.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); }
+     * If you want to 'Brouillé' to be equal to 'Brouille'.
+     * Use the following function { return reason === "filter" ? str.normalize("NFD").replace(/[\u0300-\u036f]/g, ""): ""; }
+     * If you want to use this functionality during filtering only, for example in list.
      */
     comparator: {
         trimStrings: true,
-        caseSensitive: false
+        caseSensitive: false,
+        normalizeTextCallback: function (str, reason) { return str; }
     },
     expressionDisableConversionChar: "#",
     get commentPrefix() { return settings.commentSuffix; },
@@ -64715,6 +64906,7 @@ var settings = {
      */
     maxDate: "",
     showModal: undefined,
+    showDialog: undefined,
     supportCreatorV2: false,
     showDefaultItemsInCreatorV2: true,
     /**
@@ -66668,6 +66860,7 @@ var SurveyModel = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.valuesHash = {};
         _this.variablesHash = {};
+        _this.onThemeApplied = new _base__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
         //#region Event declarations
         /**
          * An event that is raised after a [trigger](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#triggers) is executed.
@@ -66957,34 +67150,34 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onGetResult = _this.addEvent();
         /**
-         * An event that is raised on uploading the file in QuestionFile when `storeDataAsText` is set to `false`. Use this event to change the uploaded file name or to prevent a particular file from being uploaded.
+         * An event that is raised when a File Upload 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.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
          * @see uploadFiles
-         * @see QuestionFileModel.storeDataAsText
          * @see onDownloadFile
          * @see onClearFiles
          */
         _this.onUploadFiles = _this.addEvent();
         /**
-         * An event that is raised on downloading a file in QuestionFile. Use this event to pass the file to a preview.
+         * An event that is raised when a File Upload question starts to download a file. Use this event to implement file preview when your server stores only file names.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/store-file-names-in-survey-results/ (linkStyle))
          * @see downloadFile
          * @see onClearFiles
          * @see onUploadFiles
          */
         _this.onDownloadFile = _this.addEvent();
         /**
-         * This event is fired on clearing the value in a QuestionFile. Use this event to remove files stored on your server.
+         * An event that is raised when users clear files in a [File Upload](https://surveyjs.io/form-library/documentation/api-reference/file-model) question. Use this event to delete files from your server.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/file-delayed-upload/ (linkStyle))
+         * @see clearFiles
          * @see onDownloadFile
          * @see onUploadFiles
          */
@@ -67337,8 +67530,8 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         var htmlCallBack = function (str) { return "<h3>" + str + "</h3>"; };
         _this.createHtmlLocString("completedHtml", "completingSurvey", htmlCallBack);
-        _this.createHtmlLocString("completedBeforeHtml", "completingSurveyBefore", htmlCallBack);
-        _this.createHtmlLocString("loadingHtml", "loadingSurvey", htmlCallBack);
+        _this.createHtmlLocString("completedBeforeHtml", "completingSurveyBefore", htmlCallBack, "completed-before");
+        _this.createHtmlLocString("loadingHtml", "loadingSurvey", htmlCallBack, "loading");
         _this.createLocalizableString("logo", _this, false);
         _this.createLocalizableString("backgroundImage", _this, false);
         _this.createLocalizableString("startSurveyText", _this, false, true);
@@ -67551,8 +67744,13 @@ var SurveyModel = /** @class */ (function (_super) {
             }
         };
     };
-    SurveyModel.prototype.createHtmlLocString = function (name, locName, func) {
-        this.createLocalizableString(name, this, false, locName).onGetLocalizationTextCallback = func;
+    SurveyModel.prototype.createHtmlLocString = function (name, locName, func, reason) {
+        var _this = this;
+        var res = this.createLocalizableString(name, this, false, locName);
+        res.onGetLocalizationTextCallback = func;
+        if (reason) {
+            res.onGetTextCallback = function (str) { return _this.processHtml(str, reason); };
+        }
     };
     SurveyModel.prototype.getType = function () {
         return "survey";
@@ -67862,7 +68060,7 @@ var SurveyModel = /** @class */ (function (_super) {
         /**
          * Specifies whether to save survey results when respondents switch between pages. Handle the [`onPartialSend`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onPartialSend) event to implement the save operation.
          *
-         * [Continue an Incomplete Survey](https://surveyjs.io/form-library/documentation/handle-survey-results-continue-incomplete (linkStyle)).
+         * [Continue an Incomplete Survey](https://surveyjs.io/form-library/documentation/handle-survey-results-continue-incomplete (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("sendResultOnPageNext");
@@ -67924,9 +68122,14 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "showNavigationButtons", {
         /**
-         * Gets or sets the navigation buttons position.
-         * Possible values: 'bottom' (default), 'top', 'both' and 'none'. Set it to 'none' to hide 'Prev', 'Next' and 'Complete' buttons.
-         * It makes sense if you are going to create a custom navigation, have only a single page, or the `goNextPageAutomatic` property is set to `true`.
+         * Gets or sets the position of the Start, Next, Previous, and Complete navigation buttons and controls their visibility.
+         *
+         * Possible values:
+         *
+         * - `"bottom"` (default) - Displays the navigation buttons below survey content.
+         * - `"top"` - Displays the navigation buttons above survey content.
+         * - `"both"` - Displays the navigation buttons above and below survey content.
+         * - `"none"` - Hides the navigation buttons. This setting may be useful if you [implement custom external navigation](https://surveyjs.io/form-library/examples/external-form-navigation-system/).
          * @see goNextPageAutomatic
          * @see showPrevButton
          */
@@ -67947,7 +68150,7 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "showPrevButton", {
         /**
-         * Gets or sets whether the Survey displays "Prev" button in its pages. Set it to `false` to prevent end-users from going back to their answers.
+         * Specifies whether to display the Previous button. Set this property to `false` if respondents should not move backward along the survey.
          * @see showNavigationButtons
          */
         get: function () {
@@ -68000,10 +68203,10 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "showTitle", {
         /**
-         * Gets or sets whether the Survey displays survey title in its pages. Set it to `false` to hide a survey title.
-         * @see title
+         * Specifies whether to display the [survey title](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#title).
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/survey-options/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/brand-your-survey-header/ (linkStyle))
+         * @see title
          */
         get: function () {
             return this.getPropertyValue("showTitle");
@@ -68016,10 +68219,7 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "showPageTitles", {
         /**
-         * Gets or sets whether the Survey displays page titles. Set it to `false` to hide page titles.
-         * @see PageModel.title
-         *
-         * [View Demo](https://surveyjs.io/form-library/examples/survey-options/ (linkStyle))
+         * Specifies whether to display [page titles](https://surveyjs.io/form-library/documentation/api-reference/page-model#title).
          */
         get: function () {
             return this.getPropertyValue("showPageTitles");
@@ -68032,12 +68232,9 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "showCompletedPage", {
         /**
-         * On finishing the survey the complete page is shown. Set the property to `false`, to hide the complete page.
-         * @see data
+         * Specifies whether to show the [complete page](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#complete-page).
          * @see onComplete
          * @see navigateToUrl
-         *
-         * [View Demo](https://surveyjs.io/form-library/examples/survey-options/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("showCompletedPage");
@@ -68460,16 +68657,21 @@ var SurveyModel = /** @class */ (function (_super) {
         _super.prototype.locStrsChanged.call(this);
         if (!this.currentPage)
             return;
-        if (!this.isShowStartingPage) {
-            this.updateProgressText();
+        if (this.isDesignMode) {
+            this.pages.forEach(function (page) { return page.locStrsChanged(); });
         }
-        var page = this.activePage;
-        if (!!page) {
-            page.locStrsChanged();
+        else {
+            var page = this.activePage;
+            if (!!page) {
+                page.locStrsChanged();
+            }
+            var visPages = this.visiblePages;
+            for (var i = 0; i < visPages.length; i++) {
+                visPages[i].navigationLocStrChanged();
+            }
         }
-        var visPages = this.visiblePages;
-        for (var i = 0; i < visPages.length; i++) {
-            visPages[i].navigationLocStrChanged();
+        if (!this.isShowStartingPage) {
+            this.updateProgressText();
         }
         this.navigationBar.locStrsChanged();
     };
@@ -68532,7 +68734,8 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "emptySurveyText", {
         /**
-         * Returns the text displayed when a survey has no visible pages and questions.
+         * Returns a message that is displayed when a survey does not contain visible pages or questions.
+         * @see [Localization & Globalization](https://surveyjs.io/form-library/documentation/survey-localization)
          */
         get: function () {
             return this.getLocalizationString("emptySurvey");
@@ -68578,8 +68781,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * @see logoFit
          */
         get: function () {
-            var width = this.getPropertyValue("logoWidth");
-            return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_15__["getSize"])(width);
+            return this.getPropertyValue("logoWidth");
         },
         set: function (value) {
             this.setPropertyValue("logoWidth", value);
@@ -68587,6 +68789,20 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "renderedLogoWidth", {
+        get: function () {
+            return this.logoWidth ? Object(_utils_utils__WEBPACK_IMPORTED_MODULE_15__["getRenderedSize"])(this.logoWidth) : undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyModel.prototype, "renderedStyleLogoWidth", {
+        get: function () {
+            return this.logoWidth ? Object(_utils_utils__WEBPACK_IMPORTED_MODULE_15__["getRenderedStyleSize"])(this.logoWidth) : undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "logoHeight", {
         /**
          * A logo height in CSS-accepted values.
@@ -68600,8 +68816,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * @see logoFit
          */
         get: function () {
-            var height = this.getPropertyValue("logoHeight");
-            return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_15__["getSize"])(height);
+            return this.getPropertyValue("logoHeight");
         },
         set: function (value) {
             this.setPropertyValue("logoHeight", value);
@@ -68609,6 +68824,20 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "renderedLogoHeight", {
+        get: function () {
+            return this.logoHeight ? Object(_utils_utils__WEBPACK_IMPORTED_MODULE_15__["getRenderedSize"])(this.logoHeight) : undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyModel.prototype, "renderedStyleLogoHeight", {
+        get: function () {
+            return this.logoHeight ? Object(_utils_utils__WEBPACK_IMPORTED_MODULE_15__["getRenderedStyleSize"])(this.logoHeight) : undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "logoPosition", {
         /**
          * A logo position relative to the [survey title](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#title).
@@ -69014,10 +69243,9 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "startSurveyText", {
         /**
-         * Gets or sets the 'Start' button caption.
-         * The 'Start' button is shown on the started page. Set the `firstPageIsStarted` property to `true`, to display the started page.
+         * Gets or sets a caption for the Start button.
          * @see firstPageIsStarted
-         * @see locale
+         * @see [Localization & Globalization](https://surveyjs.io/form-library/documentation/survey-localization)
          */
         get: function () {
             return this.getLocalizableStringText("startSurveyText");
@@ -69037,8 +69265,8 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "pagePrevText", {
         /**
-         * Gets or sets the 'Prev' button caption.
-         * @see locale
+         * Gets or sets a caption for the Previous button.
+         * @see [Localization & Globalization](https://surveyjs.io/form-library/documentation/survey-localization)
          */
         get: function () {
             return this.getLocalizableStringText("pagePrevText");
@@ -69058,8 +69286,8 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "pageNextText", {
         /**
-         * Gets or sets the 'Next' button caption.
-         * @see locale
+         * Gets or sets a caption for the Next button.
+         * @see [Localization & Globalization](https://surveyjs.io/form-library/documentation/survey-localization)
          */
         get: function () {
             return this.getLocalizableStringText("pageNextText");
@@ -69079,8 +69307,8 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "completeText", {
         /**
-         *  Gets or sets the 'Complete' button caption.
-         * @see locale
+         * Gets or sets a caption for the Complete button.
+         * @see [Localization & Globalization](https://surveyjs.io/form-library/documentation/survey-localization)
          */
         get: function () {
             return this.getLocalizableStringText("completeText");
@@ -69153,13 +69381,9 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "questionTitlePattern", {
         /**
-         * Set the pattern for question title. Default is "numTitleRequire", 1. What is your name? *,
-         * You can set it to numRequireTitle: 1. * What is your name?
-         * You can set it to requireNumTitle: * 1. What is your name?
-         * You can set it to numTitle (remove require symbol completely): 1. What is your name?
-         * @see QuestionModel.title
+         * Specifies a pattern for question titles.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/survey-processtext/ (linkStyle))
+         * Refer to the following help topic for more information: [Title Pattern](https://surveyjs.io/form-library/documentation/design-survey/configure-question-titles#title-pattern).
          */
         get: function () {
             return this.getPropertyValue("questionTitlePattern", "numTitleRequire");
@@ -69956,7 +70180,7 @@ var SurveyModel = /** @class */ (function (_super) {
             if (newPage == this.currentPage)
                 return;
             var oldValue = this.currentPage;
-            if (!this.currentPageChanging(newPage, oldValue))
+            if (!this.isShowingPreview && !this.currentPageChanging(newPage, oldValue))
                 return;
             this.setPropertyValue("currentPage", newPage);
             if (!!newPage) {
@@ -69965,7 +70189,9 @@ var SurveyModel = /** @class */ (function (_super) {
                 newPage.setWasShown(true);
             }
             this.locStrsChanged();
-            this.currentPageChanged(newPage, oldValue);
+            if (!this.isShowingPreview) {
+                this.currentPageChanged(newPage, oldValue);
+            }
         },
         enumerable: false,
         configurable: true
@@ -70003,7 +70229,7 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "isShowStartingPage", {
         /**
-         * The started page is showing right now. survey state equals to "starting"
+         * A Boolean value that indicates whether the [start page](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#start-page) is currently displayed.
          */
         get: function () {
             return this.state === "starting";
@@ -70328,7 +70554,8 @@ var SurveyModel = /** @class */ (function (_super) {
             isNextPage: diff === 1,
             isPrevPage: diff === -1,
             isGoingForward: diff > 0,
-            isGoingBackward: diff < 0
+            isGoingBackward: diff < 0,
+            isAfterPreview: this.changeCurrentPageFromPreview === true
         };
     };
     /**
@@ -70353,7 +70580,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 : 100;
         }
         var visPages = this.visiblePages;
-        var index = visPages.indexOf(this.currentPage) + 1;
+        var index = visPages.indexOf(this.currentPage);
         return Math.ceil((index * 100) / visPages.length);
     };
     Object.defineProperty(SurveyModel.prototype, "progressValue", {
@@ -70523,11 +70750,9 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "hasCookie", {
         /**
-         * Returns `true`, if a user has already completed the survey in this browser and there is a cookie about it. Survey goes to `completedbefore` state if the function returns `true`.
-         * @see cookieName
+         * Indicates whether the browser has a cookie with a specified [`cookieName`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#cookieName). If this property's value is `true`, the respondent has passed the survey previously.
          * @see setCookie
          * @see deleteCookie
-         * @see state
          */
         get: function () {
             if (!this.cookieName || typeof document === "undefined")
@@ -70539,8 +70764,7 @@ var SurveyModel = /** @class */ (function (_super) {
         configurable: true
     });
     /**
-     * Set the cookie with `cookieName` in user's browser. It is done automatically on survey complete if the `cookieName` property value is not empty.
-     * @see cookieName
+     * Sets a cookie with a specified [`cookieName`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#cookieName) in the browser. If the `cookieName` property value is defined, this method is automatically called on survey completion.
      * @see hasCookie
      * @see deleteCookie
      */
@@ -70551,8 +70775,7 @@ var SurveyModel = /** @class */ (function (_super) {
             this.cookieName + "=true; expires=Fri, 31 Dec 9999 0:0:0 GMT";
     };
     /**
-     * Deletes the cookie with `cookieName` from the browser.
-     * @see cookieName
+     * Deletes a cookie with a specified [`cookieName`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#cookieName) from the browser.
      * @see hasCookie
      * @see setCookie
      */
@@ -70938,23 +71161,18 @@ var SurveyModel = /** @class */ (function (_super) {
         this.isShowingPreview = options.allowShowPreview && options.allow;
     };
     /**
-     * Cancels a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page) and switches the survey to the page specified by the `curPage` parameter.
-     * @param curPage A new current page. If you do not specify this parameter, the survey displays the last page.
+     * Cancels a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page) and switches the survey to the page specified by the `currentPage` parameter.
+     * @param currentPage A new current page. If you do not specify this parameter, the survey displays the last page.
      * @see showPreview
      * @see showPreviewBeforeComplete
      * @see state
      */
-    SurveyModel.prototype.cancelPreview = function (curPage) {
-        if (curPage === void 0) { curPage = null; }
+    SurveyModel.prototype.cancelPreview = function (currentPage) {
+        if (currentPage === void 0) { currentPage = null; }
         if (!this.isShowingPreview)
             return;
+        this.gotoPageFromPreview = currentPage;
         this.isShowingPreview = false;
-        if (_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isValueEmpty(curPage) && this.visiblePageCount > 0) {
-            curPage = this.visiblePageCount - 1;
-        }
-        if (curPage !== null) {
-            this.currentPage = curPage;
-        }
     };
     SurveyModel.prototype.cancelPreviewByPage = function (panel) {
         this.cancelPreview(panel["originalPage"]);
@@ -71077,7 +71295,21 @@ var SurveyModel = /** @class */ (function (_super) {
         this.runConditions();
         this.updateAllElementsVisibility(this.pages);
         this.updateVisibleIndexes();
-        this.currentPageNo = 0;
+        if (this.isShowingPreview) {
+            this.currentPageNo = 0;
+        }
+        else {
+            var curPage = this.gotoPageFromPreview;
+            this.gotoPageFromPreview = null;
+            if (_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isValueEmpty(curPage) && this.visiblePageCount > 0) {
+                curPage = this.visiblePages[this.visiblePageCount - 1];
+            }
+            if (!!curPage) {
+                this.changeCurrentPageFromPreview = true;
+                this.currentPage = curPage;
+                this.changeCurrentPageFromPreview = false;
+            }
+        }
     };
     SurveyModel.prototype.onQuestionsOnPageModeChanged = function (oldValue) {
         if (this.isShowingPreview)
@@ -71573,7 +71805,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * @see cookieName
          */
         get: function () {
-            return this.processHtml(this.completedBeforeHtml, "completed-before");
+            return this.locCompletedBeforeHtml.textOrHtml;
         },
         enumerable: false,
         configurable: true
@@ -71583,7 +71815,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * Returns the HTML content, that is shows when a survey loads the survey JSON.
          */
         get: function () {
-            return this.processHtml(this.loadingHtml, "loading");
+            return this.locLoadingHtml.textOrHtml;
         },
         enumerable: false,
         configurable: true
@@ -71708,6 +71940,11 @@ var SurveyModel = /** @class */ (function (_super) {
             return true;
         }
     };
+    SurveyModel.prototype.triggerResponsiveness = function (hard) {
+        this.getAllQuestions().forEach(function (question) {
+            question.triggerResponsiveness(hard);
+        });
+    };
     SurveyModel.prototype.destroyResizeObserver = function () {
         if (!!this.resizeObserver) {
             this.resizeObserver.disconnect();
@@ -72023,32 +72260,77 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     /**
      * Uploads a file to server.
-     * @param question a file question object
-     * @param name a question name
-     * @param files files to upload
-     * @param uploadingCallback a call back function to get the status on uploading the files
+     *
+     * The following code shows how to call this method:
+     *
+     * ```js
+     * const question = survey.getQuestionByName("myFileQuestion");
+     * survey.uploadFiles(
+     *   question,
+     *   question.name,
+     *   question.value,
+     *   (status, data) => {
+     *     if (status === "success") {
+     *       // Handle success
+     *     }
+     *     if (status === "error") {
+     *       // Handle error
+     *     }
+     *   }
+     * );
+     * ```
+     * @param question A [File Upload question instance](https://surveyjs.io/form-library/documentation/api-reference/file-model).
+     * @param name The File Upload question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/file-model#name).
+     * @param files An array of JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/API/File" target="_blank">File</a> objects that represent files to upload.
+     * @param callback A callback function that allows you to get the upload status (`"success"` or `"error"`) and file data.
+     * @see onUploadFiles
+     * @see downloadFile
      */
-    SurveyModel.prototype.uploadFiles = function (question, name, files, uploadingCallback) {
+    SurveyModel.prototype.uploadFiles = function (question, name, files, callback) {
         if (this.onUploadFiles.isEmpty) {
-            uploadingCallback("error", files);
+            callback("error", files);
         }
         else {
             this.onUploadFiles.fire(this, {
                 question: question,
                 name: name,
                 files: files || [],
-                callback: uploadingCallback,
+                callback: callback,
             });
         }
         if (this.surveyPostId) {
-            this.uploadFilesCore(name, files, uploadingCallback);
+            this.uploadFilesCore(name, files, callback);
         }
     };
     /**
-     * Downloads a file from server
-     * @param name a question name
-     * @param fileValue a single file question value
-     * @param callback a call back function to get the status on downloading the file and the downloaded file content
+     * Downloads a file from a server.
+     *
+     * The following code shows how to call this method:
+     *
+     * ```js
+     * const question = survey.getQuestionByName("myFileQuestion");
+     * survey.downloadFile(
+     *   question,
+     *   question.name,
+     *   // Download the first uploaded file
+     *   question.value[0],
+     *   (status, data) => {
+     *     if (status === "success") {
+     *       // Use `data` to retrieve the file
+     *     }
+     *     if (status === "error") {
+     *       // Handle error
+     *     }
+     *   }
+     * );
+     * ```
+     *
+     * @param question A [File Upload question instance](https://surveyjs.io/form-library/documentation/api-reference/file-model).
+     * @param questionName The File Upload question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/file-model#name).
+     * @param fileValue An object from File Upload's [`value`](https://surveyjs.io/form-library/documentation/api-reference/file-model#value) array. This object contains metadata about the file you want to download.
+     * @param callback A callback function that allows you to get the download status (`"success"` or `"error"`) and the file identifier (URL, file name, etc.) that you can use to retrieve the file.
+     * @see onDownloadFile
+     * @see uploadFiles
      */
     SurveyModel.prototype.downloadFile = function (question, questionName, fileValue, callback) {
         if (this.onDownloadFile.isEmpty) {
@@ -72247,8 +72529,8 @@ var SurveyModel = /** @class */ (function (_super) {
         return result;
     };
     /**
-     * Returns a page on which an element (question or panel) is placed.
-     * @param element Question or Panel
+     * Returns a page to which a specified survey element (question or panel) belongs.
+     * @param element A question or panel instance.
      */
     SurveyModel.prototype.getPageByElement = function (element) {
         for (var i = 0; i < this.pages.length; i++) {
@@ -72259,15 +72541,15 @@ var SurveyModel = /** @class */ (function (_super) {
         return null;
     };
     /**
-     * Returns a page on which a question is located.
-     * @param question
+     * Returns a page to which a specified question belongs.
+     * @param question A question instance.
      */
     SurveyModel.prototype.getPageByQuestion = function (question) {
         return this.getPageByElement(question);
     };
     /**
-     * Returns a page by it's name.
-     * @param name
+     * Returns a page with a specified name.
+     * @param name A page [name](https://surveyjs.io/form-library/documentation/api-reference/page-model#name).
      */
     SurveyModel.prototype.getPageByName = function (name) {
         for (var i = 0; i < this.pages.length; i++) {
@@ -72277,8 +72559,8 @@ var SurveyModel = /** @class */ (function (_super) {
         return null;
     };
     /**
-     * Returns a list of pages by their names.
-     * @param names a list of page names
+     * Returns an array of pages with specified names.
+     * @param names An array of page names.
      */
     SurveyModel.prototype.getPagesByNames = function (names) {
         var result = [];
@@ -72294,17 +72576,27 @@ var SurveyModel = /** @class */ (function (_super) {
         return result;
     };
     /**
-     * Returns a list of all questions in a survey.
-     * @param visibleOnly set it `true`, if you want to get only visible questions
+     * Returns a list of all questions in the survey.
+     * @param visibleOnly A Boolean value that specifies whether to include only visible questions.
+     * @param includeDesignTime For internal use.
+     * @param includeNested A Boolean value that specifies whether to include nested questions, such as questions within matrix cells.
      */
-    SurveyModel.prototype.getAllQuestions = function (visibleOnly, includingDesignTime) {
+    SurveyModel.prototype.getAllQuestions = function (visibleOnly, includeDesignTime, includeNested) {
         if (visibleOnly === void 0) { visibleOnly = false; }
-        if (includingDesignTime === void 0) { includingDesignTime = false; }
-        var result = new Array();
+        if (includeDesignTime === void 0) { includeDesignTime = false; }
+        if (includeNested === void 0) { includeNested = false; }
+        var res = [];
         for (var i = 0; i < this.pages.length; i++) {
-            this.pages[i].addQuestionsToList(result, visibleOnly, includingDesignTime);
+            this.pages[i].addQuestionsToList(res, visibleOnly, includeDesignTime);
         }
-        return result;
+        if (!includeNested)
+            return res;
+        var res2 = [];
+        res.forEach(function (q) {
+            res2.push(q);
+            q.getNestedQuestions(visibleOnly).forEach(function (nQ) { return res2.push(nQ); });
+        });
+        return res2;
     };
     /**
      * Returns quiz questions. All visible questions that has input(s) widgets.
@@ -72349,12 +72641,12 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Returns a list of all survey's panels.
      */
-    SurveyModel.prototype.getAllPanels = function (visibleOnly, includingDesignTime) {
+    SurveyModel.prototype.getAllPanels = function (visibleOnly, includeDesignTime) {
         if (visibleOnly === void 0) { visibleOnly = false; }
-        if (includingDesignTime === void 0) { includingDesignTime = false; }
+        if (includeDesignTime === void 0) { includeDesignTime = false; }
         var result = new Array();
         for (var i = 0; i < this.pages.length; i++) {
-            this.pages[i].addPanelsIntoList(result, visibleOnly, includingDesignTime);
+            this.pages[i].addPanelsIntoList(result, visibleOnly, includeDesignTime);
         }
         return result;
     };
@@ -73176,6 +73468,8 @@ var SurveyModel = /** @class */ (function (_super) {
             page.name = this.generateNewName(this.pages, "page");
         this.questionHashesPanelAdded(page);
         this.updateVisibleIndexes();
+        if (!!this.runningPages)
+            return;
         if (!this.isLoadingFromJson) {
             this.updateProgressText();
             this.updateCurrentPage();
@@ -73185,6 +73479,8 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.doOnPageRemoved = function (page) {
         page.setSurveyImpl(null);
+        if (!!this.runningPages)
+            return;
         if (page === this.currentPage) {
             this.updateCurrentPage();
         }
@@ -74065,9 +74361,10 @@ var SurveyModel = /** @class */ (function (_super) {
         return true;
     };
     SurveyModel.prototype.questionEditFinishCallback = function (question, event) {
-        if (_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].enterKeyAction == "loseFocus")
+        var enterKeyAction = this.enterKeyAction || _settings__WEBPACK_IMPORTED_MODULE_14__["settings"].enterKeyAction;
+        if (enterKeyAction == "loseFocus")
             event.target.blur();
-        if (_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].enterKeyAction == "moveToNextEditor") {
+        if (enterKeyAction == "moveToNextEditor") {
             var allQuestions = this.currentPage.questions;
             var questionIndex = allQuestions.indexOf(question);
             if (questionIndex > -1 && questionIndex < allQuestions.length - 1) {
@@ -74219,8 +74516,14 @@ var SurveyModel = /** @class */ (function (_super) {
         if (!theme)
             return;
         Object.keys(theme).forEach(function (key) {
-            _this[key] = theme[key];
+            if (key === "isPanelless") {
+                _this.isCompact = theme[key];
+            }
+            else {
+                _this[key] = theme[key];
+            }
         });
+        this.onThemeApplied.fire(this, {});
     };
     /**
      * Use this method to dispose survey model properly.
@@ -74253,6 +74556,9 @@ var SurveyModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "showBrandInfo", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "enterKeyAction", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: {} })
     ], SurveyModel.prototype, "cssVariables", void 0);
@@ -74940,20 +75246,23 @@ var SurveyTimerModel = /** @class */ (function (_super) {
 /*!**************************!*\
   !*** ./src/surveyToc.ts ***!
   \**************************/
-/*! exports provided: tryNavigateToPage, createTOCListModel, getTocRootCss, TOCModel */
+/*! exports provided: tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tryNavigateToPage", function() { return tryNavigateToPage; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tryFocusPage", function() { return tryFocusPage; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return createTOCListModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return getTocRootCss; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TOCModel", function() { return TOCModel; });
 /* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./base */ "./src/base.ts");
 /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./list */ "./src/list.ts");
-/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./popup */ "./src/popup.ts");
-/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
+/* harmony import */ var _page__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./page */ "./src/page.ts");
+/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./popup */ "./src/popup.ts");
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
+
 
 
 
@@ -74974,26 +75283,37 @@ function tryNavigateToPage(survey, page) {
     }
     return true;
 }
+function tryFocusPage(survey, panel) {
+    if (survey.isDesignMode)
+        return true;
+    panel.focusFirstQuestion();
+    return true;
+}
 function createTOCListModel(survey, onAction) {
-    var items = survey.pages.map(function (page) {
+    var _a;
+    var pagesSource = survey.questionsOnPageMode === "singlePage" ? (_a = survey.pages[0]) === null || _a === void 0 ? void 0 : _a.elements : survey.pages;
+    var items = (pagesSource || []).map(function (page) {
         return new _actions_action__WEBPACK_IMPORTED_MODULE_0__["Action"]({
             id: page.name,
-            title: page.navigationTitle || page.title || page.name,
+            title: (page["navigationTitle"]) || page.title || page.name,
             action: function () {
                 if (typeof document !== undefined && !!document.activeElement) {
                     !!document.activeElement.blur && document.activeElement.blur();
                 }
                 !!onAction && onAction();
-                return tryNavigateToPage(survey, page);
+                if (page instanceof _page__WEBPACK_IMPORTED_MODULE_3__["PageModel"]) {
+                    return tryNavigateToPage(survey, page);
+                }
+                return tryFocusPage(survey, page);
             },
-            visible: new _base__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return page.isVisible && !page.isStartPage; })
+            visible: new _base__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return page.isVisible && !(page["isStartPage"]); })
         });
     });
     var listModel = new _list__WEBPACK_IMPORTED_MODULE_2__["ListModel"](items, function (item) {
         if (!!item.action()) {
             listModel.selectedItem = item;
         }
-    }, true, items.filter(function (i) { return i.id === survey.currentPage.name; })[0]);
+    }, true, items.filter(function (i) { return i.id === survey.currentPage.name; })[0] || items.filter(function (i) { return i.id === pagesSource[0].name; })[0]);
     listModel.allowSelection = false;
     listModel.locOwner = survey;
     survey.onCurrentPageChanged.add(function (s, o) {
@@ -75012,13 +75332,14 @@ var TOCModel = /** @class */ (function () {
     function TOCModel(survey) {
         var _this = this;
         this.survey = survey;
-        this.isMobile = _utils_devices__WEBPACK_IMPORTED_MODULE_4__["IsTouch"];
+        this.isMobile = _utils_devices__WEBPACK_IMPORTED_MODULE_5__["IsTouch"];
         this.icon = "icon-navmenu_24x24";
         this.togglePopup = function () {
             _this.popupModel.toggleVisibility();
         };
         this.listModel = createTOCListModel(survey, function () { _this.popupModel.isVisible = false; });
-        this.popupModel = new _popup__WEBPACK_IMPORTED_MODULE_3__["PopupModel"]("sv-list", { model: this.listModel });
+        this.popupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: this.listModel });
+        this.popupModel.displayMode = this.isMobile ? "overlay" : "popup";
     }
     Object.defineProperty(TOCModel.prototype, "containerCss", {
         get: function () {
@@ -76604,13 +76925,14 @@ var TooltipManager = /** @class */ (function () {
 /*!****************************!*\
   !*** ./src/utils/utils.ts ***!
   \****************************/
-/*! exports provided: unwrap, getSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild */
+/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "unwrap", function() { return unwrap; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSize", function() { return getSize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRenderedSize", function() { return getRenderedSize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRenderedStyleSize", function() { return getRenderedStyleSize; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickBlur", function() { return doKey2ClickBlur; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickUp", function() { return doKey2ClickUp; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickDown", function() { return doKey2ClickDown; });
@@ -76808,21 +77130,43 @@ function unwrap(value) {
         return value();
     }
 }
-function getSize(value) {
-    if (typeof value === "number") {
-        return "" + value + "px";
-    }
-    if (!!value && typeof value === "string" && value.length > 0) {
-        var lastSymbol = value[value.length - 1];
-        if ((lastSymbol >= "0" && lastSymbol <= "9") || lastSymbol == ".") {
-            try {
-                var num = parseFloat(value);
-                return "" + num + "px";
-            }
-            catch (_a) { }
+// export function getSize(value: any): number {
+//   if (typeof value === "number") {
+//     return value;
+//   }
+//   if (typeof value === "string" && value.includes("px")) {
+//     return parseInt(value);
+//   }
+//   if (!!value && typeof value === "string" && value.length > 0) {
+//     const lastSymbol: string = value[value.length - 1];
+//     if ((lastSymbol >= "0" && lastSymbol <= "9") || lastSymbol == ".") {
+//       try {
+//         const num: number = parseInt(value);
+//         return num;
+//       } catch { }
+//     }
+//   }
+//   return value;
+// }
+function getRenderedSize(val) {
+    if (typeof val == "string") {
+        if (!isNaN(Number(val))) {
+            return Number(val);
+        }
+        else if (val.includes("px")) {
+            return parseFloat(val);
         }
     }
-    return value;
+    if (typeof val == "number") {
+        return val;
+    }
+    return undefined;
+}
+function getRenderedStyleSize(val) {
+    if (getRenderedSize(val) !== undefined) {
+        return undefined;
+    }
+    return val;
 }
 var keyFocusedClassName = "sv-focused--by-key";
 function doKey2ClickBlur(evt) {