survey-core 1.9.127 → 1.9.128

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.127
+ * 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)
  */
@@ -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",
@@ -5829,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",
@@ -5875,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",
@@ -7807,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 ||
@@ -7840,6 +7848,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var DropdownListModel = /** @class */ (function (_super) {
     __extends(DropdownListModel, _super);
     function DropdownListModel(question, onSelectionChanged) {
@@ -7849,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: [] };
@@ -7879,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 {
@@ -7928,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();
@@ -8001,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) {
@@ -8020,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 () {
@@ -8035,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;
         }
@@ -8211,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 () {
@@ -8357,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 () {
@@ -8372,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;
@@ -8897,7 +8919,7 @@ var ElementHelper = /** @class */ (function () {
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, 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";
@@ -9213,8 +9235,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");
@@ -9372,8 +9396,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.127";
-ReleaseDate = "" + "2024-01-23";
+Version = "" + "1.9.128";
+ReleaseDate = "" + "2024-01-30";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9548,7 +9572,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";
@@ -9814,7 +9838,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"]; });
 
@@ -10011,7 +10037,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";
@@ -10277,7 +10303,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"]; });
 
@@ -17885,8 +17913,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", {
@@ -19583,7 +19618,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;
     };
@@ -19629,6 +19667,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; }
@@ -20493,6 +20534,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}",
@@ -21312,7 +21355,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).
          */
@@ -21334,7 +21377,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");
@@ -25241,6 +25284,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":
@@ -28805,7 +29073,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;
@@ -28814,9 +29081,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()) {
@@ -28824,7 +29091,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 () {
@@ -28992,7 +29259,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
@@ -29004,6 +29271,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 () {
@@ -29057,6 +29325,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.
@@ -29478,7 +29855,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()
@@ -29800,7 +30181,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");
     };
@@ -29818,7 +30201,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();
@@ -29853,15 +30236,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.supportDontKnow()) {
+            this.addNonChoiceItem(dict, this.dontKnowItem, isAddAll, this.showDontKnowItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.dontKnowItem);
         }
-        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.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;
@@ -29875,7 +30266,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;
@@ -29982,13 +30377,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);
@@ -30059,7 +30471,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]));
@@ -30088,7 +30500,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;
@@ -30096,10 +30508,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;
@@ -30110,6 +30528,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);
@@ -30404,15 +30828,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();
@@ -30421,6 +30837,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;
@@ -30556,7 +30981,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
@@ -30898,6 +31323,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",
@@ -30912,7 +31339,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;
         },
     },
     {
@@ -31765,8 +32208,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;
@@ -31823,19 +32269,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) {
@@ -32064,21 +32515,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 () {
@@ -32106,15 +32543,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);
@@ -32124,12 +32593,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)
@@ -33122,6 +33591,9 @@ var QuestionCustomModel = /** @class */ (function (_super) {
     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);
@@ -34052,6 +34524,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);
@@ -34079,6 +34554,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 },
@@ -36642,12 +37118,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);
@@ -36871,7 +37345,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) {
@@ -37022,6 +37496,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 },
@@ -37128,7 +37604,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;
         };
@@ -47344,10 +47820,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;
             }
@@ -48664,15 +49143,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;
@@ -48859,6 +49334,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 },
@@ -49562,8 +50039,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")
@@ -49574,7 +50051,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();
@@ -51074,7 +51552,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);
     };
@@ -52704,15 +53182,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: `{ selectAllItem: [-1], noneItem: [1], otherItem: [2] }`
+     * Default value: `"refused"`
+     */
+    refuseItemValue: "refused",
+    /**
+     * A value to save in survey results when respondents select the "Don't know" choice item.
+     *
+     * 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.
      *
@@ -52733,7 +53223,9 @@ var settings = {
     specialChoicesOrder: {
         selectAllItem: [-1],
         noneItem: [1],
-        otherItem: [2]
+        refuseItem: [2],
+        dontKnowItem: [3],
+        otherItem: [4]
     },
     /**
      * A list of supported validators by question type.
@@ -52787,6 +53279,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.
      *
@@ -52872,7 +53370,8 @@ var settings = {
             "email",
             "impp",
         ]
-    }
+    },
+    legacyProgressBarView: false
 };
 
 
@@ -54697,7 +55196,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 ||
@@ -54741,6 +55241,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -55210,6 +55711,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.
          *
@@ -55581,6 +56088,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",
@@ -55590,7 +56098,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",
@@ -55615,10 +56124,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
         });
@@ -57560,6 +58069,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.
@@ -57567,9 +58083,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
@@ -57594,7 +58114,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
@@ -57607,16 +58129,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
@@ -57625,7 +58164,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
@@ -59956,6 +60495,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)
@@ -60985,6 +61525,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" ||
@@ -61221,6 +61767,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);
     };
@@ -62332,7 +62884,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") {
@@ -62606,7 +63160,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"`\
@@ -62655,10 +63209,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) {
@@ -62679,7 +63236,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);
@@ -62889,6 +63446,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);
@@ -63024,7 +63591,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",
@@ -63034,9 +63601,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
@@ -63183,56 +63751,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":