survey-react 1.9.126 → 1.9.128

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.126
+ * surveyjs - Survey JavaScript library v1.9.128
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2041,8 +2041,8 @@ var Base = /** @class */ (function () {
      * Returns a JSON object that corresponds to the current SurveyJS object.
      * @see fromJSON
      */
-    Base.prototype.toJSON = function () {
-        return new _jsonobject__WEBPACK_IMPORTED_MODULE_2__["JsonObject"]().toJsonObject(this);
+    Base.prototype.toJSON = function (options) {
+        return new _jsonobject__WEBPACK_IMPORTED_MODULE_2__["JsonObject"]().toJsonObject(this, options);
     };
     /**
      * Assigns a new configuration to the current SurveyJS object. This configuration is taken from a passed JSON object.
@@ -5366,6 +5366,7 @@ var surveyCss = {
 var defaultV2Css = {
     root: "sd-root-modern",
     rootMobile: "sd-root-modern--mobile",
+    rootAnimationDisabled: "sd-root-modern--animation-disabled",
     rootReadOnly: "sd-root--readonly",
     rootCompact: "sd-root--compact",
     rootFitToContainer: "sd-root-modern--full-container",
@@ -5483,8 +5484,13 @@ var defaultV2Css = {
     progressBottom: "sd-body__progress--bottom",
     progressBar: "sd-progress__bar",
     progressText: "sd-progress__text",
+    progressButtonsRoot: "sd-progress-buttons",
+    progressButtonsNumbered: "sd-progress-buttons--numbered",
     progressButtonsContainerCenter: "sd-progress-buttons__container-center",
     progressButtonsContainer: "sd-progress-buttons__container",
+    progressButtonsConnector: "sd-progress-buttons__connector",
+    progressButtonsHeader: "sd-progress-buttons__header",
+    progressButtonsFooter: "sd-progress-buttons__footer",
     progressButtonsImageButtonLeft: "sd-progress-buttons__image-button-left",
     progressButtonsImageButtonRight: "sd-progress-buttons__image-button-right",
     progressButtonsImageButtonHidden: "sd-progress-buttons__image-button--hidden",
@@ -5674,6 +5680,7 @@ var defaultV2Css = {
         small: "sd-row__question--small",
         controlDisabled: "sd-input--disabled",
         constrolWithCharacterCounter: "sd-text__character-counter",
+        characterCounterBig: "sd-text__character-counter--big",
         content: "sd-text__content sd-question__content",
         remainingCharacterCounter: "sd-remaining-character-counter",
         onError: "sd-input--error"
@@ -5828,6 +5835,7 @@ var defaultV2Css = {
         noHeader: "sd-table--no-header",
         hasFooter: "sd-table--has-footer",
         tableWrapper: "sd-table-wrapper",
+        rootAlternateRows: "sd-table--alternate-rows",
         content: "sd-matrixdynamic__content sd-question__content",
         cell: "sd-table__cell",
         row: "sd-table__row",
@@ -5874,7 +5882,7 @@ var defaultV2Css = {
     rating: {
         rootDropdown: "sd-scrollable-container sd-scrollable-container--compact sd-selectbase",
         root: "sd-scrollable-container sd-rating",
-        rootWrappable: "sd-scrollable-container sd-rating sd-rating--wrappable",
+        rootWrappable: "sd-rating--wrappable",
         rootLabelsTop: "sd-rating--labels-top",
         rootLabelsBottom: "sd-rating--labels-bottom",
         rootLabelsDiagonal: "sd-rating--labels-diagonal",
@@ -7765,17 +7773,20 @@ var DragDropRankingSelectToRank = /** @class */ (function (_super) {
         var rankingChoices = questionModel.rankingChoices;
         var unRankingChoices = questionModel.unRankingChoices;
         var item = unRankingChoices[fromIndex];
+        questionModel.isValueSetByUser = true;
         rankingChoices.splice(toIndex, 0, item);
         questionModel.setPropertyValue("rankingChoices", rankingChoices);
     };
     DragDropRankingSelectToRank.prototype.unselectFromRank = function (questionModel, fromIndex, toIndex) {
         var rankingChoices = questionModel.rankingChoices;
+        questionModel.isValueSetByUser = true;
         rankingChoices.splice(fromIndex, 1);
         questionModel.setPropertyValue("rankingChoices", rankingChoices);
     };
     DragDropRankingSelectToRank.prototype.reorderRankedItem = function (questionModel, fromIndex, toIndex) {
         var rankingChoices = questionModel.rankingChoices;
         var item = rankingChoices[fromIndex];
+        questionModel.isValueSetByUser = true;
         rankingChoices.splice(fromIndex, 1);
         rankingChoices.splice(toIndex, 0, item);
         questionModel.setPropertyValue("rankingChoices", rankingChoices);
@@ -7803,9 +7814,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./list */ "./src/list.ts");
 /* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./popup */ "./src/popup.ts");
 /* harmony import */ var _question_dropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./question_dropdown */ "./src/question_dropdown.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 _utils_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -7836,6 +7848,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var DropdownListModel = /** @class */ (function (_super) {
     __extends(DropdownListModel, _super);
     function DropdownListModel(question, onSelectionChanged) {
@@ -7845,6 +7858,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         _this.minPageSize = 25;
         _this.loadingItemHeight = 40;
         _this._markdownMode = false;
+        _this.filteredItems = undefined;
         _this.selectedItemSelector = ".sv-list__item--selected";
         _this.itemSelector = ".sv-list__item";
         _this.itemsSettings = { skip: 0, take: 0, totalCount: 0, items: [] };
@@ -7875,7 +7889,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         configurable: true
     });
     DropdownListModel.prototype.getFocusFirstInputSelector = function () {
-        if (_utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"]) {
+        if (_utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"]) {
             return this.isValueEmpty(this.question.value) ? this.itemSelector : this.selectedItemSelector;
         }
         else {
@@ -7924,11 +7938,11 @@ var DropdownListModel = /** @class */ (function (_super) {
     DropdownListModel.prototype.createPopup = function () {
         var _this = this;
         this._popupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: this.listModel }, "bottom", "center", false);
-        this._popupModel.displayMode = _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"] ? "overlay" : "popup";
+        this._popupModel.displayMode = _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"] ? "overlay" : "popup";
         this._popupModel.positionMode = "fixed";
         this._popupModel.isFocusedContainer = false;
-        this._popupModel.isFocusedContent = _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"];
-        this._popupModel.setWidthByTarget = !_utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"];
+        this._popupModel.isFocusedContent = _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"];
+        this._popupModel.setWidthByTarget = !_utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"];
         this.updatePopupFocusFirstInputSelector();
         this.listModel.registerPropertyChangedHandlers(["showFilter"], function () {
             _this.updatePopupFocusFirstInputSelector();
@@ -7997,6 +8011,14 @@ var DropdownListModel = /** @class */ (function (_super) {
             };
         }
         var res = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](visibleItems, _onSelectionChanged, false, undefined, this.question.choicesLazyLoadEnabled ? this.listModelFilterStringChanged : undefined, this.listElementId);
+        res.setOnTextSearchCallback(function (item, textToSearch) {
+            if (_this.filteredItems)
+                return _this.filteredItems.indexOf(item) >= 0;
+            var textInLow = item.text.toLocaleLowerCase();
+            textInLow = _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].comparator.normalizeTextCallback(textInLow, "filter");
+            var index = textInLow.indexOf(textToSearch.toLocaleLowerCase());
+            return _this.question.searchMode == "startsWith" ? index == 0 : index > -1;
+        });
         res.renderElements = false;
         res.forceShowFilter = true;
         res.areSameItemsCallback = function (item1, item2) {
@@ -8016,7 +8038,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         model.isAllDataLoaded = !this.question.choicesLazyLoadEnabled;
     };
     DropdownListModel.prototype.updateCssClasses = function (popupCssClass, listCssClasses) {
-        this.popupModel.cssClass = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]().append(popupCssClass).append(this.popupCssClasses).toString();
+        this.popupModel.cssClass = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__["CssClassBuilder"]().append(popupCssClass).append(this.popupCssClasses).toString();
         this.listModel.cssClasses = listCssClasses;
     };
     DropdownListModel.prototype.resetFilterString = function () {
@@ -8031,8 +8053,12 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.onSetFilterString = function () {
         var _this = this;
+        this.filteredItems = undefined;
         if (!this.filterString && !this.popupModel.isVisible)
             return;
+        var options = { question: this.question, choices: this.getAvailableItems(), filter: this.filterString, filteredChoices: undefined };
+        this.question.survey.onChoicesSearch.fire(this.question.survey, options);
+        this.filteredItems = options.filteredChoices;
         if (!!this.filterString && !this.popupModel.isVisible) {
             this.popupModel.isVisible = true;
         }
@@ -8207,14 +8233,14 @@ var DropdownListModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(DropdownListModel.prototype, "inputMode", {
         get: function () {
-            return _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"] ? "none" : "text";
+            return _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"] ? "none" : "text";
         },
         enumerable: false,
         configurable: true
     });
     DropdownListModel.prototype.setSearchEnabled = function (newValue) {
-        this.listModel.searchEnabled = _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"];
-        this.listModel.showSearchClearButton = _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"];
+        this.listModel.searchEnabled = _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"];
+        this.listModel.showSearchClearButton = _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"];
         this.searchEnabled = newValue;
     };
     DropdownListModel.prototype.updateItems = function () {
@@ -8353,7 +8379,7 @@ var DropdownListModel = /** @class */ (function (_super) {
             if (event.keyCode === 32 && this.question.searchEnabled) {
                 return;
             }
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["doKey2ClickUp"])(event, { processEsc: false, disableTabStop: this.question.isInputReadOnly });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["doKey2ClickUp"])(event, { processEsc: false, disableTabStop: this.question.isInputReadOnly });
         }
     };
     DropdownListModel.prototype.onEscape = function () {
@@ -8368,11 +8394,11 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.onBlur = function (event) {
         this.focused = false;
-        if (this.popupModel.isVisible && _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"]) {
+        if (this.popupModel.isVisible && _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"]) {
             this._popupModel.isVisible = true;
             return;
         }
-        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["doKey2ClickBlur"])(event);
+        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["doKey2ClickBlur"])(event);
         this._popupModel.isVisible = false;
         this.resetFilterString();
         this.inputString = null;
@@ -9004,7 +9030,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9320,8 +9346,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _surveyProgress__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../../surveyProgress */ "./src/surveyProgress.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressModel", function() { return _surveyProgress__WEBPACK_IMPORTED_MODULE_56__["SurveyProgressModel"]; });
 
-/* harmony import */ var _surveyProgressButtons__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../../surveyProgressButtons */ "./src/surveyProgressButtons.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtonsModel", function() { return _surveyProgressButtons__WEBPACK_IMPORTED_MODULE_57__["SurveyProgressButtonsModel"]; });
+/* harmony import */ var _progress_buttons__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../../progress-buttons */ "./src/progress-buttons.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ProgressButtons", function() { return _progress_buttons__WEBPACK_IMPORTED_MODULE_57__["ProgressButtons"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ProgressButtonsResponsivityManager", function() { return _progress_buttons__WEBPACK_IMPORTED_MODULE_57__["ProgressButtonsResponsivityManager"]; });
 
 /* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../../themes */ "./src/themes.ts");
 /* empty/unused harmony star reexport *//* harmony import */ var _survey__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../../survey */ "./src/survey.ts");
@@ -9479,8 +9507,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.126";
-ReleaseDate = "" + "2024-01-16";
+Version = "" + "1.9.128";
+ReleaseDate = "" + "2024-01-30";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9655,7 +9683,7 @@ function checkPrefix(prefix) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9921,7 +9949,9 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtonsModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressButtonsModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ProgressButtons", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["ProgressButtons"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ProgressButtonsResponsivityManager", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["ProgressButtonsResponsivityManager"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["SurveyModel"]; });
 
@@ -10118,7 +10148,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10384,7 +10414,9 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtonsModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressButtonsModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ProgressButtons", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["ProgressButtons"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ProgressButtonsResponsivityManager", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["ProgressButtonsResponsivityManager"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["SurveyModel"]; });
 
@@ -10750,14 +10782,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _react_reactquestion_paneldynamic__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../react/reactquestion_paneldynamic */ "./src/react/reactquestion_paneldynamic.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamic", function() { return _react_reactquestion_paneldynamic__WEBPACK_IMPORTED_MODULE_39__["SurveyQuestionPanelDynamic"]; });
 
-/* harmony import */ var _react_reactSurveyProgress__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../react/reactSurveyProgress */ "./src/react/reactSurveyProgress.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgress", function() { return _react_reactSurveyProgress__WEBPACK_IMPORTED_MODULE_40__["SurveyProgress"]; });
+/* harmony import */ var _react_progress__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../react/progress */ "./src/react/progress.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgress", function() { return _react_progress__WEBPACK_IMPORTED_MODULE_40__["SurveyProgress"]; });
 
-/* harmony import */ var _react_reactSurveyProgressButtons__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../react/reactSurveyProgressButtons */ "./src/react/reactSurveyProgressButtons.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtons", function() { return _react_reactSurveyProgressButtons__WEBPACK_IMPORTED_MODULE_41__["SurveyProgressButtons"]; });
+/* harmony import */ var _react_progressButtons__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../react/progressButtons */ "./src/react/progressButtons.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtons", function() { return _react_progressButtons__WEBPACK_IMPORTED_MODULE_41__["SurveyProgressButtons"]; });
 
-/* harmony import */ var _react_reactSurveyProgressToc__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../react/reactSurveyProgressToc */ "./src/react/reactSurveyProgressToc.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressToc", function() { return _react_reactSurveyProgressToc__WEBPACK_IMPORTED_MODULE_42__["SurveyProgressToc"]; });
+/* harmony import */ var _react_progressToc__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../react/progressToc */ "./src/react/progressToc.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressToc", function() { return _react_progressToc__WEBPACK_IMPORTED_MODULE_42__["SurveyProgressToc"]; });
 
 /* harmony import */ var _react_reactquestion_rating__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../react/reactquestion_rating */ "./src/react/reactquestion_rating.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRating", function() { return _react_reactquestion_rating__WEBPACK_IMPORTED_MODULE_43__["SurveyQuestionRating"]; });
@@ -10973,7 +11005,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.ts ***!
   \******************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, 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, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, 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, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, 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, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, 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, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11239,7 +11271,9 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtonsModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressButtonsModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ProgressButtons", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["ProgressButtons"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ProgressButtonsResponsivityManager", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["ProgressButtonsResponsivityManager"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["SurveyModel"]; });
 
@@ -17283,6 +17317,27 @@ var Helpers = /** @class */ (function () {
         }
         return val;
     };
+    Helpers.compareVerions = function (ver1, ver2) {
+        if (!ver1 && !ver2)
+            return 0;
+        var ver1Ar = ver1.split(".");
+        var ver2Ar = ver2.split(".");
+        var len1 = ver1Ar.length;
+        var len2 = ver2Ar.length;
+        for (var i = 0; i < len1 && i < len2; i++) {
+            var str1 = ver1Ar[i];
+            var str2 = ver2Ar[i];
+            if (str1.length === str2.length) {
+                if (str1 !== str2) {
+                    return str1 < str2 ? -1 : 1;
+                }
+            }
+            else {
+                return str1.length < str2.length ? -1 : 1;
+            }
+        }
+        return len1 === len2 ? 0 : (len1 < len2 ? -1 : 1);
+    };
     return Helpers;
 }());
 
