survey-core 1.9.126 → 1.9.128

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.126
+ * surveyjs - Survey JavaScript library v1.9.128
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2041,8 +2041,8 @@ var Base = /** @class */ (function () {
      * Returns a JSON object that corresponds to the current SurveyJS object.
      * @see fromJSON
      */
-    Base.prototype.toJSON = function () {
-        return new _jsonobject__WEBPACK_IMPORTED_MODULE_2__["JsonObject"]().toJsonObject(this);
+    Base.prototype.toJSON = function (options) {
+        return new _jsonobject__WEBPACK_IMPORTED_MODULE_2__["JsonObject"]().toJsonObject(this, options);
     };
     /**
      * Assigns a new configuration to the current SurveyJS object. This configuration is taken from a passed JSON object.
@@ -5366,6 +5366,7 @@ var surveyCss = {
 var defaultV2Css = {
     root: "sd-root-modern",
     rootMobile: "sd-root-modern--mobile",
+    rootAnimationDisabled: "sd-root-modern--animation-disabled",
     rootReadOnly: "sd-root--readonly",
     rootCompact: "sd-root--compact",
     rootFitToContainer: "sd-root-modern--full-container",
@@ -5483,8 +5484,13 @@ var defaultV2Css = {
     progressBottom: "sd-body__progress--bottom",
     progressBar: "sd-progress__bar",
     progressText: "sd-progress__text",
+    progressButtonsRoot: "sd-progress-buttons",
+    progressButtonsNumbered: "sd-progress-buttons--numbered",
     progressButtonsContainerCenter: "sd-progress-buttons__container-center",
     progressButtonsContainer: "sd-progress-buttons__container",
+    progressButtonsConnector: "sd-progress-buttons__connector",
+    progressButtonsHeader: "sd-progress-buttons__header",
+    progressButtonsFooter: "sd-progress-buttons__footer",
     progressButtonsImageButtonLeft: "sd-progress-buttons__image-button-left",
     progressButtonsImageButtonRight: "sd-progress-buttons__image-button-right",
     progressButtonsImageButtonHidden: "sd-progress-buttons__image-button--hidden",
@@ -5674,6 +5680,7 @@ var defaultV2Css = {
         small: "sd-row__question--small",
         controlDisabled: "sd-input--disabled",
         constrolWithCharacterCounter: "sd-text__character-counter",
+        characterCounterBig: "sd-text__character-counter--big",
         content: "sd-text__content sd-question__content",
         remainingCharacterCounter: "sd-remaining-character-counter",
         onError: "sd-input--error"
@@ -5828,6 +5835,7 @@ var defaultV2Css = {
         noHeader: "sd-table--no-header",
         hasFooter: "sd-table--has-footer",
         tableWrapper: "sd-table-wrapper",
+        rootAlternateRows: "sd-table--alternate-rows",
         content: "sd-matrixdynamic__content sd-question__content",
         cell: "sd-table__cell",
         row: "sd-table__row",
@@ -5874,7 +5882,7 @@ var defaultV2Css = {
     rating: {
         rootDropdown: "sd-scrollable-container sd-scrollable-container--compact sd-selectbase",
         root: "sd-scrollable-container sd-rating",
-        rootWrappable: "sd-scrollable-container sd-rating sd-rating--wrappable",
+        rootWrappable: "sd-rating--wrappable",
         rootLabelsTop: "sd-rating--labels-top",
         rootLabelsBottom: "sd-rating--labels-bottom",
         rootLabelsDiagonal: "sd-rating--labels-diagonal",
@@ -7765,17 +7773,20 @@ var DragDropRankingSelectToRank = /** @class */ (function (_super) {
         var rankingChoices = questionModel.rankingChoices;
         var unRankingChoices = questionModel.unRankingChoices;
         var item = unRankingChoices[fromIndex];
+        questionModel.isValueSetByUser = true;
         rankingChoices.splice(toIndex, 0, item);
         questionModel.setPropertyValue("rankingChoices", rankingChoices);
     };
     DragDropRankingSelectToRank.prototype.unselectFromRank = function (questionModel, fromIndex, toIndex) {
         var rankingChoices = questionModel.rankingChoices;
+        questionModel.isValueSetByUser = true;
         rankingChoices.splice(fromIndex, 1);
         questionModel.setPropertyValue("rankingChoices", rankingChoices);
     };
     DragDropRankingSelectToRank.prototype.reorderRankedItem = function (questionModel, fromIndex, toIndex) {
         var rankingChoices = questionModel.rankingChoices;
         var item = rankingChoices[fromIndex];
+        questionModel.isValueSetByUser = true;
         rankingChoices.splice(fromIndex, 1);
         rankingChoices.splice(toIndex, 0, item);
         questionModel.setPropertyValue("rankingChoices", rankingChoices);
@@ -7803,9 +7814,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./list */ "./src/list.ts");
 /* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./popup */ "./src/popup.ts");
 /* harmony import */ var _question_dropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./question_dropdown */ "./src/question_dropdown.ts");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -7836,6 +7848,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var DropdownListModel = /** @class */ (function (_super) {
     __extends(DropdownListModel, _super);
     function DropdownListModel(question, onSelectionChanged) {
@@ -7845,6 +7858,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         _this.minPageSize = 25;
         _this.loadingItemHeight = 40;
         _this._markdownMode = false;
+        _this.filteredItems = undefined;
         _this.selectedItemSelector = ".sv-list__item--selected";
         _this.itemSelector = ".sv-list__item";
         _this.itemsSettings = { skip: 0, take: 0, totalCount: 0, items: [] };
@@ -7875,7 +7889,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         configurable: true
     });
     DropdownListModel.prototype.getFocusFirstInputSelector = function () {
-        if (_utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"]) {
+        if (_utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"]) {
             return this.isValueEmpty(this.question.value) ? this.itemSelector : this.selectedItemSelector;
         }
         else {
@@ -7924,11 +7938,11 @@ var DropdownListModel = /** @class */ (function (_super) {
     DropdownListModel.prototype.createPopup = function () {
         var _this = this;
         this._popupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: this.listModel }, "bottom", "center", false);
-        this._popupModel.displayMode = _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"] ? "overlay" : "popup";
+        this._popupModel.displayMode = _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"] ? "overlay" : "popup";
         this._popupModel.positionMode = "fixed";
         this._popupModel.isFocusedContainer = false;
-        this._popupModel.isFocusedContent = _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"];
-        this._popupModel.setWidthByTarget = !_utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"];
+        this._popupModel.isFocusedContent = _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"];
+        this._popupModel.setWidthByTarget = !_utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"];
         this.updatePopupFocusFirstInputSelector();
         this.listModel.registerPropertyChangedHandlers(["showFilter"], function () {
             _this.updatePopupFocusFirstInputSelector();
@@ -7997,6 +8011,14 @@ var DropdownListModel = /** @class */ (function (_super) {
             };
         }
         var res = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](visibleItems, _onSelectionChanged, false, undefined, this.question.choicesLazyLoadEnabled ? this.listModelFilterStringChanged : undefined, this.listElementId);
+        res.setOnTextSearchCallback(function (item, textToSearch) {
+            if (_this.filteredItems)
+                return _this.filteredItems.indexOf(item) >= 0;
+            var textInLow = item.text.toLocaleLowerCase();
+            textInLow = _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].comparator.normalizeTextCallback(textInLow, "filter");
+            var index = textInLow.indexOf(textToSearch.toLocaleLowerCase());
+            return _this.question.searchMode == "startsWith" ? index == 0 : index > -1;
+        });
         res.renderElements = false;
         res.forceShowFilter = true;
         res.areSameItemsCallback = function (item1, item2) {
@@ -8016,7 +8038,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         model.isAllDataLoaded = !this.question.choicesLazyLoadEnabled;
     };
     DropdownListModel.prototype.updateCssClasses = function (popupCssClass, listCssClasses) {
-        this.popupModel.cssClass = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]().append(popupCssClass).append(this.popupCssClasses).toString();
+        this.popupModel.cssClass = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__["CssClassBuilder"]().append(popupCssClass).append(this.popupCssClasses).toString();
         this.listModel.cssClasses = listCssClasses;
     };
     DropdownListModel.prototype.resetFilterString = function () {
@@ -8031,8 +8053,12 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.onSetFilterString = function () {
         var _this = this;
+        this.filteredItems = undefined;
         if (!this.filterString && !this.popupModel.isVisible)
             return;
+        var options = { question: this.question, choices: this.getAvailableItems(), filter: this.filterString, filteredChoices: undefined };
+        this.question.survey.onChoicesSearch.fire(this.question.survey, options);
+        this.filteredItems = options.filteredChoices;
         if (!!this.filterString && !this.popupModel.isVisible) {
             this.popupModel.isVisible = true;
         }
@@ -8207,14 +8233,14 @@ var DropdownListModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(DropdownListModel.prototype, "inputMode", {
         get: function () {
-            return _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"] ? "none" : "text";
+            return _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"] ? "none" : "text";
         },
         enumerable: false,
         configurable: true
     });
     DropdownListModel.prototype.setSearchEnabled = function (newValue) {
-        this.listModel.searchEnabled = _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"];
-        this.listModel.showSearchClearButton = _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"];
+        this.listModel.searchEnabled = _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"];
+        this.listModel.showSearchClearButton = _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"];
         this.searchEnabled = newValue;
     };
     DropdownListModel.prototype.updateItems = function () {
@@ -8353,7 +8379,7 @@ var DropdownListModel = /** @class */ (function (_super) {
             if (event.keyCode === 32 && this.question.searchEnabled) {
                 return;
             }
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["doKey2ClickUp"])(event, { processEsc: false, disableTabStop: this.question.isInputReadOnly });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["doKey2ClickUp"])(event, { processEsc: false, disableTabStop: this.question.isInputReadOnly });
         }
     };
     DropdownListModel.prototype.onEscape = function () {
@@ -8368,11 +8394,11 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.onBlur = function (event) {
         this.focused = false;
-        if (this.popupModel.isVisible && _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"]) {
+        if (this.popupModel.isVisible && _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"]) {
             this._popupModel.isVisible = true;
             return;
         }
-        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["doKey2ClickBlur"])(event);
+        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["doKey2ClickBlur"])(event);
         this._popupModel.isVisible = false;
         this.resetFilterString();
         this.inputString = null;
@@ -8893,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";
@@ -9209,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");
@@ -9368,8 +9396,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.126";
-ReleaseDate = "" + "2024-01-16";
+Version = "" + "1.9.128";
+ReleaseDate = "" + "2024-01-30";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9544,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";
@@ -9810,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"]; });
 
@@ -10007,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";
@@ -10273,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"]; });
 
@@ -16100,6 +16132,27 @@ var Helpers = /** @class */ (function () {
         }
         return val;
     };
+    Helpers.compareVerions = function (ver1, ver2) {
+        if (!ver1 && !ver2)
+            return 0;
+        var ver1Ar = ver1.split(".");
+        var ver2Ar = ver2.split(".");
+        var len1 = ver1Ar.length;
+        var len2 = ver2Ar.length;
+        for (var i = 0; i < len1 && i < len2; i++) {
+            var str1 = ver1Ar[i];
+            var str2 = ver2Ar[i];
+            if (str1.length === str2.length) {
+                if (str1 !== str2) {
+                    return str1 < str2 ? -1 : 1;
+                }
+            }
+            else {
+                return str1.length < str2.length ? -1 : 1;
+            }
+        }
+        return len1 === len2 ? 0 : (len1 < len2 ? -1 : 1);
+    };
     return Helpers;
 }());
 
@@ -17860,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", {
@@ -17874,6 +17934,21 @@ var JsonObjectProperty = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    JsonObjectProperty.prototype.isAvailableInVersion = function (ver) {
+        if (!!this.alternativeName)
+            return true;
+        return this.isAvailableInVersionCore(ver);
+    };
+    JsonObjectProperty.prototype.getSerializedName = function (ver) {
+        if (!this.alternativeName)
+            return this.name;
+        return this.isAvailableInVersionCore(ver) ? this.name : this.alternativeName;
+    };
+    JsonObjectProperty.prototype.isAvailableInVersionCore = function (ver) {
+        if (!ver || !this.version)
+            return true;
+        return _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].compareVerions(this.version, ver) <= 0;
+    };
     Object.defineProperty(JsonObjectProperty.prototype, "isLocalizable", {
         get: function () {
             return this.isLocalizableValue != null ? this.isLocalizableValue : false;
@@ -17954,6 +18029,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "className",
         "alternativeName",
         "layout",
+        "version",
         "classNamePart",
         "baseClassName",
         "defaultValue",
@@ -18402,6 +18478,9 @@ var JsonMetadataClass = /** @class */ (function () {
             if (propInfo.layout) {
                 prop.layout = propInfo.layout;
             }
+            if (propInfo.version) {
+                prop.version = propInfo.version;
+            }
             if (propInfo.dependsOn) {
                 this.addDependsOnProperties(prop, propInfo.dependsOn);
             }
@@ -18546,36 +18625,54 @@ var JsonMetadata = /** @class */ (function () {
     JsonMetadata.prototype.getPropertiesByObj = function (obj) {
         if (!obj || !obj.getType)
             return [];
-        var res = {};
         var props = this.getProperties(obj.getType());
-        for (var i = 0; i < props.length; i++) {
-            res[props[i].name] = props[i];
-        }
-        var dynamicProps = !!obj.getDynamicType
-            ? this.getProperties(obj.getDynamicType())
-            : null;
-        if (dynamicProps && dynamicProps.length > 0) {
-            for (var i = 0; i < dynamicProps.length; i++) {
-                var dProp = dynamicProps[i];
-                if (!!res[dProp.name])
-                    continue;
-                res[dProp.name] = dProp;
+        var dynamicProps = this.getDynamicPropertiesByObj(obj);
+        return [].concat(props).concat(dynamicProps);
+    };
+    JsonMetadata.prototype.addDynamicPropertiesIntoObj = function (dest, src, props) {
+        var _this = this;
+        props.forEach(function (prop) {
+            _this.addDynamicPropertyIntoObj(dest, src, prop.name, false);
+            if (prop.serializationProperty) {
+                _this.addDynamicPropertyIntoObj(dest, src, prop.serializationProperty, true);
+            }
+            if (prop.alternativeName) {
+                _this.addDynamicPropertyIntoObj(dest, src, prop.alternativeName, false);
             }
+        });
+    };
+    JsonMetadata.prototype.addDynamicPropertyIntoObj = function (dest, src, propName, isReadOnly) {
+        var desc = {
+            configurable: true,
+            get: function () {
+                return src[propName];
+            },
+        };
+        if (!isReadOnly) {
+            desc["set"] = function (v) {
+                src[propName] = v;
+            };
         }
-        return Object.keys(res).map(function (key) { return res[key]; });
+        Object.defineProperty(dest, propName, desc);
     };
     JsonMetadata.prototype.getDynamicPropertiesByObj = function (obj, dynamicType) {
         if (dynamicType === void 0) { dynamicType = null; }
-        if (!obj || !obj.getType || (!obj.getDynamicType && !dynamicType))
+        if (!obj || !obj.getType)
+            return [];
+        if (!!obj.getDynamicProperties)
+            return obj.getDynamicProperties();
+        if (!obj.getDynamicType && !dynamicType)
             return [];
-        var objType = obj.getType();
         var dType = !!dynamicType ? dynamicType : obj.getDynamicType();
-        if (!dType)
+        return this.getDynamicPropertiesByTypes(obj.getType(), dType);
+    };
+    JsonMetadata.prototype.getDynamicPropertiesByTypes = function (objType, dynamicType, invalidNames) {
+        if (!dynamicType)
             return [];
-        var cacheType = dType + "-" + objType;
+        var cacheType = dynamicType + "-" + objType;
         if (this.dynamicPropsCache[cacheType])
             return this.dynamicPropsCache[cacheType];
-        var dynamicProps = this.getProperties(dType);
+        var dynamicProps = this.getProperties(dynamicType);
         if (!dynamicProps || dynamicProps.length == 0)
             return [];
         var hash = {};
@@ -18584,9 +18681,11 @@ var JsonMetadata = /** @class */ (function () {
             hash[props[i].name] = props[i];
         }
         var res = [];
-        for (var i = 0; i < dynamicProps.length; i++) {
-            var dProp = dynamicProps[i];
-            if (!hash[dProp.name]) {
+        if (!invalidNames)
+            invalidNames = [];
+        for (var i_1 = 0; i_1 < dynamicProps.length; i_1++) {
+            var dProp = dynamicProps[i_1];
+            if (!hash[dProp.name] && invalidNames.indexOf(dProp.name) < 0) {
                 res.push(dProp);
             }
         }
@@ -19081,9 +19180,8 @@ var JsonObject = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    JsonObject.prototype.toJsonObject = function (obj, storeDefaults) {
-        if (storeDefaults === void 0) { storeDefaults = false; }
-        return this.toJsonObjectCore(obj, null, storeDefaults);
+    JsonObject.prototype.toJsonObject = function (obj, options) {
+        return this.toJsonObjectCore(obj, null, options);
     };
     JsonObject.prototype.toObject = function (jsonObj, obj, options) {
         this.toObjectCore(jsonObj, obj, options);
@@ -19132,8 +19230,7 @@ var JsonObject = /** @class */ (function () {
             obj.endLoadingFromJson();
         }
     };
-    JsonObject.prototype.toJsonObjectCore = function (obj, property, storeDefaults) {
-        if (storeDefaults === void 0) { storeDefaults = false; }
+    JsonObject.prototype.toJsonObjectCore = function (obj, property, options) {
         if (!obj || !obj.getType)
             return obj;
         if (typeof obj.getData === "function")
@@ -19142,61 +19239,67 @@ var JsonObject = /** @class */ (function () {
         if (property != null && !property.className) {
             result[JsonObject.typePropertyName] = property.getObjType(obj.getType());
         }
-        this.propertiesToJson(obj, Serializer.getProperties(obj.getType()), result, storeDefaults);
-        this.propertiesToJson(obj, this.getDynamicProperties(obj), result, storeDefaults);
+        var storeDefaults = options === true;
+        if (!options || options === true) {
+            options = {};
+        }
+        if (storeDefaults) {
+            options.storeDefaults = storeDefaults;
+        }
+        this.propertiesToJson(obj, Serializer.getProperties(obj.getType()), result, options);
+        this.propertiesToJson(obj, this.getDynamicProperties(obj), result, options);
         return result;
     };
     JsonObject.prototype.getDynamicProperties = function (obj) {
         return Serializer.getDynamicPropertiesByObj(obj);
     };
-    JsonObject.prototype.addDynamicProperties = function (obj, jsonObj, properties) {
-        if (!obj.getDynamicPropertyName)
-            return properties;
-        var dynamicPropName = obj.getDynamicPropertyName();
-        if (!dynamicPropName)
-            return properties;
-        if (jsonObj[dynamicPropName]) {
-            obj[dynamicPropName] = jsonObj[dynamicPropName];
-        }
-        var dynamicProperties = this.getDynamicProperties(obj);
-        var res = [];
-        for (var i = 0; i < properties.length; i++) {
-            res.push(properties[i]);
-        }
-        for (var i = 0; i < dynamicProperties.length; i++) {
-            res.push(dynamicProperties[i]);
+    JsonObject.prototype.addDynamicProperties = function (obj, jsonObj, props) {
+        if (!obj.getDynamicPropertyName && !obj.getDynamicProperties)
+            return props;
+        if (obj.getDynamicPropertyName) {
+            var dynamicPropName = obj.getDynamicPropertyName();
+            if (!dynamicPropName)
+                return props;
+            if (dynamicPropName && jsonObj[dynamicPropName]) {
+                obj[dynamicPropName] = jsonObj[dynamicPropName];
+            }
         }
-        return res;
+        var dynamicProps = this.getDynamicProperties(obj);
+        return dynamicProps.length === 0 ? props : [].concat(props).concat(dynamicProps);
     };
-    JsonObject.prototype.propertiesToJson = function (obj, properties, json, storeDefaults) {
-        if (storeDefaults === void 0) { storeDefaults = false; }
+    JsonObject.prototype.propertiesToJson = function (obj, properties, json, options) {
         for (var i = 0; i < properties.length; i++) {
-            this.valueToJson(obj, json, properties[i], storeDefaults);
+            this.valueToJson(obj, json, properties[i], options);
         }
     };
-    JsonObject.prototype.valueToJson = function (obj, result, property, storeDefaults) {
-        if (storeDefaults === void 0) { storeDefaults = false; }
-        if (property.isSerializable === false ||
-            (property.isLightSerializable === false && this.lightSerializing))
+    JsonObject.prototype.valueToJson = function (obj, result, prop, options) {
+        if (!options)
+            options = {};
+        if (prop.isSerializable === false || (prop.isLightSerializable === false && this.lightSerializing))
+            return;
+        if (options.version && !prop.isAvailableInVersion(options.version))
             return;
-        var value = property.getSerializableValue(obj);
-        if (!storeDefaults && property.isDefaultValueByObj(obj, value))
+        var value = prop.getSerializableValue(obj);
+        if (!options.storeDefaults && prop.isDefaultValueByObj(obj, value))
             return;
         if (this.isValueArray(value)) {
             var arrValue = [];
             for (var i = 0; i < value.length; i++) {
-                arrValue.push(this.toJsonObjectCore(value[i], property, storeDefaults));
+                arrValue.push(this.toJsonObjectCore(value[i], prop, options));
             }
             value = arrValue.length > 0 ? arrValue : null;
         }
         else {
-            value = this.toJsonObjectCore(value, property, storeDefaults);
+            value = this.toJsonObjectCore(value, prop, options);
         }
+        if (value === undefined || value === null)
+            return;
+        var name = prop.getSerializedName(options.version);
         var hasValue = typeof obj["getPropertyValue"] === "function" &&
-            obj["getPropertyValue"](property.name, null) !== null;
-        if ((storeDefaults && hasValue) || !property.isDefaultValueByObj(obj, value)) {
-            if (!Serializer.onSerializingProperty || !Serializer.onSerializingProperty(obj, property, value, result)) {
-                result[property.name] = value;
+            obj["getPropertyValue"](name, null) !== null;
+        if ((options.storeDefaults && hasValue) || !prop.isDefaultValueByObj(obj, value)) {
+            if (!Serializer.onSerializingProperty || !Serializer.onSerializingProperty(obj, prop, value, result)) {
+                result[name] = this.removePosOnValueToJson(prop, value);
             }
         }
     };
@@ -19236,6 +19339,14 @@ var JsonObject = /** @class */ (function () {
             }
         }
     };
+    JsonObject.prototype.removePosOnValueToJson = function (property, value) {
+        if (!property.isCustom || !value)
+            return value;
+        if (!!value[JsonObject.positionPropertyName]) {
+            delete value[JsonObject.positionPropertyName];
+        }
+        return value;
+    };
     JsonObject.prototype.removePos = function (property, value) {
         if (!property || !property.type || property.type.indexOf("value") < 0)
             return;
@@ -19507,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;
     };
@@ -19553,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; }
@@ -20417,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}",
@@ -21236,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).
          */
@@ -21258,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");
@@ -23891,8 +24010,8 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
         this.popupDirection = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].calculatePopupDirection(verticalPosition, actualHorizontalPosition);
         var pos = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].calculatePosition(targetElementRect, height, width + marginLeft + marginRight, verticalPosition, actualHorizontalPosition, this.showHeader, this.model.positionMode);
         if (!!window) {
-            var newVerticalDimensions = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].getCorrectedVerticalDimensions(pos.top, height, window.innerHeight);
-            if (!!newVerticalDimensions.height) {
+            var newVerticalDimensions = _utils_popup__WEBPACK_IMPORTED_MODULE_1__["PopupUtils"].getCorrectedVerticalDimensions(pos.top, height, window.innerHeight, verticalPosition);
+            if (!!newVerticalDimensions) {
                 this.height = newVerticalDimensions.height + "px";
                 pos.top = newVerticalDimensions.top;
             }
@@ -25165,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":
@@ -28729,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;
@@ -28738,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()) {
@@ -28748,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 () {
@@ -28916,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
@@ -28928,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 () {
@@ -28981,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.
@@ -29402,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()
@@ -29724,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");
     };
@@ -29742,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();
@@ -29777,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;
@@ -29799,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;
@@ -29906,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);
@@ -29983,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]));
@@ -30012,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;
@@ -30020,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;
@@ -30034,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);
@@ -30328,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();
@@ -30345,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;
@@ -30480,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
@@ -30822,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",
@@ -30836,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;
         },
     },
     {
@@ -31240,6 +31759,21 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
     QuestionBooleanModel.prototype.createActionContainer = function (allowAdaptiveActions) {
         return _super.prototype.createActionContainer.call(this, this.renderAs !== "checkbox");
     };
+    Object.defineProperty(QuestionBooleanModel.prototype, "isNewA11yStructure", {
+        //a11y
+        get: function () {
+            return true;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionBooleanModel.prototype, "a11y_input_ariaRole", {
+        get: function () {
+            return "switch";
+        },
+        enumerable: false,
+        configurable: true
+    });
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionBooleanModel.prototype, "booleanValueRendered", void 0);
@@ -31674,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;
@@ -31732,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) {
@@ -31973,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 () {
@@ -32015,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);
@@ -32033,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)
@@ -32655,6 +33215,35 @@ var ComponentQuestionJSON = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    ComponentQuestionJSON.prototype.getDynamicProperties = function () {
+        if (!Array.isArray(this.dynamicProperties)) {
+        }
+        this.dynamicProperties = this.calcDynamicProperties();
+        return this.dynamicProperties;
+    };
+    ComponentQuestionJSON.prototype.calcDynamicProperties = function () {
+        var baseProps = this.json.inheritBaseProps;
+        if (!baseProps || !this.json.questionJSON)
+            return [];
+        var type = this.json.questionJSON.type;
+        if (!type)
+            return [];
+        if (Array.isArray(baseProps)) {
+            var props_1 = [];
+            baseProps.forEach(function (name) {
+                var prop = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].findProperty(type, name);
+                if (prop) {
+                    props_1.push(prop);
+                }
+            });
+            return props_1;
+        }
+        var invalidNames = [];
+        for (var key in this.json.questionJSON) {
+            invalidNames.push(key);
+        }
+        return _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].getDynamicPropertiesByTypes(this.name, type, invalidNames);
+    };
     return ComponentQuestionJSON;
 }());
 
@@ -32996,8 +33585,18 @@ var QuestionCustomModel = /** @class */ (function (_super) {
     QuestionCustomModel.prototype.getTemplate = function () {
         return "custom";
     };
+    QuestionCustomModel.prototype.getDynamicProperties = function () {
+        return this.customQuestion.getDynamicProperties() || [];
+    };
+    QuestionCustomModel.prototype.getDynamicType = function () {
+        return this.questionWrapper ? this.questionWrapper.getType() : "question";
+    };
+    QuestionCustomModel.prototype.getOriginalObj = function () {
+        return this.questionWrapper;
+    };
     QuestionCustomModel.prototype.createWrapper = function () {
         this.questionWrapper = this.createQuestion();
+        this.createDynamicProperties(this.questionWrapper);
     };
     QuestionCustomModel.prototype.getElement = function () {
         return this.contentQuestion;
@@ -33172,6 +33771,14 @@ var QuestionCustomModel = /** @class */ (function (_super) {
         }
         this.isSettingValueChanged = false;
     };
+    QuestionCustomModel.prototype.createDynamicProperties = function (el) {
+        if (!el)
+            return;
+        var props = this.getDynamicProperties();
+        if (Array.isArray(props)) {
+            _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addDynamicPropertiesIntoObj(this, el, props);
+        }
+    };
     QuestionCustomModel.prototype.initElement = function (el) {
         var _this = this;
         _super.prototype.initElement.call(this, el);
@@ -33668,7 +34275,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         }
     };
     QuestionDropdownModel.prototype.supportGoNextPageAutomatic = function () {
-        return true;
+        return !this.isOtherSelected;
     };
     QuestionDropdownModel.prototype.getChoices = function () {
         var items = _super.prototype.getChoices.call(this);
@@ -33917,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);
@@ -33944,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 },
@@ -34533,6 +35144,9 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("expression", [
             return getCurrecyCodes();
         },
         default: "USD",
+        visibleIf: function (obj) {
+            return obj.displayStyle === "currency";
+        }
     },
     { name: "maximumFractionDigits:number", default: -1 },
     { name: "minimumFractionDigits:number", default: -1 },
@@ -34806,7 +35420,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
         };
         _this.doClean = function () {
             if (_this.needConfirmRemoveFile) {
-                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); });
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); }, undefined, _this.getLocale());
                 return;
             }
             _this.clearFilesCore();
@@ -35696,7 +36310,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.doRemoveFile = function (data) {
         var _this = this;
         if (this.needConfirmRemoveFile) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); }, undefined, this.getLocale());
             return;
         }
         this.removeFileCore(data);
@@ -36504,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);
@@ -36733,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) {
@@ -36884,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 },
@@ -36990,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;
         };
@@ -37458,6 +38072,11 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(QuestionMatrixModel.prototype, "cells", {
+        /**
+         * An array of matrix cells. Use this array to get or set cell values.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/questiontype-matrix-rubric/ (linkStyle))
+         */
         get: function () {
             return this.cellsValue;
         },
@@ -41666,32 +42285,8 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         }
     };
     MatrixDropdownColumn.prototype.addProperties = function (curCellType) {
-        var question = this.templateQuestion;
-        var properties = this.getProperties(curCellType);
-        for (var i = 0; i < properties.length; i++) {
-            var prop = properties[i];
-            this.addProperty(question, prop.name, false);
-            if (prop.serializationProperty) {
-                this.addProperty(question, prop.serializationProperty, true);
-            }
-            if (prop.alternativeName) {
-                this.addProperty(question, prop.alternativeName, false);
-            }
-        }
-    };
-    MatrixDropdownColumn.prototype.addProperty = function (question, propName, isReadOnly) {
-        var desc = {
-            configurable: true,
-            get: function () {
-                return question[propName];
-            },
-        };
-        if (!isReadOnly) {
-            desc["set"] = function (v) {
-                question[propName] = v;
-            };
-        }
-        Object.defineProperty(this, propName, desc);
+        var props = this.getProperties(curCellType);
+        _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addDynamicPropertiesIntoObj(this, this.templateQuestion, props);
     };
     return MatrixDropdownColumn;
 }(_base__WEBPACK_IMPORTED_MODULE_1__["Base"]));
@@ -43636,7 +44231,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
             confirmDelete = this.isRequireConfirmOnRowDelete(index);
         }
         if (confirmDelete) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removeRowAsync(index, row); });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removeRowAsync(index, row); }, undefined, this.getLocale());
             return;
         }
         this.removeRowAsync(index, row);
