survey-react 1.9.93 → 1.9.94

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.93
+ * surveyjs - Survey JavaScript library v1.9.94
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -678,13 +678,14 @@ class SignaturePad extends SignatureEventTarget {
 /*!*******************************!*\
   !*** ./src/actions/action.ts ***!
   \*******************************/
-/*! exports provided: createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel */
+/*! exports provided: createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createDropdownActionModel", function() { return createDropdownActionModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createDropdownActionModelAdvanced", function() { return createDropdownActionModelAdvanced; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getActionDropdownButtonTarget", function() { return getActionDropdownButtonTarget; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseAction", function() { return BaseAction; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Action", function() { return Action; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionDropdownViewModel", function() { return ActionDropdownViewModel; });
@@ -748,6 +749,9 @@ function createDropdownActionModelAdvanced(actionOptions, listOptions, popupOpti
     newAction.data = listModel;
     return newAction;
 }
+function getActionDropdownButtonTarget(container) {
+    return container === null || container === void 0 ? void 0 : container.previousElementSibling;
+}
 var BaseAction = /** @class */ (function (_super) {
     __extends(BaseAction, _super);
     function BaseAction() {
@@ -1287,7 +1291,7 @@ var AdaptiveActionContainer = /** @class */ (function (_super) {
         }
     };
     AdaptiveActionContainer.prototype.initResponsivityManager = function (container) {
-        this.responsivityManager = new _utils_responsivity_manager__WEBPACK_IMPORTED_MODULE_0__["ResponsivityManager"](container, this, ".sv-action:not(.sv-dots)>.sv-action__content");
+        this.responsivityManager = new _utils_responsivity_manager__WEBPACK_IMPORTED_MODULE_0__["ResponsivityManager"](container, this, "& > .sv-action:not(.sv-dots) > .sv-action__content");
     };
     AdaptiveActionContainer.prototype.resetResponsivityManager = function () {
         if (!!this.responsivityManager) {
@@ -3050,10 +3054,10 @@ var ChoicesRestful = /** @class */ (function (_super) {
     }
     Object.defineProperty(ChoicesRestful, "EncodeParameters", {
         get: function () {
-            return _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].webserviceEncodeParameters;
+            return _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].web.encodeUrlParams;
         },
         set: function (val) {
-            _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].webserviceEncodeParameters = val;
+            _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].web.encodeUrlParams = val;
         },
         enumerable: false,
         configurable: true
@@ -3129,7 +3133,7 @@ var ChoicesRestful = /** @class */ (function (_super) {
                 return true;
             if (this.isUsingCacheFromUrl === false)
                 return false;
-            return _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].useCachingForChoicesRestful;
+            return _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].web.cacheLoadedChoices;
         },
         enumerable: false,
         configurable: true
@@ -3169,8 +3173,8 @@ var ChoicesRestful = /** @class */ (function (_super) {
                 .replace(ChoicesRestful.noCacheText, "");
         }
         if (textProcessor) {
-            var pUrl = textProcessor.processTextEx(urlText, false, _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].webserviceEncodeParameters);
-            var pPath = textProcessor.processTextEx(this.path, false, _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].webserviceEncodeParameters);
+            var pUrl = textProcessor.processTextEx(urlText, false, _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].web.encodeUrlParams);
+            var pPath = textProcessor.processTextEx(this.path, false, _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].web.encodeUrlParams);
             if (!pUrl.hasAllValuesOnLastRun || !pPath.hasAllValuesOnLastRun) {
                 this.processedUrl = "";
                 this.processedPath = "";
@@ -4366,6 +4370,9 @@ var modernCss = {
         rootDragMod: "sv-ranking--drag",
         rootDisabled: "sv-ranking--disabled",
         rootDragHandleAreaIcon: "sv-ranking--drag-handle-area-icon",
+        rootSelectToRankMod: "sv-ranking--select-to-rank",
+        rootSelectToRankAlignVertical: "sv-ranking--select-to-rank-vertical",
+        rootSelectToRankAlignHorizontal: "sv-ranking--select-to-rank-horizontal",
         item: "sv-ranking-item",
         itemContent: "sv-ranking-item__content",
         itemIndex: "sv-ranking-item__index",
@@ -4379,6 +4386,12 @@ var modernCss = {
         itemIconFocusMod: "sv-ranking-item__icon--focus",
         itemGhostMod: "sv-ranking-item--ghost",
         itemDragMod: "sv-ranking-item--drag",
+        container: "sv-ranking__container",
+        containerEmptyMode: "sv-ranking__container--empty",
+        containerFromMode: "sv-ranking__container--from",
+        containerToMode: "sv-ranking__container--to",
+        containerPlaceholder: "sv-ranking__container-placeholder",
+        containersDivider: "sv-ranking__containers-divider",
     },
     radiogroup: {
         root: "sv-selectbase",
@@ -4796,6 +4809,9 @@ var defaultStandardCss = {
         rootDragMod: "sv-ranking--drag",
         rootDisabled: "sv-ranking--disabled",
         rootDragHandleAreaIcon: "sv-ranking--drag-handle-area-icon",
+        rootSelectToRankMod: "sv-ranking--select-to-rank",
+        rootSelectToRankAlignVertical: "sv-ranking--select-to-rank-vertical",
+        rootSelectToRankAlignHorizontal: "sv-ranking--select-to-rank-horizontal",
         item: "sv-ranking-item",
         itemContent: "sv-ranking-item__content",
         itemIndex: "sv-ranking-item__index",
@@ -4809,6 +4825,12 @@ var defaultStandardCss = {
         itemIconFocusMod: "sv-ranking-item__icon--focus",
         itemGhostMod: "sv-ranking-item--ghost",
         itemDragMod: "sv-ranking-item--drag",
+        container: "sv-ranking__container",
+        containerEmptyMode: "sv-ranking__container--empty",
+        containerFromMode: "sv-ranking__container--from",
+        containerToMode: "sv-ranking__container--to",
+        containerPlaceholder: "sv-ranking__container-placeholder",
+        containersDivider: "sv-ranking__containers-divider",
     },
     comment: {
         remainingCharacterCounter: "sv-remaining-character-counter",
@@ -5644,6 +5666,9 @@ var defaultV2Css = {
         rootDisabled: "sd-ranking--disabled",
         rootDesignMode: "sv-ranking--design-mode",
         rootDragHandleAreaIcon: "sv-ranking--drag-handle-area-icon",
+        rootSelectToRankMod: "sv-ranking--select-to-rank",
+        rootSelectToRankAlignVertical: "sv-ranking--select-to-rank-vertical",
+        rootSelectToRankAlignHorizontal: "sv-ranking--select-to-rank-horizontal",
         item: "sv-ranking-item",
         itemContent: "sv-ranking-item__content sd-ranking-item__content",
         itemIndex: "sv-ranking-item__index sd-ranking-item__index",
@@ -5658,6 +5683,12 @@ var defaultV2Css = {
         itemGhostMod: "sv-ranking-item--ghost",
         itemDragMod: "sv-ranking--drag",
         itemOnError: "sv-ranking-item--error",
+        container: "sv-ranking__container",
+        containerEmptyMode: "sv-ranking__container--empty",
+        containerFromMode: "sv-ranking__container--from",
+        containerToMode: "sv-ranking__container--to",
+        containerPlaceholder: "sv-ranking__container-placeholder",
+        containersDivider: "sv-ranking__containers-divider",
     },
     buttongroup: {
         root: "sv-button-group",
@@ -7141,7 +7172,7 @@ var DragDropRankingChoices = /** @class */ (function (_super) {
         }
     };
     DragDropRankingChoices.prototype.updateDraggedElementShortcut = function (newIndex) {
-        var newIndexText = newIndex + "";
+        var newIndexText = newIndex !== null ? newIndex + "" : "";
         // TODO should avoid direct DOM manipulation, do through the frameworks instead
         var indexNode = this.domAdapter.draggedElementShortcut.querySelector(".sv-ranking-item__index");
         indexNode.innerText = newIndexText;
@@ -7162,6 +7193,173 @@ var DragDropRankingChoices = /** @class */ (function (_super) {
 
 
 
+/***/ }),
+
+/***/ "./src/dragdrop/ranking-select-to-rank.ts":
+/*!************************************************!*\
+  !*** ./src/dragdrop/ranking-select-to-rank.ts ***!
+  \************************************************/
+/*! exports provided: DragDropRankingSelectToRank */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragDropRankingSelectToRank", function() { return DragDropRankingSelectToRank; });
+/* harmony import */ var _ranking_choices__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ranking-choices */ "./src/dragdrop/ranking-choices.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+var DragDropRankingSelectToRank = /** @class */ (function (_super) {
+    __extends(DragDropRankingSelectToRank, _super);
+    function DragDropRankingSelectToRank() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DragDropRankingSelectToRank.prototype.findDropTargetNodeByDragOverNode = function (dragOverNode) {
+        if (dragOverNode.dataset.ranking === "from-container" || dragOverNode.dataset.ranking === "to-container") {
+            return dragOverNode;
+        }
+        if (this.parentElement.isEmpty()) {
+            var toContainer = dragOverNode.closest("[data-ranking='to-container']");
+            var fromContainer = dragOverNode.closest("[data-ranking='from-container']");
+            if (!!toContainer)
+                return toContainer;
+            if (!!fromContainer)
+                return fromContainer;
+            return null;
+        }
+        return _super.prototype.findDropTargetNodeByDragOverNode.call(this, dragOverNode);
+    };
+    DragDropRankingSelectToRank.prototype.getDropTargetByDataAttributeValue = function (dataAttributeValue) {
+        return this.parentElement.rankingChoices[dataAttributeValue] || this.parentElement.unRankingChoices[dataAttributeValue];
+    };
+    DragDropRankingSelectToRank.prototype.getDropTargetByNode = function (dropTargetNode, event) {
+        if (dropTargetNode.dataset.ranking === "to-container") {
+            return "to-container";
+        }
+        if (dropTargetNode.dataset.ranking === "from-container" || dropTargetNode.closest("[data-ranking='from-container']")) {
+            return "from-container";
+        }
+        return _super.prototype.getDropTargetByNode.call(this, dropTargetNode, event);
+    };
+    DragDropRankingSelectToRank.prototype.isDropTargetValid = function (dropTarget, dropTargetNode) {
+        if (dropTarget === "to-container" || dropTarget === "from-container") {
+            return true;
+        }
+        else {
+            return _super.prototype.isDropTargetValid.call(this, dropTarget, dropTargetNode);
+        }
+    };
+    DragDropRankingSelectToRank.prototype.afterDragOver = function (dropTargetNode) {
+        var questionModel = this.parentElement;
+        var rankingChoices = questionModel.rankingChoices;
+        var unRankingChoices = questionModel.unRankingChoices;
+        if (this.isDraggedElementUnranked && this.isDropTargetRanked) {
+            this.doRankBetween(dropTargetNode, unRankingChoices, rankingChoices, this.selectToRank);
+            return;
+        }
+        if (this.isDraggedElementRanked && this.isDropTargetRanked) {
+            this.doRankBetween(dropTargetNode, rankingChoices, rankingChoices, this.reorderRankedItem);
+            return;
+        }
+        if (this.isDraggedElementRanked && !this.isDropTargetRanked) {
+            this.doRankBetween(dropTargetNode, rankingChoices, unRankingChoices, this.unselectFromRank);
+            return;
+        }
+    };
+    DragDropRankingSelectToRank.prototype.doRankBetween = function (dropTargetNode, fromChoicesArray, toChoicesArray, rankFunction) {
+        var questionModel = this.parentElement;
+        var fromIndex = fromChoicesArray.indexOf(this.draggedElement);
+        var toIndex = toChoicesArray.indexOf(this.dropTarget);
+        if (toIndex === -1)
+            toIndex = 0;
+        rankFunction(questionModel, fromIndex, toIndex);
+        this.doUIEffects(dropTargetNode, fromIndex, toIndex);
+    };
+    DragDropRankingSelectToRank.prototype.doUIEffects = function (dropTargetNode, fromIndex, toIndex) {
+        var questionModel = this.parentElement;
+        var isDropToEmptyRankedContainer = this.dropTarget === "to-container" && questionModel.isEmpty();
+        var isNeedToShowIndexAtShortcut = !this.isDropTargetUnranked || isDropToEmptyRankedContainer;
+        var shortcutIndex = isNeedToShowIndexAtShortcut ? toIndex + 1 : null;
+        this.updateDraggedElementShortcut(shortcutIndex);
+        if (fromIndex !== toIndex) {
+            dropTargetNode.classList.remove("sv-dragdrop-moveup");
+            dropTargetNode.classList.remove("sv-dragdrop-movedown");
+            questionModel.dropTargetNodeMove = null;
+        }
+        if (fromIndex > toIndex) {
+            questionModel.dropTargetNodeMove = "down";
+        }
+        if (fromIndex < toIndex) {
+            questionModel.dropTargetNodeMove = "up";
+        }
+    };
+    Object.defineProperty(DragDropRankingSelectToRank.prototype, "isDraggedElementRanked", {
+        get: function () {
+            return this.parentElement.rankingChoices.indexOf(this.draggedElement) !== -1;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DragDropRankingSelectToRank.prototype, "isDropTargetRanked", {
+        get: function () {
+            if (this.dropTarget === "to-container")
+                return true;
+            return this.parentElement.rankingChoices.indexOf(this.dropTarget) !== -1;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DragDropRankingSelectToRank.prototype, "isDraggedElementUnranked", {
+        get: function () {
+            return !this.isDraggedElementRanked;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DragDropRankingSelectToRank.prototype, "isDropTargetUnranked", {
+        get: function () {
+            return !this.isDropTargetRanked;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DragDropRankingSelectToRank.prototype.selectToRank = function (questionModel, fromIndex, toIndex) {
+        var rankingChoices = questionModel.rankingChoices;
+        var unRankingChoices = questionModel.unRankingChoices;
+        var item = unRankingChoices[fromIndex];
+        rankingChoices.splice(toIndex, 0, item);
+        questionModel.setPropertyValue("rankingChoices", rankingChoices);
+    };
+    DragDropRankingSelectToRank.prototype.unselectFromRank = function (questionModel, fromIndex, toIndex) {
+        var rankingChoices = questionModel.rankingChoices;
+        rankingChoices.splice(fromIndex, 1);
+        questionModel.setPropertyValue("rankingChoices", rankingChoices);
+    };
+    DragDropRankingSelectToRank.prototype.reorderRankedItem = function (questionModel, fromIndex, toIndex) {
+        var rankingChoices = questionModel.rankingChoices;
+        var item = rankingChoices[fromIndex];
+        rankingChoices.splice(fromIndex, 1);
+        rankingChoices.splice(toIndex, 0, item);
+        questionModel.setPropertyValue("rankingChoices", rankingChoices);
+    };
+    return DragDropRankingSelectToRank;
+}(_ranking_choices__WEBPACK_IMPORTED_MODULE_0__["DragDropRankingChoices"]));
+
+
+
 /***/ }),
 
 /***/ "./src/dropdownListModel.ts":
@@ -7658,6 +7856,9 @@ var DropdownListModel = /** @class */ (function (_super) {
             event.preventDefault();
             event.stopPropagation();
         }
+        if (event.keyCode === 9) {
+            this.popupModel.isVisible = false;
+        }
         else if (!this.popupModel.isVisible && (event.keyCode === 13 || event.keyCode === 32)) {
             this.popupModel.toggleVisibility();
             this.changeSelectionWithKeyboard(false);
@@ -8054,10 +8255,10 @@ var dxSurveyService = /** @class */ (function () {
     }
     Object.defineProperty(dxSurveyService, "serviceUrl", {
         get: function () {
-            return _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].surveyServiceUrl;
+            return _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].web.surveyServiceUrl;
         },
         set: function (val) {
-            _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].surveyServiceUrl = val;
+            _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].web.surveyServiceUrl = val;
         },
         enumerable: false,
         configurable: true
@@ -8338,7 +8539,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, 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 */
+/*! 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, 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";
@@ -8647,145 +8848,149 @@ __webpack_require__.r(__webpack_exports__);
 /* empty/unused harmony star reexport *//* harmony import */ var _survey__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../../survey */ "./src/survey.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyModel", function() { return _survey__WEBPACK_IMPORTED_MODULE_59__["SurveyModel"]; });
 
-/* harmony import */ var _trigger__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../../trigger */ "./src/trigger.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTrigger", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTrigger"]; });
+/* harmony import */ var _survey_events_api__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../../survey-events-api */ "./src/survey-events-api.ts");
+/* empty/unused harmony star reexport *//* harmony import */ var _trigger__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../../trigger */ "./src/trigger.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTrigger", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["SurveyTrigger"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerComplete", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTriggerComplete"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerComplete", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["SurveyTriggerComplete"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSetValue", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTriggerSetValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSetValue", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["SurveyTriggerSetValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerVisible", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTriggerVisible"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerVisible", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["SurveyTriggerVisible"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerCopyValue", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTriggerCopyValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerCopyValue", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["SurveyTriggerCopyValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTriggerRunExpression"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["SurveyTriggerRunExpression"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["Trigger"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["Trigger"]; });
 
-/* harmony import */ var _popup_survey__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../../popup-survey */ "./src/popup-survey.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurveyModel", function() { return _popup_survey__WEBPACK_IMPORTED_MODULE_61__["PopupSurveyModel"]; });
+/* harmony import */ var _popup_survey__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../../popup-survey */ "./src/popup-survey.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurveyModel", function() { return _popup_survey__WEBPACK_IMPORTED_MODULE_62__["PopupSurveyModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyWindowModel", function() { return _popup_survey__WEBPACK_IMPORTED_MODULE_61__["SurveyWindowModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyWindowModel", function() { return _popup_survey__WEBPACK_IMPORTED_MODULE_62__["SurveyWindowModel"]; });
 
-/* harmony import */ var _textPreProcessor__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../../textPreProcessor */ "./src/textPreProcessor.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextPreProcessor", function() { return _textPreProcessor__WEBPACK_IMPORTED_MODULE_62__["TextPreProcessor"]; });
+/* harmony import */ var _textPreProcessor__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../../textPreProcessor */ "./src/textPreProcessor.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextPreProcessor", function() { return _textPreProcessor__WEBPACK_IMPORTED_MODULE_63__["TextPreProcessor"]; });
 
-/* harmony import */ var _notifier__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../../notifier */ "./src/notifier.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Notifier", function() { return _notifier__WEBPACK_IMPORTED_MODULE_63__["Notifier"]; });
+/* harmony import */ var _notifier__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../../notifier */ "./src/notifier.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Notifier", function() { return _notifier__WEBPACK_IMPORTED_MODULE_64__["Notifier"]; });
 
-/* harmony import */ var _dxSurveyService__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../../dxSurveyService */ "./src/dxSurveyService.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "dxSurveyService", function() { return _dxSurveyService__WEBPACK_IMPORTED_MODULE_64__["dxSurveyService"]; });
+/* harmony import */ var _dxSurveyService__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../../dxSurveyService */ "./src/dxSurveyService.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "dxSurveyService", function() { return _dxSurveyService__WEBPACK_IMPORTED_MODULE_65__["dxSurveyService"]; });
 
-/* harmony import */ var _localization_english__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../../localization/english */ "./src/localization/english.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "englishStrings", function() { return _localization_english__WEBPACK_IMPORTED_MODULE_65__["englishStrings"]; });
+/* harmony import */ var _localization_english__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../../localization/english */ "./src/localization/english.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "englishStrings", function() { return _localization_english__WEBPACK_IMPORTED_MODULE_66__["englishStrings"]; });
 
-/* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../../surveyStrings */ "./src/surveyStrings.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyLocalization", function() { return _surveyStrings__WEBPACK_IMPORTED_MODULE_66__["surveyLocalization"]; });
+/* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../../surveyStrings */ "./src/surveyStrings.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyLocalization", function() { return _surveyStrings__WEBPACK_IMPORTED_MODULE_67__["surveyLocalization"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyStrings", function() { return _surveyStrings__WEBPACK_IMPORTED_MODULE_66__["surveyStrings"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyStrings", function() { return _surveyStrings__WEBPACK_IMPORTED_MODULE_67__["surveyStrings"]; });
 
-/* harmony import */ var _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../../questionCustomWidgets */ "./src/questionCustomWidgets.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCustomWidget", function() { return _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_67__["QuestionCustomWidget"]; });
+/* harmony import */ var _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../../questionCustomWidgets */ "./src/questionCustomWidgets.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCustomWidget", function() { return _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_68__["QuestionCustomWidget"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CustomWidgetCollection", function() { return _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_67__["CustomWidgetCollection"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CustomWidgetCollection", function() { return _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_68__["CustomWidgetCollection"]; });
 
-/* harmony import */ var _question_custom__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../../question_custom */ "./src/question_custom.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCustomModel", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_68__["QuestionCustomModel"]; });
+/* harmony import */ var _question_custom__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../../question_custom */ "./src/question_custom.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCustomModel", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_69__["QuestionCustomModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCompositeModel", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_68__["QuestionCompositeModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCompositeModel", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_69__["QuestionCompositeModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentQuestionJSON", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_68__["ComponentQuestionJSON"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentQuestionJSON", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_69__["ComponentQuestionJSON"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentCollection", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_68__["ComponentCollection"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentCollection", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_69__["ComponentCollection"]; });
 
-/* harmony import */ var _stylesmanager__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../../stylesmanager */ "./src/stylesmanager.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return _stylesmanager__WEBPACK_IMPORTED_MODULE_69__["StylesManager"]; });
+/* harmony import */ var _stylesmanager__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../../stylesmanager */ "./src/stylesmanager.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return _stylesmanager__WEBPACK_IMPORTED_MODULE_70__["StylesManager"]; });
 
-/* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../../list */ "./src/list.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ListModel", function() { return _list__WEBPACK_IMPORTED_MODULE_70__["ListModel"]; });
+/* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../../list */ "./src/list.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ListModel", function() { return _list__WEBPACK_IMPORTED_MODULE_71__["ListModel"]; });
 
-/* harmony import */ var _multiSelectListModel__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../../multiSelectListModel */ "./src/multiSelectListModel.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultiSelectListModel", function() { return _multiSelectListModel__WEBPACK_IMPORTED_MODULE_71__["MultiSelectListModel"]; });
+/* harmony import */ var _multiSelectListModel__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../../multiSelectListModel */ "./src/multiSelectListModel.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultiSelectListModel", function() { return _multiSelectListModel__WEBPACK_IMPORTED_MODULE_72__["MultiSelectListModel"]; });
 
-/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../../popup */ "./src/popup.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupModel", function() { return _popup__WEBPACK_IMPORTED_MODULE_72__["PopupModel"]; });
+/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../../popup */ "./src/popup.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupModel", function() { return _popup__WEBPACK_IMPORTED_MODULE_73__["PopupModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createDialogOptions", function() { return _popup__WEBPACK_IMPORTED_MODULE_72__["createDialogOptions"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createDialogOptions", function() { return _popup__WEBPACK_IMPORTED_MODULE_73__["createDialogOptions"]; });
 
-/* harmony import */ var _popup_view_model__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../../popup-view-model */ "./src/popup-view-model.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupBaseViewModel", function() { return _popup_view_model__WEBPACK_IMPORTED_MODULE_73__["PopupBaseViewModel"]; });
+/* harmony import */ var _popup_view_model__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../../popup-view-model */ "./src/popup-view-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupBaseViewModel", function() { return _popup_view_model__WEBPACK_IMPORTED_MODULE_74__["PopupBaseViewModel"]; });
 
-/* harmony import */ var _popup_dropdown_view_model__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../../popup-dropdown-view-model */ "./src/popup-dropdown-view-model.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupDropdownViewModel", function() { return _popup_dropdown_view_model__WEBPACK_IMPORTED_MODULE_74__["PopupDropdownViewModel"]; });
+/* harmony import */ var _popup_dropdown_view_model__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../../popup-dropdown-view-model */ "./src/popup-dropdown-view-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupDropdownViewModel", function() { return _popup_dropdown_view_model__WEBPACK_IMPORTED_MODULE_75__["PopupDropdownViewModel"]; });
 
-/* harmony import */ var _popup_modal_view_model__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../../popup-modal-view-model */ "./src/popup-modal-view-model.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupModalViewModel", function() { return _popup_modal_view_model__WEBPACK_IMPORTED_MODULE_75__["PopupModalViewModel"]; });
+/* harmony import */ var _popup_modal_view_model__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../../popup-modal-view-model */ "./src/popup-modal-view-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupModalViewModel", function() { return _popup_modal_view_model__WEBPACK_IMPORTED_MODULE_76__["PopupModalViewModel"]; });
 
-/* harmony import */ var _popup_utils__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../../popup-utils */ "./src/popup-utils.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPopupViewModel", function() { return _popup_utils__WEBPACK_IMPORTED_MODULE_76__["createPopupViewModel"]; });
+/* harmony import */ var _popup_utils__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../../popup-utils */ "./src/popup-utils.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPopupViewModel", function() { return _popup_utils__WEBPACK_IMPORTED_MODULE_77__["createPopupViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPopupModalViewModel", function() { return _popup_utils__WEBPACK_IMPORTED_MODULE_76__["createPopupModalViewModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPopupModalViewModel", function() { return _popup_utils__WEBPACK_IMPORTED_MODULE_77__["createPopupModalViewModel"]; });
 
-/* harmony import */ var _dropdownListModel__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../../dropdownListModel */ "./src/dropdownListModel.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownListModel", function() { return _dropdownListModel__WEBPACK_IMPORTED_MODULE_77__["DropdownListModel"]; });
+/* harmony import */ var _dropdownListModel__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../../dropdownListModel */ "./src/dropdownListModel.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownListModel", function() { return _dropdownListModel__WEBPACK_IMPORTED_MODULE_78__["DropdownListModel"]; });
 
-/* harmony import */ var _dropdownMultiSelectListModel__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../../dropdownMultiSelectListModel */ "./src/dropdownMultiSelectListModel.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownMultiSelectListModel", function() { return _dropdownMultiSelectListModel__WEBPACK_IMPORTED_MODULE_78__["DropdownMultiSelectListModel"]; });
+/* harmony import */ var _dropdownMultiSelectListModel__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../../dropdownMultiSelectListModel */ "./src/dropdownMultiSelectListModel.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownMultiSelectListModel", function() { return _dropdownMultiSelectListModel__WEBPACK_IMPORTED_MODULE_79__["DropdownMultiSelectListModel"]; });
 
-/* harmony import */ var _question_buttongroup__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../../question_buttongroup */ "./src/question_buttongroup.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionButtonGroupModel", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_79__["QuestionButtonGroupModel"]; });
+/* harmony import */ var _question_buttongroup__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../../question_buttongroup */ "./src/question_buttongroup.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionButtonGroupModel", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_80__["QuestionButtonGroupModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonGroupItemModel", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_79__["ButtonGroupItemModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonGroupItemModel", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_80__["ButtonGroupItemModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonGroupItemValue", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_79__["ButtonGroupItemValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonGroupItemValue", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_80__["ButtonGroupItemValue"]; });
 
-/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../../utils/devices */ "./src/utils/devices.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IsMobile", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_80__["IsMobile"]; });
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../../utils/devices */ "./src/utils/devices.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IsMobile", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_81__["IsMobile"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IsTouch", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_80__["IsTouch"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IsTouch", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_81__["IsTouch"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_setIsTouch", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_80__["_setIsTouch"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_setIsTouch", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_81__["_setIsTouch"]; });
 
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "confirmAction", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["confirmAction"]; });
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "confirmAction", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_82__["confirmAction"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "detectIEOrEdge", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["detectIEOrEdge"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "detectIEOrEdge", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_82__["detectIEOrEdge"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickUp", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["doKey2ClickUp"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickUp", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_82__["doKey2ClickUp"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickDown", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["doKey2ClickDown"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickDown", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_82__["doKey2ClickDown"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickBlur", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["doKey2ClickBlur"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickBlur", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_82__["doKey2ClickBlur"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "loadFileFromBase64", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["loadFileFromBase64"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "loadFileFromBase64", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_82__["loadFileFromBase64"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "increaseHeightByContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["increaseHeightByContent"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "increaseHeightByContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_82__["increaseHeightByContent"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["createSvg"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_82__["createSvg"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["sanitizeEditableContent"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_82__["sanitizeEditableContent"]; });
 
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../../utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_82__["CssClassBuilder"]; });
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../../utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_83__["CssClassBuilder"]; });
 
-/* harmony import */ var _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../../defaultCss/defaultV2Css */ "./src/defaultCss/defaultV2Css.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyCss", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_83__["surveyCss"]; });
+/* harmony import */ var _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../../defaultCss/defaultV2Css */ "./src/defaultCss/defaultV2Css.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyCss", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_84__["surveyCss"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2Css", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_83__["defaultV2Css"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2Css", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_84__["defaultV2Css"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2ThemeName", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_83__["defaultV2ThemeName"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2ThemeName", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_84__["defaultV2ThemeName"]; });
 
-/* harmony import */ var _dragdrop_core__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../../dragdrop/core */ "./src/dragdrop/core.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropCore", function() { return _dragdrop_core__WEBPACK_IMPORTED_MODULE_84__["DragDropCore"]; });
+/* harmony import */ var _dragdrop_core__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../../dragdrop/core */ "./src/dragdrop/core.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropCore", function() { return _dragdrop_core__WEBPACK_IMPORTED_MODULE_85__["DragDropCore"]; });
 
-/* harmony import */ var _dragdrop_choices__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../../dragdrop/choices */ "./src/dragdrop/choices.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropChoices", function() { return _dragdrop_choices__WEBPACK_IMPORTED_MODULE_85__["DragDropChoices"]; });
+/* harmony import */ var _dragdrop_choices__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ../../dragdrop/choices */ "./src/dragdrop/choices.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropChoices", function() { return _dragdrop_choices__WEBPACK_IMPORTED_MODULE_86__["DragDropChoices"]; });
+
+/* harmony import */ var _dragdrop_ranking_select_to_rank__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ../../dragdrop/ranking-select-to-rank */ "./src/dragdrop/ranking-select-to-rank.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropRankingSelectToRank", function() { return _dragdrop_ranking_select_to_rank__WEBPACK_IMPORTED_MODULE_87__["DragDropRankingSelectToRank"]; });
 
 // styles
 // import "../../main.scss";
 //import "../../modern.scss";
 var Version;
-Version = "" + "1.9.93";
+Version = "" + "1.9.94";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -8859,6 +9064,7 @@ function checkLibraryVersion(ver, libraryName) {
 
 
 
+
 
 
 // export { cultureInfo } from "../../cultureInfo";
@@ -8885,13 +9091,14 @@ function checkLibraryVersion(ver, libraryName) {
 
 
 
+
 /***/ }),
 
 /***/ "./src/entries/core-wo-model.ts":
 /*!**************************************!*\
   !*** ./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, 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, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, 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, createTOCListModel, getTocRootCss, 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";
@@ -9251,6 +9458,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropChoices", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["DragDropChoices"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropRankingSelectToRank", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["DragDropRankingSelectToRank"]; });
+
 /* harmony import */ var _defaultCss_cssstandard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../defaultCss/cssstandard */ "./src/defaultCss/cssstandard.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultStandardCss", function() { return _defaultCss_cssstandard__WEBPACK_IMPORTED_MODULE_1__["defaultStandardCss"]; });
 
@@ -9284,6 +9493,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createDropdownActionModelAdvanced", function() { return _actions_action__WEBPACK_IMPORTED_MODULE_7__["createDropdownActionModelAdvanced"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getActionDropdownButtonTarget", function() { return _actions_action__WEBPACK_IMPORTED_MODULE_7__["getActionDropdownButtonTarget"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BaseAction", function() { return _actions_action__WEBPACK_IMPORTED_MODULE_7__["BaseAction"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Action", function() { return _actions_action__WEBPACK_IMPORTED_MODULE_7__["Action"]; });
@@ -9328,7 +9539,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, 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, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, 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, createTOCListModel, getTocRootCss, 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";
@@ -9688,6 +9899,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropChoices", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["DragDropChoices"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropRankingSelectToRank", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["DragDropRankingSelectToRank"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultStandardCss", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["defaultStandardCss"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "modernCss", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["modernCss"]; });
@@ -9714,6 +9927,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createDropdownActionModelAdvanced", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["createDropdownActionModelAdvanced"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getActionDropdownButtonTarget", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["getActionDropdownButtonTarget"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BaseAction", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["BaseAction"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Action", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["Action"]; });
@@ -10125,7 +10340,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, 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, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, 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, createTOCListModel, getTocRootCss, 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";
@@ -10485,6 +10700,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropChoices", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["DragDropChoices"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropRankingSelectToRank", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["DragDropRankingSelectToRank"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultStandardCss", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["defaultStandardCss"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "modernCss", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["modernCss"]; });
@@ -10511,6 +10728,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createDropdownActionModelAdvanced", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["createDropdownActionModelAdvanced"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getActionDropdownButtonTarget", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["getActionDropdownButtonTarget"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BaseAction", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["BaseAction"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Action", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["Action"]; });
@@ -15428,7 +15647,7 @@ function currentDate() {
 FunctionFactory.Instance.register("currentDate", currentDate);
 function today(params) {
     var res = new Date();
-    if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].useLocalTimeZone) {
+    if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].localization.useLocalTimeZone) {
         res.setHours(0, 0, 0, 0);
     }
     else {
@@ -15705,7 +15924,7 @@ var Helpers = /** @class */ (function () {
         return maxLength > 0 ? maxLength : null;
     };
     Helpers.getRemainingCharacterCounterText = function (newValue, maxLength) {
-        if (!maxLength || maxLength <= 0) {
+        if (!maxLength || maxLength <= 0 || !_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].showMaxLengthIndicator) {
             return "";
         }
         var value = newValue ? newValue.length : "0";
@@ -16732,6 +16951,13 @@ var ItemValue = /** @class */ (function (_super) {
     ItemValue.prototype.getLocale = function () {
         return !!this.locOwner && this.locOwner.getLocale ? this.locOwner.getLocale() : "";
     };
+    Object.defineProperty(ItemValue.prototype, "isInternal", {
+        get: function () {
+            return this.isGhost === true;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(ItemValue.prototype, "locText", {
         get: function () {
             return this.locTextValue;
@@ -16830,10 +17056,10 @@ var ItemValue = /** @class */ (function (_super) {
         if (_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(json.value))
             return json;
         var canSerializeVal = this.canSerializeValue();
-        var canSerializeAsContant = !canSerializeVal || !_settings__WEBPACK_IMPORTED_MODULE_5__["settings"].itemValueAlwaysSerializeAsObject && !_settings__WEBPACK_IMPORTED_MODULE_5__["settings"].itemValueAlwaysSerializeText;
+        var canSerializeAsContant = !canSerializeVal || !_settings__WEBPACK_IMPORTED_MODULE_5__["settings"].serialization.itemValueSerializeAsObject && !_settings__WEBPACK_IMPORTED_MODULE_5__["settings"].serialization.itemValueSerializeDisplayText;
         if (canSerializeAsContant && Object.keys(json).length == 1)
             return this.value;
-        if (_settings__WEBPACK_IMPORTED_MODULE_5__["settings"].itemValueAlwaysSerializeText && json.text === undefined && canSerializeVal) {
+        if (_settings__WEBPACK_IMPORTED_MODULE_5__["settings"].serialization.itemValueSerializeDisplayText && json.text === undefined && canSerializeVal) {
             json.text = this.value.toString();
         }
         return json;
@@ -18889,6 +19115,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
 /* 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");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -18915,6 +19142,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var defaultListCss = {
     root: "sv-list__container",
     item: "sv-list__item",
@@ -18928,6 +19156,7 @@ var defaultListCss = {
     itemSeparator: "sv-list__item-separator",
     itemBody: "sv-list__item-body",
     itemsContainer: "sv-list",
+    itemsContainerFiltering: "sv-list--filtering",
     filter: "sv-list__filter",
     filterIcon: "sv-list__filter-icon",
     filterInput: "sv-list__input",
@@ -18963,6 +19192,12 @@ var ListModel = /** @class */ (function (_super) {
         _this.isItemFocused = function (itemValue) {
             return _this.areSameItems(_this.focusedItem, itemValue);
         };
+        _this.getListClass = function () {
+            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
+                .append(_this.cssClasses.itemsContainer)
+                .append(_this.cssClasses.itemsContainerFiltering, !!_this.filterString && _this.visibleActions.length !== _this.visibleItems.length)
+                .toString();
+        };
         _this.getItemClass = function (itemValue) {
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
                 .append(_this.cssClasses.item)
@@ -19096,8 +19331,9 @@ var ListModel = /** @class */ (function (_super) {
         if (event.key === "ArrowDown" || event.keyCode === 40) {
             var currentElement = event.target.parentElement;
             var listElement = currentElement.parentElement.querySelector("ul");
-            if (!!listElement && !!listElement.firstElementChild) {
-                _element_helper__WEBPACK_IMPORTED_MODULE_4__["ElementHelper"].focusElement(listElement.firstElementChild);
+            var firstChild = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["getFirstVisibleChild"])(listElement);
+            if (!!listElement && !!firstChild) {
+                _element_helper__WEBPACK_IMPORTED_MODULE_4__["ElementHelper"].focusElement(firstChild);
                 event.preventDefault();
             }
         }
@@ -19298,10 +19534,10 @@ var LocalizableString = /** @class */ (function () {
     }
     Object.defineProperty(LocalizableString, "defaultLocale", {
         get: function () {
-            return _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].defaultLocaleName;
+            return _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.defaultLocaleName;
         },
         set: function (val) {
-            _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].defaultLocaleName = val;
+            _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.defaultLocaleName = val;
         },
         enumerable: false,
         configurable: true
@@ -19475,7 +19711,7 @@ var LocalizableString = /** @class */ (function () {
             }
             return;
         }
-        if (!_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].storeDuplicatedTranslations &&
+        if (!_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.storeDuplicatedTranslations &&
             value &&
             loc &&
             loc != this.defaultLoc &&
@@ -19514,7 +19750,7 @@ var LocalizableString = /** @class */ (function () {
         configurable: true
     });
     LocalizableString.prototype.canRemoveLocValue = function (loc, val) {
-        if (_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].storeDuplicatedTranslations)
+        if (_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.storeDuplicatedTranslations)
             return false;
         if (loc === this.defaultLoc)
             return false;
@@ -19557,8 +19793,8 @@ var LocalizableString = /** @class */ (function () {
         if (keys.length == 0)
             return null;
         if (keys.length == 1 &&
-            keys[0] == _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].defaultLocaleName &&
-            !_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].serializeLocalizableStringAsObject)
+            keys[0] == _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.defaultLocaleName &&
+            !_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].serialization.localizableStringSerializeAsObject)
             return this.values[keys[0]];
         return this.values;
     };
@@ -19654,7 +19890,7 @@ var LocalizableString = /** @class */ (function () {
         return this.htmlValues[loc];
     };
     LocalizableString.prototype.deleteValuesEqualsToDefault = function (defaultValue) {
-        if (_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].storeDuplicatedTranslations)
+        if (_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.storeDuplicatedTranslations)
             return;
         var keys = this.getValuesKeys();
         for (var i = 0; i < keys.length; i++) {
@@ -19684,7 +19920,7 @@ var LocalizableString = /** @class */ (function () {
     };
     LocalizableString.prototype.getValueLoc = function (loc) {
         if (this.disableLocalization)
-            return _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].defaultLocaleName;
+            return _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.defaultLocaleName;
         return loc;
     };
     LocalizableString.prototype.getValuesKeys = function () {
@@ -19694,7 +19930,7 @@ var LocalizableString = /** @class */ (function () {
     };
     Object.defineProperty(LocalizableString.prototype, "defaultLoc", {
         get: function () {
-            return _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].defaultLocaleName;
+            return _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.defaultLocaleName;
         },
         enumerable: false,
         configurable: true
@@ -19760,7 +19996,7 @@ var LocalizableStrings = /** @class */ (function () {
         if (this.values[loc])
             return this.values[loc];
         if (useDefault) {
-            var defLoc = _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].defaultLocaleName;
+            var defLoc = _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.defaultLocaleName;
             if (loc !== defLoc && this.values[defLoc])
                 return this.values[defLoc];
         }
@@ -19794,7 +20030,7 @@ var LocalizableStrings = /** @class */ (function () {
         if (!!loc)
             return loc;
         loc = this.locale;
-        return !!loc ? loc : _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].defaultLocaleName;
+        return !!loc ? loc : _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.defaultLocaleName;
     };
     LocalizableStrings.prototype.getLocales = function () {
         var keys = this.getValuesKeys();
@@ -19807,8 +20043,8 @@ var LocalizableStrings = /** @class */ (function () {
         if (keys.length == 0)
             return null;
         if (keys.length == 1 &&
-            keys[0] == _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].defaultLocaleName &&
-            !_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].serializeLocalizableStringAsObject)
+            keys[0] == _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].localization.defaultLocaleName &&
+            !_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].serialization.localizableStringSerializeAsObject)
             return this.values[keys[0]];
         return _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].createCopy(this.values);
     };
@@ -20791,7 +21027,9 @@ var englishStrings = {
     noEntriesText: "There are no entries yet.\nClick the button below to add a new entry.",
     noEntriesReadonlyText: "There are no entries.",
     more: "More",
-    tagboxDoneButtonCaption: "OK"
+    tagboxDoneButtonCaption: "OK",
+    selectToRankFromContainerPlaceholder: "All items are ranked.",
+    selectToRankToContainerPlaceholder: "Drop the items which you like not to be selected here.",
 };
 // Uncomment the lines below if you create a custom dictionary.
 // Replace "en" with a custom locale code (for example, "fr" or "de"),
@@ -22425,7 +22663,7 @@ __webpack_require__.r(__webpack_exports__);
 var latvianSurveyStrings = {
     pagePrevText: "Atpakaļ",
     pageNextText: "Tālāk",
-    completeText: "Pabeigt",
+    completeText: "Iesniegt",
     previewText: "Priekšskatījums",
     editText: "Rediģēt",
     startSurveyText: "Sākt",
@@ -25773,7 +26011,7 @@ var PageModel = /** @class */ (function (_super) {
         var _this = _super.call(this, name) || this;
         _this.hasShownValue = false;
         /**
-         * A time period that a respondent spent on this page; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
+         * A time period that a respondent has spent on this page so far; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          * @see maxTimeToFinish
          */
         _this.timeSpent = 0;
@@ -26459,7 +26697,7 @@ var PanelModelBase = /** @class */ (function (_super) {
     Object.defineProperty(PanelModelBase.prototype, "hasTitle", {
         get: function () {
             return ((this.canShowTitle() && this.title.length > 0) ||
-                (this.showTitle && this.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].allowShowEmptyTitleInDesignMode));
+                (this.showTitle && this.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].designMode.showEmptyTitles));
         },
         enumerable: false,
         configurable: true
@@ -26469,8 +26707,8 @@ var PanelModelBase = /** @class */ (function (_super) {
         get: function () {
             return this.survey && this.survey.showPageTitles && this.hasDescription ||
                 (this.showDescription && this.isDesignMode &&
-                    _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].allowShowEmptyTitleInDesignMode &&
-                    _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].allowShowEmptyDescriptionInDesignMode);
+                    _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].designMode.showEmptyTitles &&
+                    _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].designMode.showEmptyDescriptions);
         },
         enumerable: false,
         configurable: true
@@ -27361,7 +27599,7 @@ var PanelModelBase = /** @class */ (function (_super) {
     PanelModelBase.prototype.isLazyRenderInRow = function (rowIndex) {
         if (!this.survey || !this.survey.isLazyRendering)
             return false;
-        return (rowIndex >= _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].lazyRowsRenderingStartRow ||
+        return (rowIndex >= _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].lazyRender.firstBatchSize ||
             !this.canRenderFirstRows());
     };
     PanelModelBase.prototype.canRenderFirstRows = function () {
@@ -28390,6 +28628,9 @@ var defaultCss = {
         rootDragMod: "sv-ranking--drag",
         rootDisabled: "sv-ranking--disabled",
         rootDragHandleAreaIcon: "sv-ranking--drag-handle-area-icon",
+        rootSelectToRankMod: "sv-ranking--select-to-rank",
+        rootSelectToRankAlignVertical: "sv-ranking--select-to-rank-vertical",
+        rootSelectToRankAlignHorizontal: "sv-ranking--select-to-rank-horizontal",
         item: "sv-ranking-item",
         itemContent: "sv-ranking-item__content",
         itemIndex: "sv-ranking-item__index",
@@ -28403,6 +28644,12 @@ var defaultCss = {
         itemIconFocusMod: "sv-ranking-item__icon--focus",
         itemGhostMod: "sv-ranking-item--ghost",
         itemDragMod: "sv-ranking-item--drag",
+        container: "sv-ranking__container",
+        containerEmptyMode: "sv-ranking__container--empty",
+        containerFromMode: "sv-ranking__container--from",
+        containerToMode: "sv-ranking__container--to",
+        containerPlaceholder: "sv-ranking__container-placeholder",
+        containersDivider: "sv-ranking__containers-divider",
     },
     comment: "form-control",
     dropdown: {
@@ -28834,6 +29081,9 @@ var defaultCss = {
         rootDragMod: "sv-ranking--drag",
         rootDisabled: "sv-ranking--disabled",
         rootDragHandleAreaIcon: "sv-ranking--drag-handle-area-icon",
+        rootSelectToRankMod: "sv-ranking--select-to-rank",
+        rootSelectToRankAlignVertical: "sv-ranking--select-to-rank-vertical",
+        rootSelectToRankAlignHorizontal: "sv-ranking--select-to-rank-horizontal",
         item: "sv-ranking-item",
         itemContent: "sv-ranking-item__content",
         itemIndex: "sv-ranking-item__index",
@@ -28847,6 +29097,12 @@ var defaultCss = {
         itemIconFocusMod: "sv-ranking-item__icon--focus",
         itemGhostMod: "sv-ranking-item--ghost",
         itemDragMod: "sv-ranking-item--drag",
+        container: "sv-ranking__container",
+        containerEmptyMode: "sv-ranking__container--empty",
+        containerFromMode: "sv-ranking__container--from",
+        containerToMode: "sv-ranking__container--to",
+        containerPlaceholder: "sv-ranking__container-placeholder",
+        containersDivider: "sv-ranking__containers-divider",
     },
     comment: "form-control",
     dropdown: {
@@ -29670,16 +29926,14 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
         this.isTablet = width >= PopupDropdownViewModel.tabletSizeBreakpoint;
     };
     PopupDropdownViewModel.prototype._updatePosition = function () {
+        var _a;
         if (!this.targetElement)
             return;
         var targetElementRect = this.targetElement.getBoundingClientRect();
-        var background = this.container.children[0];
-        if (!background)
-            return;
-        var popupContainer = background.children[0];
+        var popupContainer = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector(this.containerSelector);
         if (!popupContainer)
             return;
-        var scrollContent = popupContainer.querySelector(".sv-popup__scrolling-content");
+        var scrollContent = popupContainer.querySelector(this.scrollingContentSelector);
         var popupComputedStyle = window.getComputedStyle(popupContainer);
         var marginLeft = (parseFloat(popupComputedStyle.marginLeft) || 0);
         var marginRight = (parseFloat(popupComputedStyle.marginRight) || 0);
@@ -29710,9 +29964,9 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
         this.top = pos.top + "px";
         if (this.showHeader) {
             this.pointerTarget = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].calculatePointerTarget(targetElementRect, pos.top, pos.left, verticalPosition, actualHorizontalPosition, marginLeft, marginRight);
+            this.pointerTarget.top += "px";
+            this.pointerTarget.left += "px";
         }
-        this.pointerTarget.top += "px";
-        this.pointerTarget.left += "px";
     };
     PopupDropdownViewModel.prototype.getActualHorizontalPosition = function () {
         var actualHorizontalPosition = this.model.horizontalPosition;
@@ -29740,6 +29994,12 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
     PopupDropdownViewModel.prototype.getPopupHeaderTemplate = function () {
         return "popup-pointer";
     };
+    PopupDropdownViewModel.prototype.setComponentElement = function (componentRoot, targetElement) {
+        _super.prototype.setComponentElement.call(this, componentRoot);
+        if (!!componentRoot && !!componentRoot.parentElement && !this.isModal) {
+            this.targetElement = targetElement || componentRoot.parentElement;
+        }
+    };
     PopupDropdownViewModel.prototype.updateOnShowing = function () {
         var root = _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].environment.root;
         this.prevActiveElement = root.activeElement;
@@ -29831,6 +30091,7 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PopupModalViewModel", function() { return PopupModalViewModel; });
 /* harmony import */ var _popup_view_model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./popup-view-model */ "./src/popup-view-model.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -29847,10 +30108,15 @@ var __extends = (undefined && undefined.__extends) || (function () {
     };
 })();
 
+
 var PopupModalViewModel = /** @class */ (function (_super) {
     __extends(PopupModalViewModel, _super);
     function PopupModalViewModel(model) {
-        return _super.call(this, model) || this;
+        var _this = _super.call(this, model) || this;
+        _this.onScrollOutsideCallback = function (event) {
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_1__["preventDefaults"])(event);
+        };
+        return _this;
     }
     PopupModalViewModel.prototype.getStyleClass = function () {
         return _super.prototype.getStyleClass.call(this)
@@ -29891,6 +30157,18 @@ var PopupModalViewModel = /** @class */ (function (_super) {
         }
         _super.prototype.onKeyDown.call(this, event);
     };
+    PopupModalViewModel.prototype.updateOnShowing = function () {
+        if (this.container) {
+            this.container.addEventListener("wheel", this.onScrollOutsideCallback, { passive: false });
+        }
+        _super.prototype.updateOnShowing.call(this);
+    };
+    PopupModalViewModel.prototype.updateOnHiding = function () {
+        if (this.container) {
+            this.container.removeEventListener("wheel", this.onScrollOutsideCallback);
+        }
+        _super.prototype.updateOnHiding.call(this);
+    };
     return PopupModalViewModel;
 }(_popup_view_model__WEBPACK_IMPORTED_MODULE_0__["PopupBaseViewModel"]));
 
@@ -30216,11 +30494,14 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function createPopupModalViewModel(options) {
+function createPopupModalViewModel(options, container) {
     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.initializePopupContainer();
+    popupViewModel.setComponentElement(container);
+    if (!container) {
+        popupViewModel.initializePopupContainer();
+    }
     return popupViewModel;
 }
 function createPopupViewModel(model, targetElement) {
@@ -30284,9 +30565,19 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
     __extends(PopupBaseViewModel, _super);
     function PopupBaseViewModel(model) {
         var _this = _super.call(this) || this;
+        _this.popupSelector = ".sv-popup";
+        _this.containerSelector = ".sv-popup__container";
+        _this.scrollingContentSelector = ".sv-popup__scrolling-content";
         _this.model = model;
         return _this;
     }
+    Object.defineProperty(PopupBaseViewModel.prototype, "container", {
+        get: function () {
+            return this.containerElement || this.createdContainer;
+        },
+        enumerable: false,
+        configurable: true
+    });
     PopupBaseViewModel.prototype.getLocale = function () {
         if (!!this.locale)
             return this.locale;
@@ -30502,7 +30793,8 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
     PopupBaseViewModel.prototype.focusContainer = function () {
         if (!this.container)
             return;
-        this.container.children[0].focus();
+        var popup = this.container.querySelector(this.popupSelector);
+        popup === null || popup === void 0 ? void 0 : popup.focus();
     };
     PopupBaseViewModel.prototype.focusFirstInput = function () {
         var _this = this;
@@ -30516,8 +30808,9 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
                 _this.focusContainer();
         }, 100);
     };
-    PopupBaseViewModel.prototype.clickOutside = function () {
+    PopupBaseViewModel.prototype.clickOutside = function (event) {
         this.hidePopup();
+        event === null || event === void 0 ? void 0 : event.stopPropagation();
     };
     PopupBaseViewModel.prototype.cancel = function () {
         this.model.onCancel();
@@ -30525,21 +30818,25 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
     };
     PopupBaseViewModel.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
-        this.unmountPopupContainer();
-        this.container = undefined;
+        if (!!this.createdContainer) {
+            this.createdContainer.remove();
+            this.createdContainer = undefined;
+        }
         if (!!this.footerToolbarValue) {
             this.footerToolbarValue.dispose();
         }
     };
     PopupBaseViewModel.prototype.initializePopupContainer = function () {
-        if (!this.createdContainer) {
+        if (!this.container) {
             var container = document.createElement("div");
-            this.container = this.createdContainer = container;
+            this.createdContainer = container;
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["getElement"])(_settings__WEBPACK_IMPORTED_MODULE_4__["settings"].environment.popupMountContainer).appendChild(container);
         }
-        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["getElement"])(_settings__WEBPACK_IMPORTED_MODULE_4__["settings"].environment.popupMountContainer).appendChild(this.container);
     };
-    PopupBaseViewModel.prototype.unmountPopupContainer = function () {
-        this.createdContainer.remove();
+    PopupBaseViewModel.prototype.setComponentElement = function (componentRoot, targetElement) {
+        if (!!componentRoot) {
+            this.containerElement = componentRoot;
+        }
     };
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "0px" })
@@ -30867,7 +31164,7 @@ var Question = /** @class */ (function (_super) {
         return "sq_" + Question.questionCounter++;
     };
     Question.prototype.isReadOnlyRenderDiv = function () {
-        return this.isReadOnly && _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].readOnlyCommentRenderMode === "div";
+        return this.isReadOnly && _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].readOnly.commentRenderMode === "div";
     };
     Question.prototype.setIsMobile = function (val) { };
     Question.prototype.createLocTitleProperty = function () {
@@ -32140,6 +32437,7 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.onReadOnlyChanged = function () {
         this.setPropertyValue("isInputReadOnly", this.isInputReadOnly);
         _super.prototype.onReadOnlyChanged.call(this);
+        this.updateQuestionCss();
     };
     Object.defineProperty(Question.prototype, "enableIf", {
         /**
@@ -32391,7 +32689,7 @@ var Question = /** @class */ (function (_super) {
          *
          * - `"default"` (default) - Inherits the setting from the Survey's [`clearInvisibleValues`](https://surveyjs.io/form-library/documentation/surveymodel#clearInvisibleValues) property.
          * - `"onHidden"` - Clears the value when the question becomes invisible. If a question is invisible on startup and has an initial value, this value will be cleared when the survey is complete.
-         * - `"onHiddenContainer"` - Clears the value when the question or its containter (page or panel) becomes invisible. If the question is invisible initially, its value is removed on survey completion.
+         * - `"onHiddenContainer"` - Clears the value when the question or its container (page or panel) becomes invisible. If a question is invisible on startup and has an initial value, this value will be cleared when the survey is complete.
          * - `"onComplete"` - Clears the value when the survey is complete.
          * - `"none"` - Never clears the value of an invisible question.
          * @see SurveyModel.clearInvisibleValues
@@ -33047,6 +33345,7 @@ var Question = /** @class */ (function (_super) {
             newValue = this.valueForSurvey;
             this.data.setValue(this.getValueName(), newValue, this.getDataLocNotification(), this.allowNotifyValueChanged);
         }
+        this.isMouseDown = false;
     };
     Question.prototype.canSetValueToSurvey = function () {
         return true;
@@ -33058,6 +33357,9 @@ var Question = /** @class */ (function (_super) {
         return val;
     };
     Question.prototype.onValueChanged = function () { };
+    Question.prototype.onMouseDown = function () {
+        this.isMouseDown = true;
+    };
     Question.prototype.setNewComment = function (newValue) {
         if (this.questionComment === newValue)
             return;
@@ -33103,8 +33405,8 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.onSurveyValueChanged = function (newValue) { };
     Question.prototype.setVisibleIndex = function (val) {
         if (!this.isVisible ||
-            (!this.hasTitle && !_settings__WEBPACK_IMPORTED_MODULE_8__["settings"].setQuestionVisibleIndexForHiddenTitle) ||
-            (this.hideNumber && !_settings__WEBPACK_IMPORTED_MODULE_8__["settings"].setQuestionVisibleIndexForHiddenNumber)) {
+            (!this.hasTitle && !_settings__WEBPACK_IMPORTED_MODULE_8__["settings"].numbering.includeQuestionsWithHiddenTitle) ||
+            (this.hideNumber && !_settings__WEBPACK_IMPORTED_MODULE_8__["settings"].numbering.includeQuestionsWithHiddenNumber)) {
             val = -1;
         }
         this.setPropertyValue("visibleIndex", val);
@@ -34645,6 +34947,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         if (isAddAll) {
             if (!this.newItemValue) {
                 this.newItemValue = this.createItemValue("newitem"); //TODO
+                this.newItemValue.isGhost = true;
             }
             if (!this.isUsingCarryForward && this.canShowOptionItem(this.newItemValue, isAddAll, false)) {
                 items.push(this.newItemValue);
@@ -34729,7 +35032,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         if (val == this.otherItemValue.value)
             return this.otherValue ? this.otherValue : this.locOtherText.textOrHtml;
         var selItem = this.getSingleSelectedItem();
-        if (!!selItem && selItem.value === val)
+        if (!!selItem && this.isTwoValueEquals(selItem.value, val))
             return selItem.locText.textOrHtml;
         var str = _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getTextOrHtmlByValue(items, val);
         return str == "" && val ? val : str;
@@ -34913,6 +35216,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             }
         }
         _super.prototype.updateValueFromSurvey.call(this, newValue);
+        if ((this.isRunningChoices || this.choicesByUrl.isRunning) && !this.isEmpty()) {
+            this.cachedValueForUrlRequests = this.value;
+        }
         if (!!newComment) {
             this.setNewComment(newComment);
         }
@@ -34955,7 +35261,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         this.isRunningChoices = false;
     };
     QuestionSelectBase.prototype.onBeforeSendRequest = function () {
-        if (_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].disableOnGettingChoicesFromWeb === true && !this.isReadOnly) {
+        if (_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].web.disableQuestionWhileLoadingChoices === true && !this.isReadOnly) {
             this.enableOnLoadingChoices = true;
             this.readOnly = true;
         }
@@ -39070,7 +39376,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 /**
  * A class that describes the File question type.
  *
- * [View Demo](https://surveyjs.io/form-library/examples/questiontype-file/ (linkStyle))
+ * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
  */
 var QuestionFileModel = /** @class */ (function (_super) {
     __extends(QuestionFileModel, _super);
@@ -40956,7 +41262,7 @@ var MatrixCells = /** @class */ (function () {
         this.valuesChanged();
     };
     MatrixCells.prototype.setDefaultCellText = function (column, val) {
-        this.setCellText(_settings__WEBPACK_IMPORTED_MODULE_10__["settings"].matrixDefaultRowName, column, val);
+        this.setCellText(_settings__WEBPACK_IMPORTED_MODULE_10__["settings"].matrix.defaultRowName, column, val);
     };
     MatrixCells.prototype.getCellLocText = function (row, column) {
         row = this.getCellRowColumnValue(row, this.rows);
@@ -40970,13 +41276,13 @@ var MatrixCells = /** @class */ (function () {
         return this.values[row][column];
     };
     MatrixCells.prototype.getDefaultCellLocText = function (column, val) {
-        return this.getCellLocText(_settings__WEBPACK_IMPORTED_MODULE_10__["settings"].matrixDefaultRowName, column);
+        return this.getCellLocText(_settings__WEBPACK_IMPORTED_MODULE_10__["settings"].matrix.defaultRowName, column);
     };
     MatrixCells.prototype.getCellDisplayLocText = function (row, column) {
         var cellText = this.getCellLocText(row, column);
         if (cellText && !cellText.isEmpty)
             return cellText;
-        cellText = this.getCellLocText(_settings__WEBPACK_IMPORTED_MODULE_10__["settings"].matrixDefaultRowName, column);
+        cellText = this.getCellLocText(_settings__WEBPACK_IMPORTED_MODULE_10__["settings"].matrix.defaultRowName, column);
         if (cellText && !cellText.isEmpty)
             return cellText;
         if (typeof column == "number") {
@@ -40994,7 +41300,7 @@ var MatrixCells = /** @class */ (function () {
         return loc ? loc.calculatedText : null;
     };
     MatrixCells.prototype.getDefaultCellText = function (column) {
-        var loc = this.getCellLocText(_settings__WEBPACK_IMPORTED_MODULE_10__["settings"].matrixDefaultRowName, column);
+        var loc = this.getCellLocText(_settings__WEBPACK_IMPORTED_MODULE_10__["settings"].matrix.defaultRowName, column);
         return loc ? loc.calculatedText : null;
     };
     MatrixCells.prototype.getCellDisplayText = function (row, column) {
@@ -41304,7 +41610,7 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         return loc ? loc : this.emptyLocalizableString;
     };
     QuestionMatrixModel.prototype.supportGoNextPageAutomatic = function () {
-        return this.hasValuesInAllRows();
+        return this.isMouseDown === true && this.hasValuesInAllRows();
     };
     QuestionMatrixModel.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
         _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
@@ -42378,7 +42684,7 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
             }
             else {
                 if (!this.getSharedQuestionByName(key) &&
-                    key.indexOf(_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].matrixTotalValuePostFix) < 0) {
+                    key.indexOf(_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].matrix.totalsSuffix) < 0) {
                     this.setValue(key, null);
                 }
             }
@@ -42635,10 +42941,10 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     }
     Object.defineProperty(QuestionMatrixDropdownModelBase, "defaultCellType", {
         get: function () {
-            return _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].matrixDefaultCellType;
+            return _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].matrix.defaultCellType;
         },
         set: function (val) {
-            _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].matrixDefaultCellType = val;
+            _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].matrix.defaultCellType = val;
         },
         enumerable: false,
         configurable: true
@@ -42979,10 +43285,10 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
          * - `"expression"`
          * - `"rating"`
          *
-         * Default value: `"dropdown"` (inherited from [`settings.matrixDefaultCellType`](https://surveyjs.io/form-library/documentation/settings#matrixDefaultCellType))
+         * Default value: `"dropdown"` (inherited from [`settings.matrix.defaultCellType`](https://surveyjs.io/form-library/documentation/settings#matrixDefaultCellType))
          */
         get: function () {
-            return this.getPropertyValue("cellType", _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].matrixDefaultCellType);
+            return this.getPropertyValue("cellType", _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].matrix.defaultCellType);
         },
         set: function (val) {
             val = val.toLowerCase();
@@ -43932,13 +44238,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     };
     QuestionMatrixDropdownModelBase.prototype.getOnCellValueChangedOptions = function (row, columnName, rowValue) {
         var getQuestion = function (colName) {
-            for (var i = 0; i < row.cells.length; i++) {
-                var col = row.cells[i].column;
-                if (!!col && col.name === colName) {
-                    return row.cells[i].question;
-                }
-            }
-            return null;
+            return row.getQuestionByName(colName);
         };
         return {
             row: row,
@@ -43946,6 +44246,8 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             rowValue: rowValue,
             value: !!rowValue ? rowValue[columnName] : null,
             getCellQuestion: getQuestion,
+            cellQuestion: row.getQuestionByName(columnName),
+            column: this.getColumnByName(columnName)
         };
     };
     QuestionMatrixDropdownModelBase.prototype.onCellValueChanged = function (row, columnName, rowValue) {
@@ -44135,7 +44437,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             !!this.visibleTotalRow &&
             !this.isUpdateLocked &&
             !this.isSett) {
-            this.data.setValue(this.getValueName() + _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].matrixTotalValuePostFix, this.totalValue, false);
+            this.data.setValue(this.getValueName() + _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].matrix.totalsSuffix, this.totalValue, false);
         }
     };
     QuestionMatrixDropdownModelBase.prototype.getParentTextProcessor = function () {
@@ -44860,7 +45162,7 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
             return cellType;
         if (this.colOwner)
             return this.colOwner.getCellType();
-        return _settings__WEBPACK_IMPORTED_MODULE_3__["settings"].matrixDefaultCellType;
+        return _settings__WEBPACK_IMPORTED_MODULE_3__["settings"].matrix.defaultCellType;
     };
     MatrixDropdownColumn.prototype.updateTemplateQuestion = function (newCellType) {
         var _this = this;
@@ -45731,7 +46033,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionMatrixDropdownRenderedTable.prototype, "showRemoveButtonAsIcon", {
         get: function () {
-            return (_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].matrixRenderRemoveAsIcon && this.matrix.survey && this.matrix.survey.css.root === "sd-root-modern");
+            return (_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].matrix.renderRemoveAsIcon && this.matrix.survey && this.matrix.survey.css.root === "sd-root-modern");
         },
         enumerable: false,
         configurable: true
@@ -46315,7 +46617,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
             return this.rowCountValue;
         },
         set: function (val) {
-            if (val < 0 || val > _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].matrixMaximumRowCount)
+            if (val < 0 || val > _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].matrix.maxRowCount)
                 return;
             this.setRowCountValueFromData = false;
             var prevValue = this.rowCountValue;
@@ -46427,7 +46729,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
         /**
          * A maximum number of rows in the matrix. Users cannot add new rows if `rowCount` equals `maxRowCount`.
          *
-         * Default value: 1000 (inherited from [`settings.matrixMaximumRowCount`](https://surveyjs.io/form-library/documentation/settings#matrixMaximumRowCount))
+         * Default value: 1000 (inherited from [`settings.matrix.maxRowCount`](https://surveyjs.io/form-library/documentation/settings#matrixMaximumRowCount))
          * @see rowCount
          * @see minRowCount
          * @see allowAddRows
@@ -46438,8 +46740,8 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
         set: function (val) {
             if (val <= 0)
                 return;
-            if (val > _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].matrixMaximumRowCount)
-                val = _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].matrixMaximumRowCount;
+            if (val > _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].matrix.maxRowCount)
+                val = _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].matrix.maxRowCount;
             if (val == this.maxRowCount)
                 return;
             this.setPropertyValue("maxRowCount", val);
@@ -46557,11 +46859,14 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
      */
     QuestionMatrixDynamicModel.prototype.addRow = function (setFocus) {
         var oldRowCount = this.rowCount;
-        var options = { question: this, canAddRow: this.canAddRow };
+        var allow = this.canAddRow;
+        var options = { question: this, canAddRow: allow, allow: allow };
         if (!!this.survey) {
             this.survey.matrixBeforeRowAdded(options);
         }
-        if (!options.canAddRow)
+        var newAllow = allow !== options.allow ? options.allow :
+            (allow !== options.canAddRow ? options.canAddRow : allow);
+        if (!newAllow)
             return;
         this.onStartRowAddingRemoving();
         this.addRowCore();
@@ -46890,7 +47195,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
     QuestionMatrixDynamicModel.prototype.getConditionObjectsRowIndeces = function () {
         var res = [];
         var rowCount = Math.max(this.rowCount, 1);
-        for (var i = 0; i < Math.min(_settings__WEBPACK_IMPORTED_MODULE_4__["settings"].matrixMaxRowCountInCondition, rowCount); i++) {
+        for (var i = 0; i < Math.min(_settings__WEBPACK_IMPORTED_MODULE_4__["settings"].matrix.maxRowCountInCondition, rowCount); i++) {
             res.push(i);
         }
         return res;
@@ -47100,7 +47405,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdynamic",
     { name: "minRowCount:number", default: 0, minValue: 0 },
     {
         name: "maxRowCount:number",
-        default: _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].matrixMaximumRowCount,
+        default: _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].matrix.maxRowCount,
     },
     { name: "keyName" },
     "defaultRowValue:rowvalue",
@@ -49081,7 +49386,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         /**
          * A maximum number of panels in Dynamic Panel. Users cannot add new panels if `panelCount` equals `maxPanelCount`.
          *
-         * Default value: 100 (inherited from [`settings.panelMaximumPanelCount`](https://surveyjs.io/form-library/documentation/settings#panelMaximumPanelCount))
+         * Default value: 100 (inherited from [`settings.panel.maxPanelCount`](https://surveyjs.io/form-library/documentation/settings#panelMaximumPanelCount))
          * @see panelCount
          * @see minPanelCount
          * @see allowAddPanel
@@ -49092,8 +49397,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         set: function (val) {
             if (val <= 0)
                 return;
-            if (val > _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].panelMaximumPanelCount)
-                val = _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].panelMaximumPanelCount;
+            if (val > _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].panel.maxPanelCount)
+                val = _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].panel.maxPanelCount;
             if (val == this.maxPanelCount)
                 return;
             this.setPropertyValue("maxPanelCount", val);
@@ -49628,7 +49933,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             if (!!q)
                 continue;
             if (this.iscorrectValueWithPostPrefix(panel, key, _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].commentSuffix) ||
-                this.iscorrectValueWithPostPrefix(panel, key, _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].matrixTotalValuePostFix))
+                this.iscorrectValueWithPostPrefix(panel, key, _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].matrix.totalsSuffix))
                 continue;
             delete values[key];
             isChanged = true;
@@ -49657,7 +49962,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         for (var i = 0; i < questions.length; i++) {
             questions[i].addConditionObjectsByContext(panelObjs, context);
         }
-        for (var index = 0; index < _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].panelDynamicMaxPanelCountInCondition; index++) {
+        for (var index = 0; index < _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].panel.maxPanelCountInCondition; index++) {
             var indexStr = "[" + index + "].";
             var prefixName = this.getValueName() + indexStr;
             var prefixText = this.processedTitle + indexStr;
@@ -49710,6 +50015,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             this.panels[i].readOnly = readOnly;
         }
         this.updateNoEntriesTextDefaultLoc();
+        this.updateFooterActions();
         _super.prototype.onReadOnlyChanged.call(this);
     };
     QuestionPanelDynamicModel.prototype.updateNoEntriesTextDefaultLoc = function () {
@@ -50558,7 +50864,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_5__["Serializer"].addClass("paneldynamic",
     { name: "minPanelCount:number", default: 0, minValue: 0 },
     {
         name: "maxPanelCount:number",
-        default: _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].panelMaximumPanelCount,
+        default: _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].panel.maxPanelCount,
     },
     "defaultPanelValue:panelvalue",
     "defaultValueFromLastPanel:boolean",
@@ -50726,7 +51032,12 @@ var QuestionRadiogroupModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionRadiogroupModel.prototype.supportGoNextPageAutomatic = function () {
-        return true;
+        return this.isMouseDown === true;
+    };
+    QuestionRadiogroupModel.prototype.setNewComment = function (newValue) {
+        this.isMouseDown = true;
+        _super.prototype.setNewComment.call(this, newValue);
+        this.isMouseDown = false;
     };
     Object.defineProperty(QuestionRadiogroupModel.prototype, "showClearButtonInContent", {
         get: function () {
@@ -50782,14 +51093,15 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_1__["QuestionFactory"].Instance.regist
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionRankingModel", function() { return QuestionRankingModel; });
 /* harmony import */ var _dragdrop_ranking_choices__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dragdrop/ranking-choices */ "./src/dragdrop/ranking-choices.ts");
-/* harmony import */ var _itemvalue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./itemvalue */ "./src/itemvalue.ts");
-/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
-/* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
-/* harmony import */ var _question_checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./question_checkbox */ "./src/question_checkbox.ts");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./helpers */ "./src/helpers.ts");
-/* harmony import */ var _src_settings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../src/settings */ "./src/settings.ts");
+/* harmony import */ var _dragdrop_ranking_select_to_rank__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dragdrop/ranking-select-to-rank */ "./src/dragdrop/ranking-select-to-rank.ts");
+/* harmony import */ var _itemvalue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./itemvalue */ "./src/itemvalue.ts");
+/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
+/* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
+/* harmony import */ var _question_checkbox__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./question_checkbox */ "./src/question_checkbox.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./helpers */ "./src/helpers.ts");
+/* harmony import */ var _src_settings__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../src/settings */ "./src/settings.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -50820,6 +51132,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 /**
  * A class that describes the Ranking question type.
  *
@@ -50842,6 +51155,10 @@ var QuestionRankingModel = /** @class */ (function (_super) {
                 _this.updateRankingChoices();
                 return;
             }
+            if (_this.selectToRankEnabled) {
+                _this.updateRankingChoices();
+                return;
+            }
             if (_this.visibleChoices.length > _this.value.length)
                 _this.addToValueByVisibleChoices();
             if (_this.visibleChoices.length < _this.value.length)
@@ -50864,37 +51181,30 @@ var QuestionRankingModel = /** @class */ (function (_super) {
             if (!_this.isDesignMode) {
                 var key = event.key;
                 var index = _this.rankingChoices.indexOf(choice);
+                if (_this.selectToRankEnabled) {
+                    _this.handleKeydownSelectToRank(event, choice);
+                    return;
+                }
                 if (key === "ArrowUp" && index) {
-                    _this.handleArrowUp(index, choice);
+                    _this.handleArrowKeys(index, choice, false);
                     event.preventDefault();
                 }
                 if (key === "ArrowDown" && index !== _this.rankingChoices.length - 1) {
-                    _this.handleArrowDown(index, choice);
+                    _this.handleArrowKeys(index, choice, true);
                     event.preventDefault();
                 }
             }
         };
-        _this.handleArrowUp = function (index, choice) {
-            var choices = _this.rankingChoices;
-            choices.splice(index, 1);
-            choices.splice(index - 1, 0, choice);
-            _this.setValue();
-            setTimeout(function () {
-                _this.focusItem(index - 1);
-            }, 1);
-        };
-        _this.handleArrowDown = function (index, choice) {
-            var choices = _this.rankingChoices;
-            choices.splice(index, 1);
-            choices.splice(index + 1, 0, choice);
-            _this.setValue();
-            setTimeout(function () {
-                _this.focusItem(index + 1);
-            }, 1);
-        };
-        _this.focusItem = function (index) {
-            var itemsNodes = _this.domNode.querySelectorAll("." + _this.cssClasses.item);
-            itemsNodes[index].focus();
+        _this.focusItem = function (index, container) {
+            if (_this.selectToRankEnabled && container) {
+                var containerSelector = "[data-ranking='" + container + "']";
+                var itemsNodes = _this.domNode.querySelectorAll(containerSelector + " " + "." + _this.cssClasses.item);
+                itemsNodes[index].focus();
+            }
+            else {
+                var itemsNodes = _this.domNode.querySelectorAll("." + _this.cssClasses.item);
+                itemsNodes[index].focus();
+            }
         };
         _this.setValue = function () {
             var value = [];
@@ -50904,6 +51214,11 @@ var QuestionRankingModel = /** @class */ (function (_super) {
             _this.value = value;
         };
         _this.createNewArray("rankingChoices");
+        _this.registerFunctionOnPropertyValueChanged("selectToRankEnabled", function () {
+            _this.clearValue();
+            _this.setDragDropRankingChoices();
+            _this.updateRankingChoices();
+        });
         return _this;
     }
     QuestionRankingModel.prototype.getDefaultItemComponent = function () {
@@ -50917,13 +51232,16 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionRankingModel.prototype, "rootClass", {
         get: function () {
-            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
+            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
                 .append(this.cssClasses.root)
-                .append(this.cssClasses.rootMobileMod, _utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsMobile"])
+                .append(this.cssClasses.rootMobileMod, _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsMobile"])
                 .append(this.cssClasses.rootDisabled, this.isReadOnly)
                 .append(this.cssClasses.rootDesignMode, !!this.isDesignMode)
                 .append(this.cssClasses.itemOnError, this.errors.length > 0)
-                .append(this.cssClasses.rootDragHandleAreaIcon, _src_settings__WEBPACK_IMPORTED_MODULE_8__["settings"].rankingDragHandleArea === "icon")
+                .append(this.cssClasses.rootDragHandleAreaIcon, _src_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].rankingDragHandleArea === "icon")
+                .append(this.cssClasses.rootSelectToRankMod, this.selectToRankEnabled)
+                .append(this.cssClasses.rootSelectToRankAlignHorizontal, this.selectToRankEnabled && this.selectToRankAreasLayout === "horizontal")
+                .append(this.cssClasses.rootSelectToRankAlignVertical, this.selectToRankEnabled && this.selectToRankAreasLayout === "vertical")
                 .toString();
         },
         enumerable: false,
@@ -50932,13 +51250,30 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     QuestionRankingModel.prototype.getItemClassCore = function (item, options) {
         var itemIndex = this.rankingChoices.indexOf(item);
         var dropTargetIndex = this.rankingChoices.indexOf(this.currentDropTarget);
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
             .append(_super.prototype.getItemClassCore.call(this, item, options))
             .append(this.cssClasses.itemGhostMod, this.currentDropTarget === item)
             .append("sv-dragdrop-movedown", itemIndex === dropTargetIndex + 1 && this.dropTargetNodeMove === "down")
             .append("sv-dragdrop-moveup", itemIndex === dropTargetIndex - 1 && this.dropTargetNodeMove === "up")
             .toString();
     };
+    QuestionRankingModel.prototype.getContainerClasses = function (containerType) {
+        var isEmpty = false;
+        var isToContainer = containerType === "to";
+        var isFromContainer = containerType === "from";
+        if (isToContainer) {
+            isEmpty = this.rankingChoices.length === 0;
+        }
+        else if (isFromContainer) {
+            isEmpty = this.unRankingChoices.length === 0;
+        }
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
+            .append(this.cssClasses.container)
+            .append(this.cssClasses.containerToMode, isToContainer)
+            .append(this.cssClasses.containerFromMode, isFromContainer)
+            .append(this.cssClasses.containerEmptyMode, isEmpty)
+            .toString();
+    };
     QuestionRankingModel.prototype.isItemCurrentDropTarget = function (item) {
         return this.dragDropRankingChoices.dropTarget === item;
     };
@@ -50953,10 +51288,17 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionRankingModel.prototype.getItemIndexClasses = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
+    QuestionRankingModel.prototype.getItemIndexClasses = function (item) {
+        var noNumber;
+        if (this.selectToRankEnabled) {
+            noNumber = this.unRankingChoices.indexOf(item) !== -1;
+        }
+        else {
+            noNumber = this.isEmpty();
+        }
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
             .append(this.cssClasses.itemIndex)
-            .append(this.cssClasses.itemIndexEmptyMode, this.isEmpty())
+            .append(this.cssClasses.itemIndexEmptyMode, noNumber)
             .toString();
     };
     QuestionRankingModel.prototype.getNumberByIndex = function (index) {
@@ -50964,10 +51306,11 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     };
     QuestionRankingModel.prototype.setSurveyImpl = function (value, isLight) {
         _super.prototype.setSurveyImpl.call(this, value, isLight);
+        this.setDragDropRankingChoices();
         this.updateRankingChoices();
     };
     QuestionRankingModel.prototype.isAnswerCorrect = function () {
-        return _helpers__WEBPACK_IMPORTED_MODULE_7__["Helpers"].isArraysEqual(this.value, this.correctAnswer, false);
+        return _helpers__WEBPACK_IMPORTED_MODULE_8__["Helpers"].isArraysEqual(this.value, this.correctAnswer, false);
     };
     QuestionRankingModel.prototype.onSurveyValueChanged = function (newValue) {
         _super.prototype.onSurveyValueChanged.call(this, newValue);
@@ -50988,7 +51331,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         var newValue = this.value.slice();
         var choices = this.visibleChoices;
         for (var i = this.value.length - 1; i >= 0; i--) {
-            if (!_itemvalue__WEBPACK_IMPORTED_MODULE_1__["ItemValue"].getItemByValue(choices, this.value[i])) {
+            if (!_itemvalue__WEBPACK_IMPORTED_MODULE_2__["ItemValue"].getItemByValue(choices, this.value[i])) {
                 newValue.splice(i, 1);
             }
         }
@@ -51001,9 +51344,31 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionRankingModel.prototype, "unRankingChoices", {
+        get: function () {
+            var unRankingChoices = [];
+            var rankingChoices = this.rankingChoices;
+            this.visibleChoices.forEach(function (choice) {
+                unRankingChoices.push(choice);
+            });
+            rankingChoices.forEach(function (rankingChoice) {
+                unRankingChoices.forEach(function (choice, index) {
+                    if (choice.value === rankingChoice.value)
+                        unRankingChoices.splice(index, 1);
+                });
+            });
+            return unRankingChoices;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionRankingModel.prototype.updateRankingChoices = function (forceUpdate) {
         var _this = this;
         if (forceUpdate === void 0) { forceUpdate = false; }
+        if (this.selectToRankEnabled) {
+            this.updateRankingChoicesSelectToRankMode(forceUpdate);
+            return;
+        }
         var newRankingChoices = [];
         // ranking question with only one choice doesn't make sense
         if (this.visibleChoices.length === 1) {
@@ -51024,12 +51389,35 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         });
         this.setPropertyValue("rankingChoices", newRankingChoices);
     };
+    QuestionRankingModel.prototype.updateRankingChoicesSelectToRankMode = function (forceUpdate) {
+        var _this = this;
+        if (this.isEmpty()) {
+            this.setPropertyValue("rankingChoices", []);
+            return;
+        }
+        var newRankingChoices = [];
+        this.value.forEach(function (valueItem) {
+            _this.visibleChoices.forEach(function (choice) {
+                if (choice.value === valueItem)
+                    newRankingChoices.push(choice);
+            });
+        });
+        this.setPropertyValue("rankingChoices", newRankingChoices);
+    };
     QuestionRankingModel.prototype.endLoadingFromJson = function () {
         _super.prototype.endLoadingFromJson.call(this);
-        this.dragDropRankingChoices = new _dragdrop_ranking_choices__WEBPACK_IMPORTED_MODULE_0__["DragDropRankingChoices"](this.survey, null, this.longTap);
+        this.setDragDropRankingChoices();
+    };
+    QuestionRankingModel.prototype.setDragDropRankingChoices = function () {
+        this.dragDropRankingChoices = this.createDragDropRankingChoices();
+    };
+    QuestionRankingModel.prototype.createDragDropRankingChoices = function () {
+        if (this.selectToRankEnabled)
+            return new _dragdrop_ranking_select_to_rank__WEBPACK_IMPORTED_MODULE_1__["DragDropRankingSelectToRank"](this.survey, null, this.longTap);
+        return new _dragdrop_ranking_choices__WEBPACK_IMPORTED_MODULE_0__["DragDropRankingChoices"](this.survey, null, this.longTap);
     };
     QuestionRankingModel.prototype.isDragStartNodeValid = function (target) {
-        if (_src_settings__WEBPACK_IMPORTED_MODULE_8__["settings"].rankingDragHandleArea === "icon") {
+        if (_src_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].rankingDragHandleArea === "icon") {
             return target.classList.contains(this.cssClasses.itemIconHoverMod);
         }
         return true;
@@ -51059,14 +51447,70 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     QuestionRankingModel.prototype.supportNone = function () {
         return false;
     };
+    QuestionRankingModel.prototype.handleArrowKeys = function (index, choice, isDown) {
+        var _this = this;
+        var delta = isDown ? 1 : -1;
+        var choices = this.rankingChoices;
+        choices.splice(index, 1);
+        choices.splice(index + delta, 0, choice);
+        this.setValue();
+        setTimeout(function () {
+            _this.focusItem(index + delta);
+        }, 1);
+    };
+    QuestionRankingModel.prototype.handleKeydownSelectToRank = function (event, movedElement) {
+        if (this.isDesignMode)
+            return;
+        var key = event.key;
+        if (key !== " " && key !== "ArrowUp" && key !== "ArrowDown")
+            return;
+        var dnd = this.dragDropRankingChoices; //????
+        var rankingChoices = this.rankingChoices;
+        var isMovedElementRanked = rankingChoices.indexOf(movedElement) !== -1;
+        var choices = isMovedElementRanked ? rankingChoices : this.unRankingChoices;
+        var fromIndex = choices.indexOf(movedElement);
+        if (fromIndex < 0)
+            return;
+        var toIndex;
+        if (key === " " && !isMovedElementRanked) {
+            toIndex = 0;
+            dnd.selectToRank(this, fromIndex, toIndex);
+            this.setValueAfterKeydown(toIndex, "to-container");
+            return;
+        }
+        if (isMovedElementRanked)
+            return;
+        if (key === " ") {
+            dnd.unselectFromRank(this, fromIndex);
+            toIndex = this.unRankingChoices.indexOf(movedElement); //'this.' leads to actual array after the 'unselectFromRank' method
+            this.setValueAfterKeydown(toIndex, "from-container");
+            return;
+        }
+        var delta = key === "ArrowUp" ? -1 : (key === "ArrowDown" ? 1 : 0);
+        if (delta === 0)
+            return;
+        toIndex = fromIndex + delta;
+        if (toIndex < 0 || toIndex >= rankingChoices.length)
+            return;
+        dnd.reorderRankedItem(this, fromIndex, toIndex);
+        this.setValueAfterKeydown(toIndex, "to-container");
+    };
+    QuestionRankingModel.prototype.setValueAfterKeydown = function (index, container) {
+        var _this = this;
+        this.setValue();
+        setTimeout(function () {
+            _this.focusItem(index, container);
+        }, 1);
+        event.preventDefault();
+    };
     QuestionRankingModel.prototype.getIconHoverCss = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
             .append(this.cssClasses.itemIcon)
             .append(this.cssClasses.itemIconHoverMod)
             .toString();
     };
     QuestionRankingModel.prototype.getIconFocusCss = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
             .append(this.cssClasses.itemIcon)
             .append(this.cssClasses.itemIconFocusMod)
             .toString();
@@ -51088,6 +51532,43 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionRankingModel.prototype, "selectToRankEnabled", {
+        /**
+         * Specifies whether users can select choices they want to rank.
+         *
+         * When you enable this property, the Ranking question displays two areas for ranked and unranked choices. To order choices, users should first drag them from the unranked to the ranked area. Use this mode if you want to let users order only the choices they select.
+         *
+         * Default value: `false`
+         * @see selectToRankAreasLayout
+        */
+        get: function () {
+            return this.getPropertyValue("selectToRankEnabled", false);
+        },
+        set: function (val) {
+            this.setPropertyValue("selectToRankEnabled", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionRankingModel.prototype, "selectToRankAreasLayout", {
+        /**
+         * Specifies the layout of the ranked and unranked areas. Applies when [`selectToRankEnabled`](https://surveyjs.io/form-library/documentation/api-reference/ranking-question-model#selectToRankEnabled) is `true`.
+         *
+         * Possible values:
+         *
+         * - `"horizontal"` (default) - The ranked and unranked areas are positioned next to each other. Users drag and drop choices between them in the horizontal direction.
+         * - `"vertical"`- The ranked area is positioned above the unranked area. Users drag and drop choices between them in the vertical direction.
+         * @see selectToRankAreasLayout
+        */
+        get: function () {
+            return this.getPropertyValue("selectToRankAreasLayout", "horizontal");
+        },
+        set: function (val) {
+            this.setPropertyValue("selectToRankAreasLayout", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionRankingModel.prototype, "useFullItemSizeForShortcut", {
         get: function () {
             return this.getPropertyValue("useFullItemSizeForShortcut");
@@ -51099,15 +51580,21 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         configurable: true
     });
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: null })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_3__["property"])({ defaultValue: null })
     ], QuestionRankingModel.prototype, "currentDropTarget", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: null })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_3__["property"])({ defaultValue: null })
     ], QuestionRankingModel.prototype, "dropTargetNodeMove", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_3__["property"])({ localizable: { defaultStr: "selectToRankFromContainerPlaceholder" } })
+    ], QuestionRankingModel.prototype, "selectToRankFromContainerPlaceholder", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_3__["property"])({ localizable: { defaultStr: "selectToRankToContainerPlaceholder" } })
+    ], QuestionRankingModel.prototype, "selectToRankToContainerPlaceholder", void 0);
     return QuestionRankingModel;
-}(_question_checkbox__WEBPACK_IMPORTED_MODULE_4__["QuestionCheckboxModel"]));
+}(_question_checkbox__WEBPACK_IMPORTED_MODULE_5__["QuestionCheckboxModel"]));
 
-_jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("ranking", [
+_jsonobject__WEBPACK_IMPORTED_MODULE_3__["Serializer"].addClass("ranking", [
     { name: "showOtherItem", visible: false, isSerializable: false },
     { name: "otherText", visible: false, isSerializable: false },
     { name: "otherErrorText", visible: false, isSerializable: false },
@@ -51125,13 +51612,25 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("ranking", [
         visible: false,
         isSerializable: false,
     },
+    {
+        name: "selectToRankEnabled",
+        default: false,
+        visible: false,
+        isSerializable: true,
+    },
+    {
+        name: "selectToRankAreasLayout",
+        default: "horizontal",
+        visible: false,
+        isSerializable: true,
+    },
     { name: "itemComponent", visible: false, default: "" }
 ], function () {
     return new QuestionRankingModel("");
 }, "checkbox");
-_questionfactory__WEBPACK_IMPORTED_MODULE_3__["QuestionFactory"].Instance.registerQuestion("ranking", function (name) {
+_questionfactory__WEBPACK_IMPORTED_MODULE_4__["QuestionFactory"].Instance.registerQuestion("ranking", function (name) {
     var q = new QuestionRankingModel(name);
-    q.choices = _questionfactory__WEBPACK_IMPORTED_MODULE_3__["QuestionFactory"].DefaultChoices;
+    q.choices = _questionfactory__WEBPACK_IMPORTED_MODULE_4__["QuestionFactory"].DefaultChoices;
     return q;
 });
 
@@ -51556,7 +52055,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         return this.inputId + "_" + index;
     };
     QuestionRatingModel.prototype.supportGoNextPageAutomatic = function () {
-        return true;
+        return this.isMouseDown === true;
     };
     QuestionRatingModel.prototype.supportOther = function () {
         return false;
@@ -52283,11 +52782,11 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         signaturePad.addEventListener("beginStroke", function () {
             _this.isDrawingValue = true;
             canvas.focus();
-        }, { once: true });
+        }, { once: false });
         signaturePad.addEventListener("endStroke", function () {
             _this.isDrawingValue = false;
             _this.updateValue();
-        }, { once: true });
+        }, { once: false });
         var updateValueHandler = function () {
             var data = _this.value;
             canvas.width = _this.signatureWidth || defaultWidth;
@@ -53257,7 +53756,8 @@ var QuestionTextModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionTextModel.prototype.supportGoNextPageAutomatic = function () {
-        return ["date", "datetime-local"].indexOf(this.inputType) < 0;
+        return !this.isSurveyInputTextUpdate &&
+            ["date", "datetime-local"].indexOf(this.inputType) < 0;
     };
     QuestionTextModel.prototype.supportGoNextPageError = function () {
         return ["date", "datetime-local"].indexOf(this.inputType) < 0;
@@ -53310,7 +53810,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
         return !this.isReadOnly && this.inputType !== "range";
     };
     QuestionTextModel.prototype.isReadOnlyRenderDiv = function () {
-        return this.isReadOnly && _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].readOnlyTextRenderMode === "div";
+        return this.isReadOnly && _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].readOnly.textRenderMode === "div";
     };
     Object.defineProperty(QuestionTextModel.prototype, "inputStyle", {
         get: function () {
@@ -54383,11 +54883,11 @@ var SurveyActionBarItemDropdown = /** @class */ (function (_super) {
         _this.viewModel = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ActionDropdownViewModel"](_this.item);
         return _this;
     }
-    SurveyActionBarItemDropdown.prototype.renderButtonContent = function () {
-        var buttonContent = _super.prototype.renderButtonContent.call(this);
+    SurveyActionBarItemDropdown.prototype.renderInnerButton = function () {
+        var button = _super.prototype.renderInnerButton.call(this);
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null,
-            buttonContent,
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_popup_popup__WEBPACK_IMPORTED_MODULE_3__["Popup"], { model: this.item.popupModel })));
+            button,
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_popup_popup__WEBPACK_IMPORTED_MODULE_3__["Popup"], { model: this.item.popupModel, getTarget: survey_core__WEBPACK_IMPORTED_MODULE_1__["getActionDropdownButtonTarget"] })));
     };
     SurveyActionBarItemDropdown.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
@@ -55035,7 +55535,7 @@ var List = /** @class */ (function (_super) {
             return null;
         var items = this.renderItems();
         var ulStyle = { display: this.model.isEmpty ? "none" : null };
-        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", { className: this.model.cssClasses.itemsContainer, style: ulStyle, role: "listbox", id: this.model.elementId, onMouseDown: function (e) {
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", { className: this.model.getListClass(), style: ulStyle, role: "listbox", id: this.model.elementId, onMouseDown: function (e) {
                 e.preventDefault();
             }, onKeyDown: this.handleKeydown, onMouseMove: this.handleMouseMove }, items));
     };
@@ -55814,30 +56314,19 @@ var Popup = /** @class */ (function (_super) {
     };
     Popup.prototype.createModel = function () {
         this.popup = Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["createPopupViewModel"])(this.props.model, undefined);
-        this.popup.initializePopupContainer();
     };
     Popup.prototype.setTargetElement = function () {
-        if (!!this.containerRef.current && !this.popup.isModal) {
-            var popupDropdownModel = this.popup;
-            if (!popupDropdownModel)
-                return;
-            if (!!this.containerRef.current.parentElement) {
-                popupDropdownModel.targetElement = this.containerRef.current.parentElement;
-            }
-        }
+        var container = this.containerRef.current;
+        this.popup.setComponentElement(container, this.props.getTarget ? this.props.getTarget(container) : undefined);
     };
     Popup.prototype.componentDidMount = function () {
         _super.prototype.componentDidMount.call(this);
-        this.popup.initializePopupContainer();
         this.setTargetElement();
     };
     Popup.prototype.componentDidUpdate = function (prevProps, prevState) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
         this.setTargetElement();
     };
-    Popup.prototype.componentWillUnmount = function () {
-        this.popup.unmountPopupContainer();
-    };
     Popup.prototype.shouldComponentUpdate = function (nextProps, nextState) {
         var _a;
         if (!_super.prototype.shouldComponentUpdate.call(this, nextProps, nextState))
@@ -55853,10 +56342,10 @@ var Popup = /** @class */ (function (_super) {
         this.popup.model = this.model;
         var popupContainer;
         if (this.model.isModal) {
-            popupContainer = react_dom__WEBPACK_IMPORTED_MODULE_0___default.a.createPortal(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(PopupContainer, { model: this.popup }), this.popup.container);
+            popupContainer = react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(PopupContainer, { model: this.popup });
         }
         else {
-            popupContainer = react_dom__WEBPACK_IMPORTED_MODULE_0___default.a.createPortal(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(PopupDropdownContainer, { model: this.popup }), this.popup.container);
+            popupContainer = react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(PopupDropdownContainer, { model: this.popup });
         }
         return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { ref: this.containerRef }, popupContainer);
     };
@@ -55941,8 +56430,7 @@ var PopupContainer = /** @class */ (function (_super) {
             .toString();
         var style = { display: this.model.isVisible ? "" : "none", };
         return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { tabIndex: -1, className: className, style: style, onClick: function (e) {
-                _this.model.clickOutside();
-                e.stopPropagation();
+                _this.model.clickOutside(e);
             }, onKeyDown: this.handleKeydown }, container));
     };
     return PopupContainer;
@@ -55971,14 +56459,12 @@ 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) {
+function showDialog(dialogOptions, container) {
     dialogOptions.onHide = function () {
-        {
-            react_dom__WEBPACK_IMPORTED_MODULE_0___default.a.unmountComponentAtNode(popupViewModel.container);
-            popupViewModel.unmountPopupContainer();
-        }
+        react_dom__WEBPACK_IMPORTED_MODULE_0___default.a.unmountComponentAtNode(popupViewModel.container);
+        popupViewModel.dispose();
     };
-    var popupViewModel = Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["createPopupModalViewModel"])(dialogOptions);
+    var popupViewModel = Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["createPopupModalViewModel"])(dialogOptions, container);
     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;
@@ -56001,8 +56487,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../element-factory */ "./src/react/element-factory.tsx");
-/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../reactquestion_element */ "./src/react/reactquestion_element.tsx");
-/* harmony import */ var _svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
+/* harmony import */ var _svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
+/* harmony import */ var _rating_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./rating-item */ "./src/react/components/rating/rating-item.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -56027,38 +56513,14 @@ var RatingItemSmiley = /** @class */ (function (_super) {
     function RatingItemSmiley() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    Object.defineProperty(RatingItemSmiley.prototype, "question", {
-        get: function () {
-            return this.props.question;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(RatingItemSmiley.prototype, "item", {
-        get: function () {
-            return this.props.item;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(RatingItemSmiley.prototype, "index", {
-        get: function () {
-            return this.props.index;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    RatingItemSmiley.prototype.getStateElement = function () {
-        return this.item;
-    };
     RatingItemSmiley.prototype.render = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { style: this.question.getItemStyle(this.item.itemValue, this.item.highlight), className: this.question.getItemClass(this.item.itemValue), onMouseOver: function (e) { return _this.question.onItemMouseIn(_this.item); }, onMouseOut: function (e) { return _this.question.onItemMouseOut(_this.item); } },
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { onMouseDown: this.handleOnMouseDown, style: this.question.getItemStyle(this.item.itemValue, this.item.highlight), className: this.question.getItemClass(this.item.itemValue), onMouseOver: function (e) { return _this.question.onItemMouseIn(_this.item); }, onMouseOut: function (e) { return _this.question.onItemMouseOut(_this.item); } },
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.name, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.isDisplayMode, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: function () { }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy }),
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: "auto", iconName: this.question.getItemSmileyIconName(this.item.itemValue), title: this.item.text })));
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { size: "auto", iconName: this.question.getItemSmileyIconName(this.item.itemValue), title: this.item.text })));
     };
     return RatingItemSmiley;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));
+}(_rating_item__WEBPACK_IMPORTED_MODULE_3__["RatingItemBase"]));
 
 _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.registerElement("sv-rating-item-smiley", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(RatingItemSmiley, props);
@@ -56080,8 +56542,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../element-factory */ "./src/react/element-factory.tsx");
-/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../reactquestion_element */ "./src/react/reactquestion_element.tsx");
-/* harmony import */ var _svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
+/* harmony import */ var _svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
+/* harmony import */ var _rating_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./rating-item */ "./src/react/components/rating/rating-item.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -56106,39 +56568,15 @@ var RatingItemStar = /** @class */ (function (_super) {
     function RatingItemStar() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    Object.defineProperty(RatingItemStar.prototype, "question", {
-        get: function () {
-            return this.props.question;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(RatingItemStar.prototype, "item", {
-        get: function () {
-            return this.props.item;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(RatingItemStar.prototype, "index", {
-        get: function () {
-            return this.props.index;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    RatingItemStar.prototype.getStateElement = function () {
-        return this.item;
-    };
     RatingItemStar.prototype.render = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { className: this.question.getItemClass(this.item.itemValue), onMouseOver: function (e) { return _this.question.onItemMouseIn(_this.item); }, onMouseOut: function (e) { return _this.question.onItemMouseOut(_this.item); } },
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { onMouseDown: this.handleOnMouseDown, className: this.question.getItemClass(this.item.itemValue), onMouseOver: function (e) { return _this.question.onItemMouseIn(_this.item); }, onMouseOut: function (e) { return _this.question.onItemMouseOut(_this.item); } },
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.name, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.isDisplayMode, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: function () { }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy }),
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: "sv-star", size: "auto", iconName: this.question.itemStarIcon, title: this.item.text }),
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: "sv-star-2", size: "auto", iconName: this.question.itemStarIconAlt, title: this.item.text })));
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { className: "sv-star", size: "auto", iconName: this.question.itemStarIcon, title: this.item.text }),
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { className: "sv-star-2", size: "auto", iconName: this.question.itemStarIconAlt, title: this.item.text })));
     };
     return RatingItemStar;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));
+}(_rating_item__WEBPACK_IMPORTED_MODULE_3__["RatingItemBase"]));
 
 _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.registerElement("sv-rating-item-star", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(RatingItemStar, props);
@@ -56151,11 +56589,12 @@ _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.re
 /*!*****************************************************!*\
   !*** ./src/react/components/rating/rating-item.tsx ***!
   \*****************************************************/
-/*! exports provided: RatingItem */
+/*! exports provided: RatingItemBase, RatingItem */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RatingItemBase", function() { return RatingItemBase; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RatingItem", function() { return RatingItem; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -56179,38 +56618,51 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-var RatingItem = /** @class */ (function (_super) {
-    __extends(RatingItem, _super);
-    function RatingItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
+var RatingItemBase = /** @class */ (function (_super) {
+    __extends(RatingItemBase, _super);
+    function RatingItemBase(props) {
+        var _this = _super.call(this, props) || this;
+        _this.handleOnMouseDown = _this.handleOnMouseDown.bind(_this);
+        return _this;
     }
-    Object.defineProperty(RatingItem.prototype, "question", {
+    Object.defineProperty(RatingItemBase.prototype, "question", {
         get: function () {
             return this.props.question;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(RatingItem.prototype, "item", {
+    Object.defineProperty(RatingItemBase.prototype, "item", {
         get: function () {
             return this.props.item;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(RatingItem.prototype, "index", {
+    Object.defineProperty(RatingItemBase.prototype, "index", {
         get: function () {
             return this.props.index;
         },
         enumerable: false,
         configurable: true
     });
-    RatingItem.prototype.getStateElement = function () {
+    RatingItemBase.prototype.getStateElement = function () {
         return this.item;
     };
+    RatingItemBase.prototype.handleOnMouseDown = function (event) {
+        this.question.onMouseDown();
+    };
+    return RatingItemBase;
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));
+
+var RatingItem = /** @class */ (function (_super) {
+    __extends(RatingItem, _super);
+    function RatingItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
     RatingItem.prototype.render = function () {
         var itemText = this.renderLocString(this.item.locText);
-        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { className: this.question.getItemClassByText(this.item.itemValue, this.item.text) },
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { onMouseDown: this.handleOnMouseDown, className: this.question.getItemClassByText(this.item.itemValue, this.item.text) },
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.name, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.isDisplayMode, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: function () { }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy }),
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { className: this.question.cssClasses.itemText }, itemText)));
     };
@@ -56218,7 +56670,7 @@ var RatingItem = /** @class */ (function (_super) {
         _super.prototype.componentDidMount.call(this);
     };
     return RatingItem;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));
+}(RatingItemBase));
 
 _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.registerElement("sv-rating-item", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(RatingItem, props);
@@ -60885,6 +61337,7 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
     function SurveyQuestionMatrixRow(props) {
         var _this = _super.call(this, props) || this;
         _this.handleOnChange = _this.handleOnChange.bind(_this);
+        _this.handleOnMouseDown = _this.handleOnMouseDown.bind(_this);
         return _this;
     }
     Object.defineProperty(SurveyQuestionMatrixRow.prototype, "question", {
@@ -60905,6 +61358,9 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
         this.row.value = event.target.value;
         this.setState({ value: this.row.value });
     };
+    SurveyQuestionMatrixRow.prototype.handleOnMouseDown = function (event) {
+        this.question.onMouseDown();
+    };
     SurveyQuestionMatrixRow.prototype.wrapCell = function (cell, element, reason) {
         if (!reason) {
             return element;
@@ -60955,7 +61411,7 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
             }
             else {
                 td = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this.question.cssClasses.cell },
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { className: itemClass },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: row.fullName, value: column.value, disabled: this.isDisplayMode, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": column.locText.renderedHtml, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy }),
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
                             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { className: this.cssClasses.itemDecorator },
@@ -62044,6 +62500,7 @@ var SurveyQuestionRadioItem = /** @class */ (function (_super) {
     function SurveyQuestionRadioItem(props) {
         var _this = _super.call(this, props) || this;
         _this.handleOnChange = _this.handleOnChange.bind(_this);
+        _this.handleOnMouseDown = _this.handleOnMouseDown.bind(_this);
         return _this;
     }
     SurveyQuestionRadioItem.prototype.getStateElement = function () {
@@ -62104,6 +62561,9 @@ var SurveyQuestionRadioItem = /** @class */ (function (_super) {
     SurveyQuestionRadioItem.prototype.handleOnChange = function (event) {
         this.question.clickItemHandler(this.item);
     };
+    SurveyQuestionRadioItem.prototype.handleOnMouseDown = function (event) {
+        this.question.onMouseDown();
+    };
     SurveyQuestionRadioItem.prototype.canRender = function () {
         return !!this.question && !!this.item;
     };
@@ -62113,7 +62573,7 @@ var SurveyQuestionRadioItem = /** @class */ (function (_super) {
         var controlLabelClass = this.question.getControlLabelClass(this.item);
         var itemLabel = !this.hideCaption ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: controlLabelClass }, this.renderLocString(this.item.locText, this.textStyle)) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: itemClass, role: "presentation" },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { className: labelClass, "aria-label": this.question.getAriaItemLabel(this.item) },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { onMouseDown: this.handleOnMouseDown, className: labelClass, "aria-label": this.question.getAriaItemLabel(this.item) },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { "aria-describedby": this.question.ariaDescribedBy, className: this.cssClasses.itemControl, id: this.question.getItemId(this.item), type: "radio", name: this.question.questionName, checked: this.isChecked, value: this.item.value, disabled: !this.question.getItemEnabled(this.item), onChange: this.handleOnChange }),
                 this.cssClasses.materialDecorator ?
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
@@ -62185,35 +62645,51 @@ var SurveyQuestionRanking = /** @class */ (function (_super) {
     });
     SurveyQuestionRanking.prototype.renderElement = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } }, this.getItems()));
-    };
-    SurveyQuestionRanking.prototype.getItems = function () {
+        if (!this.question.selectToRankEnabled) {
+            return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } }, this.getItems()));
+        }
+        else {
+            var unrankedItem = true;
+            return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getContainerClasses("from"), "data-ranking": "from-container" },
+                    this.getItems(this.question.unRankingChoices, unrankedItem),
+                    this.question.unRankingChoices.length === 0 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.containerPlaceholder },
+                        " ",
+                        this.question.selectToRankFromContainerPlaceholder,
+                        " ") : null),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.containersDivider }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getContainerClasses("to"), "data-ranking": "to-container" },
+                    this.getItems(),
+                    this.question.rankingChoices.length === 0 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.containerPlaceholder }, this.question.selectToRankToContainerPlaceholder) : null)));
+        }
+    };
+    SurveyQuestionRanking.prototype.getItems = function (choices, unrankedItem) {
         var _this = this;
+        if (choices === void 0) { choices = this.question.rankingChoices; }
         var items = [];
-        var rankingChoices = this.question.rankingChoices;
         var _loop_1 = function (i) {
-            var item = rankingChoices[i];
+            var item = choices[i];
             items.push(this_1.renderItem(item, i, function (event) {
                 _this.question.handleKeydown.call(_this.question, event, item);
             }, function (event) {
                 event.persist();
                 //event.preventDefault();
                 _this.question.handlePointerDown.call(_this.question, event, item, event.currentTarget);
-            }, this_1.question.cssClasses, this_1.question.getItemClass(item), this_1.question));
+            }, this_1.question.cssClasses, this_1.question.getItemClass(item), this_1.question, unrankedItem));
         };
         var this_1 = this;