@@ -19043,8 +19098,15 @@ var JsonObjectProperty = /** @class */ (function () {
         var isLayout = !this.layout || this.layout == layout;
         if (!this.visible || !isLayout)
             return false;
-        if (!!this.visibleIf && !!obj)
+        if (!!this.visibleIf && !!obj) {
+            if (obj.getOriginalObj) {
+                var orjObj = obj.getOriginalObj();
+                if (orjObj && Serializer.findProperty(orjObj.getType(), this.name)) {
+                    obj = orjObj;
+                }
+            }
             return this.visibleIf(obj);
+        }
         return true;
     };
     Object.defineProperty(JsonObjectProperty.prototype, "visible", {
@@ -19057,6 +19119,21 @@ var JsonObjectProperty = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    JsonObjectProperty.prototype.isAvailableInVersion = function (ver) {
+        if (!!this.alternativeName)
+            return true;
+        return this.isAvailableInVersionCore(ver);
+    };
+    JsonObjectProperty.prototype.getSerializedName = function (ver) {
+        if (!this.alternativeName)
+            return this.name;
+        return this.isAvailableInVersionCore(ver) ? this.name : this.alternativeName;
+    };
+    JsonObjectProperty.prototype.isAvailableInVersionCore = function (ver) {
+        if (!ver || !this.version)
+            return true;
+        return _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].compareVerions(this.version, ver) <= 0;
+    };
     Object.defineProperty(JsonObjectProperty.prototype, "isLocalizable", {
         get: function () {
             return this.isLocalizableValue != null ? this.isLocalizableValue : false;
@@ -19137,6 +19214,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "className",
         "alternativeName",
         "layout",
+        "version",
         "classNamePart",
         "baseClassName",
         "defaultValue",
@@ -19585,6 +19663,9 @@ var JsonMetadataClass = /** @class */ (function () {
             if (propInfo.layout) {
                 prop.layout = propInfo.layout;
             }
+            if (propInfo.version) {
+                prop.version = propInfo.version;
+            }
             if (propInfo.dependsOn) {
                 this.addDependsOnProperties(prop, propInfo.dependsOn);
             }
@@ -19729,36 +19810,54 @@ var JsonMetadata = /** @class */ (function () {
     JsonMetadata.prototype.getPropertiesByObj = function (obj) {
         if (!obj || !obj.getType)
             return [];
-        var res = {};
         var props = this.getProperties(obj.getType());
-        for (var i = 0; i < props.length; i++) {
-            res[props[i].name] = props[i];
-        }
-        var dynamicProps = !!obj.getDynamicType
-            ? this.getProperties(obj.getDynamicType())
-            : null;
-        if (dynamicProps && dynamicProps.length > 0) {
-            for (var i = 0; i < dynamicProps.length; i++) {
-                var dProp = dynamicProps[i];
-                if (!!res[dProp.name])
-                    continue;
-                res[dProp.name] = dProp;
+        var dynamicProps = this.getDynamicPropertiesByObj(obj);
+        return [].concat(props).concat(dynamicProps);
+    };
+    JsonMetadata.prototype.addDynamicPropertiesIntoObj = function (dest, src, props) {
+        var _this = this;
+        props.forEach(function (prop) {
+            _this.addDynamicPropertyIntoObj(dest, src, prop.name, false);
+            if (prop.serializationProperty) {
+                _this.addDynamicPropertyIntoObj(dest, src, prop.serializationProperty, true);
             }
+            if (prop.alternativeName) {
+                _this.addDynamicPropertyIntoObj(dest, src, prop.alternativeName, false);
+            }
+        });
+    };
+    JsonMetadata.prototype.addDynamicPropertyIntoObj = function (dest, src, propName, isReadOnly) {
+        var desc = {
+            configurable: true,
+            get: function () {
+                return src[propName];
+            },
+        };
+        if (!isReadOnly) {
+            desc["set"] = function (v) {
+                src[propName] = v;
+            };
         }
-        return Object.keys(res).map(function (key) { return res[key]; });
+        Object.defineProperty(dest, propName, desc);
     };
     JsonMetadata.prototype.getDynamicPropertiesByObj = function (obj, dynamicType) {
         if (dynamicType === void 0) { dynamicType = null; }
-        if (!obj || !obj.getType || (!obj.getDynamicType && !dynamicType))
+        if (!obj || !obj.getType)
+            return [];
+        if (!!obj.getDynamicProperties)
+            return obj.getDynamicProperties();
+        if (!obj.getDynamicType && !dynamicType)
             return [];
-        var objType = obj.getType();
         var dType = !!dynamicType ? dynamicType : obj.getDynamicType();
-        if (!dType)
+        return this.getDynamicPropertiesByTypes(obj.getType(), dType);
+    };
+    JsonMetadata.prototype.getDynamicPropertiesByTypes = function (objType, dynamicType, invalidNames) {
+        if (!dynamicType)
             return [];
-        var cacheType = dType + "-" + objType;
+        var cacheType = dynamicType + "-" + objType;
         if (this.dynamicPropsCache[cacheType])
             return this.dynamicPropsCache[cacheType];
-        var dynamicProps = this.getProperties(dType);
+        var dynamicProps = this.getProperties(dynamicType);
         if (!dynamicProps || dynamicProps.length == 0)
             return [];
         var hash = {};
@@ -19767,9 +19866,11 @@ var JsonMetadata = /** @class */ (function () {
             hash[props[i].name] = props[i];
         }
         var res = [];
-        for (var i = 0; i < dynamicProps.length; i++) {
-            var dProp = dynamicProps[i];
-            if (!hash[dProp.name]) {
+        if (!invalidNames)
+            invalidNames = [];
+        for (var i_1 = 0; i_1 < dynamicProps.length; i_1++) {
+            var dProp = dynamicProps[i_1];
+            if (!hash[dProp.name] && invalidNames.indexOf(dProp.name) < 0) {
                 res.push(dProp);
             }
         }
@@ -20264,9 +20365,8 @@ var JsonObject = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    JsonObject.prototype.toJsonObject = function (obj, storeDefaults) {
-        if (storeDefaults === void 0) { storeDefaults = false; }
-        return this.toJsonObjectCore(obj, null, storeDefaults);
+    JsonObject.prototype.toJsonObject = function (obj, options) {
+        return this.toJsonObjectCore(obj, null, options);
     };
     JsonObject.prototype.toObject = function (jsonObj, obj, options) {
         this.toObjectCore(jsonObj, obj, options);
@@ -20315,8 +20415,7 @@ var JsonObject = /** @class */ (function () {
             obj.endLoadingFromJson();
         }
     };
-    JsonObject.prototype.toJsonObjectCore = function (obj, property, storeDefaults) {
-        if (storeDefaults === void 0) { storeDefaults = false; }
+    JsonObject.prototype.toJsonObjectCore = function (obj, property, options) {
         if (!obj || !obj.getType)
             return obj;
         if (typeof obj.getData === "function")
@@ -20325,61 +20424,67 @@ var JsonObject = /** @class */ (function () {
         if (property != null && !property.className) {
             result[JsonObject.typePropertyName] = property.getObjType(obj.getType());
         }
-        this.propertiesToJson(obj, Serializer.getProperties(obj.getType()), result, storeDefaults);
-        this.propertiesToJson(obj, this.getDynamicProperties(obj), result, storeDefaults);
+        var storeDefaults = options === true;
+        if (!options || options === true) {
+            options = {};
+        }
+        if (storeDefaults) {
+            options.storeDefaults = storeDefaults;
+        }
+        this.propertiesToJson(obj, Serializer.getProperties(obj.getType()), result, options);
+        this.propertiesToJson(obj, this.getDynamicProperties(obj), result, options);
         return result;
     };
     JsonObject.prototype.getDynamicProperties = function (obj) {
         return Serializer.getDynamicPropertiesByObj(obj);
     };
-    JsonObject.prototype.addDynamicProperties = function (obj, jsonObj, properties) {
-        if (!obj.getDynamicPropertyName)
-            return properties;
-        var dynamicPropName = obj.getDynamicPropertyName();
-        if (!dynamicPropName)
-            return properties;
-        if (jsonObj[dynamicPropName]) {
-            obj[dynamicPropName] = jsonObj[dynamicPropName];
-        }
-        var dynamicProperties = this.getDynamicProperties(obj);
-        var res = [];
-        for (var i = 0; i < properties.length; i++) {
-            res.push(properties[i]);
-        }
-        for (var i = 0; i < dynamicProperties.length; i++) {
-            res.push(dynamicProperties[i]);
+    JsonObject.prototype.addDynamicProperties = function (obj, jsonObj, props) {
+        if (!obj.getDynamicPropertyName && !obj.getDynamicProperties)
+            return props;
+        if (obj.getDynamicPropertyName) {
+            var dynamicPropName = obj.getDynamicPropertyName();
+            if (!dynamicPropName)
+                return props;
+            if (dynamicPropName && jsonObj[dynamicPropName]) {
+                obj[dynamicPropName] = jsonObj[dynamicPropName];
+            }
         }
-        return res;
+        var dynamicProps = this.getDynamicProperties(obj);
+        return dynamicProps.length === 0 ? props : [].concat(props).concat(dynamicProps);
     };
-    JsonObject.prototype.propertiesToJson = function (obj, properties, json, storeDefaults) {
-        if (storeDefaults === void 0) { storeDefaults = false; }
+    JsonObject.prototype.propertiesToJson = function (obj, properties, json, options) {
         for (var i = 0; i < properties.length; i++) {
-            this.valueToJson(obj, json, properties[i], storeDefaults);
+            this.valueToJson(obj, json, properties[i], options);
         }
     };
-    JsonObject.prototype.valueToJson = function (obj, result, property, storeDefaults) {
-        if (storeDefaults === void 0) { storeDefaults = false; }
-        if (property.isSerializable === false ||
-            (property.isLightSerializable === false && this.lightSerializing))
+    JsonObject.prototype.valueToJson = function (obj, result, prop, options) {
+        if (!options)
+            options = {};
+        if (prop.isSerializable === false || (prop.isLightSerializable === false && this.lightSerializing))
             return;
-        var value = property.getSerializableValue(obj);
-        if (!storeDefaults && property.isDefaultValueByObj(obj, value))
+        if (options.version && !prop.isAvailableInVersion(options.version))
+            return;
+        var value = prop.getSerializableValue(obj);
+        if (!options.storeDefaults && prop.isDefaultValueByObj(obj, value))
             return;
         if (this.isValueArray(value)) {
             var arrValue = [];
             for (var i = 0; i < value.length; i++) {
-                arrValue.push(this.toJsonObjectCore(value[i], property, storeDefaults));
+                arrValue.push(this.toJsonObjectCore(value[i], prop, options));
             }
             value = arrValue.length > 0 ? arrValue : null;
         }
         else {
-            value = this.toJsonObjectCore(value, property, storeDefaults);
+            value = this.toJsonObjectCore(value, prop, options);
         }
+        if (value === undefined || value === null)
+            return;
+        var name = prop.getSerializedName(options.version);
         var hasValue = typeof obj["getPropertyValue"] === "function" &&
-            obj["getPropertyValue"](property.name, null) !== null;
-        if ((storeDefaults && hasValue) || !property.isDefaultValueByObj(obj, value)) {
-            if (!Serializer.onSerializingProperty || !Serializer.onSerializingProperty(obj, property, value, result)) {
-                result[property.name] = value;
+            obj["getPropertyValue"](name, null) !== null;
+        if ((options.storeDefaults && hasValue) || !prop.isDefaultValueByObj(obj, value)) {
+            if (!Serializer.onSerializingProperty || !Serializer.onSerializingProperty(obj, prop, value, result)) {
+                result[name] = this.removePosOnValueToJson(prop, value);
             }
         }
     };
@@ -20419,6 +20524,14 @@ var JsonObject = /** @class */ (function () {
             }
         }
     };
+    JsonObject.prototype.removePosOnValueToJson = function (property, value) {
+        if (!property.isCustom || !value)
+            return value;
+        if (!!value[JsonObject.positionPropertyName]) {
+            delete value[JsonObject.positionPropertyName];
+        }
+        return value;
+    };
     JsonObject.prototype.removePos = function (property, value) {
         if (!property || !property.type || property.type.indexOf("value") < 0)
             return;
@@ -20690,7 +20803,10 @@ var ListModel = /** @class */ (function (_super) {
     ListModel.prototype.hasText = function (item, filterStringInLow) {
         if (!filterStringInLow)
             return true;
-        var textInLow = (item.title || "").toLocaleLowerCase();
+        var text = item.title || "";
+        if (this.onTextSearchCallback)
+            return this.onTextSearchCallback(item, filterStringInLow);
+        var textInLow = text.toLocaleLowerCase();
         textInLow = _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].comparator.normalizeTextCallback(textInLow, "filter");
         return textInLow.indexOf(filterStringInLow.toLocaleLowerCase()) > -1;
     };
@@ -20736,6 +20852,9 @@ var ListModel = /** @class */ (function (_super) {
     ListModel.prototype.setOnFilterStringChangedCallback = function (callback) {
         this.onFilterStringChangedCallback = callback;
     };
+    ListModel.prototype.setOnTextSearchCallback = function (callback) {
+        this.onTextSearchCallback = callback;
+    };
     ListModel.prototype.setItems = function (items, sortByVisibleIndex) {
         var _this = this;
         if (sortByVisibleIndex === void 0) { sortByVisibleIndex = true; }
@@ -21600,6 +21719,8 @@ var arabicSurveyStrings = {
     startSurveyText: "بداية",
     otherItemText: "نص آخر",
     noneItemText: "لا شيء",
+    refuseItemText: "رفض الإجابة",
+    dontKnowItemText: "لا أعرف",
     selectAllItemText: "اختر الكل",
     progressText: "{1} صفحة {0} من",
     indexText: "{0} من {1}",
@@ -21724,6 +21845,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ar"]
 // hideDetails: "Hide Details" => "إخفاء التفاصيل"
 // ok: "OK" => "موافق"
 // cancel: "Cancel" => "إلغاء الأمر"
+// refuseItemText: "Refuse to answer" => "رفض الإجابة"
+// dontKnowItemText: "Don't know" => "لا أعرف"
 
 
 /***/ }),
@@ -21749,6 +21872,8 @@ var basqueSurveyStrings = {
     startSurveyText: "Hasi",
     otherItemText: "Beste bat (zehaztu)",
     noneItemText: "Bat ere ez",
+    refuseItemText: "Erantzuteari uko egin",
+    dontKnowItemText: "Ez dakit",
     selectAllItemText: "Guztia hautatu",
     progressText: "{1}-(e)tik {0} orrialde",
     indexText: "{1} {0}",
@@ -21866,6 +21991,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["eu"]
 // hideDetails: "Hide Details" => "Xehetasunak ezkutatu"
 // ok: "OK" => "Ados"
 // cancel: "Cancel" => "Ezeztatu"
+// refuseItemText: "Refuse to answer" => "Erantzuteari uko egin"
+// dontKnowItemText: "Don't know" => "Ez dakit"
 
 
 /***/ }),
@@ -21891,6 +22018,8 @@ var bulgarianStrings = {
     startSurveyText: "Начало",
     otherItemText: "Друго (опишете)",
     noneItemText: "Нито един",
+    refuseItemText: "Отказва да отговори",
+    dontKnowItemText: "Не знам",
     selectAllItemText: "Всички",
     progressText: "стр. {0}, общо стр. {1}",
     indexText: "{0} на {1}",
@@ -22015,6 +22144,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["bg"]
 // hideDetails: "Hide Details" => "Скрий подробните данни"
 // ok: "OK" => "Добре"
 // cancel: "Cancel" => "Отмени"
+// refuseItemText: "Refuse to answer" => "Отказва да отговори"
+// dontKnowItemText: "Don't know" => "Не знам"
 
 
 /***/ }),
@@ -22040,6 +22171,8 @@ var catalanSurveyStrings = {
     startSurveyText: "Començar",
     otherItemText: "Un altre (descrigui)",
     noneItemText: "Cap",
+    refuseItemText: "Negar-se a respondre",
+    dontKnowItemText: "No sé",
     selectAllItemText: "Selecciona-ho tot",
     progressText: "Pàgina {0} de {1}",
     indexText: "{0} de {1}",
@@ -22204,6 +22337,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ca"]
 // hideDetails: "Hide Details" => "Amaga els detalls"
 // ok: "OK" => "D'ACORD"
 // cancel: "Cancel" => "Cancel·lar"
+// refuseItemText: "Refuse to answer" => "Negar-se a respondre"
+// dontKnowItemText: "Don't know" => "No sé"
 
 
 /***/ }),
@@ -22229,6 +22364,8 @@ var croatianStrings = {
     startSurveyText: "Početak",
     otherItemText: "Ostali (opis)",
     noneItemText: "Nitko",
+    refuseItemText: "Odbijte odgovoriti",
+    dontKnowItemText: "Ne znam",
     selectAllItemText: "Select All",
     progressText: "Stranica {0} od {1}",
     indexText: "{0} {1}",
@@ -22351,6 +22488,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["hr"]
 // hideDetails: "Hide Details" => "Sakrij detalje"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Otkazati"
+// refuseItemText: "Refuse to answer" => "Odbijte odgovoriti"
+// dontKnowItemText: "Don't know" => "Ne znam"
 
 
 /***/ }),
@@ -22376,6 +22515,8 @@ var czechSurveyStrings = {
     startSurveyText: "Začít",
     otherItemText: "Jiná odpověď (napište)",
     noneItemText: "Žádný",
+    refuseItemText: "Odmítnout odpovědět",
+    dontKnowItemText: "Nevím",
     selectAllItemText: "Vybrat vše",
     progressText: "Strana {0} z {1}",
     indexText: "{0} z {1}",
@@ -22500,6 +22641,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["cs"]
 // hideDetails: "Hide Details" => "Skrýt podrobnosti"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Zrušit"
+// refuseItemText: "Refuse to answer" => "Odmítnout odpovědět"
+// dontKnowItemText: "Don't know" => "Nevím"
 
 
 /***/ }),
@@ -22525,6 +22668,8 @@ var danishSurveyStrings = {
     startSurveyText: "Start",
     otherItemText: "Valgfrit svar...",
     noneItemText: "Ingen",
+    refuseItemText: "Nægt at svare",
+    dontKnowItemText: "Ved ikke",
     selectAllItemText: "Vælg alle",
     progressText: "Side {0} af {1}",
     indexText: "{0} af {1}",
@@ -22649,6 +22794,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["da"]
 // hideDetails: "Hide Details" => "Skjul detaljer"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Aflyse"
+// refuseItemText: "Refuse to answer" => "Nægt at svare"
+// dontKnowItemText: "Don't know" => "Ved ikke"
 
 
 /***/ }),
@@ -22674,6 +22821,8 @@ var dutchSurveyStrings = {
     startSurveyText: "Start",
     otherItemText: "Anders, nl.",
     noneItemText: "Geen",
+    refuseItemText: "Weiger te antwoorden",
+    dontKnowItemText: "Weet niet",
     selectAllItemText: "Selecteer Alles",
     progressText: "Pagina {0} van {1}",
     indexText: "{0} van {1}",
@@ -22796,6 +22945,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["nl"]
 // hideDetails: "Hide Details" => "Verberg details"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Annuleren"
+// refuseItemText: "Refuse to answer" => "Weiger te antwoorden"
+// dontKnowItemText: "Don't know" => "Weet niet"
 
 
 /***/ }),
@@ -22821,6 +22972,8 @@ var englishStrings = {
     startSurveyText: "Start",
     otherItemText: "Other (describe)",
     noneItemText: "None",
+    refuseItemText: "Refuse to answer",
+    dontKnowItemText: "Don't know",
     selectAllItemText: "Select All",
     progressText: "Page {0} of {1}",
     indexText: "{0} of {1}",
@@ -22944,6 +23097,8 @@ var estonianSurveyStrings = {
     startSurveyText: "Alusta",
     otherItemText: "Muu (täpsusta)",
     noneItemText: "Mitte midagi",
+    refuseItemText: "Keeldu vastamast",
+    dontKnowItemText: "Ei tea",
     selectAllItemText: "Vali kõik",
     progressText: "Lehekülg {0}/{1}",
     indexText: "{0} {1}",
@@ -23068,6 +23223,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["et"]
 // hideDetails: "Hide Details" => "Peida üksikasjad"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Tühistama"
+// refuseItemText: "Refuse to answer" => "Keeldu vastamast"
+// dontKnowItemText: "Don't know" => "Ei tea"
 
 
 /***/ }),
@@ -23093,6 +23250,8 @@ var finnishSurveyStrings = {
     startSurveyText: "Aloita",
     otherItemText: "Muu (tarkenna)",
     noneItemText: "Ei mitään",
+    refuseItemText: "Kieltäydy vastaamasta",
+    dontKnowItemText: "Ei tiedä",
     selectAllItemText: "Valitse kaikki",
     progressText: "Sivu {0} / {1}",
     indexText: "{0} / {1}",
@@ -23205,6 +23364,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fi"]
 // hideDetails: "Hide Details" => "Piilota tiedot"
 // ok: "OK" => "OKEI"
 // cancel: "Cancel" => "Perua"
+// refuseItemText: "Refuse to answer" => "Kieltäydy vastaamasta"
+// dontKnowItemText: "Don't know" => "Ei tiedä"
 
 
 /***/ }),
@@ -23230,6 +23391,8 @@ var frenchSurveyStrings = {
     startSurveyText: "Commencer",
     otherItemText: "Autre (préciser)",
     noneItemText: "Aucun",
+    refuseItemText: "Refuser de répondre",
+    dontKnowItemText: "Sais pas",
     selectAllItemText: "Tout sélectionner",
     progressText: "Page {0} sur {1}",
     indexText: "{0} sur {1}",
@@ -23342,6 +23505,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fr"]
 // hideDetails: "Hide Details" => "Masquer les détails"
 // ok: "OK" => "D’ACCORD"
 // cancel: "Cancel" => "Annuler"
+// refuseItemText: "Refuse to answer" => "Refuser de répondre"
+// dontKnowItemText: "Don't know" => "Sais pas"
 
 
 /***/ }),
@@ -23367,6 +23532,8 @@ var georgianSurveyStrings = {
     startSurveyText: "დაქოქვა",
     otherItemText: "სხვა (გთხოვთ მიუთითეთ)",
     noneItemText: "არცერთი",
+    refuseItemText: "უარი პასუხზე",
+    dontKnowItemText: "არ ვიცი",
     selectAllItemText: "ყველას მონიშნა",
     progressText: "გვერდი {0} / {1}",
     indexText: "{1} {0}",
@@ -23544,6 +23711,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ka"]
 // hideDetails: "Hide Details" => "დეტალების დამალვა"
 // ok: "OK" => "კარგი"
 // cancel: "Cancel" => "გაუქმება"
+// refuseItemText: "Refuse to answer" => "უარი პასუხზე"
+// dontKnowItemText: "Don't know" => "არ ვიცი"
 
 
 /***/ }),
@@ -23569,6 +23738,8 @@ var germanSurveyStrings = {
     startSurveyText: "Start",
     otherItemText: "Sonstiges (Bitte angeben)",
     noneItemText: "Nichts trifft zu",
+    refuseItemText: "Verweigern Sie die Antwort",
+    dontKnowItemText: "Weiß ich nicht",
     selectAllItemText: "Alles auswählen",
     progressText: "Seite {0} von {1}",
     indexText: "{0} von {1}",
@@ -23679,6 +23850,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["de"]
 // hideDetails: "Hide Details" => "Details ausblenden"
 // ok: "OK" => "OKAY"
 // cancel: "Cancel" => "Abbrechen"
+// refuseItemText: "Refuse to answer" => "Verweigern Sie die Antwort"
+// dontKnowItemText: "Don't know" => "Weiß ich nicht"
 
 
 /***/ }),
@@ -23704,6 +23877,8 @@ var greekSurveyStrings = {
     startSurveyText: "Αρχή",
     otherItemText: "Άλλο (παρακαλώ διευκρινίστε)",
     noneItemText: "Κανένας",
+    refuseItemText: "Αρνηθείτε να απαντήσετε",
+    dontKnowItemText: "Δεν ξέρω",
     selectAllItemText: "Επιλογή όλων",
     progressText: "Σελίδα {0} από {1}",
     indexText: "{0} από {1}",
@@ -23813,6 +23988,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["gr"]
 // hideDetails: "Hide Details" => "Απόκρυψη λεπτομερειών"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Ακυρώνω"
+// refuseItemText: "Refuse to answer" => "Αρνηθείτε να απαντήσετε"
+// dontKnowItemText: "Don't know" => "Δεν ξέρω"
 
 
 /***/ }),
@@ -23838,6 +24015,8 @@ var hebrewSurveyStrings = {
     startSurveyText: "הַתחָלָה",
     otherItemText: "אחר (נא לתאר)",
     noneItemText: "אף אחד",
+    refuseItemText: "מסרבים לענות",
+    dontKnowItemText: "לא יודע",
     selectAllItemText: "בחר הכל",
     progressText: "דף {1} מתוך {0}",
     indexText: "{0} מתוך {1}",
@@ -23962,6 +24141,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["he"]
 // hideDetails: "Hide Details" => "הסתר פרטים"
 // ok: "OK" => "אוקיי"
 // cancel: "Cancel" => "ביטל"
+// refuseItemText: "Refuse to answer" => "מסרבים לענות"
+// dontKnowItemText: "Don't know" => "לא יודע"
 
 
 /***/ }),
@@ -23987,6 +24168,8 @@ var hindiStrings = {
     startSurveyText: "शुरू",
     otherItemText: "दूसरा (वर्णन करें)",
     noneItemText: "कोई नहीं",
+    refuseItemText: "जवाब देने से इनकार",
+    dontKnowItemText: "नहीं मालूम",
     selectAllItemText: "सभी का चयन करें",
     progressText: "पृष्ठ 1 में से 0",
     indexText: "{1} का {0}",
@@ -24111,7 +24294,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["hi"]
 // showDetails: "Show Details" => "विवरण दिखाएँ"
 // hideDetails: "Hide Details" => "विवरण छुपाएँ"
 // ok: "OK" => "ठीक है"
-// cancel: "Cancel" => "रद्द करना"
+// cancel: "Cancel" => "रद्द करना"// refuseItemText: "Refuse to answer" => "जवाब देने से इनकार"
+// dontKnowItemText: "Don't know" => "नहीं मालूम"
 
 
 /***/ }),
@@ -24137,6 +24321,8 @@ var hungarianSurveyStrings = {
     startSurveyText: "Rajt",
     otherItemText: "Egyéb (adja meg)",
     noneItemText: "Egyik sem",
+    refuseItemText: "A válaszadás megtagadása",
+    dontKnowItemText: "Nem tudom",
     selectAllItemText: "Mindet kiválaszt",
     progressText: "{0}./{1} oldal",
     indexText: "{0} {1} közül",
@@ -24260,6 +24446,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["hu"]
 // hideDetails: "Hide Details" => "Részletek elrejtése"
 // ok: "OK" => "OKÉ"
 // cancel: "Cancel" => "Érvénytelenít"
+// refuseItemText: "Refuse to answer" => "A válaszadás megtagadása"
+// dontKnowItemText: "Don't know" => "Nem tudom"
 
 
 /***/ }),
@@ -24285,6 +24473,8 @@ var icelandicSurveyStrings = {
     startSurveyText: "Byrjaðu",
     otherItemText: "Hinn (skýring)",
     noneItemText: "Enginn",
+    refuseItemText: "Neita að svara",
+    dontKnowItemText: "Veit ekki",
     selectAllItemText: "Velja allt",
     progressText: "Síða {0} of {1}",
     indexText: "{0} af {1}",
@@ -24409,6 +24599,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["is"]
 // hideDetails: "Hide Details" => "Fela upplýsingar"
 // ok: "OK" => "ÓKEI"
 // cancel: "Cancel" => "Afturkalla"
+// refuseItemText: "Refuse to answer" => "Neita að svara"
+// dontKnowItemText: "Don't know" => "Veit ekki"
 
 
 /***/ }),
@@ -24434,6 +24626,8 @@ var indonesianStrings = {
     startSurveyText: "Mulai",
     otherItemText: "Lainnya (jelaskan)",
     noneItemText: "Tidak Ada",
+    refuseItemText: "Menolak untuk menjawab",
+    dontKnowItemText: "Tidak tahu",
     selectAllItemText: "Pilih Semua",
     progressText: "Halaman {0} dari {1}",
     indexText: "{0} dari {1}",
@@ -24558,6 +24752,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["id"]
 // hideDetails: "Hide Details" => "Sembunyikan Detail"
 // ok: "OK" => "OKE"
 // cancel: "Cancel" => "Membatalkan"
+// refuseItemText: "Refuse to answer" => "Menolak untuk menjawab"
+// dontKnowItemText: "Don't know" => "Tidak tahu"
 
 
 /***/ }),
@@ -24583,6 +24779,8 @@ var italianSurveyStrings = {
     startSurveyText: "Inizio",
     otherItemText: "Altro (descrivi)",
     noneItemText: "Nessuno",
+    refuseItemText: "Rifiuta di rispondere",
+    dontKnowItemText: "Non lo so",
     selectAllItemText: "Seleziona tutti",
     progressText: "Pagina {0} di {1}",
     indexText: "{0} da {1}",
@@ -24695,6 +24893,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["it"]
 // hideDetails: "Hide Details" => "Nascondi dettagli"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Annulla"
+// refuseItemText: "Refuse to answer" => "Rifiuta di rispondere"
+// dontKnowItemText: "Don't know" => "Non lo so"
 
 
 /***/ }),
@@ -24720,6 +24920,8 @@ var japaneseSurveyStrings = {
     startSurveyText: "スタート",
     otherItemText: "その他（説明）",
     noneItemText: "なし",
+    refuseItemText: "回答を拒否する",
+    dontKnowItemText: "わかりません",
     selectAllItemText: "すべて選択",
     progressText: "{0}/{1}頁",
     indexText: "{1}の{0}",
@@ -24844,6 +25046,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ja"]
 // hideDetails: "Hide Details" => "詳細を隠す"
 // ok: "OK" => "わかりました"
 // cancel: "Cancel" => "キャンセル"
+// refuseItemText: "Refuse to answer" => "回答を拒否する"
+// dontKnowItemText: "Don't know" => "わかりません"
 
 
 /***/ }),
@@ -24869,6 +25073,8 @@ var kazakhStrings = {
     startSurveyText: "Бастау",
     otherItemText: "Басқа (өтінеміз, жазыңыз)",
     noneItemText: "Жоқ",
+    refuseItemText: "Жауап беруден бас тарту",
+    dontKnowItemText: "Білмеймін",
     selectAllItemText: "Барлығын таңдау",
     progressText: "{0} ден {1} бет ",
     indexText: "{1} {0}",
@@ -24993,6 +25199,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["kk"]
 // hideDetails: "Hide Details" => "Егжей- тегжейін жасы"
 // ok: "OK" => "ЖАҚСЫ"
 // cancel: "Cancel" => "Болдырмау"
+// refuseItemText: "Refuse to answer" => "Жауап беруден бас тарту"
+// dontKnowItemText: "Don't know" => "Білмеймін"
 
 
 /***/ }),
@@ -25018,6 +25226,8 @@ var koreanStrings = {
     startSurveyText: "시작",
     otherItemText: "기타 (설명)",
     noneItemText: "없음",
+    refuseItemText: "대답 거부",
+    dontKnowItemText: "모르다",
     selectAllItemText: "모두 선택",
     progressText: "페이지 {1} / {0}",
     indexText: "{0} / {1}",
@@ -25129,6 +25339,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ko"]
 // hideDetails: "Hide Details" => "세부 정보 숨기기"
 // ok: "OK" => "그래"
 // cancel: "Cancel" => "취소"
+// refuseItemText: "Refuse to answer" => "대답 거부"
+// dontKnowItemText: "Don't know" => "모르다"
 
 
 /***/ }),
@@ -25154,6 +25366,8 @@ var latvianSurveyStrings = {
     startSurveyText: "Sākt",
     otherItemText: "Cits (lūdzu, aprakstiet!)",
     noneItemText: "Nav",
+    refuseItemText: "Atteikties atbildēt",
+    dontKnowItemText: "Es nezinu",
     selectAllItemText: "Izvēlēties visus",
     progressText: "{0}. lapa no {1}",
     indexText: "{0} no {1}",
@@ -25266,6 +25480,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["lv"]
 // hideDetails: "Hide Details" => "Slēpt detaļas"
 // ok: "OK" => "LABI"
 // cancel: "Cancel" => "Atcelt"
+// refuseItemText: "Refuse to answer" => "Atteikties atbildēt"
+// dontKnowItemText: "Don't know" => "Es nezinu"
 
 
 /***/ }),
@@ -25291,6 +25507,8 @@ var lithuaniaSurveyStrings = {
     startSurveyText: "Pradėti",
     otherItemText: "Kita (įvesti)",
     noneItemText: "Nėra",
+    refuseItemText: "Atsisakyti atsakyti",
+    dontKnowItemText: "Nežinau",
     selectAllItemText: "Pasirinkti visus",
     progressText: "Puslapis {0} iš {1}",
     indexText: "{1} {0}",
@@ -25415,6 +25633,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["lt"]
 // hideDetails: "Hide Details" => "Slėpti išsamią informaciją"
 // ok: "OK" => "GERAI"
 // cancel: "Cancel" => "Atšaukti"
+// refuseItemText: "Refuse to answer" => "Atsisakyti atsakyti"
+// dontKnowItemText: "Don't know" => "Nežinau"
 
 
 /***/ }),
@@ -25440,6 +25660,8 @@ var macedonianSurveyStrings = {
     startSurveyText: "Започнете",
     otherItemText: "Друго (опиши)",
     noneItemText: "Ништо",
+    refuseItemText: "Одбиј да одговориш.",
+    dontKnowItemText: "Не знам",
     selectAllItemText: "Селектирај се",
     progressText: "Страница {0} од {1}",
     indexText: "{0} на {1}",
@@ -25558,6 +25780,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["mk"]
 // hideDetails: "Hide Details" => "Сокриј ги деталите."
 // ok: "OK" => "ДОБРО"
 // cancel: "Cancel" => "Откажи"
+// refuseItemText: "Refuse to answer" => "Одбиј да одговориш."
+// dontKnowItemText: "Don't know" => "Не знам"
 
 
 /***/ }),
@@ -25583,6 +25807,8 @@ var malaySurveyStrings = {
     startSurveyText: "Mula",
     otherItemText: "Lain (terangkan)",
     noneItemText: "Tiada",
+    refuseItemText: "Enggan menjawab",
+    dontKnowItemText: "Tak tahu",
     selectAllItemText: "Pilih Semua",
     progressText: "Halaman {0} daripada {1}",
     indexText: "{0} {1}",
@@ -25697,6 +25923,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ms"]
 // hideDetails: "Hide Details" => "Sembunyikan Butiran"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Batal"
+// refuseItemText: "Refuse to answer" => "Enggan menjawab"
+// dontKnowItemText: "Don't know" => "Tak tahu"
 
 
 /***/ }),
@@ -25746,6 +25974,8 @@ var norwegianSurveyStrings = {
     startSurveyText: "Start",
     otherItemText: "Annet (beskriv)",
     noneItemText: "Ingen",
+    refuseItemText: "Nekter å svare",
+    dontKnowItemText: "Vet ikke",
     selectAllItemText: "Velg alle",
     progressText: "Side {0} av {1}",
     indexText: "{0} av {1}",
@@ -25870,6 +26100,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["no"]
 // hideDetails: "Hide Details" => "Skjul detaljer"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Annullere"
+// refuseItemText: "Refuse to answer" => "Nekter å svare"
+// dontKnowItemText: "Don't know" => "Vet ikke"
 
 
 /***/ }),
@@ -25895,6 +26127,8 @@ var persianSurveyStrings = {
     startSurveyText: "شروع",
     otherItemText: "دیگر(توضیح)",
     noneItemText: "هیچ",
+    refuseItemText: "امتناع از پاسخ دادن",
+    dontKnowItemText: "نمی دانم",
     selectAllItemText: "انتخاب همه",
     progressText: "صفحه {0} از {1}",
     indexText: "{0} {1}",
@@ -26019,6 +26253,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fa"]
 // hideDetails: "Hide Details" => "مخفی کردن جزئیات"
 // ok: "OK" => "باشه"
 // cancel: "Cancel" => "لغو"
+// refuseItemText: "Refuse to answer" => "امتناع از پاسخ دادن"
+// dontKnowItemText: "Don't know" => "نمی دانم"
 
 
 /***/ }),
@@ -26044,6 +26280,8 @@ var polishSurveyStrings = {
     startSurveyText: "Start",
     otherItemText: "Inna odpowiedź (wpisz)",
     noneItemText: "Brak",
+    refuseItemText: "Odmów odpowiedzi",
+    dontKnowItemText: "Nie wiem",
     selectAllItemText: "Wybierz wszystkie",
     progressText: "Strona {0} z {1}",
     indexText: "{0} od {1}",
@@ -26156,6 +26394,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["pl"]
 // hideDetails: "Hide Details" => "Ukryj szczegóły"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Anuluj"
+// refuseItemText: "Refuse to answer" => "Odmów odpowiedzi"
+// dontKnowItemText: "Don't know" => "Nie wiem"
 
 
 /***/ }),
@@ -26184,6 +26424,8 @@ var portugueseBrSurveyStrings = {
     startSurveyText: "Começar",
     otherItemText: "Outros (descrever)",
     noneItemText: "Nenhum",
+    refuseItemText: "Recusar-se a responder",
+    dontKnowItemText: "Não sei",
     selectAllItemText: "Selecionar tudo",
     progressText: "Página {0} de {1}",
     indexText: "{0} de {1}",
@@ -26355,6 +26597,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["pt-b
 // hideDetails: "Hide Details" => "Ocultar detalhes"
 // ok: "OK" => "OKEY"
 // cancel: "Cancel" => "Cancelar"
+// refuseItemText: "Refuse to answer" => "Recusar-se a responder"
+// dontKnowItemText: "Don't know" => "Não sei"
 
 
 /***/ }),
@@ -26380,6 +26624,8 @@ var portugueseSurveyStrings = {
     startSurveyText: "Começar",
     otherItemText: "Outros (descrever)",
     noneItemText: "Nenhum",
+    refuseItemText: "Recusar-se a responder",
+    dontKnowItemText: "Não sei",
     selectAllItemText: "Selecionar Todos",
     progressText: "Página {0} de {1}",
     indexText: "{0} de {1}",
@@ -26489,6 +26735,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["pt"]
 // hideDetails: "Hide Details" => "Ocultar detalhes"
 // ok: "OK" => "OKEY"
 // cancel: "Cancel" => "Cancelar"
+// refuseItemText: "Refuse to answer" => "Recusar-se a responder"
+// dontKnowItemText: "Don't know" => "Não sei"
 
 
 /***/ }),