@@ -46209,9 +46804,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                     }
                 }
             }
-            var removedPanels = [];
             if (val < this.panelCount) {
-                removedPanels = this.panelsCore.splice(val, this.panelCount - val);
+                this.panelsCore.splice(val, this.panelCount - val);
             }
             this.setValueAfterPanelsCreating();
             this.setValueBasedOnPanelCount();
@@ -46817,7 +47411,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!this.canRemovePanel)
             return;
         if (this.isRequireConfirmOnDelete(value)) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removePanel(value); });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removePanel(value); }, undefined, this.getLocale());
         }
         else {
             this.removePanel(value);
@@ -46922,7 +47516,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         }
     };
     QuestionPanelDynamicModel.prototype.getQuestionFromArray = function (name, index) {
-        if (index >= this.panelCount)
+        if (index < 0 || index >= this.panelsCore.length)
             return null;
         return this.panelsCore[index].getQuestionByName(name);
     };
@@ -47226,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;
             }
@@ -48078,7 +48675,7 @@ var QuestionRadiogroupModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionRadiogroupModel.prototype.supportGoNextPageAutomatic = function () {
-        return this.isMouseDown === true;
+        return this.isMouseDown === true && !this.isOtherSelected;
     };
     QuestionRadiogroupModel.prototype.setNewComment = function (newValue) {
         this.isMouseDown = true;
@@ -48206,8 +48803,11 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         _this.domNode = null;
         _this.onVisibleChoicesChanged = function () {
             _super.prototype.onVisibleChoicesChanged.call(_this);
+            if (_this.carryForwardStartUnranked && !_this.isValueSetByUser && !_this.selectToRankEnabled) {
+                _this.value = [];
+            }
             // ranking question with only one choice doesn't make sense
-            if (_this.visibleChoices.length === 1) {
+            if (_this.visibleChoices.length === 1 && !_this.selectToRankEnabled) {
                 _this.value = [];
                 _this.value.push(_this.visibleChoices[0].value);
                 _this.updateRankingChoices();
@@ -48280,12 +48880,14 @@ var QuestionRankingModel = /** @class */ (function (_super) {
                 itemsNodes[index].focus();
             }
         };
+        _this.isValueSetByUser = false;
         _this.setValue = function () {
             var value = [];
             _this.rankingChoices.forEach(function (choice) {
                 value.push(choice.value);
             });
             _this.value = value;
+            _this.isValueSetByUser = true;
         };
         _this.createNewArray("rankingChoices");
         _this.registerFunctionOnPropertyValueChanged("selectToRankEnabled", function () {
@@ -48541,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;
@@ -48718,6 +49316,9 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_3__["property"])({ defaultValue: null })
     ], QuestionRankingModel.prototype, "dropTargetNodeMove", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_3__["property"])({ defaultValue: true })
+    ], QuestionRankingModel.prototype, "carryForwardStartUnranked", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_3__["property"])({ localizable: { defaultStr: "selectToRankEmptyRankedAreaText" } })
     ], QuestionRankingModel.prototype, "selectToRankEmptyRankedAreaText", void 0);
