survey-react 1.9.97 → 1.9.99

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.97
+ * surveyjs - Survey JavaScript library v1.9.99
  * 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();
@@ -2921,7 +2929,7 @@ var CalculatedValue = /** @class */ (function (_super) {
             return;
         this.expressionRunner = new _conditions__WEBPACK_IMPORTED_MODULE_2__["ExpressionRunner"](this.expression);
         this.expressionRunner.onRunComplete = function (newValue) {
-            if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(newValue, _this.value)) {
+            if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(newValue, _this.value, false, true)) {
                 _this.setValue(newValue);
             }
             _this.unlocCalculation();
@@ -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: {
@@ -6304,12 +6311,12 @@ var DragDropChoices = /** @class */ (function (_super) {
         }
         var draggedElementShortcut = document.createElement("div");
         // draggedElementShortcut.innerText = text;
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, $font-family);\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, 'Open Sans');\n        ";
         var isDeepClone = true;
         var clone = (draggedElementNode
             .closest("[data-sv-drop-target-item-value]")
             .cloneNode(isDeepClone));
-        clone.style.cssText = "\n      min-width: 100px;\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n      background-color: var(--background, white);\n      border-radius: 36px;\n      padding-right: 16px;\n      margin-left: 0;\n    ";
+        clone.style.cssText = "\n      min-width: 100px;\n      box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n      background-color: var(--sjs-general-backcolor, var(--background, #fff));\n      border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n      padding-right: calc(2* var(--sjs-base-unit, var(--base-unit, 8px)));\n      margin-left: 0;\n    ";
         var dragIcon = clone.querySelector(".svc-item-value-controls__drag-icon");
         dragIcon.style.visibility = "visible";
         var removeIcon = clone.querySelector(".svc-item-value-controls__remove");
@@ -6327,7 +6334,7 @@ var DragDropChoices = /** @class */ (function (_super) {
     };
     DragDropChoices.prototype.createImagePickerShortcut = function (item, text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
-        draggedElementShortcut.style.cssText = " \n      cursor: grabbing;\n      position: absolute;\n      z-index: 10000;\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n      padding: 4px;\n      border-radius: 4px;\n      background: white;\n    ";
+        draggedElementShortcut.style.cssText = " \n      cursor: grabbing;\n      position: absolute;\n      z-index: 10000;\n      box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n      background-color: var(--sjs-general-backcolor, var(--background, #fff));\n      padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n      border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n    ";
         var itemValueNode = draggedElementNode.closest("[data-sv-drop-target-item-value]");
         var controlsNode = itemValueNode.querySelector(".svc-image-item-value-controls");
         var imageContainerNode = itemValueNode.querySelector(".sd-imagepicker__image-container");
@@ -6498,7 +6505,9 @@ var DragDropCore = /** @class */ (function () {
         configurable: true
     });
     DragDropCore.prototype.startDrag = function (event, draggedElement, parentElement, draggedElementNode, preventSaveTargetNode) {
+        var _a;
         if (preventSaveTargetNode === void 0) { preventSaveTargetNode = false; }
+        this.domAdapter.rootContainer = (_a = this.survey) === null || _a === void 0 ? void 0 : _a.rootElement;
         this.domAdapter.startDrag(event, draggedElement, parentElement, draggedElementNode, preventSaveTargetNode);
     };
     DragDropCore.prototype.dragInit = function (event, draggedElement, parentElement, draggedElementNode) {
@@ -6686,12 +6695,12 @@ var DragDropDOMAdapter = /** @class */ (function () {
             if (_utils_devices__WEBPACK_IMPORTED_MODULE_1__["IsTouch"]) {
                 _this.draggedElementShortcut.removeEventListener("contextmenu", _this.onContextMenu);
             }
-            _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.rootElement.removeChild(_this.draggedElementShortcut);
+            _this.draggedElementShortcut.parentElement.removeChild(_this.draggedElementShortcut);
             _this.dd.clear();
             _this.draggedElementShortcut = null;
             _this.scrollIntervalId = null;
             if (_utils_devices__WEBPACK_IMPORTED_MODULE_1__["IsTouch"]) {
-                _this.savedTargetNode && _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.rootElement.removeChild(_this.savedTargetNode);
+                _this.savedTargetNode && _this.savedTargetNode.parentElement.removeChild(_this.savedTargetNode);
                 DragDropDOMAdapter.PreventScrolling = false;
             }
             document.body.style.setProperty("touch-action", "");
@@ -6704,6 +6713,18 @@ var DragDropDOMAdapter = /** @class */ (function () {
         };
         this.draggedElementShortcut = null;
     }
+    Object.defineProperty(DragDropDOMAdapter.prototype, "rootElement", {
+        get: function () {
+            if (Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["isShadowDOM"])(_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root)) {
+                return _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.host;
+            }
+            else {
+                return this.rootContainer || _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.documentElement || document.body;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DragDropDOMAdapter.prototype, "isMicroMovement", {
         // see https://stackoverflow.com/questions/6042202/how-to-distinguish-mouse-click-and-drag
         get: function () {
@@ -6729,7 +6750,7 @@ var DragDropDOMAdapter = /** @class */ (function () {
                 _this.savedTargetNode = event.target;
                 _this.savedTargetNode.style.cssText =
                     "\n          position: absolute;\n          height: 1px!important;\n          width: 1px!important;\n          overflow: hidden;\n          clip: rect(1px 1px 1px 1px);\n          clip: rect(1px, 1px, 1px, 1px);\n        ";
-                _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.rootElement.appendChild(_this.savedTargetNode);
+                _this.rootElement.appendChild(_this.savedTargetNode);
             }
             _this.stopLongTap();
         }, this.longTap ? 500 : 0);
@@ -6737,6 +6758,8 @@ var DragDropDOMAdapter = /** @class */ (function () {
         document.addEventListener("pointermove", this.stopLongTapIfMoveEnough);
     };
     DragDropDOMAdapter.prototype.moveShortcutElement = function (event) {
+        var rootElementX = this.rootElement.getBoundingClientRect().x;
+        var rootElementY = this.rootElement.getBoundingClientRect().y;
         this.doScroll(event.clientY, event.clientX);
         var shortcutHeight = this.draggedElementShortcut.offsetHeight;
         var shortcutWidth = this.draggedElementShortcut.offsetWidth;
@@ -6747,50 +6770,56 @@ var DragDropDOMAdapter = /** @class */ (function () {
             shortcutXOffset = shortcutWidth / 2;
             shortcutYOffset = shortcutHeight / 2;
         }
-        var documentBottom = (Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["isShadowDOM"])(_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root) ? _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.host : _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.documentElement).clientHeight;
-        var documentRight = (Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["isShadowDOM"])(_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root) ? _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.host : _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.documentElement).clientWidth;
-        var shortcutBottomCoordinate = this.getShortcutBottomCoordinate(event.clientY, shortcutHeight, shortcutYOffset);
-        var shortcutRightCoordinate = this.getShortcutRightCoordinate(event.clientX, shortcutWidth, shortcutXOffset);
-        if (shortcutRightCoordinate >= documentRight) {
+        var documentBottom = document.documentElement.clientHeight;
+        var documentRight = document.documentElement.clientWidth;
+        var pageX = event.pageX;
+        var pageY = event.pageY;
+        var clientX = event.clientX;
+        var clientY = event.clientY;
+        var shortcutBottomCoordinate = this.getShortcutBottomCoordinate(clientY, shortcutHeight, shortcutYOffset);
+        var shortcutRightCoordinate = this.getShortcutRightCoordinate(clientX, shortcutWidth, shortcutXOffset);
+        if (shortcutRightCoordinate >= documentRight) { // right boundary
             this.draggedElementShortcut.style.left =
-                event.pageX -
-                    event.clientX +
-                    documentRight -
-                    shortcutWidth +
+                // pageX -
+                // clientX +
+                documentRight -
+                    shortcutWidth -
+                    rootElementX +
                     "px";
             this.draggedElementShortcut.style.top =
-                event.pageY - shortcutYOffset + "px";
+                /*pageY*/ clientY - shortcutYOffset - rootElementY + "px";
             return;
         }
-        if (event.clientX - shortcutXOffset <= 0) {
+        if (clientX - shortcutXOffset <= 0) { // left boundary
             this.draggedElementShortcut.style.left =
-                event.pageX - event.clientX + "px";
+                pageX - clientX - rootElementX + "px";
             this.draggedElementShortcut.style.top =
-                event.pageY - shortcutYOffset + "px";
+                /*pageY*/ clientY - rootElementY - shortcutYOffset + "px";
             return;
         }
-        if (shortcutBottomCoordinate >= documentBottom) {
+        if (shortcutBottomCoordinate >= documentBottom) { // bottom boundary
             this.draggedElementShortcut.style.left =
-                event.pageX - shortcutXOffset + "px";
+                /*pageX*/ clientX - shortcutXOffset - rootElementX + "px";
             this.draggedElementShortcut.style.top =
-                event.pageY -
-                    event.clientY +
-                    documentBottom -
-                    shortcutHeight +
+                // pageY -
+                // clientY +
+                documentBottom -
+                    shortcutHeight -
+                    rootElementY +
                     "px";
             return;
         }
-        if (event.clientY - shortcutYOffset <= 0) {
+        if (clientY - shortcutYOffset <= 0) { // top  boundary
             this.draggedElementShortcut.style.left =
-                event.pageX - shortcutXOffset + "px";
+                clientX - shortcutXOffset - rootElementX + "px";
             this.draggedElementShortcut.style.top =
-                event.pageY - event.clientY + "px";
+                pageY - clientY - rootElementY + "px";
             return;
         }
         this.draggedElementShortcut.style.left =
-            event.pageX - shortcutXOffset + "px";
+            clientX - rootElementX - shortcutXOffset + "px";
         this.draggedElementShortcut.style.top =
-            event.pageY - shortcutYOffset + "px";
+            clientY - rootElementY - shortcutYOffset + "px";
     };
     DragDropDOMAdapter.prototype.getShortcutBottomCoordinate = function (currentY, shortcutHeight, shortcutYOffset) {
         return currentY + shortcutHeight - shortcutYOffset;
@@ -6801,7 +6830,7 @@ var DragDropDOMAdapter = /** @class */ (function () {
     DragDropDOMAdapter.prototype.doScroll = function (clientY, clientX) {
         var _this = this;
         cancelAnimationFrame(this.scrollIntervalId);
-        var startScrollBoundary = 50;
+        var startScrollBoundary = 100;
         this.draggedElementShortcut.hidden = true;
         var dragOverNode = document.elementFromPoint(clientX, clientY);
         this.draggedElementShortcut.hidden = false;
@@ -6846,7 +6875,7 @@ var DragDropDOMAdapter = /** @class */ (function () {
         if (event.which === 3)
             return; //right mouse btn
         this.dd.dragInit(event, draggedElement, parentElement, draggedElementNode);
-        document.body.append(this.draggedElementShortcut);
+        this.rootElement.append(this.draggedElementShortcut);
         this.moveShortcutElement(event);
         document.addEventListener("pointermove", this.dragOver);
         document.addEventListener("pointercancel", this.handlePointerCancel);
@@ -6929,13 +6958,13 @@ var DragDropMatrixRows = /** @class */ (function (_super) {
         var _this = this;
         var draggedElementShortcut = document.createElement("div");
         // draggedElementShortcut.innerText = text;
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, $font-family);\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, 'Open Sans');\n        ";
         var isDeepClone = true;
         if (!!draggedElementNode) {
             var row = (draggedElementNode
                 .closest("[data-sv-drop-target-matrix-row]"));
             var clone = (row.cloneNode(isDeepClone));
-            clone.style.cssText = "\n        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n        background-color: white;\n        display: flex;\n        flex-grow: 0;\n        flex-shrink: 0;\n        align-items: center;\n        line-height: 0;\n        width: " + row.offsetWidth + "px;\n      ";
+            clone.style.cssText = "\n        box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n        background-color: var(--sjs-general-backcolor, var(--background, #fff));\n        display: flex;\n        flex-grow: 0;\n        flex-shrink: 0;\n        align-items: center;\n        line-height: 0;\n        width: " + row.offsetWidth + "px;\n      ";
             clone.classList.remove("sv-matrix__drag-drop--moveup");
             clone.classList.remove("sv-matrix__drag-drop--movedown");
             this.draggedElement.isDragDropMoveDown = false;
@@ -7105,7 +7134,7 @@ var DragDropRankingChoices = /** @class */ (function (_super) {
     DragDropRankingChoices.prototype.createDraggedElementShortcut = function (text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
         draggedElementShortcut.className = this.shortcutClass + " sv-ranking-shortcut";
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          border-radius: 36px;\n          min-width: 100px;\n          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n          background-color: var(--background, white);\n          font-family: var(--font-family, $font-family);\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n          min-width: 100px;\n          box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n          background-color: var(--sjs-general-backcolor, var(--background, #fff));\n          font-family: var(--font-family, 'Open Sans');\n        ";
         var isDeepClone = true;
         var clone = draggedElementNode.cloneNode(isDeepClone);
         draggedElementShortcut.appendChild(clone);
@@ -8559,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";
@@ -8854,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"]; });
@@ -9012,7 +9043,7 @@ __webpack_require__.r(__webpack_exports__);
 // import "../../main.scss";
 //import "../../modern.scss";
 var Version;
-Version = "" + "1.9.97";
+Version = "" + "1.9.99";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9120,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";
@@ -9362,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"]; });
@@ -9563,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";
@@ -9805,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"]; });
@@ -10366,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";
@@ -10608,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"]; });
@@ -15784,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)
@@ -15831,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();
@@ -19182,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 ||
@@ -19209,6 +19251,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var defaultListCss = {
     root: "sv-list__container",
     item: "sv-list__item",
@@ -19286,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) {
@@ -25003,91 +25047,96 @@ __webpack_require__.r(__webpack_exports__);
 // These strings are commented out. Uncomment and edit them if you want to add your translations.
 
 var turkishSurveyStrings = {
-    pagePrevText: "Geri",
-    pageNextText: "İleri",
-    completeText: "Anketi Tamamla",
-    previewText: "Ön izleme",
+    pagePrevText: "Önceki",
+    pageNextText: "Sonraki",
+    completeText: "Tamamla",
+    previewText: "Önizleme",
     editText: "Düzenle",
     startSurveyText: "Başlat",
     otherItemText: "Diğer (açıklayınız)",
-    noneItemText: "Yok",
-    selectAllItemText: "Hepsini seç",
-    progressText: "Sayfa {0} / {1}",
-    // indexText: "{0} of {1}",
-    panelDynamicProgressText: "Kayıt {0} / {1}",
-    questionsProgressText: "Soruları cevapladı {0} / {1}",
+    noneItemText: "Hiçbiri",
+    selectAllItemText: "Tümünü Seç",
+    progressText: "Sayfa {0}/{1}",
+    indexText: "{0}/{1}",
+    panelDynamicProgressText: "{0}/{1}",
+    panelDynamicTabTextFormat: "Panel {panelIndex}",
+    questionsProgressText: "{0}/{1} soru yanıtlandı",
     emptySurvey: "Ankette görüntülenecek sayfa ya da soru mevcut değil.",
-    completingSurvey: "Anketimizi tamamladığınız için teşekkür ederiz.",
-    completingSurveyBefore: "Kayıtlarımız, bu anketi zaten tamamladığınızı gösteriyor.",
-    loadingSurvey: "Anket sunucudan yükleniyor ...",
-    placeholder: "Seçiniz ...",
-    // ratingOptionsCaption: "Select...",
+    completingSurvey: "Anketi tamamladığınız için teşekkür ederiz",
+    completingSurveyBefore: "Kayıtlarımız bu anketi zaten tamamladığınızı gösteriyor.",
+    loadingSurvey: "Anket Yükleniyor...",
+    placeholder: "Seçiniz...",
+    ratingOptionsCaption: "Seçiniz...",
     value: "değer",
-    requiredError: "Lütfen soruya cevap veriniz",
+    requiredError: "Lütfen soruya cevap verin.",
     requiredErrorInPanel: "Lütfen en az bir soruyu yanıtlayın.",
-    requiredInAllRowsError: "Lütfen tüm satırlardaki soruları cevaplayınız.",
-    numericError: "Girilen değer numerik olmalıdır",
-    // minError: "The value should not be less than {0}",
-    // maxError: "The value should not be greater than {0}",
-    textMinLength: "En az {0} sembol giriniz.",
-    textMaxLength: "Lütfen {0} karakterden az girin.",
-    textMinMaxLength: "Lütfen {0} ’den fazla ve {1} ’den az karakter girin.",
+    requiredInAllRowsError: "Lütfen tüm satırlardaki soruları cevaplayın.",
+    numericError: "Değer sayısal olmalıdır.",
+    minError: "Değer {0}'den küçük olmamalıdır",
+    maxError: "Değer {0}'dan büyük olmamalıdır",
+    textMinLength: "Lütfen en az {0} karakter girin.",
+    textMaxLength: "Lütfen en fazla {0} karakter girin.",
+    textMinMaxLength: "Lütfen {0}’den fazla ve {1}’den az karakter girin.",
     minRowCountError: "Lütfen en az {0} satırı doldurun.",
-    minSelectError: "Lütfen en az {0} seçeneği seçiniz.",
-    maxSelectError: "Lütfen {0} adetten fazla seçmeyiniz.",
-    numericMinMax: "The '{0}' should be equal or more than {1} and equal or less than {2}",
+    minSelectError: "Lütfen en az {0} seçeneği seçin.",
+    maxSelectError: "Lütfen en fazla {0} seçeneği seçin.",
+    numericMinMax: "'{0}', {1}'e eşit veya daha büyük ve {2}'ye eşit veya daha küçük olmalıdır",
     numericMin: "'{0}' değeri {1} değerine eşit veya büyük olmalıdır",
     numericMax: "'{0}' değeri {1} değerine eşit ya da küçük olmalıdır.",
-    invalidEmail: "Lütfen geçerli bir eposta adresi giriniz.",
+    invalidEmail: "Lütfen geçerli bir e-posta adresi girin.",
     invalidExpression: "İfade: {0} 'true' döndürmelidir.",
-    urlRequestError: "Talebi şu hatayı döndü '{0}'. {1}",
-    urlGetChoicesError: "Talep herhangi bir veri dönmedi ya da 'path' özelliği hatalı.",
+    urlRequestError: "İstek '{0}' hatasını döndürdü. {1}",
+    urlGetChoicesError: "İstek boş veri döndürdü veya 'path' özelliği yanlış",
     exceedMaxSize: "Dosya boyutu {0} değerini geçemez.",
-    otherRequiredError: "Lütfen diğer değerleri giriniz.",
-    uploadingFile: "Dosyanız yükleniyor. LÜtfen birkaç saniye bekleyin ve tekrar deneyin.",
+    otherRequiredError: "Lütfen diğer değerleri girin.",
+    uploadingFile: "Dosyanız yükleniyor. Lütfen birkaç saniye bekleyin ve tekrar deneyin.",
     loadingFile: "Yükleniyor...",
-    chooseFile: "Dosyaları seçin ...",
+    chooseFile: "Dosyaları seçin...",
     noFileChosen: "Dosya seçili değil",
-    // fileDragAreaPlaceholder: "Drop a file here or click the button below to load the file.",
+    fileDragAreaPlaceholder: "Buraya bir dosya bırakın veya dosyayı yüklemek için aşağıdaki düğmeyi tıklayın.",
     confirmDelete: "Kaydı silmek istiyor musunuz?",
     keyDuplicationError: "Bu değer benzersiz olmalıdır.",
-    addColumn: "Sütun ekleyin",
+    addColumn: "Sütun Ekle",
     addRow: "Satır Ekle",
     removeRow: "Kaldır",
-    // emptyRowsText: "There are no rows.",
+    emptyRowsText: "Satır yok.",
     addPanel: "Yeni ekle",
-    removePanel: "Kaldırmak",
-    choices_Item: "eşya",
+    removePanel: "Kaldır",
+    choices_Item: "öğe",
     matrix_column: "Sütun",
-    matrix_row: "Kürek çekmek",
-    // multipletext_itemname: "text",
-    savingData: "Sonuçlar sunucuya kaydediliyor ...",
-    savingDataError: "Bir hata oluştu ve sonuçları kaydedemedik.",
+    matrix_row: "Satır",
+    multipletext_itemname: "metin",
+    savingData: "Sonuçlar sunucuya kaydediliyor...",
+    savingDataError: "Bir hata oluştu ve sonuçlar kaydedilemedi.",
     savingDataSuccess: "Sonuçlar başarıyla kaydedildi!",
     saveAgainButton: "Tekrar deneyin",
-    timerMin: "min",
+    timerMin: "dakika",
     timerSec: "saniye",
     timerSpentAll: "Bu sayfada {0} ve toplamda {1} harcadınız.",
     timerSpentPage: "Bu sayfaya {0} harcadınız.",
     timerSpentSurvey: "Toplamda {0} harcadınız.",
-    timerLimitAll: "Bu sayfaya {0} / {1} ve toplamda {2} / {3} harcadınız.",
-    timerLimitPage: "Bu sayfaya {0} / {1} harcadınız.",
-    timerLimitSurvey: "Toplamda {0} / {1} harcadınız.",
-    clearCaption: "Açık",
-    // signaturePlaceHolder: "Sign here",
+    timerLimitAll: "Bu sayfaya {0}/{1} ve toplamda {2}/{3} harcadınız.",
+    timerLimitPage: "Bu sayfaya {0}/{1} harcadınız.",
+    timerLimitSurvey: "Toplamda {0}/{1} harcadınız.",
+    clearCaption: "Temizle",
+    signaturePlaceHolder: "Burayı imzalayın",
     chooseFileCaption: "Dosya seçin",
     removeFileCaption: "Bu dosyayı kaldır",
     booleanCheckedLabel: "Evet",
     booleanUncheckedLabel: "Hayır",
     confirmRemoveFile: "Bu dosyayı kaldırmak istediğinizden emin misiniz: {0}?",
     confirmRemoveAllFiles: "Tüm dosyaları kaldırmak istediğinizden emin misiniz?",
-    questionTitlePatternText: "Soru başlığı",
-    // modalCancelButtonText: "Cancel",
-    // modalApplyButtonText: "Apply",
-    // filterStringPlaceholder: "Type to search...",
-    // emptyMessage: "No data to display",
-    // noEntriesText: "There are no entries yet.\nClick the button below to add a new entry.",
-    // more: "More"
+    questionTitlePatternText: "Soru Başlığı",
+    modalCancelButtonText: "İptal",
+    modalApplyButtonText: "Uygula",
+    filterStringPlaceholder: "Aramak için yazın...",
+    emptyMessage: "Görüntülenecek veri yok",
+    noEntriesText: "Henüz giriş yok.\nYeni bir giriş eklemek için aşağıdaki düğmeyi tıklayın.",
+    noEntriesReadonlyText: "Giriş yok.",
+    more: "Daha fazla",
+    tagboxDoneButtonCaption: "TAMAM",
+    selectToRankEmptyRankedAreaText: "Tüm seçenekler sıralanmıştır",
+    selectToRankEmptyUnrankedAreaText: "Seçimleri sıralamak için buraya sürükleyip bırakın",
 };
 survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].locales["tr"] = turkishSurveyStrings;
 survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["tr"] = "türkçe";
@@ -26637,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);
@@ -28378,7 +28427,7 @@ var PanelModel = /** @class */ (function (_super) {
             if (this.hasEditButton) {
                 actions.push({
                     id: "cancel-preview",
-                    title: this.survey.editText,
+                    locTitle: this.survey.locEditText,
                     innerCss: this.survey.cssNavigationEdit,
                     action: function () { _this.cancelPreview(); }
                 });
@@ -30432,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;
@@ -30474,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%");
@@ -30495,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 () {
@@ -30575,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;
@@ -32746,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;
@@ -33093,7 +33175,7 @@ var Question = /** @class */ (function (_super) {
         var _this = this;
         this.defaultValueRunner = this.getDefaultRunner(this.defaultValueRunner, this.defaultValueExpression);
         this.setValueAndRunExpression(this.defaultValueRunner, this.getUnbindValue(this.defaultValue), function (val) {
-            if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(_this.value, val)) {
+            if (!_this.isTwoValueEquals(_this.value, val)) {
                 _this.value = val;
             }
         });
@@ -33127,7 +33209,7 @@ var Question = /** @class */ (function (_super) {
         if (!setFunc) {
             setFunc = function (val) {
                 _this.runExpressionSetValue(val, function (val) {
-                    if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(_this.value, val)) {
+                    if (!_this.isTwoValueEquals(_this.value, val)) {
                         _this.value = val;
                     }
                 });
@@ -33248,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(),
@@ -33256,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; }
@@ -33650,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();
@@ -33662,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 () {
@@ -33708,6 +33833,7 @@ var Question = /** @class */ (function (_super) {
             this.resizeObserver.disconnect();
             this.resizeObserver = undefined;
             this.onMobileChangedCallback = undefined;
+            this.triggerResponsivenessCallback = undefined;
             this.renderAs = this.getDesktopRenderAs();
         }
     };
@@ -35186,6 +35312,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         return str == "" && val ? val : str;
     };
     QuestionSelectBase.prototype.getDisplayArrayValue = function (keysAsText, value, onGetValueCallback) {
+        var _this = this;
         var items = this.visibleChoices;
         var strs = [];
         var vals = [];
@@ -35193,7 +35320,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             vals.push(!onGetValueCallback ? value[i] : onGetValueCallback(i));
         }
         if (_helpers__WEBPACK_IMPORTED_MODULE_8__["Helpers"].isTwoValueEquals(this.value, vals)) {
-            this.getMultipleSelectedItems().forEach(function (item) { return strs.push(item.locText.textOrHtml); });
+            this.getMultipleSelectedItems().forEach(function (item) { return strs.push(_this.getItemDisplayValue(item)); });
         }
         if (strs.length === 0) {
             for (var i = 0; i < vals.length; i++) {
@@ -35205,6 +35332,11 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         }
         return strs.join(", ");
     };
+    QuestionSelectBase.prototype.getItemDisplayValue = function (item) {
+        if (item === this.otherItem && this.comment)
+            return this.comment;
+        return item.locText.textOrHtml;
+    };
     QuestionSelectBase.prototype.getFilteredChoices = function () {
         return this.filteredChoicesValue
             ? this.filteredChoicesValue
@@ -38416,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)
@@ -39102,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);
@@ -39120,6 +39257,7 @@ var QuestionExpressionModel = /** @class */ (function (_super) {
          * Default value: -1
          * @see displayStyle
          * @see minimumFractionDigits
+         * @see precision
          */
         get: function () {
             return this.getPropertyValue("maximumFractionDigits");
@@ -39253,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);
@@ -39481,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 },
@@ -40383,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 ||
@@ -40408,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/";
@@ -40513,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
@@ -40542,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
@@ -41021,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
@@ -41048,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
@@ -41200,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([
@@ -44137,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 "";
     };
@@ -46797,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.
@@ -48198,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; }
@@ -48679,7 +48878,7 @@ var QuestionPanelDynamicItem = /** @class */ (function () {
     QuestionPanelDynamicItem.prototype.setValue = function (name, newValue) {
         var oldItemData = this.data.getPanelItemData(this);
         var oldValue = !!oldItemData ? oldItemData[name] : undefined;
-        if (_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(newValue, oldValue))
+        if (_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(newValue, oldValue, false, true))
             return;
         this.data.setPanelItemData(this, name, _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].getUnbindValue(newValue));
         var questions = this.panel.questions;
@@ -50185,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; }
@@ -50594,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) {
@@ -54072,7 +54280,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
     });
     QuestionTextModel.prototype.updateValueOnEvent = function (event) {
         var newValue = event.target.value;
-        if (!_helpers__WEBPACK_IMPORTED_MODULE_3__["Helpers"].isTwoValueEquals(this.value, newValue)) {
+        if (!this.isTwoValueEquals(this.value, newValue)) {
             this.value = newValue;
         }
     };
@@ -55662,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));
             }
@@ -56708,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;
 
 
 /***/ }),
@@ -57082,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;
@@ -57134,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", {
@@ -57152,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 });
         };
@@ -57179,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),
@@ -57754,7 +57965,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         if (!!this.inputElement) {
             var control = this.inputElement;
             var newValue = this.question.dropdownListModel.inputStringRendered;
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true)) {
                 control.value = this.question.dropdownListModel.inputStringRendered;
             }
         }
@@ -58249,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";
         }
@@ -58664,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();
     };
@@ -58910,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 ||
@@ -58929,6 +59141,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var PopupSurvey = /** @class */ (function (_super) {
     __extends(PopupSurvey, _super);
     function PopupSurvey(props) {
@@ -58962,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;
@@ -58971,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;
@@ -58986,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();
@@ -61097,7 +61314,7 @@ var SurveyQuestionUncontrolledElement = /** @class */ (function (_super) {
     function SurveyQuestionUncontrolledElement(props) {
         var _this = _super.call(this, props) || this;
         _this.updateValueOnEvent = function (event) {
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(_this.questionBase.value, event.target.value)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(_this.questionBase.value, event.target.value, false, true)) {
                 _this.setValueCore(event.target.value);
             }
         };
@@ -61121,7 +61338,7 @@ var SurveyQuestionUncontrolledElement = /** @class */ (function (_super) {
         if (!!this.control) {
             var control = this.control;
             var newValue = this.getValueCore();
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true)) {
                 control.value = this.getValue(newValue);
             }
         }
@@ -61669,7 +61886,6 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
             var td = null;
             var column = this.question.visibleColumns[i];
             var key = "value" + i;
-            //var isChecked = Helpers.isTwoValueEquals(row.value, column.value);
             var isChecked = row.value == column.value;
             var itemClass = this.question.getItemClass(row, column);
             var inputId = this.question.inputId + "_" + row.name + "_" + i;
@@ -63969,7 +64185,7 @@ var TagboxFilterString = /** @class */ (function (_super) {
         if (!!this.inputElement) {
             var control = this.inputElement;
             var newValue = this.model.inputStringRendered;
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true)) {
                 control.value = this.model.inputStringRendered;
             }
         }
@@ -64575,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; },
@@ -64683,6 +64906,7 @@ var settings = {
      */
     maxDate: "",
     showModal: undefined,
+    showDialog: undefined,
     supportCreatorV2: false,
     showDefaultItemsInCreatorV2: true,
     /**
@@ -65049,6 +65273,8 @@ var StylesManager = /** @class */ (function () {
         return themeMapper;
     };
     StylesManager.getIncludedThemeCss = function () {
+        if (typeof _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment === "undefined")
+            return [];
         var rootElement = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment.rootElement;
         var themeMapper = StylesManager.getAvailableThemes();
         var element = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["isShadowDOM"])(rootElement) ? rootElement.host : rootElement;
@@ -65087,6 +65313,8 @@ var StylesManager = /** @class */ (function () {
     };
     StylesManager.applyTheme = function (themeName, themeSelector) {
         if (themeName === void 0) { themeName = "default"; }
+        if (typeof _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment === "undefined")
+            return;
         var rootElement = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment.rootElement;
         var element = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["isShadowDOM"])(rootElement) ? rootElement.host : rootElement;
         _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_0__["surveyCss"].currentType = themeName;
@@ -66632,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.
@@ -66921,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
          */
@@ -67301,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);
@@ -67515,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";
@@ -67826,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");
@@ -67888,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
          */
@@ -67911,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 () {
@@ -67964,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");
@@ -67980,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");
@@ -67996,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");
@@ -68424,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();
     };
@@ -68496,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");
@@ -68542,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);
@@ -68551,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.
@@ -68564,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);
@@ -68573,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).
@@ -68978,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");
@@ -69001,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");
@@ -69022,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");
@@ -69043,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");
@@ -69117,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");
@@ -69920,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) {
@@ -69929,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
@@ -69967,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";
@@ -70292,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
         };
     };
     /**
@@ -70317,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", {
@@ -70487,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")
@@ -70503,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
      */
@@ -70515,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
      */
@@ -70902,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"]);
@@ -70936,7 +71190,7 @@ var SurveyModel = /** @class */ (function (_super) {
             return false;
         if (doComplete) {
             this.currentPage.passed = true;
-            return this.doComplete(this.canBeCompletedByTrigger);
+            return this.doComplete(this.canBeCompletedByTrigger, this.completedTrigger);
         }
         this.doNextPage();
         return true;
@@ -71041,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)
@@ -71490,7 +71758,7 @@ var SurveyModel = /** @class */ (function (_super) {
         if (!this.completedByTriggers)
             this.completedByTriggers = {};
         if (isCompleted) {
-            this.completedByTriggers[trigger.id] = true;
+            this.completedByTriggers[trigger.id] = trigger;
         }
         else {
             delete this.completedByTriggers[trigger.id];
@@ -71508,6 +71776,16 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "completedTrigger", {
+        get: function () {
+            if (!this.canBeCompletedByTrigger)
+                return undefined;
+            var key = Object.keys(this.completedByTriggers)[0];
+            return this.completedByTriggers[key];
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "processedCompletedHtml", {
         /**
          * Returns the HTML content for the complete page.
@@ -71527,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
@@ -71537,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
@@ -71650,6 +71928,7 @@ var SurveyModel = /** @class */ (function (_super) {
             survey: this,
             htmlElement: htmlElement,
         });
+        this.rootElement = htmlElement;
     };
     SurveyModel.prototype.processResponsiveness = function (width, mobileWidth) {
         var isMobile = width < mobileWidth;
@@ -71661,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();
@@ -71976,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) {
@@ -72200,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++) {
@@ -72212,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++) {
@@ -72230,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 = [];
@@ -72247,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.
@@ -72302,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;
     };
@@ -73129,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();
@@ -73138,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();
         }
@@ -73967,11 +74310,17 @@ var SurveyModel = /** @class */ (function (_super) {
             }
         }
     };
-    SurveyModel.prototype.copyTriggerValue = function (name, fromName) {
+    SurveyModel.prototype.copyTriggerValue = function (name, fromName, copyDisplayValue) {
         if (!name || !fromName)
             return;
-        var processor = new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_6__["ProcessValue"]();
-        var value = processor.getValue(fromName, this.getFilteredValues());
+        var value;
+        if (copyDisplayValue) {
+            value = this.processText("{" + fromName + "}", true);
+        }
+        else {
+            var processor = new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_6__["ProcessValue"]();
+            value = processor.getValue(fromName, this.getFilteredValues());
+        }
         this.setTriggerValue(name, value, false);
     };
     SurveyModel.prototype.triggerExecuted = function (trigger) {
@@ -74012,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) {
@@ -74166,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.
@@ -74200,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);
@@ -74887,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");
+
 
 
 
@@ -74921,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) {
@@ -74959,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 () {
@@ -75143,7 +75517,7 @@ var SvgIconRegistry = /** @class */ (function () {
     };
     SvgIconRegistry.prototype.renderIcons = function () {
         var containerId = "sv-icon-holder-global-container";
-        if (!_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment.root.getElementById(containerId)) {
+        if (!!_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment && !_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment.root.getElementById(containerId)) {
             var iconsDiv = document.createElement("div");
             iconsDiv.id = containerId;
             iconsDiv.innerHTML = "<svg>" + this.iconsRenderedHtml() + "</svg>";
@@ -75991,13 +76365,23 @@ var SurveyTriggerCopyValue = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyTriggerCopyValue.prototype, "copyDisplayValue", {
+        get: function () {
+            return this.getPropertyValue("copyDisplayValue");
+        },
+        set: function (val) {
+            this.setPropertyValue("copyDisplayValue", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyTriggerCopyValue.prototype.getType = function () {
         return "copyvaluetrigger";
     };
     SurveyTriggerCopyValue.prototype.onSuccess = function (values, properties) {
         if (!this.setToName || !this.owner)
             return;
-        this.owner.copyTriggerValue(this.setToName, this.fromName);
+        this.owner.copyTriggerValue(this.setToName, this.fromName, this.copyDisplayValue);
     };
     return SurveyTriggerCopyValue;
 }(SurveyTrigger));
@@ -76027,7 +76411,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("setvaluetrigger
 ], function () {
     return new SurveyTriggerSetValue();
 }, "surveytrigger");
-_jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("copyvaluetrigger", [{ name: "!fromName:questionvalue" }, { name: "!setToName:questionvalue" }], function () {
+_jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("copyvaluetrigger", [{ name: "!fromName:questionvalue" }, { name: "!setToName:questionvalue" },
+    { name: "copyDisplayValue:boolean", visible: false }], function () {
     return new SurveyTriggerCopyValue();
 }, "surveytrigger");
 _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("skiptrigger", [{ name: "!gotoName:question" }], function () {
@@ -76540,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; });
@@ -76744,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) {