survey-react 1.9.121 → 1.9.122

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.121
+ * surveyjs - Survey JavaScript library v1.9.122
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1891,7 +1891,7 @@ var Base = /** @class */ (function () {
      * Returns `true` if a passed `value` is an empty string, array, or object or if it equals to `undefined` or `null`.
      *
      * @param value A value to be checked.
-     * @param trimString (Optional) When this parameter is `true`, the method ignores whitespace characters at the beginning and end of a string value. Pass `false` to disable this functionality.
+     * @param trimString *(Optional)* When this parameter is `true`, the method ignores whitespace characters at the beginning and end of a string value. Pass `false` to disable this functionality.
      */
     Base.prototype.isValueEmpty = function (value, trimString) {
         if (trimString === void 0) { trimString = true; }
@@ -2098,7 +2098,7 @@ var Base = /** @class */ (function () {
      * If the property is not found or does not have a value, this method returns either `undefined`, `defaultValue` specified in the property configuration, or a value passed as the `defaultValue` parameter.
      *
      * @param name A property name.
-     * @param defaultValue (Optional) A value to return if the property is not found or does not have a value.
+     * @param defaultValue *(Optional)* A value to return if the property is not found or does not have a value.
      */
     Base.prototype.getPropertyValue = function (name, defaultValue) {
         if (defaultValue === void 0) { defaultValue = null; }
@@ -2369,7 +2369,7 @@ var Base = /** @class */ (function () {
      * Registers a function to call when a property value changes.
      * @param propertyNames An array of one or multiple property names.
      * @param handler A function to call when one of the listed properties change.
-     * @param key (Optional) A key that identifies the current registration. If a function for one of the properties is already registered with the same key, the function will be overwritten. You can also use the key to subsequently unregister handlers.
+     * @param key *(Optional)* A key that identifies the current registration. If a function for one of the properties is already registered with the same key, the function will be overwritten. You can also use the key to subsequently unregister handlers.
      * @see unregisterPropertyChangedHandlers
      */
     Base.prototype.registerPropertyChangedHandlers = function (propertyNames, handler, key) {
@@ -2381,7 +2381,7 @@ var Base = /** @class */ (function () {
     /**
      * Unregisters value change event handlers for the specified properties.
      * @param propertyNames An array of one or multiple property names.
-     * @param key (Optional) A key of the registration that you want to cancel.
+     * @param key *(Optional)* A key of the registration that you want to cancel.
      * @see registerPropertyChangedHandlers
      */
     Base.prototype.unregisterPropertyChangedHandlers = function (propertyNames, key) {
@@ -5821,6 +5821,9 @@ var defaultV2Css = {
         rootDropdown: "sd-scrollable-container sd-scrollable-container--compact sd-selectbase",
         root: "sd-scrollable-container sd-rating",
         rootWrappable: "sd-scrollable-container sd-rating sd-rating--wrappable",
+        rootLabelsTop: "sd-rating--labels-top",
+        rootLabelsBottom: "sd-rating--labels-bottom",
+        rootLabelsDiagonal: "sd-rating--labels-diagonal",
         item: "sd-rating__item",
         itemOnError: "sd-rating__item--error",
         itemHover: "sd-rating__item--allowhover",
@@ -8488,7 +8491,7 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
         if (!_onSelectionChanged) {
             _onSelectionChanged = function (item, status) {
                 _this.resetFilterString();
-                if (item.value === "selectall") {
+                if (item.id === "selectall") {
                     _this.selectAllItems();
                 }
                 else if (status === "added" && item.value === _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].noneItemValue) {
@@ -9423,8 +9426,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.121";
-ReleaseDate = "" + "2023-12-12";
+Version = "" + "1.9.122";
+ReleaseDate = "" + "2023-12-19";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -16551,7 +16554,7 @@ var Cover = /** @class */ (function (_super) {
     Cover.prototype.updateHeaderClasses = function () {
         this.headerClasses = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
             .append("sv-header")
-            .append("sv-header__without-background", (this.backgroundColor === "trasparent") && !this.backgroundImage)
+            .append("sv-header__without-background", (this.backgroundColor === "transparent") && !this.backgroundImage)
             .append("sv-header__overlap", this.overlapEnabled)
             .toString();
     };
@@ -16670,6 +16673,13 @@ var Cover = /** @class */ (function (_super) {
             this.actualHeight = this.calculateActualHeight(logoHeight, titleHeight, descriptionHeight);
         }
     };
+    Object.defineProperty(Cover.prototype, "hasBackground", {
+        get: function () {
+            return !!this.backgroundImage || this.backgroundColor !== "transparent";
+        },
+        enumerable: false,
+        configurable: true
+    });
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: 0 })
     ], Cover.prototype, "actualHeight", void 0);
@@ -35939,9 +35949,9 @@ var Question = /** @class */ (function (_super) {
             return false;
         if (!!this.page && this.page.isStartPage)
             return false;
-        if (!this.survey || !this.valueName)
+        if (!this.survey)
             return true;
-        return !this.survey.hasVisibleQuestionByValueName(this.valueName);
+        return !this.survey.hasVisibleQuestionByValueName(this.getValueName());
     };
     Object.defineProperty(Question.prototype, "isParentVisible", {
         /**
@@ -39565,21 +39575,6 @@ var QuestionCheckboxBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionCheckboxBase.prototype.clickItemHandler = function (item, checked) {
-        var newValue = [].concat(this.renderedValue || []);
-        var index = newValue.indexOf(item.value);
-        if (checked) {
-            if (index < 0) {
-                newValue.push(item.value);
-            }
-        }
-        else {
-            if (index > -1) {
-                newValue.splice(index, 1);
-            }
-        }
-        this.renderedValue = newValue;
-    };
     QuestionCheckboxBase.prototype.onParentChanged = function () {
         _super.prototype.onParentChanged.call(this);
         if (this.isFlowLayout) {
@@ -40413,9 +40408,10 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
     __extends(QuestionCheckboxModel, _super);
     function QuestionCheckboxModel(name) {
         var _this = _super.call(this, name) || this;
-        _this.selectAllItemValue = new _itemvalue__WEBPACK_IMPORTED_MODULE_4__["ItemValue"]("selectall");
         _this.invisibleOldValues = {};
         _this.isChangingValueOnClearIncorrect = false;
+        _this.selectAllItemValue = new _itemvalue__WEBPACK_IMPORTED_MODULE_4__["ItemValue"]("");
+        _this.selectAllItemValue.id = "selectall";
         var selectAllItemText = _this.createLocalizableString("selectAllText", _this.selectAllItem, true, "selectAllItemText");
         _this.selectAllItem.locOwner = _this;
         _this.selectAllItem.setLocText(selectAllItemText);
@@ -40573,6 +40569,31 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
         }
         this.renderedValue = val;
     };
+    QuestionCheckboxModel.prototype.clickItemHandler = function (item, checked) {
+        if (item === this.selectAllItem) {
+            if (checked === true || checked === false) {
+                this.isAllSelected = checked;
+            }
+            else {
+                this.toggleSelectAll();
+            }
+        }
+        else {
+            var newValue = [].concat(this.renderedValue || []);
+            var index = newValue.indexOf(item.value);
+            if (checked) {
+                if (index < 0) {
+                    newValue.push(item.value);
+                }
+            }
+            else {
+                if (index > -1) {
+                    newValue.splice(index, 1);
+                }
+            }
+            this.renderedValue = newValue;
+        }
+    };
     QuestionCheckboxModel.prototype.isItemSelectedCore = function (item) {
         if (item === this.selectAllItem)
             return this.isAllSelected;
@@ -41573,6 +41594,16 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
             this.getElement().localeChanged();
         }
     };
+    QuestionCustomModelBase.prototype.addUsedLocales = function (locales) {
+        _super.prototype.addUsedLocales.call(this, locales);
+        if (!!this.getElement()) {
+            this.getElement().addUsedLocales(locales);
+        }
+    };
+    QuestionCustomModelBase.prototype.needResponsiveWidth = function () {
+        var el = this.getElement();
+        return !!el ? el.needResponsiveWidth() : false;
+    };
     QuestionCustomModelBase.prototype.createWrapper = function () { };
     QuestionCustomModelBase.prototype.onPropertyValueChanged = function (name, oldValue, newValue) {
         _super.prototype.onPropertyValueChanged.call(this, name, oldValue, newValue);
@@ -43405,6 +43436,9 @@ function dataUrl2File(dataUrl, fileName, type) {
     var buffer = new Uint8Array(str.split("").map(function (c) { return c.charCodeAt(0); })).buffer;
     return new File([buffer], fileName, { type: type });
 }
+/**
+ * A base class for question types that support file upload: `QuestionFileModel` and `QuestionSignaturePadModel`.
+ */
 var QuestionFileModelBase = /** @class */ (function (_super) {
     __extends(QuestionFileModelBase, _super);
     function QuestionFileModelBase() {
@@ -45490,10 +45524,8 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
          *
          * Possible values:
          *
-         * - `"image"` - Images in one of the following formats: JPEG, GIF, PNG, APNG, SVG, BMP, ICO.
+         * - `"image"` (default) - Images in one of the following formats: JPEG, GIF, PNG, APNG, SVG, BMP, ICO.
          * - `"video"` - Videos in one of the following formats: MP4, MOV, WMV, FLV, AVI, MKV.
-         * - `"youtube"` - Links to YouTube videos.
-         * - `"auto"` (default) - Selects one of the above based on the `imageLink` property value of each choice item.
          */
         get: function () {
             return this.getPropertyValue("contentMode");
@@ -53168,7 +53200,7 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
     /**
      * Adds a new input item.
      * @param name An item name.
-     * @param title (Optional) An item title.
+     * @param title *(Optional)* An item title.
      * @see items
      */
     QuestionMultipleTextModel.prototype.addItem = function (name, title) {
@@ -54356,7 +54388,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             if (this.isRenderModeList || this.useTemplatePanel)
                 return;
             var curPanel = this.getPropertyValue("currentPanel");
-            if (!!val && this.visiblePanels.indexOf(val) < 0 || val === curPanel)
+            var index = !!val ? this.visiblePanels.indexOf(val) : -1;
+            if (!!val && index < 0 || val === curPanel)
                 return;
             if (curPanel) {
                 curPanel.onHidingContent();
@@ -54365,6 +54398,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             this.updateFooterActions();
             this.updateTabToolbarItemsPressedState();
             this.fireCallback(this.currentIndexChangedCallback);
+            if (index > -1 && this.survey) {
+                var options = {
+                    panel: val,
+                    visiblePanelIndex: index
+                };
+                this.survey.dynamicPanelCurrentIndexChanged(this, options);
+            }
         },
         enumerable: false,
         configurable: true
@@ -55196,48 +55236,59 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         return newPanel;
     };
     /**
-     * Add a new dynamic panel based on the template Panel.
-     * @see template
+     * Adds a new panel based on the [template](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#template).
+     * @param index *(Optional)* An index at which to insert the new panel. `undefined` adds the panel to the end or inserts it after the current panel if [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`. A negative index (for instance, -1) adds the panel to the end in all cases, regardless of the `renderMode` value.
      * @see panelCount
      * @see panels
-     * @see renderMode
      */
-    QuestionPanelDynamicModel.prototype.addPanel = function () {
-        this.panelCount++;
+    QuestionPanelDynamicModel.prototype.addPanel = function (index) {
+        var curIndex = this.currentIndex;
+        if (index === undefined) {
+            index = curIndex < 0 ? this.panelCount : curIndex + 1;
+        }
+        if (index < 0 || index > this.panelCount) {
+            index = this.panelCount;
+        }
+        this.updateValueOnAddingPanel(curIndex < 0 ? this.panelCount - 1 : curIndex, index);
         if (!this.isRenderModeList) {
-            this.currentIndex = this.panelCount - 1;
+            this.currentIndex = index;
         }
+        if (this.survey)
+            this.survey.dynamicPanelAdded(this);
+        return this.panels[index];
+    };
+    QuestionPanelDynamicModel.prototype.updateValueOnAddingPanel = function (prevIndex, index) {
+        this.panelCount++;
         var newValue = this.value;
+        if (!Array.isArray(newValue) || newValue.length !== this.panelCount)
+            return;
         var hasModified = false;
+        var lastIndex = this.panelCount - 1;
+        if (index < lastIndex) {
+            hasModified = true;
+            var rec = newValue[lastIndex];
+            newValue.splice(lastIndex, 1);
+            newValue.splice(index, 0, rec);
+        }
         if (!this.isValueEmpty(this.defaultPanelValue)) {
-            if (!!newValue &&
-                Array.isArray(newValue) &&
-                newValue.length == this.panelCount) {
-                hasModified = true;
-                this.copyValue(newValue[newValue.length - 1], this.defaultPanelValue);
-            }
-        }
-        if (this.defaultValueFromLastPanel &&
-            !!newValue &&
-            Array.isArray(newValue) &&
-            newValue.length > 1 &&
-            newValue.length == this.panelCount) {
             hasModified = true;
-            this.copyValue(newValue[newValue.length - 1], newValue[newValue.length - 2]);
+            this.copyValue(newValue[index], this.defaultPanelValue);
+        }
+        if (this.defaultValueFromLastPanel && newValue.length > 1) {
+            var fromIndex = prevIndex > -1 && prevIndex <= lastIndex ? prevIndex : lastIndex;
+            hasModified = true;
+            this.copyValue(newValue[index], newValue[fromIndex]);
         }
         if (hasModified) {
             this.value = newValue;
         }
-        if (this.survey)
-            this.survey.dynamicPanelAdded(this);
-        return this.panels[this.panelCount - 1];
     };
     QuestionPanelDynamicModel.prototype.canLeaveCurrentPanel = function () {
         return !(this.renderMode !== "list" && this.currentPanel && this.currentPanel.hasErrors(true, true));
     };
-    QuestionPanelDynamicModel.prototype.copyValue = function (src, dest) {
-        for (var key in dest) {
-            src[key] = dest[key];
+    QuestionPanelDynamicModel.prototype.copyValue = function (dest, src) {
+        for (var key in src) {
+            dest[key] = src[key];
         }
     };
     /**
@@ -57674,9 +57725,10 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     Object.defineProperty(QuestionRatingModel.prototype, "minRateDescription", {
         /**
          * Specifies a description for the minimum (first) rate value.
+         * @see rateDescriptionLocation
+         * @see displayRateDescriptionsAsExtremeItems
          * @see rateValues
          * @see rateMin
-         * @see displayRateDescriptionsAsExtremeItems
          */
         get: function () {
             return this.getLocalizableStringText("minRateDescription");
@@ -57698,9 +57750,10 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     Object.defineProperty(QuestionRatingModel.prototype, "maxRateDescription", {
         /**
          * Specifies a description for the maximum (last) rate value.
+         * @see rateDescriptionLocation
+         * @see displayRateDescriptionsAsExtremeItems
          * @see rateValues
          * @see rateMax
-         * @see displayRateDescriptionsAsExtremeItems
          */
         get: function () {
             return this.getLocalizableStringText("maxRateDescription");
@@ -57832,8 +57885,18 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         get: function () {
             var baseClass = ((this.displayMode == "buttons" || (!!this.survey && this.survey.isDesignMode)) && this.cssClasses.rootWrappable) ?
                 this.cssClasses.rootWrappable : this.cssClasses.root;
+            var rootClassModifier = "";
+            if (this.hasMaxLabel || this.hasMinLabel) {
+                if (this.rateDescriptionLocation == "top")
+                    rootClassModifier = this.cssClasses.rootLabelsTop;
+                if (this.rateDescriptionLocation == "bottom")
+                    rootClassModifier = this.cssClasses.rootLabelsBottom;
+                if (this.rateDescriptionLocation == "topBottom")
+                    rootClassModifier = this.cssClasses.rootLabelsDiagonal;
+            }
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
                 .append(baseClass)
+                .append(rootClassModifier)
                 .append(this.cssClasses.itemSmall, this.itemSmallMode && this.rateType != "labels")
                 .toString();
         },
@@ -58162,6 +58225,9 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             }
         })
     ], QuestionRatingModel.prototype, "displayMode", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
+    ], QuestionRatingModel.prototype, "rateDescriptionLocation", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], QuestionRatingModel.prototype, "rateType", void 0);
@@ -58291,6 +58357,12 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
             return obj.rateType == "labels";
         }
     },
+    {
+        name: "rateDescriptionLocation",
+        default: "leftRight",
+        category: "layout",
+        choices: ["leftRight", "top", "bottom", "topBottom"],
+    },
     {
         name: "displayMode",
         default: "auto",
@@ -66531,9 +66603,6 @@ var SurveyQuestionCheckboxItem = /** @class */ (function (_super) {
         _this.handleOnChange = function (event) {
             _this.question.clickItemHandler(_this.item, event.target.checked);
         };
-        _this.selectAllChanged = function (event) {
-            _this.question.toggleSelectAll();
-        };
         return _this;
     }
     SurveyQuestionCheckboxItem.prototype.getStateElement = function () {
@@ -66607,16 +66676,12 @@ var SurveyQuestionCheckboxItem = /** @class */ (function (_super) {
     });
     SurveyQuestionCheckboxItem.prototype.renderCheckbox = function (isChecked, otherItem) {
         var id = this.question.getItemId(this.item);
-        var text = !this.hideCaption ? this.renderLocString(this.item.locText) : "";
         var itemClass = this.question.getItemClass(this.item);
         var labelClass = this.question.getLabelClass(this.item);
-        var onItemChanged = this.item == this.question.selectAllItem
-            ? this.selectAllChanged
-            : this.handleOnChange;
         var itemLabel = !this.hideCaption ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.cssClasses.controlLabel }, this.renderLocString(this.item.locText, this.textStyle)) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: itemClass, role: "presentation" },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { className: labelClass },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { className: this.cssClasses.itemControl, type: "checkbox", role: "option", name: this.question.name + this.item.value, value: this.item.value != "selectall" ? this.item.value : undefined, id: id, style: this.inputStyle, disabled: !this.question.getItemEnabled(this.item), checked: isChecked, onChange: onItemChanged }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { className: this.cssClasses.itemControl, type: "checkbox", role: "option", name: this.question.name + this.item.id, value: this.item.value, id: id, style: this.inputStyle, disabled: !this.question.getItemEnabled(this.item), checked: isChecked, onChange: this.handleOnChange }),
                 this.cssClasses.materialDecorator ?
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { className: this.cssClasses.itemDecorator },
@@ -73545,6 +73610,10 @@ var SurveyModel = /** @class */ (function (_super) {
          * [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          */
         _this.onGetDynamicPanelTabTitle = _this.addEvent();
+        /**
+         * An event that is raised after the current panel is changed in a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
+         */
+        _this.onDynamicPanelCurrentIndexChanged = _this.addEvent();
         /**
          * An event that is raised to define whether a question answer is correct. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
          */
@@ -75978,7 +76047,7 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Merges a specified data object with the object from the [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data) property.
      *
-     * Refer to the following help topic for more information: [Merge Question Values](https://surveyjs.io/form-library/documentation/design-survey/merge-question-values).
+     * Refer to the following help topic for more information: [Populate Form Fields | Multiple Question Values](https://surveyjs.io/form-library/documentation/design-survey/pre-populate-form-fields#multiple-question-values).
      *
      * @param data A data object to merge. It should have the following structure: `{ questionName: questionValue, ... }`
      * @see setValue
@@ -77538,6 +77607,7 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.setupPagesForPageModes = function (isSinglePage) {
         this.questionHashesClear();
+        this.isCreatingPagesForPreview = true;
         var startIndex = this.getPageStartIndex();
         _super.prototype.startLoadingFromJson.call(this);
         var newPages = this.createPagesForQuestionOnPageMode(isSinglePage, startIndex);
@@ -77552,6 +77622,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         this.doElementsOnLoad();
         this.updateCurrentPage();
+        this.isCreatingPagesForPreview = false;
     };
     SurveyModel.prototype.createPagesForQuestionOnPageMode = function (isSinglePage, startIndex) {
         if (isSinglePage) {
@@ -78203,7 +78274,8 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.afterRenderPage = function (htmlElement) {
         var _this = this;
         if (!this.isDesignMode && !this.focusingQuestionInfo) {
-            setTimeout(function () { return _this.scrollToTopOnPageChange(!_this.isFirstPageRendering); }, 1);
+            var doScroll_1 = !this.isFirstPageRendering;
+            setTimeout(function () { return _this.scrollToTopOnPageChange(doScroll_1); }, 1);
         }
         this.focusQuestionInfo();
         this.isFirstPageRendering = false;
@@ -78422,6 +78494,10 @@ var SurveyModel = /** @class */ (function (_super) {
         options.question = question;
         this.onGetDynamicPanelTabTitle.fire(this, options);
     };
+    SurveyModel.prototype.dynamicPanelCurrentIndexChanged = function (question, options) {
+        options.question = question;
+        this.onDynamicPanelCurrentIndexChanged.fire(this, options);
+    };
     SurveyModel.prototype.dragAndDropAllow = function (options) {
         this.onDragDropAllow.fire(this, options);
         return options.allow;
@@ -78505,13 +78581,8 @@ var SurveyModel = /** @class */ (function (_super) {
      *   question,
      *   question.name,
      *   question.value,
-     *   (status, data) => {
-     *     if (status === "success") {
-     *       // Handle success
-     *     }
-     *     if (status === "error") {
-     *       // Handle error
-     *     }
+     *   (data, errors) => {
+     *     // ...
      *   }
      * );
      * ```
@@ -78700,7 +78771,7 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Returns a question with a specified [`name`](https://surveyjs.io/form-library/documentation/api-reference/question#name).
      * @param name A question name
-     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @param caseInsensitive *(Optional)* A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
      * @returns A question with a specified name.
      * @see getAllQuestions
      * @see getQuestionByValueName
@@ -78728,7 +78799,7 @@ var SurveyModel = /** @class */ (function (_super) {
      *
      * > Since `valueName` does not have to be unique, multiple questions can have the same `valueName` value. In this case, the `getQuestionByValueName()` method returns the first such question. If you need to get all questions with the same `valueName`, call the `getQuestionsByValueName()` method.
      * @param valueName A question's `valueName` property value.
-     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @param caseInsensitive *(Optional)* A Boolean value that specifies case sensitivity when searching for the question. Default value: `false` (uppercase and lowercase letters are treated as distinct).
      * @returns A question with a specified `valueName`.
      * @see getAllQuestions
      * @see getQuestionByName
@@ -78741,7 +78812,7 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Returns all questions with a specified [`valueName`](https://surveyjs.io/form-library/documentation/api-reference/question#valueName). If a question's `valueName` is undefined, its [`name`](https://surveyjs.io/form-library/documentation/api-reference/question#name) property is used.
      * @param valueName A question's `valueName` property value.
-     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @param caseInsensitive *(Optional)* A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
      * @returns An array of questions with a specified `valueName`.
      * @see getAllQuestions
      * @see getQuestionByName
@@ -78766,7 +78837,7 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Returns an array of questions with specified [names](https://surveyjs.io/form-library/documentation/api-reference/question#name).
      * @param names An array of question names.
-     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @param caseInsensitive *(Optional)* A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
      * @returns An array of questions with specified names
      * @see getAllQuestions
      */
@@ -78884,7 +78955,7 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Returns a [panel](https://surveyjs.io/form-library/documentation/api-reference/panel-model) with a specified [`name`](https://surveyjs.io/form-library/documentation/api-reference/panel-model#name).
      * @param name A panel name.
-     * @param caseInsensitive (Optional) A Boolean value that specifies case sensitivity when searching for the panel. Default value: `false` (uppercase and lowercase letters are treated as distinct).
+     * @param caseInsensitive *(Optional)* A Boolean value that specifies case sensitivity when searching for the panel. Default value: `false` (uppercase and lowercase letters are treated as distinct).
      * @returns A panel with a specified name.
      * @see getAllPanels
      */
@@ -79716,6 +79787,8 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.setValue = function (name, newQuestionValue, locNotification, allowNotifyValueChanged, questionName) {
         if (locNotification === void 0) { locNotification = false; }
         if (allowNotifyValueChanged === void 0) { allowNotifyValueChanged = true; }
+        if (this.isCreatingPagesForPreview)
+            return;
         var newValue = newQuestionValue;
         if (allowNotifyValueChanged) {
             newValue = this.questionOnValueChanging(name, newQuestionValue);
@@ -80448,6 +80521,9 @@ var SurveyModel = /** @class */ (function (_super) {
         return this.getLocalizationFormatString(strName, surveySpent, surveyLimit);
     };
     SurveyModel.prototype.getDisplayClockTime = function (val) {
+        if (val < 0) {
+            val = 0;
+        }
         var min = Math.floor(val / 60);
         var sec = val % 60;
         var secStr = sec.toString();
@@ -80803,7 +80879,19 @@ var SurveyModel = /** @class */ (function (_super) {
                 }
             }
             else if (this.state === "running" && isStrCiEqual(layoutElement.id, "progress-" + this.progressBarType)) {
-                if (container === "center") {
+                var headerLayoutElement = this.layoutElements.filter(function (a) { return a.id === "advanced-header"; })[0];
+                var advHeader = headerLayoutElement && headerLayoutElement.data;
+                var isBelowHeader = !advHeader || advHeader.hasBackground;
+                if (container === "header" && !isBelowHeader) {
+                    layoutElement.index = -150;
+                    if (this.isShowProgressBarOnTop && !this.isShowStartingPage) {
+                        containerLayoutElements.push(layoutElement);
+                    }
+                }
+                if (container === "center" && isBelowHeader) {
+                    if (!!layoutElement.index) {
+                        delete layoutElement.index;
+                    }
                     if (this.isShowProgressBarOnTop && !this.isShowStartingPage) {
                         containerLayoutElements.push(layoutElement);
                     }