@@ -48733,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 },
@@ -49436,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")
@@ -49448,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();
@@ -50948,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);
     };
@@ -51339,8 +51943,10 @@ var QuestionTextModel = /** @class */ (function (_super) {
         return !this.isReadOnly && this.inputType !== "range";
     };
     QuestionTextModel.prototype.getControlCssClassBuilder = function () {
+        var maxLength = this.getMaxLength();
         return _super.prototype.getControlCssClassBuilder.call(this)
-            .append(this.cssClasses.constrolWithCharacterCounter, !!this.getMaxLength());
+            .append(this.cssClasses.constrolWithCharacterCounter, !!maxLength)
+            .append(this.cssClasses.characterCounterBig, maxLength > 99);
     };
     QuestionTextModel.prototype.isReadOnlyRenderDiv = function () {
         return this.isReadOnly && _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].readOnly.textRenderMode === "div";
@@ -52524,8 +53130,8 @@ var settings = {
      * @param message A message to be displayed in the confirm dialog window.
      * @param callback A callback function that should be called with `true` if a user confirms an action or `false` otherwise.
      */
-    confirmActionAsync: function (message, callback, applyTitle) {
-        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle);
+    confirmActionAsync: function (message, callback, applyTitle, locale) {
+        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle, locale);
     },
     /**
      * A minimum width value for all survey elements.
@@ -52576,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: `"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] }`
+     * 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.
      *
@@ -52605,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.
@@ -52659,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.
      *
@@ -52744,7 +53370,8 @@ var settings = {
             "email",
             "impp",
         ]
-    }
+    },
+    legacyProgressBarView: false
 };
 
 
@@ -54569,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 ||
@@ -54613,6 +55241,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -55082,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.
          *
@@ -55453,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",
@@ -55462,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",
@@ -55487,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
         });
@@ -57432,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.
@@ -57439,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
@@ -57466,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
@@ -57479,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
@@ -57497,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
@@ -59828,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)
@@ -60209,7 +60877,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     /**
-     * Uploads a file to server.
+     * Uploads files to a server.
      *
      * The following code shows how to call this method:
      *
@@ -60857,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" ||
@@ -61093,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);
     };
@@ -62204,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") {
@@ -62478,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"`\
@@ -62527,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) {
@@ -62551,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);
@@ -62761,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);
@@ -62896,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",
@@ -62906,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
@@ -63055,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":
@@ -64169,6 +64815,13 @@ var Trigger = /** @class */ (function (_super) {
         }
         return res;
     };
+    Object.defineProperty(Trigger.prototype, "isInternal", {
+        get: function () {
+            return this.isGhost === true;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Trigger.prototype, "operator", {
         get: function () {
             return this.getPropertyValue("operator", "equal");
@@ -65105,8 +65758,11 @@ var PopupUtils = /** @class */ (function () {
         }
         return { left: Math.round(currentLeft), top: Math.round(currentTop) };
     };
-    PopupUtils.getCorrectedVerticalDimensions = function (top, height, windowHeight) {
-        var result = { height: height, top: top };
+    PopupUtils.getCorrectedVerticalDimensions = function (top, height, windowHeight, verticalPosition) {
+        var result;
+        if (verticalPosition === "top") {
+            result = { height: height, top: top };
+        }
         if (top < 0) {
             result = { height: height + top, top: 0 };
         }
@@ -65484,7 +66140,7 @@ function confirmAction(message) {
         return _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionFunc(message);
     return confirm(message);
 }
-function confirmActionAsync(message, funcOnYes, funcOnNo) {
+function confirmActionAsync(message, funcOnYes, funcOnNo, locale) {
     var callbackFunc = function (res) {
         if (res)
             funcOnYes();
@@ -65492,7 +66148,7 @@ function confirmActionAsync(message, funcOnYes, funcOnNo) {
             funcOnNo();
     };
     if (!!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"] && !!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync) {
-        if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync(message, callbackFunc))
+        if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync(message, callbackFunc, undefined, locale))
             return;
     }
     callbackFunc(confirmAction(message));
@@ -65841,7 +66497,7 @@ var Logger = /** @class */ (function () {
     return Logger;
 }());
 
-function showConfirmDialog(message, callback, applyTitle) {
+function showConfirmDialog(message, callback, applyTitle, locale) {
     var locStr = new _localizablestring__WEBPACK_IMPORTED_MODULE_0__["LocalizableString"](undefined);
     var popupViewModel = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
         componentName: "sv-string-viewer",
@@ -65862,9 +66518,9 @@ function showConfirmDialog(message, callback, applyTitle) {
     var toolbar = popupViewModel.footerToolbar;
     var applyBtn = toolbar.getActionById("apply");
     var cancelBtn = toolbar.getActionById("cancel");
-    cancelBtn.title = _surveyStrings__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].getString("cancel");
+    cancelBtn.title = _surveyStrings__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].getString("cancel", locale);
     cancelBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sd-btn sd-btn--small";
-    applyBtn.title = applyTitle || _surveyStrings__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].getString("ok");
+    applyBtn.title = applyTitle || _surveyStrings__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].getString("ok", locale);
     applyBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sv-popup__button--danger sd-btn sd-btn--small sd-btn--danger";
     popupViewModel.width = "452px";
     return true;