survey-react 1.9.111 → 1.9.113

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.111
+ * 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)
  */
@@ -3563,11 +3563,11 @@ var ChoicesRestful = /** @class */ (function (_super) {
         configurable: true
     });
     ChoicesRestful.prototype.clear = function () {
-        this.url = "";
-        this.path = "";
-        this.valueName = "";
-        this.titleName = "";
-        this.imageLinkName = "";
+        this.url = undefined;
+        this.path = undefined;
+        this.valueName = undefined;
+        this.titleName = undefined;
+        this.imageLinkName = undefined;
         var properties = this.getCustomPropertiesNames();
         for (var i = 0; i < properties.length; i++) {
             if (this[properties[i]])
@@ -4503,12 +4503,12 @@ var CoverCell = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CoverCell.prototype, "textWidth", {
+    Object.defineProperty(CoverCell.prototype, "textAreaWidth", {
         get: function () {
-            if (!this.cover.textWidth) {
+            if (!this.cover.textAreaWidth) {
                 return "";
             }
-            return "" + this.cover.textWidth + "px";
+            return "" + this.cover.textAreaWidth + "px";
         },
         enumerable: false,
         configurable: true
@@ -4526,6 +4526,9 @@ var Cover = /** @class */ (function (_super) {
         ["top", "middle", "bottom"].forEach(function (positionY) {
             return ["left", "center", "right"].forEach(function (positionX) { return _this.cells.push(new CoverCell(_this, positionX, positionY)); });
         });
+        _this.updateCoverClasses();
+        _this.updateContentClasses();
+        _this.updateBackgroundImageClasses();
         return _this;
     }
     Cover.prototype.calcBackgroundSize = function (backgroundImageFit) {
@@ -4537,8 +4540,31 @@ var Cover = /** @class */ (function (_super) {
         }
         return backgroundImageFit;
     };
+    Cover.prototype.updateCoverClasses = function () {
+        this.coverClasses = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
+            .append("sv-cover")
+            .append("sv-conver__without-background", (!this.backgroundColor || this.backgroundColor === "trasparent") && !this.backgroundImage)
+            .append("sv-conver__overlap", this.overlapEnabled)
+            .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" && !!surveyWidthMode && surveyWidthMode === "static")
+            .append("sv-conver__content--responsive", this.inheritWidthFrom === "container" || (!!surveyWidthMode && surveyWidthMode === "responsive"))
+            .toString();
+    };
+    Cover.prototype.updateBackgroundImageClasses = function () {
+        this.backgroundImageClasses = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
+            .append("sv-cover__background-image")
+            .append("sv-cover__background-image--contain", this.backgroundImageFit === "contain")
+            .append("sv-cover__background-image--tile", this.backgroundImageFit === "tile")
+            .toString();
+    };
     Cover.prototype.fromTheme = function (theme) {
-        _super.prototype.fromJSON.call(this, theme.cover);
+        _super.prototype.fromJSON.call(this, theme.header);
         if (!!theme.cssVariables) {
             this.backgroundColor = theme.cssVariables["--sjs-cover-backcolor"];
         }
@@ -4553,42 +4579,30 @@ var Cover = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Cover.prototype, "renderedTextWidth", {
+    Object.defineProperty(Cover.prototype, "renderedtextAreaWidth", {
         get: function () {
-            return this.textWidth ? this.textWidth + "px" : undefined;
+            return this.textAreaWidth ? this.textAreaWidth + "px" : undefined;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Cover.prototype, "coverClasses", {
+    Object.defineProperty(Cover.prototype, "survey", {
         get: function () {
-            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
-                .append("sv-cover")
-                .append("sv-conver__without-background", !this.backgroundColor && !this.backgroundImage)
-                .append("sv-conver__overlap", this.overlap)
-                .toString();
+            return this._survey;
         },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Cover.prototype, "contentClasses", {
-        get: function () {
-            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
-                .append("sv-conver__content")
-                .append("sv-conver__content--static", this.areaWidth === "survey" && this.survey.calculateWidthMode() === "static")
-                .append("sv-conver__content--responsive", this.areaWidth === "container" || this.survey.calculateWidthMode() === "responsive")
-                .toString();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Cover.prototype, "backgroundImageClasses", {
-        get: function () {
-            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
-                .append("sv-cover__background-image")
-                .append("sv-cover__background-image--contain", this.backgroundImageFit === "contain")
-                .append("sv-cover__background-image--tile", this.backgroundImageFit === "tile")
-                .toString();
+        set: function (newValue) {
+            var _this = this;
+            if (this._survey === newValue)
+                return;
+            this._survey = newValue;
+            if (!!newValue) {
+                this.updateContentClasses();
+                this._survey.onPropertyChanged.add(function (sender, options) {
+                    if (options.name == "widthMode" || options.name == "width") {
+                        _this.updateContentClasses();
+                    }
+                });
+            }
         },
         enumerable: false,
         configurable: true
@@ -4606,24 +4620,33 @@ var Cover = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Cover.prototype.propertyValueChanged = function (name, oldValue, newValue) {
+        _super.prototype.propertyValueChanged.call(this, name, oldValue, newValue);
+        if (name === "backgroundColor" || name === "backgroundImage" || name === "overlapEnabled") {
+            this.updateCoverClasses();
+        }
+        if (name === "inheritWidthFrom") {
+            this.updateContentClasses();
+        }
+        if (name === "backgroundImageFit") {
+            this.updateBackgroundImageClasses();
+        }
+    };
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], Cover.prototype, "height", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "areaWidth", void 0);
+    ], Cover.prototype, "inheritWidthFrom", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "textWidth", void 0);
+    ], Cover.prototype, "textAreaWidth", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "invertText", void 0);
+    ], Cover.prototype, "textGlowEnabled", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "glowText", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "overlap", void 0);
+    ], Cover.prototype, "overlapEnabled", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], Cover.prototype, "backgroundColor", void 0);
@@ -4670,17 +4693,28 @@ var Cover = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], Cover.prototype, "descriptionStyle", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "coverClasses", void 0);
+    __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);
     return Cover;
 }(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
 
 _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("cover", [
     { name: "height:number", minValue: 0, default: 256 },
-    { name: "areaWidth", default: "survey" },
-    { name: "textWidth:number", minValue: 0, default: 512 },
-    { name: "invertText:boolean" },
-    { name: "glowText:boolean" },
-    { name: "overlap:boolean" },
-    { name: "backgroundImage" },
+    { name: "inheritWidthFrom", default: "survey" },
+    { name: "textAreaWidth:number", minValue: 0, default: 512 },
+    { name: "textGlowEnabled:boolean" },
+    { name: "overlapEnabled:boolean" },
+    { name: "backgroundImage:file" },
     { name: "backgroundImageOpacity:number", minValue: 0, maxValue: 1, default: 1 },
     { name: "backgroundImageFit", default: "cover", choices: ["cover", "fill", "contain"] },
     { name: "logoPositionX", default: "right" },
@@ -5663,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"
@@ -5687,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",
@@ -5753,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",
@@ -5775,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",
@@ -5800,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",
@@ -7152,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;
@@ -7691,7 +7731,7 @@ var DragDropRankingChoices = /** @class */ (function (_super) {
     DragDropRankingChoices.prototype.createDraggedElementShortcut = function (text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
         draggedElementShortcut.className = this.shortcutClass + " sv-ranking-shortcut";
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n          min-width: 100px;\n          box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n          background-color: var(--sjs-general-backcolor, var(--background, #fff));\n          font-family: var(--font-family, 'Open Sans');\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n          min-width: 100px;\n          max-width: 400px;\n          box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n          background-color: var(--sjs-general-backcolor, var(--background, #fff));\n          font-family: var(--font-family, 'Open Sans');\n        ";
         var isDeepClone = true;
         var clone = draggedElementNode.cloneNode(isDeepClone);
         draggedElementShortcut.appendChild(clone);
@@ -7886,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;
@@ -8211,6 +8255,8 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.onSetFilterString = function () {
         var _this = this;
+        if (!this.filterString && !this.popupModel.isVisible)
+            return;
         if (!!this.filterString && !this.popupModel.isVisible) {
             this.popupModel.isVisible = true;
         }
@@ -8540,11 +8586,11 @@ var DropdownListModel = /** @class */ (function (_super) {
             this._popupModel.isVisible = true;
             return;
         }
+        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["doKey2ClickBlur"])(event);
+        this._popupModel.isVisible = false;
         this.resetFilterString();
         this.inputString = null;
         this.hintString = "";
-        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["doKey2ClickBlur"])(event);
-        this._popupModel.isVisible = false;
         event.stopPropagation();
     };
     DropdownListModel.prototype.onFocus = function (event) {
@@ -9169,7 +9215,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./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";
@@ -9178,6 +9224,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"]; });
@@ -9645,8 +9692,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.111";
-ReleaseDate = "" + "2023-10-04";
+Version = "" + "1.9.113";
+ReleaseDate = "" + "2023-10-17";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9656,13 +9703,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) {
@@ -9795,7 +9845,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";
@@ -9809,6 +9859,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"]; });
@@ -10258,7 +10310,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";
@@ -10272,6 +10324,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"]; });
@@ -11101,7 +11155,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.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, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, CoverCellComponent, CoverComponent, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent */
+/*! 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, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, CoverCellComponent, CoverComponent, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11115,6 +11169,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setLicenseKey", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["setLicenseKey"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "slk", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["slk"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hasLicense", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["hasLicense"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["settings"]; });
@@ -18523,14 +18579,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;
@@ -18539,8 +18598,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;
@@ -19906,7 +19969,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 = [];
@@ -19920,7 +19983,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;
             }
@@ -28345,6 +28408,7 @@ var Notifier = /** @class */ (function (_super) {
         _this.timeout = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].notifications.lifetime;
         _this.timer = undefined;
         _this.actionsVisibility = {};
+        _this.showActions = true;
         _this.actionBar = new _actions_container__WEBPACK_IMPORTED_MODULE_4__["ActionContainer"]();
         _this.actionBar.updateCallback = function (isResetInitialized) {
             _this.actionBar.actions.forEach(function (action) { return action.cssClasses = {}; });
@@ -28363,7 +28427,7 @@ var Notifier = /** @class */ (function (_super) {
     };
     Notifier.prototype.updateActionsVisibility = function (type) {
         var _this = this;
-        this.actionBar.actions.forEach(function (action) { return action.visible = (_this.actionsVisibility[action.id] === type); });
+        this.actionBar.actions.forEach(function (action) { return action.visible = _this.showActions && (_this.actionsVisibility[action.id] === type); });
     };
     Notifier.prototype.notify = function (message, type, waitUserAction) {
         var _this = this;
@@ -28499,7 +28563,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).
          */
@@ -28520,6 +28584,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");
         },
@@ -32521,6 +32588,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);
@@ -33663,6 +33731,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);
@@ -33751,6 +33822,14 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+var TriggerExpressionInfo = /** @class */ (function () {
+    function TriggerExpressionInfo(name, canRun, doComplete) {
+        this.name = name;
+        this.canRun = canRun;
+        this.doComplete = doComplete;
+    }
+    return TriggerExpressionInfo;
+}());
 /**
  * A base class for all questions.
  */
@@ -33774,6 +33853,7 @@ var Question = /** @class */ (function (_super) {
          * Indicates the previous ready state.
          */
         _this.onReadyChanged = _this.addEvent();
+        _this.triggersInfo = [];
         _this.isRunningValidatorsValue = false;
         _this.isValueChangedInSurvey = false;
         _this.allowNotifyValueChanged = true;
@@ -33791,6 +33871,11 @@ var Question = /** @class */ (function (_super) {
         };
         _this.locTitle.storeDefaultText = true;
         _this.createLocalizableString("requiredErrorText", _this);
+        _this.addTriggerInfo("resetValueIf", function () { return !_this.isEmpty(); }, function () {
+            _this.clearValue();
+            _this.updateValueWithDefaults();
+        });
+        _this.addTriggerInfo("setValueIf", function () { return true; }, function () { return _this.runSetValueExpression(); });
         _this.registerPropertyChangedHandlers(["width"], function () {
             _this.updateQuestionCss();
             if (!!_this.parent) {
@@ -33830,8 +33915,8 @@ var Question = /** @class */ (function (_super) {
     };
     Question.prototype.setIsMobile = function (val) {
         this.isMobile = val && (this.allowMobileInDesignMode() || !this.isDesignMode);
-        this.renderMinWidth = !val;
     };
+    Question.prototype.themeChanged = function (theme) { };
     Question.prototype.createLocTitleProperty = function () {
         var _this = this;
         var locTitleValue = _super.prototype.createLocTitleProperty.call(this);
@@ -34243,31 +34328,60 @@ var Question = /** @class */ (function (_super) {
             requiredAnsweredQuestionCount: !this.isEmpty() && this.isRequired ? 1 : 0,
         };
     };
-    Question.prototype.runTriggers = function (name, value) {
+    Question.prototype.runSetValueExpression = function () {
         var _this = this;
-        if (this.isRunningResetValueIf || this.isReadOnly || !this.resetValueIf || this.isEmpty() || this.isSettingQuestionValue)
-            return;
-        if (this.parentQuestion && this.parentQuestion.getValueName() === name)
+        if (!this.setValueExpression) {
+            this.clearValue();
+        }
+        else {
+            if (!this.setValueExpressionRunner) {
+                this.setValueExpressionRunner = new _conditions__WEBPACK_IMPORTED_MODULE_6__["ExpressionRunner"](this.setValueExpression);
+                this.setValueExpressionRunner.onRunComplete = function (res) {
+                    if (!_this.isTwoValueEquals(_this.value, res)) {
+                        _this.value = res;
+                    }
+                };
+            }
+            else {
+                this.setValueExpressionRunner.expression = this.setValueExpression;
+            }
+            this.setValueExpressionRunner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
+        }
+    };
+    Question.prototype.addTriggerInfo = function (name, canRun, doComplete) {
+        this.triggersInfo.push(new TriggerExpressionInfo(name, canRun, doComplete));
+    };
+    Question.prototype.runTriggerInfo = function (info, name, value) {
+        var expression = this[info.name];
+        if (!expression || info.isRunning || !info.canRun())
             return;
-        if (!this.resetValueIfExpression) {
-            this.resetValueIfExpression = new _conditions__WEBPACK_IMPORTED_MODULE_6__["ExpressionRunner"](this.resetValueIf);
-            this.resetValueIfExpression.onRunComplete = function (res) {
-                _this.isRunningResetValueIf = false;
+        if (!info.runner) {
+            info.runner = new _conditions__WEBPACK_IMPORTED_MODULE_6__["ExpressionRunner"](expression);
+            info.runner.onRunComplete = function (res) {
                 if (res === true) {
-                    _this.clearValue();
-                    _this.updateValueWithDefaults();
+                    info.doComplete();
                 }
+                info.isRunning = false;
             };
         }
         else {
-            this.resetValueIfExpression.expression = this.resetValueIf;
+            info.runner.expression = expression;
         }
         var keys = {};
         keys[name] = value;
-        if (!new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_13__["ProcessValue"]().isAnyKeyChanged(keys, this.resetValueIfExpression.getVariables()))
+        if (!new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_13__["ProcessValue"]().isAnyKeyChanged(keys, info.runner.getVariables()))
+            return;
+        info.isRunning = true;
+        info.runner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
+    };
+    Question.prototype.runTriggers = function (name, value) {
+        var _this = this;
+        if (this.isReadOnly || this.isSettingQuestionValue ||
+            (this.parentQuestion && this.parentQuestion.getValueName() === name))
             return;
-        this.isRunningResetValueIf = true;
-        this.resetValueIfExpression.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
+        this.triggersInfo.forEach(function (info) {
+            _this.runTriggerInfo(info, name, value);
+        });
     };
     Question.prototype.runConditions = function () {
         if (this.data && !this.isLoadingFromJson) {
@@ -34796,13 +34910,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();
@@ -35653,6 +35773,7 @@ var Question = /** @class */ (function (_super) {
          *
          * An expression can also include built-in and custom functions for advanced calculations. For example, if the `defaultValue` should be today's date, set the `defaultValueExpression` to `"today()"`, and the corresponding built-in function will be executed each time the survey is loaded. Refer to the following help topic for more information: [Built-In Functions](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#built-in-functions).
          * @see defaultValue
+         * @see setValueExpression
          */
         get: function () {
             return this.getPropertyValue("defaultValueExpression");
@@ -35672,6 +35793,7 @@ var Question = /** @class */ (function (_super) {
          * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
          *
          * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * @see setValueIf
          */
         get: function () {
             return this.getPropertyValue("resetValueIf");
@@ -35682,6 +35804,41 @@ var Question = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Question.prototype, "setValueIf", {
+        /**
+         * A Boolean expression. If it evaluates to `true`, the question value is set to a value calculated using the [`setValueExpression`](#setValueExpression).
+         *
+         * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
+         *
+         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * @see resetValueIf
+         */
+        get: function () {
+            return this.getPropertyValue("setValueIf");
+        },
+        set: function (val) {
+            this.setPropertyValue("setValueIf", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Question.prototype, "setValueExpression", {
+        /**
+         * An expression used to calculate the question value. Applies only when the [`setValueIf`](#setValueIf) expression evaluates to `true`.
+         *
+         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * @see defaultValueExpression
+         * @see resetValueIf
+         */
+        get: function () {
+            return this.getPropertyValue("setValueExpression");
+        },
+        set: function (val) {
+            this.setPropertyValue("setValueExpression", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Question.prototype, "resizeStyle", {
         get: function () {
             return this.allowResizeComment ? "both" : "none";
@@ -36799,10 +36956,9 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("question", [
     },
     { name: "valueName", onSettingValue: function (obj, val) { return makeNameValid(val); } },
     "enableIf:condition",
-    {
-        name: "resetValueIf:condition",
-        category: "logic"
-    },
+    "resetValueIf:condition",
+    "setValueIf:condition",
+    { name: "setValueExpression:expression", visibleIf: function (obj) { return !!obj.setValueIf; } },
     "defaultValue:value",
     {
         name: "defaultValueExpression:expression",
@@ -37396,8 +37552,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);
     };
@@ -39127,13 +39281,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",
@@ -41764,6 +41912,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;
@@ -42498,11 +42653,6 @@ var QuestionExpressionModel = /** @class */ (function (_super) {
         }
         return val.toString();
     };
-    QuestionExpressionModel.prototype.convertToCorrectValue = function (val) {
-        if (Array.isArray(val))
-            return val.join(", ");
-        return val;
-    };
     return QuestionExpressionModel;
 }(_question__WEBPACK_IMPORTED_MODULE_1__["Question"]));
 
@@ -44396,7 +44546,7 @@ function getCorrectImageLink(val) {
     return youtubeUrl + youtubeEmbed + "/" + id;
 }
 _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("image", [
-    { name: "imageLink", serializationProperty: "locImageLink" },
+    { name: "imageLink:file", serializationProperty: "locImageLink" },
     { name: "altText", serializationProperty: "locAltText", alternativeName: "text", category: "general" },
     {
         name: "contentMode",
@@ -44973,7 +45123,7 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
     return QuestionImagePickerModel;
 }(_question_baseselect__WEBPACK_IMPORTED_MODULE_2__["QuestionCheckboxBase"]));
 
-_jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("imageitemvalue", [{ name: "imageLink", serializationProperty: "locImageLink" }], function (value) { return new ImageItemValue(value); }, "itemvalue");
+_jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("imageitemvalue", [{ name: "imageLink:file", serializationProperty: "locImageLink" }], function (value) { return new ImageItemValue(value); }, "itemvalue");
 _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("responsiveImageSize", [], undefined, "number");
 _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("imagepicker", [
     { name: "showOtherItem", visible: false },
@@ -48207,7 +48357,10 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         return false;
     };
     QuestionMatrixDropdownModelBase.prototype.addDuplicationError = function (question) {
-        question.addError(new _error__WEBPACK_IMPORTED_MODULE_10__["KeyDuplicationError"](this.keyDuplicationError, this));
+        var keyError = question.errors.find(function (error) { return error.getErrorType() === "keyduplicationerror"; });
+        if (!keyError) {
+            question.addError(new _error__WEBPACK_IMPORTED_MODULE_10__["KeyDuplicationError"](this.keyDuplicationError, this));
+        }
     };
     QuestionMatrixDropdownModelBase.prototype.getFirstQuestionToFocus = function (withError) {
         return this.getFirstCellQuestion(withError);
@@ -49039,6 +49192,26 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MatrixDropdownColumn.prototype, "setValueIf", {
+        get: function () {
+            return this.templateQuestion.setValueIf;
+        },
+        set: function (val) {
+            this.templateQuestion.setValueIf = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MatrixDropdownColumn.prototype, "setValueExpession", {
+        get: function () {
+            return this.templateQuestion.setValueExpession;
+        },
+        set: function (val) {
+            this.templateQuestion.setValueExpession = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MatrixDropdownColumn.prototype, "isUnique", {
         get: function () {
             return this.getPropertyValue("isUnique");
@@ -49490,12 +49663,12 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
     "enableIf:condition",
     "requiredIf:condition",
     "resetValueIf:condition",
+    "setValueIf:condition",
+    { name: "setValueExpression:expression", visibleIf: function (obj) { return !!obj.setValueIf; } },
     {
         name: "showInMultipleColumns:boolean",
         dependsOn: "cellType",
         visibleIf: function (obj) {
-            if (!obj)
-                return false;
             return obj.isSupportMultipleColumns;
         },
     },
@@ -50983,7 +51156,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`
          */
@@ -52087,6 +52260,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.
@@ -52775,6 +52974,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",
@@ -53745,12 +53960,18 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     QuestionPanelDynamicModel.prototype.setIsMobile = function (val) {
         _super.prototype.setIsMobile.call(this, val);
-        (this.panels || []).forEach(function (panel) { return panel.elements.forEach(function (element) {
-            if (element instanceof _question__WEBPACK_IMPORTED_MODULE_4__["Question"]) {
-                element.isMobile = val;
-            }
+        (this.panels || []).forEach(function (panel) { return panel.getQuestions(true).forEach(function (question) {
+            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.
@@ -55754,31 +55975,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) {
-            var choices = _this.rankingChoices;
-            choices.splice(index, 1);
-            choices.splice(index - 1, 0, choice);
-            _this.setValue();
-            setTimeout(function () {
-                _this.focusItem(index - 1);
-            }, 1);
-        };
-        _this.handleArrowDown = 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);
+                _this.focusItem(index + delta);
             }, 1);
         };
         _this.focusItem = function (index, container) {
@@ -56062,46 +56275,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;
@@ -56809,13 +57015,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
@@ -57150,17 +57367,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);
@@ -57339,7 +57555,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");
@@ -57464,16 +57687,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;
@@ -57733,7 +57950,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("signaturepad",
         default: true,
     },
     {
-        name: "backgroundImage",
+        name: "backgroundImage:file",
         category: "general",
     },
     {
@@ -57995,6 +58212,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 () {
@@ -58065,12 +58289,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");
@@ -60105,9 +60330,9 @@ var CoverCellComponent = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.css, style: this.model.style },
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-cover__cell-content", style: this.model.contentStyle },
                 this.model.showLogo ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-cover__logo" }, this.renderLogoImage())) : null,
-                this.model.showTitle ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-cover__title", style: { maxWidth: this.model.textWidth } },
+                this.model.showTitle ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-cover__title", style: { maxWidth: this.model.textAreaWidth } },
                     react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_title_title_element__WEBPACK_IMPORTED_MODULE_3__["TitleElement"], { element: this.model.survey }))) : null,
-                this.model.showDescription ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-cover__description", style: { maxWidth: this.model.textWidth } },
+                this.model.showDescription ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-cover__description", style: { maxWidth: this.model.textAreaWidth } },
                     react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h5", { className: this.model.survey.css.description }, _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"].renderLocString(this.model.survey.locDescription)))) : null)));
     };
     return CoverCellComponent;
@@ -60130,12 +60355,12 @@ var CoverComponent = /** @class */ (function (_super) {
     };
     CoverComponent.prototype.renderElement = function () {
         this.model.survey = this.props.survey;
-        if (!(this.props.survey.titleView === "cover" && this.props.survey.renderedHasHeader)) {
+        if (!(this.props.survey.headerView === "advanced" && this.props.survey.renderedHasHeader)) {
             return null;
         }
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.coverClasses, style: { height: this.model.renderedHeight } },
             this.model.backgroundImage ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { style: this.model.backgroundImageStyle, className: this.model.backgroundImageClasses }) : null,
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.contentClasses }, this.model.cells.map(function (cell, index) { return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CoverCellComponent, { key: index, model: cell }); }))));
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.contentClasses, style: { maxWidth: this.model.maxWidth } }, this.model.cells.map(function (cell, index) { return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CoverCellComponent, { key: index, model: cell }); }))));
     };
     return CoverComponent;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"]));
@@ -62494,13 +62719,13 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, dropdownListModel.hintStringSuffix))) : null,
                 valueElement,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.filterStringEnabled ? this.question.ariaRole : undefined, "aria-label": this.question.placeholder, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: !dropdownListModel.searchEnabled ? true : undefined, tabIndex: dropdownListModel.inputReadOnly ? undefined : -1, disabled: this.question.isInputReadOnly, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.filterStringEnabled ? this.question.ariaRole : undefined, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: !dropdownListModel.searchEnabled ? true : undefined, tabIndex: dropdownListModel.inputReadOnly ? undefined : -1, disabled: this.question.isInputReadOnly, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
             this.createClearButton()));
     };
     SurveyQuestionDropdownBase.prototype.createClearButton = function () {
         if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
             return null;
-        var style = { display: this.question.isEmpty() ? "none" : "" };
+        var style = { display: !this.question.showClearButton ? "none" : "" };
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
     };
@@ -64059,7 +64284,7 @@ var Survey = /** @class */ (function (_super) {
             renderResult = this.renderSurvey();
         }
         var backgroundImage = !!this.survey.backgroundImage ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.rootBackgroundImage, style: this.survey.backgroundImageStyle }) : null;
-        var header = this.survey.titleView === "title" ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_5__["SurveyHeader"], { survey: this.survey }) : null;
+        var header = this.survey.headerView === "basic" ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_5__["SurveyHeader"], { survey: this.survey }) : null;
         var onSubmit = function (event) {
             event.preventDefault();
         };
@@ -64392,7 +64617,7 @@ var SurveyProgress = /** @class */ (function (_super) {
             width: this.progress + "%",
         };
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.getProgressCssClasses(this.props.container) },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100 },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
     };
@@ -68045,7 +68270,7 @@ var SurveyQuestionRating = /** @class */ (function (_super) {
         this.setState({ value: this.question.value });
     };
     SurveyQuestionRating.prototype.renderItem = function (item, index) {
-        var renderedItem = _element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.createElement(this.question.itemComponentName, {
+        var renderedItem = _element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.createElement(this.question.itemComponent, {
             question: this.question,
             item: item,
             index: index,
@@ -68921,7 +69146,7 @@ var TagboxFilterString = /** @class */ (function (_super) {
                     (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.hintSuffix },
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, this.model.inputStringRendered),
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, this.model.hintStringSuffix))) : null,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: !this.model.searchEnabled ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.filterStringEnabled ? this.question.ariaRole : undefined, "aria-label": this.question.placeholder, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-controls": this.model.listElementId, "aria-activedescendant": this.model.ariaActivedescendant, placeholder: this.model.filterStringPlaceholder, onKeyDown: function (e) { _this.keyhandler(e); }, onChange: function (e) { _this.onChange(e); }, onBlur: function (e) { _this.onBlur(e); }, onFocus: function (e) { _this.onFocus(e); } }))));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: !this.model.searchEnabled ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.filterStringEnabled ? this.question.ariaRole : undefined, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-controls": this.model.listElementId, "aria-activedescendant": this.model.ariaActivedescendant, placeholder: this.model.filterStringPlaceholder, onKeyDown: function (e) { _this.keyhandler(e); }, onChange: function (e) { _this.onChange(e); }, onBlur: function (e) { _this.onBlur(e); }, onFocus: function (e) { _this.onFocus(e); } }))));
     };
     return TagboxFilterString;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"]));
@@ -69594,6 +69819,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).
      *
@@ -71312,7 +71543,9 @@ var SurveyElement = /** @class */ (function (_super) {
     Object.defineProperty(SurveyElement.prototype, "rootStyle", {
         get: function () {
             var style = {};
-            var minWidth = this.renderMinWidth ? this.minWidth : "min(100%, " + this.minWidth + ")";
+            var minWidth = this.minWidth;
+            if (minWidth != "auto")
+                minWidth = "min(100%, " + this.minWidth + ")";
             if (this.allowRootStyle && this.renderWidth) {
                 // style["width"] = this.renderWidth;
                 style["flexGrow"] = 1;
@@ -71422,9 +71655,6 @@ var SurveyElement = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: true })
     ], SurveyElement.prototype, "allowRootStyle", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: true })
-    ], SurveyElement.prototype, "renderMinWidth", void 0);
     return SurveyElement;
 }(SurveyElementCore));
 
@@ -71553,6 +71783,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 ||
@@ -71593,6 +71824,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -71609,8 +71841,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"]();
-        _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.
@@ -72201,10 +72431,12 @@ var SurveyModel = /** @class */ (function (_super) {
          * For information on event handler parameters, refer to descriptions within the interface.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/survey-titleactions/ (linkStyle))
+         * @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
         */
         _this.onGetQuestionTitleActions = _this.addEvent();
         /**
          * An event that allows you to add, delete, or modify actions in a panel title.
+         * @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
          */
         _this.onGetPanelTitleActions = _this.addEvent();
         /**
@@ -72213,10 +72445,12 @@ var SurveyModel = /** @class */ (function (_super) {
          * For information on event handler parameters, refer to descriptions within the interface.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/modify-titles-of-survey-elements/ (linkStyle))
+         * @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
          */
         _this.onGetPageTitleActions = _this.addEvent();
         /**
          * An event that allows you to add, delete, or modify actions in the footer of a [Panel](https://surveyjs.io/form-library/documentation/panelmodel).
+         * @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
          */
         _this.onGetPanelFooterActions = _this.addEvent();
         /**
@@ -72225,7 +72459,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * For information on event handler parameters, refer to descriptions within the interface.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/employee-information-form/ (linkStyle))
-         * @see IAction
+         * @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
          */
         _this.onGetMatrixRowActions = _this.addEvent();
         /**
@@ -73197,6 +73431,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");
@@ -73212,6 +73447,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);
@@ -73774,7 +74010,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", {
@@ -75261,10 +75497,12 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         this.setPropertyValue("completedStateText", text);
         if (this.state === "completed" && this.showCompletedPage && !!this.completedState) {
-            this.notify(this.completedStateText, this.completedState);
+            this.notify(this.completedStateText, this.completedState, true);
         }
     };
-    SurveyModel.prototype.notify = function (message, type) {
+    SurveyModel.prototype.notify = function (message, type, showActions) {
+        if (showActions === void 0) { showActions = false; }
+        this.notifier.showActions = showActions;
         this.notifier.notify(message, type, type === "error");
     };
     /**
@@ -78370,6 +78608,7 @@ var SurveyModel = /** @class */ (function (_super) {
         return baseName + index;
     };
     SurveyModel.prototype.tryGoNextPageAutomatic = function (name) {
+        var _this = this;
         if (!!this.isEndLoadingFromJson ||
             !this.goNextPageAutomatic ||
             !this.currentPage)
@@ -78388,22 +78627,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`.
@@ -79404,12 +79645,18 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.processPopupVisiblityChanged = function (question, popup, visible) {
         this.onPopupVisibleChanged.fire(this, { question: question, popup: popup, visible: visible });
     };
+    /**
+     * Applies a specified theme to the survey.
+     *
+     * [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.
+     */
     SurveyModel.prototype.applyTheme = function (theme) {
         var _this = this;
         if (!theme)
             return;
         Object.keys(theme).forEach(function (key) {
-            if (key === "cover") {
+            if (key === "header") {
                 _this.removeLayoutElement("cover");
                 var newCoverModel = new _cover__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
                 newCoverModel.fromTheme(theme);
@@ -79427,7 +79674,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.
@@ -79502,8 +79752,8 @@ var SurveyModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
             onSet: function (newValue, target) {
-                if (newValue === "cover") {
-                    var layoutElement = target.layoutElements.filter(function (a) { return a.id === newValue; })[0];
+                if (newValue === "advanced") {
+                    var layoutElement = target.layoutElements.filter(function (a) { return a.id === "cover"; })[0];
                     if (!layoutElement) {
                         var cover = new _cover__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
                         cover.logoPositionX = target.logoPosition === "right" ? "right" : "left";
@@ -79526,7 +79776,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 }
             }
         })
-    ], SurveyModel.prototype, "titleView", void 0);
+    ], SurveyModel.prototype, "headerView", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "showBrandInfo", void 0);
@@ -79599,7 +79849,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
         serializationProperty: "locDescription",
         dependsOn: "locale",
     },
-    { name: "logo", serializationProperty: "locLogo" },
+    { name: "logo:file", serializationProperty: "locLogo" },
     { name: "logoWidth", default: "300px", minValue: 0 },
     { name: "logoHeight", default: "200px", minValue: 0 },
     {
@@ -79815,8 +80065,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
     },
     { name: "width", visibleIf: function (obj) { return obj.widthMode === "static"; } },
     { name: "fitToContainer:boolean", default: false },
-    { name: "titleView", default: "title", choices: ["title", "cover"], visible: false },
-    { name: "backgroundImage", visible: false },
+    { name: "headerView", default: "basic", choices: ["basic", "advanced"], visible: false },
+    { name: "backgroundImage:file", visible: false },
     { name: "backgroundImageFit", default: "cover", choices: ["auto", "contain", "cover"], visible: false },
     { name: "backgroundImageAttachment", default: "scroll", choices: ["scroll", "fixed"], visible: false },
     { name: "backgroundOpacity:number", minValue: 0, maxValue: 1, default: 1, visible: false },
@@ -80325,6 +80575,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", {
@@ -80367,15 +80618,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() {