@@ -26514,6 +26762,8 @@ var romanianSurveyStrings = {
     startSurveyText: "start",
     otherItemText: "Altul(precizaţi)",
     noneItemText: "Nici unul",
+    refuseItemText: "Refuză să răspundă",
+    dontKnowItemText: "Nu ştiu",
     selectAllItemText: "Selectează tot",
     progressText: "Pagina {0} din {1}",
     indexText: "{0} de {1}",
@@ -26638,6 +26888,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ro"]
 // hideDetails: "Hide Details" => "Ascunde detalii"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Anula"
+// refuseItemText: "Refuse to answer" => "Refuză să răspundă"
+// dontKnowItemText: "Don't know" => "Nu ştiu"
 
 
 /***/ }),
@@ -26663,6 +26915,8 @@ var russianSurveyStrings = {
     startSurveyText: "Начать",
     otherItemText: "Другое (пожалуйста, опишите)",
     noneItemText: "Нет",
+    refuseItemText: "Отказываюсь отвечать",
+    dontKnowItemText: "Не знаю",
     selectAllItemText: "Выбрать всё",
     progressText: "Страница {0} из {1}",
     indexText: "{0} из {1}",
@@ -26750,10 +27004,10 @@ var russianSurveyStrings = {
     noEntriesText: "Пока нет записей.\nНажмите кнопку ниже, чтобы добавить новую запись.",
     noEntriesReadonlyText: "Записей нет.",
     more: "Больше",
-    tagboxDoneButtonCaption: "ХОРОШО",
+    tagboxDoneButtonCaption: "Хорошо",
     selectToRankEmptyRankedAreaText: "Все варианты ранжируются",
     selectToRankEmptyUnrankedAreaText: "Перетащите сюда варианты, чтобы ранжировать их",
-    ok: "ХОРОШО",
+    ok: "Хорошо",
     cancel: "Отмена"
 };
 survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].locales["ru"] = russianSurveyStrings;
@@ -26764,7 +27018,6 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ru"]
 // emptyMessage: "No data to display" => "Нет данных для отображения"
 // noEntriesReadonlyText: "There are no entries." => "Записей нет."
 // more: "More" => "Больше"
-// tagboxDoneButtonCaption: "OK" => "ХОРОШО"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Все варианты ранжируются"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Перетащите сюда варианты, чтобы ранжировать их"// takePhotoCaption: "Take Photo" => "Сделать фото"
 // photoPlaceholder: "Click the button below to take a photo using the camera." => "Нажмите кнопку ниже, чтобы сделать снимок с помощью камеры."
@@ -26773,7 +27026,6 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ru"]
 // noUploadFilesHandler: "Files cannot be uploaded. Please add a handler for the 'onUploadFiles' event." => "Файлы не могут быть загружены. Пожалуйста, добавьте обработчик для события 'onUploadFiles'."
 // showDetails: "Show Details" => "Показать подробности"
 // hideDetails: "Hide Details" => "Скрыть подробности"
