survey-core 1.9.110 → 1.9.112

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.110
+ * 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)
  */
@@ -1816,7 +1816,7 @@ var Base = /** @class */ (function () {
          *
          * - `sender`: `this`\
          * A SurveyJS object whose property has changed.
-         * - `options.name`: `String`\
+         * - `options.name`: `string`\
          * The name of the changed property.
          * - `options.newValue`: `any`\
          * A new value for the property.
@@ -1833,7 +1833,7 @@ var Base = /** @class */ (function () {
          * A SurveyJS object whose property contains an array of `ItemValue` objects.
          * - `options.obj`: [`ItemValue`](https://surveyjs.io/form-library/documentation/itemvalue)\
          * An `ItemValue` object.
-         * - `options.propertyName`: `String`\
+         * - `options.propertyName`: `string`\
          * The name of the property to which an array of `ItemValue` objects is assigned (for example, `"choices"` or `"rows"`).
          * - `options.name`: `"text"` | `"value"`\
          * The name of the changed property.
@@ -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]])
@@ -4077,7 +4077,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConditionRunner", function() { return ConditionRunner; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ExpressionRunner", function() { return ExpressionRunner; });
 /* harmony import */ var _conditionProcessValue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./conditionProcessValue */ "./src/conditionProcessValue.ts");
-/* harmony import */ var _conditionsParser__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./conditionsParser */ "./src/conditionsParser.ts");
+/* harmony import */ var _console_warnings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./console-warnings */ "./src/console-warnings.ts");
+/* harmony import */ var _conditionsParser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./conditionsParser */ "./src/conditionsParser.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -4095,10 +4096,11 @@ var __extends = (undefined && undefined.__extends) || (function () {
 })();
 
 
+
 var ExpressionExecutor = /** @class */ (function () {
     function ExpressionExecutor(expression) {
         this.processValue = new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_0__["ProcessValue"]();
-        this.parser = new _conditionsParser__WEBPACK_IMPORTED_MODULE_1__["ConditionsParser"]();
+        this.parser = new _conditionsParser__WEBPACK_IMPORTED_MODULE_2__["ConditionsParser"]();
         this.isAsyncValue = false;
         this.hasFunctionValue = false;
         this.setExpression(expression);
@@ -4143,8 +4145,12 @@ var ExpressionExecutor = /** @class */ (function () {
     ExpressionExecutor.prototype.run = function (values, properties) {
         var _this = this;
         if (properties === void 0) { properties = null; }
-        if (!this.operand)
+        if (!this.operand) {
+            if (!!this.expression) {
+                _console_warnings__WEBPACK_IMPORTED_MODULE_1__["ConsoleWarnings"].warn("Invalid expression: " + this.expression);
+            }
             return null;
+        }
         this.processValue.values = values;
         this.processValue.properties = properties;
         if (!this.isAsync)
@@ -4497,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
@@ -4520,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) {
@@ -4527,10 +4536,37 @@ var Cover = /** @class */ (function (_super) {
             return "100% 100%";
         }
         if (backgroundImageFit === "tile") {
-            return "contain";
+            return "auto";
         }
         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.header);
+        if (!!theme.cssVariables) {
+            this.backgroundColor = theme.cssVariables["--sjs-cover-backcolor"];
+        }
+    };
     Cover.prototype.getType = function () {
         return "cover";
     };
@@ -4541,41 +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)
-                .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
@@ -4593,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);
+    ], 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);
@@ -4657,18 +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: "backgroundColor" },
-    { 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" },
@@ -5590,6 +5631,8 @@ var defaultV2Css = {
     rootReadOnly: "sd-root--readonly",
     rootCompact: "sd-root--compact",
     rootFitToContainer: "sd-root-modern--full-container",
+    rootWrapper: "sd-root-modern__wrapper",
+    rootWrapperFixed: "sd-root-modern__wrapper--fixed",
     rootBackgroundImage: "sd-root_background-image",
     container: "sd-container-modern",
     header: "sd-title sd-container-modern__title",
@@ -7677,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);
@@ -8197,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;
         }
