survey-core 1.9.127 → 1.9.129

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.127
+ * surveyjs - Survey JavaScript library v1.9.129
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2297,18 +2297,23 @@ var Base = /** @class */ (function () {
         configurable: true
     });
     Base.prototype.doPropertyValueChangedCallback = function (name, oldValue, newValue, arrayChanges, target) {
-        if (this.isInternal)
+        var fireCallback = function (obj) {
+            if (!!obj && !!obj.onPropertyValueChangedCallback) {
+                obj.onPropertyValueChangedCallback(name, oldValue, newValue, target, arrayChanges);
+            }
+        };
+        if (this.isInternal) {
+            fireCallback(this);
             return;
+        }
         if (!target)
             target = this;
         var notifier = this.getSurvey();
         if (!notifier)
             notifier = this;
-        if (!!notifier.onPropertyValueChangedCallback) {
-            notifier.onPropertyValueChangedCallback(name, oldValue, newValue, target, arrayChanges);
-        }
-        if (notifier !== this && !!this.onPropertyValueChangedCallback) {
-            this.onPropertyValueChangedCallback(name, oldValue, newValue, target, arrayChanges);
+        fireCallback(notifier);
+        if (notifier !== this) {
+            fireCallback(this);
         }
     };
     Base.prototype.addExpressionProperty = function (name, onExecute, canRun) {
@@ -4778,7 +4783,7 @@ var modernCss = {
         cellText: "sv-matrix__text",
         cellTextSelected: "sv-matrix__text--checked",
         cellTextDisabled: "sv-matrix__text--disabled",
-        cellResponsiveTitle: "sv-hidden",
+        cellResponsiveTitle: "sv-matrix__cell-responsive-title",
         itemSvgIconId: "#icon-modernradio",
     },
     matrixdropdown: {
@@ -4890,6 +4895,7 @@ var modernCss = {
     window: {
         root: "sv_window",
         rootCollapsedMod: "sv_window--collapsed",
+        rootFullScreenMode: "sv_window--full-screen",
         rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
@@ -4900,7 +4906,8 @@ var modernCss = {
             buttonExpanded: "",
             buttonCollapsed: "",
             collapseButton: "sv_window_button sv_window_button_collapse",
-            closeButton: "sv_window_button sv_window_button_close"
+            closeButton: "sv_window_button sv_window_button_close",
+            fullScreenButton: "sv_window_button sv_window_button_full_screen"
         }
     },
     variables: {
@@ -5122,7 +5129,7 @@ var defaultStandardCss = {
         cellText: "sv_q_m_cell_text",
         cellTextSelected: "sv_q_m_cell_selected",
         cellLabel: "sv_q_m_cell_label",
-        cellResponsiveTitle: "sv-hidden"
+        cellResponsiveTitle: "sv_q_m_cell_responsive_title"
     },
     matrixdropdown: {
         root: "sv_q_matrix_dropdown",
@@ -5288,6 +5295,7 @@ var defaultStandardCss = {
     window: {
         root: "sv_window",
         rootCollapsedMod: "sv_window--collapsed",
+        rootFullScreenMode: "sv_window--full-screen",
         rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
@@ -5298,7 +5306,8 @@ var defaultStandardCss = {
             buttonExpanded: "",
             buttonCollapsed: "",
             collapseButton: "sv_window_button sv_window_button_collapse",
-            closeButton: "sv_window_button sv_window_button_close"
+            closeButton: "sv_window_button sv_window_button_close",
+            fullScreenButton: "sv_window_button sv_window_button_full_screen"
         }
     },
     variables: {
@@ -5366,6 +5375,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 +5493,13 @@ var defaultV2Css = {
     progressBottom: "sd-body__progress--bottom",
     progressBar: "sd-progress__bar",
     progressText: "sd-progress__text",
+    progressButtonsRoot: "sd-progress-buttons",
+    progressButtonsNumbered: "sd-progress-buttons--numbered",
     progressButtonsContainerCenter: "sd-progress-buttons__container-center",
     progressButtonsContainer: "sd-progress-buttons__container",
+    progressButtonsConnector: "sd-progress-buttons__connector",
+    progressButtonsHeader: "sd-progress-buttons__header",
+    progressButtonsFooter: "sd-progress-buttons__footer",
     progressButtonsImageButtonLeft: "sd-progress-buttons__image-button-left",
     progressButtonsImageButtonRight: "sd-progress-buttons__image-button-right",
     progressButtonsImageButtonHidden: "sd-progress-buttons__image-button--hidden",
@@ -5829,6 +5844,7 @@ var defaultV2Css = {
         noHeader: "sd-table--no-header",
         hasFooter: "sd-table--has-footer",
         tableWrapper: "sd-table-wrapper",
+        rootAlternateRows: "sd-table--alternate-rows",
         content: "sd-matrixdynamic__content sd-question__content",
         cell: "sd-table__cell",
         row: "sd-table__row",
@@ -5875,7 +5891,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",
@@ -6003,6 +6019,7 @@ var defaultV2Css = {
     window: {
         root: "sv_window",
         rootCollapsedMod: "sv_window--collapsed",
+        rootFullScreenMode: "sv_window--full-screen",
         rootContent: "sv_window_root-content",
         body: "sv_window_content",
         header: {
@@ -6013,7 +6030,8 @@ var defaultV2Css = {
             buttonExpanded: "",
             buttonCollapsed: "",
             collapseButton: "sv_window_button sv_window_button_collapse",
-            closeButton: "sv_window_button sv_window_button_close"
+            closeButton: "sv_window_button sv_window_button_close",
+            fullScreenButton: "sv_window_button sv_window_button_full_screen"
         }
     },
     ranking: {
@@ -7807,9 +7825,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./list */ "./src/list.ts");
 /* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./popup */ "./src/popup.ts");
 /* harmony import */ var _question_dropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./question_dropdown */ "./src/question_dropdown.ts");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -7840,6 +7859,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var DropdownListModel = /** @class */ (function (_super) {
     __extends(DropdownListModel, _super);
     function DropdownListModel(question, onSelectionChanged) {
@@ -7849,6 +7869,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: [] };
@@ -7862,6 +7883,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         _this.qustionPropertyChangedHandler = function (sender, options) {
             _this.onPropertyChangedHandler(sender, options);
         };
+        _this.htmlCleanerElement = document.createElement("div");
         question.onPropertyChanged.add(_this.qustionPropertyChangedHandler);
         _this.showInputFieldComponent = _this.question.showInputFieldComponent;
         _this.listModel = _this.createListModel();
@@ -7879,7 +7901,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         configurable: true
     });
     DropdownListModel.prototype.getFocusFirstInputSelector = function () {
-        if (_utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"]) {
+        if (_utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"]) {
             return this.isValueEmpty(this.question.value) ? this.itemSelector : this.selectedItemSelector;
         }
         else {
@@ -7928,11 +7950,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,10 +8019,18 @@ var DropdownListModel = /** @class */ (function (_super) {
                 _this.question.value = item.id;
                 if (_this.question.searchEnabled)
                     _this.applyInputString(item);
-                _this._popupModel.toggleVisibility();
+                _this.popupModel.isVisible = false;
             };
         }
         var res = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](visibleItems, _onSelectionChanged, false, undefined, this.question.choicesLazyLoadEnabled ? this.listModelFilterStringChanged : undefined, this.listElementId);
+        res.setOnTextSearchCallback(function (item, textToSearch) {
+            if (_this.filteredItems)
+                return _this.filteredItems.indexOf(item) >= 0;
+            var textInLow = item.text.toLocaleLowerCase();
+            textInLow = _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].comparator.normalizeTextCallback(textInLow, "filter");
+            var index = textInLow.indexOf(textToSearch.toLocaleLowerCase());
+            return _this.question.searchMode == "startsWith" ? index == 0 : index > -1;
+        });
         res.renderElements = false;
         res.forceShowFilter = true;
         res.areSameItemsCallback = function (item1, item2) {
@@ -8020,7 +8050,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         model.isAllDataLoaded = !this.question.choicesLazyLoadEnabled;
     };
     DropdownListModel.prototype.updateCssClasses = function (popupCssClass, listCssClasses) {
-        this.popupModel.cssClass = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]().append(popupCssClass).append(this.popupCssClasses).toString();
+        this.popupModel.cssClass = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__["CssClassBuilder"]().append(popupCssClass).append(this.popupCssClasses).toString();
         this.listModel.cssClasses = listCssClasses;
     };
     DropdownListModel.prototype.resetFilterString = function () {
@@ -8035,8 +8065,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;
         }
@@ -8070,7 +8104,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         var hasHtml = item === null || item === void 0 ? void 0 : item.locText.hasHtml;
         if (hasHtml || this.question.inputFieldComponentName) {
             this._markdownMode = true;
-            this.inputString = "";
+            this.inputString = this.cleanHtml(item === null || item === void 0 ? void 0 : item.locText.getHtmlValue());
             this.hintString = "";
         }
         else {
@@ -8078,6 +8112,10 @@ var DropdownListModel = /** @class */ (function (_super) {
             this.hintString = item === null || item === void 0 ? void 0 : item.title;
         }
     };
+    DropdownListModel.prototype.cleanHtml = function (html) {
+        this.htmlCleanerElement.innerHTML = html;
+        return this.htmlCleanerElement.textContent;
+    };
     DropdownListModel.prototype.fixInputCase = function () {
         var hintStringMiddle = this.hintStringMiddle;
         if (hintStringMiddle && this.inputString != hintStringMiddle)
@@ -8211,14 +8249,14 @@ var DropdownListModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(DropdownListModel.prototype, "inputMode", {
         get: function () {
-            return _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"] ? "none" : "text";
+            return _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"] ? "none" : "text";
         },
         enumerable: false,
         configurable: true
     });
     DropdownListModel.prototype.setSearchEnabled = function (newValue) {
-        this.listModel.searchEnabled = _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"];
-        this.listModel.showSearchClearButton = _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"];
+        this.listModel.searchEnabled = _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"];
+        this.listModel.showSearchClearButton = _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"];
         this.searchEnabled = newValue;
     };
     DropdownListModel.prototype.updateItems = function () {
@@ -8357,7 +8395,7 @@ var DropdownListModel = /** @class */ (function (_super) {
             if (event.keyCode === 32 && this.question.searchEnabled) {
                 return;
             }
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["doKey2ClickUp"])(event, { processEsc: false, disableTabStop: this.question.isInputReadOnly });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["doKey2ClickUp"])(event, { processEsc: false, disableTabStop: this.question.isInputReadOnly });
         }
     };
     DropdownListModel.prototype.onEscape = function () {
@@ -8372,11 +8410,11 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.onBlur = function (event) {
         this.focused = false;
-        if (this.popupModel.isVisible && _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsTouch"]) {
+        if (this.popupModel.isVisible && _utils_devices__WEBPACK_IMPORTED_MODULE_8__["IsTouch"]) {
             this._popupModel.isVisible = true;
             return;
         }
-        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["doKey2ClickBlur"])(event);
+        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["doKey2ClickBlur"])(event);
         this._popupModel.isVisible = false;
         this.resetFilterString();
         this.inputString = null;
@@ -8897,7 +8935,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, chooseFiles, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9213,8 +9251,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");
@@ -9346,6 +9386,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_83__["createSvg"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_83__["chooseFiles"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_83__["sanitizeEditableContent"]; });
 
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../../utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
@@ -9372,8 +9414,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.127";
-ReleaseDate = "" + "2024-01-23";
+Version = "" + "1.9.129";
+ReleaseDate = "" + "2024-02-06";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9548,7 +9590,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, chooseFiles, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9814,7 +9856,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"]; });
 
@@ -9920,6 +9964,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["createSvg"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["chooseFiles"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["sanitizeEditableContent"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["CssClassBuilder"]; });
@@ -10011,7 +10057,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, chooseFiles, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10277,7 +10323,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"]; });
 
@@ -10383,6 +10431,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["createSvg"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["chooseFiles"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["sanitizeEditableContent"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["CssClassBuilder"]; });
@@ -15282,6 +15332,21 @@ function propertyValue(params) {
     return q ? q[params[1]] : undefined;
 }
 FunctionFactory.Instance.register("propertyValue", propertyValue);
+function substring_(params) {
+    if (params.length < 2)
+        return "";
+    var s = params[0];
+    if (!s || typeof s !== "string")
+        return "";
+    var start = params[1];
+    if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(start))
+        return "";
+    var end = params.length > 2 ? params[2] : undefined;
+    if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(end))
+        return s.substring(start);
+    return s.substring(start, end);
+}
+FunctionFactory.Instance.register("substring", substring_);
 
 
 /***/ }),
@@ -15423,13 +15488,10 @@ var Cover = /** @class */ (function (_super) {
     function Cover() {
         var _this = _super.call(this) || this;
         _this.cells = [];
-        _this.renderBackgroundImage = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["wrapUrlForBackgroundImage"])(_this.backgroundImage);
         ["top", "middle", "bottom"].forEach(function (positionY) {
             return ["left", "center", "right"].forEach(function (positionX) { return _this.cells.push(new CoverCell(_this, positionX, positionY)); });
         });
-        _this.updateHeaderClasses();
-        _this.updateContentClasses();
-        _this.updateBackgroundImageClasses();
+        _this.init();
         return _this;
     }
     Cover.prototype.calcBackgroundSize = function (backgroundImageFit) {
@@ -15445,6 +15507,9 @@ var Cover = /** @class */ (function (_super) {
         this.headerClasses = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
             .append("sv-header")
             .append("sv-header__without-background", (this.backgroundColor === "transparent") && !this.backgroundImage)
+            .append("sv-header__background-color--none", this.backgroundColor === "transparent" && !this.titleColor && !this.descriptionColor)
+            .append("sv-header__background-color--accent", !this.backgroundColor && !this.titleColor && !this.descriptionColor)
+            .append("sv-header__background-color--custom", !!this.backgroundColor && this.backgroundColor !== "transparent" && !this.titleColor && !this.descriptionColor)
             .append("sv-header__overlap", this.overlapEnabled)
             .toString();
     };
@@ -15468,7 +15533,16 @@ var Cover = /** @class */ (function (_super) {
         _super.prototype.fromJSON.call(this, theme.header);
         if (!!theme.cssVariables) {
             this.backgroundColor = theme.cssVariables["--sjs-header-backcolor"];
+            this.titleColor = theme.cssVariables["--sjs-font-headertitle-color"];
+            this.descriptionColor = theme.cssVariables["--sjs-font-headerdescription-color"];
         }
+        this.init();
+    };
+    Cover.prototype.init = function () {
+        this.renderBackgroundImage = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["wrapUrlForBackgroundImage"])(this.backgroundImage);
+        this.updateHeaderClasses();
+        this.updateContentClasses();
+        this.updateBackgroundImageClasses();
     };
     Cover.prototype.getType = function () {
         return "cover";
@@ -15591,6 +15665,12 @@ var Cover = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], Cover.prototype, "backgroundColor", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "titleColor", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "descriptionColor", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
             onSet: function (newVal, target) {
@@ -16179,12 +16259,14 @@ var map = {
 	"./V2Check.svg": "./src/images/V2Check.svg",
 	"./V2Check_24x24.svg": "./src/images/V2Check_24x24.svg",
 	"./V2DragElement_16x16.svg": "./src/images/V2DragElement_16x16.svg",
+	"./back-to-panel_16x16.svg": "./src/images/back-to-panel_16x16.svg",
 	"./chevron.svg": "./src/images/chevron.svg",
 	"./clear_16x16.svg": "./src/images/clear_16x16.svg",
 	"./close_16x16.svg": "./src/images/close_16x16.svg",
 	"./collapseDetail.svg": "./src/images/collapseDetail.svg",
 	"./drag-n-drop.svg": "./src/images/drag-n-drop.svg",
 	"./expandDetail.svg": "./src/images/expandDetail.svg",
+	"./full-screen_16x16.svg": "./src/images/full-screen_16x16.svg",
 	"./loading.svg": "./src/images/loading.svg",
 	"./minimize_16x16.svg": "./src/images/minimize_16x16.svg",
 	"./no-image.svg": "./src/images/no-image.svg",
@@ -16561,6 +16643,17 @@ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/back-to-panel_16x16.svg":
+/*!********************************************!*\
+  !*** ./src/images/back-to-panel_16x16.svg ***!
+  \********************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15.0001 6C15.0001 6.55 14.5501 7 14.0001 7H10.0001C9.45006 7 9.00006 6.55 9.00006 6V2C9.00006 1.45 9.45006 1 10.0001 1C10.5501 1 11.0001 1.45 11.0001 2V3.59L13.2901 1.29C13.4901 1.09 13.7401 1 14.0001 1C14.2601 1 14.5101 1.1 14.7101 1.29C15.1001 1.68 15.1001 2.31 14.7101 2.7L12.4201 4.99H14.0101C14.5601 4.99 15.0101 5.44 15.0101 5.99L15.0001 6ZM6.00006 9H2.00006C1.45006 9 1.00006 9.45 1.00006 10C1.00006 10.55 1.45006 11 2.00006 11H3.59006L1.29006 13.29C0.900059 13.68 0.900059 14.31 1.29006 14.7C1.68006 15.09 2.31006 15.09 2.70006 14.7L4.99006 12.41V14C4.99006 14.55 5.44006 15 5.99006 15C6.54006 15 6.99006 14.55 6.99006 14V10C6.99006 9.45 6.54006 9 5.99006 9H6.00006Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/chevron.svg":
 /*!********************************!*\
   !*** ./src/images/chevron.svg ***!
@@ -16627,6 +16720,17 @@ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/full-screen_16x16.svg":
+/*!******************************************!*\
+  !*** ./src/images/full-screen_16x16.svg ***!
+  \******************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.71 10.71L4.42 13H6.01C6.56 13 7.01 13.45 7.01 14C7.01 14.55 6.56 15 6.01 15H2C1.45 15 1 14.55 1 14V10C1 9.45 1.45 9 2 9C2.55 9 3 9.45 3 10V11.59L5.29 9.3C5.68 8.91 6.31 8.91 6.7 9.3C7.09 9.69 7.09 10.32 6.7 10.71H6.71ZM14 1H10C9.45 1 9 1.45 9 2C9 2.55 9.45 3 10 3H11.59L9.3 5.29C8.91 5.68 8.91 6.31 9.3 6.7C9.5 6.9 9.75 6.99 10.01 6.99C10.27 6.99 10.52 6.89 10.72 6.7L13.01 4.41V6C13.01 6.55 13.46 7 14.01 7C14.56 7 15.01 6.55 15.01 6V2C15.01 1.45 14.56 1 14.01 1H14Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/loading.svg":
 /*!********************************!*\
   !*** ./src/images/loading.svg ***!
@@ -17880,15 +17984,32 @@ var JsonObjectProperty = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    JsonObjectProperty.prototype.isEnable = function (obj) {
+        if (this.readOnly)
+            return false;
+        if (!obj || !this.enableIf)
+            return true;
+        return this.enableIf(this.getOriginalObj(obj));
+    };
     JsonObjectProperty.prototype.isVisible = function (layout, obj) {
         if (obj === void 0) { obj = null; }
         var isLayout = !this.layout || this.layout == layout;
         if (!this.visible || !isLayout)
             return false;
-        if (!!this.visibleIf && !!obj)
-            return this.visibleIf(obj);
+        if (!!this.visibleIf && !!obj) {
+            return this.visibleIf(this.getOriginalObj(obj));
+        }
         return true;
     };
+    JsonObjectProperty.prototype.getOriginalObj = function (obj) {
+        if (obj && obj.getOriginalObj) {
+            var orjObj = obj.getOriginalObj();
+            if (orjObj && Serializer.findProperty(orjObj.getType(), this.name)) {
+                return orjObj;
+            }
+        }
+        return obj;
+    };
     Object.defineProperty(JsonObjectProperty.prototype, "visible", {
         get: function () {
             return this.visibleValue != null ? this.visibleValue : true;
@@ -18012,6 +18133,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "showMode",
         "dependedProperties",
         "visibleIf",
+        "enableIf",
         "onExecuteExpression",
         "onPropertyEditorUpdate",
         "maxLength",
@@ -18330,7 +18452,7 @@ var JsonMetadataClass = /** @class */ (function () {
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.maxLength)) {
                 prop.maxLength = propInfo.maxLength;
             }
-            if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.displayName)) {
+            if (propInfo.displayName !== undefined) {
                 prop.displayName = propInfo.displayName;
             }
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.category)) {
@@ -18381,6 +18503,9 @@ var JsonMetadataClass = /** @class */ (function () {
             if (!!propInfo.visibleIf) {
                 prop.visibleIf = propInfo.visibleIf;
             }
+            if (!!propInfo.enableIf) {
+                prop.enableIf = propInfo.enableIf;
+            }
             if (!!propInfo.onExecuteExpression) {
                 prop.onExecuteExpression = propInfo.onExecuteExpression;
             }
@@ -19307,9 +19432,7 @@ var JsonObject = /** @class */ (function () {
     JsonObject.prototype.removePosOnValueToJson = function (property, value) {
         if (!property.isCustom || !value)
             return value;
-        if (!!value[JsonObject.positionPropertyName]) {
-            delete value[JsonObject.positionPropertyName];
-        }
+        this.removePosFromObj(value);
         return value;
     };
     JsonObject.prototype.removePos = function (property, value) {
@@ -19325,9 +19448,14 @@ var JsonObject = /** @class */ (function () {
                 this.removePosFromObj(obj[i]);
             }
         }
+        if (typeof obj !== "object")
+            return;
         if (!!obj[JsonObject.positionPropertyName]) {
             delete obj[JsonObject.positionPropertyName];
         }
+        for (var key in obj) {
+            this.removePosFromObj(obj[key]);
+        }
     };
     JsonObject.prototype.isValueArray = function (value) {
         return value && Array.isArray(value);
@@ -19583,7 +19711,10 @@ var ListModel = /** @class */ (function (_super) {
     ListModel.prototype.hasText = function (item, filterStringInLow) {
         if (!filterStringInLow)
             return true;
-        var textInLow = (item.title || "").toLocaleLowerCase();
+        var text = item.title || "";
+        if (this.onTextSearchCallback)
+            return this.onTextSearchCallback(item, filterStringInLow);
+        var textInLow = text.toLocaleLowerCase();
         textInLow = _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].comparator.normalizeTextCallback(textInLow, "filter");
         return textInLow.indexOf(filterStringInLow.toLocaleLowerCase()) > -1;
     };
@@ -19629,6 +19760,9 @@ var ListModel = /** @class */ (function (_super) {
     ListModel.prototype.setOnFilterStringChangedCallback = function (callback) {
         this.onFilterStringChangedCallback = callback;
     };
+    ListModel.prototype.setOnTextSearchCallback = function (callback) {
+        this.onTextSearchCallback = callback;
+    };
     ListModel.prototype.setItems = function (items, sortByVisibleIndex) {
         var _this = this;
         if (sortByVisibleIndex === void 0) { sortByVisibleIndex = true; }
@@ -20493,6 +20627,8 @@ var englishStrings = {
     startSurveyText: "Start",
     otherItemText: "Other (describe)",
     noneItemText: "None",
+    refuseItemText: "Refuse to answer",
+    dontKnowItemText: "Don't know",
     selectAllItemText: "Select All",
     progressText: "Page {0} of {1}",
     indexText: "{0} of {1}",
@@ -21312,7 +21448,7 @@ var PageModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(PageModel.prototype, "navigationTitle", {
         /**
-         * A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar) and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"buttons"`.
+         * A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar), [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"pages"`, and [`progressBarShowPageTitles`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarShowPageTitles) is `true`.
          *
          * If navigation titles are unspecified, the navigation buttons display page [titles](https://surveyjs.io/form-library/documentation/api-reference/page-model#title) or [names](https://surveyjs.io/form-library/documentation/pagemodel#name).
          */
@@ -21334,7 +21470,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");
@@ -24294,7 +24430,7 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         else {
             _this.surveyValue = _this.createSurvey(jsonObj);
         }
-        //this.surveyValue.showTitle = false;
+        _this.surveyValue.fitToContainer = true;
         if ("undefined" !== typeof document) {
             _this.windowElement = document.createElement("div");
         }
@@ -24343,6 +24479,20 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "isFullScreen", {
+        get: function () {
+            return this.getPropertyValue("isFullScreen", false);
+        },
+        set: function (val) {
+            if (!this.isExpanded && !!val) {
+                this.isExpanded = true;
+            }
+            this.setPropertyValue("isFullScreen", val);
+            this.setCssRoot();
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Shows the pop-up survey. The survey may appear [expanded or collapsed](#isExpanded).
      *
@@ -24363,6 +24513,9 @@ var PopupSurveyModel = /** @class */ (function (_super) {
     PopupSurveyModel.prototype.hide = function () {
         this.isShowing = false;
     };
+    PopupSurveyModel.prototype.toggleFullScreen = function () {
+        this.isFullScreen = !this.isFullScreen;
+    };
     Object.defineProperty(PopupSurveyModel.prototype, "isExpanded", {
         /**
          * Indicates whether the pop-up window is expanded or collapsed.
@@ -24373,6 +24526,9 @@ var PopupSurveyModel = /** @class */ (function (_super) {
             return this.getPropertyValue("isExpanded", false);
         },
         set: function (val) {
+            if (!!this.isFullScreen && !val) {
+                this.isFullScreen = false;
+            }
             this.setPropertyValue("isExpanded", val);
         },
         enumerable: false,
@@ -24463,6 +24619,22 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "allowFullScreen", {
+        /**
+         * Specifies whether to display a button that allow showing pop-up in full-screen mode.
+         *
+         * Default value: `false`
+         *
+         */
+        get: function () {
+            return this.getPropertyValue("allowFullScreen", false);
+        },
+        set: function (val) {
+            this.setPropertyValue("allowFullScreen", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PopupSurveyModel.prototype, "css", {
         get: function () {
             return this.survey.css;
@@ -24543,6 +24715,13 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupSurveyModel.prototype, "cssHeaderFullScreenButton", {
+        get: function () {
+            return this.getPropertyValue("cssHeaderFullScreenButton", "");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PopupSurveyModel.prototype, "renderedWidth", {
         get: function () {
             var width = this.getPropertyValue("width", "60%");
@@ -24557,7 +24736,7 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         if (!this.css || !this.css.window)
             return;
         var cssWindow = this.css.window;
-        this.setPropertyValue("cssRoot", cssWindow.root);
+        this.setCssRoot();
         this.setPropertyValue("cssRootCollapsedMod", cssWindow.rootCollapsedMod);
         this.setPropertyValue("cssRootContent", cssWindow.rootContent);
         this.setPropertyValue("cssBody", cssWindow.body);
@@ -24569,8 +24748,18 @@ var PopupSurveyModel = /** @class */ (function (_super) {
         this.setPropertyValue("cssHeaderButtonsContainer", cssHeader.buttonsContainer);
         this.setPropertyValue("cssHeaderCollapseButton", cssHeader.collapseButton);
         this.setPropertyValue("cssHeaderCloseButton", cssHeader.closeButton);
+        this.setPropertyValue("cssHeaderFullScreenButton", cssHeader.fullScreenButton);
         this.updateCssButton();
     };
+    PopupSurveyModel.prototype.setCssRoot = function () {
+        var cssWindow = this.css.window;
+        if (this.isFullScreen) {
+            this.setPropertyValue("cssRoot", cssWindow.root + " " + cssWindow.rootFullScreenMode);
+        }
+        else {
+            this.setPropertyValue("cssRoot", cssWindow.root);
+        }
+    };
     PopupSurveyModel.prototype.updateCssButton = function () {
         var cssHeader = !!this.css.window ? this.css.window.header : null;
         if (!cssHeader)
@@ -25241,6 +25430,231 @@ function createDialogOptions(componentName, data, onApply, onCancel, onHide, onS
 }
 
 
+/***/ }),
+
+/***/ "./src/progress-buttons.ts":
+/*!*********************************!*\
+  !*** ./src/progress-buttons.ts ***!
+  \*********************************/
+/*! exports provided: ProgressButtons, ProgressButtonsResponsivityManager */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ProgressButtons", function() { return ProgressButtons; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ProgressButtonsResponsivityManager", function() { return ProgressButtonsResponsivityManager; });
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/base.ts");
+/* harmony import */ var _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./defaultCss/defaultV2Css */ "./src/defaultCss/defaultV2Css.ts");
+/* harmony import */ var _page__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./page */ "./src/page.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+var ProgressButtons = /** @class */ (function (_super) {
+    __extends(ProgressButtons, _super);
+    function ProgressButtons(survey) {
+        var _this = _super.call(this) || this;
+        _this.survey = survey;
+        _this.onResize = _this.addEvent();
+        return _this;
+    }
+    ProgressButtons.prototype.isListElementClickable = function (index) {
+        if (!this.survey.onServerValidateQuestions ||
+            this.survey.onServerValidateQuestions.isEmpty ||
+            this.survey.checkErrorsMode === "onComplete") {
+            return true;
+        }
+        return index <= this.survey.currentPageNo + 1;
+    };
+    ProgressButtons.prototype.getRootCss = function (container) {
+        if (container === void 0) { container = "center"; }
+        var result = this.survey.css.progressButtonsContainerCenter;
+        if (this.survey.css.progressButtonsRoot) {
+            result += " " + this.survey.css.progressButtonsRoot + " " + this.survey.css.progressButtonsRoot + "--" + (["footer", "contentBottom"].indexOf(container) !== -1 ? "bottom" : "top");
+            result += " " + this.survey.css.progressButtonsRoot + "--" + (this.showItemTitles ? "with-titles" : "no-titles");
+        }
+        if (this.showItemNumbers && this.survey.css.progressButtonsNumbered) {
+            result += " " + this.survey.css.progressButtonsNumbered;
+        }
+        return result;
+    };
+    ProgressButtons.prototype.getListElementCss = function (index) {
+        if (index >= this.survey.visiblePages.length)
+            return;
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
+            .append(this.survey.css.progressButtonsListElementPassed, this.survey.visiblePages[index].passed)
+            .append(this.survey.css.progressButtonsListElementCurrent, this.survey.currentPageNo === index)
+            .append(this.survey.css.progressButtonsListElementNonClickable, !this.isListElementClickable(index))
+            .toString();
+    };
+    ProgressButtons.prototype.getScrollButtonCss = function (hasScroller, isLeftScroll) {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
+            .append(this.survey.css.progressButtonsImageButtonLeft, isLeftScroll)
+            .append(this.survey.css.progressButtonsImageButtonRight, !isLeftScroll)
+            .append(this.survey.css.progressButtonsImageButtonHidden, !hasScroller)
+            .toString();
+    };
+    ProgressButtons.prototype.clickListElement = function (element) {
+        if (!(element instanceof _page__WEBPACK_IMPORTED_MODULE_2__["PageModel"])) {
+            element = this.survey.visiblePages[element];
+        }
+        this.survey.tryNavigateToPage(element);
+    };
+    ProgressButtons.prototype.isListContainerHasScroller = function (element) {
+        var listContainerElement = element.querySelector("." + this.survey.css.progressButtonsListContainer);
+        if (!!listContainerElement) {
+            return listContainerElement.scrollWidth > listContainerElement.offsetWidth;
+        }
+        return false;
+    };
+    ProgressButtons.prototype.isCanShowItemTitles = function (element) {
+        var listContainerElement = element.querySelector("ul");
+        if (!listContainerElement || listContainerElement.children.length < 2)
+            return true;
+        if (listContainerElement.clientWidth > listContainerElement.parentElement.clientWidth) {
+            return false;
+        }
+        var expectedElementWidth = listContainerElement.children[0].clientWidth;
+        for (var i = 0; i < listContainerElement.children.length; i++) {
+            if (Math.abs(listContainerElement.children[i].clientWidth - expectedElementWidth) > 5) {
+                return false;
+            }
+        }
+        return true;
+    };
+    ProgressButtons.prototype.clearConnectorsWidth = function (element) {
+        var listContainerElements = element.querySelectorAll(".sd-progress-buttons__connector");
+        for (var i = 0; i < listContainerElements.length; i++) {
+            listContainerElements[i].style.width = "";
+        }
+    };
+    ProgressButtons.prototype.adjustConnectors = function (element) {
+        var listContainerElement = element.querySelector("ul");
+        if (!listContainerElement)
+            return;
+        var listContainerElements = element.querySelectorAll(".sd-progress-buttons__connector");
+        var connectorWidth = listContainerElement.clientWidth / (listContainerElement.children.length - 1) - 4;
+        for (var i = 0; i < listContainerElements.length; i++) {
+            listContainerElements[i].style.width = connectorWidth + "px";
+        }
+    };
+    Object.defineProperty(ProgressButtons.prototype, "showItemNumbers", {
+        get: function () {
+            if (_defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_1__["surveyCss"].currentType !== "defaultV2") {
+                return false;
+            }
+            return this.survey.progressBarShowPageNumbers;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ProgressButtons.prototype, "showItemTitles", {
+        get: function () {
+            if (_defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_1__["surveyCss"].currentType !== "defaultV2") {
+                return true;
+            }
+            return this.survey.progressBarShowPageTitles;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ProgressButtons.prototype.getItemNumber = function (page) {
+        var result = "";
+        if (this.showItemNumbers) {
+            result += this.survey.visiblePages.indexOf(page) + 1;
+        }
+        return result;
+    };
+    Object.defineProperty(ProgressButtons.prototype, "headerText", {
+        get: function () {
+            return this.survey.currentPage ? this.survey.currentPage.renderedNavigationTitle : "";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ProgressButtons.prototype, "footerText", {
+        get: function () {
+            return this.survey.progressText;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ProgressButtons.prototype.processResponsiveness = function (width) {
+        this.onResize.fire(this, { width: width });
+    };
+    return ProgressButtons;
+}(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+var ProgressButtonsResponsivityManager = /** @class */ (function () {
+    function ProgressButtonsResponsivityManager(model, element, viewModel) {
+        var _this = this;
+        this.model = model;
+        this.element = element;
+        this.viewModel = viewModel;
+        this.criticalProperties = ["progressBarType", "progressBarShowPageTitles"];
+        this.canShowItemTitles = true;
+        this.processResponsiveness = function (model, options) {
+            _this.viewModel.onUpdateScroller(model.isListContainerHasScroller(_this.element));
+            if (!model.showItemTitles) {
+                _this.model.adjustConnectors(_this.element);
+                return;
+            }
+            if (model.survey.isMobile) {
+                _this.prevWidth = options.width;
+                _this.canShowItemTitles = false;
+                _this.model.adjustConnectors(_this.element);
+                _this.viewModel.onResize(_this.canShowItemTitles);
+                return;
+            }
+            _this.model.clearConnectorsWidth(_this.element);
+            if (_this.timer !== undefined) {
+                clearTimeout(_this.timer);
+            }
+            _this.timer = setTimeout(function () {
+                if (_this.prevWidth === undefined || _this.prevWidth < options.width && !_this.canShowItemTitles || _this.prevWidth > options.width && _this.canShowItemTitles) {
+                    _this.prevWidth = options.width;
+                    _this.canShowItemTitles = model.isCanShowItemTitles(_this.element);
+                    _this.viewModel.onResize(_this.canShowItemTitles);
+                    _this.timer = undefined;
+                }
+            }, 10);
+        };
+        this.model.survey.registerFunctionOnPropertiesValueChanged(this.criticalProperties, function () { return _this.forceUpdate(); }, "ProgressButtonsResponsivityManager" + this.viewModel.container);
+        this.model.onResize.add(this.processResponsiveness);
+        this.forceUpdate();
+    }
+    ProgressButtonsResponsivityManager.prototype.forceUpdate = function () {
+        this.viewModel.onUpdateSettings();
+        this.processResponsiveness(this.model, {});
+    };
+    ProgressButtonsResponsivityManager.prototype.dispose = function () {
+        clearTimeout(this.timer);
+        this.model.onResize.remove(this.processResponsiveness);
+        this.model.survey.unRegisterFunctionOnPropertiesValueChanged(this.criticalProperties, "ProgressButtonsResponsivityManager" + this.viewModel.container);
+        this.element = undefined;
+        this.model = undefined;
+    };
+    return ProgressButtonsResponsivityManager;
+}());
+
+
+
 /***/ }),
 
 /***/ "./src/question.ts":
@@ -28805,7 +29219,6 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     function QuestionSelectBase(name) {
         var _this = _super.call(this, name) || this;
         _this.otherItemValue = new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"]("other");
-        _this.noneItemValue = new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].noneItemValue);
         _this.isSettingDefaultValue = false;
         _this.isSettingComment = false;
         _this.isRunningChoices = false;
@@ -28814,9 +29227,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         _this.headItemsCount = 0;
         _this.footItemsCount = 0;
         _this.prevIsOtherSelected = false;
-        var noneItemText = _this.createLocalizableString("noneText", _this.noneItemValue, true, "noneItemText");
-        _this.noneItemValue.locOwner = _this;
-        _this.noneItemValue.setLocText(noneItemText);
+        _this.noneItemValue = _this.createDefaultItem(_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].noneItemValue, "noneText", "noneItemText");
+        _this.refuseItemValue = _this.createDefaultItem(_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].refuseItemValue, "refuseText", "refuseItemText");
+        _this.dontKnowItemValue = _this.createDefaultItem(_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].dontKnowItemValue, "dontKnowText", "dontKnowItemText");
         _this.createItemValues("choices");
         _this.registerPropertyChangedHandlers(["choices"], function () {
             if (!_this.filterItems()) {
@@ -28824,7 +29237,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             }
         });
         _this.registerPropertyChangedHandlers(["choicesFromQuestion", "choicesFromQuestionMode", "choiceValuesFromQuestion",
-            "choiceTextsFromQuestion", "showNoneItem", "isUsingRestful"], function () {
+            "choiceTextsFromQuestion", "showNoneItem", "showRefuseItem", "showDontKnowItem", "isUsingRestful", "isMessagePanelVisible"], function () {
             _this.onVisibleChoicesChanged();
         });
         _this.registerPropertyChangedHandlers(["hideIfChoicesEmpty"], function () {
@@ -28992,7 +29405,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionSelectBase.prototype, "isNoneSelected", {
         get: function () {
-            return this.hasNone && this.getIsItemValue(this.renderedValue, this.noneItem);
+            return this.showNoneItem && this.getIsItemValue(this.renderedValue, this.noneItem);
         },
         enumerable: false,
         configurable: true
@@ -29004,6 +29417,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
          * When users select the "None" item in multi-select questions, all other items become unselected.
          * @see noneItem
          * @see noneText
+         * @see [settings.noneItemValue](https://surveyjs.io/form-library/documentation/api-reference/settings#noneItemValue)
          * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
          */
         get: function () {
@@ -29057,6 +29471,115 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionSelectBase.prototype, "showRefuseItem", {
+        /**
+         * Specifies whether to display the "Refuse to answer" choice item.
+         *
+         * When users select the "Refuse to answer" item in multi-select questions, all other items become unselected.
+         * @see refuseItem
+         * @see refuseItemText
+         * @see [settings.refuseItemValue](https://surveyjs.io/form-library/documentation/api-reference/settings#refuseItemValue)
+         * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
+         */
+        get: function () {
+            return this.getPropertyValue("showRefuseItem");
+        },
+        set: function (val) {
+            this.setPropertyValue("showRefuseItem", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "refuseItem", {
+        /**
+         * Returns the "Refuse to answer" choice item. Use this property to change the item's `value` or `text`.
+         * @see showRefuseItem
+         */
+        get: function () {
+            return this.refuseItemValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "refuseText", {
+        /**
+         * Gets or sets a caption for the "Refuse to answer" choice item.
+         * @see showRefuseItem
+         */
+        get: function () {
+            return this.getLocalizableStringText("refuseText");
+        },
+        set: function (val) {
+            this.setLocalizableStringText("refuseText", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "locRefuseText", {
+        get: function () {
+            return this.getLocalizableString("refuseText");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "showDontKnowItem", {
+        /**
+         * Specifies whether to display the "Don't know" choice item.
+         *
+         * When users select the "Don't know" item in multi-select questions, all other items become unselected.
+         * @see dontKnowItem
+         * @see dontKnowItemText
+         * @see [settings.dontKnowItemValue](https://surveyjs.io/form-library/documentation/api-reference/settings#dontKnowItemValue)
+         * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
+         */
+        get: function () {
+            return this.getPropertyValue("showDontKnowItem");
+        },
+        set: function (val) {
+            this.setPropertyValue("showDontKnowItem", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "dontKnowItem", {
+        /**
+         * Returns the "Don't know" choice item. Use this property to change the item's `value` or `text`.
+         * @see showDontKnowItem
+         */
+        get: function () {
+            return this.dontKnowItemValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "dontKnowText", {
+        /**
+         * Gets or sets a caption for the "Don't know" choice item.
+         * @see showDontKnowItem
+         */
+        get: function () {
+            return this.getLocalizableStringText("dontKnowText");
+        },
+        set: function (val) {
+            this.setLocalizableStringText("dontKnowText", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "locDontKnowText", {
+        get: function () {
+            return this.getLocalizableString("dontKnowText");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionSelectBase.prototype.createDefaultItem = function (defaultValue, name, locName) {
+        var item = new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](defaultValue);
+        var locStr = this.createLocalizableString(name, item, true, locName);
+        item.locOwner = this;
+        item.setLocText(locStr);
+        return item;
+    };
     Object.defineProperty(QuestionSelectBase.prototype, "choicesVisibleIf", {
         /**
          * A Boolean expression that is evaluated against each choice item. If the expression evaluates to `false`, the choice item becomes hidden.
@@ -29478,7 +30001,11 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             return false;
         if (includeOther && val == this.otherItem.value)
             return false;
-        if (this.hasNone && val == this.noneItem.value)
+        if (this.showNoneItem && val == this.noneItem.value)
+            return false;
+        if (this.showRefuseItem && val == this.refuseItem.value)
+            return false;
+        if (this.showDontKnowItem && val == this.dontKnowItem.value)
             return false;
         var choices = isFilteredChoices
             ? this.getFilteredChoices()
@@ -29800,7 +30327,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     };
     QuestionSelectBase.prototype.canUseFilteredChoices = function () {
         return (!this.isAddDefaultItems &&
-            !this.hasNone &&
+            !this.showNoneItem &&
+            !this.showRefuseItem &&
+            !this.showDontKnowItem &&
             !this.hasOther &&
             this.choicesOrder == "none");
     };
@@ -29818,7 +30347,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.addToVisibleChoices = function (items, isAddAll) {
         this.headItemsCount = 0;
         this.footItemsCount = 0;
-        if (!this.hasChoicesUrl) {
+        if (!this.isEmptyActiveChoicesInDesign) {
             this.addNewItemToVisibleChoices(items, isAddAll);
         }
         var dict = new Array();
@@ -29853,15 +30382,23 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         }
     };
     QuestionSelectBase.prototype.addNonChoicesItems = function (dict, isAddAll) {
-        if (this.supportNone() && this.canShowOptionItem(this.noneItem, isAddAll, this.hasNone)) {
-            this.addNonChoiceItem(dict, this.noneItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.noneItem);
+        if (this.supportNone()) {
+            this.addNonChoiceItem(dict, this.noneItem, isAddAll, this.showNoneItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.noneItem);
+        }
+        if (this.supportRefuse()) {
+            this.addNonChoiceItem(dict, this.refuseItem, isAddAll, this.showRefuseItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.refuseItem);
         }
-        if (this.supportOther() && this.canShowOptionItem(this.otherItem, isAddAll, this.hasOther)) {
-            this.addNonChoiceItem(dict, this.otherItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.otherItem);
+        if (this.supportDontKnow()) {
+            this.addNonChoiceItem(dict, this.dontKnowItem, isAddAll, this.showDontKnowItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.dontKnowItem);
+        }
+        if (this.supportOther()) {
+            this.addNonChoiceItem(dict, this.otherItem, isAddAll, this.hasOther, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.otherItem);
         }
     };
-    QuestionSelectBase.prototype.addNonChoiceItem = function (dict, item, order) {
-        order.forEach(function (val) { return dict.push({ index: val, item: item }); });
+    QuestionSelectBase.prototype.addNonChoiceItem = function (dict, item, isAddAll, showItem, order) {
+        if (this.canShowOptionItem(item, isAddAll, showItem)) {
+            order.forEach(function (val) { return dict.push({ index: val, item: item }); });
+        }
     };
     QuestionSelectBase.prototype.canShowOptionItem = function (item, isAddAll, hasItem) {
         var res = (isAddAll && (!!this.canShowOptionItemCallback ? this.canShowOptionItemCallback(item) : true)) || hasItem;
@@ -29875,7 +30412,11 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         if (item === this.otherItem)
             return this.hasOther;
         if (item === this.noneItem)
-            return this.hasNone;
+            return this.showNoneItem;
+        if (item === this.refuseItem)
+            return this.showRefuseItem;
+        if (item === this.dontKnowItem)
+            return this.showDontKnowItem;
         if (item === this.newItemValue)
             return false;
         return true;
@@ -29982,13 +30523,30 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 question.addDependedQuestion(this);
                 return this.getChoicesFromArrayQuestion(question);
             }
-            if (this.isDesignModeV2 && this.hasChoicesUrl)
+            if (this.isEmptyActiveChoicesInDesign)
                 return [];
             return this.choicesFromUrl ? this.choicesFromUrl : this.getChoices();
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionSelectBase.prototype, "isMessagePanelVisible", {
+        get: function () {
+            return this.getPropertyValue("isMessagePanelVisible", false);
+        },
+        set: function (val) {
+            this.setPropertyValue("isMessagePanelVisible", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "isEmptyActiveChoicesInDesign", {
+        get: function () {
+            return this.isDesignModeV2 && (this.hasChoicesUrl || this.isMessagePanelVisible);
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionSelectBase.prototype.getCarryForwardQuestion = function (data) {
         var question = this.findCarryForwardQuestion(data);
         var selBaseQuestion = this.getQuestionWithChoicesCore(question);
@@ -30059,7 +30617,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 : undefined;
         var choices = question.visibleChoices;
         for (var i = 0; i < choices.length; i++) {
-            if (this.isBuiltInChoice(choices[i], question))
+            if (question.isBuiltInChoice(choices[i]))
                 continue;
             if (isSelected === undefined) {
                 res.push(this.copyChoiceItem(choices[i]));
@@ -30088,7 +30646,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 choices = this.visibleChoices;
             }
             for (var i = 0; i < choices.length; i++) {
-                if (!this.isBuiltInChoice(choices[i], this))
+                if (!this.isBuiltInChoice(choices[i]))
                     return true;
             }
             return false;
@@ -30096,10 +30654,16 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionSelectBase.prototype.isBuiltInChoice = function (item, question) {
-        return (item === question.noneItem ||
-            item === question.otherItem ||
-            item === question.newItemValue);
+    QuestionSelectBase.prototype.isBuiltInChoice = function (item) {
+        return this.isNoneItem(item) ||
+            item === this.otherItem ||
+            item === this.newItemValue;
+    };
+    QuestionSelectBase.prototype.isNoneItem = function (item) {
+        return this.getNoneItems().indexOf(item) > -1;
+    };
+    QuestionSelectBase.prototype.getNoneItems = function () {
+        return [this.noneItem, this.refuseItem, this.dontKnowItem];
     };
     QuestionSelectBase.prototype.getChoices = function () {
         return this.choices;
@@ -30110,6 +30674,12 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.supportNone = function () {
         return this.isSupportProperty("showNoneItem");
     };
+    QuestionSelectBase.prototype.supportRefuse = function () {
+        return this.isSupportProperty("showRefuseItem");
+    };
+    QuestionSelectBase.prototype.supportDontKnow = function () {
+        return this.isSupportProperty("showDontKnowItem");
+    };
     QuestionSelectBase.prototype.isSupportProperty = function (propName) {
         return (!this.isDesignMode ||
             this.getPropertyByName(propName).visible);
@@ -30404,15 +30974,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionSelectBase.prototype.clearIncorrectValues = function () {
-        if (!this.hasValueToClearIncorrectValues())
-            return;
-        if (this.carryForwardQuestion && !this.carryForwardQuestion.isReady)
-            return;
-        if (!!this.survey &&
-            this.survey.questionsByValueName(this.getValueName()).length > 1)
-            return;
-        if (this.hasChoicesUrl &&
-            (!this.choicesFromUrl || this.choicesFromUrl.length == 0))
+        if (!this.hasValueToClearIncorrectValues() || !this.canClearIncorrectValues())
             return;
         if (this.clearIncorrectValuesCallback) {
             this.clearIncorrectValuesCallback();
@@ -30421,6 +30983,15 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             this.clearIncorrectValuesCore();
         }
     };
+    QuestionSelectBase.prototype.canClearIncorrectValues = function () {
+        if (this.carryForwardQuestion && !this.carryForwardQuestion.isReady)
+            return false;
+        if (!!this.survey && this.survey.questionsByValueName(this.getValueName()).length > 1)
+            return false;
+        if (this.hasChoicesUrl && (!this.choicesFromUrl || this.choicesFromUrl.length == 0))
+            return false;
+        return true;
+    };
     QuestionSelectBase.prototype.hasValueToClearIncorrectValues = function () {
         if (!!this.survey && this.survey.keepIncorrectValues)
             return false;
@@ -30556,7 +31127,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     Object.defineProperty(QuestionSelectBase.prototype, "dataChoices", {
         get: function () {
             var _this = this;
-            return this.visibleChoices.filter(function (item) { return !_this.isBuiltInChoice(item, _this); });
+            return this.visibleChoices.filter(function (item) { return !_this.isBuiltInChoice(item); });
         },
         enumerable: false,
         configurable: true
@@ -30898,6 +31469,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("selectbase", [
     { name: "separateSpecialChoices:boolean", visible: false },
     { name: "showOtherItem:boolean", alternativeName: "hasOther" },
     { name: "showNoneItem:boolean", alternativeName: "hasNone" },
+    { name: "showRefuseItem:boolean", visible: false },
+    { name: "showDontKnowItem:boolean", visible: false },
     {
         name: "otherPlaceholder",
         alternativeName: "otherPlaceHolder",
@@ -30912,7 +31485,23 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("selectbase", [
         serializationProperty: "locNoneText",
         dependsOn: "showNoneItem",
         visibleIf: function (obj) {
-            return obj.hasNone;
+            return obj.showNoneItem;
+        },
+    },
+    {
+        name: "refuseText",
+        serializationProperty: "locRefuseText",
+        dependsOn: "showRefuseItem",
+        visibleIf: function (obj) {
+            return obj.showRefuseItem;
+        },
+    },
+    {
+        name: "dontKnowText",
+        serializationProperty: "locDontKnowText",
+        dependsOn: "showDontKnowItem",
+        visibleIf: function (obj) {
+            return obj.showDontKnowItem;
         },
     },
     {
@@ -31765,8 +32354,11 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
          * @see showSelectAllItem
          */
         get: function () {
-            if (this.isItemSelected(this.noneItem))
-                return false;
+            var noneItems = this.getNoneItems();
+            for (var i = 0; i < noneItems.length; i++) {
+                if (this.isItemSelected(noneItems[i]))
+                    return false;
+            }
             var items = this.getVisibleEnableItems();
             if (items.length === 0)
                 return false;
@@ -31823,19 +32415,24 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
             }
         }
         else {
-            var newValue = [].concat(this.renderedValue || []);
-            var index = newValue.indexOf(item.value);
-            if (checked) {
-                if (index < 0) {
-                    newValue.push(item.value);
-                }
+            if (this.isNoneItem(item)) {
+                this.renderedValue = [item.value];
             }
             else {
-                if (index > -1) {
-                    newValue.splice(index, 1);
+                var newValue = [].concat(this.renderedValue || []);
+                var index = newValue.indexOf(item.value);
+                if (checked) {
+                    if (index < 0) {
+                        newValue.push(item.value);
+                    }
+                }
+                else {
+                    if (index > -1) {
+                        newValue.splice(index, 1);
+                    }
                 }
+                this.renderedValue = newValue;
             }
-            this.renderedValue = newValue;
         }
     };
     QuestionCheckboxModel.prototype.isItemSelectedCore = function (item) {
@@ -32064,21 +32661,7 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
             value = [];
         if (this.isTwoValueEquals(value, newValue))
             return;
-        if (this.hasNone) {
-            var prevNoneIndex = this.noneIndexInArray(value);
-            var newNoneIndex = this.noneIndexInArray(newValue);
-            if (prevNoneIndex > -1) {
-                if (newNoneIndex > -1 && newValue.length > 1) {
-                    newValue.splice(newNoneIndex, 1);
-                }
-            }
-            else {
-                if (newNoneIndex > -1) {
-                    newValue.splice(0, newValue.length);
-                    newValue.push(this.noneItem.value);
-                }
-            }
-        }
+        this.removeNoneItemsValues(value, newValue);
         _super.prototype.setNewValue.call(this, newValue);
     };
     QuestionCheckboxModel.prototype.getIsMultipleValue = function () {
@@ -32106,15 +32689,47 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
         }
         return -1;
     };
-    QuestionCheckboxModel.prototype.noneIndexInArray = function (val) {
-        if (!val || !Array.isArray(val))
-            return -1;
-        var noneValue = this.noneItem.value;
-        for (var i = 0; i < val.length; i++) {
-            if (val[i] == noneValue)
-                return i;
+    QuestionCheckboxModel.prototype.removeNoneItemsValues = function (value, newValue) {
+        var noneValues = [];
+        if (this.showNoneItem)
+            noneValues.push(this.noneItem.value);
+        if (this.showRefuseItem)
+            noneValues.push(this.refuseItem.value);
+        if (this.showDontKnowItem)
+            noneValues.push(this.dontKnowItem.value);
+        if (noneValues.length > 0) {
+            var prevNone = this.noneIndexInArray(value, noneValues);
+            var newNone = this.noneIndexInArray(newValue, noneValues);
+            if (prevNone.index > -1) {
+                if (prevNone.val === newNone.val) {
+                    if (newValue.length > 0) {
+                        newValue.splice(newNone.index, 1);
+                    }
+                }
+                else {
+                    var prevNewNone = this.noneIndexInArray(newValue, [prevNone.val]);
+                    if (prevNewNone.index > -1 && prevNewNone.index < newValue.length - 1) {
+                        newValue.splice(prevNewNone.index, 1);
+                    }
+                }
+            }
+            else {
+                if (newNone.index > -1 && newValue.length > 1) {
+                    var itemVal = this.convertValueToObject([newNone.val])[0];
+                    newValue.splice(0, newValue.length, itemVal);
+                }
+            }
         }
-        return -1;
+    };
+    QuestionCheckboxModel.prototype.noneIndexInArray = function (val, noneValues) {
+        if (!Array.isArray(val))
+            return { index: -1, val: undefined };
+        for (var i = val.length - 1; i >= 0; i--) {
+            var index = noneValues.indexOf(this.getRealValue(val[i]));
+            if (index > -1)
+                return { index: i, val: noneValues[index] };
+        }
+        return { index: -1, val: undefined };
     };
     QuestionCheckboxModel.prototype.canUseFilteredChoices = function () {
         return !this.hasSelectAll && _super.prototype.canUseFilteredChoices.call(this);
@@ -32124,12 +32739,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)
@@ -32748,8 +33363,8 @@ var ComponentQuestionJSON = /** @class */ (function () {
     });
     ComponentQuestionJSON.prototype.getDynamicProperties = function () {
         if (!Array.isArray(this.dynamicProperties)) {
+            this.dynamicProperties = this.calcDynamicProperties();
         }
-        this.dynamicProperties = this.calcDynamicProperties();
         return this.dynamicProperties;
     };
     ComponentQuestionJSON.prototype.calcDynamicProperties = function () {
@@ -33122,9 +33737,29 @@ var QuestionCustomModel = /** @class */ (function (_super) {
     QuestionCustomModel.prototype.getDynamicType = function () {
         return this.questionWrapper ? this.questionWrapper.getType() : "question";
     };
+    QuestionCustomModel.prototype.getOriginalObj = function () {
+        return this.questionWrapper;
+    };
     QuestionCustomModel.prototype.createWrapper = function () {
+        var _this = this;
         this.questionWrapper = this.createQuestion();
         this.createDynamicProperties(this.questionWrapper);
+        if (this.getDynamicProperties().length > 0) {
+            this.questionWrapper.onPropertyValueChangedCallback = function (name, oldValue, newValue, sender, arrayChanges) {
+                var prop = _this.getDynamicProperty(name);
+                if (prop) {
+                    _this.propertyValueChanged(name, oldValue, newValue, arrayChanges);
+                }
+            };
+        }
+    };
+    QuestionCustomModel.prototype.getDynamicProperty = function (name) {
+        var props = this.getDynamicProperties();
+        for (var i = 0; i < props.length; i++) {
+            if (props[i].name === name)
+                return props[i];
+        }
+        return null;
     };
     QuestionCustomModel.prototype.getElement = function () {
         return this.contentQuestion;
@@ -33534,6 +34169,13 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
         _super.prototype.setValue.call(this, name, newValue, locNotification, allowNotifyValueChanged);
         this.settingNewValue = false;
     };
+    QuestionCompositeModel.prototype.getFilteredValues = function () {
+        var values = !!this.data ? this.data.getFilteredValues() : {};
+        if (!!this.contentPanel) {
+            values[QuestionCompositeModel.ItemVariableName] = this.contentPanel.getValue();
+        }
+        return values;
+    };
     QuestionCompositeModel.prototype.updateValueCoreWithPanelValue = function () {
         var panelValue = this.getContentPanelValue();
         if (this.isTwoValueEquals(this.getValueCore(), panelValue))
@@ -34052,6 +34694,9 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
             }
         })
     ], QuestionDropdownModel.prototype, "searchEnabled", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], QuestionDropdownModel.prototype, "searchMode", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
     ], QuestionDropdownModel.prototype, "inputHasValue", void 0);
@@ -34079,6 +34724,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 },
@@ -34944,7 +35590,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(); }, undefined, _this.getLocale());
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); }, undefined, _this.getLocale(), _this.survey.rootElement);
                 return;
             }
             _this.clearFilesCore();
@@ -35298,6 +35944,18 @@ var QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionFileModel.prototype.chooseFile = function () {
+        var _this = this;
+        var inputElement = document.getElementById(this.inputId);
+        if (inputElement) {
+            if (this.survey) {
+                this.survey.chooseFiles(inputElement, function (files) { return _this.loadFiles(files); }, { element: this });
+            }
+            else {
+                inputElement.click();
+            }
+        }
+    };
     Object.defineProperty(QuestionFileModel.prototype, "needConfirmRemoveFile", {
         /**
          * Specifies whether users should confirm file deletion.
@@ -35834,7 +36492,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); }, undefined, this.getLocale());
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); }, undefined, this.getLocale(), this.survey.rootElement);
             return;
         }
         this.removeFileCore(data);
@@ -35859,9 +36517,12 @@ var QuestionFileModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: 0 })
     ], QuestionFileModel.prototype, "indexToShow", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: 1, onSet: function (_, target) {
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            defaultValue: 1,
+            onSet: function (_, target) {
                 target.updateFileNavigator();
-            } })
+            }
+        })
     ], QuestionFileModel.prototype, "pageSize", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
@@ -35870,11 +36531,13 @@ var QuestionFileModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionFileModel.prototype, "allowCameraAccess", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ onSet: function (val, obj) {
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            onSet: function (val, obj) {
                 if (!obj.isLoadingFromJson) {
                     obj.updateCurrentMode();
                 }
-            } })
+            }
+        })
     ], QuestionFileModel.prototype, "sourceType", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
@@ -36642,12 +37305,10 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionImagePickerModel.prototype.supportOther = function () {
-        return false;
-    };
-    QuestionImagePickerModel.prototype.supportNone = function () {
-        return false;
-    };
+    QuestionImagePickerModel.prototype.supportOther = function () { return false; };
+    QuestionImagePickerModel.prototype.supportNone = function () { return false; };
+    QuestionImagePickerModel.prototype.supportRefuse = function () { return false; };
+    QuestionImagePickerModel.prototype.supportDontKnow = function () { return false; };
     QuestionImagePickerModel.prototype.isAnswerCorrect = function () {
         if (!this.multiSelect)
             return _super.prototype.isAnswerCorrect.call(this);
@@ -36871,7 +37532,7 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionImagePickerModel.prototype.isBuiltInChoice = function (item, question) {
+    QuestionImagePickerModel.prototype.isBuiltInChoice = function (item) {
         return false;
     };
     QuestionImagePickerModel.prototype.addToVisibleChoices = function (items, isAddAll) {
@@ -37022,6 +37683,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("imagepicker", [
     { name: "showOtherItem", visible: false },
     { name: "otherText", visible: false },
     { name: "showNoneItem", visible: false },
+    { name: "showRefuseItem", visible: false },
+    { name: "showDontKnowItem", visible: false },
     { name: "noneText", visible: false },
     { name: "optionsCaption", visible: false },
     { name: "otherErrorText", visible: false },
@@ -37128,7 +37791,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;
         };
@@ -38286,6 +38949,9 @@ var MatrixDropdownCell = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    MatrixDropdownCell.prototype.getQuestionWrapperClassName = function (className) {
+        return className;
+    };
     MatrixDropdownCell.prototype.runCondition = function (values, properties) {
         this.question.runCondition(values, properties);
     };
@@ -38325,6 +38991,22 @@ var MatrixDropdownTotalCell = /** @class */ (function (_super) {
         this.question.unlocCalculation();
         this.question.runIfReadOnly = true;
     };
+    MatrixDropdownTotalCell.prototype.getQuestionWrapperClassName = function (className) {
+        var result = _super.prototype.getQuestionWrapperClassName.call(this, className);
+        if (!result) {
+            return result;
+        }
+        if (this.question.expression && this.question.expression != "''") {
+            result += " " + className + "--expression";
+        }
+        var alignment = this.column.totalAlignment;
+        if (alignment === "auto") {
+            if (this.column.cellType === "dropdown") {
+                alignment = "left";
+            }
+        }
+        return result + " " + className + "--" + alignment;
+    };
     MatrixDropdownTotalCell.prototype.getTotalExpression = function () {
         if (!!this.column.totalExpression)
             return this.column.totalExpression;
@@ -40766,9 +41448,11 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownb
         default: "none",
     },
     { name: "cellErrorLocation", default: "default", choices: ["default", "top", "bottom"] },
-    { name: "detailErrorLocation", default: "default", choices: ["default", "top", "bottom"], visibleIf: function (obj) { return !!obj && obj.detailPanelMode != "none"; }
+    {
+        name: "detailErrorLocation", default: "default", choices: ["default", "top", "bottom"],
+        visibleIf: function (obj) { return !!obj && obj.detailPanelMode != "none"; }
     },
-    "horizontalScroll:boolean",
+    { name: "horizontalScroll:boolean", visible: false, },
     {
         name: "choices:itemvalue[]", uniqueProperty: "value",
     },
@@ -41565,6 +42249,32 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MatrixDropdownColumn.prototype, "totalAlignment", {
+        /**
+         * An alignment for calculated total values.
+         *
+         * Possible values:
+         *
+         * - `"left"`
+         * - `"center"`
+         * - `"right"`
+         * - `"auto"` (default) - Applies one of the values above based on the column's [cell type](#cellType).
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/aggregate-data-within-form/ (linkStyle))
+         * @see totalType
+         * @see totalFormat
+         * @see totalCurrency
+         * @see totalDisplayStyle
+         */
+        get: function () {
+            return this.getPropertyValue("totalAlignment");
+        },
+        set: function (val) {
+            this.setPropertyValue("totalAlignment", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MatrixDropdownColumn.prototype, "totalCurrency", {
         /**
          * Specifies a currency used to display calculated total values. Applies only if [`totalDisplayStyle`](#totalDisplayStyle) is set to `"currency"`.
@@ -41883,6 +42593,11 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
         default: "none",
         choices: ["none", "decimal", "currency", "percent"],
     },
+    {
+        name: "totalAlignment",
+        default: "auto",
+        choices: ["auto", "left", "center", "right"],
+    },
     {
         name: "totalCurrency",
         choices: function () {
@@ -42073,6 +42788,13 @@ var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "cellQuestionWrapperClassName", {
+        get: function () {
+            return this.cell.getQuestionWrapperClassName(this.matrix.cssClasses.cellQuestionWrapper);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "headers", {
         get: function () {
             if (this.cell && this.cell.column) {
@@ -43755,7 +44477,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); }, undefined, this.getLocale());
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removeRowAsync(index, row); }, undefined, this.getLocale(), this.survey.rootElement);
             return;
         }
         this.removeRowAsync(index, row);
@@ -46935,7 +47657,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); }, undefined, this.getLocale());
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removePanel(value); }, undefined, this.getLocale(), this.survey.rootElement);
         }
         else {
             this.removePanel(value);
@@ -47344,10 +48066,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     QuestionPanelDynamicModel.prototype.clearValueInPanelsIfInvisible = function (reason) {
         for (var i = 0; i < this.panelsCore.length; i++) {
-            var questions = this.panelsCore[i].questions;
+            var panel = this.panelsCore[i];
+            var questions = panel.questions;
             this.isSetPanelItemData = {};
             for (var j = 0; j < questions.length; j++) {
                 var q = questions[j];
+                if (q.visible && !panel.isVisible)
+                    continue;
                 q.clearValueIfInvisible(reason);
                 this.isSetPanelItemData[q.getValueName()] = this.maxCheckCount + 1;
             }
@@ -48664,15 +49389,11 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     QuestionRankingModel.prototype.beforeDestroyQuestionElement = function (el) {
         _super.prototype.beforeDestroyQuestionElement.call(this, el);
     };
-    QuestionRankingModel.prototype.supportSelectAll = function () {
-        return false;
-    };
-    QuestionRankingModel.prototype.supportOther = function () {
-        return false;
-    };
-    QuestionRankingModel.prototype.supportNone = function () {
-        return false;
-    };
+    QuestionRankingModel.prototype.supportSelectAll = function () { return false; };
+    QuestionRankingModel.prototype.supportOther = function () { return false; };
+    QuestionRankingModel.prototype.supportNone = function () { return false; };
+    QuestionRankingModel.prototype.supportRefuse = function () { return false; };
+    QuestionRankingModel.prototype.supportDontKnow = function () { return false; };
     QuestionRankingModel.prototype.handleKeydownSelectToRank = function (event, movedElement) {
         if (this.isDesignMode)
             return;
@@ -48859,6 +49580,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_3__["Serializer"].addClass("ranking", [
     { name: "otherErrorText", visible: false, isSerializable: false },
     { name: "storeOthersAsComment", visible: false, isSerializable: false },
     { name: "showNoneItem", visible: false, isSerializable: false },
+    { name: "showRefuseItem", visible: false, isSerializable: false },
+    { name: "showDontKnowItem", visible: false, isSerializable: false },
     { name: "noneText", visible: false, isSerializable: false },
     { name: "showSelectAllItem", visible: false, isSerializable: false },
     { name: "selectAllText", visible: false, isSerializable: false },
@@ -49562,8 +50285,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionRatingModel.prototype, "ratingRootCss", {
         get: function () {
-            var baseClass = ((this.displayMode == "buttons" || (!!this.survey && this.survey.isDesignMode)) && this.cssClasses.rootWrappable) ?
-                this.cssClasses.rootWrappable : this.cssClasses.root;
+            var baseClassModifier = ((this.displayMode == "buttons" || (!!this.survey && this.survey.isDesignMode)) && this.cssClasses.rootWrappable) ?
+                this.cssClasses.rootWrappable : "";
             var rootClassModifier = "";
             if (this.hasMaxLabel || this.hasMinLabel) {
                 if (this.rateDescriptionLocation == "top")
@@ -49574,7 +50297,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
                     rootClassModifier = this.cssClasses.rootLabelsDiagonal;
             }
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
-                .append(baseClass)
+                .append(this.cssClasses.root)
+                .append(baseClassModifier)
                 .append(rootClassModifier)
                 .append(this.cssClasses.itemSmall, this.itemSmallMode && this.rateType != "labels")
                 .toString();
@@ -51074,7 +51798,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);
     };
@@ -52652,8 +53376,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, locale) {
-        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle, locale);
+    confirmActionAsync: function (message, callback, applyTitle, locale, rootElement) {
+        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle, locale, rootElement);
     },
     /**
      * A minimum width value for all survey elements.
@@ -52704,15 +53428,27 @@ var settings = {
      */
     showItemsInOrder: "default",
     /**
-     * A value to save in survey results when respondents select the None choice item.
+     * A value to save in survey results when respondents select the "None" choice item.
      *
      * Default value: `"none"`
      */
     noneItemValue: "none",
     /**
-     * An object whose properties specify the order of the special choice items (None, Other, Select All) in select-based questions.
+     * A value to save in survey results when respondents select the "Refuse to answer" choice item.
+     *
+     * Default value: `"refused"`
+     */
+    refuseItemValue: "refused",
+    /**
+     * A value to save in survey results when respondents select the "Don't know" choice item.
      *
-     * Default value: `{ selectAllItem: [-1], noneItem: [1], otherItem: [2] }`
+     * Default value: `"dontknow"`
+     */
+    dontKnowItemValue: "dontknow",
+    /**
+     * An object whose properties specify the order of the special choice items ("None", "Other", "Select All", "Refuse to answer", "Don't know") in select-based questions.
+     *
+     * Default value: `{ selectAllItem: [-1], noneItem: [1], otherItem: [2], dontKnowItem: [3], otherItem: [4] }`
      *
      * Use this object to reorder special choices. Each property accepts an array of integer numbers. Negative numbers place a special choice item above regular choice items, positive numbers place it below them. For instance, the code below specifies the following order of choices: None, Select All, regular choices, Other.
      *
@@ -52733,7 +53469,9 @@ var settings = {
     specialChoicesOrder: {
         selectAllItem: [-1],
         noneItem: [1],
-        otherItem: [2]
+        refuseItem: [2],
+        dontKnowItem: [3],
+        otherItem: [4]
     },
     /**
      * A list of supported validators by question type.
@@ -52787,6 +53525,12 @@ var settings = {
      * Default value: `true`
      */
     showMaxLengthIndicator: true,
+    /**
+     * Set to `false` to disable animations
+     *
+     * Default value: `true`
+    */
+    animationEnabled: true,
     /**
      * An object that specifies heading levels (`<h1>`, `<h2>`, etc.) to use when rendering survey, page, panel, and question titles.
      *
@@ -52872,7 +53616,8 @@ var settings = {
             "email",
             "impp",
         ]
-    }
+    },
+    legacyProgressBarView: false
 };
 
 
@@ -54697,7 +55442,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./header */ "./src/header.ts");
 /* harmony import */ var _surveytimer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./surveytimer */ "./src/surveytimer.ts");
 /* harmony import */ var _surveyTaskManager__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./surveyTaskManager */ "./src/surveyTaskManager.ts");
-/* harmony import */ var _surveyToc__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./surveyToc */ "./src/surveyToc.ts");
+/* harmony import */ var _progress_buttons__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./progress-buttons */ "./src/progress-buttons.ts");
+/* harmony import */ var _surveyToc__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./surveyToc */ "./src/surveyToc.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -54741,6 +55487,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -55057,6 +55804,12 @@ var SurveyModel = /** @class */ (function (_super) {
          * @see getResult
          */
         _this.onGetResult = _this.addEvent();
+        /**
+         * An event that is raised when Survey Creator opens a dialog window for users to select files.
+         * @see onUploadFile
+         * @see uploadFiles
+         */
+        _this.onOpenFileChooser = _this.addEvent();
         /**
          * An event that is raised when a File Upload or Signature Pad question starts to upload a file. Applies only if [`storeDataAsText`](https://surveyjs.io/form-library/documentation/api-reference/file-model#storeDataAsText) is `false`. Use this event to upload files to your server.
          *
@@ -55210,6 +55963,12 @@ var SurveyModel = /** @class */ (function (_super) {
          * [View Demo](https://surveyjs.io/form-library/examples/lazy-loading-dropdown/ (linkStyle))
          */
         _this.onChoicesLazyLoad = _this.addEvent();
+        /**
+         * An event that is raised each time a search string in a [Dropdown](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model) or [Tag Box](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model) question changes. Use this event to implement custom filtering of choice options.
+         * @see [QuestionDropdownModel.searchEnabled](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model#searchEnabled)
+         * @see [QuestionDropdownModel.searchMode](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model#searchMode)
+         */
+        _this.onChoicesSearch = _this.addEvent();
         /**
          * Use this event to load a display text for the [default choice item](https://surveyjs.io/form-library/documentation/questiondropdownmodel#defaultValue) in [Dropdown](https://surveyjs.io/form-library/documentation/questiondropdownmodel) and [Tag Box](https://surveyjs.io/form-library/documentation/questiontagboxmodel) questions.
          *
@@ -55581,6 +56340,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 _this.onScrollCallback = undefined;
             }
         });
+        _this.progressBarValue = new _progress_buttons__WEBPACK_IMPORTED_MODULE_23__["ProgressButtons"](_this);
         _this.layoutElements.push({
             id: "timerpanel",
             template: "survey-timerpanel",
@@ -55590,7 +56350,8 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.layoutElements.push({
             id: "progress-buttons",
             component: "sv-progress-buttons",
-            data: _this
+            data: _this.progressBar,
+            processResponsiveness: function (width) { return _this.progressBar.processResponsiveness && _this.progressBar.processResponsiveness(width); }
         });
         _this.layoutElements.push({
             id: "progress-questions",
@@ -55615,10 +56376,10 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.addLayoutElement({
             id: "toc-navigation",
             component: "sv-navigation-toc",
-            data: new _surveyToc__WEBPACK_IMPORTED_MODULE_23__["TOCModel"](_this)
+            data: new _surveyToc__WEBPACK_IMPORTED_MODULE_24__["TOCModel"](_this)
         });
         _this.layoutElements.push({
-            id: "navigationbuttons",
+            id: "buttons-navigation",
             component: "sv-action-bar",
             data: _this.navigationBar
         });
@@ -57560,6 +58321,13 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "progressBar", {
+        get: function () {
+            return this.progressBarValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "showProgressBar", {
         /**
          * Controls the visibility of the progress bar and specifies its position.
@@ -57567,9 +58335,13 @@ var SurveyModel = /** @class */ (function (_super) {
          * Possible values:
          *
          * - `"off"` (default) - Hides the progress bar.
-         * - `"top"` - Displays the progress bar above survey content.
+         * - `"aboveHeader"` - Displays the progress bar above the survey header.
+         * - `"belowHeader"` - Displays the progress bar below the survey header.
          * - `"bottom"` - Displays the progress bar below survey content.
-         * - `"both"` - Displays the progress bar above and below survey content.
+         * - `"topBottom"` - Displays the progress bar above and below survey content.
+         * - `"auto"` - Automatically selects between `"aboveHeader"` and `"belowHeader"`.
+         * - `"top"` - *(Obsolete)* Use the `"aboveHeader"` or `"belowHeader"` property value instead.
+         * - `"both"` - *(Obsolete)* Use the `"topBottom"` property value instead.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/navigation-default/ (linkStyle))
          * @see progressBarType
@@ -57594,7 +58366,9 @@ var SurveyModel = /** @class */ (function (_super) {
          * - `"questions"` - The number of answered questions.
          * - `"requiredQuestions"` - The number of answered [required questions](https://surveyjs.io/form-library/documentation/api-reference/question#isRequired).
          * - `"correctQuestions"` - The number of correct questions in a [quiz](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
-         * - `"buttons"` - Adds jump links to the progress bar.
+         * - `"buttons"` - *(Obsolete)* Use the `"pages"` property value with the [`progressBarShowPageTitles`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#progressBarShowPageTitles) property set to `true` instead.
+         *
+         * > When `progressBarType` is set to `"pages"`, you can also enable the [`progressBarShowPageNumbers`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#progressBarShowPageNumbers) and [`progressBarShowPageTitles`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#progressBarShowPageTitles) properties if you want to display page numbers and titles in the progress bar.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/navigation-buttons/ (linkStyle))
          * @see progressValue
@@ -57607,16 +58381,33 @@ var SurveyModel = /** @class */ (function (_super) {
                 newValue = "correctQuestion";
             if (newValue === "requiredquestion")
                 newValue = "requiredQuestion";
+            // if (newValue === "buttons") {
+            //   newValue = "pages";
+            //   this.progressBarShowPageTitles = true;
+            // }
             this.setPropertyValue("progressBarType", newValue);
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "progressBarComponentName", {
+        get: function () {
+            var actualProgressBarType = this.progressBarType;
+            if (!_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].legacyProgressBarView && _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_4__["surveyCss"].currentType === "defaultV2") {
+                if (isStrCiEqual(actualProgressBarType, "pages")) {
+                    actualProgressBarType = "buttons";
+                }
+            }
+            return "progress-" + actualProgressBarType;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "isShowProgressBarOnTop", {
         get: function () {
             if (!this.canShowProresBar())
                 return false;
-            return this.showProgressBar === "top" || this.showProgressBar === "both";
+            return ["auto", "aboveheader", "belowheader", "topbottom", "top", "both"].indexOf(this.showProgressBar) !== -1;
         },
         enumerable: false,
         configurable: true
@@ -57625,7 +58416,7 @@ var SurveyModel = /** @class */ (function (_super) {
         get: function () {
             if (!this.canShowProresBar())
                 return false;
-            return this.showProgressBar === "bottom" || this.showProgressBar === "both";
+            return this.showProgressBar === "bottom" || this.showProgressBar === "both" || this.showProgressBar === "topbottom";
         },
         enumerable: false,
         configurable: true
@@ -59956,6 +60747,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)
@@ -60336,6 +61128,26 @@ var SurveyModel = /** @class */ (function (_super) {
             _survey_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElement"].ScrollElementToTop(options.elementId, scrollIfVisible);
         }
     };
+    /**
+     * Opens a dialog window for users to select files.
+     * @param input A [file input HTML element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
+     * @param callback A callback function that you can use to process selected files. Accepts an array of JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/API/File" target="_blank">File</a> objects.
+     * @see onOpenFileChooser
+     * @see onUploadFile
+     */
+    SurveyModel.prototype.chooseFiles = function (input, callback, context) {
+        if (this.onOpenFileChooser.isEmpty) {
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_15__["chooseFiles"])(input, callback);
+        }
+        else {
+            this.onOpenFileChooser.fire(this, {
+                input: input,
+                element: context && context.element || this.survey,
+                item: context && context.item,
+                callback: callback
+            });
+        }
+    };
     /**
      * Uploads files to a server.
      *
@@ -60985,6 +61797,12 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    /**
+     * Recalculates all [expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) in the survey.
+     */
+    SurveyModel.prototype.runExpressions = function () {
+        this.runConditions();
+    };
     SurveyModel.prototype.runConditions = function () {
         if (this.isCompleted ||
             this.isEndLoadingFromJson === "processing" ||
@@ -61221,6 +62039,12 @@ var SurveyModel = /** @class */ (function (_super) {
         this.onStateAndCurrentPageChanged();
         this.updateState();
     };
+    SurveyModel.prototype.startLoadingFromJson = function (json) {
+        _super.prototype.startLoadingFromJson.call(this, json);
+        if (json && json.locale) {
+            this.locale = json.locale;
+        }
+    };
     SurveyModel.prototype.setJsonObject = function (jsonObj) {
         this.fromJSON(jsonObj);
     };
@@ -62332,7 +63156,9 @@ var SurveyModel = /** @class */ (function (_super) {
      * @see onTimer
      */
     SurveyModel.prototype.startTimer = function () {
-        this.timerModel.start();
+        if (this.isEditMode) {
+            this.timerModel.start();
+        }
     };
     SurveyModel.prototype.startTimerFromUI = function () {
         if (this.showTimerPanel != "none" && this.state === "running") {
@@ -62606,7 +63432,7 @@ var SurveyModel = /** @class */ (function (_super) {
      *
      * This method accepts an object with the following layout element properties:
      *
-     * - `id`: `string` | `"timerpanel"` | `"progress-buttons"` | `"progress-questions"` | `"progress-pages"` | `"progress-correctquestions"` | `"progress-requiredquestions"` | `"toc-navigation"` | `"navigationbuttons"`\
+     * - `id`: `string` | `"timerpanel"` | `"progress-buttons"` | `"progress-questions"` | `"progress-pages"` | `"progress-correctquestions"` | `"progress-requiredquestions"` | `"toc-navigation"` | `"buttons-navigation"`\
      * A layout element identifier. You can use possible values to access and relocate or customize predefined layout elements.
      *
      * - `container`: `"header"` | `"footer"` | `"left"` | `"right"` | `"contentTop"` | `"contentBottom"`\
@@ -62655,10 +63481,16 @@ 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 (isStrCiEqual(this.showProgressBar, "belowHeader")) {
+                    isBelowHeader = true;
+                }
                 if (container === "header" && !isBelowHeader) {
                     layoutElement.index = -150;
                     if (this.isShowProgressBarOnTop && !this.isShowStartingPage) {
@@ -62679,7 +63511,7 @@ var SurveyModel = /** @class */ (function (_super) {
                     }
                 }
             }
-            else if (isStrCiEqual(layoutElement.id, "navigationbuttons")) {
+            else if (isStrCiEqual(layoutElement.id, "buttons-navigation")) {
                 if (container === "contentTop") {
                     if (["top", "both"].indexOf(this.isNavigationButtonsShowing) !== -1) {
                         containerLayoutElements.push(layoutElement);
@@ -62889,6 +63721,16 @@ var SurveyModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "wrapperFormCss", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            getDefaultValue: function (self) {
+                return self.progressBarType === "buttons";
+            },
+        })
+    ], SurveyModel.prototype, "progressBarShowPageTitles", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "progressBarShowPageNumbers", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "rootCss", void 0);
@@ -63024,7 +63866,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
     {
         name: "showProgressBar",
         default: "off",
-        choices: ["off", "top", "bottom", "both"],
+        choices: ["off", "auto", "aboveHeader", "belowHeader", "bottom", "topBottom"],
     },
     {
         name: "progressBarType",
@@ -63034,9 +63876,10 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
             "questions",
             "requiredQuestions",
             "correctQuestions",
-            "buttons",
         ],
     },
+    { name: "progressBarShowPageTitles:switch", category: "navigation" },
+    { name: "progressBarShowPageNumbers:switch", default: false, category: "navigation" },
     {
         name: "showTOC:switch",
         default: false
@@ -63183,56 +64026,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":
@@ -65559,7 +66352,7 @@ var VerticalResponsivityManager = /** @class */ (function (_super) {
 /*!****************************!*\
   !*** ./src/utils/utils.ts ***!
   \****************************/
-/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, showConfirmDialog, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild */
+/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, showConfirmDialog, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, chooseFiles */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -65598,6 +66391,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "preventDefaults", function() { return preventDefaults; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findParentByClassNames", function() { return findParentByClassNames; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFirstVisibleChild", function() { return getFirstVisibleChild; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "chooseFiles", function() { return chooseFiles; });
 /* harmony import */ var _localizablestring__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../localizablestring */ "./src/localizablestring.ts");
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../settings */ "./src/settings.ts");
 /* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../surveyStrings */ "./src/surveyStrings.ts");
@@ -65622,7 +66416,7 @@ function confirmAction(message) {
         return _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionFunc(message);
     return confirm(message);
 }
-function confirmActionAsync(message, funcOnYes, funcOnNo, locale) {
+function confirmActionAsync(message, funcOnYes, funcOnNo, locale, rootElement) {
     var callbackFunc = function (res) {
         if (res)
             funcOnYes();
@@ -65630,7 +66424,7 @@ function confirmActionAsync(message, funcOnYes, funcOnNo, locale) {
             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, undefined, locale))
+        if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync(message, callbackFunc, undefined, locale, rootElement))
             return;
     }
     callbackFunc(confirmAction(message));
@@ -65979,7 +66773,7 @@ var Logger = /** @class */ (function () {
     return Logger;
 }());
 
-function showConfirmDialog(message, callback, applyTitle, locale) {
+function showConfirmDialog(message, callback, applyTitle, locale, rootElement) {
     var locStr = new _localizablestring__WEBPACK_IMPORTED_MODULE_0__["LocalizableString"](undefined);
     var popupViewModel = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
         componentName: "sv-string-viewer",
@@ -65996,7 +66790,7 @@ function showConfirmDialog(message, callback, applyTitle, locale) {
         displayMode: "popup",
         isFocusedContent: false,
         cssClass: "sv-popup--confirm-delete"
-    }, /*settings.rootElement*/ document.body); //TODO survey root
+    }, rootElement);
     var toolbar = popupViewModel.footerToolbar;
     var applyBtn = toolbar.getActionById("apply");
     var cancelBtn = toolbar.getActionById("cancel");
@@ -66007,6 +66801,23 @@ function showConfirmDialog(message, callback, applyTitle, locale) {
     popupViewModel.width = "452px";
     return true;
 }
+function chooseFiles(input, callback) {
+    if (!window || !window["FileReader"])
+        return;
+    input.value = "";
+    input.onchange = function (event) {
+        if (!window["FileReader"])
+            return;
+        if (!input || !input.files || input.files.length < 1)
+            return;
+        var files = [];
+        for (var i = 0; i < input.files.length; i++) {
+            files.push(input.files[i]);
+        }
+        callback(files);
+    };
+    input.click();
+}