-// ok: "OK" => "ХОРОШО"
 // cancel: "Cancel" => "Отмена"
 
 
@@ -26800,6 +27052,8 @@ var serbianStrings = {
     startSurveyText: "Započni",
     otherItemText: "Drugo (upiši)",
     noneItemText: "Ništa",
+    refuseItemText: "Odbijanje odgovora",
+    dontKnowItemText: "Ne znam",
     selectAllItemText: "Izaberi sve",
     progressText: "Stranica {0} od {1}",
     indexText: "{0} {1}",
@@ -26919,6 +27173,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["rs"]
 // hideDetails: "Hide Details" => "Sakrij detalje"
 // ok: "OK" => "U redu"
 // cancel: "Cancel" => "Otkaži"
+// refuseItemText: "Refuse to answer" => "Odbijanje odgovora"
+// dontKnowItemText: "Don't know" => "Ne znam"
 
 
 /***/ }),
@@ -26944,6 +27200,8 @@ var simplifiedChineseSurveyStrings = {
     startSurveyText: "开始问卷",
     otherItemText: "填写其他答案",
     noneItemText: "无",
+    refuseItemText: "拒绝回答",
+    dontKnowItemText: "不知道",
     selectAllItemText: "选择全部",
     progressText: "第 {0} 页, 共 {1} 页",
     indexText: "{1}{0}",
@@ -27062,6 +27320,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["zh-c
 // hideDetails: "Hide Details" => "隐藏详细信息"
 // ok: "OK" => "还行"
 // cancel: "Cancel" => "取消"
+// refuseItemText: "Refuse to answer" => "拒绝回答"
+// dontKnowItemText: "Don't know" => "不知道"
 
 
 /***/ }),
@@ -27087,6 +27347,8 @@ var slovakSurveyStrings = {
     startSurveyText: "Spustiť",
     otherItemText: "Iné (opíšte)",
     noneItemText: "Žiadne",
+    refuseItemText: "Odmietnuť odpovedať",
+    dontKnowItemText: "Neviem",
     selectAllItemText: "Vybrať všetky",
     progressText: "Strana {0} z {1}",
     indexText: "{0} {1}",
@@ -27201,6 +27463,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["sk"]
 // hideDetails: "Hide Details" => "Skryť podrobnosti"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Zrušiť"
+// refuseItemText: "Refuse to answer" => "Odmietnuť odpovedať"
+// dontKnowItemText: "Don't know" => "Neviem"
 
 
 /***/ }),
@@ -27226,6 +27490,8 @@ var spanishSurveyStrings = {
     startSurveyText: "Comienza",
     otherItemText: "Otro (describa)",
     noneItemText: "Ninguno",
+    refuseItemText: "Negarse a responder",
+    dontKnowItemText: "No sé",
     selectAllItemText: "Seleccionar todo",
     progressText: "Página {0} de {1}",
     indexText: "{0} de {1}",
@@ -27338,6 +27604,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["es"]
 // hideDetails: "Hide Details" => "Ocultar detalles"
 // ok: "OK" => "De acuerdo"
 // cancel: "Cancel" => "Cancelar"
+// refuseItemText: "Refuse to answer" => "Negarse a responder"
+// dontKnowItemText: "Don't know" => "No sé"
 
 
 /***/ }),
@@ -27363,6 +27631,8 @@ var swahiliStrings = {
     startSurveyText: "Anza",
     otherItemText: "Nyingine (eleza)",
     noneItemText: "Hakuna",
+    refuseItemText: "Kukataa kujibu",
+    dontKnowItemText: "Sijui",
     selectAllItemText: "Chagua Zote",
     progressText: "Ukurasa {0} wa {1}",
     indexText: "{0} ya {1}",
@@ -27487,6 +27757,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["sw"]
 // hideDetails: "Hide Details" => "Ficha Maelezo"
 // ok: "OK" => "Sawa kabisa"
 // cancel: "Cancel" => "Katisha"
+// refuseItemText: "Refuse to answer" => "Kukataa kujibu"
+// dontKnowItemText: "Don't know" => "Sijui"
 
 
 /***/ }),
@@ -27512,6 +27784,8 @@ var swedishSurveyStrings = {
     startSurveyText: "Börja",
     otherItemText: "Annat (beskriv)",
     noneItemText: "Ingen",
+    refuseItemText: "Vägra svara",
+    dontKnowItemText: "Vet inte",
     selectAllItemText: "Välj alla",
     progressText: "Sida {0} av {1}",
     indexText: "{0} av {1}",
@@ -27624,6 +27898,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["sv"]
 // hideDetails: "Hide Details" => "Göm detaljer"
 // ok: "OK" => "OKEJ"
 // cancel: "Cancel" => "Annullera"
+// refuseItemText: "Refuse to answer" => "Vägra svara"
+// dontKnowItemText: "Don't know" => "Vet inte"
 
 
 /***/ }),
@@ -27756,6 +28032,8 @@ var teluguStrings = {
     startSurveyText: "ప్రారంభించు",
     otherItemText: "ఇతరమైన(వివరించండి)",
     noneItemText: "ఎవరు కాదు",
+    refuseItemText: "సమాధానం ఇవ్వడానికి నిరాకరించండి",
+    dontKnowItemText: "తెలియదు",
     selectAllItemText: "అన్ని ఎంచుకో",
     progressText: "పేజీ{0}/{1}",
     indexText: "{1} {0}[మార్చు]",
@@ -27880,7 +28158,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["tel"
 // showDetails: "Show Details" => "వివరాలు చూపించు"
 // hideDetails: "Hide Details" => "వివరాలను దాచండి"
 // ok: "OK" => "సరే"
-// cancel: "Cancel" => "రద్దు"
+// cancel: "Cancel" => "రద్దు"// refuseItemText: "Refuse to answer" => "సమాధానం ఇవ్వడానికి నిరాకరించండి"
+// dontKnowItemText: "Don't know" => "తెలియదు"
 
 
 /***/ }),
@@ -27906,6 +28185,8 @@ var thaiStrings = {
     startSurveyText: "เริ่ม",
     otherItemText: "อื่นๆ (โปรดระบุ)",
     noneItemText: "ไม่มี",
+    refuseItemText: "ปฏิเสธที่จะตอบ",
+    dontKnowItemText: "ไม่ทราบ",
     selectAllItemText: "เลือกทั้งหมด",
     progressText: "หน้าที่ {0} จาก {1}",
     indexText: "{0} of {1}",
@@ -28029,7 +28310,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["th"]
 // showDetails: "Show Details" => "แสดงรายละเอียด"
 // hideDetails: "Hide Details" => "ซ่อนรายละเอียด"
 // ok: "OK" => "ตกลง, ได้"
-// cancel: "Cancel" => "ยกเลิก"
+// cancel: "Cancel" => "ยกเลิก"// refuseItemText: "Refuse to answer" => "ปฏิเสธที่จะตอบ"
+// dontKnowItemText: "Don't know" => "ไม่ทราบ"
 
 
 /***/ }),
@@ -28055,6 +28337,8 @@ var traditionalChineseSurveyStrings = {
     startSurveyText: "開始",
     otherItemText: "填寫其他答案",
     noneItemText: "沒有",
+    refuseItemText: "拒絕回答",
+    dontKnowItemText: "不知道",
     selectAllItemText: "全選",
     progressText: "第 {0} 頁, 共 {1} 頁",
     indexText: "{1}{0}",
@@ -28213,7 +28497,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["zh-t
 // showDetails: "Show Details" => "顯示詳細資訊"
 // hideDetails: "Hide Details" => "隱藏詳細資訊"
 // ok: "OK" => "還行"
-// cancel: "Cancel" => "取消"
+// cancel: "Cancel" => "取消"// refuseItemText: "Refuse to answer" => "拒絕回答"
+// dontKnowItemText: "Don't know" => "不知道"
 
 
 /***/ }),
@@ -28239,6 +28524,8 @@ var turkishSurveyStrings = {
     startSurveyText: "Başlat",
     otherItemText: "Diğer (açıklayınız)",
     noneItemText: "Hiçbiri",
+    refuseItemText: "Cevap vermeyi reddet",
+    dontKnowItemText: "Bilmiyorum",
     selectAllItemText: "Tümünü Seç",
     progressText: "Sayfa {0}/{1}",
     indexText: "{0}/{1}",
@@ -28344,7 +28631,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["tr"]
 // showDetails: "Show Details" => "Detayları göster"
 // hideDetails: "Hide Details" => "Detayları Gizle"
 // ok: "OK" => "TAMAM"
-// cancel: "Cancel" => "İptal"
+// cancel: "Cancel" => "İptal"// refuseItemText: "Refuse to answer" => "Cevap vermeyi reddet"
+// dontKnowItemText: "Don't know" => "Bilmiyorum"
 
 
 /***/ }),
@@ -28370,6 +28658,8 @@ var ukrainianSurveyStrings = {
     startSurveyText: "Почати",
     otherItemText: "Інше (будь ласка, опишіть)",
     noneItemText: "Жоден",
+    refuseItemText: "Відмовтеся відповідати",
+    dontKnowItemText: "Не знаю",
     selectAllItemText: "Вибрати все",
     progressText: "Сторінка {0} з {1}",
     indexText: "{0} {1}",
@@ -28493,7 +28783,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ua"]
 // showDetails: "Show Details" => "Показати подробиці"
 // hideDetails: "Hide Details" => "Сховати подробиці"
 // ok: "OK" => "ГАРАЗД"
-// cancel: "Cancel" => "Скасувати"
+// cancel: "Cancel" => "Скасувати"// refuseItemText: "Refuse to answer" => "Відмовтеся відповідати"
+// dontKnowItemText: "Don't know" => "Не знаю"
 
 
 /***/ }),
@@ -28519,6 +28810,8 @@ var vietnameseSurveyStrings = {
     startSurveyText: "Bắt đầu",
     otherItemText: "Khác (mô tả)",
     noneItemText: "Trống",
+    refuseItemText: "Từ chối trả lời",
+    dontKnowItemText: "Không biết",
     selectAllItemText: "Chọn tất cả",
     progressText: "Trang {0} / {1}",
     indexText: "{0} của {1}",
@@ -28643,7 +28936,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["vi"]
 // showDetails: "Show Details" => "Hiển thị chi tiết"
 // hideDetails: "Hide Details" => "Ẩn chi tiết"
 // ok: "OK" => "OK"
-// cancel: "Cancel" => "Hủy"
+// cancel: "Cancel" => "Hủy"// refuseItemText: "Refuse to answer" => "Từ chối trả lời"
+// dontKnowItemText: "Don't know" => "Không biết"
 
 
 /***/ }),
@@ -28669,6 +28963,8 @@ var welshSurveyStrings = {
     startSurveyText: "Dechrau",
     otherItemText: "Arall (disgrifiwch)",
     noneItemText: "Dim",
+    refuseItemText: "Gwrthod ateb",
+    dontKnowItemText: "Ddim yn gwybod",
     selectAllItemText: "Dewis y Cyfan ",
     progressText: "Tudalen {0} o {1}",
     indexText: "{0} o {1}",
@@ -28792,7 +29088,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["cy"]
 // showDetails: "Show Details" => "Dangos manylion"
 // hideDetails: "Hide Details" => "Manylion Cuddio"
 // ok: "OK" => "OCÊ"
-// cancel: "Cancel" => "Canslo"
+// cancel: "Cancel" => "Canslo"// refuseItemText: "Refuse to answer" => "Gwrthod ateb"
+// dontKnowItemText: "Don't know" => "Ddim yn gwybod"
 
 
 /***/ }),
