survey-react 1.9.111 → 1.9.112

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.111
+ * surveyjs - Survey JavaScript library v1.9.112
  * 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,29 @@ 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 () {
+        this.contentClasses = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
+            .append("sv-conver__content")
+            .append("sv-conver__content--static", this.inheritWidthFrom === "survey" && !!this.survey && this.survey.calculateWidthMode() === "static")
+            .append("sv-conver__content--responsive", this.inheritWidthFrom === "page" || (!!this.survey && this.survey.calculateWidthMode() === "responsive"))
+            .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 +4577,30 @@ var Cover = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Cover.prototype, "renderedTextWidth", {
-        get: function () {
-            return this.textWidth ? this.textWidth + "px" : undefined;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Cover.prototype, "coverClasses", {
+    Object.defineProperty(Cover.prototype, "renderedtextAreaWidth", {
         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.textAreaWidth ? this.textAreaWidth + "px" : undefined;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Cover.prototype, "contentClasses", {
+    Object.defineProperty(Cover.prototype, "survey", {
         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();
+            return this._survey;
         },
-        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") {
+                        _this.updateContentClasses();
+                    }
+                });
+            }
         },
         enumerable: false,
         configurable: true
@@ -4606,24 +4618,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);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "textWidth", void 0);
+    ], Cover.prototype, "inheritWidthFrom", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "invertText", void 0);
+    ], Cover.prototype, "textAreaWidth", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "glowText", void 0);
+    ], Cover.prototype, "textGlowEnabled", 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 +4691,25 @@ 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, "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" },
@@ -7691,7 +7720,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);
@@ -8211,6 +8240,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 +8571,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) {
@@ -9645,8 +9676,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.111";
-ReleaseDate = "" + "2023-10-04";
+Version = "" + "1.9.112";
+ReleaseDate = "" + "2023-10-10";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -28345,6 +28376,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 +28395,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;
@@ -33751,6 +33783,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 +33814,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 +33832,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,7 +33876,6 @@ var Question = /** @class */ (function (_super) {
     };
     Question.prototype.setIsMobile = function (val) {
         this.isMobile = val && (this.allowMobileInDesignMode() || !this.isDesignMode);
-        this.renderMinWidth = !val;
     };
     Question.prototype.createLocTitleProperty = function () {
         var _this = this;
@@ -34243,31 +34288,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) {
@@ -35653,6 +35727,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 +35747,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 +35758,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 +36910,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",
@@ -42498,11 +42608,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 +44501,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 +45078,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 +48312,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 +49147,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 +49618,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;
         },
     },
@@ -53745,10 +53873,8 @@ 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);
         }); });
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "panelCount", {
@@ -57733,7 +57859,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("signaturepad",
         default: true,
     },
     {
-        name: "backgroundImage",
+        name: "backgroundImage:file",
         category: "general",
     },
     {
@@ -60105,9 +60231,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,7 +60256,7 @@ 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 } },
@@ -62494,7 +62620,7 @@ 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 () {
@@ -64059,7 +64185,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 +64518,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)));
     };
@@ -68921,7 +69047,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"]));
@@ -71312,7 +71438,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 +71550,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));
 
@@ -71610,6 +71735,10 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.valuesHash = {};
         _this.variablesHash = {};
         _this.onThemeApplying = new _base__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
+        /**
+         * An event that is raised after a [theme](/form-library/documentation/manage-default-themes-and-styles) is [applied](#applyTheme) to the survey.
+         * @see applyTheme
+         */
         _this.onThemeApplied = new _base__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
         //#region Event declarations
         /**
@@ -72201,10 +72330,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 +72344,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 +72358,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();
         /**
@@ -75261,10 +75394,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");
     };
     /**
@@ -79404,12 +79539,19 @@ 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.
+     * @see onThemeApplied
+     */
     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);
@@ -79502,8 +79644,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 +79668,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 +79741,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 +79957,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 },