survey-core 1.9.112 → 1.9.113

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.112
+ * surveyjs - Survey JavaScript library v1.9.113
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4548,10 +4548,12 @@ var Cover = /** @class */ (function (_super) {
             .toString();
     };
     Cover.prototype.updateContentClasses = function () {
+        var surveyWidthMode = !!this.survey && this.survey.calculateWidthMode();
+        this.maxWidth = this.inheritWidthFrom === "survey" && !!surveyWidthMode && surveyWidthMode === "static" && this.survey.renderedWidth;
         this.contentClasses = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
             .append("sv-conver__content")
-            .append("sv-conver__content--static", this.inheritWidthFrom === "survey" && !!this.survey && this.survey.calculateWidthMode() === "static")
-            .append("sv-conver__content--responsive", this.inheritWidthFrom === "page" || (!!this.survey && this.survey.calculateWidthMode() === "responsive"))
+            .append("sv-conver__content--static", this.inheritWidthFrom === "survey" && !!surveyWidthMode && surveyWidthMode === "static")
+            .append("sv-conver__content--responsive", this.inheritWidthFrom === "container" || (!!surveyWidthMode && surveyWidthMode === "responsive"))
             .toString();
     };
     Cover.prototype.updateBackgroundImageClasses = function () {
@@ -4596,7 +4598,7 @@ var Cover = /** @class */ (function (_super) {
             if (!!newValue) {
                 this.updateContentClasses();
                 this._survey.onPropertyChanged.add(function (sender, options) {
-                    if (options.name == "widthMode") {
+                    if (options.name == "widthMode" || options.name == "width") {
                         _this.updateContentClasses();
                     }
                 });
@@ -4697,6 +4699,9 @@ var Cover = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], Cover.prototype, "contentClasses", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "maxWidth", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], Cover.prototype, "backgroundImageClasses", void 0);
@@ -5692,7 +5697,7 @@ var defaultV2Css = {
         header: "sd-panel__header sd-element__header sd-element__header--location-top",
         collapsed: "sd-element--collapsed",
         expanded: "sd-element--expanded",
-        nested: "sd-element--nested",
+        nested: "sd-element--nested sd-element--nested-with-borders",
         invisible: "sd-element--invisible",
         navigationButton: "",
         compact: "sd-element--with-frame sd-element--compact"
@@ -5716,6 +5721,7 @@ var defaultV2Css = {
         progressContainer: "sd-paneldynamic__progress-container",
         progress: "sd-progress",
         progressBar: "sd-progress__bar",
+        nested: "sd-element--nested sd-element--nested-with-borders",
         progressText: "sd-paneldynamic__progress-text",
         separator: "sd-paneldynamic__separator",
         panelWrapper: "sd-paneldynamic__panel-wrapper",
@@ -5782,6 +5788,9 @@ var defaultV2Css = {
         contentLeft: "sd-question__content--left",
         titleNumInline: "sd-element__title--num-inline",
         titleLeftRoot: "sd-question--left",
+        titleTopRoot: "sd-question--title-top",
+        descriptionUnderInputRoot: "sd-question--description-under-input",
+        titleBottomRoot: "sd-question--title-bottom",
         titleOnAnswer: "sd-question__title--answer",
         titleEmpty: "sd-question__title--empty",
         titleOnError: "sd-question__title--error",
@@ -5804,6 +5813,8 @@ var defaultV2Css = {
         commentArea: "sd-question__comment-area",
         formGroup: "sd-question__form-group",
         hasError: "sd-question--error",
+        hasErrorTop: "sd-question--error-top",
+        hasErrorBottom: "sd-question--error-bottom",
         collapsed: "sd-element--collapsed",
         expanded: "sd-element--expanded",
         nested: "sd-element--nested",
@@ -5829,7 +5840,6 @@ var defaultV2Css = {
         root: "sd-question__erbox",
         icon: "",
         item: "",
-        tooltip: "sd-question__erbox--tooltip",
         outsideQuestion: "sd-question__erbox--outside-question",
         aboveQuestion: "sd-question__erbox--above-question",
         belowQuestion: "sd-question__erbox--below-question",
@@ -7181,6 +7191,7 @@ var DragDropCore = /** @class */ (function () {
     };
     DragDropCore.prototype.clear = function () {
         this.dropTarget = null;
+        this.prevDropTarget = null;
         this.draggedElement = null;
         this.isBottom = null;
         this.parentElement = null;
@@ -7915,12 +7926,16 @@ var DragDropRankingSelectToRank = /** @class */ (function (_super) {
     };
     DragDropRankingSelectToRank.prototype.doRankBetween = function (dropTargetNode, fromChoicesArray, toChoicesArray, rankFunction) {
         var questionModel = this.parentElement;
+        var _a = this.getIndixies(questionModel, fromChoicesArray, toChoicesArray), fromIndex = _a.fromIndex, toIndex = _a.toIndex;
+        rankFunction(questionModel, fromIndex, toIndex);
+        this.doUIEffects(dropTargetNode, fromIndex, toIndex);
+    };
+    DragDropRankingSelectToRank.prototype.getIndixies = function (model, fromChoicesArray, toChoicesArray) {
         var fromIndex = fromChoicesArray.indexOf(this.draggedElement);
         var toIndex = toChoicesArray.indexOf(this.dropTarget);
         if (toIndex === -1)
-            toIndex = toChoicesArray.length;
-        rankFunction(questionModel, fromIndex, toIndex);
-        this.doUIEffects(dropTargetNode, fromIndex, toIndex);
+            toIndex = model.value.length;
+        return { fromIndex: fromIndex, toIndex: toIndex };
     };
     DragDropRankingSelectToRank.prototype.doUIEffects = function (dropTargetNode, fromIndex, toIndex) {
         var questionModel = this.parentElement;
@@ -9089,7 +9104,7 @@ var ElementHelper = /** @class */ (function () {
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, 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, tryNavigateToPage, 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, tryNavigateToPage, 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 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9098,6 +9113,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReleaseDate", function() { return ReleaseDate; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkLibraryVersion", function() { return checkLibraryVersion; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setLicenseKey", function() { return setLicenseKey; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "slk", function() { return slk; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasLicense", function() { return hasLicense; });
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../settings */ "./src/settings.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return _settings__WEBPACK_IMPORTED_MODULE_0__["settings"]; });
@@ -9565,8 +9581,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.112";
-ReleaseDate = "" + "2023-10-10";
+Version = "" + "1.9.113";
+ReleaseDate = "" + "2023-10-17";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9576,13 +9592,16 @@ function checkLibraryVersion(ver, libraryName) {
     }
 }
 function setLicenseKey(key) {
-    slk(key, lic, ReleaseDate);
+    slk(key);
+}
+function slk(key) {
+    _slk(key, lic, ReleaseDate);
 }
 function hasLicense(index) {
     return lic[index.toString()] === true;
 }
 var lic = {};
-function slk(k, lh, rd) {
+function _slk(k, lh, rd) {
     if (!k)
         return;
     var en = function (s) {
@@ -9715,7 +9734,7 @@ function slk(k, lh, rd) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, 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, tryNavigateToPage, 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, tryNavigateToPage, 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 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9729,6 +9748,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setLicenseKey", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["setLicenseKey"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "slk", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["slk"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hasLicense", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["hasLicense"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["settings"]; });
@@ -10178,7 +10199,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, 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, tryNavigateToPage, 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, tryNavigateToPage, 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 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10192,6 +10213,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setLicenseKey", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["setLicenseKey"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "slk", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["slk"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hasLicense", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["hasLicense"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["settings"]; });
@@ -17391,14 +17414,17 @@ var JsonObjectProperty = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    JsonObjectProperty.prototype.getDefaultValue = function (obj) {
+        var result = !!this.defaultValueFunc ? this.defaultValueFunc(obj) : this.defaultValueValue;
+        if (!!JsonObjectProperty.getItemValuesDefaultValue &&
+            JsonObject.metaData.isDescendantOf(this.className, "itemvalue")) {
+            result = JsonObjectProperty.getItemValuesDefaultValue(this.defaultValueValue || [], this.className);
+        }
+        return result;
+    };
     Object.defineProperty(JsonObjectProperty.prototype, "defaultValue", {
         get: function () {
-            var result = !!this.defaultValueFunc ? this.defaultValueFunc() : this.defaultValueValue;
-            if (!!JsonObjectProperty.getItemValuesDefaultValue &&
-                JsonObject.metaData.isDescendantOf(this.className, "itemvalue")) {
-                result = JsonObjectProperty.getItemValuesDefaultValue(this.defaultValueValue || [], this.className);
-            }
-            return result;
+            return this.getDefaultValue(undefined);
         },
         set: function (newValue) {
             this.defaultValueValue = newValue;
@@ -17407,8 +17433,12 @@ var JsonObjectProperty = /** @class */ (function () {
         configurable: true
     });
     JsonObjectProperty.prototype.isDefaultValue = function (value) {
-        if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(this.defaultValue)) {
-            return _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(value, this.defaultValue, false, true, false);
+        return this.isDefaultValueByObj(undefined, value);
+    };
+    JsonObjectProperty.prototype.isDefaultValueByObj = function (obj, value) {
+        var dValue = this.getDefaultValue(obj);
+        if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(dValue)) {
+            return _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(value, dValue, false, true, false);
         }
         if (this.isLocalizable)
             return value === null || value === undefined;
@@ -18774,7 +18804,7 @@ var JsonObject = /** @class */ (function () {
             (property.isLightSerializable === false && this.lightSerializing))
             return;
         var value = property.getValue(obj);
-        if (!storeDefaults && property.isDefaultValue(value))
+        if (!storeDefaults && property.isDefaultValueByObj(obj, value))
             return;
         if (this.isValueArray(value)) {
             var arrValue = [];
@@ -18788,7 +18818,7 @@ var JsonObject = /** @class */ (function () {
         }
         var hasValue = typeof obj["getPropertyValue"] === "function" &&
             obj["getPropertyValue"](property.name, null) !== null;
-        if ((storeDefaults && hasValue) || !property.isDefaultValue(value)) {
+        if ((storeDefaults && hasValue) || !property.isDefaultValueByObj(obj, value)) {
             if (!Serializer.onSerializingProperty || !Serializer.onSerializingProperty(obj, property, value, result)) {
                 result[property.name] = value;
             }
@@ -20790,7 +20820,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 [`showProgressBar`](https://surveyjs.io/form-library/documentation/surveymodel#showProgressBar) is `true` and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is `"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) and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"buttons"`.
          *
          * 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).
          */
@@ -20811,6 +20841,9 @@ var PageModel = /** @class */ (function (_super) {
         configurable: true
     });
     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"`.
+         */
         get: function () {
             return this.getLocalizableStringText("navigationDescription");
         },
@@ -23454,6 +23487,7 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
     PopupDropdownViewModel.prototype.getStyleClass = function () {
         return _super.prototype.getStyleClass.call(this)
             .append("sv-popup--dropdown", !this.isOverlay)
+            .append("sv-popup--dropdown-overlay", this.isOverlay && this.model.overlayDisplayMode !== "overlay")
             .append("sv-popup--tablet", this.isTablet && this.isOverlay)
             .append("sv-popup--show-pointer", !this.isOverlay && this.showHeader)
             .append("sv-popup--" + this.popupDirection, !this.isOverlay && this.showHeader);
@@ -24596,6 +24630,9 @@ var PopupModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "" })
     ], PopupModel.prototype, "title", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "auto" })
+    ], PopupModel.prototype, "overlayDisplayMode", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "popup" })
     ], PopupModel.prototype, "displayMode", void 0);
@@ -24778,6 +24815,7 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.setIsMobile = function (val) {
         this.isMobile = val && (this.allowMobileInDesignMode() || !this.isDesignMode);
     };
+    Question.prototype.themeChanged = function (theme) { };
     Question.prototype.createLocTitleProperty = function () {
         var _this = this;
         var locTitleValue = _super.prototype.createLocTitleProperty.call(this);
@@ -25771,13 +25809,19 @@ var Question = /** @class */ (function (_super) {
         this.setPropertyValue("cssRoot", val);
     };
     Question.prototype.getCssRoot = function (cssClasses) {
+        var hasError = this.errors.length > 0;
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
             .append(_super.prototype.getCssRoot.call(this, cssClasses))
             .append(this.isFlowLayout && !this.isDesignMode
             ? cssClasses.flowRoot
             : cssClasses.mainRoot)
             .append(cssClasses.titleLeftRoot, !this.isFlowLayout && this.hasTitleOnLeft)
-            .append(cssClasses.hasError, this.errors.length > 0)
+            .append(cssClasses.titleTopRoot, !this.isFlowLayout && this.hasTitleOnTop)
+            .append(cssClasses.titleBottomRoot, !this.isFlowLayout && this.hasTitleOnBottom)
+            .append(cssClasses.descriptionUnderInputRoot, !this.isFlowLayout && this.hasDescriptionUnderInput)
+            .append(cssClasses.hasError, hasError)
+            .append(cssClasses.hasErrorTop, hasError && this.getErrorLocation() == "top")
+            .append(cssClasses.hasErrorBottom, hasError && this.getErrorLocation() == "bottom")
             .append(cssClasses.small, !this.width)
             .append(cssClasses.answered, this.isAnswered)
             .toString();
@@ -28407,8 +28451,6 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     };
     QuestionSelectBase.prototype.runCondition = function (values, properties) {
         _super.prototype.runCondition.call(this, values, properties);
-        if (this.isUsingCarryForward)
-            return;
         this.runItemsEnableCondition(values, properties);
         this.runItemsCondition(values, properties);
     };
@@ -30138,13 +30180,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("selectbase", [
         },
     },
     "hideIfChoicesEmpty:boolean",
-    {
-        name: "choicesVisibleIf:condition",
-        dependsOn: "choicesFromQuestion",
-        visibleIf: function (obj) {
-            return !obj.choicesFromQuestion;
-        },
-    },
+    "choicesVisibleIf:condition",
     {
         name: "choicesEnableIf:condition",
         dependsOn: "choicesFromQuestion",
@@ -32775,6 +32811,13 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionDropdownModel.prototype, "showClearButton", {
+        get: function () {
+            return this.allowClear && !this.isEmpty() && (!this.isDesignMode || _settings__WEBPACK_IMPORTED_MODULE_5__["settings"].supportCreatorV2);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionDropdownModel.prototype, "optionsCaption", {
         get: function () {
             return this.placeholder;
@@ -42012,7 +42055,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionMatrixDynamicModel.prototype, "allowRowsDragAndDrop", {
         /**
-         * Specifies whether users can drag and drop matrix rows to reorder them.
+         * Specifies whether users can drag and drop matrix rows to reorder them. Applies only if [`columnLayout`](#columnLayout) is `"horizontal"`.
          *
          * Default value: `false`
          */
@@ -43116,6 +43159,32 @@ var MultipleTextItemModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MultipleTextItemModel.prototype, "minValueExpression", {
+        /**
+         * The minimum value specified as an expression. For example, `"minValueExpression": "today(-1)"` sets the minimum value to yesterday.
+         */
+        get: function () {
+            return this.editor.minValueExpression;
+        },
+        set: function (val) {
+            this.editor.minValueExpression = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MultipleTextItemModel.prototype, "maxValueExpression", {
+        /**
+         * The maximum value specified as an expression. For example, `"maxValueExpression": "today(1)"` sets the maximum value to tomorrow.
+         */
+        get: function () {
+            return this.editor.maxValueExpression;
+        },
+        set: function (val) {
+            this.editor.maxValueExpression = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MultipleTextItemModel.prototype, "validators", {
         /**
          * The list of question validators.
@@ -43804,6 +43873,22 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_4__["Serializer"].addClass("multipletextite
         name: "requiredErrorText:text",
         serializationProperty: "locRequiredErrorText",
     },
+    {
+        name: "minValueExpression:expression",
+        category: "logic",
+        dependsOn: "inputType",
+        visibleIf: function (obj) {
+            return Object(_question_text__WEBPACK_IMPORTED_MODULE_3__["isMinMaxType"])(obj);
+        },
+    },
+    {
+        name: "maxValueExpression:expression",
+        category: "logic",
+        dependsOn: "inputType",
+        visibleIf: function (obj) {
+            return Object(_question_text__WEBPACK_IMPORTED_MODULE_3__["isMinMaxType"])(obj);
+        },
+    },
     {
         name: "validators:validators",
         baseClassName: "surveyvalidator",
@@ -44778,6 +44863,14 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             question.setIsMobile(val);
         }); });
     };
+    QuestionPanelDynamicModel.prototype.themeChanged = function (theme) {
+        _super.prototype.themeChanged.call(this, theme);
+        (this.panels || []).forEach(function (panel) {
+            return panel.getQuestions(true).forEach(function (question) {
+                question.themeChanged(theme);
+            });
+        });
+    };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "panelCount", {
         /**
          * The number of panels in Dynamic Panel.
@@ -46781,31 +46874,23 @@ var QuestionRankingModel = /** @class */ (function (_super) {
                     return;
                 }
                 if (key === "ArrowUp" && index) {
-                    _this.handleArrowUp(index, choice);
+                    _this.handleArrowKeys(index, choice, false);
                     event.preventDefault();
                 }
                 if (key === "ArrowDown" && index !== _this.rankingChoices.length - 1) {
-                    _this.handleArrowDown(index, choice);
+                    _this.handleArrowKeys(index, choice, true);
                     event.preventDefault();
                 }
             }
         };
-        _this.handleArrowUp = function (index, choice) {
+        _this.handleArrowKeys = function (index, choice, isDown) {
+            var delta = isDown ? 1 : -1;
             var choices = _this.rankingChoices;
             choices.splice(index, 1);
-            choices.splice(index - 1, 0, choice);
+            choices.splice(index + delta, 0, choice);
             _this.setValue();
             setTimeout(function () {
-                _this.focusItem(index - 1);
-            }, 1);
-        };
-        _this.handleArrowDown = function (index, choice) {
-            var choices = _this.rankingChoices;
-            choices.splice(index, 1);
-            choices.splice(index + 1, 0, choice);
-            _this.setValue();
-            setTimeout(function () {
-                _this.focusItem(index + 1);
+                _this.focusItem(index + delta);
             }, 1);
         };
         _this.focusItem = function (index, container) {
@@ -47089,46 +47174,39 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     QuestionRankingModel.prototype.handleKeydownSelectToRank = function (event, movedElement) {
         if (this.isDesignMode)
             return;
-        var dnd = this.dragDropRankingChoices; //????
         var key = event.key;
+        if (key !== " " && key !== "ArrowUp" && key !== "ArrowDown")
+            return;
+        var dnd = this.dragDropRankingChoices; //????
         var rankingChoices = this.rankingChoices;
-        var unRankingChoices = this.unRankingChoices;
         var isMovedElementRanked = rankingChoices.indexOf(movedElement) !== -1;
-        var isMovedElementUnRanked = !isMovedElementRanked;
-        var fromIndex;
+        var choices = isMovedElementRanked ? rankingChoices : this.unRankingChoices;
+        var fromIndex = choices.indexOf(movedElement);
+        if (fromIndex < 0)
+            return;
         var toIndex;
-        if ((key === " " || key === "Enter") && isMovedElementUnRanked) {
-            fromIndex = unRankingChoices.indexOf(movedElement);
+        if (key === " " && !isMovedElementRanked) {
             toIndex = 0;
             dnd.selectToRank(this, fromIndex, toIndex);
             this.setValueAfterKeydown(toIndex, "to-container");
             return;
         }
-        if ((key === " " || key === "Enter") && isMovedElementRanked) {
-            fromIndex = rankingChoices.indexOf(movedElement);
+        if (!isMovedElementRanked)
+            return;
+        if (key === " ") {
             dnd.unselectFromRank(this, fromIndex);
             toIndex = this.unRankingChoices.indexOf(movedElement); //'this.' leads to actual array after the 'unselectFromRank' method
             this.setValueAfterKeydown(toIndex, "from-container");
             return;
         }
-        if (key === "ArrowUp" && isMovedElementRanked) {
-            fromIndex = rankingChoices.indexOf(movedElement);
-            toIndex = fromIndex - 1;
-            if (fromIndex < 0)
-                return;
-            dnd.reorderRankedItem(this, fromIndex, toIndex);
-            this.setValueAfterKeydown(toIndex, "to-container");
+        var delta = key === "ArrowUp" ? -1 : (key === "ArrowDown" ? 1 : 0);
+        if (delta === 0)
             return;
-        }
-        if (key === "ArrowDown" && isMovedElementRanked) {
-            fromIndex = rankingChoices.indexOf(movedElement);
-            toIndex = fromIndex + 1;
-            if (toIndex >= rankingChoices.length)
-                return;
-            dnd.reorderRankedItem(this, fromIndex, toIndex);
-            this.setValueAfterKeydown(toIndex, "to-container");
+        toIndex = fromIndex + delta;
+        if (toIndex < 0 || toIndex >= rankingChoices.length)
             return;
-        }
+        dnd.reorderRankedItem(this, fromIndex, toIndex);
+        this.setValueAfterKeydown(toIndex, "to-container");
     };
     QuestionRankingModel.prototype.setValueAfterKeydown = function (index, container) {
         var _this = this;
@@ -47836,13 +47914,24 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionRatingModel.prototype, "itemComponentName", {
+    QuestionRatingModel.prototype.getDefaultItemComponent = function () {
+        if (this.renderAs == "dropdown")
+            return "";
+        if (this.isStar)
+            return "sv-rating-item-star";
+        if (this.isSmiley)
+            return "sv-rating-item-smiley";
+        return "sv-rating-item";
+    };
+    Object.defineProperty(QuestionRatingModel.prototype, "itemComponent", {
+        /**
+         * The name of a component used to render items.
+         */
         get: function () {
-            if (this.isStar)
-                return "sv-rating-item-star";
-            if (this.isSmiley)
-                return "sv-rating-item-smiley";
-            return "sv-rating-item";
+            return this.getPropertyValue("itemComponent", this.getDefaultItemComponent());
+        },
+        set: function (value) {
+            this.setPropertyValue("itemComponent", value);
         },
         enumerable: false,
         configurable: true
@@ -48177,17 +48266,16 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         }
         return classes;
     };
+    QuestionRatingModel.prototype.themeChanged = function (theme) {
+        this.colorsCalculated = false;
+        this.updateColors(theme.cssVariables);
+        this.createRenderedRateItems();
+    };
     QuestionRatingModel.prototype.setSurveyImpl = function (value, isLight) {
-        var _this = this;
         _super.prototype.setSurveyImpl.call(this, value, isLight);
         if (!this.survey)
             return;
         this.updateColors(this.survey.themeVariables);
-        this.survey.onThemeApplied.add(function (survey, options) {
-            _this.colorsCalculated = false;
-            _this.updateColors(options.theme.cssVariables);
-            _this.createRenderedRateItems();
-        });
     };
     QuestionRatingModel.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
@@ -48366,7 +48454,14 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         default: "auto",
         choices: ["auto", "buttons", "dropdown"],
         visibleIndex: 20
-    }
+    },
+    { name: "itemComponent", visible: false, defaultFunc: function (obj) {
+            if (!obj)
+                return "sv-rating-item";
+            if (!!obj.getOriginalObj)
+                obj = obj.getOriginalObj();
+            return obj.getDefaultItemComponent();
+        } }
 ], function () {
     return new QuestionRatingModel("");
 }, "question");
@@ -48491,16 +48586,10 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
             this.destroySignaturePad(el);
         }
     };
-    QuestionSignaturePadModel.prototype.setSurveyImpl = function (value, isLight) {
-        var _this = this;
-        _super.prototype.setSurveyImpl.call(this, value, isLight);
-        if (!this.survey)
-            return;
-        this.survey.onThemeApplied.add(function (survey, options) {
-            if (!!_this.signaturePad) {
-                _this.updateColors(_this.signaturePad);
-            }
-        });
+    QuestionSignaturePadModel.prototype.themeChanged = function (theme) {
+        if (!!this.signaturePad) {
+            this.updateColors(this.signaturePad);
+        }
     };
     QuestionSignaturePadModel.prototype.initSignaturePad = function (el) {
         var _this = this;
@@ -49022,6 +49111,13 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         _super.prototype.clearValue.call(this);
         this.dropdownListModel.clear();
     };
+    Object.defineProperty(QuestionTagboxModel.prototype, "showClearButton", {
+        get: function () {
+            return this.allowClear && !this.isEmpty() && (!this.isDesignMode || _settings__WEBPACK_IMPORTED_MODULE_5__["settings"].supportCreatorV2);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionTagboxModel.prototype, "isNewA11yStructure", {
         //a11y
         get: function () {
@@ -49092,12 +49188,13 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_1__["QuestionFactory"].Instance.regist
 /*!******************************!*\
   !*** ./src/question_text.ts ***!
   \******************************/
-/*! exports provided: QuestionTextModel */
+/*! exports provided: QuestionTextModel, isMinMaxType */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionTextModel", function() { return QuestionTextModel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isMinMaxType", function() { return isMinMaxType; });
 /* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _localizablestring__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./localizablestring */ "./src/localizablestring.ts");
@@ -50902,6 +50999,12 @@ var settings = {
     notifications: {
         lifetime: 2000
     },
+    /**
+     * Specifies how many milliseconds a survey should wait before it automatically switches to the next page. Applies only when [auto-advance](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#goNextPageAutomatic) is enabled.
+     *
+     * Default value: 300
+     */
+    autoAdvanceDelay: 300,
     /**
      * Specifies the direction in which to lay out Checkbox and Radiogroup items. This setting affects the resulting UI when items are arranged in [more than one column](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#colCount).
      *
@@ -52860,6 +52963,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
 /* harmony import */ var _notifier__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./notifier */ "./src/notifier.ts");
 /* harmony import */ var _cover__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./cover */ "./src/cover.ts");
+/* harmony import */ var _surveytimer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./surveytimer */ "./src/surveytimer.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -52900,6 +53004,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -52916,12 +53021,6 @@ var SurveyModel = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.valuesHash = {};
         _this.variablesHash = {};
-        _this.onThemeApplying = new _base__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
-        /**
-         * An event that is raised after a [theme](/form-library/documentation/manage-default-themes-and-styles) is [applied](#applyTheme) to the survey.
-         * @see applyTheme
-         */
-        _this.onThemeApplied = new _base__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
         //#region Event declarations
         /**
          * An event that is raised after a [trigger](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#triggers) is executed.
@@ -54512,6 +54611,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * > If any of the following questions is answered last, the survey does not switch to the next page: Checkboxes, Yes/No (Boolean) (rendered as Checkbox), Long Text, Signature, Image Picker (with Multi Select), File Upload, Single-Select Matrix (not all rows are answered), Dynamic Matrix, Dynamic Panel.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/automatically-move-to-next-page-if-answer-selected/ (linkStyle))
+         * @see [`settings.autoAdvanceDelay`](https://surveyjs.io/form-library/documentation/api-reference/settings#autoAdvanceDelay)
          */
         get: function () {
             return this.getPropertyValue("goNextPageAutomatic");
@@ -54527,6 +54627,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * Specifies whether to complete the survey automatically after a user answers all questions on the last page. Applies only if the [`goNextPageAutomatic`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#goNextPageAutomatic) property is `true`.
          *
          * Default value: `true`
+         * @see [`settings.autoAdvanceDelay`](https://surveyjs.io/form-library/documentation/api-reference/settings#autoAdvanceDelay)
          */
         get: function () {
             return this.getPropertyValue("allowCompleteSurveyAutomatic", true);
@@ -55089,7 +55190,7 @@ var SurveyModel = /** @class */ (function (_super) {
         if (this._isMobile !== newVal) {
             this._isMobile = newVal;
             this.updateCss();
-            this.getAllQuestions().map(function (q) { return q.setIsMobile(newVal); });
+            this.getAllQuestions().forEach(function (q) { return q.setIsMobile(newVal); });
         }
     };
     Object.defineProperty(SurveyModel.prototype, "isMobile", {
@@ -59687,6 +59788,7 @@ var SurveyModel = /** @class */ (function (_super) {
         return baseName + index;
     };
     SurveyModel.prototype.tryGoNextPageAutomatic = function (name) {
+        var _this = this;
         if (!!this.isEndLoadingFromJson ||
             !this.goNextPageAutomatic ||
             !this.currentPage)
@@ -59705,22 +59807,24 @@ var SurveyModel = /** @class */ (function (_super) {
             if (questions[i].hasInput && questions[i].isEmpty())
                 return;
         }
-        if (!this.checkIsCurrentPageHasErrors(false)) {
-            if (!this.isLastPage) {
-                this.nextPage();
+        if (this.isLastPage && (this.goNextPageAutomatic !== true || !this.allowCompleteSurveyAutomatic))
+            return;
+        if (this.checkIsCurrentPageHasErrors(false))
+            return;
+        var goNextPage = function () {
+            if (!_this.isLastPage) {
+                _this.nextPage();
             }
             else {
-                if (this.goNextPageAutomatic === true &&
-                    this.allowCompleteSurveyAutomatic) {
-                    if (this.isShowPreviewBeforeComplete) {
-                        this.showPreview();
-                    }
-                    else {
-                        this.completeLastPage();
-                    }
+                if (_this.isShowPreviewBeforeComplete) {
+                    _this.showPreview();
+                }
+                else {
+                    _this.completeLastPage();
                 }
             }
-        }
+        };
+        _surveytimer__WEBPACK_IMPORTED_MODULE_21__["surveyTimerFunctions"].safeTimeOut(goNextPage, _settings__WEBPACK_IMPORTED_MODULE_14__["settings"].autoAdvanceDelay);
     };
     /**
      * Returns a comment value from a question with a specified `name`.
@@ -60726,7 +60830,6 @@ var SurveyModel = /** @class */ (function (_super) {
      *
      * [Themes & Styles](/form-library/documentation/manage-default-themes-and-styles (linkStyle))
      * @param theme An [`ITheme`](/form-library/documentation/api-reference/itheme) object with theme settings.
-     * @see onThemeApplied
      */
     SurveyModel.prototype.applyTheme = function (theme) {
         var _this = this;
@@ -60751,7 +60854,10 @@ var SurveyModel = /** @class */ (function (_super) {
                 _this[key] = theme[key];
             }
         });
-        this.onThemeApplied.fire(this, { theme: theme });
+        this.themeChanged(theme);
+    };
+    SurveyModel.prototype.themeChanged = function (theme) {
+        this.getAllQuestions().forEach(function (q) { return q.themeChanged(theme); });
     };
     /**
      * Disposes of the survey model.
@@ -61649,6 +61755,7 @@ var TOCModel = /** @class */ (function () {
         };
         this.listModel = createTOCListModel(survey, function () { _this.popupModel.isVisible = false; });
         this.popupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: this.listModel });
+        this.popupModel.overlayDisplayMode = "overlay";
         this.popupModel.displayMode = new _base__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.isMobile ? "overlay" : "popup"; });
     }
     Object.defineProperty(TOCModel.prototype, "isMobile", {
@@ -61691,15 +61798,22 @@ __webpack_require__.r(__webpack_exports__);
 
 var surveyTimerFunctions = {
     setTimeout: function (func) {
-        if (typeof window === "undefined")
-            return 0;
-        return window.setTimeout(func, 1000);
+        return surveyTimerFunctions.safeTimeOut(func, 1000);
     },
     clearTimeout: function (timerId) {
         if (typeof window === "undefined")
             return;
         window.clearTimeout(timerId);
     },
+    safeTimeOut: function (func, delay) {
+        if (typeof window === "undefined" || delay <= 0) {
+            func();
+            return 0;
+        }
+        else {
+            return window.setTimeout(func, delay);
+        }
+    }
 };
 var SurveyTimer = /** @class */ (function () {
     function SurveyTimer() {