@@ -29514,7 +29811,7 @@ var PageModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(PageModel.prototype, "navigationTitle", {
         /**
-         * A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar) and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"buttons"`.
+         * A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar), [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"pages"`, and [`progressBarShowPageTitles`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarShowPageTitles) is `true`.
          *
          * If navigation titles are unspecified, the navigation buttons display page [titles](https://surveyjs.io/form-library/documentation/api-reference/page-model#title) or [names](https://surveyjs.io/form-library/documentation/pagemodel#name).
          */
@@ -29536,7 +29833,7 @@ var PageModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(PageModel.prototype, "navigationDescription", {
         /**
-         * Explanatory text displayed under a navigation button in the progress bar. Applies when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar) and `SurveyModel`'s [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) property is set to `"buttons"`.
+         * Explanatory text displayed under a navigation button in the progress bar. Applies when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar), `SurveyModel`'s [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"pages"`, and [`progressBarShowPageTitles`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarShowPageTitles) is `true`.
          */
         get: function () {
             return this.getLocalizableStringText("navigationDescription");
@@ -33527,8 +33824,8 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
         this.popupDirection = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].calculatePopupDirection(verticalPosition, actualHorizontalPosition);
         var pos = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].calculatePosition(targetElementRect, height, width + marginLeft + marginRight, verticalPosition, actualHorizontalPosition, this.showHeader, this.model.positionMode);
         if (!!window) {
-            var newVerticalDimensions = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].getCorrectedVerticalDimensions(pos.top, height, window.innerHeight);
-            if (!!newVerticalDimensions.height) {
+            var newVerticalDimensions = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].getCorrectedVerticalDimensions(pos.top, height, window.innerHeight, verticalPosition);
+            if (!!newVerticalDimensions) {
                 this.height = newVerticalDimensions.height + "px";
                 pos.top = newVerticalDimensions.top;
             }
@@ -34801,6 +35098,231 @@ function createDialogOptions(componentName, data, onApply, onCancel, onHide, onS
 }
 
 
+/***/ }),
+
+/***/ "./src/progress-buttons.ts":
+/*!*********************************!*\
+  !*** ./src/progress-buttons.ts ***!
+  \*********************************/
+/*! exports provided: ProgressButtons, ProgressButtonsResponsivityManager */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ProgressButtons", function() { return ProgressButtons; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ProgressButtonsResponsivityManager", function() { return ProgressButtonsResponsivityManager; });
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/base.ts");
+/* harmony import */ var _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./defaultCss/defaultV2Css */ "./src/defaultCss/defaultV2Css.ts");
+/* harmony import */ var _page__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./page */ "./src/page.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.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 ProgressButtons = /** @class */ (function (_super) {
+    __extends(ProgressButtons, _super);
+    function ProgressButtons(survey) {
+        var _this = _super.call(this) || this;
+        _this.survey = survey;
+        _this.onResize = _this.addEvent();
+        return _this;
+    }
+    ProgressButtons.prototype.isListElementClickable = function (index) {
+        if (!this.survey.onServerValidateQuestions ||
+            this.survey.onServerValidateQuestions.isEmpty ||
+            this.survey.checkErrorsMode === "onComplete") {
+            return true;
+        }
+        return index <= this.survey.currentPageNo + 1;
+    };
+    ProgressButtons.prototype.getRootCss = function (container) {
+        if (container === void 0) { container = "center"; }
+        var result = this.survey.css.progressButtonsContainerCenter;
+        if (this.survey.css.progressButtonsRoot) {
+            result += " " + this.survey.css.progressButtonsRoot + " " + this.survey.css.progressButtonsRoot + "--" + (["footer", "contentBottom"].indexOf(container) !== -1 ? "bottom" : "top");
+            result += " " + this.survey.css.progressButtonsRoot + "--" + (this.showItemTitles ? "with-titles" : "no-titles");
+        }
+        if (this.showItemNumbers && this.survey.css.progressButtonsNumbered) {
+            result += " " + this.survey.css.progressButtonsNumbered;
+        }
+        return result;
+    };
+    ProgressButtons.prototype.getListElementCss = function (index) {
+        if (index >= this.survey.visiblePages.length)
+            return;
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
+            .append(this.survey.css.progressButtonsListElementPassed, this.survey.visiblePages[index].passed)
+            .append(this.survey.css.progressButtonsListElementCurrent, this.survey.currentPageNo === index)
+            .append(this.survey.css.progressButtonsListElementNonClickable, !this.isListElementClickable(index))
+            .toString();
+    };
+    ProgressButtons.prototype.getScrollButtonCss = function (hasScroller, isLeftScroll) {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
+            .append(this.survey.css.progressButtonsImageButtonLeft, isLeftScroll)
+            .append(this.survey.css.progressButtonsImageButtonRight, !isLeftScroll)
+            .append(this.survey.css.progressButtonsImageButtonHidden, !hasScroller)
+            .toString();
+    };
+    ProgressButtons.prototype.clickListElement = function (element) {
+        if (!(element instanceof _page__WEBPACK_IMPORTED_MODULE_2__["PageModel"])) {
+            element = this.survey.visiblePages[element];
+        }
+        this.survey.tryNavigateToPage(element);
+    };
+    ProgressButtons.prototype.isListContainerHasScroller = function (element) {
+        var listContainerElement = element.querySelector("." + this.survey.css.progressButtonsListContainer);
+        if (!!listContainerElement) {
+            return listContainerElement.scrollWidth > listContainerElement.offsetWidth;
+        }
+        return false;
+    };
+    ProgressButtons.prototype.isCanShowItemTitles = function (element) {
+        var listContainerElement = element.querySelector("ul");
+        if (!listContainerElement || listContainerElement.children.length < 2)
+            return true;
+        if (listContainerElement.clientWidth > listContainerElement.parentElement.clientWidth) {
+            return false;
+        }
+        var expectedElementWidth = listContainerElement.children[0].clientWidth;
+        for (var i = 0; i < listContainerElement.children.length; i++) {
+            if (Math.abs(listContainerElement.children[i].clientWidth - expectedElementWidth) > 5) {
+                return false;
+            }
+        }
+        return true;
+    };
+    ProgressButtons.prototype.clearConnectorsWidth = function (element) {
+        var listContainerElements = element.querySelectorAll(".sd-progress-buttons__connector");
+        for (var i = 0; i < listContainerElements.length; i++) {
+            listContainerElements[i].style.width = "";
+        }
+    };
+    ProgressButtons.prototype.adjustConnectors = function (element) {
+        var listContainerElement = element.querySelector("ul");
+        if (!listContainerElement)
+            return;
+        var listContainerElements = element.querySelectorAll(".sd-progress-buttons__connector");
+        var connectorWidth = listContainerElement.clientWidth / (listContainerElement.children.length - 1) - 4;
+        for (var i = 0; i < listContainerElements.length; i++) {
+            listContainerElements[i].style.width = connectorWidth + "px";
+        }
+    };
+    Object.defineProperty(ProgressButtons.prototype, "showItemNumbers", {
+        get: function () {
+            if (_defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_1__["surveyCss"].currentType !== "defaultV2") {
+                return false;
+            }
+            return this.survey.progressBarShowPageNumbers;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ProgressButtons.prototype, "showItemTitles", {
+        get: function () {
+            if (_defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_1__["surveyCss"].currentType !== "defaultV2") {
+                return true;
+            }
+            return this.survey.progressBarShowPageTitles;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ProgressButtons.prototype.getItemNumber = function (page) {
+        var result = "";
+        if (this.showItemNumbers) {
+            result += this.survey.visiblePages.indexOf(page) + 1;
+        }
+        return result;
+    };
+    Object.defineProperty(ProgressButtons.prototype, "headerText", {
+        get: function () {
+            return this.survey.currentPage ? this.survey.currentPage.renderedNavigationTitle : "";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ProgressButtons.prototype, "footerText", {
+        get: function () {
+            return this.survey.progressText;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ProgressButtons.prototype.processResponsiveness = function (width) {
+        this.onResize.fire(this, { width: width });
+    };
+    return ProgressButtons;
+}(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+var ProgressButtonsResponsivityManager = /** @class */ (function () {
+    function ProgressButtonsResponsivityManager(model, element, viewModel) {
+        var _this = this;
+        this.model = model;
+        this.element = element;
+        this.viewModel = viewModel;
+        this.criticalProperties = ["progressBarType", "progressBarShowPageTitles"];
+        this.canShowItemTitles = true;
+        this.processResponsiveness = function (model, options) {
+            _this.viewModel.onUpdateScroller(model.isListContainerHasScroller(_this.element));
+            if (!model.showItemTitles) {
+                _this.model.adjustConnectors(_this.element);
+                return;
+            }
+            if (model.survey.isMobile) {
+                _this.prevWidth = options.width;
+                _this.canShowItemTitles = false;
+                _this.model.adjustConnectors(_this.element);
+                _this.viewModel.onResize(_this.canShowItemTitles);
+                return;
+            }
+            _this.model.clearConnectorsWidth(_this.element);
+            if (_this.timer !== undefined) {
+                clearTimeout(_this.timer);
+            }
+            _this.timer = setTimeout(function () {
+                if (_this.prevWidth === undefined || _this.prevWidth < options.width && !_this.canShowItemTitles || _this.prevWidth > options.width && _this.canShowItemTitles) {
+                    _this.prevWidth = options.width;
+                    _this.canShowItemTitles = model.isCanShowItemTitles(_this.element);
+                    _this.viewModel.onResize(_this.canShowItemTitles);
+                    _this.timer = undefined;
+                }
+            }, 10);
+        };
+        this.model.survey.registerFunctionOnPropertiesValueChanged(this.criticalProperties, function () { return _this.forceUpdate(); }, "ProgressButtonsResponsivityManager" + this.viewModel.container);
+        this.model.onResize.add(this.processResponsiveness);
+        this.forceUpdate();
+    }
+    ProgressButtonsResponsivityManager.prototype.forceUpdate = function () {
+        this.viewModel.onUpdateSettings();
+        this.processResponsiveness(this.model, {});
+    };
+    ProgressButtonsResponsivityManager.prototype.dispose = function () {
+        clearTimeout(this.timer);
+        this.model.onResize.remove(this.processResponsiveness);
+        this.model.survey.unRegisterFunctionOnPropertiesValueChanged(this.criticalProperties, "ProgressButtonsResponsivityManager" + this.viewModel.container);
+        this.element = undefined;
+        this.model = undefined;
+    };
+    return ProgressButtonsResponsivityManager;
+}());
+
+
+
 /***/ }),
 
 /***/ "./src/question.ts":
@@ -38365,7 +38887,6 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     function QuestionSelectBase(name) {
         var _this = _super.call(this, name) || this;
         _this.otherItemValue = new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"]("other");
-        _this.noneItemValue = new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].noneItemValue);
         _this.isSettingDefaultValue = false;
         _this.isSettingComment = false;
         _this.isRunningChoices = false;
@@ -38374,9 +38895,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         _this.headItemsCount = 0;
         _this.footItemsCount = 0;
         _this.prevIsOtherSelected = false;
-        var noneItemText = _this.createLocalizableString("noneText", _this.noneItemValue, true, "noneItemText");
-        _this.noneItemValue.locOwner = _this;
-        _this.noneItemValue.setLocText(noneItemText);
+        _this.noneItemValue = _this.createDefaultItem(_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].noneItemValue, "noneText", "noneItemText");
+        _this.refuseItemValue = _this.createDefaultItem(_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].refuseItemValue, "refuseText", "refuseItemText");
+        _this.dontKnowItemValue = _this.createDefaultItem(_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].dontKnowItemValue, "dontKnowText", "dontKnowItemText");
         _this.createItemValues("choices");
         _this.registerPropertyChangedHandlers(["choices"], function () {
             if (!_this.filterItems()) {
@@ -38384,7 +38905,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             }
         });
         _this.registerPropertyChangedHandlers(["choicesFromQuestion", "choicesFromQuestionMode", "choiceValuesFromQuestion",
-            "choiceTextsFromQuestion", "showNoneItem", "isUsingRestful"], function () {
+            "choiceTextsFromQuestion", "showNoneItem", "showRefuseItem", "showDontKnowItem", "isUsingRestful", "isMessagePanelVisible"], function () {
             _this.onVisibleChoicesChanged();
         });
         _this.registerPropertyChangedHandlers(["hideIfChoicesEmpty"], function () {
@@ -38552,7 +39073,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionSelectBase.prototype, "isNoneSelected", {
         get: function () {
-            return this.hasNone && this.getIsItemValue(this.renderedValue, this.noneItem);
+            return this.showNoneItem && this.getIsItemValue(this.renderedValue, this.noneItem);
         },
         enumerable: false,
         configurable: true
@@ -38564,6 +39085,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
          * When users select the "None" item in multi-select questions, all other items become unselected.
          * @see noneItem
          * @see noneText
+         * @see [settings.noneItemValue](https://surveyjs.io/form-library/documentation/api-reference/settings#noneItemValue)
          * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
          */
         get: function () {
@@ -38617,6 +39139,115 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionSelectBase.prototype, "showRefuseItem", {
+        /**
+         * Specifies whether to display the "Refuse to answer" choice item.
+         *
+         * When users select the "Refuse to answer" item in multi-select questions, all other items become unselected.
+         * @see refuseItem
+         * @see refuseItemText
+         * @see [settings.refuseItemValue](https://surveyjs.io/form-library/documentation/api-reference/settings#refuseItemValue)
+         * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
+         */
+        get: function () {
+            return this.getPropertyValue("showRefuseItem");
+        },
+        set: function (val) {
+            this.setPropertyValue("showRefuseItem", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "refuseItem", {
+        /**
+         * Returns the "Refuse to answer" choice item. Use this property to change the item's `value` or `text`.
+         * @see showRefuseItem
+         */
+        get: function () {
+            return this.refuseItemValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "refuseText", {
+        /**
+         * Gets or sets a caption for the "Refuse to answer" choice item.
+         * @see showRefuseItem
+         */
+        get: function () {
+            return this.getLocalizableStringText("refuseText");
+        },
+        set: function (val) {
+            this.setLocalizableStringText("refuseText", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "locRefuseText", {
+        get: function () {
+            return this.getLocalizableString("refuseText");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "showDontKnowItem", {
+        /**
+         * Specifies whether to display the "Don't know" choice item.
+         *
+         * When users select the "Don't know" item in multi-select questions, all other items become unselected.
+         * @see dontKnowItem
+         * @see dontKnowItemText
+         * @see [settings.dontKnowItemValue](https://surveyjs.io/form-library/documentation/api-reference/settings#dontKnowItemValue)
+         * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
+         */
+        get: function () {
+            return this.getPropertyValue("showDontKnowItem");
+        },
+        set: function (val) {
+            this.setPropertyValue("showDontKnowItem", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "dontKnowItem", {
+        /**
+         * Returns the "Don't know" choice item. Use this property to change the item's `value` or `text`.
+         * @see showDontKnowItem
+         */
+        get: function () {
+            return this.dontKnowItemValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "dontKnowText", {
+        /**
+         * Gets or sets a caption for the "Don't know" choice item.
+         * @see showDontKnowItem
+         */
+        get: function () {
+            return this.getLocalizableStringText("dontKnowText");
+        },
+        set: function (val) {
+            this.setLocalizableStringText("dontKnowText", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "locDontKnowText", {
+        get: function () {
+            return this.getLocalizableString("dontKnowText");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionSelectBase.prototype.createDefaultItem = function (defaultValue, name, locName) {
+        var item = new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](defaultValue);
+        var locStr = this.createLocalizableString(name, item, true, locName);
+        item.locOwner = this;
+        item.setLocText(locStr);
+        return item;
+    };
     Object.defineProperty(QuestionSelectBase.prototype, "choicesVisibleIf", {
         /**
          * A Boolean expression that is evaluated against each choice item. If the expression evaluates to `false`, the choice item becomes hidden.
@@ -39038,7 +39669,11 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             return false;
         if (includeOther && val == this.otherItem.value)
             return false;
-        if (this.hasNone && val == this.noneItem.value)
+        if (this.showNoneItem && val == this.noneItem.value)
+            return false;
+        if (this.showRefuseItem && val == this.refuseItem.value)
+            return false;
+        if (this.showDontKnowItem && val == this.dontKnowItem.value)
             return false;
         var choices = isFilteredChoices
             ? this.getFilteredChoices()
@@ -39360,7 +39995,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     };
     QuestionSelectBase.prototype.canUseFilteredChoices = function () {
         return (!this.isAddDefaultItems &&
-            !this.hasNone &&
+            !this.showNoneItem &&
+            !this.showRefuseItem &&
+            !this.showDontKnowItem &&
             !this.hasOther &&
             this.choicesOrder == "none");
     };
@@ -39378,7 +40015,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.addToVisibleChoices = function (items, isAddAll) {
         this.headItemsCount = 0;
         this.footItemsCount = 0;
-        if (!this.hasChoicesUrl) {
+        if (!this.isEmptyActiveChoicesInDesign) {
             this.addNewItemToVisibleChoices(items, isAddAll);
         }
         var dict = new Array();
@@ -39413,15 +40050,23 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         }
     };
     QuestionSelectBase.prototype.addNonChoicesItems = function (dict, isAddAll) {
-        if (this.supportNone() && this.canShowOptionItem(this.noneItem, isAddAll, this.hasNone)) {
-            this.addNonChoiceItem(dict, this.noneItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.noneItem);
+        if (this.supportNone()) {
+            this.addNonChoiceItem(dict, this.noneItem, isAddAll, this.showNoneItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.noneItem);
+        }
+        if (this.supportRefuse()) {
+            this.addNonChoiceItem(dict, this.refuseItem, isAddAll, this.showRefuseItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.refuseItem);
         }
-        if (this.supportOther() && this.canShowOptionItem(this.otherItem, isAddAll, this.hasOther)) {
-            this.addNonChoiceItem(dict, this.otherItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.otherItem);
+        if (this.supportDontKnow()) {
+            this.addNonChoiceItem(dict, this.dontKnowItem, isAddAll, this.showDontKnowItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.dontKnowItem);
+        }
+        if (this.supportOther()) {
+            this.addNonChoiceItem(dict, this.otherItem, isAddAll, this.hasOther, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.otherItem);
         }
     };
-    QuestionSelectBase.prototype.addNonChoiceItem = function (dict, item, order) {
-        order.forEach(function (val) { return dict.push({ index: val, item: item }); });
+    QuestionSelectBase.prototype.addNonChoiceItem = function (dict, item, isAddAll, showItem, order) {
+        if (this.canShowOptionItem(item, isAddAll, showItem)) {
+            order.forEach(function (val) { return dict.push({ index: val, item: item }); });
+        }
     };
     QuestionSelectBase.prototype.canShowOptionItem = function (item, isAddAll, hasItem) {
         var res = (isAddAll && (!!this.canShowOptionItemCallback ? this.canShowOptionItemCallback(item) : true)) || hasItem;
@@ -39435,7 +40080,11 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         if (item === this.otherItem)
             return this.hasOther;
         if (item === this.noneItem)
-            return this.hasNone;
+            return this.showNoneItem;
+        if (item === this.refuseItem)
+            return this.showRefuseItem;
+        if (item === this.dontKnowItem)
+            return this.showDontKnowItem;
         if (item === this.newItemValue)
             return false;
         return true;
@@ -39542,13 +40191,30 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 question.addDependedQuestion(this);
                 return this.getChoicesFromArrayQuestion(question);
             }
-            if (this.isDesignModeV2 && this.hasChoicesUrl)
+            if (this.isEmptyActiveChoicesInDesign)
                 return [];
             return this.choicesFromUrl ? this.choicesFromUrl : this.getChoices();
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionSelectBase.prototype, "isMessagePanelVisible", {
+        get: function () {
+            return this.getPropertyValue("isMessagePanelVisible", false);
+        },
+        set: function (val) {
+            this.setPropertyValue("isMessagePanelVisible", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "isEmptyActiveChoicesInDesign", {
+        get: function () {
+            return this.isDesignModeV2 && (this.hasChoicesUrl || this.isMessagePanelVisible);
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionSelectBase.prototype.getCarryForwardQuestion = function (data) {
         var question = this.findCarryForwardQuestion(data);
         var selBaseQuestion = this.getQuestionWithChoicesCore(question);
@@ -39619,7 +40285,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 : undefined;
         var choices = question.visibleChoices;
         for (var i = 0; i < choices.length; i++) {
-            if (this.isBuiltInChoice(choices[i], question))
+            if (question.isBuiltInChoice(choices[i]))
                 continue;
             if (isSelected === undefined) {
                 res.push(this.copyChoiceItem(choices[i]));
@@ -39648,7 +40314,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 choices = this.visibleChoices;
             }
             for (var i = 0; i < choices.length; i++) {
-                if (!this.isBuiltInChoice(choices[i], this))
+                if (!this.isBuiltInChoice(choices[i]))
                     return true;
             }
             return false;
@@ -39656,10 +40322,16 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionSelectBase.prototype.isBuiltInChoice = function (item, question) {
-        return (item === question.noneItem ||
-            item === question.otherItem ||
-            item === question.newItemValue);
+    QuestionSelectBase.prototype.isBuiltInChoice = function (item) {
+        return this.isNoneItem(item) ||
+            item === this.otherItem ||
+            item === this.newItemValue;
+    };
+    QuestionSelectBase.prototype.isNoneItem = function (item) {
+        return this.getNoneItems().indexOf(item) > -1;
+    };
+    QuestionSelectBase.prototype.getNoneItems = function () {
+        return [this.noneItem, this.refuseItem, this.dontKnowItem];
     };
     QuestionSelectBase.prototype.getChoices = function () {
         return this.choices;
@@ -39670,6 +40342,12 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.supportNone = function () {
         return this.isSupportProperty("showNoneItem");
     };
+    QuestionSelectBase.prototype.supportRefuse = function () {
+        return this.isSupportProperty("showRefuseItem");
+    };
+    QuestionSelectBase.prototype.supportDontKnow = function () {
+        return this.isSupportProperty("showDontKnowItem");
+    };
     QuestionSelectBase.prototype.isSupportProperty = function (propName) {
         return (!this.isDesignMode ||
             this.getPropertyByName(propName).visible);
@@ -39964,15 +40642,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionSelectBase.prototype.clearIncorrectValues = function () {
-        if (!this.hasValueToClearIncorrectValues())
-            return;
-        if (this.carryForwardQuestion && !this.carryForwardQuestion.isReady)
-            return;
-        if (!!this.survey &&
-            this.survey.questionsByValueName(this.getValueName()).length > 1)
-            return;
-        if (this.hasChoicesUrl &&
-            (!this.choicesFromUrl || this.choicesFromUrl.length == 0))
+        if (!this.hasValueToClearIncorrectValues() || !this.canClearIncorrectValues())
             return;
         if (this.clearIncorrectValuesCallback) {
             this.clearIncorrectValuesCallback();
@@ -39981,6 +40651,15 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             this.clearIncorrectValuesCore();
         }
     };
+    QuestionSelectBase.prototype.canClearIncorrectValues = function () {
+        if (this.carryForwardQuestion && !this.carryForwardQuestion.isReady)
+            return false;
+        if (!!this.survey && this.survey.questionsByValueName(this.getValueName()).length > 1)
+            return false;
+        if (this.hasChoicesUrl && (!this.choicesFromUrl || this.choicesFromUrl.length == 0))
+            return false;
+        return true;
+    };
     QuestionSelectBase.prototype.hasValueToClearIncorrectValues = function () {
         if (!!this.survey && this.survey.keepIncorrectValues)
             return false;
@@ -40116,7 +40795,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     Object.defineProperty(QuestionSelectBase.prototype, "dataChoices", {
         get: function () {
             var _this = this;
-            return this.visibleChoices.filter(function (item) { return !_this.isBuiltInChoice(item, _this); });
+            return this.visibleChoices.filter(function (item) { return !_this.isBuiltInChoice(item); });
         },
         enumerable: false,
         configurable: true
@@ -40458,6 +41137,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("selectbase", [
     { name: "separateSpecialChoices:boolean", visible: false },
     { name: "showOtherItem:boolean", alternativeName: "hasOther" },
     { name: "showNoneItem:boolean", alternativeName: "hasNone" },
+    { name: "showRefuseItem:boolean", visible: false },
+    { name: "showDontKnowItem:boolean", visible: false },
     {
         name: "otherPlaceholder",
         alternativeName: "otherPlaceHolder",
@@ -40472,7 +41153,23 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("selectbase", [
         serializationProperty: "locNoneText",
         dependsOn: "showNoneItem",
         visibleIf: function (obj) {
-            return obj.hasNone;
+            return obj.showNoneItem;
+        },
+    },
+    {
+        name: "refuseText",
+        serializationProperty: "locRefuseText",
+        dependsOn: "showRefuseItem",
+        visibleIf: function (obj) {
+            return obj.showRefuseItem;
+        },
+    },
+    {
+        name: "dontKnowText",
+        serializationProperty: "locDontKnowText",
+        dependsOn: "showDontKnowItem",
+        visibleIf: function (obj) {
+            return obj.showDontKnowItem;
         },
     },
     {
@@ -40876,6 +41573,21 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
     QuestionBooleanModel.prototype.createActionContainer = function (allowAdaptiveActions) {
         return _super.prototype.createActionContainer.call(this, this.renderAs !== "checkbox");
     };
+    Object.defineProperty(QuestionBooleanModel.prototype, "isNewA11yStructure", {
+        //a11y
+        get: function () {
+            return true;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionBooleanModel.prototype, "a11y_input_ariaRole", {
+        get: function () {
+            return "switch";
+        },
+        enumerable: false,
+        configurable: true
+    });
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionBooleanModel.prototype, "booleanValueRendered", void 0);
@@ -41310,8 +42022,11 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
          * @see showSelectAllItem
          */
         get: function () {
-            if (this.isItemSelected(this.noneItem))
-                return false;
+            var noneItems = this.getNoneItems();
+            for (var i = 0; i < noneItems.length; i++) {
+                if (this.isItemSelected(noneItems[i]))
+                    return false;
+            }
             var items = this.getVisibleEnableItems();
             if (items.length === 0)
                 return false;
@@ -41368,19 +42083,24 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
             }
         }
         else {
-            var newValue = [].concat(this.renderedValue || []);
-            var index = newValue.indexOf(item.value);
-            if (checked) {
-                if (index < 0) {
-                    newValue.push(item.value);
-                }
+            if (this.isNoneItem(item)) {
+                this.renderedValue = [item.value];
             }
             else {
-                if (index > -1) {
-                    newValue.splice(index, 1);
+                var newValue = [].concat(this.renderedValue || []);
+                var index = newValue.indexOf(item.value);
+                if (checked) {
+                    if (index < 0) {
+                        newValue.push(item.value);
+                    }
+                }
+                else {
+                    if (index > -1) {
+                        newValue.splice(index, 1);
+                    }
                 }
+                this.renderedValue = newValue;
             }
-            this.renderedValue = newValue;
         }
     };
     QuestionCheckboxModel.prototype.isItemSelectedCore = function (item) {
@@ -41609,21 +42329,7 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
             value = [];
         if (this.isTwoValueEquals(value, newValue))
             return;
-        if (this.hasNone) {
-            var prevNoneIndex = this.noneIndexInArray(value);
-            var newNoneIndex = this.noneIndexInArray(newValue);
-            if (prevNoneIndex > -1) {
-                if (newNoneIndex > -1 && newValue.length > 1) {
-                    newValue.splice(newNoneIndex, 1);
-                }
-            }
-            else {
-                if (newNoneIndex > -1) {
-                    newValue.splice(0, newValue.length);
-                    newValue.push(this.noneItem.value);
-                }
-            }
-        }
+        this.removeNoneItemsValues(value, newValue);
         _super.prototype.setNewValue.call(this, newValue);
     };
     QuestionCheckboxModel.prototype.getIsMultipleValue = function () {
@@ -41651,15 +42357,47 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
         }
         return -1;
     };
-    QuestionCheckboxModel.prototype.noneIndexInArray = function (val) {
-        if (!val || !Array.isArray(val))
-            return -1;
-        var noneValue = this.noneItem.value;
-        for (var i = 0; i < val.length; i++) {
-            if (val[i] == noneValue)
-                return i;
+    QuestionCheckboxModel.prototype.removeNoneItemsValues = function (value, newValue) {
+        var noneValues = [];
+        if (this.showNoneItem)
+            noneValues.push(this.noneItem.value);
+        if (this.showRefuseItem)
+            noneValues.push(this.refuseItem.value);
+        if (this.showDontKnowItem)
+            noneValues.push(this.dontKnowItem.value);
+        if (noneValues.length > 0) {
+            var prevNone = this.noneIndexInArray(value, noneValues);
+            var newNone = this.noneIndexInArray(newValue, noneValues);
+            if (prevNone.index > -1) {
+                if (prevNone.val === newNone.val) {
+                    if (newValue.length > 0) {
+                        newValue.splice(newNone.index, 1);
+                    }
+                }
+                else {
+                    var prevNewNone = this.noneIndexInArray(newValue, [prevNone.val]);
+                    if (prevNewNone.index > -1 && prevNewNone.index < newValue.length - 1) {
+                        newValue.splice(prevNewNone.index, 1);
+                    }
+                }
+            }
+            else {
+                if (newNone.index > -1 && newValue.length > 1) {
+                    var itemVal = this.convertValueToObject([newNone.val])[0];
+                    newValue.splice(0, newValue.length, itemVal);
+                }
+            }
         }
-        return -1;
+    };
+    QuestionCheckboxModel.prototype.noneIndexInArray = function (val, noneValues) {
+        if (!Array.isArray(val))
+            return { index: -1, val: undefined };
+        for (var i = val.length - 1; i >= 0; i--) {
+            var index = noneValues.indexOf(this.getRealValue(val[i]));
+            if (index > -1)
+                return { index: i, val: noneValues[index] };
+        }
+        return { index: -1, val: undefined };
     };
     QuestionCheckboxModel.prototype.canUseFilteredChoices = function () {
         return !this.hasSelectAll && _super.prototype.canUseFilteredChoices.call(this);
@@ -41669,12 +42407,12 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
     };
     QuestionCheckboxModel.prototype.addNonChoicesItems = function (dict, isAddAll) {
         _super.prototype.addNonChoicesItems.call(this, dict, isAddAll);
-        if (this.supportSelectAll() && this.canShowOptionItem(this.selectAllItem, isAddAll, this.hasSelectAll)) {
-            this.addNonChoiceItem(dict, this.selectAllItem, _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].specialChoicesOrder.selectAllItem);
+        if (this.supportSelectAll()) {
+            this.addNonChoiceItem(dict, this.selectAllItem, isAddAll, this.hasSelectAll, _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].specialChoicesOrder.selectAllItem);
         }
     };
-    QuestionCheckboxModel.prototype.isBuiltInChoice = function (item, question) {
-        return item === question.selectAllItem || _super.prototype.isBuiltInChoice.call(this, item, question);
+    QuestionCheckboxModel.prototype.isBuiltInChoice = function (item) {
+        return item === this.selectAllItem || _super.prototype.isBuiltInChoice.call(this, item);
     };
     QuestionCheckboxModel.prototype.isItemInList = function (item) {
         if (item == this.selectAllItem)
@@ -42291,6 +43029,35 @@ var ComponentQuestionJSON = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    ComponentQuestionJSON.prototype.getDynamicProperties = function () {
+        if (!Array.isArray(this.dynamicProperties)) {
+        }
+        this.dynamicProperties = this.calcDynamicProperties();
+        return this.dynamicProperties;
+    };
+    ComponentQuestionJSON.prototype.calcDynamicProperties = function () {
+        var baseProps = this.json.inheritBaseProps;
+        if (!baseProps || !this.json.questionJSON)
+            return [];
+        var type = this.json.questionJSON.type;
+        if (!type)
+            return [];
+        if (Array.isArray(baseProps)) {
+            var props_1 = [];
+            baseProps.forEach(function (name) {
+                var prop = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].findProperty(type, name);
+                if (prop) {
+                    props_1.push(prop);
+                }
+            });
+            return props_1;
+        }
+        var invalidNames = [];
+        for (var key in this.json.questionJSON) {
+            invalidNames.push(key);
+        }
+        return _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].getDynamicPropertiesByTypes(this.name, type, invalidNames);
+    };
     return ComponentQuestionJSON;
 }());
 
@@ -42632,8 +43399,18 @@ var QuestionCustomModel = /** @class */ (function (_super) {
     QuestionCustomModel.prototype.getTemplate = function () {
         return "custom";
     };
+    QuestionCustomModel.prototype.getDynamicProperties = function () {
+        return this.customQuestion.getDynamicProperties() || [];
+    };
+    QuestionCustomModel.prototype.getDynamicType = function () {
+        return this.questionWrapper ? this.questionWrapper.getType() : "question";
+    };
+    QuestionCustomModel.prototype.getOriginalObj = function () {
+        return this.questionWrapper;
+    };
     QuestionCustomModel.prototype.createWrapper = function () {
         this.questionWrapper = this.createQuestion();
+        this.createDynamicProperties(this.questionWrapper);
     };
     QuestionCustomModel.prototype.getElement = function () {
         return this.contentQuestion;
@@ -42808,6 +43585,14 @@ var QuestionCustomModel = /** @class */ (function (_super) {
         }
         this.isSettingValueChanged = false;
     };
+    QuestionCustomModel.prototype.createDynamicProperties = function (el) {
+        if (!el)
+            return;
+        var props = this.getDynamicProperties();
+        if (Array.isArray(props)) {
+            _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addDynamicPropertiesIntoObj(this, el, props);
+        }
+    };
     QuestionCustomModel.prototype.initElement = function (el) {
         var _this = this;
         _super.prototype.initElement.call(this, el);
@@ -43304,7 +44089,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         }
     };
     QuestionDropdownModel.prototype.supportGoNextPageAutomatic = function () {
-        return true;
+        return !this.isOtherSelected;
     };
     QuestionDropdownModel.prototype.getChoices = function () {
         var items = _super.prototype.getChoices.call(this);
@@ -43553,6 +44338,9 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
             }
         })
     ], QuestionDropdownModel.prototype, "searchEnabled", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], QuestionDropdownModel.prototype, "searchMode", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
     ], QuestionDropdownModel.prototype, "inputHasValue", void 0);
@@ -43580,6 +44368,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("dropdown", [
     { name: "autocomplete", alternativeName: "autoComplete", choices: _settings__WEBPACK_IMPORTED_MODULE_5__["settings"].questions.dataList, },
     { name: "renderAs", default: "default", visible: false },
     { name: "searchEnabled:boolean", default: true, visible: false },
+    { name: "searchMode", default: "contains", choices: ["contains", "startsWith"], },
     { name: "choicesLazyLoadEnabled:boolean", default: false, visible: false },
     { name: "choicesLazyLoadPageSize:number", default: 25, visible: false },
     { name: "inputFieldComponent", visible: false },
@@ -44169,6 +44958,9 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("expression", [
             return getCurrecyCodes();
         },
         default: "USD",
+        visibleIf: function (obj) {
+            return obj.displayStyle === "currency";
+        }
     },
     { name: "maximumFractionDigits:number", default: -1 },
     { name: "minimumFractionDigits:number", default: -1 },
@@ -44442,7 +45234,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
         };
         _this.doClean = function () {
             if (_this.needConfirmRemoveFile) {
-                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); });
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); }, undefined, _this.getLocale());
                 return;
             }
             _this.clearFilesCore();
@@ -45332,7 +46124,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.doRemoveFile = function (data) {
         var _this = this;
         if (this.needConfirmRemoveFile) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); }, undefined, this.getLocale());
             return;
         }
         this.removeFileCore(data);
@@ -46140,12 +46932,10 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionImagePickerModel.prototype.supportOther = function () {
-        return false;
-    };
-    QuestionImagePickerModel.prototype.supportNone = function () {
-        return false;
-    };
+    QuestionImagePickerModel.prototype.supportOther = function () { return false; };
+    QuestionImagePickerModel.prototype.supportNone = function () { return false; };
+    QuestionImagePickerModel.prototype.supportRefuse = function () { return false; };
+    QuestionImagePickerModel.prototype.supportDontKnow = function () { return false; };
     QuestionImagePickerModel.prototype.isAnswerCorrect = function () {
         if (!this.multiSelect)
             return _super.prototype.isAnswerCorrect.call(this);
@@ -46369,7 +47159,7 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionImagePickerModel.prototype.isBuiltInChoice = function (item, question) {
+    QuestionImagePickerModel.prototype.isBuiltInChoice = function (item) {
         return false;
     };
     QuestionImagePickerModel.prototype.addToVisibleChoices = function (items, isAddAll) {
@@ -46520,6 +47310,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("imagepicker", [
     { name: "showOtherItem", visible: false },
     { name: "otherText", visible: false },
     { name: "showNoneItem", visible: false },
+    { name: "showRefuseItem", visible: false },
+    { name: "showDontKnowItem", visible: false },
     { name: "noneText", visible: false },
     { name: "optionsCaption", visible: false },
     { name: "otherErrorText", visible: false },
@@ -46626,7 +47418,7 @@ var MatrixRowModel = /** @class */ (function (_super) {
         _this.item = item;
         _this.fullName = fullName;
         _this.data = data;
-        _this.value = value;
+        _this.setValueDirectly(value);
         _this.cellClick = function (column) {
             _this.value = column.value;
         };
@@ -47094,6 +47886,11 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(QuestionMatrixModel.prototype, "cells", {
+        /**
+         * An array of matrix cells. Use this array to get or set cell values.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/questiontype-matrix-rubric/ (linkStyle))
+         */
         get: function () {
             return this.cellsValue;
         },
@@ -51302,32 +52099,8 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         }
     };
     MatrixDropdownColumn.prototype.addProperties = function (curCellType) {
-        var question = this.templateQuestion;
-        var properties = this.getProperties(curCellType);
-        for (var i = 0; i < properties.length; i++) {
-            var prop = properties[i];
-            this.addProperty(question, prop.name, false);
-            if (prop.serializationProperty) {
-                this.addProperty(question, prop.serializationProperty, true);
-            }
-            if (prop.alternativeName) {
-                this.addProperty(question, prop.alternativeName, false);
-            }
-        }
-    };
-    MatrixDropdownColumn.prototype.addProperty = function (question, propName, isReadOnly) {
-        var desc = {
-            configurable: true,
-            get: function () {
-                return question[propName];
-            },
-        };
-        if (!isReadOnly) {
-            desc["set"] = function (v) {
-                question[propName] = v;
-            };
-        }
-        Object.defineProperty(this, propName, desc);
+        var props = this.getProperties(curCellType);
+        _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addDynamicPropertiesIntoObj(this, this.templateQuestion, props);
     };
     return MatrixDropdownColumn;
 }(_base__WEBPACK_IMPORTED_MODULE_1__["Base"]));
@@ -53272,7 +54045,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
             confirmDelete = this.isRequireConfirmOnRowDelete(index);
         }
         if (confirmDelete) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removeRowAsync(index, row); });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removeRowAsync(index, row); }, undefined, this.getLocale());
             return;
         }
         this.removeRowAsync(index, row);
@@ -55845,9 +56618,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                     }
                 }
             }
-            var removedPanels = [];
             if (val < this.panelCount) {
-                removedPanels = this.panelsCore.splice(val, this.panelCount - val);
+                this.panelsCore.splice(val, this.panelCount - val);
             }
             this.setValueAfterPanelsCreating();
             this.setValueBasedOnPanelCount();
@@ -56453,7 +57225,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!this.canRemovePanel)
             return;
         if (this.isRequireConfirmOnDelete(value)) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removePanel(value); });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removePanel(value); }, undefined, this.getLocale());
         }
         else {
             this.removePanel(value);
@@ -56558,7 +57330,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         }
     };
     QuestionPanelDynamicModel.prototype.getQuestionFromArray = function (name, index) {
-        if (index >= this.panelCount)
+        if (index < 0 || index >= this.panelsCore.length)
             return null;
         return this.panelsCore[index].getQuestionByName(name);
     };
@@ -56862,10 +57634,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     QuestionPanelDynamicModel.prototype.clearValueInPanelsIfInvisible = function (reason) {
         for (var i = 0; i < this.panelsCore.length; i++) {
-            var questions = this.panelsCore[i].questions;
+            var panel = this.panelsCore[i];
+            var questions = panel.questions;
             this.isSetPanelItemData = {};
             for (var j = 0; j < questions.length; j++) {
                 var q = questions[j];
+                if (q.visible && !panel.isVisible)
+                    continue;
                 q.clearValueIfInvisible(reason);
                 this.isSetPanelItemData[q.getValueName()] = this.maxCheckCount + 1;
             }
@@ -57714,7 +58489,7 @@ var QuestionRadiogroupModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionRadiogroupModel.prototype.supportGoNextPageAutomatic = function () {
-        return this.isMouseDown === true;
+        return this.isMouseDown === true && !this.isOtherSelected;
     };
     QuestionRadiogroupModel.prototype.setNewComment = function (newValue) {
         this.isMouseDown = true;
@@ -57842,8 +58617,11 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         _this.domNode = null;
         _this.onVisibleChoicesChanged = function () {
             _super.prototype.onVisibleChoicesChanged.call(_this);
+            if (_this.carryForwardStartUnranked && !_this.isValueSetByUser && !_this.selectToRankEnabled) {
+                _this.value = [];
+            }
             // ranking question with only one choice doesn't make sense
-            if (_this.visibleChoices.length === 1) {
+            if (_this.visibleChoices.length === 1 && !_this.selectToRankEnabled) {
                 _this.value = [];
                 _this.value.push(_this.visibleChoices[0].value);
                 _this.updateRankingChoices();
@@ -57916,12 +58694,14 @@ var QuestionRankingModel = /** @class */ (function (_super) {
                 itemsNodes[index].focus();
             }
         };
+        _this.isValueSetByUser = false;
         _this.setValue = function () {
             var value = [];
             _this.rankingChoices.forEach(function (choice) {
                 value.push(choice.value);
             });
             _this.value = value;
+            _this.isValueSetByUser = true;
         };
         _this.createNewArray("rankingChoices");
         _this.registerFunctionOnPropertyValueChanged("selectToRankEnabled", function () {
@@ -58177,15 +58957,11 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     QuestionRankingModel.prototype.beforeDestroyQuestionElement = function (el) {
         _super.prototype.beforeDestroyQuestionElement.call(this, el);
     };
-    QuestionRankingModel.prototype.supportSelectAll = function () {
-        return false;
-    };
-    QuestionRankingModel.prototype.supportOther = function () {
-        return false;
-    };
-    QuestionRankingModel.prototype.supportNone = function () {
-        return false;
-    };
+    QuestionRankingModel.prototype.supportSelectAll = function () { return false; };
+    QuestionRankingModel.prototype.supportOther = function () { return false; };
+    QuestionRankingModel.prototype.supportNone = function () { return false; };
+    QuestionRankingModel.prototype.supportRefuse = function () { return false; };
+    QuestionRankingModel.prototype.supportDontKnow = function () { return false; };
     QuestionRankingModel.prototype.handleKeydownSelectToRank = function (event, movedElement) {
         if (this.isDesignMode)
             return;
@@ -58354,6 +59130,9 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_3__["property"])({ defaultValue: null })
     ], QuestionRankingModel.prototype, "dropTargetNodeMove", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_3__["property"])({ defaultValue: true })
+    ], QuestionRankingModel.prototype, "carryForwardStartUnranked", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_3__["property"])({ localizable: { defaultStr: "selectToRankEmptyRankedAreaText" } })
     ], QuestionRankingModel.prototype, "selectToRankEmptyRankedAreaText", void 0);
@@ -58369,6 +59148,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_3__["Serializer"].addClass("ranking", [
     { name: "otherErrorText", visible: false, isSerializable: false },
     { name: "storeOthersAsComment", visible: false, isSerializable: false },
     { name: "showNoneItem", visible: false, isSerializable: false },
+    { name: "showRefuseItem", visible: false, isSerializable: false },
+    { name: "showDontKnowItem", visible: false, isSerializable: false },
     { name: "noneText", visible: false, isSerializable: false },
     { name: "showSelectAllItem", visible: false, isSerializable: false },
     { name: "selectAllText", visible: false, isSerializable: false },
@@ -59072,8 +59853,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionRatingModel.prototype, "ratingRootCss", {
         get: function () {
-            var baseClass = ((this.displayMode == "buttons" || (!!this.survey && this.survey.isDesignMode)) && this.cssClasses.rootWrappable) ?
-                this.cssClasses.rootWrappable : this.cssClasses.root;
+            var baseClassModifier = ((this.displayMode == "buttons" || (!!this.survey && this.survey.isDesignMode)) && this.cssClasses.rootWrappable) ?
+                this.cssClasses.rootWrappable : "";
             var rootClassModifier = "";
             if (this.hasMaxLabel || this.hasMinLabel) {
                 if (this.rateDescriptionLocation == "top")
@@ -59084,7 +59865,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
                     rootClassModifier = this.cssClasses.rootLabelsDiagonal;
             }
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
-                .append(baseClass)
+                .append(this.cssClasses.root)
+                .append(baseClassModifier)
                 .append(rootClassModifier)
                 .append(this.cssClasses.itemSmall, this.itemSmallMode && this.rateType != "labels")
                 .toString();
@@ -60584,7 +61366,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionTextModel.prototype.getMaxLength = function () {
-        if (this.inputType !== "text")
+        if (!this.isTextInput)
             return null;
         return _super.prototype.getMaxLength.call(this);
     };
@@ -60975,8 +61757,10 @@ var QuestionTextModel = /** @class */ (function (_super) {
         return !this.isReadOnly && this.inputType !== "range";
     };
     QuestionTextModel.prototype.getControlCssClassBuilder = function () {
+        var maxLength = this.getMaxLength();
         return _super.prototype.getControlCssClassBuilder.call(this)
-            .append(this.cssClasses.constrolWithCharacterCounter, !!this.getMaxLength());
+            .append(this.cssClasses.constrolWithCharacterCounter, !!maxLength)
+            .append(this.cssClasses.characterCounterBig, maxLength > 99);
     };
     QuestionTextModel.prototype.isReadOnlyRenderDiv = function () {
         return this.isReadOnly && _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].readOnly.textRenderMode === "div";
@@ -61921,7 +62705,7 @@ var SurveyQuestionBoolean = /** @class */ (function (_super) {
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { className: itemClass, onClick: this.handleOnClick },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
                         ? ""
-                        : this.question.booleanValue, id: this.question.inputId, className: cssClasses.control, disabled: this.isDisplayMode, checked: this.question.booleanValue || false, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy }),
+                        : this.question.booleanValue, id: this.question.inputId, className: cssClasses.control, disabled: this.isDisplayMode, checked: this.question.booleanValue || false, onChange: this.handleOnChange, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_ariaDescribedBy }),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, false); } },
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.getLabelCss(false) }, this.renderLocString(this.question.locLabelFalse))),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.switch, onClick: this.handleOnSwitchClick },
@@ -66245,23 +67029,304 @@ _element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.re
 
 /***/ }),
 
-/***/ "./src/react/rating-dropdown.tsx":
+/***/ "./src/react/progress.tsx":
+/*!********************************!*\
+  !*** ./src/react/progress.tsx ***!
+  \********************************/
+/*! exports provided: SurveyProgress */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgress", function() { return SurveyProgress; });
+/* 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 survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
+/* harmony import */ var _reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactSurveyNavigationBase */ "./src/react/reactSurveyNavigationBase.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
+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 SurveyProgress = /** @class */ (function (_super) {
+    __extends(SurveyProgress, _super);
+    function SurveyProgress(props) {
+        return _super.call(this, props) || this;
+    }
+    Object.defineProperty(SurveyProgress.prototype, "isTop", {
+        get: function () {
+            return this.props.isTop;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyProgress.prototype, "progress", {
+        get: function () {
+            return this.survey.progressValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyProgress.prototype, "progressText", {
+        get: function () {
+            return this.survey.progressText;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyProgress.prototype.render = function () {
+        var progressStyle = {
+            width: this.progress + "%",
+        };
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.getProgressCssClasses(this.props.container) },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
+    };
+    return SurveyProgress;
+}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__["SurveyNavigationBase"]));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-pages", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
+});
+_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-questions", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
+});
+_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-correctquestions", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
+});
+_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-requiredquestions", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
+});
+
+
+/***/ }),
+
+/***/ "./src/react/progressButtons.tsx":
 /*!***************************************!*\
-  !*** ./src/react/rating-dropdown.tsx ***!
+  !*** ./src/react/progressButtons.tsx ***!
   \***************************************/