@@ -8382,11 +8427,11 @@ var DropdownListModel = /** @class */ (function (_super) {
             return;
         this._popupModel.toggleVisibility();
         this.focusItemOnClickAndPopup();
-        if (this.searchEnabled && !!event && !!event.target) {
-            var input = event.target.querySelector("input");
-            if (!!input) {
-                input.focus();
-            }
+        this.question.focus();
+    };
+    DropdownListModel.prototype.chevronPointerDown = function (event) {
+        if (this._popupModel.isVisible) {
+            event.preventDefault();
         }
     };
     DropdownListModel.prototype.onPropertyChangedHandler = function (sender, options) {
@@ -8526,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) {
@@ -9520,8 +9565,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.110";
-ReleaseDate = "" + "2023-09-26";
+Version = "" + "1.9.112";
+ReleaseDate = "" + "2023-10-10";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -15000,6 +15045,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "registerFunction", function() { return registerFunction; });
 /* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers */ "./src/helpers.ts");
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _console_warnings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./console-warnings */ "./src/console-warnings.ts");
+
 
 
 var FunctionFactory = /** @class */ (function () {
@@ -15036,8 +15083,10 @@ var FunctionFactory = /** @class */ (function () {
     FunctionFactory.prototype.run = function (name, params, properties) {
         if (properties === void 0) { properties = null; }
         var func = this.functionHash[name];
-        if (!func)
+        if (!func) {
+            _console_warnings__WEBPACK_IMPORTED_MODULE_2__["ConsoleWarnings"].warn("Unknown function name: " + name);
             return null;
+        }
         var classRunner = {
             func: func,
         };
@@ -20032,6 +20081,8 @@ var englishStrings = {
     tagboxDoneButtonCaption: "OK",
     selectToRankEmptyRankedAreaText: "All choices are ranked",
     selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them",
+    ok: "OK",
+    cancel: "Cancel",
 };
 // Uncomment the lines below if you create a custom dictionary.
 // Replace "en" with a custom locale code (for example, "fr" or "de"),
@@ -20584,6 +20635,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 = {}; });
@@ -20602,7 +20654,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;
@@ -21910,8 +21962,8 @@ var PanelModelBase = /** @class */ (function (_super) {
     };
     /**
      * Validates questions within this panel or page and returns `false` if the validation fails.
-     * @param fireCallback *Optional.* Pass `false` if you do not want to show validation errors in the UI.
-     * @param focusOnFirstError *Optional.* Pass `true` if you want to focus the first question with a validation error.
+     * @param fireCallback *(Optional)* Pass `false` if you do not want to show validation errors in the UI.
+     * @param focusOnFirstError *(Optional)* Pass `true` if you want to focus the first question with a validation error.
      * @see [Data Validation](https://surveyjs.io/form-library/documentation/data-validation)
      */
     PanelModelBase.prototype.validate = function (fireCallback, focusOnFirstError, rec) {
@@ -23983,6 +24035,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 function createPopupModalViewModel(options, rootElement) {
+    var _a;
     var popupModel = new _popup__WEBPACK_IMPORTED_MODULE_0__["PopupModel"](options.componentName, options.data, "top", "left", false, true, options.onCancel, options.onApply, function () {
         options.onHide();
         if (!!container) {
@@ -23990,6 +24043,7 @@ function createPopupModalViewModel(options, rootElement) {
         }
     }, options.onShow, options.cssClass, options.title);
     popupModel.displayMode = options.displayMode || "popup";
+    popupModel.isFocusedContent = (_a = options.isFocusedContent) !== null && _a !== void 0 ? _a : true;
     var popupViewModel = new _popup_modal_view_model__WEBPACK_IMPORTED_MODULE_2__["PopupModalViewModel"](popupModel);
     if (!!rootElement && !!rootElement.appendChild) {
         var container = document.createElement("div");
@@ -24630,6 +24684,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.
  */
@@ -24647,12 +24709,13 @@ var Question = /** @class */ (function (_super) {
          *
          * - `sender`: `SurveyModel`\
          * A survey instance that contains the question whose ready state has changed.
-         * - `options.isReady`: `Boolean`\
+         * - `options.isReady`: `boolean`\
          * Indicates whether the question is ready.
-         * - `options.oldIsReady`: `Boolean`\
+         * - `options.oldIsReady`: `boolean`\
          * Indicates the previous ready state.
          */
         _this.onReadyChanged = _this.addEvent();
+        _this.triggersInfo = [];
         _this.isRunningValidatorsValue = false;
         _this.isValueChangedInSurvey = false;
         _this.allowNotifyValueChanged = true;
@@ -24670,6 +24733,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) {
@@ -24709,7 +24777,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;
@@ -25122,31 +25189,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.isVisible || this.isReadOnly || !this.resetValueIf || this.isEmpty())
-            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;
-        this.isRunningResetValueIf = true;
-        this.resetValueIfExpression.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
+        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.triggersInfo.forEach(function (info) {
+            _this.runTriggerInfo(info, name, value);
+        });
     };
     Question.prototype.runConditions = function () {
         if (this.data && !this.isLoadingFromJson) {
@@ -25565,6 +25661,7 @@ var Question = /** @class */ (function (_super) {
     };
     Question.prototype.afterRender = function (el) {
         var _this = this;
+        this.afterRenderCore(el);
         if (!this.survey)
             return;
         this.survey.afterRenderQuestion(this, el);
@@ -25583,6 +25680,8 @@ var Question = /** @class */ (function (_super) {
         }
         this.checkForResponsiveness(el);
     };
+    Question.prototype.afterRenderCore = function (el) {
+    };
     Question.prototype.getCommentElementsId = function () {
         return [this.commentId];
     };
@@ -26294,27 +26393,27 @@ var Question = /** @class */ (function (_super) {
          *
          * | Question type | Value type(s) |
          * | ------------- | ------------- |
-         * | Checkboxes | `Array<String \| Number>` |
-         * | Dropdown | `String` \| `Number` |
-         * | Dynamic Matrix | `Array<Object>` |
-         * | Dynamic Panel | `Array<Object>` |
-         * | Expression | `String` \| `Number` \| `Boolean` |
+         * | Checkboxes | `Array<string \| number>` |
+         * | Dropdown | `string` \| `number` |
+         * | Dynamic Matrix | `Array<object>` |
+         * | Dynamic Panel | `Array<object>` |
+         * | Expression | `string` \| `number` \| `boolean` |
          * | File Upload | `File` \| `Array<File>` |
          * | HTML | (no value) |
          * | Image | (no value) |
-         * | Image Picker | `Array<String \| Number>` |
-         * | Long Text | `String` |
-         * | Multi-Select Dropdown | `Object` |
-         * | Multi-Select Matrix | `Object` |
-         * | Multiple Textboxes | `Array<String>` |
+         * | Image Picker | `Array<string \| number>` |
+         * | Long Text | `string` |
+         * | Multi-Select Dropdown | `object` |
+         * | Multi-Select Matrix | `object` |
+         * | Multiple Textboxes | `Array<string>` |
          * | Panel | (no value) |
-         * | Radio Button Group | `String` \| `Number` |
-         * | Ranking | `Array<String \| Number>` |
-         * | Rating Scale | `Number` \| `String` |
-         * | Signature | `String` (base64-encoded image) |
-         * | Single-Line Input | `String` \| `Number` \| `Date` |
-         * | Single-Select Matrix | `Object` |
-         * | Yes/No (Boolean) | `Boolean` \| `String` |
+         * | Radio Button Group | `string` \| `number` |
+         * | Ranking | `Array<string \| number>` |
+         * | Rating Scale | `number` \| `string` |
+         * | Signature | `string` (base64-encoded image) |
+         * | Single-Line Input | `string` \| `number` \| `Date` |
+         * | Single-Select Matrix | `object` |
+         * | Yes/No (Boolean) | `boolean` \| `string` |
          */
         get: function () {
             return this.getValueCore();
@@ -26529,6 +26628,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");
@@ -26548,6 +26648,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");
@@ -26558,6 +26659,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";
@@ -26948,7 +27084,7 @@ var Question = /** @class */ (function (_super) {
     };
     /**
      * Validates this question and returns `false` if the validation fails.
-     * @param fireCallback *Optional.* Pass `false` if you do not want to show validation errors in the UI.
+     * @param fireCallback *(Optional)* Pass `false` if you do not want to show validation errors in the UI.
      * @see [Data Validation](https://surveyjs.io/form-library/documentation/data-validation)
      */
     Question.prototype.validate = function (fireCallback, rec) {
@@ -27089,8 +27225,10 @@ var Question = /** @class */ (function (_super) {
         if (!this.checkIsValueCorrect(newValue))
             return;
         this.isOldAnswered = this.isAnswered;
+        this.isSettingQuestionValue = true;
         this.setNewValueInData(newValue);
         this.allowNotifyValueChanged && this.onValueChanged();
+        this.isSettingQuestionValue = false;
         if (this.isAnswered !== this.isOldAnswered) {
             this.updateQuestionCss();
         }
@@ -27673,10 +27811,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", visible: false
-    },
+    "resetValueIf:condition",
+    "setValueIf:condition",
+    { name: "setValueExpression:expression", visibleIf: function (obj) { return !!obj.setValueIf; } },
     "defaultValue:value",
     {
         name: "defaultValueExpression:expression",
@@ -28597,8 +28734,10 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                         customValues[_i - 1] = arguments[_i];
                     }
                     _this.waitingGetChoiceDisplayValueResponse = false;
-                    if (!displayValues || !displayValues.length)
+                    if (!displayValues || !displayValues.length) {
+                        _this.updateIsReady();
                         return;
+                    }
                     var items = displayValues.map(function (displayValue, index) { return _this.createItemValue(valueArray[index], displayValue); });
                     _this.setCustomValuesIntoItems(items, customValues);
                     if (Array.isArray(value)) {
@@ -31911,8 +32050,8 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
     QuestionCustomModelBase.prototype.afterRenderQuestionElement = function (el) {
         //Do nothing
     };
-    QuestionCustomModelBase.prototype.afterRender = function (el) {
-        _super.prototype.afterRender.call(this, el);
+    QuestionCustomModelBase.prototype.afterRenderCore = function (el) {
+        _super.prototype.afterRenderCore.call(this, el);
         if (!!this.customQuestion) {
             this.customQuestion.onAfterRender(this, el);
         }
@@ -32109,8 +32248,8 @@ var QuestionCustomModel = /** @class */ (function (_super) {
             _super.prototype.focus.call(this, onError);
         }
     };
-    QuestionCustomModel.prototype.afterRender = function (el) {
-        _super.prototype.afterRender.call(this, el);
+    QuestionCustomModel.prototype.afterRenderCore = function (el) {
+        _super.prototype.afterRenderCore.call(this, el);
         if (!!this.contentQuestion) {
             this.contentQuestion.afterRender(el);
         }
@@ -33370,11 +33509,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"]));
 
@@ -33669,7 +33803,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
          *
          * - `sender`: `SurveyModel`\
          * A survey instance that raised the event.
-         * - `options.state`: `String`\
+         * - `options.state`: `string`\
          * The current upload state: `"empty"`, `"loading"`, `"loaded"`, or `"error"`.
          */
         _this.onUploadStateChanged = _this.addEvent();
@@ -34277,7 +34411,14 @@ var QuestionFileModel = /** @class */ (function (_super) {
         get: function () {
             var isShowLoadingIndicator = this.showLoadingIndicator;
             var isPlayingVideo = this.isPlayingVideo;
-            return this.previewValue && this.previewValue.length > 0 && !isShowLoadingIndicator && !isPlayingVideo;
+            return !isShowLoadingIndicator && !isPlayingVideo;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionFileModel.prototype, "showPreviewContainer", {
+        get: function () {
+            return this.previewValue && this.previewValue.length > 0;
         },
         enumerable: false,
         configurable: true
@@ -34928,6 +35069,13 @@ var QuestionHtmlModel = /** @class */ (function (_super) {
     QuestionHtmlModel.prototype.processHtml = function (html) {
         return this.survey ? this.survey.processHtml(html, "html-question") : this.html;
     };
+    Object.defineProperty(QuestionHtmlModel.prototype, "isNewA11yStructure", {
+        get: function () {
+            return true;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return QuestionHtmlModel;
 }(_questionnonvalue__WEBPACK_IMPORTED_MODULE_0__["QuestionNonValue"]));
 
@@ -35254,7 +35402,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",
@@ -35831,7 +35979,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 },
@@ -39065,7 +39213,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);
@@ -39897,6 +40048,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");
@@ -40347,12 +40518,13 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
     "visibleIf:condition",
     "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;
         },
     },
@@ -41205,9 +41377,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
             var renderedCell = this.createTextCell(row.locText);
             renderedCell.row = row;
             res.cells.push(renderedCell);
-            if (useAsHeader) {
-                this.setHeaderCellWidth(null, renderedCell);
-            }
+            this.setHeaderCellWidth(null, renderedCell);
             renderedCell.className = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
                 .append(renderedCell.className)
                 .append(this.cssClasses.rowTextCell)
@@ -42031,7 +42201,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
     };
     /**
      * Creates and adds a new row to the matrix.
-     * @param setFocus *Optional.* Pass `true` to focus the cell in the first column.
+     * @param setFocus *(Optional)* Pass `true` to focus the cell in the first column.
      */
     QuestionMatrixDynamicModel.prototype.addRow = function (setFocus) {
         var oldRowCount = this.rowCount;
@@ -42169,7 +42339,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
     /**
      * Removes a matrix row with a specified index.
      * @param index A zero-based row index.
-     * @param confirmDelete *Optional.* A Boolean value that specifies whether to display a confirmation dialog. If you do not specify this parameter, the [`confirmDelete`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#confirmDelete) property value is used.
+     * @param confirmDelete *(Optional)* A Boolean value that specifies whether to display a confirmation dialog. If you do not specify this parameter, the [`confirmDelete`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#confirmDelete) property value is used.
      */
     QuestionMatrixDynamicModel.prototype.removeRow = function (index, confirmDelete) {
         var _this = this;
@@ -44103,8 +44273,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          *
          * The template can contain the following placeholders:
          *
-         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
-         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
+         * - `{panelIndex}` - A panel index within the collection of all panels. Starts with 1.
+         * - `{visiblePanelIndex}` - A panel index within the collection of visible panels. Starts with 1.
          * @see template
          * @see templateDescription
          * @see templateElements
@@ -44133,8 +44303,12 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          *
          * The template can contain the following placeholders:
          *
-         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
-         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
+         * - `{panelIndex}` - A panel index within the collection of all panels. Starts with 1.
+         * - `{visiblePanelIndex}` - A panel index within the collection of visible panels. Starts with 1.
+         *
+         * If you want to customize individual tab titles, handle `SurveyModel`'s [`onGetDynamicPanelTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onGetDynamicPanelTabTitle) event.
+         *
+         * [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          * @see templateTitle
          * @see renderMode
          */
@@ -44600,10 +44774,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", {
@@ -44911,11 +45083,11 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          *
          * Possible values:
          *
-         * - `"list"` - Renders panels one under the other. [View Demo](https://surveyjs.io/form-library/examples/how-to-use-expressions-in-dynamic-panel/)
+         * - `"list"` (default) - Renders panels one under the other. [View Demo](https://surveyjs.io/form-library/examples/how-to-use-expressions-in-dynamic-panel/)
          * - `"progressTop"` - Renders each panel as a card and displays a progress bar at the top. [View Demo](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/)
          * - `"progressBottom"` - Renders each panel panel as a card and displays a progress bar at the bottom.
          * - `"progressTopBottom"` - Renders each panel as a card and displays a progress bar at the top and bottom.
-         * - `"tab"` - Renders each panel within a tab. Use the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) to specify a template for tab titles.
+         * - `"tab"` - Renders each panel within a tab. Use the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) to specify a template for tab titles. [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/)
          */
         get: function () {
             return this.getPropertyValue("renderMode");
@@ -47150,6 +47322,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./base */ "./src/base.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -47180,6 +47353,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var RenderedRatingItem = /** @class */ (function (_super) {
     __extends(RenderedRatingItem, _super);
     function RenderedRatingItem(itemValue, locString) {
@@ -47692,6 +47866,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         }
     };
     QuestionRatingModel.prototype.onItemMouseIn = function (item) {
+        if (_utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"])
+            return;
         if (this.isReadOnly || !item.itemValue.isEnabled || this.isDesignMode)
             return;
         var high = true;
@@ -47709,6 +47885,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         }
     };
     QuestionRatingModel.prototype.onItemMouseOut = function (item) {
+        if (_utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"])
+            return;
         this.renderedRateItems.forEach(function (item) { return item.highlight = "none"; });
     };
     Object.defineProperty(QuestionRatingModel.prototype, "itemSmallMode", {
@@ -48582,7 +48760,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("signaturepad",
         default: true,
     },
     {
-        name: "backgroundImage",
+        name: "backgroundImage:file",
         category: "general",
     },
     {
@@ -50188,6 +50366,8 @@ var RendererFactory = /** @class */ (function () {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; });
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+
 var document = globalThis.document;
 var defaultEnvironment = (!!document ? {
     root: document,
@@ -50229,10 +50409,10 @@ var settings = {
      *
      * Nested properties:
      *
-     * - `showEmptyDescriptions`: `Boolean`\
+     * - `showEmptyDescriptions`: `boolean`\
      * Specifies whether to display an empty description for pages and panels. Default value: `true`.
      *
-     * - `showEmptyTitles`: `Boolean`\
+     * - `showEmptyTitles`: `boolean`\
      * Specifies whether to display an empty title for pages and panels. Default value: `true`.
      */
     designMode: {
@@ -50256,13 +50436,13 @@ var settings = {
      *
      * Nested properties:
      *
-     * - `useLocalTimeZone`: `Boolean`\
+     * - `useLocalTimeZone`: `boolean`\
      * Disable this property if you want internal SurveyJS functions to use methods that work with UTC date and time (`setUTCDate()` `setUTCHours()`, etc.) instead of methods that work with local date and time (`setYear`, `setHours()`, etc.). Default value: `true`.
      *
-     * - `defaultLocaleName`: `String`\
+     * - `defaultLocaleName`: `string`\
      * A property key that stores a translation for the default locale. Default value: `"default"`.
      *
-     * - `storeDuplicatedTranslations`: `Boolean`\
+     * - `storeDuplicatedTranslations`: `boolean`\
      * Specifies whether surveys should store translation strings that equal the translation strings in the default locale. Default value: `false`.
      */
     localization: {
@@ -50292,16 +50472,16 @@ var settings = {
      *
      * Nested properties:
      *
-     * - `encodeUrlParams`: `Boolean`\
+     * - `encodeUrlParams`: `boolean`\
      * Specifies whether to encode URL parameters when you access a web service. Default value: `true`.
      *
-     * - `cacheLoadedChoices`: `Boolean`\
+     * - `cacheLoadedChoices`: `boolean`\
      * Specifies whether to cache [choices](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#choicesByUrl) loaded from a web service. Default value: `true`.
      *
-     * - `disableQuestionWhileLoadingChoices`: `Boolean`\
+     * - `disableQuestionWhileLoadingChoices`: `boolean`\
      * Disables a question while its choices are being loaded from a web service. Default value: `false`.
      *
-     * - `surveyServiceUrl`: `String`\
+     * - `surveyServiceUrl`: `string`\
      * The URL of the SurveyJS Service API endpoint.
      */
     web: {
@@ -50339,14 +50519,14 @@ var settings = {
      *
      * Nested properties:
      *
-     * - `changeNavigationButtonsOnComplete`: `Boolean`\
+     * - `changeNavigationButtonsOnComplete`: `boolean`\
      * Specifies whether to re-evaluate an expression associated with the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed. Default value: `false`.\
      * Keep this property set to `false` if you want to re-evaluate the Complete trigger's expression only when the respondents navigate to another page.
      *
-     * - `executeCompleteOnValueChanged`: `Boolean`\
+     * - `executeCompleteOnValueChanged`: `boolean`\
      * Specifies whether to replace the Next button with the Complete button when the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) is going to be executed. Default value: `true`.
      *
-     * - `executeSkipOnValueChanged`: `Boolean`\
+     * - `executeSkipOnValueChanged`: `boolean`\
      * Specifies whether to re-evaluate an expression associated with the [Skip trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#skip) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed. Default value: `true`.\
      * Disable this property if you want to re-evaluate the Skip trigger's expression only when respondents navigate to another page.
      */
@@ -50377,13 +50557,13 @@ var settings = {
      *
      * Nested properties:
      *
-     * - `itemValueSerializeAsObject`: `Boolean`\
+     * - `itemValueSerializeAsObject`: `boolean`\
      * Enable this property if you want to serialize [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) instances as objects even when they include only the `value` property. Default value: `false`. View an example below.
      *
-     * - `itemValueSerializeDisplayText`: `Boolean`\
+     * - `itemValueSerializeDisplayText`: `boolean`\
      * Enable this property if you want to serialize the `text` property of [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) objects even when it is empty or equal to the `value` property. Default value: `false`. View an example below.
      *
-     * - `localizableStringSerializeAsObject`: `Boolean`\
+     * - `localizableStringSerializeAsObject`: `boolean`\
      * Enable this property if you want to serialize [`LocalizableString`](https://surveyjs.io/form-library/documentation/api-reference/localizablestring) instances as objects even when they include only a translation string for the default locale. For example, `"Custom String"` will be serialized as `{ default: "Custom String" }`. Default value: `false`.
      *
      * ```js
@@ -50427,7 +50607,7 @@ var settings = {
      *
      * Nested properties:
      *
-     * - `enabled`: `Boolean`\
+     * - `enabled`: `boolean`\
      * Specifies whether to add questions to the DOM only when they get into the viewport. Default value: `false`.
      *
      * > Lazy rendering is an experimental feature that may not work as expected in all use cases.
@@ -50450,28 +50630,28 @@ var settings = {
      *
      * Nested properties:
      *
-     * - `defaultRowName`: `String`\
+     * - `defaultRowName`: `string`\
      * A property key that stores an object with default cell values. Default value: "default".
      *
-     * - `defaultCellType`: `String`\
+     * - `defaultCellType`: `string`\
      * The default type of matrix cells. Default value: `"dropdown"`.\
      * You can specify this setting for individual questions or matrix columns: [`cellType`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#cellType). Refer to the `cellType` property description for information on possible values.
      *
-     * - `totalsSuffix`: `String`\
+     * - `totalsSuffix`: `string`\
      * A suffix added to the name of the property that stores total values. The resulting property name consists of the matrix name and the suffix. Default value: `"-total"`.
      *
-     * - `maxRowCount`: `Number`\
+     * - `maxRowCount`: `number`\
      * A maximum number of rows in a Dynamic Matrix. Default value: 1000.\
      * You can specify this setting for an individual Dynamic Matrix: [`maxRowCount`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#maxRowCount).
      *
-     * - `maxRowCountInCondition`: `Number`\
+     * - `maxRowCountInCondition`: `number`\
      * A maximum number of matrix rows included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic. Default value: 1.\
      * If you set this property to 0, the Condition menu does not include any matrix rows. Users still can specify conditions that use matrix rows but only with Manual Entry.
      *
-     * - `renderRemoveAsIcon`: `Boolean`\
+     * - `renderRemoveAsIcon`: `boolean`\
      * Disable this property if you want to render the Remove action in Dynamic Matrix as a button. Otherwise, the action is rendered as an icon. Default value: `true`.
      *
-     * - `columnWidthsByType`: `Object`\
+     * - `columnWidthsByType`: `object`\
      * An object that specifies fixed and minimum column width based on the column type.\
      * Example: `settings.matrix.columnWidthsByType = { "tagbox": { minWidth: "240px", width: "300px" } }`
      *
@@ -50525,11 +50705,11 @@ var settings = {
      *
      * Nested properties:
      *
-     * - `maxPanelCount`: `Number`\
+     * - `maxPanelCount`: `number`\
      * A maximum number of panels in Dynamic Panel. Default value: 100.\
      * You can specify this setting for an individual Dynamic Panel: [`maxPanelCount`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#maxPanelCount).
      *
-     * - `maxPanelCountInCondition`: `Number`\
+     * - `maxPanelCountInCondition`: `number`\
      * A maximum number of Dynamic Panel panels included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic. Default value: 1.\
      * If you set this property to 0, the Condition menu does not include any panel questions. Users still can specify conditions that use panel questions but only with Manual Entry.
      */
@@ -50582,10 +50762,10 @@ var settings = {
      *
      * Nested properties:
      *
-     * - `includeQuestionsWithHiddenNumber`: `Boolean`\
+     * - `includeQuestionsWithHiddenNumber`: `boolean`\
      * Specifies whether to number questions whose [`hideNumber`](https://surveyjs.io/form-library/documentation/api-reference/question#hideNumber) property is enabled. Default value: `false`.
      *
-     * - `includeQuestionsWithHiddenTitle`: `Boolean`\
+     * - `includeQuestionsWithHiddenTitle`: `boolean`\
      * Specifies whether to number questions whose [`titleLocation`](https://surveyjs.io/form-library/documentation/api-reference/question#titleLocation) property is set to `"hidden"`. Default value: `false`.
      */
     numbering: {
@@ -50619,10 +50799,10 @@ var settings = {
      *
      * Nested properties:
      *
-     * - `trimStrings`: `Boolean`\
+     * - `trimStrings`: `boolean`\
      * Specifies whether to remove whitespace from both ends of a string before the comparison. Default value: `true`.
      *
-     * - `caseSensitive`: `Boolean`\
+     * - `caseSensitive`: `boolean`\
      * Specifies whether to differentiate between capital and lower-case letters. Default value: `false`.
      */
     comparator: {
@@ -50660,7 +50840,7 @@ var settings = {
      */
     tagboxCloseOnSelect: false,
     /**
-     * A property that allows you to display a custom confirm dialog instead of the standard browser dialog.
+     * A property that allows you to display a custom confirm dialog.
      *
      * Set this property to a function that renders your custom dialog window. This function should return `true` if a user confirms an action or `false` otherwise.
      * @param message A message to be displayed in the confirm dialog window.
@@ -50669,14 +50849,25 @@ var settings = {
         return confirm(message);
     },
     /**
-     * A property that allows you to display a custom confirm dialog instead of the standard browser dialog in async mode.
+     * A property that allows you to display a custom confirm dialog in async mode or activate the standard browser dialog.
+     *
+     * To display a custom confirm dialog, set this property to a function that renders it. This function should return `true` to be enabled; otherwise, a survey executes the [`confirmActionFunc`](#confirmActionFunc) function. Pass the dialog result as the `callback` parameter: `true` if a user confirms an action, `false` otherwise.
      *
-     * Set this property to a function that renders your custom dialog window. This function should return `true` to be enabled; otherwise, a survey executes the [`confirmActionFunc`](#confirmActionFunc) function. Pass the dialog result as the `callback` parameter: `true` if a user confirms an action, `false` otherwise.
+     * To activate the standard browser dialog, set the `confirmActionAsync` property to a function that returns `false`. With this configuration, a survey falls back to the [`confirmActionFunc`](#confirmActionFunc) function, which renders the standard browser dialog by default.
+     *
+     * ```js
+     * import { settings } from "survey-core";
+     *
+     * // Display the standard browser dialog
+     * settings.confirmActionAsync = () => {
+     *    return false;
+     * }
+     * ```
      * @param message A message to be displayed in the confirm dialog window.
      * @param callback A callback function that should be called with `true` if a user confirms an action or `false` otherwise.
      */
     confirmActionAsync: function (message, callback) {
-        return false;
+        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback);
     },
     /**
      * A minimum width value for all survey elements.
@@ -50705,7 +50896,7 @@ var settings = {
      *
      * Nested properties:
      *
-     * - `lifetime`: `Number`\
+     * - `lifetime`: `number`\
      * Specifies a time period during which a notification is displayed; measured in milliseconds.
      */
     notifications: {
@@ -52429,7 +52620,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;
@@ -52539,9 +52732,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));
 
@@ -52727,6 +52917,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
         /**
@@ -53292,6 +53486,10 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.onDynamicPanelItemValueChanged = _this.addEvent();
         /**
          * An event that is raised before a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) renders [tab titles](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle). Use this event to change individual tab titles.
+         *
+         * For information on event handler parameters, refer to descriptions within the interface.
+         *
+         * [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          */
         _this.onGetDynamicPanelTabTitle = _this.addEvent();
         /**
@@ -53314,10 +53512,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();
         /**
@@ -53326,10 +53526,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();
         /**
@@ -53338,7 +53540,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();
         /**
@@ -53459,6 +53661,9 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["state", "currentPage", "showPreviewBeforeComplete"], function () { _this.onStateAndCurrentPageChanged(); });
         _this.registerPropertyChangedHandlers(["logo", "logoPosition"], function () { _this.updateHasLogo(); });
         _this.registerPropertyChangedHandlers(["backgroundImage"], function () { _this.updateRenderBackgroundImage(); });
+        _this.registerPropertyChangedHandlers(["renderBackgroundImage", "backgroundOpacity", "backgroundImageFit", "fitToContainer", "backgroundImageAttachment"], function () {
+            _this.updateBackgroundImageStyle();
+        });
         _this.onGetQuestionNo.onCallbacksChanged = function () {
             _this.resetVisibleIndexes();
         };
@@ -53707,6 +53912,7 @@ var SurveyModel = /** @class */ (function (_super) {
         this.rootCss = this.getRootCss();
         this.updateNavigationCss();
         this.updateCompletedPageCss();
+        this.updateWrapperFormCss();
     };
     Object.defineProperty(SurveyModel.prototype, "css", {
         /**
@@ -54941,18 +55147,20 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(SurveyModel.prototype, "backgroundImageStyle", {
-        get: function () {
-            return {
-                opacity: this.backgroundOpacity,
-                backgroundImage: this.renderBackgroundImage,
-                backgroundSize: this.backgroundImageFit,
-                backgroundAttachment: this.backgroundImageAttachment
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
+    SurveyModel.prototype.updateBackgroundImageStyle = function () {
+        this.backgroundImageStyle = {
+            opacity: this.backgroundOpacity,
+            backgroundImage: this.renderBackgroundImage,
+            backgroundSize: this.backgroundImageFit,
+            backgroundAttachment: !this.fitToContainer ? this.backgroundImageAttachment : undefined
+        };
+    };
+    SurveyModel.prototype.updateWrapperFormCss = function () {
+        this.wrapperFormCss = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]()
+            .append(this.css.rootWrapper)
+            .append(this.css.rootWrapperFixed, this.backgroundImageAttachment === "fixed")
+            .toString();
+    };
     Object.defineProperty(SurveyModel.prototype, "completedHtml", {
         /**
          * HTML content displayed on the [complete page](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#complete-page).
@@ -56368,16 +56576,18 @@ 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");
     };
     /**
      * Resets the survey [`state`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#state) and, optionally, [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data). If `state` is `"completed"`, it becomes `"running"`.
-     * @param clearData *Optional.* Specifies whether to clear survey data. Default value: `true`.
-     * @param goToFirstPage *Optional.* Specifies whether to switch the survey to the first page. Default value: `true`.
+     * @param clearData *(Optional)* Specifies whether to clear survey data. Default value: `true`.
+     * @param goToFirstPage *(Optional)* Specifies whether to switch the survey to the first page. Default value: `true`.
      */
     SurveyModel.prototype.clear = function (clearData, goToFirstPage) {
         if (clearData === void 0) { clearData = true; }
@@ -56761,7 +56971,7 @@ var SurveyModel = /** @class */ (function (_super) {
      * Validates all questions on the current page and returns `false` if the validation fails.
      *
      * If you use validation expressions and at least one of them calls an async function, the `validateCurrentPage` method returns `undefined`. In this case, you should pass a callback function as the `onAsyncValidation` parameter. The function's `hasErrors` Boolean parameter will contain the validation result.
-     * @param onAsyncValidation *Optional.* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
+     * @param onAsyncValidation *(Optional)* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
      * @see currentPage
      * @see validate
      * @see validateCurrentPage
@@ -56780,7 +56990,7 @@ var SurveyModel = /** @class */ (function (_super) {
      *
      * If you use validation expressions and at least one of them calls an async function, the `validatePage` method returns `undefined`. In this case, you should pass a callback function as the `onAsyncValidation` parameter. The function's `hasErrors` Boolean parameter will contain the validation result.
      * @param page Pass the `PageModel` that you want to validate. You can pass `undefined` to validate the [`activePage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#activePage).
-     * @param onAsyncValidation *Optional.* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
+     * @param onAsyncValidation *(Optional)* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
      * @see validate
      * @see validateCurrentPage
      */
@@ -56810,9 +57020,9 @@ var SurveyModel = /** @class */ (function (_super) {
      * Validates all questions and returns `false` if the validation fails.
      *
      * If you use validation expressions and at least one of them calls an async function, the `validate` method returns `undefined`. In this case, you should pass a callback function as the `onAsyncValidation` parameter. The function's `hasErrors` Boolean parameter will contain the validation result.
-     * @param fireCallback *Optional.* Pass `false` if you do not want to show validation errors in the UI.
-     * @param focusOnFirstError *Optional.* Pass `true` if you want to focus the first question with a validation error. The survey will be switched to the page that contains this question if required.
-     * @param onAsyncValidation *Optional.* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
+     * @param fireCallback *(Optional)* Pass `false` if you do not want to show validation errors in the UI.
+     * @param focusOnFirstError *(Optional)* Pass `true` if you want to focus the first question with a validation error. The survey will be switched to the page that contains this question if required.
+     * @param onAsyncValidation *(Optional)* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
      * @see validateCurrentPage
      * @see validatePage
      */
@@ -58875,7 +59085,7 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.runQuestionsTriggers = function (name, value) {
         if (this.isDisplayMode || this.isDesignMode)
             return;
-        var questions = this.getAllQuestions(true);
+        var questions = this.getAllQuestions();
         questions.forEach(function (q) { return q.runTriggers(name, value); });
     };
     SurveyModel.prototype.checkIfNewPagesBecomeVisible = function (oldCurrentPageIndex) {
@@ -60419,13 +60629,13 @@ var SurveyModel = /** @class */ (function (_super) {
      *
      * This method accepts an object with the following layout element properties:
      *
-     * - `id`: `String` | `"timerpanel"` | `"progress-buttons"` | `"progress-questions"` | `"progress-pages"` | `"progress-correctquestions"` | `"progress-requiredquestions"` | `"toc-navigation"` | `"navigationbuttons"`\
+     * - `id`: `string` | `"timerpanel"` | `"progress-buttons"` | `"progress-questions"` | `"progress-pages"` | `"progress-correctquestions"` | `"progress-requiredquestions"` | `"toc-navigation"` | `"navigationbuttons"`\
      * A layout element identifier. You can use possible values to access and relocate or customize predefined layout elements.
      *
      * - `container`: `"header"` | `"footer"` | `"left"` | `"right"` | `"contentTop"` | `"contentBottom"`\
      * A layout container that holds the element. If you want to display the element within multiple containers, set this property to an array of possible values.
      *
-     * - `component`: `String`\
+     * - `component`: `string`\
      * The name of the component that renders the layout element.
      *
      * - `data`: `any`\
@@ -60511,15 +60721,22 @@ 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.fromJSON(theme[key]);
+                newCoverModel.fromTheme(theme);
                 _this.layoutElements.push({
                     id: "cover",
                     container: "header",
@@ -60566,12 +60783,26 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.addScrollEventListener = function () {
         var _this = this;
+        var _a;
         this.scrollHandler = function () { _this.onScroll(); };
         this.rootElement.addEventListener("scroll", this.scrollHandler);
+        if (!!this.rootElement.getElementsByTagName("form")[0]) {
+            this.rootElement.getElementsByTagName("form")[0].addEventListener("scroll", this.scrollHandler);
+        }
+        if (!!this.css.rootWrapper) {
+            (_a = this.rootElement.getElementsByClassName(this.css.rootWrapper)[0]) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", this.scrollHandler);
+        }
     };
     SurveyModel.prototype.removeScrollEventListener = function () {
+        var _a;
         if (!!this.rootElement && !!this.scrollHandler) {
             this.rootElement.removeEventListener("scroll", this.scrollHandler);
+            if (!!this.rootElement.getElementsByTagName("form")[0]) {
+                this.rootElement.getElementsByTagName("form")[0].removeEventListener("scroll", this.scrollHandler);
+            }
+            if (!!this.css.rootWrapper) {
+                (_a = this.rootElement.getElementsByClassName(this.css.rootWrapper)[0]) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.scrollHandler);
+            }
         }
     };
     SurveyModel.TemplateRendererComponentName = "sv-template-renderer";
@@ -60595,8 +60826,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";
@@ -60619,7 +60850,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);
@@ -60645,8 +60876,18 @@ var SurveyModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "backgroundImageFit", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            onSet: function (newValue, target) {
+                target.updateCss();
+            }
+        })
     ], SurveyModel.prototype, "backgroundImageAttachment", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "backgroundImageStyle", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "wrapperFormCss", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "rootCss", void 0);
@@ -60682,7 +60923,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 },
     {
@@ -60898,8 +61139,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 },
@@ -61331,8 +61572,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./list */ "./src/list.ts");
 /* harmony import */ var _page__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./page */ "./src/page.ts");
 /* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./popup */ "./src/popup.ts");
-/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
-
 
 
 
@@ -61404,15 +61643,21 @@ var TOCModel = /** @class */ (function () {
     function TOCModel(survey) {
         var _this = this;
         this.survey = survey;
-        this.isMobile = _utils_devices__WEBPACK_IMPORTED_MODULE_5__["IsTouch"];
         this.icon = "icon-navmenu_24x24";
         this.togglePopup = function () {
             _this.popupModel.toggleVisibility();
         };
         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.displayMode = this.isMobile ? "overlay" : "popup";
+        this.popupModel.displayMode = new _base__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.isMobile ? "overlay" : "popup"; });
     }
+    Object.defineProperty(TOCModel.prototype, "isMobile", {
+        get: function () {
+            return this.survey.isMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(TOCModel.prototype, "containerCss", {
         get: function () {
             return getTocRootCss(this.survey, this.isMobile);
@@ -61420,6 +61665,10 @@ var TOCModel = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    TOCModel.prototype.dispose = function () {
+        this.popupModel.dispose();
+        this.listModel.dispose();
+    };
     return TOCModel;
 }());
 
@@ -62053,7 +62302,13 @@ var Trigger = /** @class */ (function (_super) {
         if (!!this.conditionRunner) {
             this.perform(values, properties);
         }
+        else {
+            if (this.canSuccessOnEmptyExpression()) {
+                this.triggerResult(true, values, properties);
+            }
+        }
     };
+    Trigger.prototype.canSuccessOnEmptyExpression = function () { return false; };
     Trigger.prototype.check = function (value) {
         var triggerResult = Trigger.operators[this.operator](value, this.value);
         if (triggerResult) {
@@ -62113,9 +62368,14 @@ var Trigger = /** @class */ (function (_super) {
         if (!keys)
             return false;
         this.createConditionRunner();
-        if (this.conditionRunner.hasFunction() === true)
+        if (this.conditionRunner && this.conditionRunner.hasFunction() === true)
             return true;
-        return new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_5__["ProcessValue"]().isAnyKeyChanged(keys, this.conditionRunner.getVariables());
+        return new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_5__["ProcessValue"]().isAnyKeyChanged(keys, this.getUsedVariables());
+    };
+    Trigger.prototype.getUsedVariables = function () {
+        if (!this.conditionRunner)
+            return [];
+        return this.conditionRunner.getVariables();
     };
     Trigger.prototype.createConditionRunner = function () {
         if (!!this.conditionRunner)
@@ -62448,6 +62708,14 @@ var SurveyTriggerCopyValue = /** @class */ (function (_super) {
             return;
         this.owner.copyTriggerValue(this.setToName, this.fromName, this.copyDisplayValue);
     };
+    SurveyTriggerCopyValue.prototype.canSuccessOnEmptyExpression = function () { return true; };
+    SurveyTriggerCopyValue.prototype.getUsedVariables = function () {
+        var res = _super.prototype.getUsedVariables.call(this);
+        if (res.length === 0 && !!this.fromName) {
+            res.push(this.fromName);
+        }
+        return res;
+    };
     return SurveyTriggerCopyValue;
 }(SurveyTrigger));
 
@@ -63180,7 +63448,7 @@ var VerticalResponsivityManager = /** @class */ (function (_super) {
 /*!****************************!*\
   !*** ./src/utils/utils.ts ***!
   \****************************/
-/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild */
+/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, showConfirmDialog, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -63193,6 +63461,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickDown", function() { return doKey2ClickDown; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return sanitizeEditableContent; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Logger", function() { return Logger; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "showConfirmDialog", function() { return showConfirmDialog; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mergeValues", function() { return mergeValues; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getElementWidth", function() { return getElementWidth; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isContainerVisible", function() { return isContainerVisible; });
@@ -63218,7 +63487,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "preventDefaults", function() { return preventDefaults; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findParentByClassNames", function() { return findParentByClassNames; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFirstVisibleChild", function() { return getFirstVisibleChild; });
-/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../settings */ "./src/settings.ts");
+/* harmony import */ var _localizablestring__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../localizablestring */ "./src/localizablestring.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../settings */ "./src/settings.ts");
+/* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../surveyStrings */ "./src/surveyStrings.ts");
+
+
 
 function compareVersions(a, b) {
     var regExStrip0 = /(\.0+)+$/;
@@ -63234,8 +63507,8 @@ function compareVersions(a, b) {
     return segmentsA.length - segmentsB.length;
 }
 function confirmAction(message) {
-    if (!!_settings__WEBPACK_IMPORTED_MODULE_0__["settings"] && !!_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].confirmActionFunc)
-        return _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].confirmActionFunc(message);
+    if (!!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"] && !!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionFunc)
+        return _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionFunc(message);
     return confirm(message);
 }
 function confirmActionAsync(message, funcOnYes, funcOnNo) {
@@ -63245,8 +63518,8 @@ function confirmActionAsync(message, funcOnYes, funcOnNo) {
         else if (!!funcOnNo)
             funcOnNo();
     };
-    if (!!_settings__WEBPACK_IMPORTED_MODULE_0__["settings"] && !!_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].confirmActionAsync) {
-        if (_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].confirmActionAsync(message, callbackFunc))
+    if (!!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"] && !!_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync) {
+        if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].confirmActionAsync(message, callbackFunc))
             return;
     }
     callbackFunc(confirmAction(message));
@@ -63302,15 +63575,15 @@ var isShadowDOM = function (rootElement) {
     return !!rootElement && !!("host" in rootElement && rootElement.host);
 };
 var getElement = function (element) {
-    var root = _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment.root;
+    var root = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment.root;
     return typeof element === "string" ? root.getElementById(element) : element;
 };
 function isElementVisible(element, threshold) {
     if (threshold === void 0) { threshold = 0; }
-    if (typeof _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment === "undefined") {
+    if (typeof _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment === "undefined") {
         return false;
     }
-    var root = _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment.root;
+    var root = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment.root;
     var clientHeight = isShadowDOM(root)
         ? root.host.clientHeight
         : root.documentElement.clientHeight;
@@ -63325,7 +63598,7 @@ function isElementVisible(element, threshold) {
     return maxTop <= minBottom;
 }
 function findScrollableParent(element) {
-    var root = _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment.root;
+    var root = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment.root;
     if (!element) {
         return isShadowDOM(root)
             ? root.host
@@ -63344,7 +63617,7 @@ function findScrollableParent(element) {
     return findScrollableParent(element.parentElement);
 }
 function scrollElementByChildId(id) {
-    var environment = _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment;
+    var environment = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment;
     if (!environment)
         return;
     var root = environment.root;
@@ -63367,7 +63640,7 @@ function wrapUrlForBackgroundImage(url) {
 function getIconNameFromProxy(iconName) {
     if (!iconName)
         return iconName;
-    var proxyName = _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].customIcons[iconName];
+    var proxyName = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].customIcons[iconName];
     return !!proxyName ? proxyName : iconName;
 }
 function createSvg(size, width, height, iconName, svgElem, title) {
@@ -63590,6 +63863,34 @@ var Logger = /** @class */ (function () {
     return Logger;
 }());
 
+function showConfirmDialog(message, callback) {
+    var locStr = new _localizablestring__WEBPACK_IMPORTED_MODULE_0__["LocalizableString"](undefined);
+    var popupViewModel = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
+        componentName: "sv-string-viewer",
+        data: { locStr: locStr, locString: locStr, model: locStr },
+        onApply: function () {
+            callback(true);
+            return true;
+        },
+        onCancel: function () {
+            callback(false);
+            return false;
+        },
+        title: message,
+        displayMode: "popup",
+        isFocusedContent: false,
+        cssClass: "sv-popup--confirm-delete"
+    }, /*settings.rootElement*/ document.body); //TODO survey root
+    var toolbar = popupViewModel.footerToolbar;
+    var applyBtn = toolbar.getActionById("apply");
+    var cancelBtn = toolbar.getActionById("cancel");
+    cancelBtn.title = _surveyStrings__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].getString("cancel");
+    cancelBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sd-btn sd-btn--small";
+    applyBtn.title = _surveyStrings__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].getString("ok");
+    applyBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sv-popup__button--danger sd-btn sd-btn--small sd-btn--danger";
+    popupViewModel.width = "452px";
+    return true;
+}