-        for (var i = 0; i < rankingChoices.length; i++) {
+        for (var i = 0; i < choices.length; i++) {
             _loop_1(i);
         }
         return items;
     };
-    SurveyQuestionRanking.prototype.renderItem = function (item, i, handleKeydown, handlePointerDown, cssClasses, itemClass, question) {
+    SurveyQuestionRanking.prototype.renderItem = function (item, i, handleKeydown, handlePointerDown, cssClasses, itemClass, question, unrankedItem) {
         var key = item.value + "-" + i + "-item";
         var text = this.renderLocString(item.locText);
         var index = i;
         var indexText = this.question.getNumberByIndex(i);
         var tabIndex = this.question.getItemTabIndex(item);
-        var renderedItem = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionRankingItem, { key: key, text: text, index: index, indexText: indexText, itemTabIndex: tabIndex, handleKeydown: handleKeydown, handlePointerDown: handlePointerDown, cssClasses: cssClasses, itemClass: itemClass, question: question }));
+        var renderedItem = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionRankingItem, { key: key, text: text, index: index, indexText: indexText, itemTabIndex: tabIndex, handleKeydown: handleKeydown, handlePointerDown: handlePointerDown, cssClasses: cssClasses, itemClass: itemClass, question: question, unrankedItem: unrankedItem, item: item }));
         var survey = this.question.survey;
         var wrappedItem = null;
         if (!!survey) {
@@ -62292,6 +62768,20 @@ var SurveyQuestionRankingItem = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyQuestionRankingItem.prototype, "unrankedItem", {
+        get: function () {
+            return this.props.unrankedItem;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyQuestionRankingItem.prototype, "item", {
+        get: function () {
+            return this.props.item;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyQuestionRankingItem.prototype.renderElement = function () {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, "data-sv-drop-target-ranking-item": this.index },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { tabIndex: -1, style: { outline: "none" } },
@@ -62303,7 +62793,7 @@ var SurveyQuestionRankingItem = /** @class */ (function (_super) {
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { width: "10", height: "24", viewBox: "0 0 10 24", className: this.question.getIconFocusCss(), xmlns: "http://www.w3.org/2000/svg" },
                             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", { d: "M10 5L5 0L0 5H4V9H6V5H10Z" }),
                             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", { d: "M6 19V15H4V19H0L5 24L10 19H6Z" }))),
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getItemIndexClasses() }, this.indexText),
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getItemIndexClasses(this.item) }, this.unrankedItem ? "" : this.indexText),
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.controlLabel }, this.text)))));
     };
     return SurveyQuestionRankingItem;