-/*! exports provided: RatingDropdownItem, SurveyQuestionRatingDropdown */
+/*! exports provided: SurveyProgressButtons */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRatingDropdown", function() { return SurveyQuestionRatingDropdown; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtons", function() { return SurveyProgressButtons; });
 /* 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 survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
-/* harmony import */ var _dropdown_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dropdown-base */ "./src/react/dropdown-base.tsx");
-/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
-/* harmony import */ var _components_rating_rating_dropdown_item__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/rating/rating-dropdown-item */ "./src/react/components/rating/rating-dropdown-item.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RatingDropdownItem", function() { return _components_rating_rating_dropdown_item__WEBPACK_IMPORTED_MODULE_4__["RatingDropdownItem"]; });
+/* harmony import */ var _reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactSurveyNavigationBase */ "./src/react/reactSurveyNavigationBase.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
+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 SurveyProgressButtons = /** @class */ (function (_super) {
+    __extends(SurveyProgressButtons, _super);
+    function SurveyProgressButtons(props) {
+        var _this = _super.call(this, props) || this;
+        _this.listContainerRef = react__WEBPACK_IMPORTED_MODULE_0__["createRef"]();
+        return _this;
+    }
+    Object.defineProperty(SurveyProgressButtons.prototype, "model", {
+        get: function () {
+            return this.props.model;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyProgressButtons.prototype, "container", {
+        get: function () {
+            return this.props.container;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyProgressButtons.prototype.onResize = function (canShowItemTitles) {
+        this.setState({ canShowItemTitles: canShowItemTitles });
+        this.setState({ canShowHeader: !canShowItemTitles });
+    };
+    SurveyProgressButtons.prototype.onUpdateScroller = function (hasScroller) {
+        this.setState({ hasScroller: hasScroller });
+    };
+    SurveyProgressButtons.prototype.onUpdateSettings = function () {
+        this.setState({ canShowItemTitles: this.model.showItemTitles });
+        this.setState({ canShowFooter: !this.model.showItemTitles });
+    };
+    SurveyProgressButtons.prototype.render = function () {
+        var _this = this;
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.model.getRootCss(this.props.container), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
+            this.state.canShowHeader ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsHeader },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsContainer },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, true), role: "button", onClick: function () {
+                        return _this.clickScrollButton(_this.listContainerRef.current, true);
+                    } }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsListContainer, ref: this.listContainerRef },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", { className: this.css.progressButtonsList }, this.getListElements())),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, false), role: "button", onClick: function () {
+                        return _this.clickScrollButton(_this.listContainerRef.current, false);
+                    } })),
+            this.state.canShowFooter ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsFooter },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: this.model.footerText }, this.model.footerText)) : null));
+    };
+    SurveyProgressButtons.prototype.getListElements = function () {
+        var _this = this;
+        var buttons = [];
+        this.survey.visiblePages.forEach(function (page, index) {
+            buttons.push(_this.renderListElement(page, index));
+        });
+        return buttons;
+    };
+    SurveyProgressButtons.prototype.renderListElement = function (page, index) {
+        var _this = this;
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", { key: "listelement" + index, className: this.model.getListElementCss(index), onClick: this.model.isListElementClickable(index)
+                ? function () { return _this.model.clickListElement(page); }
+                : undefined, "data-page-number": this.model.getItemNumber(page) },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsConnector }),
+            this.state.canShowItemTitles ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, page.renderedNavigationTitle),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null));
+    };
+    SurveyProgressButtons.prototype.clickScrollButton = function (listContainerElement, isLeftScroll) {
+        if (!!listContainerElement) {
+            listContainerElement.scrollLeft += (isLeftScroll ? -1 : 1) * 70;
+        }
+    };
+    SurveyProgressButtons.prototype.componentDidMount = function () {
+        var _this = this;
+        _super.prototype.componentDidMount.call(this);
+        setTimeout(function () {
+            _this.respManager = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ProgressButtonsResponsivityManager"](_this.model, _this.listContainerRef.current, _this);
+        }, 10);
+    };
+    SurveyProgressButtons.prototype.componentWillUnmount = function () {
+        this.respManager.dispose();
+        _super.prototype.componentWillUnmount.call(this);
+    };
+    return SurveyProgressButtons;
+}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__["SurveyNavigationBase"]));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-buttons", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgressButtons, props);
+});
+
+
+/***/ }),
+
+/***/ "./src/react/progressToc.tsx":
+/*!***********************************!*\
+  !*** ./src/react/progressToc.tsx ***!
+  \***********************************/
+/*! exports provided: SurveyProgressToc */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressToc", function() { return SurveyProgressToc; });
+/* 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 _reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactSurveyNavigationBase */ "./src/react/reactSurveyNavigationBase.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
+/* harmony import */ var _components_list_list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/list/list */ "./src/react/components/list/list.tsx");
+/* harmony import */ var _components_popup_popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/popup/popup */ "./src/react/components/popup/popup.tsx");
+/* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __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 SurveyProgressToc = /** @class */ (function (_super) {
+    __extends(SurveyProgressToc, _super);
+    function SurveyProgressToc() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SurveyProgressToc.prototype.render = function () {
+        var tocModel = this.props.model;
+        var content;
+        if (tocModel.isMobile) {
+            content = react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { onClick: tocModel.togglePopup },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_5__["SvgIcon"], { iconName: tocModel.icon, size: 24 }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_popup_popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], { model: tocModel.popupModel }));
+        }
+        else {
+            content = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_list_list__WEBPACK_IMPORTED_MODULE_3__["List"], { model: tocModel.listModel });
+        }
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: tocModel.containerCss }, content));
+    };
+    return SurveyProgressToc;
+}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_1__["SurveyNavigationBase"]));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("sv-navigation-toc", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgressToc, props);
+});
+
+
+/***/ }),
+
+/***/ "./src/react/rating-dropdown.tsx":
+/*!***************************************!*\
+  !*** ./src/react/rating-dropdown.tsx ***!
+  \***************************************/
+/*! exports provided: RatingDropdownItem, SurveyQuestionRatingDropdown */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRatingDropdown", function() { return SurveyQuestionRatingDropdown; });
+/* 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 survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
+/* harmony import */ var _dropdown_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dropdown-base */ "./src/react/dropdown-base.tsx");
+/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
+/* harmony import */ var _components_rating_rating_dropdown_item__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/rating/rating-dropdown-item */ "./src/react/components/rating/rating-dropdown-item.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RatingDropdownItem", function() { return _components_rating_rating_dropdown_item__WEBPACK_IMPORTED_MODULE_4__["RatingDropdownItem"]; });
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -66859,273 +67924,6 @@ var SurveyNavigationBase = /** @class */ (function (_super) {
 
 
 
-/***/ }),
-
-/***/ "./src/react/reactSurveyProgress.tsx":
-/*!*******************************************!*\
-  !*** ./src/react/reactSurveyProgress.tsx ***!
-  \*******************************************/
-/*! exports provided: SurveyProgress */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgress", function() { return SurveyProgress; });
-/* 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 survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
-/* harmony import */ var _reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactSurveyNavigationBase */ "./src/react/reactSurveyNavigationBase.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
-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 SurveyProgress = /** @class */ (function (_super) {
-    __extends(SurveyProgress, _super);
-    function SurveyProgress(props) {
-        return _super.call(this, props) || this;
-    }
-    Object.defineProperty(SurveyProgress.prototype, "isTop", {
-        get: function () {
-            return this.props.isTop;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SurveyProgress.prototype, "progress", {
-        get: function () {
-            return this.survey.progressValue;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SurveyProgress.prototype, "progressText", {
-        get: function () {
-            return this.survey.progressText;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    SurveyProgress.prototype.render = function () {
-        var progressStyle = {
-            width: this.progress + "%",
-        };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.getProgressCssClasses(this.props.container) },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
-    };
-    return SurveyProgress;
-}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__["SurveyNavigationBase"]));
-
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-pages", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
-});
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-questions", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
-});
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-correctquestions", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
-});
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-requiredquestions", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
-});
-
-
-/***/ }),
-
-/***/ "./src/react/reactSurveyProgressButtons.tsx":
-/*!**************************************************!*\
-  !*** ./src/react/reactSurveyProgressButtons.tsx ***!
-  \**************************************************/
-/*! exports provided: SurveyProgressButtons */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtons", function() { return SurveyProgressButtons; });
-/* 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 survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
-/* harmony import */ var _reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactSurveyNavigationBase */ "./src/react/reactSurveyNavigationBase.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
-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 SurveyProgressButtons = /** @class */ (function (_super) {
-    __extends(SurveyProgressButtons, _super);
-    function SurveyProgressButtons(props) {
-        var _this = _super.call(this, props) || this;
-        _this.updateScroller = undefined;
-        _this.progressButtonsModel = new survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressButtonsModel"](_this.survey);
-        _this.listContainerRef = react__WEBPACK_IMPORTED_MODULE_0__["createRef"]();
-        return _this;
-    }
-    SurveyProgressButtons.prototype.render = function () {
-        var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsContainerCenter },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsContainer },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.getScrollButtonCss(true), role: "button", onClick: function () {
-                        return _this.clickScrollButton(_this.listContainerRef.current, true);
-                    } }),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsListContainer, ref: this.listContainerRef },
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", { className: this.css.progressButtonsList }, this.getListElements())),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.getScrollButtonCss(false), role: "button", onClick: function () {
-                        return _this.clickScrollButton(_this.listContainerRef.current, false);
-                    } }))));
-    };
-    SurveyProgressButtons.prototype.getListElements = function () {
-        var _this = this;
-        var buttons = [];
-        this.survey.visiblePages.forEach(function (page, index) {
-            buttons.push(_this.renderListElement(page, index));
-        });
-        return buttons;
-    };
-    SurveyProgressButtons.prototype.renderListElement = function (page, index) {
-        var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", { key: "listelement" + index, className: this.getListElementCss(index), onClick: this.isListElementClickable(index)
-                ? function () { return _this.clickListElement(index); }
-                : undefined },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, page.renderedNavigationTitle),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)));
-    };
-    SurveyProgressButtons.prototype.isListElementClickable = function (index) {
-        return this.progressButtonsModel.isListElementClickable(index);
-    };
-    SurveyProgressButtons.prototype.getListElementCss = function (index) {
-        return this.progressButtonsModel.getListElementCss(index);
-    };
-    SurveyProgressButtons.prototype.clickListElement = function (index) {
-        this.progressButtonsModel.clickListElement(index);
-    };
-    SurveyProgressButtons.prototype.getScrollButtonCss = function (isLeftScroll) {
-        return this.progressButtonsModel.getScrollButtonCss(this.state.hasScroller, isLeftScroll);
-    };
-    SurveyProgressButtons.prototype.clickScrollButton = function (listContainerElement, isLeftScroll) {
-        if (!!listContainerElement) {
-            listContainerElement.scrollLeft += (isLeftScroll ? -1 : 1) * 70;
-        }
-    };
-    SurveyProgressButtons.prototype.componentDidMount = function () {
-        var _this = this;
-        this.updateScroller = setInterval(function () {
-            if (!!_this.listContainerRef.current) {
-                _this.setState({ hasScroller: _this.listContainerRef.current.scrollWidth > _this.listContainerRef.current.offsetWidth, });
-            }
-        }, 100);
-    };
-    SurveyProgressButtons.prototype.componentWillUnmount = function () {
-        if (typeof this.updateScroller !== "undefined") {
-            clearInterval(this.updateScroller);
-            this.updateScroller = undefined;
-        }
-    };
-    return SurveyProgressButtons;
-}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__["SurveyNavigationBase"]));
-
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-buttons", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgressButtons, props);
-});
-
-
-/***/ }),
-
-/***/ "./src/react/reactSurveyProgressToc.tsx":
-/*!**********************************************!*\
-  !*** ./src/react/reactSurveyProgressToc.tsx ***!
-  \**********************************************/
-/*! exports provided: SurveyProgressToc */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressToc", function() { return SurveyProgressToc; });
-/* 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 _reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactSurveyNavigationBase */ "./src/react/reactSurveyNavigationBase.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
-/* harmony import */ var _components_list_list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/list/list */ "./src/react/components/list/list.tsx");
-/* harmony import */ var _components_popup_popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/popup/popup */ "./src/react/components/popup/popup.tsx");
-/* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __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 SurveyProgressToc = /** @class */ (function (_super) {
-    __extends(SurveyProgressToc, _super);
-    function SurveyProgressToc() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SurveyProgressToc.prototype.render = function () {
-        var tocModel = this.props.model;
-        var content;
-        if (tocModel.isMobile) {
-            content = react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { onClick: tocModel.togglePopup },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_5__["SvgIcon"], { iconName: tocModel.icon, size: 24 }),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_popup_popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], { model: tocModel.popupModel }));
-        }
-        else {
-            content = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_list_list__WEBPACK_IMPORTED_MODULE_3__["List"], { model: tocModel.listModel });
-        }
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: tocModel.containerCss }, content));
-    };
-    return SurveyProgressToc;
-}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_1__["SurveyNavigationBase"]));
-
-_element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("sv-navigation-toc", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgressToc, props);
-});
-
-
 /***/ }),
 
 /***/ "./src/react/reactquestion.tsx":
@@ -68003,13 +68801,27 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
         _this.state = { comment: _this.getComment() || "" };
         return _this;
     }
-    SurveyQuestionCommentItem.prototype.getStateComment = function () {
-        var comment = this.getComment();
-        var stateComment = this.state.comment;
-        if (stateComment !== undefined && stateComment.trim() !== comment) {
-            stateComment = comment;
+    SurveyQuestionCommentItem.prototype.componentDidUpdate = function (prevProps, prevState) {
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+        this.updateDomElement();
+    };
+    SurveyQuestionCommentItem.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        this.updateDomElement();
+    };
+    SurveyQuestionCommentItem.prototype.updateDomElement = function () {
+        if (!!this.control) {
+            var control = this.control;
+            var newValue = this.getComment() || "";
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(newValue, control.value, false, true, false)) {
+                control.value = newValue;
+            }
+        }
+    };
+    SurveyQuestionCommentItem.prototype.setControl = function (element) {
+        if (!!element) {
+            this.control = element;
         }
-        return stateComment !== undefined ? stateComment : comment || "";
     };
     SurveyQuestionCommentItem.prototype.canRender = function () {
         return !!this.props.question;
@@ -68036,18 +68848,11 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
         var _this = this;
         var question = this.props.question;
         var className = this.props.otherCss || this.cssClasses.comment;
-        var handleOnChange = function (event) {
-            _this.setState({ comment: event.target.value });
-            // https://github.com/surveyjs/survey-library/issues/7252
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(_this.getComment(), event.target.value, false, true, false)) {
-                _this.setComment(event.target.value);
-            }
-        };
-        var comment = this.getStateComment();
         if (question.isReadOnlyRenderDiv()) {
+            var comment = this.getComment() || "";
             return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, comment);
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("textarea", { id: this.getId(), className: className, value: comment, disabled: this.isDisplayMode, maxLength: question.getOthersMaxLength(), placeholder: this.getPlaceholder(), onChange: handleOnChange, onBlur: function (e) { _this.onCommentChange(e); handleOnChange(e); }, onInput: function (e) { return _this.onCommentInput(e); }, "aria-required": question.isRequired || question.a11y_input_ariaRequired, "aria-label": question.ariaLabel || question.a11y_input_ariaLabel, style: { resize: question.resizeStyle } }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("textarea", { id: this.getId(), className: className, ref: function (textarea) { return (_this.setControl(textarea)); }, disabled: this.isDisplayMode, maxLength: question.getOthersMaxLength(), placeholder: this.getPlaceholder(), onBlur: function (e) { _this.onCommentChange(e); }, onInput: function (e) { return _this.onCommentInput(e); }, "aria-required": question.isRequired || question.a11y_input_ariaRequired, "aria-label": question.ariaLabel || question.a11y_input_ariaLabel, style: { resize: question.resizeStyle } }));
     };
     return SurveyQuestionCommentItem;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElement"]));
@@ -71234,7 +72039,7 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locPlaceholder)),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
                 this.renderBackgroundImage(),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0, className: this.question.cssClasses.canvas, onBlur: this.question.onBlur })),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: -1, className: this.question.cssClasses.canvas, onBlur: this.question.onBlur })),
             clearButton,
             loadingIndicator));
     };