@@ -63417,254 +63907,438 @@ var columnWidthsByType = {
  */
 var settings = {
     /**
-     * Specifies an action to perform when users press the Enter key within a survey.
+     * An object that configures survey appearance when the survey is being designed in Survey Creator.
      *
-     * Possible values:
+     * Nested properties:
      *
-     * - `"moveToNextEditor"` - Moves focus to the next editor.
-     * - `"loseFocus"` - Removes focus from the current editor.
-     * - `"default"` - Behaves as a standard `<input>` element.
+     * - `showEmptyDescriptions`: `Boolean`\
+     * Specifies whether to display an empty description for pages and panels. Default value: `true`.
+     *
+     * - `showEmptyTitles`: `Boolean`\
+     * Specifies whether to display an empty title for pages and panels. Default value: `true`.
      */
-    enterKeyAction: "default",
+    designMode: {
+        showEmptyDescriptions: true,
+        showEmptyTitles: true
+    },
+    //#region designMode section, Obsolete properties
     /**
-     * An object that configures string comparison.
+     * This property is obsolete. Use the [`settings.designMode.showEmptyDescriptions`](https://surveyjs.io/form-library/documentation/api-reference/settings#designMode) property instead.
+     */
+    get allowShowEmptyDescriptionInDesignMode() { return this.designMode.showEmptyDescriptions; },
+    set allowShowEmptyDescriptionInDesignMode(val) { this.designMode.showEmptyDescriptions = val; },
+    /**
+     * This property is obsolete. Use the [`settings.designMode.showEmptyTitles`](https://surveyjs.io/form-library/documentation/api-reference/settings#designMode) property instead.
+     */
+    get allowShowEmptyTitleInDesignMode() { return this.designMode.showEmptyTitles; },
+    set allowShowEmptyTitleInDesignMode(val) { this.designMode.showEmptyTitles = val; },
+    //#endregion
+    /**
+     * An object that contains properties related to localization.
      *
      * Nested properties:
      *
-     * - `trimStrings`: `Boolean`\
-     * Specifies whether to remove whitespace from both ends of a string before the comparison. Default value: `true`.
+     * - `useLocalTimeZone`: `Boolean`\
+     * Disable this property if you want internal SurveyJS functions to use methods that work with UTC date and time (`setUTCDate()` `setUTCHours()`, etc.) instead of methods that work with local date and time (`setYear`, `setHours()`, etc.). Default value: `true`.
      *
-     * - `caseSensitive`: `Boolean`\
-     * Specifies whether to differentiate between capital and lower-case letters. Default value: `false`.
+     * - `defaultLocaleName`: `String`\
+     * A property key that stores a translation for the default locale. Default value: `"default"`.
+     *
+     * - `storeDuplicatedTranslations`: `Boolean`\
+     * Specifies whether surveys should store translation strings that equal the translation strings in the default locale. Default value: `false`.
      */
-    comparator: {
-        trimStrings: true,
-        caseSensitive: false
+    localization: {
+        useLocalTimeZone: true,
+        storeDuplicatedTranslations: false,
+        defaultLocaleName: "default"
     },
-    expressionDisableConversionChar: "#",
+    //#region localization section, obsolete properties
     /**
-     * Disable this property if you want internal SurveyJS functions to use methods that work with UTC date and time (`setUTCDate()` `setUTCHours()`, etc.) instead of methods that work with local date and time (`setYear`, `setHours()`, etc.).
-     *
-     * Default value: `true`
+     * This property is obsolete. Use the [`settings.localization.useLocalTimeZone`](https://surveyjs.io/form-library/documentation/api-reference/settings#localization) property instead.
      */
-    useLocalTimeZone: true,
-    get commentPrefix() { return settings.commentSuffix; },
-    set commentPrefix(val) { settings.commentSuffix = val; },
+    get useLocalTimeZone() { return this.localization.useLocalTimeZone; },
+    set useLocalTimeZone(val) { this.localization.useLocalTimeZone = val; },
     /**
-     * A suffix added to the name of the property that stores comments.
-     *
-     * Default value: "-Comment"
-     *
-     * You can specify this setting for an individual survey: [`commentSuffix`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#commentSuffix).
+     * This property is obsolete. Use the [`settings.localization.storeDuplicatedTranslations`](https://surveyjs.io/form-library/documentation/api-reference/settings#localization) property instead.
      */
-    commentSuffix: "-Comment",
+    get storeDuplicatedTranslations() { return this.localization.storeDuplicatedTranslations; },
+    set storeDuplicatedTranslations(val) { this.localization.storeDuplicatedTranslations = val; },
     /**
-     * Specifies whether to encode URL parameters when you access a web service.
-     *
-     * Default value: `true`
+     * This property is obsolete. Use the [`settings.localization.defaultLocaleName`](https://surveyjs.io/form-library/documentation/api-reference/settings#localization) property instead.
      */
-    webserviceEncodeParameters: true,
+    get defaultLocaleName() { return this.localization.defaultLocaleName; },
+    set defaultLocaleName(val) { this.localization.defaultLocaleName = val; },
+    //#endregion
     /**
-     * Specifies whether to cache choices loaded from a web service.
+     * An object with properties that configure surveys when they work with a web service.
+     *
+     * Nested properties:
+     *
+     * - `encodeUrlParams`: `Boolean`\
+     * Specifies whether to encode URL parameters when you access a web service. Default value: `true`.
+     *
+     * - `cacheLoadedChoices`: `Boolean`\
+     * Specifies whether to cache [choices](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#choicesByUrl) loaded from a web service. Default value: `true`.
      *
-     * Default value: `true`
-     * @see settings.disableOnGettingChoicesFromWeb
+     * - `disableQuestionWhileLoadingChoices`: `Boolean`\
+     * Disables a question while its choices are being loaded from a web service. Default value: `false`.
+     *
+     * - `surveyServiceUrl`: `String`\
+     * The URL of the SurveyJS Service API endpoint.
      */
-    useCachingForChoicesRestful: true,
-    get useCachingForChoicesRestfull() {
-        return settings.useCachingForChoicesRestful;
-    },
-    set useCachingForChoicesRestfull(val) {
-        settings.useCachingForChoicesRestful = val;
+    web: {
+        encodeUrlParams: true,
+        cacheLoadedChoices: true,
+        disableQuestionWhileLoadingChoices: false,
+        surveyServiceUrl: "https://api.surveyjs.io/public/v1/Survey"
     },
+    //#region web section, obsolete properties
     /**
-     * The URL of the SurveyJS Service API endpoint.
+     * This property is obsolete. Use the [`settings.web.encodeUrlParams`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
      */
-    surveyServiceUrl: "https://api.surveyjs.io/public/v1/Survey",
+    get webserviceEncodeParameters() { return this.web.encodeUrlParams; },
+    set webserviceEncodeParameters(val) { this.web.encodeUrlParams = val; },
     /**
-     * A separator used in a shorthand notation that specifies a value and display text for an [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) object: `"value|text"`.
-     *
-     * Default value: `"|"`
+     * This property is obsolete. Use the [`settings.web.cacheLoadedChoices`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
      */
-    itemValueSeparator: "|",
+    get useCachingForChoicesRestful() { return this.web.cacheLoadedChoices; },
+    set useCachingForChoicesRestful(val) { this.web.cacheLoadedChoices = val; },
+    get useCachingForChoicesRestfull() { return this.web.cacheLoadedChoices; },
+    set useCachingForChoicesRestfull(val) { this.web.cacheLoadedChoices = val; },
     /**
-     * Enable this property if you want to serialize [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) instances as objects even when they include only the `value` property.
+     * This property is obsolete. Use the [`settings.web.disableQuestionWhileLoadingChoices`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
+     */
+    get disableOnGettingChoicesFromWeb() { return this.web.disableQuestionWhileLoadingChoices; },
+    set disableOnGettingChoicesFromWeb(val) { this.web.disableQuestionWhileLoadingChoices = val; },
+    /**
+     * This property is obsolete. Use the [`settings.web.surveyServiceUrl`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
+     */
+    get surveyServiceUrl() { return this.web.surveyServiceUrl; },
+    set surveyServiceUrl(val) { this.web.surveyServiceUrl = val; },
+    //#endregion
+    /**
+     * An object that contains properties related to [triggers](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-survey-logic-triggers).
      *
-     * ```js
-     * import { ItemValue, settings } from "survey-core";
+     * Nested properties:
      *
-     * settings.itemValueAlwaysSerializeAsObject = true;
-     * const item = new ItemValue(5);
-     * const itemString = item.toJSON(); // Produces { value: 5 } instead of 5
-     * ```
+     * - `changeNavigationButtonsOnComplete`: `Boolean`\
+     * Specifies whether to re-evaluate an expression associated with the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed. Default value: `false`.\
+     * Keep this property set to `false` if you want to re-evaluate the Complete trigger's expression only when the respondents navigate to another page.
      *
-     * @see settings.serializeLocalizableStringAsObject
+     * - `executeCompleteOnValueChanged`: `Boolean`\
+     * Specifies whether to replace the Next button with the Complete button when the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) is going to be executed. Default value: `true`.
+     *
+     * - `executeSkipOnValueChanged`: `Boolean`\
+     * Specifies whether to re-evaluate an expression associated with the [Skip trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#skip) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed. Default value: `true`.\
+     * Disable this property if you want to re-evaluate the Skip trigger's expression only when respondents navigate to another page.
      */
-    itemValueAlwaysSerializeAsObject: false,
+    triggers: {
+        changeNavigationButtonsOnComplete: true,
+        executeCompleteOnValueChanged: false,
+        executeSkipOnValueChanged: true
+    },
+    //#region triggers section, Obsolete properties
     /**
-     * Enable this property if you want to serialize the `text` property of [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) objects even when it is empty or equal to the `value` property.
+     * This property is obsolete. Use the [`settings.triggers.executeCompleteOnValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/settings#triggers) property instead.
+     */
+    get executeCompleteTriggerOnValueChanged() { return this.triggers.executeCompleteOnValueChanged; },
+    set executeCompleteTriggerOnValueChanged(val) { this.triggers.executeCompleteOnValueChanged = val; },
+    /**
+     * This property is obsolete. Use the [`settings.triggers.changeNavigationButtonsOnComplete`](https://surveyjs.io/form-library/documentation/api-reference/settings#triggers) property instead.
+     */
+    get changeNavigationButtonsOnCompleteTrigger() { return this.triggers.changeNavigationButtonsOnComplete; },
+    set changeNavigationButtonsOnCompleteTrigger(val) { this.triggers.changeNavigationButtonsOnComplete = val; },
+    /**
+     * This property is obsolete. Use the [`settings.triggers.executeSkipOnValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/settings#triggers) property instead.
+     */
+    get executeSkipTriggerOnValueChanged() { return this.triggers.executeSkipOnValueChanged; },
+    set executeSkipTriggerOnValueChanged(val) { this.triggers.executeSkipOnValueChanged = val; },
+    //#endregion
+    /**
+     * An object that contains properties related to JSON serialization.
+     *
+     * Nested properties:
+     *
+     * - `itemValueSerializeAsObject`: `Boolean`\
+     * Enable this property if you want to serialize [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) instances as objects even when they include only the `value` property. Default value: `false`. View an example below.
+     *
+     * - `itemValueSerializeDisplayText`: `Boolean`\
+     * Enable this property if you want to serialize the `text` property of [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) objects even when it is empty or equal to the `value` property. Default value: `false`. View an example below.
+     *
+     * - `localizableStringSerializeAsObject`: `Boolean`\
+     * Enable this property if you want to serialize [`LocalizableString`](https://surveyjs.io/form-library/documentation/api-reference/localizablestring) instances as objects even when they include only a translation string for the default locale. For example, `"Custom String"` will be serialized as `{ default: "Custom String" }`. Default value: `false`.
      *
      * ```js
      * import { ItemValue, settings } from "survey-core";
      *
-     * settings.itemValueAlwaysSerializeText = true;
+     * // `itemValueSerializeAsObject` example
+     * settings.localization.itemValueSerializeAsObject = true;
+     * const item = new ItemValue(5);
+     * const itemString = item.toJSON(); // Produces { value: 5 } instead of 5
+     *
+     * // `itemValueSerializeDisplayText` example
+     * settings.localization.itemValueSerializeDisplayText = true;
      * const item = new ItemValue("item1");
      * const itemString = item.toJSON(); // Produces { value: "item1", text: "item1" } instead of "item1"
      * ```
      */
-    itemValueAlwaysSerializeText: false,
+    serialization: {
+        itemValueSerializeAsObject: false,
+        itemValueSerializeDisplayText: false,
+        localizableStringSerializeAsObject: false
+    },
+    //#region serialization section, Obsolete properties
     /**
-     * Specifies a property key that stores a translation for the default locale.
-     *
-     * Default value: `"default"`
-     * @see storeDuplicatedTranslations
+     * This property is obsolete. Use the [`settings.serialization.itemValueSerializeAsObject`](https://surveyjs.io/form-library/documentation/api-reference/settings#serialization) property instead.
      */
-    defaultLocaleName: "default",
+    get itemValueAlwaysSerializeAsObject() { return this.serialization.itemValueSerializeAsObject; },
+    set itemValueAlwaysSerializeAsObject(val) { this.serialization.itemValueSerializeAsObject = val; },
     /**
-     * Specifies whether surveys should store translation strings that equal the translation string specified by the `"default"` key.
-     *
-     * Default value: `false`
-     * @see settings.defaultLocaleName
+     * This property is obsolete. Use the [`settings.serialization.itemValueSerializeDisplayText`](https://surveyjs.io/form-library/documentation/api-reference/settings#serialization) property instead.
      */
-    storeDuplicatedTranslations: false,
+    get itemValueAlwaysSerializeText() { return this.serialization.itemValueSerializeDisplayText; },
+    set itemValueAlwaysSerializeText(val) { this.serialization.itemValueSerializeDisplayText = val; },
     /**
-     * Specifies a property key that stores an object with default cell values in [Single-Choice Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model) questions.
-     *
-     * Default value: "default"
+     * This property is obsolete. Use the [`settings.serialization.localizableStringSerializeAsObject`](https://surveyjs.io/form-library/documentation/api-reference/settings#serialization) property instead.
      */
-    matrixDefaultRowName: "default",
+    get serializeLocalizableStringAsObject() { return this.serialization.localizableStringSerializeAsObject; },
+    set serializeLocalizableStringAsObject(val) { this.serialization.localizableStringSerializeAsObject = val; },
+    //#endregion
     /**
-     * The default type of matrix cells in the [Multiple-Choice Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list) and [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model) question types.
+     * An object that configures lazy rendering.
      *
-     * Default value: `"dropdown"`
+     * Nested properties:
      *
-     * You can specify this setting for individual questions or matrix columns: [`cellType`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#cellType). Refer to the `cellType` property description for information on possible values.
+     * - `enabled`: `Boolean`\
+     * Specifies whether to add questions to the DOM only when they get into the viewport. Default value: `false`.
+     *
+     * > Lazy rendering is an experimental feature that may not work as expected in all use cases.
      */
-    matrixDefaultCellType: "dropdown",
+    lazyRender: {
+        enabled: false,
+        firstBatchSize: 3
+    },
+    //#region lazyRender section, Obsolete properties
     /**
-     * A suffix added to the name of the property that stores total values. The resulting property name consists of the matrix name and the suffix.
-     *
-     * Default value: `"-total"`
+     * This property is obsolete. Use the [`settings.lazyRender.enabled`](https://surveyjs.io/form-library/documentation/api-reference/settings#lazyRender) property instead.
      */
-    matrixTotalValuePostFix: "-total",
+    get lazyRowsRendering() { return this.lazyRender.enabled; },
+    set lazyRowsRendering(val) { this.lazyRender.enabled = val; },
+    get lazyRowsRenderingStartRow() { return this.lazyRender.firstBatchSize; },
+    set lazyRowsRenderingStartRow(val) { this.lazyRender.firstBatchSize = val; },
+    //#endregion
     /**
-     * A maximum number of rows in a [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model).
+     * An object with properties that apply to [Single-Choice](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model), [Multiple-Choice](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list), and [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model) questions.
      *
-     * Default value: 1000
+     * Nested properties:
      *
-     * You can specify this setting for an individual Dynamic Matrix: [`maxRowCount`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#maxRowCount).
-     */
-    matrixMaximumRowCount: 1000,
-    /**
-     * A maximum number of matrix rows included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic.
+     * - `defaultRowName`: `String`\
+     * A property key that stores an object with default cell values. Default value: "default".
+     *
+     * - `defaultCellType`: `String`\
+     * The default type of matrix cells. Default value: `"dropdown"`.\
+     * You can specify this setting for individual questions or matrix columns: [`cellType`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#cellType). Refer to the `cellType` property description for information on possible values.
      *
-     * Default value: 1
+     * - `totalsSuffix`: `String`\
+     * A suffix added to the name of the property that stores total values. The resulting property name consists of the matrix name and the suffix. Default value: `"-total"`.
+     *
+     * - `maxRowCount`: `Number`\
+     * A maximum number of rows in a Dynamic Matrix. Default value: 1000.\
+     * You can specify this setting for an individual Dynamic Matrix: [`maxRowCount`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#maxRowCount).
      *
+     * - `maxRowCountInCondition`: `Number`\
+     * A maximum number of matrix rows included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic. Default value: 1.\
      * If you set this property to 0, the Condition menu does not include any matrix rows. Users still can specify conditions that use matrix rows but only with Manual Entry.
-     */
-    matrixMaxRowCountInCondition: 1,
-    /**
-     * A maximum number of panels from [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model) included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic.
      *
-     * Default value: 1
+     * - `renderRemoveAsIcon`: `Boolean`\
+     * Disable this property if you want to render the Remove action in Dynamic Matrix as a button. Otherwise, the action is rendered as an icon. Default value: `true`.
      *
-     * If you set this property to 0, the Condition menu does not include any panel questions. Users still can specify conditions that use panel questions but only with Manual Entry.
+     * - `columnWidthsByType`: `Object`\
+     * An object that specifies fixed and minimum column width based on the column type.\
+     * Example: `settings.matrix.columnWidthsByType = { "tagbox": { minWidth: "240px", width: "300px" } }`
+     *
+     * - `rateSize`: `"small"` (default) | `"normal"`\
+     * Specifies the size of rate values. Applies to [Rating Scale](https://surveyjs.io/form-library/examples/rating-scale/) questions within matrixes.
      */
-    panelDynamicMaxPanelCountInCondition: 1,
+    matrix: {
+        defaultCellType: "dropdown",
+        defaultRowName: "default",
+        totalsSuffix: "-total",
+        maxRowCount: 1000,
+        maxRowCountInCondition: 1,
+        renderRemoveAsIcon: true,
+        columnWidthsByType: columnWidthsByType,
+        rateSize: "small",
+    },
+    //#region matrix section, Obsolete properties
     /**
-     * Disable this property if you want to render the Remove action in Dynamic Matrix as a button. Otherwise, the action is rendered as an icon.
-     *
-     * Default value: `true`
+     * This property is obsolete. Use the [`settings.matrix.defaultRowName`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
+     */
+    get matrixDefaultRowName() { return this.matrix.defaultRowName; },
+    set matrixDefaultRowName(val) { this.matrix.defaultRowName = val; },
+    /**
+     * This property is obsolete. Use the [`settings.matrix.defaultCellType`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
+     */
+    get matrixDefaultCellType() { return this.matrix.defaultCellType; },
+    set matrixDefaultCellType(val) { this.matrix.defaultCellType = val; },
+    /**
+     * This property is obsolete. Use the [`settings.matrix.totalsSuffix`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
+     */
+    get matrixTotalValuePostFix() { return this.matrix.totalsSuffix; },
+    set matrixTotalValuePostFix(val) { this.matrix.totalsSuffix = val; },
+    /**
+     * This property is obsolete. Use the [`settings.matrix.maxRowCount`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
+     */
+    get matrixMaximumRowCount() { return this.matrix.maxRowCount; },
+    set matrixMaximumRowCount(val) { this.matrix.maxRowCount = val; },
+    /**
+     * This property is obsolete. Use the [`settings.matrix.maxRowCountInCondition`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
+     */
+    get matrixMaxRowCountInCondition() { return this.matrix.maxRowCountInCondition; },
+    set matrixMaxRowCountInCondition(val) { this.matrix.maxRowCountInCondition = val; },
+    /**
+     * This property is obsolete. Use the [`settings.matrix.renderRemoveAsIcon`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
      */
-    matrixRenderRemoveAsIcon: true,
+    get matrixRenderRemoveAsIcon() { return this.matrix.renderRemoveAsIcon; },
+    set matrixRenderRemoveAsIcon(val) { this.matrix.renderRemoveAsIcon = val; },
+    //#endregion
     /**
-     * A maximum number of panels in [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model).
+     * An object with properties that apply to [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model) questions.
      *
-     * Default value: 100
+     * Nested properties:
      *
+     * - `maxPanelCount`: `Number`\
+     * A maximum number of panels in Dynamic Panel. Default value: 100.\
      * You can specify this setting for an individual Dynamic Panel: [`maxPanelCount`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#maxPanelCount).
+     *
+     * - `maxPanelCountInCondition`: `Number`\
+     * A maximum number of Dynamic Panel panels included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic. Default value: 1.\
+     * If you set this property to 0, the Condition menu does not include any panel questions. Users still can specify conditions that use panel questions but only with Manual Entry.
      */
-    panelMaximumPanelCount: 100,
+    panel: {
+        maxPanelCount: 100,
+        maxPanelCountInCondition: 1
+    },
+    //#region panel section, Obsolete properties
     /**
-     * A maximum number of rate values in a [Rating](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model) question.
-     *
-     * Default value: 20
+     * This property is obsolete. Use the [`settings.panel.maxPanelCountInCondition`](https://surveyjs.io/form-library/documentation/api-reference/settings#panel) property instead.
      */
-    ratingMaximumRateValueCount: 20,
+    get panelDynamicMaxPanelCountInCondition() { return this.panel.maxPanelCountInCondition; },
+    set panelDynamicMaxPanelCountInCondition(val) { this.panel.maxPanelCountInCondition = val; },
     /**
-     * Specifies whether to close the drop-down menu of a [TagBox](https://surveyjs.io/form-library/examples/how-to-create-multiselect-tag-box/) question after a user selects a value.
-     *
-     * This setting applies to all TagBox questions on a page. You can use the [closeOnSelect](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model#closeOnSelect) property to specify the same setting for an individual TagBox question.
+     * This property is obsolete. Use the [`settings.panel.maxPanelCount`](https://surveyjs.io/form-library/documentation/api-reference/settings#panel) property instead.
      */
-    tagboxCloseOnSelect: false,
+    get panelMaximumPanelCount() { return this.panel.maxPanelCount; },
+    set panelMaximumPanelCount(val) { this.panel.maxPanelCount = val; },
+    //#endregion
     /**
-     * Disables the question while choices are being loaded from a web service.
+     * An object with properties that configure questions in read-only mode.
+     *
+     * Nested properties:
      *
-     * Default value: `false`
-     * @see settings.useCachingForChoicesRestful
+     * - `commentRenderMode`: `"textarea"` (default) | `"div"`\
+     * Specifies how to render the input field of [Comment](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model) questions in [read-only](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model#readOnly) mode: as a disabled `<textarea>` element or as a `<div>` element with a non-editable question value within it.
+     *
+     * - `textRenderMode`: `"input"` (default) | `"div"`\
+     * Specifies how to render the input field of [Text](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model) questions in [read-only](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#readOnly) mode: as a disabled `<input>` element or as a `<div>` element with a non-editable question value within it.
      */
-    disableOnGettingChoicesFromWeb: false,
+    readOnly: {
+        commentRenderMode: "textarea",
+        textRenderMode: "input"
+    },
+    //#region readOnly section, Obsolete properties
     /**
-     * Enable this property if you want to serialize [`LocalizableString`](https://surveyjs.io/form-library/documentation/api-reference/localizablestring) instances as objects even when they include only a translation string for the default locale. For example, `"Custom String"` will be serialized as `{ default: "Custom String" }`.
-     *
-     * Default value: `false`
-     * @see settings.itemValueAlwaysSerializeAsObject
+     * This property is obsolete. Use the [`settings.readOnly.commentRenderMode`](https://surveyjs.io/form-library/documentation/api-reference/settings#readOnly) property instead.
      */
-    serializeLocalizableStringAsObject: false,
+    get readOnlyCommentRenderMode() { return this.readOnly.commentRenderMode; },
+    set readOnlyCommentRenderMode(val) { this.readOnly.commentRenderMode = val; },
     /**
-     * Specifies whether to display an empty title for pages and panels when they are being designed in Survey Creator.
-     *
-     * Default value: `true`
+     * This property is obsolete. Use the [`settings.readOnly.textRenderMode`](https://surveyjs.io/form-library/documentation/api-reference/settings#readOnly) property instead.
      */
-    allowShowEmptyTitleInDesignMode: true,
+    get readOnlyTextRenderMode() { return this.readOnly.textRenderMode; },
+    set readOnlyTextRenderMode(val) { this.readOnly.textRenderMode = val; },
+    //#endregion
     /**
-     * Specifies whether to display an empty description for pages and panels when they are being designed in Survey Creator.
+     * An object with properties that configure question numbering.
      *
-     * Default value: `true`
+     * Nested properties:
+     *
+     * - `includeQuestionsWithHiddenNumber`: `Boolean`\
+     * Specifies whether to number questions whose [`hideNumber`](https://surveyjs.io/form-library/documentation/api-reference/question#hideNumber) property is enabled. Default value: `false`.
+     *
+     * - `includeQuestionsWithHiddenTitle`: `Boolean`\
+     * Specifies whether to number questions whose [`titleLocation`](https://surveyjs.io/form-library/documentation/api-reference/question#titleLocation) property is set to `"hidden"`. Default value: `false`.
+     */
+    numbering: {
+        includeQuestionsWithHiddenNumber: false,
+        includeQuestionsWithHiddenTitle: false
+    },
+    //#region numbering section, Obsolete properties
+    /**
+     * This property is obsolete. Use the [`settings.numbering.includeQuestionsWithHiddenTitle`](https://surveyjs.io/form-library/documentation/api-reference/settings#numbering) property instead.
      */
-    allowShowEmptyDescriptionInDesignMode: true,
+    get setQuestionVisibleIndexForHiddenTitle() { return this.numbering.includeQuestionsWithHiddenTitle; },
+    set setQuestionVisibleIndexForHiddenTitle(val) { this.numbering.includeQuestionsWithHiddenTitle = val; },
     /**
-     * Specifies whether to re-evaluate an expression associated with the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed.
+     * This property is obsolete. Use the [`settings.numbering.includeQuestionsWithHiddenNumber`](https://surveyjs.io/form-library/documentation/api-reference/settings#numbering) property instead.
+     */
+    get setQuestionVisibleIndexForHiddenNumber() { return this.numbering.includeQuestionsWithHiddenNumber; },
+    set setQuestionVisibleIndexForHiddenNumber(val) { this.numbering.includeQuestionsWithHiddenNumber = val; },
+    //#endregion
+    /**
+     * Specifies an action to perform when users press the Enter key within a survey.
      *
-     * Keep this property set to `false` if you want to re-evaluate the Complete trigger's expression only when the respondents navigate to another page.
+     * Possible values:
      *
-     * Default value: `false`
-     * @see settings.changeNavigationButtonsOnCompleteTrigger
+     * - `"moveToNextEditor"` - Moves focus to the next editor.
+     * - `"loseFocus"` - Removes focus from the current editor.
+     * - `"default"` - Behaves as a standard `<input>` element.
      */
-    executeCompleteTriggerOnValueChanged: false,
+    enterKeyAction: "default",
     /**
-     * Specifies whether to replace the Next button with the Complete button when the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) is going to be executed.
+     * An object that configures string comparison.
      *
-     * Default value: `true`
-     * @see settings.executeCompleteTriggerOnValueChanged
+     * Nested properties:
+     *
+     * - `trimStrings`: `Boolean`\
+     * Specifies whether to remove whitespace from both ends of a string before the comparison. Default value: `true`.
+     *
+     * - `caseSensitive`: `Boolean`\
+     * Specifies whether to differentiate between capital and lower-case letters. Default value: `false`.
      */
-    changeNavigationButtonsOnCompleteTrigger: true,
+    comparator: {
+        trimStrings: true,
+        caseSensitive: false
+    },
+    expressionDisableConversionChar: "#",
+    get commentPrefix() { return settings.commentSuffix; },
+    set commentPrefix(val) { settings.commentSuffix = val; },
     /**
-     * Specifies whether to re-evaluate an expression associated with the [Skip trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#skip) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed.
+     * A suffix added to the name of the property that stores comments.
      *
-     * Disable this property if you want to re-evaluate the Skip trigger's expression only when the respondents navigate to another page.
+     * Default value: "-Comment"
      *
-     * Default value: `true`
+     * You can specify this setting for an individual survey: [`commentSuffix`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#commentSuffix).
      */
-    executeSkipTriggerOnValueChanged: true,
+    commentSuffix: "-Comment",
     /**
-     * Specifies how to render the input field of [Comment](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model) questions in [read-only](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model#readOnly) mode.
-     *
-     * Possible values:
+     * A separator used in a shorthand notation that specifies a value and display text for an [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) object: `"value|text"`.
      *
-     * - `"textarea"` (default) - Renders the input field as a disabled `<textarea>` element.
-     * - `"div"` - Renders the input field as a `<div>` element with a non-editable question value within it.
+     * Default value: `"|"`
      */
-    readOnlyCommentRenderMode: "textarea",
+    itemValueSeparator: "|",
     /**
-     * Specifies how to render the input field of [Text](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model) questions in [read-only](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#readOnly) mode.
+     * A maximum number of rate values in a [Rating](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model) question.
      *
-     * Possible values:
+     * Default value: 20
+     */
+    ratingMaximumRateValueCount: 20,
+    /**
+     * Specifies whether to close the drop-down menu of a [TagBox](https://surveyjs.io/form-library/examples/how-to-create-multiselect-tag-box/) question after a user selects a value.
      *
-     * - `"input"` (default) - Renders the input field as a disabled `<input>` element.
-     * - `"div"` - Renders the input field as a `<div>` element with a non-editable question value within it.
+     * This setting applies to all TagBox questions on a page. You can use the [closeOnSelect](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model#closeOnSelect) property to specify the same setting for an individual TagBox question.
      */
-    readOnlyTextRenderMode: "input",
+    tagboxCloseOnSelect: false,
     /**
      * A property that allows you to display a custom confirm dialog instead of the standard browser dialog. Set this property to a function that renders your custom dialog window.
      * @param message A message to be displayed in the confirm dialog window.
@@ -63693,28 +64367,7 @@ var settings = {
      *
      * Default value: 10
      */
-    maximumConditionRunCountOnValueChanged: 10,
-    /**
-     * Specifies whether to number questions whose [`titleLocation`](https://surveyjs.io/form-library/documentation/api-reference/question#titleLocation) property is set to `"hidden"`.
-     *
-     * Default value: `false`
-     */
-    setQuestionVisibleIndexForHiddenTitle: false,
-    /**
-     * Specifies whether to number questions whose [`hideNumber`](https://surveyjs.io/form-library/documentation/api-reference/question#hideNumber) property is enabled.
-     *
-     * Default value: `false`
-     */
-    setQuestionVisibleIndexForHiddenNumber: false,
-    /**
-     * Specifies whether to add questions to the DOM only when they get into the viewport.
-     *
-     * Default value: `false`
-     *
-     * > This is an experimental feature that may not work as expected in all use cases.
-     */
-    lazyRowsRendering: false,
-    lazyRowsRenderingStartRow: 3,
+    maxConditionRunCountOnValueChanged: 10,
     /**
      * An object that configures notifications.
      *
@@ -63787,6 +64440,7 @@ var settings = {
      * Specifies environment in which SurveyJS will exist
      */
     environment: defaultEnvironment,
+    showMaxLengthIndicator: true,
     titleTags: {
         survey: "h3",
         page: "h4",
@@ -63865,22 +64519,6 @@ var settings = {
             "email",
             "impp",
         ]
-    },
-    /**
-     * Contains properties that apply to [Single-Choice](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model), [Multiple-Choice](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list), and [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model) questions.
-     *
-     * Nested properties:
-     *
-     * - `columnWidthsByType`: `Object`\
-     * An object that specifies fixed and minimum column width based on the column type.\
-     * Example: `settings.matrix.columnWidthsByType = { "tagbox": { minWidth: "240px", width: "300px" } }`
-     *
-     * - `rateSize`: `"small"` (default) | `"normal"`\
-     * Specifies the size of rate values. Applies to [Rating Scale](https://surveyjs.io/form-library/examples/rating-scale/) questions within matrixes.
-     */
-    matrix: {
-        columnWidthsByType: columnWidthsByType,
-        rateSize: "small",
     }
 };
 
@@ -65623,6 +66261,20 @@ var SurveyError = /** @class */ (function () {
 
 
 
+/***/ }),
+
+/***/ "./src/survey-events-api.ts":
+/*!**********************************!*\
+  !*** ./src/survey-events-api.ts ***!
+  \**********************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
 /***/ }),
 
 /***/ "./src/survey.ts":
@@ -65812,10 +66464,6 @@ var SurveyModel = /** @class */ (function (_super) {
          * Refer to the following help topic for information on how to implement conditional visibility: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-visibility).
          */
         _this.onQuestionVisibleChanged = _this.addEvent();
-        /**
-         * Obsolete. Please use onQuestionVisibleChanged event.
-         * @see onQuestionVisibleChanged
-         */
         _this.onVisibleChanged = _this.onQuestionVisibleChanged;
         /**
          * An event that is raised after page visibility is changed.
@@ -66007,7 +66655,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/questiontype-file/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
          * @see uploadFiles
          * @see QuestionFileModel.storeDataAsText
          * @see onDownloadFile
@@ -66019,7 +66667,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/questiontype-file/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
          * @see downloadFile
          * @see onClearFiles
          * @see onUploadFiles
@@ -66090,15 +66738,16 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onUpdateChoiceItemCss = _this.addEvent();
         /**
-         * An event that is raised right after survey is rendered in DOM.
+         * An event that is raised after the survey is rendered to the DOM. Use this event to modify survey markup.
+         *
+         * For information on event handler parameters, refer to descriptions within the interface.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/survey-animation/ (linkStyle))
          */
         _this.onAfterRenderSurvey = _this.addEvent();
-        /**
-         * An event that is raised right after a page is rendered in DOM. Use it to modify HTML elements.
-         */
         _this.onAfterRenderHeader = _this.addEvent();
         /**
-         * An event that is raised right after a page is rendered in DOM. Use it to modify HTML elements.
+         * An event that is raised after a page is rendered to the DOM. Use it to modify page markup.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -66106,7 +66755,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onAfterRenderPage = _this.addEvent();
         /**
-         * An event that is raised right after a question is rendered in DOM. Use it to modify HTML elements.
+         * An event that is raised after a question is rendered to the DOM. Use it to modify question markup.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -66114,12 +66763,19 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onAfterRenderQuestion = _this.addEvent();
         /**
-         * An event that is raised right after a non-composite question (text, comment, dropdown, radiogroup, checkbox) is rendered in DOM. Use it to modify HTML elements.
-         * This event is not fired for matrices, panels, multiple text and image picker.
+         * An event that is raised after a question with a single input field is rendered to the DOM. Use it to modify question markup.
+         *
+         * For information on event handler parameters, refer to descriptions within the interface.
+         *
+         * > This event is not raised for questions without input fields ([HTML](https://surveyjs.io/form-library/documentation/questionhtmlmodel), [Image](https://surveyjs.io/form-library/documentation/questionimagemodel)) or questions with multiple input fields ([Matrix](https://surveyjs.io/form-library/documentation/questionmatrixmodel), [Multiple Text](https://surveyjs.io/form-library/documentation/questionmultipletextmodel)).
          */
         _this.onAfterRenderQuestionInput = _this.addEvent();
         /**
-         * An event that is raised right after a panel is rendered in DOM. Use it to modify HTML elements.
+         * An event that is raised after a panel is rendered to the DOM. Use it to modify panel markup.
+         *
+         * For information on event handler parameters, refer to descriptions within the interface.
+         *
+         * > This event is raised for static [Panels](https://surveyjs.io/form-library/examples/set-properties-on-multiple-questions-using-panel/) as well as panels within a [Dynamic Panel](https://surveyjs.io/form-library/examples/duplicate-group-of-fields-in-form/).
          */
         _this.onAfterRenderPanel = _this.addEvent();
         /**
@@ -66167,15 +66823,19 @@ var SurveyModel = /** @class */ (function (_super) {
         /**
          * An event that is raised before a new row is added to a [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/).
          */
-        _this.onMatrixBeforeRowAdded = _this.addEvent();
+        _this.onMatrixRowAdding = _this.addEvent();
+        /**
+         * This event is obsolete. Use the [`onMatrixRowAdding`](/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
+         */
+        _this.onMatrixBeforeRowAdded = _this.onMatrixRowAdding;
         /**
          * An event that is raised before a row is deleted from a [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/). You can cancel row deletion and clear row data instead.
-         * @see onMatrixAllowRemoveRow
+         * @see onMatrixRenderRemoveButton
          */
         _this.onMatrixRowRemoving = _this.addEvent();
         /**
          * An event that is raised after a row is deleted from a [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/).
-         * @see onMatrixAllowRemoveRow
+         * @see onMatrixRenderRemoveButton
          */
         _this.onMatrixRowRemoved = _this.addEvent();
         /**
@@ -66183,35 +66843,43 @@ var SurveyModel = /** @class */ (function (_super) {
          * @see onMatrixRowRemoving
          * @see onMatrixRowRemoved
          */
-        _this.onMatrixAllowRemoveRow = _this.addEvent();
+        _this.onMatrixRenderRemoveButton = _this.addEvent();
+        /**
+         * This event is obsolete. Use the [`onMatrixRenderRemoveButton`](/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
+         */
+        _this.onMatrixAllowRemoveRow = _this.onMatrixRenderRemoveButton;
         /**
          * An event that is raised before a cell in a [Multi-Select Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdropdown/) or [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/) is created. Use this event to change the type of individual matrix cells.
-         * @see onMatrixAfterCellRender
+         * @see onAfterRenderMatrixCell
          */
         _this.onMatrixCellCreating = _this.addEvent();
         /**
           * An event that is raised after a cell in a [Multi-Select Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdropdown/) or [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/) is created.
-          * @see onMatrixAfterCellRender
+          * @see onAfterRenderMatrixCell
           */
         _this.onMatrixCellCreated = _this.addEvent();
         /**
          * An event that is raised for every matrix cell after it is rendered to the DOM.
          * @see onMatrixCellCreated
          */
-        _this.onMatrixAfterCellRender = _this.addEvent();
+        _this.onAfterRenderMatrixCell = _this.addEvent();
+        /**
+         * This event is obsolete. Use the [`onAfterRenderMatrixCell`](/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
+         */
+        _this.onMatrixAfterCellRender = _this.onAfterRenderMatrixCell;
         /**
          * An event that is raised after a cell value is changed in a [Multi-Select Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdropdown/) or [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/).
-         * @see onMatrixBeforeRowAdded
+         * @see onMatrixRowAdding
          */
         _this.onMatrixCellValueChanged = _this.addEvent();
         /**
          * An event that is raised before a cell value is changed in a [Multi-Select Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdropdown/) or [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/). Use this event to change the cell value.
-         * @see onMatrixBeforeRowAdded
+         * @see onMatrixRowAdding
          */
         _this.onMatrixCellValueChanging = _this.addEvent();
         /**
          * An event that is raised for [Multi-Select Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdropdown/) and [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/) questions when they validate a cell value. Use this event to display a custom error message based on a condition.
-         * @see onMatrixBeforeRowAdded
+         * @see onMatrixRowAdding
          */
         _this.onMatrixCellValidate = _this.addEvent();
         /**
@@ -66235,15 +66903,15 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onDynamicPanelRemoving = _this.addEvent();
         /**
-        * An event that is raised every second if the method `startTimer` has been called.
+        * An event that is raised every second while the timer is running.
+        *
+        * Use the [`timeSpent`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#timeSpent) property to find out how many seconds have elapsed.
+        * @see maxTimeToFinish
+        * @see maxTimeToFinishPage
+        * @see showTimerPanel
         * @see startTimer
-        * @see timeSpent
-        * @see Page.timeSpent
         */
         _this.onTimer = _this.addEvent();
-        /**
-         * An event that is raised before displaying a new information in the Timer Panel. Use it to change the default text.
-         */
         _this.onTimerPanelInfoText = _this.addEvent();
         /**
          * An event that is raised after an item value is changed in a panel within a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
@@ -66770,7 +67438,7 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "isLazyRendering", {
         get: function () {
-            return this.lazyRendering || _settings__WEBPACK_IMPORTED_MODULE_14__["settings"].lazyRowsRendering;
+            return this.lazyRendering || _settings__WEBPACK_IMPORTED_MODULE_14__["settings"].lazyRender.enabled;
         },
         enumerable: false,
         configurable: true
@@ -67381,7 +68049,7 @@ var SurveyModel = /** @class */ (function (_super) {
             if (!!this.getQuestionByValueName(key))
                 continue;
             if (this.iscorrectValueWithPostPrefix(key, _settings__WEBPACK_IMPORTED_MODULE_14__["settings"].commentSuffix) ||
-                this.iscorrectValueWithPostPrefix(key, _settings__WEBPACK_IMPORTED_MODULE_14__["settings"].matrixTotalValuePostFix))
+                this.iscorrectValueWithPostPrefix(key, _settings__WEBPACK_IMPORTED_MODULE_14__["settings"].matrix.totalsSuffix))
                 continue;
             var calcValue = this.getCalculatedValueByName(key);
             if (!!calcValue && calcValue.includeIntoResult)
@@ -70515,7 +71183,7 @@ var SurveyModel = /** @class */ (function (_super) {
         this.doComplete(true);
     };
     SurveyModel.prototype.canBeCompleted = function (trigger, isCompleted) {
-        if (!_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].changeNavigationButtonsOnCompleteTrigger)
+        if (!_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].triggers.changeNavigationButtonsOnComplete)
             return;
         var prevCanBeCompleted = this.canBeCompletedByTrigger;
         if (!this.completedByTriggers)
@@ -70804,7 +71472,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     SurveyModel.prototype.matrixBeforeRowAdded = function (options) {
-        this.onMatrixBeforeRowAdded.fire(this, options);
+        this.onMatrixRowAdding.fire(this, options);
     };
     SurveyModel.prototype.matrixRowAdded = function (question, row) {
         this.onMatrixRowAdded.fire(this, { question: question, row: row });
@@ -70850,7 +71518,7 @@ var SurveyModel = /** @class */ (function (_super) {
             row: row,
             allow: true,
         };
-        this.onMatrixAllowRemoveRow.fire(this, options);
+        this.onMatrixRenderRemoveButton.fire(this, options);
         return options.allow;
     };
     SurveyModel.prototype.matrixCellCreating = function (question, options) {
@@ -70863,7 +71531,7 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.matrixAfterCellRender = function (question, options) {
         options.question = question;
-        this.onMatrixAfterCellRender.fire(this, options);
+        this.onAfterRenderMatrixCell.fire(this, options);
     };
     SurveyModel.prototype.matrixCellValueChanged = function (question, options) {
         options.question = question;
@@ -71566,7 +72234,7 @@ var SurveyModel = /** @class */ (function (_super) {
         this.conditionValues = null;
         if (this.isValueChangedOnRunningCondition &&
             this.conditionRunnerCounter <
-                _settings__WEBPACK_IMPORTED_MODULE_14__["settings"].maximumConditionRunCountOnValueChanged) {
+                _settings__WEBPACK_IMPORTED_MODULE_14__["settings"].maxConditionRunCountOnValueChanged) {
             this.isValueChangedOnRunningCondition = false;
             this.conditionRunnerCounter++;
             this.runConditions();
@@ -72582,17 +73250,21 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "showTimerPanel", {
         /**
-         * Gets or sets a timer panel position. The timer panel displays information about how much time an end user spends on a survey/page.
+         * Displays the timer panel and specifies its position. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          *
-         * The available options:
-         * - `top` - display timer panel in the top.
-         * - `bottom` - display timer panel in the bottom.
-         * - `none` - do not display a timer panel.
+         * Possible values:
          *
-         * If the value is not equal to 'none', the survey calls the `startTimer()` method on survey rendering.
-         * @see showTimerPanelMode
+         * - `"top"` - Displays the timer panel at the top of the survey.
+         * - `"bottom"` - Displays the timer panel at the bottom of the survey.
+         * - `"none"` (default) - Hides the timer panel.
+         *
+         * If the timer panel is displayed, the timer starts automatically when the survey begins. To specify time limits, use the [`maxTimeToFinish`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#maxTimeToFinish) and [`maxTimeToFinishPage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#maxTimeToFinishPage) properties.
+         *
+         * The timer panel displays information about time spent on an individual page and the entire survey. If you want to display only the page timer or the survey timer, set the [`showTimerPanelMode`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTimerPanelMode) property to `"page"` or `"survey"`.
          * @see startTimer
          * @see stopTimer
+         * @see timeSpent
+         * @see onTimer
          */
         get: function () {
             return this.getPropertyValue("showTimerPanel");
@@ -72619,16 +73291,17 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "showTimerPanelMode", {
         /**
-         * Gets or set a value that specifies whether the timer displays information for the page or for the entire survey.
+         * Specifies whether the timer panel displays timers for the current page, the entire survey, or both. Applies only if the timer panel is [visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTimerPanel).
          *
-         * The available options:
-         *
-         * - `page` - show timer information for page
-         * - `survey` - show timer information for survey
+         * Possible values:
          *
-         * Use the `onTimerPanelInfoText` event to change the default text.
-         * @see showTimerPanel
-         * @see onTimerPanelInfoText
+         * - `"survey"` - Displays only the survey timer.
+         * - `"page"` - Displays only the page timer.
+         * - `"all"` (default) - Displays both the survey and page timers.
+         * @see timeSpent
+         * @see onTimer
+         * @see startTimer
+         * @see stopTimer
          */
         get: function () {
             return this.getPropertyValue("showTimerPanelMode");
@@ -72837,9 +73510,12 @@ var SurveyModel = /** @class */ (function (_super) {
         configurable: true
     });
     /**
-     * Starts a timer that will calculate how much time end-user spends on the survey or on pages.
+     * Starts a timer that calculates how many seconds a respondent has spent on the survey. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
      * @see stopTimer
+     * @see maxTimeToFinish
+     * @see maxTimeToFinishPage
      * @see timeSpent
+     * @see onTimer
      */
     SurveyModel.prototype.startTimer = function () {
         this.timerModel.start();
@@ -72850,18 +73526,26 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     /**
-     * Stops the timer.
+     * Stops the timer. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
      * @see startTimer
+     * @see maxTimeToFinish
+     * @see maxTimeToFinishPage
      * @see timeSpent
+     * @see onTimer
      */
     SurveyModel.prototype.stopTimer = function () {
         this.timerModel.stop();
     };
     Object.defineProperty(SurveyModel.prototype, "timeSpent", {
         /**
-         * Gets or set the time in seconds an end user spends on the survey.
+         * A time period that a respondent has spent on the survey so far; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
+         *
+         * Assign a number to this property if you need to start the quiz timer from a specific time (for instance, if you want to continue an interrupted quiz).
+         *
+         * You can also find out how many seconds a respondent has spent on an individual survey page. To do this, use the [`timeSpent`](https://surveyjs.io/form-library/documentation/api-reference/page-model#timeSpent) property of a [`PageModel`](https://surveyjs.io/form-library/documentation/api-reference/page-model) object.
+         * @see maxTimeToFinish
+         * @see maxTimeToFinishPage
          * @see startTimer
-         * @see PageModel.timeSpent
          */
         get: function () { return this.timerModel.spent; },
         set: function (val) { this.timerModel.spent = val; },
@@ -72870,9 +73554,14 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "maxTimeToFinish", {
         /**
-         * Gets or sets the maximum time in seconds that end user has to complete a survey. If the value is 0 or less, an end user has no time limit to finish a survey.
-         * @see startTimer
+         * A time period that a respondent has to complete the survey; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
+         *
+         * A negative value or 0 sets an unlimited time period.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/make-quiz-javascript/ (linkStyle))
          * @see maxTimeToFinishPage
+         * @see startTimer
+         * @see timeSpent
          */
         get: function () {
             return this.getPropertyValue("maxTimeToFinish", 0);
@@ -72885,12 +73574,16 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "maxTimeToFinishPage", {
         /**
-         * Gets or sets the maximum time in seconds that end user has to complete a page in the survey. If the value is 0 or less, an end user has no time limit.
+         * A time period that a respondent has to complete each survey page; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          *
-         * You may override this value for every page.
-         * @see startTimer
+         * A negative value or 0 sets an unlimited time period.
+         *
+         * You can also use `PageModel`'s [`maxTimeToFinish`](https://surveyjs.io/form-library/documentation/api-reference/page-model#maxTimeToFinish) property to specify a time period for an individual survey page.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/make-quiz-javascript/ (linkStyle))
          * @see maxTimeToFinish
-         * @see PageModel.maxTimeToFinish
+         * @see startTimer
+         * @see timeSpent
          */
         get: function () {
             return this.getPropertyValue("maxTimeToFinishPage", 0);
@@ -74771,7 +75464,7 @@ var SurveyTriggerComplete = /** @class */ (function (_super) {
         return "completetrigger";
     };
     SurveyTriggerComplete.prototype.isRealExecution = function () {
-        return !_settings__WEBPACK_IMPORTED_MODULE_6__["settings"].executeCompleteTriggerOnValueChanged === this.isExecutingOnNextPage;
+        return !_settings__WEBPACK_IMPORTED_MODULE_6__["settings"].triggers.executeCompleteOnValueChanged === this.isExecutingOnNextPage;
     };
     SurveyTriggerComplete.prototype.onSuccess = function (values, properties) {
         if (!this.owner)
@@ -74872,7 +75565,7 @@ var SurveyTriggerSkip = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyTriggerSkip.prototype.canBeExecuted = function (isOnNextPage) {
-        return isOnNextPage === !_settings__WEBPACK_IMPORTED_MODULE_6__["settings"].executeSkipTriggerOnValueChanged;
+        return isOnNextPage === !_settings__WEBPACK_IMPORTED_MODULE_6__["settings"].triggers.executeSkipOnValueChanged;
     };
     SurveyTriggerSkip.prototype.onSuccess = function (values, properties) {
         if (!this.gotoName || !this.owner)
@@ -75399,9 +76092,8 @@ var ResponsivityManager = /** @class */ (function () {
     ResponsivityManager.prototype.calcItemsSizes = function () {
         var _this = this;
         var actions = this.model.actions;
-        this.container
-            .querySelectorAll(this.itemsSelector)
-            .forEach(function (item, index) {
+        var _items = this.container.querySelectorAll(this.itemsSelector);
+        (_items || []).forEach(function (item, index) {
             var currentAction = actions[index];
             _this.calcActionDimensions(currentAction, item);
         });
@@ -75514,7 +76206,7 @@ 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 */
+/*! 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 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -75548,6 +76240,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOriginalEvent", function() { return getOriginalEvent; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "preventDefaults", function() { return preventDefaults; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findParentByClassNames", function() { return findParentByClassNames; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFirstVisibleChild", function() { return getFirstVisibleChild; });
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../settings */ "./src/settings.ts");
 
 function compareVersions(a, b) {
@@ -75812,6 +76505,15 @@ function isContainerVisible(el) {
         el.offsetHeight ||
         el.getClientRects().length);
 }
+function getFirstVisibleChild(el) {
+    var result;
+    for (var index = 0; index < el.children.length; index++) {
+        if (!result && getComputedStyle(el.children[index]).display !== "none") {
+            result = el.children[index];
+        }
+    }
+    return result;
+}
 function findParentByClassNames(element, classNames) {
     if (!!element) {
         if (classNames.every(function (className) { return !className || element.classList.contains(className); })) {