@@ -72179,8 +72984,8 @@ var settings = {
      * @param message A message to be displayed in the confirm dialog window.
      * @param callback A callback function that should be called with `true` if a user confirms an action or `false` otherwise.
      */
-    confirmActionAsync: function (message, callback, applyTitle) {
-        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle);
+    confirmActionAsync: function (message, callback, applyTitle, locale) {
+        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle, locale);
     },
     /**
      * A minimum width value for all survey elements.
@@ -72231,15 +73036,27 @@ var settings = {
      */
     showItemsInOrder: "default",
     /**
-     * A value to save in survey results when respondents select the None choice item.
+     * A value to save in survey results when respondents select the "None" choice item.
      *
      * Default value: `"none"`
      */
     noneItemValue: "none",
     /**
-     * An object whose properties specify the order of the special choice items (None, Other, Select All) in select-based questions.
+     * A value to save in survey results when respondents select the "Refuse to answer" choice item.
+     *
+     * Default value: `"refused"`
+     */
+    refuseItemValue: "refused",
+    /**
+     * A value to save in survey results when respondents select the "Don't know" choice item.
      *
-     * Default value: `{ selectAllItem: [-1], noneItem: [1], otherItem: [2] }`
+     * Default value: `"dontknow"`
+     */
+    dontKnowItemValue: "dontknow",
+    /**
+     * An object whose properties specify the order of the special choice items ("None", "Other", "Select All", "Refuse to answer", "Don't know") in select-based questions.
+     *
+     * Default value: `{ selectAllItem: [-1], noneItem: [1], otherItem: [2], dontKnowItem: [3], otherItem: [4] }`
      *
      * Use this object to reorder special choices. Each property accepts an array of integer numbers. Negative numbers place a special choice item above regular choice items, positive numbers place it below them. For instance, the code below specifies the following order of choices: None, Select All, regular choices, Other.
      *
@@ -72260,7 +73077,9 @@ var settings = {
     specialChoicesOrder: {
         selectAllItem: [-1],
         noneItem: [1],
-        otherItem: [2]
+        refuseItem: [2],
+        dontKnowItem: [3],
+        otherItem: [4]
     },
     /**
      * A list of supported validators by question type.
@@ -72314,6 +73133,12 @@ var settings = {
      * Default value: `true`
      */
     showMaxLengthIndicator: true,
+    /**
+     * Set to `false` to disable animations
+     *
+     * Default value: `true`
+    */
+    animationEnabled: true,
     /**
      * An object that specifies heading levels (`<h1>`, `<h2>`, etc.) to use when rendering survey, page, panel, and question titles.
      *
@@ -72399,7 +73224,8 @@ var settings = {
             "email",
             "impp",
         ]
-    }
+    },
+    legacyProgressBarView: false
 };
 
 
@@ -74224,7 +75050,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./header */ "./src/header.ts");
 /* harmony import */ var _surveytimer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./surveytimer */ "./src/surveytimer.ts");
 /* harmony import */ var _surveyTaskManager__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./surveyTaskManager */ "./src/surveyTaskManager.ts");
-/* harmony import */ var _surveyToc__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./surveyToc */ "./src/surveyToc.ts");
+/* harmony import */ var _progress_buttons__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./progress-buttons */ "./src/progress-buttons.ts");
+/* harmony import */ var _surveyToc__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./surveyToc */ "./src/surveyToc.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -74268,6 +75095,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -74737,6 +75565,12 @@ var SurveyModel = /** @class */ (function (_super) {
          * [View Demo](https://surveyjs.io/form-library/examples/lazy-loading-dropdown/ (linkStyle))
          */
         _this.onChoicesLazyLoad = _this.addEvent();
+        /**
+         * An event that is raised each time a search string in a [Dropdown](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model) or [Tag Box](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model) question changes. Use this event to implement custom filtering of choice options.
+         * @see [QuestionDropdownModel.searchEnabled](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model#searchEnabled)
+         * @see [QuestionDropdownModel.searchMode](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model#searchMode)
+         */
+        _this.onChoicesSearch = _this.addEvent();
         /**
          * Use this event to load a display text for the [default choice item](https://surveyjs.io/form-library/documentation/questiondropdownmodel#defaultValue) in [Dropdown](https://surveyjs.io/form-library/documentation/questiondropdownmodel) and [Tag Box](https://surveyjs.io/form-library/documentation/questiontagboxmodel) questions.
          *
@@ -75108,6 +75942,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 _this.onScrollCallback = undefined;
             }
         });
+        _this.progressBarValue = new _progress_buttons__WEBPACK_IMPORTED_MODULE_23__["ProgressButtons"](_this);
         _this.layoutElements.push({
             id: "timerpanel",
             template: "survey-timerpanel",
@@ -75117,7 +75952,8 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.layoutElements.push({
             id: "progress-buttons",
             component: "sv-progress-buttons",
-            data: _this
+            data: _this.progressBar,
+            processResponsiveness: function (width) { return _this.progressBar.processResponsiveness && _this.progressBar.processResponsiveness(width); }
         });
         _this.layoutElements.push({
             id: "progress-questions",
@@ -75142,10 +75978,10 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.addLayoutElement({
             id: "toc-navigation",
             component: "sv-navigation-toc",
-            data: new _surveyToc__WEBPACK_IMPORTED_MODULE_23__["TOCModel"](_this)
+            data: new _surveyToc__WEBPACK_IMPORTED_MODULE_24__["TOCModel"](_this)
         });
         _this.layoutElements.push({
-            id: "navigationbuttons",
+            id: "buttons-navigation",
             component: "sv-action-bar",
             data: _this.navigationBar
         });
@@ -77087,6 +77923,13 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "progressBar", {
+        get: function () {
+            return this.progressBarValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "showProgressBar", {
         /**
          * Controls the visibility of the progress bar and specifies its position.
@@ -77094,9 +77937,13 @@ var SurveyModel = /** @class */ (function (_super) {
          * Possible values:
          *
          * - `"off"` (default) - Hides the progress bar.
-         * - `"top"` - Displays the progress bar above survey content.
+         * - `"aboveHeader"` - Displays the progress bar above the survey header.
+         * - `"belowHeader"` - Displays the progress bar below the survey header.
          * - `"bottom"` - Displays the progress bar below survey content.
-         * - `"both"` - Displays the progress bar above and below survey content.
+         * - `"topBottom"` - Displays the progress bar above and below survey content.
+         * - `"auto"` - Automatically selects between `"aboveHeader"` and `"belowHeader"`.
+         * - `"top"` - *(Obsolete)* Use the `"aboveHeader"` or `"belowHeader"` property value instead.
+         * - `"both"` - *(Obsolete)* Use the `"topBottom"` property value instead.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/navigation-default/ (linkStyle))
          * @see progressBarType
@@ -77121,7 +77968,9 @@ var SurveyModel = /** @class */ (function (_super) {
          * - `"questions"` - The number of answered questions.
          * - `"requiredQuestions"` - The number of answered [required questions](https://surveyjs.io/form-library/documentation/api-reference/question#isRequired).
          * - `"correctQuestions"` - The number of correct questions in a [quiz](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
-         * - `"buttons"` - Adds jump links to the progress bar.
+         * - `"buttons"` - *(Obsolete)* Use the `"pages"` property value with the [`progressBarShowPageTitles`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#progressBarShowPageTitles) property set to `true` instead.
+         *
+         * > When `progressBarType` is set to `"pages"`, you can also enable the [`progressBarShowPageNumbers`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#progressBarShowPageNumbers) and [`progressBarShowPageTitles`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#progressBarShowPageTitles) properties if you want to display page numbers and titles in the progress bar.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/navigation-buttons/ (linkStyle))
          * @see progressValue
@@ -77134,16 +77983,33 @@ var SurveyModel = /** @class */ (function (_super) {
                 newValue = "correctQuestion";
             if (newValue === "requiredquestion")
                 newValue = "requiredQuestion";
+            // if (newValue === "buttons") {
+            //   newValue = "pages";
+            //   this.progressBarShowPageTitles = true;
+            // }
             this.setPropertyValue("progressBarType", newValue);
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "progressBarComponentName", {
+        get: function () {
+            var actualProgressBarType = this.progressBarType;
+            if (!_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].legacyProgressBarView && _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_4__["surveyCss"].currentType === "defaultV2") {
+                if (isStrCiEqual(actualProgressBarType, "pages")) {
+                    actualProgressBarType = "buttons";
+                }
+            }
+            return "progress-" + actualProgressBarType;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "isShowProgressBarOnTop", {
         get: function () {
             if (!this.canShowProresBar())
                 return false;
-            return this.showProgressBar === "top" || this.showProgressBar === "both";
+            return ["auto", "aboveheader", "belowheader", "topbottom", "top", "both"].indexOf(this.showProgressBar) !== -1;
         },
         enumerable: false,
         configurable: true
@@ -77152,7 +78018,7 @@ var SurveyModel = /** @class */ (function (_super) {
         get: function () {
             if (!this.canShowProresBar())
                 return false;
-            return this.showProgressBar === "bottom" || this.showProgressBar === "both";
+            return this.showProgressBar === "bottom" || this.showProgressBar === "both" || this.showProgressBar === "topbottom";
         },
         enumerable: false,
         configurable: true
@@ -79483,6 +80349,7 @@ var SurveyModel = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]()
             .append(this.css.root)
             .append(this.css.rootMobile, this.isMobile)
+            .append(this.css.rootAnimationDisabled, !_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].animationEnabled)
             .append(this.css.rootReadOnly, this.mode === "display")
             .append(this.css.rootCompact, this.isCompact)
             .append(this.css.rootFitToContainer, this.fitToContainer)
@@ -79864,7 +80731,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     /**
-     * Uploads a file to server.
+     * Uploads files to a server.
      *
      * The following code shows how to call this method:
      *
@@ -80512,6 +81379,12 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    /**
+     * Recalculates all [expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) in the survey.
+     */
+    SurveyModel.prototype.runExpressions = function () {
+        this.runConditions();
+    };
     SurveyModel.prototype.runConditions = function () {
         if (this.isCompleted ||
             this.isEndLoadingFromJson === "processing" ||
@@ -80748,6 +81621,12 @@ var SurveyModel = /** @class */ (function (_super) {
         this.onStateAndCurrentPageChanged();
         this.updateState();
     };
+    SurveyModel.prototype.startLoadingFromJson = function (json) {
+        _super.prototype.startLoadingFromJson.call(this, json);
+        if (json && json.locale) {
+            this.locale = json.locale;
+        }
+    };
     SurveyModel.prototype.setJsonObject = function (jsonObj) {
         this.fromJSON(jsonObj);
     };
@@ -81859,7 +82738,9 @@ var SurveyModel = /** @class */ (function (_super) {
      * @see onTimer
      */
     SurveyModel.prototype.startTimer = function () {
-        this.timerModel.start();
+        if (this.isEditMode) {
+            this.timerModel.start();
+        }
     };
     SurveyModel.prototype.startTimerFromUI = function () {
         if (this.showTimerPanel != "none" && this.state === "running") {
@@ -82133,7 +83014,7 @@ var SurveyModel = /** @class */ (function (_super) {
      *
      * This method accepts an object with the following layout element properties:
      *
-     * - `id`: `string` | `"timerpanel"` | `"progress-buttons"` | `"progress-questions"` | `"progress-pages"` | `"progress-correctquestions"` | `"progress-requiredquestions"` | `"toc-navigation"` | `"navigationbuttons"`\
+     * - `id`: `string` | `"timerpanel"` | `"progress-buttons"` | `"progress-questions"` | `"progress-pages"` | `"progress-correctquestions"` | `"progress-requiredquestions"` | `"toc-navigation"` | `"buttons-navigation"`\
      * A layout element identifier. You can use possible values to access and relocate or customize predefined layout elements.
      *
      * - `container`: `"header"` | `"footer"` | `"left"` | `"right"` | `"contentTop"` | `"contentBottom"`\
@@ -82182,10 +83063,13 @@ var SurveyModel = /** @class */ (function (_super) {
                     }
                 }
             }
-            else if (this.state === "running" && isStrCiEqual(layoutElement.id, "progress-" + this.progressBarType)) {
+            else if (this.state === "running" && isStrCiEqual(layoutElement.id, this.progressBarComponentName)) {
                 var headerLayoutElement = this.findLayoutElement("advanced-header");
                 var advHeader = headerLayoutElement && headerLayoutElement.data;
                 var isBelowHeader = !advHeader || advHeader.hasBackground;
+                if (isStrCiEqual(this.showProgressBar, "aboveHeader")) {
+                    isBelowHeader = false;
+                }
                 if (container === "header" && !isBelowHeader) {
                     layoutElement.index = -150;
                     if (this.isShowProgressBarOnTop && !this.isShowStartingPage) {
@@ -82206,7 +83090,7 @@ var SurveyModel = /** @class */ (function (_super) {
                     }
                 }
             }
-            else if (isStrCiEqual(layoutElement.id, "navigationbuttons")) {
+            else if (isStrCiEqual(layoutElement.id, "buttons-navigation")) {
                 if (container === "contentTop") {
                     if (["top", "both"].indexOf(this.isNavigationButtonsShowing) !== -1) {
                         containerLayoutElements.push(layoutElement);
@@ -82416,6 +83300,16 @@ var SurveyModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "wrapperFormCss", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            getDefaultValue: function (self) {
+                return self.progressBarType === "buttons";
+            },
+        })
+    ], SurveyModel.prototype, "progressBarShowPageTitles", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "progressBarShowPageNumbers", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "rootCss", void 0);
@@ -82551,7 +83445,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
     {
         name: "showProgressBar",
         default: "off",
-        choices: ["off", "top", "bottom", "both"],
+        choices: ["off", "auto", "aboveHeader", "belowHeader", "bottom", "topBottom"],
     },
     {
         name: "progressBarType",
@@ -82561,9 +83455,10 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
             "questions",
             "requiredQuestions",
             "correctQuestions",
-            "buttons",
         ],
     },
+    { name: "progressBarShowPageTitles:switch", category: "navigation" },
+    { name: "progressBarShowPageNumbers:switch", default: false, category: "navigation" },
     {
         name: "showTOC:switch",
         default: false
@@ -82710,56 +83605,6 @@ var SurveyProgressModel = /** @class */ (function () {
 
 
 
-/***/ }),
-
-/***/ "./src/surveyProgressButtons.ts":
-/*!**************************************!*\
-  !*** ./src/surveyProgressButtons.ts ***!
-  \**************************************/
-/*! exports provided: SurveyProgressButtonsModel */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtonsModel", function() { return SurveyProgressButtonsModel; });
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-
-var SurveyProgressButtonsModel = /** @class */ (function () {
-    function SurveyProgressButtonsModel(survey) {
-        this.survey = survey;
-    }
-    SurveyProgressButtonsModel.prototype.isListElementClickable = function (index) {
-        if (!this.survey.onServerValidateQuestions ||
-            this.survey.onServerValidateQuestions.isEmpty ||
-            this.survey.checkErrorsMode === "onComplete") {
-            return true;
-        }
-        return index <= this.survey.currentPageNo + 1;
-    };
-    SurveyProgressButtonsModel.prototype.getListElementCss = function (index) {
-        if (index >= this.survey.visiblePages.length)
-            return;
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_0__["CssClassBuilder"]()
-            .append(this.survey.css.progressButtonsListElementPassed, this.survey.visiblePages[index].passed)
-            .append(this.survey.css.progressButtonsListElementCurrent, this.survey.currentPageNo === index)
-            .append(this.survey.css.progressButtonsListElementNonClickable, !this.isListElementClickable(index))
-            .toString();
-    };
-    SurveyProgressButtonsModel.prototype.getScrollButtonCss = function (hasScroller, isLeftScroll) {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_0__["CssClassBuilder"]()
-            .append(this.survey.css.progressButtonsImageButtonLeft, isLeftScroll)
-            .append(this.survey.css.progressButtonsImageButtonRight, !isLeftScroll)
-            .append(this.survey.css.progressButtonsImageButtonHidden, !hasScroller)
-            .toString();
-    };
-    SurveyProgressButtonsModel.prototype.clickListElement = function (index) {
-        this.survey.tryNavigateToPage(this.survey.visiblePages[index]);
-    };
-    return SurveyProgressButtonsModel;
-}());
-
-
-
 /***/ }),
 
 /***/ "./src/surveyStrings.ts":
@@ -83824,6 +84669,13 @@ var Trigger = /** @class */ (function (_super) {
         }
         return res;
     };
+    Object.defineProperty(Trigger.prototype, "isInternal", {
+        get: function () {
+            return this.isGhost === true;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Trigger.prototype, "operator", {
         get: function () {
             return this.getPropertyValue("operator", "equal");
@@ -84760,8 +85612,11 @@ var PopupUtils = /** @class */ (function () {
         }
         return { left: Math.round(currentLeft), top: Math.round(currentTop) };
     };
-    PopupUtils.getCorrectedVerticalDimensions = function (top, height, windowHeight) {
-        var result = { height: height, top: top };
+    PopupUtils.getCorrectedVerticalDimensions = function (top, height, windowHeight, verticalPosition) {
+        var result;
+        if (verticalPosition === "top") {
+            result = { height: height, top: top };
+        }
         if (top < 0) {
             result = { height: height + top, top: 0 };
         }
@@ -85139,7 +85994,7 @@ function confirmAction(message) {
         return _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionFunc(message);
     return confirm(message);
 }
-function confirmActionAsync(message, funcOnYes, funcOnNo) {
+function confirmActionAsync(message, funcOnYes, funcOnNo, locale) {
     var callbackFunc = function (res) {
         if (res)
             funcOnYes();
@@ -85147,7 +86002,7 @@ function confirmActionAsync(message, funcOnYes, funcOnNo) {
             funcOnNo();
     };
     if (!!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"] && !!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync) {
-        if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync(message, callbackFunc))
+        if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync(message, callbackFunc, undefined, locale))
             return;
     }
     callbackFunc(confirmAction(message));
@@ -85496,7 +86351,7 @@ var Logger = /** @class */ (function () {
     return Logger;
 }());
 
-function showConfirmDialog(message, callback, applyTitle) {
+function showConfirmDialog(message, callback, applyTitle, locale) {
     var locStr = new _localizablestring__WEBPACK_IMPORTED_MODULE_0__["LocalizableString"](undefined);
     var popupViewModel = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
         componentName: "sv-string-viewer",
@@ -85517,9 +86372,9 @@ function showConfirmDialog(message, callback, applyTitle) {
     var toolbar = popupViewModel.footerToolbar;
     var applyBtn = toolbar.getActionById("apply");
     var cancelBtn = toolbar.getActionById("cancel");
-    cancelBtn.title = _surveyStrings__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].getString("cancel");
+    cancelBtn.title = _surveyStrings__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].getString("cancel", locale);
     cancelBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sd-btn sd-btn--small";
-    applyBtn.title = applyTitle || _surveyStrings__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].getString("ok");
+    applyBtn.title = applyTitle || _surveyStrings__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].getString("ok", locale);
     applyBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sv-popup__button--danger sd-btn sd-btn--small sd-btn--danger";
     popupViewModel.width = "452px";
     return true;