survey-react 1.9.112 → 1.9.114

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.112
+ * surveyjs - Survey JavaScript library v1.9.114
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2203,9 +2203,9 @@ var Base = /** @class */ (function () {
             Array.isArray(oldValue) &&
             !!this.arraysInfo &&
             (!val || Array.isArray(val))) {
-            if (this.isTwoValueEquals(oldValue, val))
-                return;
-            this.setArrayPropertyDirectly(name, val);
+            if (!this.isTwoValueEquals(oldValue, val)) {
+                this.setArrayPropertyDirectly(name, val);
+            }
         }
         else {
             this.setPropertyValueDirectly(name, val);
@@ -4383,346 +4383,6 @@ var ConsoleWarnings = /** @class */ (function () {
 
 
 
-/***/ }),
-
-/***/ "./src/cover.ts":
-/*!**********************!*\
-  !*** ./src/cover.ts ***!
-  \**********************/
-/*! exports provided: CoverCell, Cover */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CoverCell", function() { return CoverCell; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Cover", function() { return Cover; });
-/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/base.ts");
-/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-
-
-
-
-var CoverCell = /** @class */ (function () {
-    function CoverCell(cover, positionX, positionY) {
-        this.cover = cover;
-        this.positionX = positionX;
-        this.positionY = positionY;
-    }
-    CoverCell.prototype.calcRow = function (positionY) {
-        return positionY === "top" ? 1 : (positionY === "middle" ? 2 : 3);
-    };
-    CoverCell.prototype.calcColumn = function (positionX) {
-        return positionX === "left" ? 1 : (positionX === "center" ? 2 : 3);
-    };
-    CoverCell.prototype.calcAlignItems = function (positionX) {
-        return positionX === "left" ? "flex-start" : (positionX === "center" ? "center" : "flex-end");
-    };
-    CoverCell.prototype.calcAlignText = function (positionX) {
-        return positionX === "left" ? "start" : (positionX === "center" ? "center" : "end");
-    };
-    CoverCell.prototype.calcJustifyContent = function (positionY) {
-        return positionY === "top" ? "flex-start" : (positionY === "middle" ? "center" : "flex-end");
-    };
-    Object.defineProperty(CoverCell.prototype, "survey", {
-        get: function () {
-            return this.cover.survey;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CoverCell.prototype, "css", {
-        get: function () {
-            var result = CoverCell.CLASSNAME + " " + CoverCell.CLASSNAME + "--" + this.positionX + " " + CoverCell.CLASSNAME + "--" + this.positionY;
-            return result;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CoverCell.prototype, "style", {
-        get: function () {
-            var result = {};
-            result["gridColumn"] = this.calcColumn(this.positionX);
-            result["gridRow"] = this.calcRow(this.positionY);
-            return result;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CoverCell.prototype, "contentStyle", {
-        get: function () {
-            var result = {};
-            result["textAlign"] = this.calcAlignText(this.positionX);
-            result["alignItems"] = this.calcAlignItems(this.positionX);
-            result["justifyContent"] = this.calcJustifyContent(this.positionY);
-            return result;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CoverCell.prototype, "showLogo", {
-        get: function () {
-            return this.survey.hasLogo && this.positionX === this.cover.logoPositionX && this.positionY === this.cover.logoPositionY;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CoverCell.prototype, "showTitle", {
-        get: function () {
-            return this.survey.hasTitle && this.positionX === this.cover.titlePositionX && this.positionY === this.cover.titlePositionY;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CoverCell.prototype, "showDescription", {
-        get: function () {
-            return this.survey.renderedHasDescription && this.positionX === this.cover.descriptionPositionX && this.positionY === this.cover.descriptionPositionY;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CoverCell.prototype, "textAreaWidth", {
-        get: function () {
-            if (!this.cover.textAreaWidth) {
-                return "";
-            }
-            return "" + this.cover.textAreaWidth + "px";
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CoverCell.CLASSNAME = "sv-cover__cell";
-    return CoverCell;
-}());
-
-var Cover = /** @class */ (function (_super) {
-    __extends(Cover, _super);
-    function Cover() {
-        var _this = _super.call(this) || this;
-        _this.cells = [];
-        _this.renderBackgroundImage = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["wrapUrlForBackgroundImage"])(_this.backgroundImage);
-        ["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) {
-        if (backgroundImageFit === "fill") {
-            return "100% 100%";
-        }
-        if (backgroundImageFit === "tile") {
-            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";
-    };
-    Object.defineProperty(Cover.prototype, "renderedHeight", {
-        get: function () {
-            return this.height ? this.height + "px" : undefined;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Cover.prototype, "renderedtextAreaWidth", {
-        get: function () {
-            return this.textAreaWidth ? this.textAreaWidth + "px" : undefined;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Cover.prototype, "survey", {
-        get: function () {
-            return this._survey;
-        },
-        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
-    });
-    Object.defineProperty(Cover.prototype, "backgroundImageStyle", {
-        get: function () {
-            if (!this.backgroundImage)
-                return null;
-            return {
-                opacity: this.backgroundImageOpacity,
-                backgroundImage: this.renderBackgroundImage,
-                backgroundSize: this.calcBackgroundSize(this.backgroundImageFit),
-            };
-        },
-        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, "inheritWidthFrom", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "textAreaWidth", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "textGlowEnabled", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "overlapEnabled", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "backgroundColor", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
-            onSet: function (newVal, target) {
-                target.renderBackgroundImage = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["wrapUrlForBackgroundImage"])(newVal);
-            }
-        })
-    ], Cover.prototype, "backgroundImage", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "renderBackgroundImage", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "backgroundImageFit", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "backgroundImageOpacity", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "logoPositionX", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "logoPositionY", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "titlePositionX", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "titlePositionY", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "descriptionPositionX", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "descriptionPositionY", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "logoStyle", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], Cover.prototype, "titleStyle", void 0);
-    __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: "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" },
-    { name: "logoPositionY", default: "top" },
-    { name: "titlePositionX", default: "left" },
-    { name: "titlePositionY", default: "bottom" },
-    { name: "descriptionPositionX", default: "left" },
-    { name: "descriptionPositionY", default: "bottom" }
-], function () {
-    return new Cover();
-});
-
-
 /***/ }),
 
 /***/ "./src/defaultCss/cssmodern.ts":
@@ -5692,7 +5352,7 @@ var defaultV2Css = {
         header: "sd-panel__header sd-element__header sd-element__header--location-top",
         collapsed: "sd-element--collapsed",
         expanded: "sd-element--expanded",
-        nested: "sd-element--nested",
+        nested: "sd-element--nested sd-element--nested-with-borders",
         invisible: "sd-element--invisible",
         navigationButton: "",
         compact: "sd-element--with-frame sd-element--compact"
@@ -5716,6 +5376,7 @@ var defaultV2Css = {
         progressContainer: "sd-paneldynamic__progress-container",
         progress: "sd-progress",
         progressBar: "sd-progress__bar",
+        nested: "sd-element--nested sd-element--nested-with-borders",
         progressText: "sd-paneldynamic__progress-text",
         separator: "sd-paneldynamic__separator",
         panelWrapper: "sd-paneldynamic__panel-wrapper",
@@ -5782,6 +5443,9 @@ var defaultV2Css = {
         contentLeft: "sd-question__content--left",
         titleNumInline: "sd-element__title--num-inline",
         titleLeftRoot: "sd-question--left",
+        titleTopRoot: "sd-question--title-top",
+        descriptionUnderInputRoot: "sd-question--description-under-input",
+        titleBottomRoot: "sd-question--title-bottom",
         titleOnAnswer: "sd-question__title--answer",
         titleEmpty: "sd-question__title--empty",
         titleOnError: "sd-question__title--error",
@@ -5804,6 +5468,8 @@ var defaultV2Css = {
         commentArea: "sd-question__comment-area",
         formGroup: "sd-question__form-group",
         hasError: "sd-question--error",
+        hasErrorTop: "sd-question--error-top",
+        hasErrorBottom: "sd-question--error-bottom",
         collapsed: "sd-element--collapsed",
         expanded: "sd-element--expanded",
         nested: "sd-element--nested",
@@ -5829,7 +5495,6 @@ var defaultV2Css = {
         root: "sd-question__erbox",
         icon: "",
         item: "",
-        tooltip: "sd-question__erbox--tooltip",
         outsideQuestion: "sd-question__erbox--outside-question",
         aboveQuestion: "sd-question__erbox--above-question",
         belowQuestion: "sd-question__erbox--below-question",
@@ -6876,7 +6541,7 @@ var DragDropChoices = /** @class */ (function (_super) {
         }
         var draggedElementShortcut = document.createElement("div");
         // draggedElementShortcut.innerText = text;
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, 'Open Sans');\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n        ";
         var isDeepClone = true;
         var clone = (draggedElementNode
             .closest("[data-sv-drop-target-item-value]")
@@ -7181,6 +6846,7 @@ var DragDropCore = /** @class */ (function () {
     };
     DragDropCore.prototype.clear = function () {
         this.dropTarget = null;
+        this.prevDropTarget = null;
         this.draggedElement = null;
         this.isBottom = null;
         this.parentElement = null;
@@ -7544,7 +7210,7 @@ var DragDropMatrixRows = /** @class */ (function (_super) {
         var _this = this;
         var draggedElementShortcut = document.createElement("div");
         // draggedElementShortcut.innerText = text;
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, 'Open Sans');\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n        ";
         var isDeepClone = true;
         if (!!draggedElementNode) {
             var row = (draggedElementNode
@@ -7720,7 +7386,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          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        ";
+        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(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n        ";
         var isDeepClone = true;
         var clone = draggedElementNode.cloneNode(isDeepClone);
         draggedElementShortcut.appendChild(clone);
@@ -7854,13 +7520,6 @@ var DragDropRankingSelectToRank = /** @class */ (function (_super) {
     function DragDropRankingSelectToRank() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DragDropRankingSelectToRank.prototype.onStartDrag = function (event) {
-        var target = event.target;
-        var fromContainerNode = target.closest(".sv-ranking__container--from");
-        if (!!fromContainerNode) {
-            fromContainerNode.style.minHeight = fromContainerNode.offsetHeight + "px";
-        }
-    };
     DragDropRankingSelectToRank.prototype.findDropTargetNodeByDragOverNode = function (dragOverNode) {
         if (dragOverNode.dataset.ranking === "from-container" || dragOverNode.dataset.ranking === "to-container") {
             return dragOverNode;
@@ -7915,12 +7574,16 @@ var DragDropRankingSelectToRank = /** @class */ (function (_super) {
     };
     DragDropRankingSelectToRank.prototype.doRankBetween = function (dropTargetNode, fromChoicesArray, toChoicesArray, rankFunction) {
         var questionModel = this.parentElement;
+        var _a = this.getIndixies(questionModel, fromChoicesArray, toChoicesArray), fromIndex = _a.fromIndex, toIndex = _a.toIndex;
+        rankFunction(questionModel, fromIndex, toIndex);
+        this.doUIEffects(dropTargetNode, fromIndex, toIndex);
+    };
+    DragDropRankingSelectToRank.prototype.getIndixies = function (model, fromChoicesArray, toChoicesArray) {
         var fromIndex = fromChoicesArray.indexOf(this.draggedElement);
         var toIndex = toChoicesArray.indexOf(this.dropTarget);
         if (toIndex === -1)
-            toIndex = toChoicesArray.length;
-        rankFunction(questionModel, fromIndex, toIndex);
-        this.doUIEffects(dropTargetNode, fromIndex, toIndex);
+            toIndex = model.value.length;
+        return { fromIndex: fromIndex, toIndex: toIndex };
     };
     DragDropRankingSelectToRank.prototype.doUIEffects = function (dropTargetNode, fromIndex, toIndex) {
         var questionModel = this.parentElement;
@@ -9200,7 +8863,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9209,6 +8872,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReleaseDate", function() { return ReleaseDate; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkLibraryVersion", function() { return checkLibraryVersion; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setLicenseKey", function() { return setLicenseKey; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "slk", function() { return slk; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasLicense", function() { return hasLicense; });
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../settings */ "./src/settings.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return _settings__WEBPACK_IMPORTED_MODULE_0__["settings"]; });
@@ -9553,10 +9217,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _notifier__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../../notifier */ "./src/notifier.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Notifier", function() { return _notifier__WEBPACK_IMPORTED_MODULE_64__["Notifier"]; });
 
-/* harmony import */ var _cover__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../../cover */ "./src/cover.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Cover", function() { return _cover__WEBPACK_IMPORTED_MODULE_65__["Cover"]; });
+/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../../header */ "./src/header.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Cover", function() { return _header__WEBPACK_IMPORTED_MODULE_65__["Cover"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CoverCell", function() { return _cover__WEBPACK_IMPORTED_MODULE_65__["CoverCell"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CoverCell", function() { return _header__WEBPACK_IMPORTED_MODULE_65__["CoverCell"]; });
 
 /* harmony import */ var _dxSurveyService__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../../dxSurveyService */ "./src/dxSurveyService.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "dxSurveyService", function() { return _dxSurveyService__WEBPACK_IMPORTED_MODULE_66__["dxSurveyService"]; });
@@ -9676,8 +9340,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.112";
-ReleaseDate = "" + "2023-10-10";
+Version = "" + "1.9.114";
+ReleaseDate = "" + "2023-10-25";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9687,13 +9351,16 @@ function checkLibraryVersion(ver, libraryName) {
     }
 }
 function setLicenseKey(key) {
-    slk(key, lic, ReleaseDate);
+    slk(key);
+}
+function slk(key) {
+    _slk(key, lic, ReleaseDate);
 }
 function hasLicense(index) {
     return lic[index.toString()] === true;
 }
 var lic = {};
-function slk(k, lh, rd) {
+function _slk(k, lh, rd) {
     if (!k)
         return;
     var en = function (s) {
@@ -9826,7 +9493,7 @@ function slk(k, lh, rd) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9840,6 +9507,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setLicenseKey", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["setLicenseKey"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "slk", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["slk"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hasLicense", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["hasLicense"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["settings"]; });
@@ -10289,7 +9958,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10303,6 +9972,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setLicenseKey", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["setLicenseKey"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "slk", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["slk"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hasLicense", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["hasLicense"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["settings"]; });
@@ -10770,7 +10441,7 @@ var defaultBootstrapMaterialCss = _plugins_themes_bootstrapmaterial_cssbootstrap
 /*!***************************************!*\
   !*** ./src/entries/react-ui-model.ts ***!
   \***************************************/
-/*! exports provided: Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, CoverCellComponent, CoverComponent, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent */
+/*! exports provided: Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11028,10 +10699,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _react_components_character_counter__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../react/components/character-counter */ "./src/react/components/character-counter.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CharacterCounterComponent", function() { return _react_components_character_counter__WEBPACK_IMPORTED_MODULE_74__["CharacterCounterComponent"]; });
 
-/* harmony import */ var _react_components_cover__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../react/components/cover */ "./src/react/components/cover.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CoverCellComponent", function() { return _react_components_cover__WEBPACK_IMPORTED_MODULE_75__["CoverCellComponent"]; });
+/* harmony import */ var _react_components_header__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../react/components/header */ "./src/react/components/header.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HeaderMobile", function() { return _react_components_header__WEBPACK_IMPORTED_MODULE_75__["HeaderMobile"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HeaderCell", function() { return _react_components_header__WEBPACK_IMPORTED_MODULE_75__["HeaderCell"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CoverComponent", function() { return _react_components_cover__WEBPACK_IMPORTED_MODULE_75__["CoverComponent"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Header", function() { return _react_components_header__WEBPACK_IMPORTED_MODULE_75__["Header"]; });
 
 /* harmony import */ var _react_string_viewer__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../react/string-viewer */ "./src/react/string-viewer.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLocStringViewer", function() { return _react_string_viewer__WEBPACK_IMPORTED_MODULE_76__["SurveyLocStringViewer"]; });
@@ -11132,7 +10805,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.ts ***!
   \******************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, CoverCellComponent, CoverComponent, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11146,6 +10819,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setLicenseKey", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["setLicenseKey"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "slk", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["slk"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hasLicense", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["hasLicense"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["settings"]; });
@@ -11761,9 +11436,11 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CharacterCounterComponent", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["CharacterCounterComponent"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CoverCellComponent", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["CoverCellComponent"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HeaderMobile", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["HeaderMobile"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HeaderCell", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["HeaderCell"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CoverComponent", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["CoverComponent"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Header", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["Header"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLocStringViewer", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["SurveyLocStringViewer"]; });
 
@@ -16587,6 +16264,384 @@ function propertyValue(params) {
 FunctionFactory.Instance.register("propertyValue", propertyValue);
 
 
+/***/ }),
+
+/***/ "./src/header.ts":
+/*!***********************!*\
+  !*** ./src/header.ts ***!
+  \***********************/
+/*! exports provided: CoverCell, Cover */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CoverCell", function() { return CoverCell; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Cover", function() { return Cover; });
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/base.ts");
+/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+var CoverCell = /** @class */ (function () {
+    function CoverCell(cover, positionX, positionY) {
+        this.cover = cover;
+        this.positionX = positionX;
+        this.positionY = positionY;
+    }
+    CoverCell.prototype.calcRow = function (positionY) {
+        return positionY === "top" ? 1 : (positionY === "middle" ? 2 : 3);
+    };
+    CoverCell.prototype.calcColumn = function (positionX) {
+        return positionX === "left" ? 1 : (positionX === "center" ? 2 : 3);
+    };
+    CoverCell.prototype.calcAlignItems = function (positionX) {
+        return positionX === "left" ? "flex-start" : (positionX === "center" ? "center" : "flex-end");
+    };
+    CoverCell.prototype.calcAlignText = function (positionX) {
+        return positionX === "left" ? "start" : (positionX === "center" ? "center" : "end");
+    };
+    CoverCell.prototype.calcJustifyContent = function (positionY) {
+        return positionY === "top" ? "flex-start" : (positionY === "middle" ? "center" : "flex-end");
+    };
+    Object.defineProperty(CoverCell.prototype, "survey", {
+        get: function () {
+            return this.cover.survey;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CoverCell.prototype, "css", {
+        get: function () {
+            var result = CoverCell.CLASSNAME + " " + CoverCell.CLASSNAME + "--" + this.positionX + " " + CoverCell.CLASSNAME + "--" + this.positionY;
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CoverCell.prototype, "style", {
+        get: function () {
+            var result = {};
+            result["gridColumn"] = this.calcColumn(this.positionX);
+            result["gridRow"] = this.calcRow(this.positionY);
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CoverCell.prototype, "contentStyle", {
+        get: function () {
+            var result = {};
+            result["textAlign"] = this.calcAlignText(this.positionX);
+            result["alignItems"] = this.calcAlignItems(this.positionX);
+            result["justifyContent"] = this.calcJustifyContent(this.positionY);
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CoverCell.prototype, "showLogo", {
+        get: function () {
+            return this.survey.hasLogo && this.positionX === this.cover.logoPositionX && this.positionY === this.cover.logoPositionY;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CoverCell.prototype, "showTitle", {
+        get: function () {
+            return this.survey.hasTitle && this.positionX === this.cover.titlePositionX && this.positionY === this.cover.titlePositionY;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CoverCell.prototype, "showDescription", {
+        get: function () {
+            return this.survey.renderedHasDescription && this.positionX === this.cover.descriptionPositionX && this.positionY === this.cover.descriptionPositionY;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CoverCell.prototype, "textAreaWidth", {
+        get: function () {
+            if (!this.cover.textAreaWidth) {
+                return "";
+            }
+            return "" + this.cover.textAreaWidth + "px";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CoverCell.CLASSNAME = "sv-header__cell";
+    return CoverCell;
+}());
+
+var Cover = /** @class */ (function (_super) {
+    __extends(Cover, _super);
+    function Cover() {
+        var _this = _super.call(this) || this;
+        _this.cells = [];
+        _this.renderBackgroundImage = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["wrapUrlForBackgroundImage"])(_this.backgroundImage);
+        ["top", "middle", "bottom"].forEach(function (positionY) {
+            return ["left", "center", "right"].forEach(function (positionX) { return _this.cells.push(new CoverCell(_this, positionX, positionY)); });
+        });
+        _this.updateHeaderClasses();
+        _this.updateContentClasses();
+        _this.updateBackgroundImageClasses();
+        return _this;
+    }
+    Cover.prototype.calcBackgroundSize = function (backgroundImageFit) {
+        if (backgroundImageFit === "fill") {
+            return "100% 100%";
+        }
+        if (backgroundImageFit === "tile") {
+            return "auto";
+        }
+        return backgroundImageFit;
+    };
+    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__overlap", this.overlapEnabled)
+            .toString();
+    };
+    Cover.prototype.updateContentClasses = function () {
+        var surveyWidthMode = !!this.survey && this.survey.calculateWidthMode();
+        this.maxWidth = this.inheritWidthFrom === "survey" && !!surveyWidthMode && surveyWidthMode === "static" && this.survey.renderedWidth;
+        this.contentClasses = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
+            .append("sv-header__content")
+            .append("sv-header__content--static", this.inheritWidthFrom === "survey" && !!surveyWidthMode && surveyWidthMode === "static")
+            .append("sv-header__content--responsive", this.inheritWidthFrom === "container" || (!!surveyWidthMode && surveyWidthMode === "responsive"))
+            .toString();
+    };
+    Cover.prototype.updateBackgroundImageClasses = function () {
+        this.backgroundImageClasses = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
+            .append("sv-header__background-image")
+            .append("sv-header__background-image--contain", this.backgroundImageFit === "contain")
+            .append("sv-header__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-header-backcolor"];
+        }
+    };
+    Cover.prototype.getType = function () {
+        return "cover";
+    };
+    Object.defineProperty(Cover.prototype, "renderedHeight", {
+        get: function () {
+            return this.height && (this.survey && !this.survey.isMobile || !this.survey) ? Math.max(this.height, this.actualHeight + 40) + "px" : undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Cover.prototype, "renderedtextAreaWidth", {
+        get: function () {
+            return this.textAreaWidth ? this.textAreaWidth + "px" : undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Cover.prototype, "survey", {
+        get: function () {
+            return this._survey;
+        },
+        set: function (newValue) {
+            var _this = this;
+            if (this._survey === newValue)
+                return;
+            this._survey = newValue;
+            if (!!newValue) {
+                this.updateContentClasses();
+                this._survey.onPropertyChanged.add(function (sender, options) {
+                    if (options.name == "widthMode" || options.name == "width") {
+                        _this.updateContentClasses();
+                    }
+                });
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Cover.prototype, "backgroundImageStyle", {
+        get: function () {
+            if (!this.backgroundImage)
+                return null;
+            return {
+                opacity: this.backgroundImageOpacity,
+                backgroundImage: this.renderBackgroundImage,
+                backgroundSize: this.calcBackgroundSize(this.backgroundImageFit),
+            };
+        },
+        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.updateHeaderClasses();
+        }
+        if (name === "inheritWidthFrom") {
+            this.updateContentClasses();
+        }
+        if (name === "backgroundImageFit") {
+            this.updateBackgroundImageClasses();
+        }
+    };
+    Cover.prototype.calculateActualHeight = function (logoHeight, titleHeight, descriptionHeight) {
+        var positionsY = ["top", "middle", "bottom"];
+        var logoIndex = positionsY.indexOf(this.logoPositionY);
+        var titleIndex = positionsY.indexOf(this.titlePositionY);
+        var descriptionIndex = positionsY.indexOf(this.descriptionPositionY);
+        var positionsX = ["left", "center", "right"];
+        var logoIndexX = positionsX.indexOf(this.logoPositionX);
+        var titleIndexX = positionsX.indexOf(this.titlePositionX);
+        var descriptionIndexX = positionsX.indexOf(this.descriptionPositionX);
+        var heights = [
+            [0, 0, 0],
+            [0, 0, 0],
+            [0, 0, 0]
+        ];
+        heights[logoIndex][logoIndexX] = logoHeight;
+        heights[titleIndex][titleIndexX] += titleHeight;
+        heights[descriptionIndex][descriptionIndexX] += descriptionHeight;
+        return heights.reduce(function (total, rowArr) { return total + Math.max.apply(Math, rowArr); }, 0);
+    };
+    Cover.prototype.processResponsiveness = function (width) {
+        if (this.survey && this.survey.rootElement) {
+            var logoEl = this.survey.rootElement.querySelectorAll(".sv-header__logo")[0];
+            var titleEl = this.survey.rootElement.querySelectorAll(".sv-header__title")[0];
+            var descriptionEl = this.survey.rootElement.querySelectorAll(".sv-header__description")[0];
+            var logoHeight = logoEl ? logoEl.getBoundingClientRect().height : 0;
+            var titleHeight = titleEl ? titleEl.getBoundingClientRect().height : 0;
+            var descriptionHeight = descriptionEl ? descriptionEl.getBoundingClientRect().height : 0;
+            this.actualHeight = this.calculateActualHeight(logoHeight, titleHeight, descriptionHeight);
+        }
+    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: 0 })
+    ], Cover.prototype, "actualHeight", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "height", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "inheritWidthFrom", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "textAreaWidth", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "textGlowEnabled", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "overlapEnabled", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "backgroundColor", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            onSet: function (newVal, target) {
+                target.renderBackgroundImage = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["wrapUrlForBackgroundImage"])(newVal);
+            }
+        })
+    ], Cover.prototype, "backgroundImage", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "renderBackgroundImage", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "backgroundImageFit", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "backgroundImageOpacity", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "logoPositionX", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "logoPositionY", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "titlePositionX", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "titlePositionY", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "descriptionPositionX", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "descriptionPositionY", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "logoStyle", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "titleStyle", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "descriptionStyle", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "headerClasses", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "contentClasses", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "maxWidth", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], Cover.prototype, "backgroundImageClasses", void 0);
+    return Cover;
+}(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+_jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("cover", [
+    { name: "height:number", minValue: 0, default: 256 },
+    { name: "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" },
+    { name: "logoPositionY", default: "top" },
+    { name: "titlePositionX", default: "left" },
+    { name: "titlePositionY", default: "bottom" },
+    { name: "descriptionPositionX", default: "left" },
+    { name: "descriptionPositionY", default: "bottom" }
+], function () {
+    return new Cover();
+});
+
+
 /***/ }),
 
 /***/ "./src/helpers.ts":
@@ -17089,9 +17144,12 @@ var map = {
 	"./chevron.svg": "./src/images/chevron.svg",
 	"./clear_16x16.svg": "./src/images/clear_16x16.svg",
 	"./collapseDetail.svg": "./src/images/collapseDetail.svg",
+	"./drag-n-drop.svg": "./src/images/drag-n-drop.svg",
 	"./expandDetail.svg": "./src/images/expandDetail.svg",
 	"./loading.svg": "./src/images/loading.svg",
 	"./no-image.svg": "./src/images/no-image.svg",
+	"./ranking-arrows.svg": "./src/images/ranking-arrows.svg",
+	"./ranking-dash.svg": "./src/images/ranking-dash.svg",
 	"./rating-star-2.svg": "./src/images/rating-star-2.svg",
 	"./rating-star-small-2.svg": "./src/images/rating-star-small-2.svg",
 	"./rating-star-small.svg": "./src/images/rating-star-small.svg",
@@ -17495,6 +17553,17 @@ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/drag-n-drop.svg":
+/*!************************************!*\
+  !*** ./src/images/drag-n-drop.svg ***!
+  \************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 10 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 2C6 0.9 6.9 0 8 0C9.1 0 10 0.9 10 2C10 3.1 9.1 4 8 4C6.9 4 6 3.1 6 2ZM2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0ZM8 6C6.9 6 6 6.9 6 8C6 9.1 6.9 10 8 10C9.1 10 10 9.1 10 8C10 6.9 9.1 6 8 6ZM2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6ZM8 12C6.9 12 6 12.9 6 14C6 15.1 6.9 16 8 16C9.1 16 10 15.1 10 14C10 12.9 9.1 12 8 12ZM2 12C0.9 12 0 12.9 0 14C0 15.1 0.9 16 2 16C3.1 16 4 15.1 4 14C4 12.9 3.1 12 2 12Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/expandDetail.svg":
 /*!*************************************!*\
   !*** ./src/images/expandDetail.svg ***!
@@ -17528,6 +17597,28 @@ module.exports = "<svg viewBox=\"0 0 48 48\"><g opacity=\"0.5\"><path d=\"M14 17
 
 /***/ }),
 
+/***/ "./src/images/ranking-arrows.svg":
+/*!***************************************!*\
+  !*** ./src/images/ranking-arrows.svg ***!
+  \***************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 10 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 5L5 0L0 5H4V9H6V5H10Z\"></path><path d=\"M6 19V15H4V19H0L5 24L10 19H6Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images/ranking-dash.svg":
+/*!*************************************!*\
+  !*** ./src/images/ranking-dash.svg ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M13 7H3V9H13V7Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/rating-star-2.svg":
 /*!**************************************!*\
   !*** ./src/images/rating-star-2.svg ***!
@@ -18340,7 +18431,11 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 function ensureLocString(target, options, key) {
     var locString = target.getLocalizableString(key);
     if (!locString) {
-        locString = target.createLocalizableString(key, target, true);
+        var defaultStr = void 0;
+        if (typeof options.localizable === "object" && options.localizable.defaultStr) {
+            defaultStr = options.localizable.defaultStr;
+        }
+        locString = target.createLocalizableString(key, target, true, defaultStr);
         if (typeof options.localizable === "object" &&
             typeof options.localizable.onGetTextCallback === "function") {
             locString.onGetTextCallback = options.localizable.onGetTextCallback;
@@ -18554,14 +18649,17 @@ var JsonObjectProperty = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    JsonObjectProperty.prototype.getDefaultValue = function (obj) {
+        var result = !!this.defaultValueFunc ? this.defaultValueFunc(obj) : this.defaultValueValue;
+        if (!!JsonObjectProperty.getItemValuesDefaultValue &&
+            JsonObject.metaData.isDescendantOf(this.className, "itemvalue")) {
+            result = JsonObjectProperty.getItemValuesDefaultValue(this.defaultValueValue || [], this.className);
+        }
+        return result;
+    };
     Object.defineProperty(JsonObjectProperty.prototype, "defaultValue", {
         get: function () {
-            var result = !!this.defaultValueFunc ? this.defaultValueFunc() : this.defaultValueValue;
-            if (!!JsonObjectProperty.getItemValuesDefaultValue &&
-                JsonObject.metaData.isDescendantOf(this.className, "itemvalue")) {
-                result = JsonObjectProperty.getItemValuesDefaultValue(this.defaultValueValue || [], this.className);
-            }
-            return result;
+            return this.getDefaultValue(undefined);
         },
         set: function (newValue) {
             this.defaultValueValue = newValue;
@@ -18570,8 +18668,12 @@ var JsonObjectProperty = /** @class */ (function () {
         configurable: true
     });
     JsonObjectProperty.prototype.isDefaultValue = function (value) {
-        if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(this.defaultValue)) {
-            return _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(value, this.defaultValue, false, true, false);
+        return this.isDefaultValueByObj(undefined, value);
+    };
+    JsonObjectProperty.prototype.isDefaultValueByObj = function (obj, value) {
+        var dValue = this.getDefaultValue(obj);
+        if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(dValue)) {
+            return _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(value, dValue, false, true, false);
         }
         if (this.isLocalizable)
             return value === null || value === undefined;
@@ -19662,7 +19764,7 @@ var JsonMetadata = /** @class */ (function () {
         if (prop.hasChoices) {
             var enumRes = prop.getChoices(null);
             if (Array.isArray(enumRes) && enumRes.length > 0) {
-                res.enum = enumRes;
+                res.enum = this.getChoicesValues(enumRes);
             }
         }
         if (!!refType) {
@@ -19725,6 +19827,18 @@ var JsonMetadata = /** @class */ (function () {
             res.required = chemaProps.required;
         }
     };
+    JsonMetadata.prototype.getChoicesValues = function (enumRes) {
+        var res = new Array();
+        enumRes.forEach(function (item) {
+            if (typeof item === "object" && item.value !== undefined) {
+                res.push(item.value);
+            }
+            else {
+                res.push(item);
+            }
+        });
+        return res;
+    };
     return JsonMetadata;
 }());
 
@@ -19937,7 +20051,7 @@ var JsonObject = /** @class */ (function () {
             (property.isLightSerializable === false && this.lightSerializing))
             return;
         var value = property.getValue(obj);
-        if (!storeDefaults && property.isDefaultValue(value))
+        if (!storeDefaults && property.isDefaultValueByObj(obj, value))
             return;
         if (this.isValueArray(value)) {
             var arrValue = [];
@@ -19951,7 +20065,7 @@ var JsonObject = /** @class */ (function () {
         }
         var hasValue = typeof obj["getPropertyValue"] === "function" &&
             obj["getPropertyValue"](property.name, null) !== null;
-        if ((storeDefaults && hasValue) || !property.isDefaultValue(value)) {
+        if ((storeDefaults && hasValue) || !property.isDefaultValueByObj(obj, value)) {
             if (!Serializer.onSerializingProperty || !Serializer.onSerializingProperty(obj, property, value, result)) {
                 result[property.name] = value;
             }
@@ -21196,7 +21310,7 @@ var arabicSurveyStrings = {
     loadingFile: "جار التحميل...",
     chooseFile: "اختر الملفات...",
     noFileChosen: "لم تقم باختيار ملف",
-    fileDragAreaPlaceholder: "اسحب ملفا وأفلته هنا أو انقر فوق الزر أدناه واختر ملفا لتحميله.",
+    filePlaceholder: "اسحب ملفا وأفلته هنا أو انقر فوق الزر أدناه واختر ملفا لتحميله.",
     confirmDelete: "هل تريد حذف السجل؟",
     keyDuplicationError: "يجب أن تكون هذه القيمة فريدة.",
     addColumn: "أضف العمود",
@@ -21225,8 +21339,8 @@ var arabicSurveyStrings = {
     signaturePlaceHolder: "وقع هنا",
     chooseFileCaption: "اختر ملف",
     takePhotoCaption: "التقاط صورة",
-    cameraPlaceHolder: "انقر فوق الزر أدناه لالتقاط صورة باستخدام الكاميرا.",
-    fileCameraDragAreaPlaceHolder: "قم بسحب ملف وإفلاته أو تحديده لتحميله أو التقاط صورة باستخدام الكاميرا.",
+    photoPlaceholder: "انقر فوق الزر أدناه لالتقاط صورة باستخدام الكاميرا.",
+    fileOrPhotoPlaceholder: "قم بسحب ملف وإفلاته أو تحديده لتحميله أو التقاط صورة باستخدام الكاميرا.",
     replaceFileCaption: "استبدال الملف",
     removeFileCaption: "قم بإزالة هذا الملف",
     booleanCheckedLabel: "نعم",
@@ -21254,7 +21368,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ar"]
 // ratingOptionsCaption: "Select..." => "اختار..."
 // minError: "The value should not be less than {0}" => "يجب ألا تقل القيمة عن {0}"
 // maxError: "The value should not be greater than {0}" => "يجب ألا تزيد القيمة عن {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "اسحب ملفا وأفلته هنا أو انقر فوق الزر أدناه واختر ملفا لتحميله."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "اسحب ملفا وأفلته هنا أو انقر فوق الزر أدناه واختر ملفا لتحميله."
 // emptyRowsText: "There are no rows." => "لا توجد صفوف."
 // multipletext_itemname: "text" => "نص"
 // signaturePlaceHolder: "Sign here" => "وقع هنا"
@@ -21268,8 +21382,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ar"]
 // tagboxDoneButtonCaption: "OK" => "موافق"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "يتم ترتيب جميع الخيارات"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "قم بسحب وإسقاط الخيارات هنا لترتيبها"// takePhotoCaption: "Take Photo" => "التقاط صورة"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "انقر فوق الزر أدناه لالتقاط صورة باستخدام الكاميرا."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "قم بسحب ملف وإفلاته أو تحديده لتحميله أو التقاط صورة باستخدام الكاميرا."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "انقر فوق الزر أدناه لالتقاط صورة باستخدام الكاميرا."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "قم بسحب ملف وإفلاته أو تحديده لتحميله أو التقاط صورة باستخدام الكاميرا."
 // replaceFileCaption: "Replace file" => "استبدال الملف"
 
 
@@ -21334,7 +21448,7 @@ var basqueSurveyStrings = {
     loadingFile: "Kargatzen...",
     chooseFile: "Fitxategia(k) hautatu...",
     noFileChosen: "Ez da inolako fitxategirik hautatu",
-    fileDragAreaPlaceholder: "Arrastatu eta askatu artxibo bat hemen edo klik egin beheko botoian eta aukeratu artxibo bat kargatzeko.",
+    filePlaceholder: "Arrastatu eta askatu artxibo bat hemen edo klik egin beheko botoian eta aukeratu artxibo bat kargatzeko.",
     confirmDelete: "¿Erregistroa borratu nahi al duzu?",
     keyDuplicationError: "Balio hau bakarra izan behar du.",
     addColumn: "Zutabe bat gehitu",
@@ -21363,8 +21477,8 @@ var basqueSurveyStrings = {
     signaturePlaceHolder: "Sinatu hemen",
     chooseFileCaption: "Fitxategia hautatu",
     takePhotoCaption: "Argazkia hartu",
-    cameraPlaceHolder: "Egin klik beheko botoian, kamerarekin argazki bat hartzeko.",
-    fileCameraDragAreaPlaceHolder: "Arrastatu eta askatu artxibo bat kamerarekin argazki bat kargatzeko edo hartzeko.",
+    photoPlaceholder: "Egin klik beheko botoian, kamerarekin argazki bat hartzeko.",
+    fileOrPhotoPlaceholder: "Arrastatu eta askatu artxibo bat kamerarekin argazki bat kargatzeko edo hartzeko.",
     replaceFileCaption: "Artxiboa ordeztu",
     removeFileCaption: "Fitxategi hau ezabatu",
     booleanCheckedLabel: "Bai",
@@ -21390,7 +21504,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["eu"]
 // indexText: "{0} of {1}" => "{1} {0}"
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Panel {panelIndex}"
 // ratingOptionsCaption: "Select..." => "Aukeratu..."
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Arrastatu eta askatu artxibo bat hemen edo klik egin beheko botoian eta aukeratu artxibo bat kargatzeko."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Arrastatu eta askatu artxibo bat hemen edo klik egin beheko botoian eta aukeratu artxibo bat kargatzeko."
 // filterStringPlaceholder: "Type to search..." => "Idatzi bila..."
 // emptyMessage: "No data to display" => "Ez daturik erakusteko"
 // noEntriesText: "There are no entries yet.\nClick the button below to add a new entry." => "Oraindik ez sarrerarik.\nKlik beheko botoian klik egin sarrera berri bat eransteko."
@@ -21399,8 +21513,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["eu"]
 // tagboxDoneButtonCaption: "OK" => "Ados"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Aukera guztiak sailkatuta daude"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Arrastaka eta askatzen ditu hemen sailkatzeko"// takePhotoCaption: "Take Photo" => "Argazkia hartu"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Egin klik beheko botoian, kamerarekin argazki bat hartzeko."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Arrastatu eta askatu artxibo bat kamerarekin argazki bat kargatzeko edo hartzeko."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Egin klik beheko botoian, kamerarekin argazki bat hartzeko."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Arrastatu eta askatu artxibo bat kamerarekin argazki bat kargatzeko edo hartzeko."
 // replaceFileCaption: "Replace file" => "Artxiboa ordeztu"
 
 
@@ -21465,7 +21579,7 @@ var bulgarianStrings = {
     loadingFile: "Зареждане...",
     chooseFile: "Изберете файл(ове)...",
     noFileChosen: "Няма избран файл",
-    fileDragAreaPlaceholder: "Плъзнете и пуснете файл тук или щракнете върху бутона по-долу и изберете файл за качване.",
+    filePlaceholder: "Плъзнете и пуснете файл тук или щракнете върху бутона по-долу и изберете файл за качване.",
     confirmDelete: "Желаете ли да изтриете записа?",
     keyDuplicationError: "Стойността следва да бъде уникална.",
     addColumn: "Добавяне на колона",
@@ -21494,8 +21608,8 @@ var bulgarianStrings = {
     signaturePlaceHolder: "Подпишете тук",
     chooseFileCaption: "Изберете файл",
     takePhotoCaption: "Направете снимка",
-    cameraPlaceHolder: "Кликнете върху бутона по-долу, за да направите снимка с помощта на камерата.",
-    fileCameraDragAreaPlaceHolder: "Плъзнете и пуснете или изберете файл за качване или правене на снимка с помощта на камерата.",
+    photoPlaceholder: "Кликнете върху бутона по-долу, за да направите снимка с помощта на камерата.",
+    fileOrPhotoPlaceholder: "Плъзнете и пуснете или изберете файл за качване или правене на снимка с помощта на камерата.",
     replaceFileCaption: "Заместване на файл",
     removeFileCaption: "Премахване на файла",
     booleanCheckedLabel: "Да",
@@ -21523,7 +21637,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["bg"]
 // ratingOptionsCaption: "Select..." => "Отбран..."
 // minError: "The value should not be less than {0}" => "Стойността не трябва да бъде по-малка от {0}"
 // maxError: "The value should not be greater than {0}" => "Стойността не трябва да бъде по-голяма от {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Плъзнете и пуснете файл тук или щракнете върху бутона по-долу и изберете файл за качване."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Плъзнете и пуснете файл тук или щракнете върху бутона по-долу и изберете файл за качване."
 // emptyRowsText: "There are no rows." => "Няма редове."
 // multipletext_itemname: "text" => "Текст"
 // signaturePlaceHolder: "Sign here" => "Подпишете тук"
@@ -21537,8 +21651,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["bg"]
 // tagboxDoneButtonCaption: "OK" => "Добре"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Всички възможности за избор са класирани"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Плъзнете и пуснете опции тук, за да ги класирате"// takePhotoCaption: "Take Photo" => "Направете снимка"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Кликнете върху бутона по-долу, за да направите снимка с помощта на камерата."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Плъзнете и пуснете или изберете файл за качване или правене на снимка с помощта на камерата."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Кликнете върху бутона по-долу, за да направите снимка с помощта на камерата."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Плъзнете и пуснете или изберете файл за качване или правене на снимка с помощта на камерата."
 // replaceFileCaption: "Replace file" => "Заместване на файл"
 
 
@@ -21603,7 +21717,7 @@ var catalanSurveyStrings = {
     loadingFile: "Càrrega...",
     chooseFile: "Trieu fitxer(s)...",
     noFileChosen: "No s'ha triat cap fitxer",
-    fileDragAreaPlaceholder: "Arrossegueu i deixeu anar un fitxer aquí o feu clic al botó següent i trieu un fitxer per carregar.",
+    filePlaceholder: "Arrossegueu i deixeu anar un fitxer aquí o feu clic al botó següent i trieu un fitxer per carregar.",
     confirmDelete: "Vols eliminar el registre?",
     keyDuplicationError: "Aquest valor ha de ser únic.",
     addColumn: "Afegeix una columna",
@@ -21632,8 +21746,8 @@ var catalanSurveyStrings = {
     signaturePlaceHolder: "Inscriu-te aquí",
     chooseFileCaption: "Tria un fitxer",
     takePhotoCaption: "Fer foto",
-    cameraPlaceHolder: "Feu clic al botó següent per fer una foto amb la càmera.",
-    fileCameraDragAreaPlaceHolder: "Arrossegueu i deixeu anar o seleccioneu un fitxer per penjar-lo o fer-ne una foto amb la càmera.",
+    photoPlaceholder: "Feu clic al botó següent per fer una foto amb la càmera.",
+    fileOrPhotoPlaceholder: "Arrossegueu i deixeu anar o seleccioneu un fitxer per penjar-lo o fer-ne una foto amb la càmera.",
     replaceFileCaption: "Substitueix el fitxer",
     removeFileCaption: "Suprimeix aquest fitxer",
     booleanCheckedLabel: "Sí",
@@ -21675,7 +21789,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ca"]
 // loadingFile: "Loading..." => "Càrrega..."
 // chooseFile: "Choose file(s)..." => "Trieu fitxer(s)..."
 // noFileChosen: "No file chosen" => "No s'ha triat cap fitxer"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Arrossegueu i deixeu anar un fitxer aquí o feu clic al botó següent i trieu un fitxer per carregar."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Arrossegueu i deixeu anar un fitxer aquí o feu clic al botó següent i trieu un fitxer per carregar."
 // confirmDelete: "Do you want to delete the record?" => "Vols eliminar el registre?"
 // keyDuplicationError: "This value should be unique." => "Aquest valor ha de ser únic."
 // addColumn: "Add Column" => "Afegeix una columna"
@@ -21715,8 +21829,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ca"]
 // tagboxDoneButtonCaption: "OK" => "D'ACORD"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Totes les opcions estan classificades"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Arrossegueu i deixeu anar les opcions aquí per classificar-les"// takePhotoCaption: "Take Photo" => "Fer foto"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Feu clic al botó següent per fer una foto amb la càmera."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Arrossegueu i deixeu anar o seleccioneu un fitxer per penjar-lo o fer-ne una foto amb la càmera."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Feu clic al botó següent per fer una foto amb la càmera."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Arrossegueu i deixeu anar o seleccioneu un fitxer per penjar-lo o fer-ne una foto amb la càmera."
 // replaceFileCaption: "Replace file" => "Substitueix el fitxer"
 
 
@@ -21781,7 +21895,7 @@ var croatianStrings = {
     loadingFile: "Učitavanje...",
     chooseFile: "Odaberite datoteku...",
     noFileChosen: "Nije odabrana datoteka",
-    fileDragAreaPlaceholder: "Povucite i ispustite datoteku ovdje ili kliknite donji gumb i odaberite datoteku koju želite prenijeti.",
+    filePlaceholder: "Povucite i ispustite datoteku ovdje ili kliknite donji gumb i odaberite datoteku koju želite prenijeti.",
     confirmDelete: "Želite li izbrisati zapis?",
     keyDuplicationError: "Ta bi vrijednost trebala biti jedinstvena.",
     addColumn: "Dodavanje stupca",
@@ -21810,8 +21924,8 @@ var croatianStrings = {
     signaturePlaceHolder: "Potpiši ovdje",
     chooseFileCaption: "Odaberite datoteku",
     takePhotoCaption: "Snimi fotografiju",
-    cameraPlaceHolder: "Kliknite donji gumb da biste snimili fotografiju pomoću kamere.",
-    fileCameraDragAreaPlaceHolder: "Povucite i ispustite ili odaberite datoteku za prijenos ili snimanje fotografije pomoću kamere.",
+    photoPlaceholder: "Kliknite donji gumb da biste snimili fotografiju pomoću kamere.",
+    fileOrPhotoPlaceholder: "Povucite i ispustite ili odaberite datoteku za prijenos ili snimanje fotografije pomoću kamere.",
     replaceFileCaption: "Zamijeni datoteku",
     removeFileCaption: "Uklonite ovu datoteku",
     booleanCheckedLabel: "Da",
@@ -21839,7 +21953,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["hr"]
 // ratingOptionsCaption: "Select..." => "Odabirati..."
 // minError: "The value should not be less than {0}" => "Vrijednost ne smije biti manja od {0}"
 // maxError: "The value should not be greater than {0}" => "Vrijednost ne smije biti veća od {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Povucite i ispustite datoteku ovdje ili kliknite donji gumb i odaberite datoteku koju želite prenijeti."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Povucite i ispustite datoteku ovdje ili kliknite donji gumb i odaberite datoteku koju želite prenijeti."
 // emptyRowsText: "There are no rows." => "Nema redova."
 // multipletext_itemname: "text" => "Tekstualna poruka"
 // signaturePlaceHolder: "Sign here" => "Potpiši ovdje"
@@ -21851,8 +21965,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["hr"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Svi izbori su rangirani"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Ovdje povucite i ispustite odabire da biste ih rangirali"// takePhotoCaption: "Take Photo" => "Snimi fotografiju"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Kliknite donji gumb da biste snimili fotografiju pomoću kamere."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Povucite i ispustite ili odaberite datoteku za prijenos ili snimanje fotografije pomoću kamere."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Kliknite donji gumb da biste snimili fotografiju pomoću kamere."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Povucite i ispustite ili odaberite datoteku za prijenos ili snimanje fotografije pomoću kamere."
 // replaceFileCaption: "Replace file" => "Zamijeni datoteku"
 
 
@@ -21917,7 +22031,7 @@ var czechSurveyStrings = {
     loadingFile: "Načítání...",
     chooseFile: "Vyberte soubory...",
     noFileChosen: "Není zvolený žádný soubor",
-    fileDragAreaPlaceholder: "Přetáhněte sem soubor nebo klikněte na tlačítko níže a vyberte soubor, který chcete nahrát.",
+    filePlaceholder: "Přetáhněte sem soubor nebo klikněte na tlačítko níže a vyberte soubor, který chcete nahrát.",
     confirmDelete: "Chcete záznam smazat?",
     keyDuplicationError: "Tato hodnota by měla být unikátní.",
     addColumn: "Přidat sloupec",
@@ -21946,8 +22060,8 @@ var czechSurveyStrings = {
     signaturePlaceHolder: "Podepište se zde",
     chooseFileCaption: "Vyberte soubor",
     takePhotoCaption: "Pořídit fotografii",
-    cameraPlaceHolder: "Kliknutím na tlačítko níže pořídíte fotografii pomocí fotoaparátu.",
-    fileCameraDragAreaPlaceHolder: "Přetáhněte nebo vyberte soubor, který chcete nahrát nebo pořiďte fotografii pomocí fotoaparátu.",
+    photoPlaceholder: "Kliknutím na tlačítko níže pořídíte fotografii pomocí fotoaparátu.",
+    fileOrPhotoPlaceholder: "Přetáhněte nebo vyberte soubor, který chcete nahrát nebo pořiďte fotografii pomocí fotoaparátu.",
     replaceFileCaption: "Nahradit soubor",
     removeFileCaption: "Odeberte tento soubor",
     booleanCheckedLabel: "Ano",
@@ -21975,7 +22089,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["cs"]
 // ratingOptionsCaption: "Select..." => "Vybrat..."
 // minError: "The value should not be less than {0}" => "Hodnota by neměla být menší než {0}"
 // maxError: "The value should not be greater than {0}" => "Hodnota by neměla být větší než {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Přetáhněte sem soubor nebo klikněte na tlačítko níže a vyberte soubor, který chcete nahrát."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Přetáhněte sem soubor nebo klikněte na tlačítko níže a vyberte soubor, který chcete nahrát."
 // emptyRowsText: "There are no rows." => "Neexistují žádné řádky."
 // multipletext_itemname: "text" => "Text"
 // signaturePlaceHolder: "Sign here" => "Podepište se zde"
@@ -21989,8 +22103,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["cs"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Všechny možnosti jsou seřazeny"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Přetáhněte volby zde a seřaďte je"// takePhotoCaption: "Take Photo" => "Pořídit fotografii"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Kliknutím na tlačítko níže pořídíte fotografii pomocí fotoaparátu."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Přetáhněte nebo vyberte soubor, který chcete nahrát nebo pořiďte fotografii pomocí fotoaparátu."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Kliknutím na tlačítko níže pořídíte fotografii pomocí fotoaparátu."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Přetáhněte nebo vyberte soubor, který chcete nahrát nebo pořiďte fotografii pomocí fotoaparátu."
 // replaceFileCaption: "Replace file" => "Nahradit soubor"
 
 
@@ -22055,7 +22169,7 @@ var danishSurveyStrings = {
     loadingFile: "Indlæser...",
     chooseFile: "Vælg fil(er)...",
     noFileChosen: "Ingen fil er valgt",
-    fileDragAreaPlaceholder: "Træk og slip en fil her, eller klik på knappen nedenfor, og vælg en fil, der skal uploades.",
+    filePlaceholder: "Træk og slip en fil her, eller klik på knappen nedenfor, og vælg en fil, der skal uploades.",
     confirmDelete: "Vil du fjerne den?",
     keyDuplicationError: "Denne værdi skal være unik.",
     addColumn: "Tilføj kolonne",
@@ -22084,8 +22198,8 @@ var danishSurveyStrings = {
     signaturePlaceHolder: "Tilmeld dig her",
     chooseFileCaption: "Vælg fil",
     takePhotoCaption: "Tag billede",
-    cameraPlaceHolder: "Klik på knappen nedenfor for at tage et billede med kameraet.",
-    fileCameraDragAreaPlaceHolder: "Træk og slip, eller vælg en fil, der skal uploades, eller tag et billede med kameraet.",
+    photoPlaceholder: "Klik på knappen nedenfor for at tage et billede med kameraet.",
+    fileOrPhotoPlaceholder: "Træk og slip, eller vælg en fil, der skal uploades, eller tag et billede med kameraet.",
     replaceFileCaption: "Erstat fil",
     removeFileCaption: "Fjern denne fil",
     booleanCheckedLabel: "Ja",
@@ -22113,7 +22227,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["da"]
 // ratingOptionsCaption: "Select..." => "Markere..."
 // minError: "The value should not be less than {0}" => "Værdien bør ikke være mindre end {0}"
 // maxError: "The value should not be greater than {0}" => "Værdien bør ikke være større end {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Træk og slip en fil her, eller klik på knappen nedenfor, og vælg en fil, der skal uploades."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Træk og slip en fil her, eller klik på knappen nedenfor, og vælg en fil, der skal uploades."
 // emptyRowsText: "There are no rows." => "Der er ingen rækker."
 // multipletext_itemname: "text" => "Tekst"
 // signaturePlaceHolder: "Sign here" => "Tilmeld dig her"
@@ -22127,8 +22241,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["da"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Alle valg er rangeret"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Træk og slip valg her for at rangere dem"// takePhotoCaption: "Take Photo" => "Tag billede"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Klik på knappen nedenfor for at tage et billede med kameraet."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Træk og slip, eller vælg en fil, der skal uploades, eller tag et billede med kameraet."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Klik på knappen nedenfor for at tage et billede med kameraet."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Træk og slip, eller vælg en fil, der skal uploades, eller tag et billede med kameraet."
 // replaceFileCaption: "Replace file" => "Erstat fil"
 
 
@@ -22193,7 +22307,7 @@ var dutchSurveyStrings = {
     loadingFile: "Laden...",
     chooseFile: "Kies uw bestand(en)...",
     noFileChosen: "Geen bestand gekozen",
-    fileDragAreaPlaceholder: "Sleep het bestand naar hier",
+    filePlaceholder: "Sleep het bestand naar hier",
     confirmDelete: "Wilt u deze gegevens verwijderen?",
     keyDuplicationError: "Deze waarde moet uniek zijn.",
     addColumn: "Voeg kolom toe",
@@ -22222,8 +22336,8 @@ var dutchSurveyStrings = {
     signaturePlaceHolder: "Hier tekenen",
     chooseFileCaption: "Gekozen bestand",
     takePhotoCaption: "Foto maken",
-    cameraPlaceHolder: "Klik op de onderstaande knop om een foto te maken met de camera.",
-    fileCameraDragAreaPlaceHolder: "Sleep en zet neer of selecteer een bestand om te uploaden of maak een foto met de camera.",
+    photoPlaceholder: "Klik op de onderstaande knop om een foto te maken met de camera.",
+    fileOrPhotoPlaceholder: "Sleep en zet neer of selecteer een bestand om te uploaden of maak een foto met de camera.",
     replaceFileCaption: "Bestand vervangen",
     removeFileCaption: "Verwijder dit bestand",
     booleanCheckedLabel: "Ja",
@@ -22263,8 +22377,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["nl"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Alle keuzes zijn gerangschikt"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Drag en drop keuzes hier om ze te rangschikken"// takePhotoCaption: "Take Photo" => "Foto maken"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Klik op de onderstaande knop om een foto te maken met de camera."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Sleep en zet neer of selecteer een bestand om te uploaden of maak een foto met de camera."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Klik op de onderstaande knop om een foto te maken met de camera."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Sleep en zet neer of selecteer een bestand om te uploaden of maak een foto met de camera."
 // replaceFileCaption: "Replace file" => "Bestand vervangen"
 
 
@@ -22329,7 +22443,7 @@ var englishStrings = {
     loadingFile: "Loading...",
     chooseFile: "Choose file(s)...",
     noFileChosen: "No file chosen",
-    fileDragAreaPlaceholder: "Drag and drop a file here or click the button below to select a file to upload.",
+    filePlaceholder: "Drag and drop a file here or click the button below to select a file to upload.",
     confirmDelete: "Do you want to delete the record?",
     keyDuplicationError: "This value should be unique.",
     addColumn: "Add Column",
@@ -22358,8 +22472,8 @@ var englishStrings = {
     signaturePlaceHolder: "Sign here",
     chooseFileCaption: "Select File",
     takePhotoCaption: "Take Photo",
-    cameraPlaceHolder: "Click the button below to take a photo using the camera.",
-    fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera.",
+    photoPlaceholder: "Click the button below to take a photo using the camera.",
+    fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera.",
     replaceFileCaption: "Replace file",
     removeFileCaption: "Remove this file",
     booleanCheckedLabel: "Yes",
@@ -22448,7 +22562,7 @@ var estonianSurveyStrings = {
     loadingFile: "Laen...",
     chooseFile: "Vali fail(id)...",
     noFileChosen: "Faili pole valitud",
-    fileDragAreaPlaceholder: "Pukseerige fail siia või klõpsake allolevat nuppu ja valige üleslaaditav fail.",
+    filePlaceholder: "Pukseerige fail siia või klõpsake allolevat nuppu ja valige üleslaaditav fail.",
     confirmDelete: "Kas tahad kirje kustutada?",
     keyDuplicationError: "See väärtus peab olema unikaalne.",
     addColumn: "Lisa veerg",
@@ -22477,8 +22591,8 @@ var estonianSurveyStrings = {
     signaturePlaceHolder: "Allkirjasta siin",
     chooseFileCaption: "Vali fail",
     takePhotoCaption: "Pildistamine",
-    cameraPlaceHolder: "Kaamera abil pildistamiseks klõpsake allolevat nuppu.",
-    fileCameraDragAreaPlaceHolder: "Pukseerige või valige üleslaaditav fail või pildistage seda kaamera abil.",
+    photoPlaceholder: "Kaamera abil pildistamiseks klõpsake allolevat nuppu.",
+    fileOrPhotoPlaceholder: "Pukseerige või valige üleslaaditav fail või pildistage seda kaamera abil.",
     replaceFileCaption: "Asenda fail",
     removeFileCaption: "Eemalda see fail",
     booleanCheckedLabel: "Jah",
@@ -22506,7 +22620,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["et"]
 // ratingOptionsCaption: "Select..." => "Valima..."
 // minError: "The value should not be less than {0}" => "Väärtus ei tohiks olla väiksem kui {0}"
 // maxError: "The value should not be greater than {0}" => "Väärtus ei tohiks olla suurem kui {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Pukseerige fail siia või klõpsake allolevat nuppu ja valige üleslaaditav fail."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Pukseerige fail siia või klõpsake allolevat nuppu ja valige üleslaaditav fail."
 // emptyRowsText: "There are no rows." => "Ridu pole."
 // multipletext_itemname: "text" => "Tekst"
 // signaturePlaceHolder: "Sign here" => "Allkirjasta siin"
@@ -22520,8 +22634,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["et"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Kõik valikud on järjestatud"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Lohistage valikuid siia, et neid järjestada"// takePhotoCaption: "Take Photo" => "Pildistamine"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Kaamera abil pildistamiseks klõpsake allolevat nuppu."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Pukseerige või valige üleslaaditav fail või pildistage seda kaamera abil."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Kaamera abil pildistamiseks klõpsake allolevat nuppu."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Pukseerige või valige üleslaaditav fail või pildistage seda kaamera abil."
 // replaceFileCaption: "Replace file" => "Asenda fail"
 
 
@@ -22586,7 +22700,7 @@ var finnishSurveyStrings = {
     loadingFile: "Ladataan...",
     chooseFile: "Valitse tiedosto(t)...",
     noFileChosen: "Ei tiedostoa valittuna",
-    fileDragAreaPlaceholder: "Pudota tiedosto tähän tai lataa tiedosto napsauttamalla alla olevaa painiketta.",
+    filePlaceholder: "Pudota tiedosto tähän tai lataa tiedosto napsauttamalla alla olevaa painiketta.",
     confirmDelete: "Haluatko poistaa osion?",
     keyDuplicationError: "Tämä arvo on jo käytössä. Syötä toinen arvo.",
     addColumn: "Lisää sarake",
@@ -22615,8 +22729,8 @@ var finnishSurveyStrings = {
     signaturePlaceHolder: "Allekirjoita tähän",
     chooseFileCaption: "Valitse tiedosto",
     takePhotoCaption: "Ota valokuva",
-    cameraPlaceHolder: "Napsauta alla olevaa painiketta ottaaksesi valokuvan kameralla.",
-    fileCameraDragAreaPlaceHolder: "Vedä ja pudota tai valitse ladattava tiedosto tai ota valokuva kameralla.",
+    photoPlaceholder: "Napsauta alla olevaa painiketta ottaaksesi valokuvan kameralla.",
+    fileOrPhotoPlaceholder: "Vedä ja pudota tai valitse ladattava tiedosto tai ota valokuva kameralla.",
     replaceFileCaption: "Korvaa tiedosto",
     removeFileCaption: "Poista tämä tiedosto",
     booleanCheckedLabel: "Kyllä",
@@ -22646,8 +22760,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fi"]
 // tagboxDoneButtonCaption: "OK" => "OKEI"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Kaikki valinnat asetetaan paremmuusjärjestykseen"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Vedä ja pudota vaihtoehdot tähän luokitellaksesi ne"// takePhotoCaption: "Take Photo" => "Ota valokuva"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Napsauta alla olevaa painiketta ottaaksesi valokuvan kameralla."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Vedä ja pudota tai valitse ladattava tiedosto tai ota valokuva kameralla."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Napsauta alla olevaa painiketta ottaaksesi valokuvan kameralla."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Vedä ja pudota tai valitse ladattava tiedosto tai ota valokuva kameralla."
 // replaceFileCaption: "Replace file" => "Korvaa tiedosto"
 
 
@@ -22712,7 +22826,7 @@ var frenchSurveyStrings = {
     loadingFile: "Chargement...",
     chooseFile: "Ajouter des fichiers...",
     noFileChosen: "Aucun fichier ajouté",
-    fileDragAreaPlaceholder: "Déposez un fichier ici ou cliquez sur le bouton ci-dessous pour charger le fichier.",
+    filePlaceholder: "Déposez un fichier ici ou cliquez sur le bouton ci-dessous pour charger le fichier.",
     confirmDelete: "Voulez-vous supprimer cet enregistrement ?",
     keyDuplicationError: "Cette valeur doit être unique.",
     addColumn: "Ajouter une colonne",
@@ -22741,8 +22855,8 @@ var frenchSurveyStrings = {
     signaturePlaceHolder: "Signez ici",
     chooseFileCaption: "Ajouter un fichier",
     takePhotoCaption: "Prendre une photo",
-    cameraPlaceHolder: "Cliquez sur le bouton ci-dessous pour prendre une photo à l’aide de l’appareil photo.",
-    fileCameraDragAreaPlaceHolder: "Faites glisser et déposez ou sélectionnez un fichier à télécharger ou à prendre une photo à l’aide de l’appareil photo.",
+    photoPlaceholder: "Cliquez sur le bouton ci-dessous pour prendre une photo à l’aide de l’appareil photo.",
+    fileOrPhotoPlaceholder: "Faites glisser et déposez ou sélectionnez un fichier à télécharger ou à prendre une photo à l’aide de l’appareil photo.",
     replaceFileCaption: "Remplacer le fichier",
     removeFileCaption: "Enlever ce fichier",
     booleanCheckedLabel: "Oui",
@@ -22772,8 +22886,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fr"]
 // tagboxDoneButtonCaption: "OK" => "D’ACCORD"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Tous les choix sont classés"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Faites glisser et déposez les choix ici pour les classer"// takePhotoCaption: "Take Photo" => "Prendre une photo"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Cliquez sur le bouton ci-dessous pour prendre une photo à l’aide de l’appareil photo."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Faites glisser et déposez ou sélectionnez un fichier à télécharger ou à prendre une photo à l’aide de l’appareil photo."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Cliquez sur le bouton ci-dessous pour prendre une photo à l’aide de l’appareil photo."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Faites glisser et déposez ou sélectionnez un fichier à télécharger ou à prendre une photo à l’aide de l’appareil photo."
 // replaceFileCaption: "Replace file" => "Remplacer le fichier"
 
 
@@ -22838,7 +22952,7 @@ var georgianSurveyStrings = {
     loadingFile: "იტვირთება...",
     chooseFile: "აირჩიეთ ფაილი...",
     noFileChosen: "ფაილის არჩევა არ არის",
-    fileDragAreaPlaceholder: "გადაიტანეთ და ჩამოაგდეთ ფაილი აქ ან დააჭირეთ ქვემოთ მოცემულ ღილაკს და აირჩიეთ ფაილი ასატვირთად.",
+    filePlaceholder: "გადაიტანეთ და ჩამოაგდეთ ფაილი აქ ან დააჭირეთ ქვემოთ მოცემულ ღილაკს და აირჩიეთ ფაილი ასატვირთად.",
     confirmDelete: "გსურთ ჩანაწერის წაშლა?",
     keyDuplicationError: "ეს მნიშვნელობა უნდა იყოს უნიკალური.",
     addColumn: "სვეტის დამატება",
@@ -22867,8 +22981,8 @@ var georgianSurveyStrings = {
     signaturePlaceHolder: "შესვლა აქ",
     chooseFileCaption: "ვაუჩერის ნახვა",
     takePhotoCaption: "გადაიღეთ ფოტო",
-    cameraPlaceHolder: "დააჭირეთ ქვემოთ მოცემულ ღილაკს, რომ გადაიღოთ ფოტო კამერის გამოყენებით.",
-    fileCameraDragAreaPlaceHolder: "გადაიტანეთ და ჩამოაგდეთ ან შეარჩიეთ ფაილი კამერის გამოყენებით ფოტოს ასატვირთად ან გადასაღებად.",
+    photoPlaceholder: "დააჭირეთ ქვემოთ მოცემულ ღილაკს, რომ გადაიღოთ ფოტო კამერის გამოყენებით.",
+    fileOrPhotoPlaceholder: "გადაიტანეთ და ჩამოაგდეთ ან შეარჩიეთ ფაილი კამერის გამოყენებით ფოტოს ასატვირთად ან გადასაღებად.",
     replaceFileCaption: "ფაილის შეცვლა",
     removeFileCaption: "ამ ფაილის წაშლა",
     booleanCheckedLabel: "დიახ",
@@ -22919,7 +23033,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ka"]
 // loadingFile: "Loading..." => "იტვირთება..."
 // chooseFile: "Choose file(s)..." => "აირჩიეთ ფაილი..."
 // noFileChosen: "No file chosen" => "ფაილის არჩევა არ არის"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "გადაიტანეთ და ჩამოაგდეთ ფაილი აქ ან დააჭირეთ ქვემოთ მოცემულ ღილაკს და აირჩიეთ ფაილი ასატვირთად."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "გადაიტანეთ და ჩამოაგდეთ ფაილი აქ ან დააჭირეთ ქვემოთ მოცემულ ღილაკს და აირჩიეთ ფაილი ასატვირთად."
 // confirmDelete: "Do you want to delete the record?" => "გსურთ ჩანაწერის წაშლა?"
 // keyDuplicationError: "This value should be unique." => "ეს მნიშვნელობა უნდა იყოს უნიკალური."
 // addColumn: "Add Column" => "სვეტის დამატება"
@@ -22963,8 +23077,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ka"]
 // tagboxDoneButtonCaption: "OK" => "კარგი"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "ყველა არჩევანი რანჟირებულია"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "გადაიტანეთ და ჩამოაგდეთ არჩევანი აქ, რომ დაასახელოთ ისინი"// takePhotoCaption: "Take Photo" => "გადაიღეთ ფოტო"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "დააჭირეთ ქვემოთ მოცემულ ღილაკს, რომ გადაიღოთ ფოტო კამერის გამოყენებით."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "გადაიტანეთ და ჩამოაგდეთ ან შეარჩიეთ ფაილი კამერის გამოყენებით ფოტოს ასატვირთად ან გადასაღებად."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "დააჭირეთ ქვემოთ მოცემულ ღილაკს, რომ გადაიღოთ ფოტო კამერის გამოყენებით."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "გადაიტანეთ და ჩამოაგდეთ ან შეარჩიეთ ფაილი კამერის გამოყენებით ფოტოს ასატვირთად ან გადასაღებად."
 // replaceFileCaption: "Replace file" => "ფაილის შეცვლა"
 
 
@@ -23029,7 +23143,7 @@ var germanSurveyStrings = {
     loadingFile: "Wird hochgeladen...",
     chooseFile: "Datei(en) auswählen...",
     noFileChosen: "Keine Datei ausgewählt",
-    fileDragAreaPlaceholder: "Legen Sie hier eine Datei ab oder klicken Sie auf die Schaltfläche unten, um die Datei zu laden.",
+    filePlaceholder: "Legen Sie hier eine Datei ab oder klicken Sie auf die Schaltfläche unten, um die Datei zu laden.",
     confirmDelete: "Wollen Sie den Eintrag löschen?",
     keyDuplicationError: "Dieser Wert muss einmalig sein.",
     addColumn: "Spalte hinzufügen",
@@ -23058,8 +23172,8 @@ var germanSurveyStrings = {
     signaturePlaceHolder: "Hier unterschreiben",
     chooseFileCaption: "Datei auswählen",
     takePhotoCaption: "Foto machen",
-    cameraPlaceHolder: "Klicken Sie auf die Schaltfläche unten, um ein Foto mit der Kamera aufzunehmen.",
-    fileCameraDragAreaPlaceHolder: "Ziehen Sie eine Datei per Drag & Drop oder wählen Sie sie aus, um sie hochzuladen oder ein Foto mit der Kamera aufzunehmen.",
+    photoPlaceholder: "Klicken Sie auf die Schaltfläche unten, um ein Foto mit der Kamera aufzunehmen.",
+    fileOrPhotoPlaceholder: "Ziehen Sie eine Datei per Drag & Drop oder wählen Sie sie aus, um sie hochzuladen oder ein Foto mit der Kamera aufzunehmen.",
     replaceFileCaption: "Datei ersetzen",
     removeFileCaption: "Datei löschen",
     booleanCheckedLabel: "Ja",
@@ -23087,8 +23201,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["de"]
 // tagboxDoneButtonCaption: "OK" => "OKAY"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Alle Auswahlmöglichkeiten sind in einer Rangfolge angeordnet"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Ziehen Sie die Auswahl hierher, um sie zu ordnen"// takePhotoCaption: "Take Photo" => "Foto machen"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Klicken Sie auf die Schaltfläche unten, um ein Foto mit der Kamera aufzunehmen."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Ziehen Sie eine Datei per Drag & Drop oder wählen Sie sie aus, um sie hochzuladen oder ein Foto mit der Kamera aufzunehmen."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Klicken Sie auf die Schaltfläche unten, um ein Foto mit der Kamera aufzunehmen."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Ziehen Sie eine Datei per Drag & Drop oder wählen Sie sie aus, um sie hochzuladen oder ein Foto mit der Kamera aufzunehmen."
 // replaceFileCaption: "Replace file" => "Datei ersetzen"
 
 
@@ -23153,7 +23267,7 @@ var greekSurveyStrings = {
     loadingFile: "Φόρτωση...",
     chooseFile: "Επιλογή αρχείων ...",
     noFileChosen: "Δεν έχει επιλεγεί αρχείο",
-    fileDragAreaPlaceholder: "Αποθέστε το αρχείο σας εδώ ή κάντε κλικ στο κουμπί παρακάτω για να φορτώσετε το αρχείο.",
+    filePlaceholder: "Αποθέστε το αρχείο σας εδώ ή κάντε κλικ στο κουμπί παρακάτω για να φορτώσετε το αρχείο.",
     confirmDelete: "Θέλετε να διαγράψετε την εγγραφή;",
     keyDuplicationError: "Αυτή η τιμή πρέπει να είναι μοναδική.",
     addColumn: "Προσθήκη στήλης",
@@ -23182,8 +23296,8 @@ var greekSurveyStrings = {
     signaturePlaceHolder: "Υπογράψτε εδώ",
     chooseFileCaption: "Επιλέξτε αρχείο",
     takePhotoCaption: "Λήψη φωτογραφίας",
-    cameraPlaceHolder: "Κάντε κλικ στο παρακάτω κουμπί για να τραβήξετε μια φωτογραφία χρησιμοποιώντας την κάμερα.",
-    fileCameraDragAreaPlaceHolder: "Σύρετε και αποθέστε ή επιλέξτε ένα αρχείο για αποστολή ή λήψη φωτογραφίας χρησιμοποιώντας την κάμερα.",
+    photoPlaceholder: "Κάντε κλικ στο παρακάτω κουμπί για να τραβήξετε μια φωτογραφία χρησιμοποιώντας την κάμερα.",
+    fileOrPhotoPlaceholder: "Σύρετε και αποθέστε ή επιλέξτε ένα αρχείο για αποστολή ή λήψη φωτογραφίας χρησιμοποιώντας την κάμερα.",
     replaceFileCaption: "Αντικατάσταση αρχείου",
     removeFileCaption: "Διαγράψτε αυτό το αρχείο",
     booleanCheckedLabel: "Ναι",
@@ -23210,8 +23324,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["gr"]
 // noEntriesReadonlyText: "There are no entries." => "Δεν υπάρχουν καταχωρήσεις."
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Όλες οι επιλογές κατατάσσονται"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Σύρετε και αποθέστε επιλογές εδώ για να τις κατατάξετε"// takePhotoCaption: "Take Photo" => "Λήψη φωτογραφίας"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Κάντε κλικ στο παρακάτω κουμπί για να τραβήξετε μια φωτογραφία χρησιμοποιώντας την κάμερα."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Σύρετε και αποθέστε ή επιλέξτε ένα αρχείο για αποστολή ή λήψη φωτογραφίας χρησιμοποιώντας την κάμερα."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Κάντε κλικ στο παρακάτω κουμπί για να τραβήξετε μια φωτογραφία χρησιμοποιώντας την κάμερα."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Σύρετε και αποθέστε ή επιλέξτε ένα αρχείο για αποστολή ή λήψη φωτογραφίας χρησιμοποιώντας την κάμερα."
 // replaceFileCaption: "Replace file" => "Αντικατάσταση αρχείου"
 
 
@@ -23276,7 +23390,7 @@ var hebrewSurveyStrings = {
     loadingFile: "טוען...",
     chooseFile: "לבחור קבצים...",
     noFileChosen: "לא נבחר קובץ",
-    fileDragAreaPlaceholder: "גרור ושחרר קובץ לכאן או לחץ על הלחצן למטה ובחר קובץ להעלאה.",
+    filePlaceholder: "גרור ושחרר קובץ לכאן או לחץ על הלחצן למטה ובחר קובץ להעלאה.",
     confirmDelete: "האם אתה רוצה למחוק את הרשומה?",
     keyDuplicationError: "ערך זה צריך להיות ייחודי.",
     addColumn: "הוסף עמודה",
@@ -23305,8 +23419,8 @@ var hebrewSurveyStrings = {
     signaturePlaceHolder: "חתום כאן",
     chooseFileCaption: "בחר קובץ",
     takePhotoCaption: "צלם תמונה",
-    cameraPlaceHolder: "לחץ על הלחצן למטה כדי לצלם תמונה באמצעות המצלמה.",
-    fileCameraDragAreaPlaceHolder: "גרור ושחרר או בחר קובץ כדי להעלות או לצלם תמונה באמצעות המצלמה.",
+    photoPlaceholder: "לחץ על הלחצן למטה כדי לצלם תמונה באמצעות המצלמה.",
+    fileOrPhotoPlaceholder: "גרור ושחרר או בחר קובץ כדי להעלות או לצלם תמונה באמצעות המצלמה.",
     replaceFileCaption: "החלפת קובץ",
     removeFileCaption: "הסר קובץ זה",
     booleanCheckedLabel: "כן",
@@ -23334,7 +23448,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["he"]
 // ratingOptionsCaption: "Select..." => "בחר..."
 // minError: "The value should not be less than {0}" => "הערך לא צריך להיות קטן מ {0}"
 // maxError: "The value should not be greater than {0}" => "הערך לא צריך להיות גדול מ- {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "גרור ושחרר קובץ לכאן או לחץ על הלחצן למטה ובחר קובץ להעלאה."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "גרור ושחרר קובץ לכאן או לחץ על הלחצן למטה ובחר קובץ להעלאה."
 // emptyRowsText: "There are no rows." => "אין שורות."
 // multipletext_itemname: "text" => "טקסט"
 // signaturePlaceHolder: "Sign here" => "חתום כאן"
@@ -23348,8 +23462,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["he"]
 // tagboxDoneButtonCaption: "OK" => "אוקיי"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "כל האפשרויות מדורגות"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "גרור ושחרר אפשרויות לכאן כדי לדרג אותן"// takePhotoCaption: "Take Photo" => "צלם תמונה"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "לחץ על הלחצן למטה כדי לצלם תמונה באמצעות המצלמה."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "גרור ושחרר או בחר קובץ כדי להעלות או לצלם תמונה באמצעות המצלמה."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "לחץ על הלחצן למטה כדי לצלם תמונה באמצעות המצלמה."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "גרור ושחרר או בחר קובץ כדי להעלות או לצלם תמונה באמצעות המצלמה."
 // replaceFileCaption: "Replace file" => "החלפת קובץ"
 
 
@@ -23414,7 +23528,7 @@ var hindiStrings = {
     loadingFile: "लोडिंग",
     chooseFile: "फ़ाइल चुनें",
     noFileChosen: "कोई फाइल नहीं चुनी गई",
-    fileDragAreaPlaceholder: "यहां एक फ़ाइल खींचें और छोड़ें या नीचे दिए गए बटन पर क्लिक करें और अपलोड करने के लिए एक फ़ाइल चुनें।",
+    filePlaceholder: "यहां एक फ़ाइल खींचें और छोड़ें या नीचे दिए गए बटन पर क्लिक करें और अपलोड करने के लिए एक फ़ाइल चुनें।",
     confirmDelete: "क्या आप रिकॉर्ड हटाना चाहते हैं",
     keyDuplicationError: "यह मान अनोखा होना चाहिए",
     addColumn: "कॉलम जोड़ें",
@@ -23443,8 +23557,8 @@ var hindiStrings = {
     signaturePlaceHolder: "यहां साइन करें",
     chooseFileCaption: "फ़ाइल चुनें",
     takePhotoCaption: "फोटो ले लो",
-    cameraPlaceHolder: "कैमरे का उपयोग करके फोटो लेने के लिए नीचे दिए गए बटन पर क्लिक करें।",
-    fileCameraDragAreaPlaceHolder: "कैमरे का उपयोग करके फ़ोटो अपलोड करने या फ़ोटो लेने के लिए किसी फ़ाइल को खींचें और छोड़ें या चुनें.",
+    photoPlaceholder: "कैमरे का उपयोग करके फोटो लेने के लिए नीचे दिए गए बटन पर क्लिक करें।",
+    fileOrPhotoPlaceholder: "कैमरे का उपयोग करके फ़ोटो अपलोड करने या फ़ोटो लेने के लिए किसी फ़ाइल को खींचें और छोड़ें या चुनें.",
     replaceFileCaption: "फ़ाइल बदलें",
     removeFileCaption: "इस फाइल को निकालें",
     booleanCheckedLabel: "हाँ",
@@ -23473,7 +23587,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["hi"]
 // ratingOptionsCaption: "Select..." => "चुनना।।।"
 // minError: "The value should not be less than {0}" => "मान {0} से कम नहीं होना चाहिए"
 // maxError: "The value should not be greater than {0}" => "मान {0} से अधिक नहीं होना चाहिए"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "यहां एक फ़ाइल खींचें और छोड़ें या नीचे दिए गए बटन पर क्लिक करें और अपलोड करने के लिए एक फ़ाइल चुनें।"
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "यहां एक फ़ाइल खींचें और छोड़ें या नीचे दिए गए बटन पर क्लिक करें और अपलोड करने के लिए एक फ़ाइल चुनें।"
 // emptyRowsText: "There are no rows." => "कोई पंक्तियाँ नहीं हैं."
 // multipletext_itemname: "text" => "टेक्स्ट"
 // signaturePlaceHolder: "Sign here" => "यहां साइन करें"
@@ -23487,8 +23601,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["hi"]
 // tagboxDoneButtonCaption: "OK" => "ठीक है"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "सभी विकल्पों को रैंक किया गया है"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "विकल्पों को रैंक करने के लिए उन्हें यहां खींचें और छोड़ दें"// takePhotoCaption: "Take Photo" => "फोटो ले लो"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "कैमरे का उपयोग करके फोटो लेने के लिए नीचे दिए गए बटन पर क्लिक करें।"
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "कैमरे का उपयोग करके फ़ोटो अपलोड करने या फ़ोटो लेने के लिए किसी फ़ाइल को खींचें और छोड़ें या चुनें."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "कैमरे का उपयोग करके फोटो लेने के लिए नीचे दिए गए बटन पर क्लिक करें।"
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "कैमरे का उपयोग करके फ़ोटो अपलोड करने या फ़ोटो लेने के लिए किसी फ़ाइल को खींचें और छोड़ें या चुनें."
 // replaceFileCaption: "Replace file" => "फ़ाइल बदलें"
 
 
@@ -23553,7 +23667,7 @@ var hungarianSurveyStrings = {
     loadingFile: "Betöltés...",
     chooseFile: "Fájlok kiválasztása ...",
     noFileChosen: "Nincs kiválasztva fájl",
-    fileDragAreaPlaceholder: "Dobjon ide egy fájlt, vagy kattintson az alábbi gombra a fájl betöltéséhez.",
+    filePlaceholder: "Dobjon ide egy fájlt, vagy kattintson az alábbi gombra a fájl betöltéséhez.",
     confirmDelete: "Törli ezt a rekordot?",
     keyDuplicationError: "Az értéknek egyedinek kell lennie.",
     addColumn: "Oszlop hozzáadása",
@@ -23582,8 +23696,8 @@ var hungarianSurveyStrings = {
     signaturePlaceHolder: "Írja alá itt",
     chooseFileCaption: "Válassz fájlt",
     takePhotoCaption: "Fotó készítése",
-    cameraPlaceHolder: "Kattintson az alábbi gombra, hogy fényképet készítsen a fényképezőgéppel.",
-    fileCameraDragAreaPlaceHolder: "Húzzon át vagy válasszon ki egy fájlt, amelyet fel szeretne tölteni vagy fényképet szeretne készíteni a kamerával.",
+    photoPlaceholder: "Kattintson az alábbi gombra, hogy fényképet készítsen a fényképezőgéppel.",
+    fileOrPhotoPlaceholder: "Húzzon át vagy válasszon ki egy fájlt, amelyet fel szeretne tölteni vagy fényképet szeretne készíteni a kamerával.",
     replaceFileCaption: "Fájl cseréje",
     removeFileCaption: "Távolítsa el ezt a fájlt",
     booleanCheckedLabel: "Igen",
@@ -23624,8 +23738,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["hu"]
 // tagboxDoneButtonCaption: "OK" => "OKÉ"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Minden választási lehetőség rangsorolva van"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Húzza ide a választási lehetőségeket a rangsoroláshoz"// takePhotoCaption: "Take Photo" => "Fotó készítése"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Kattintson az alábbi gombra, hogy fényképet készítsen a fényképezőgéppel."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Húzzon át vagy válasszon ki egy fájlt, amelyet fel szeretne tölteni vagy fényképet szeretne készíteni a kamerával."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Kattintson az alábbi gombra, hogy fényképet készítsen a fényképezőgéppel."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Húzzon át vagy válasszon ki egy fájlt, amelyet fel szeretne tölteni vagy fényképet szeretne készíteni a kamerával."
 // replaceFileCaption: "Replace file" => "Fájl cseréje"
 
 
@@ -23690,7 +23804,7 @@ var icelandicSurveyStrings = {
     loadingFile: "Hleður ...",
     chooseFile: "Veldu skrár ...",
     noFileChosen: "Engin skrá valin",
-    fileDragAreaPlaceholder: "Dragðu og slepptu skrá hér eða smelltu á hnappinn hér að neðan og veldu skrá til að hlaða upp.",
+    filePlaceholder: "Dragðu og slepptu skrá hér eða smelltu á hnappinn hér að neðan og veldu skrá til að hlaða upp.",
     confirmDelete: "Viltu eyða skránni?",
     keyDuplicationError: "Þetta gildi ætti að vera einstakt.",
     addColumn: "Bæta við dálki",
@@ -23719,8 +23833,8 @@ var icelandicSurveyStrings = {
     signaturePlaceHolder: "Kvittađu hér",
     chooseFileCaption: "Veldu skrá",
     takePhotoCaption: "Taka mynd",
-    cameraPlaceHolder: "Smelltu á hnappinn hér að neðan til að taka mynd með myndavélinni.",
-    fileCameraDragAreaPlaceHolder: "Dragðu og slepptu eða veldu skrá til að hlaða upp eða taka mynd með myndavélinni.",
+    photoPlaceholder: "Smelltu á hnappinn hér að neðan til að taka mynd með myndavélinni.",
+    fileOrPhotoPlaceholder: "Dragðu og slepptu eða veldu skrá til að hlaða upp eða taka mynd með myndavélinni.",
     replaceFileCaption: "Skipta út skrá",
     removeFileCaption: "Fjarlægðu þessa skrá",
     booleanCheckedLabel: "Já",
@@ -23748,7 +23862,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["is"]
 // ratingOptionsCaption: "Select..." => "Velja..."
 // minError: "The value should not be less than {0}" => "Gildið má ekki vera lægra en {0}"
 // maxError: "The value should not be greater than {0}" => "Gildið má ekki vera hærra en {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Dragðu og slepptu skrá hér eða smelltu á hnappinn hér að neðan og veldu skrá til að hlaða upp."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Dragðu og slepptu skrá hér eða smelltu á hnappinn hér að neðan og veldu skrá til að hlaða upp."
 // emptyRowsText: "There are no rows." => "Það eru engar raðir."
 // multipletext_itemname: "text" => "Texti"
 // signaturePlaceHolder: "Sign here" => "Kvittađu hér"
@@ -23762,8 +23876,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["is"]
 // tagboxDoneButtonCaption: "OK" => "ÓKEI"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Öllum valkostum er raðað"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Dragðu og slepptu valkostum hér til að raða þeim"// takePhotoCaption: "Take Photo" => "Taka mynd"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Smelltu á hnappinn hér að neðan til að taka mynd með myndavélinni."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Dragðu og slepptu eða veldu skrá til að hlaða upp eða taka mynd með myndavélinni."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Smelltu á hnappinn hér að neðan til að taka mynd með myndavélinni."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Dragðu og slepptu eða veldu skrá til að hlaða upp eða taka mynd með myndavélinni."
 // replaceFileCaption: "Replace file" => "Skipta út skrá"
 
 
@@ -23828,7 +23942,7 @@ var indonesianStrings = {
     loadingFile: "Memuat...",
     chooseFile: "Pilih berkas...",
     noFileChosen: "Tidak ada file yang dipilih",
-    fileDragAreaPlaceholder: "Seret dan jatuhkan file di sini atau klik tombol di bawah ini dan pilih file yang akan diunggah.",
+    filePlaceholder: "Seret dan jatuhkan file di sini atau klik tombol di bawah ini dan pilih file yang akan diunggah.",
     confirmDelete: "Apakah Anda ingin menghapus catatan?",
     keyDuplicationError: "Nilai harus unik.",
     addColumn: "Tambah kolom",
@@ -23857,8 +23971,8 @@ var indonesianStrings = {
     signaturePlaceHolder: "Tanda tangan di sini",
     chooseFileCaption: "Pilih File",
     takePhotoCaption: "Ambil Foto",
-    cameraPlaceHolder: "Klik tombol di bawah ini untuk mengambil foto menggunakan kamera.",
-    fileCameraDragAreaPlaceHolder: "Seret dan lepas atau pilih file untuk diunggah atau mengambil foto menggunakan kamera.",
+    photoPlaceholder: "Klik tombol di bawah ini untuk mengambil foto menggunakan kamera.",
+    fileOrPhotoPlaceholder: "Seret dan lepas atau pilih file untuk diunggah atau mengambil foto menggunakan kamera.",
     replaceFileCaption: "Ganti file",
     removeFileCaption: "Hapus berkas ini",
     booleanCheckedLabel: "Iya",
@@ -23886,7 +24000,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["id"]
 // ratingOptionsCaption: "Select..." => "Pilih..."
 // minError: "The value should not be less than {0}" => "Nilainya tidak boleh kurang dari {0}"
 // maxError: "The value should not be greater than {0}" => "Nilai tidak boleh lebih besar dari {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Seret dan jatuhkan file di sini atau klik tombol di bawah ini dan pilih file yang akan diunggah."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Seret dan jatuhkan file di sini atau klik tombol di bawah ini dan pilih file yang akan diunggah."
 // emptyRowsText: "There are no rows." => "Tidak ada baris."
 // multipletext_itemname: "text" => "Teks"
 // signaturePlaceHolder: "Sign here" => "Tanda tangan di sini"
@@ -23900,8 +24014,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["id"]
 // tagboxDoneButtonCaption: "OK" => "OKE"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Semua pilihan diberi peringkat"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Seret dan lepas pilihan di sini untuk memberi peringkat"// takePhotoCaption: "Take Photo" => "Ambil Foto"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Klik tombol di bawah ini untuk mengambil foto menggunakan kamera."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Seret dan lepas atau pilih file untuk diunggah atau mengambil foto menggunakan kamera."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Klik tombol di bawah ini untuk mengambil foto menggunakan kamera."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Seret dan lepas atau pilih file untuk diunggah atau mengambil foto menggunakan kamera."
 // replaceFileCaption: "Replace file" => "Ganti file"
 
 
@@ -23966,7 +24080,7 @@ var italianSurveyStrings = {
     loadingFile: "Caricamento...",
     chooseFile: "Selezionare file(s)...",
     noFileChosen: "Nessun file selezionato",
-    fileDragAreaPlaceholder: "Trascina un file qui o fai clic sul pulsante in basso per caricare il file.",
+    filePlaceholder: "Trascina un file qui o fai clic sul pulsante in basso per caricare il file.",
     confirmDelete: "Sei sicuro di voler elminare il record?",
     keyDuplicationError: "Questo valore deve essere univoco.",
     addColumn: "Aggiungi colonna",
@@ -23995,8 +24109,8 @@ var italianSurveyStrings = {
     signaturePlaceHolder: "Firmare qui",
     chooseFileCaption: "Scegliere il file",
     takePhotoCaption: "Scatta foto",
-    cameraPlaceHolder: "Fai clic sul pulsante qui sotto per scattare una foto utilizzando la fotocamera.",
-    fileCameraDragAreaPlaceHolder: "Trascina e rilascia o seleziona un file da caricare o scattare una foto utilizzando la fotocamera.",
+    photoPlaceholder: "Fai clic sul pulsante qui sotto per scattare una foto utilizzando la fotocamera.",
+    fileOrPhotoPlaceholder: "Trascina e rilascia o seleziona un file da caricare o scattare una foto utilizzando la fotocamera.",
     replaceFileCaption: "Sostituisci file",
     removeFileCaption: "Rimuovere questo file",
     booleanCheckedLabel: "Sì",
@@ -24026,8 +24140,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["it"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Tutte le scelte sono classificate"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Trascina e rilascia le scelte qui per classificarle"// takePhotoCaption: "Take Photo" => "Scatta foto"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Fai clic sul pulsante qui sotto per scattare una foto utilizzando la fotocamera."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Trascina e rilascia o seleziona un file da caricare o scattare una foto utilizzando la fotocamera."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Fai clic sul pulsante qui sotto per scattare una foto utilizzando la fotocamera."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Trascina e rilascia o seleziona un file da caricare o scattare una foto utilizzando la fotocamera."
 // replaceFileCaption: "Replace file" => "Sostituisci file"
 
 
@@ -24092,7 +24206,7 @@ var japaneseSurveyStrings = {
     loadingFile: "読み込み中",
     chooseFile: "ファイルを選択",
     noFileChosen: "選択されたファイルはありません",
-    fileDragAreaPlaceholder: "ここにファイルをドラッグ&ドロップするか、下のボタンをクリックしてアップロードするファイルを選択してください。",
+    filePlaceholder: "ここにファイルをドラッグ&ドロップするか、下のボタンをクリックしてアップロードするファイルを選択してください。",
     confirmDelete: "レコードを削除しますか？",
     keyDuplicationError: "この値は一意でなければなりません。",
     addColumn: "列の追加",
@@ -24121,8 +24235,8 @@ var japaneseSurveyStrings = {
     signaturePlaceHolder: "ここに署名",
     chooseFileCaption: "ファイルを選択",
     takePhotoCaption: "写真を撮る",
-    cameraPlaceHolder: "下のボタンをクリックして、カメラを使用して写真を撮ります。",
-    fileCameraDragAreaPlaceHolder: "アップロードするファイルをドラッグアンドドロップまたは選択するか、カメラを使用して写真を撮ります。",
+    photoPlaceholder: "下のボタンをクリックして、カメラを使用して写真を撮ります。",
+    fileOrPhotoPlaceholder: "アップロードするファイルをドラッグアンドドロップまたは選択するか、カメラを使用して写真を撮ります。",
     replaceFileCaption: "ファイルの置換",
     removeFileCaption: "このファイルを削除",
     booleanCheckedLabel: "噫",
@@ -24150,7 +24264,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ja"]
 // ratingOptionsCaption: "Select..." => "選ぶ。。。"
 // minError: "The value should not be less than {0}" => "値は {0} 値より小さくすることはできません"
 // maxError: "The value should not be greater than {0}" => "値は {0} を超えてはなりません。"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "ここにファイルをドラッグ&ドロップするか、下のボタンをクリックしてアップロードするファイルを選択してください。"
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "ここにファイルをドラッグ&ドロップするか、下のボタンをクリックしてアップロードするファイルを選択してください。"
 // emptyRowsText: "There are no rows." => "行はありません。"
 // multipletext_itemname: "text" => "テキスト"
 // signaturePlaceHolder: "Sign here" => "ここに署名"
@@ -24164,8 +24278,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ja"]
 // tagboxDoneButtonCaption: "OK" => "わかりました"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "すべての選択肢がランク付けされます"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "ここに選択肢をドラッグアンドドロップしてランク付けします"// takePhotoCaption: "Take Photo" => "写真を撮る"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "下のボタンをクリックして、カメラを使用して写真を撮ります。"
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "アップロードするファイルをドラッグアンドドロップまたは選択するか、カメラを使用して写真を撮ります。"
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "下のボタンをクリックして、カメラを使用して写真を撮ります。"
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "アップロードするファイルをドラッグアンドドロップまたは選択するか、カメラを使用して写真を撮ります。"
 // replaceFileCaption: "Replace file" => "ファイルの置換"
 
 
@@ -24230,7 +24344,7 @@ var kazakhStrings = {
     loadingFile: "Жүктеу...",
     chooseFile: "Файлдарды таңдаңыз...",
     noFileChosen: "Файл таңдалынбады",
-    fileDragAreaPlaceholder: "Файлды осы жерге апарып тастаңыз немесе төмендегі түймені басыңыз және кері жүктеу үшін файлды таңдаңыз.",
+    filePlaceholder: "Файлды осы жерге апарып тастаңыз немесе төмендегі түймені басыңыз және кері жүктеу үшін файлды таңдаңыз.",
     confirmDelete: "Сіз жазбаны жоятыныңызға сенімдісіз бе?",
     keyDuplicationError: "Бұл мән бірегей болу керек.",
     addColumn: "Бағана қосу",
@@ -24259,8 +24373,8 @@ var kazakhStrings = {
     signaturePlaceHolder: "Осында кіру",
     chooseFileCaption: "Файл таңдаңыз",
     takePhotoCaption: "Фотосуретке түсу",
-    cameraPlaceHolder: "Камераны пайдаланып суретке түсу үшін төмендегі түймені басыңыз.",
-    fileCameraDragAreaPlaceHolder: "Фотоаппаратты пайдаланып кері жүктеу немесе суретке түсіру үшін файлды апарып тастаыңыз немесе таңдаңыз.",
+    photoPlaceholder: "Камераны пайдаланып суретке түсу үшін төмендегі түймені басыңыз.",
+    fileOrPhotoPlaceholder: "Фотоаппаратты пайдаланып кері жүктеу немесе суретке түсіру үшін файлды апарып тастаыңыз немесе таңдаңыз.",
     replaceFileCaption: "Файлды ауыстыру",
     removeFileCaption: "Файлды жойыңыз",
     booleanCheckedLabel: "Иә",
@@ -24288,7 +24402,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["kk"]
 // ratingOptionsCaption: "Select..." => "Таңдау..."
 // minError: "The value should not be less than {0}" => "Мәні {0} кем болмауы тиіс"
 // maxError: "The value should not be greater than {0}" => "Мән {0} артық болмауы тиіс"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Файлды осы жерге апарып тастаңыз немесе төмендегі түймені басыңыз және кері жүктеу үшін файлды таңдаңыз."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Файлды осы жерге апарып тастаңыз немесе төмендегі түймені басыңыз және кері жүктеу үшін файлды таңдаңыз."
 // emptyRowsText: "There are no rows." => "Қатарлар жоқ."
 // multipletext_itemname: "text" => "мәтін"
 // signaturePlaceHolder: "Sign here" => "Осында кіру"
@@ -24302,8 +24416,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["kk"]
 // tagboxDoneButtonCaption: "OK" => "ЖАҚСЫ"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Барлық таңдаулар ранжирленген"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Таңдауды рангтеу үшін осында апарып тастау"// takePhotoCaption: "Take Photo" => "Фотосуретке түсу"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Камераны пайдаланып суретке түсу үшін төмендегі түймені басыңыз."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Фотоаппаратты пайдаланып кері жүктеу немесе суретке түсіру үшін файлды апарып тастаыңыз немесе таңдаңыз."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Камераны пайдаланып суретке түсу үшін төмендегі түймені басыңыз."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Фотоаппаратты пайдаланып кері жүктеу немесе суретке түсіру үшін файлды апарып тастаыңыз немесе таңдаңыз."
 // replaceFileCaption: "Replace file" => "Файлды ауыстыру"
 
 
@@ -24368,7 +24482,7 @@ var koreanStrings = {
     loadingFile: "로드 중...",
     chooseFile: "파일 선택...",
     noFileChosen: "선택된 파일이 없습니다.",
-    fileDragAreaPlaceholder: "파일을 여기에 놓거나 아래 버튼을 클릭하여 파일을 불러오세요.",
+    filePlaceholder: "파일을 여기에 놓거나 아래 버튼을 클릭하여 파일을 불러오세요.",
     confirmDelete: "기록을 삭제하시겠습니까?",
     keyDuplicationError: " 이 값은 고유해야합니다.",
     addColumn: "열 추가",
@@ -24397,8 +24511,8 @@ var koreanStrings = {
     signaturePlaceHolder: "서명하세요.",
     chooseFileCaption: "파일 선택",
     takePhotoCaption: "사진 찍기",
-    cameraPlaceHolder: "아래 버튼을 클릭하여 카메라로 사진을 찍습니다.",
-    fileCameraDragAreaPlaceHolder: "업로드할 파일을 드래그 앤 드롭하거나 선택하거나 카메라를 사용하여 사진을 찍습니다.",
+    photoPlaceholder: "아래 버튼을 클릭하여 카메라로 사진을 찍습니다.",
+    fileOrPhotoPlaceholder: "업로드할 파일을 드래그 앤 드롭하거나 선택하거나 카메라를 사용하여 사진을 찍습니다.",
     replaceFileCaption: "파일 바꾸기",
     removeFileCaption: "파일 제거",
     booleanCheckedLabel: "예",
@@ -24427,8 +24541,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ko"]
 // tagboxDoneButtonCaption: "OK" => "그래"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "모든 선택 항목이 순위가 매겨집니다."
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "여기에 선택 항목을 끌어다 놓아 순위를 매깁니다."// takePhotoCaption: "Take Photo" => "사진 찍기"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "아래 버튼을 클릭하여 카메라로 사진을 찍습니다."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "업로드할 파일을 드래그 앤 드롭하거나 선택하거나 카메라를 사용하여 사진을 찍습니다."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "아래 버튼을 클릭하여 카메라로 사진을 찍습니다."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "업로드할 파일을 드래그 앤 드롭하거나 선택하거나 카메라를 사용하여 사진을 찍습니다."
 // replaceFileCaption: "Replace file" => "파일 바꾸기"
 
 
@@ -24493,7 +24607,7 @@ var latvianSurveyStrings = {
     loadingFile: "Notiek ielāde ...",
     chooseFile: "Izvēlieties failus ...",
     noFileChosen: "Nav izvēlēts neviens fails",
-    fileDragAreaPlaceholder: "Lai pievienotu, ievelciet failu šeit vai arī klikšķiniet uz zemāk redzamās pogas",
+    filePlaceholder: "Lai pievienotu, ievelciet failu šeit vai arī klikšķiniet uz zemāk redzamās pogas",
     confirmDelete: "Vai vēlaties izdzēst ierakstu?",
     keyDuplicationError: "Šai vērtībai jābūt unikālai.",
     addColumn: "Pievienot kolonnu",
@@ -24522,8 +24636,8 @@ var latvianSurveyStrings = {
     signaturePlaceHolder: "Parakstieties šeit",
     chooseFileCaption: "Izvēlēties failu",
     takePhotoCaption: "Uzņemt fotoattēlu",
-    cameraPlaceHolder: "Noklikšķiniet uz pogas zemāk, lai uzņemtu fotoattēlu, izmantojot kameru.",
-    fileCameraDragAreaPlaceHolder: "Velciet un nometiet vai atlasiet failu, ko augšupielādēt vai uzņemt fotoattēlu, izmantojot kameru.",
+    photoPlaceholder: "Noklikšķiniet uz pogas zemāk, lai uzņemtu fotoattēlu, izmantojot kameru.",
+    fileOrPhotoPlaceholder: "Velciet un nometiet vai atlasiet failu, ko augšupielādēt vai uzņemt fotoattēlu, izmantojot kameru.",
     replaceFileCaption: "Aizstāt failu",
     removeFileCaption: "Noņemiet šo failu",
     booleanCheckedLabel: "Jā",
@@ -24553,8 +24667,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["lv"]
 // tagboxDoneButtonCaption: "OK" => "LABI"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Visas izvēles ir sarindotas"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Velciet un nometiet izvēles iespējas šeit, lai tās sarindotu"// takePhotoCaption: "Take Photo" => "Uzņemt fotoattēlu"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Noklikšķiniet uz pogas zemāk, lai uzņemtu fotoattēlu, izmantojot kameru."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Velciet un nometiet vai atlasiet failu, ko augšupielādēt vai uzņemt fotoattēlu, izmantojot kameru."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Noklikšķiniet uz pogas zemāk, lai uzņemtu fotoattēlu, izmantojot kameru."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Velciet un nometiet vai atlasiet failu, ko augšupielādēt vai uzņemt fotoattēlu, izmantojot kameru."
 // replaceFileCaption: "Replace file" => "Aizstāt failu"
 
 
@@ -24619,7 +24733,7 @@ var lithuaniaSurveyStrings = {
     loadingFile: "Prašome palaukti...",
     chooseFile: "Pasirinkti failą(us)...",
     noFileChosen: "Nepasirinktas joks failas",
-    fileDragAreaPlaceholder: "Nuvilkite failą čia arba spustelėkite žemiau esantį mygtuką ir pasirinkite failą, kurį norite įkelti.",
+    filePlaceholder: "Nuvilkite failą čia arba spustelėkite žemiau esantį mygtuką ir pasirinkite failą, kurį norite įkelti.",
     confirmDelete: "Ar norite ištrinti įrašą?",
     keyDuplicationError: "Ši reikšmė turėtų būti unikali.",
     addColumn: "Pridėti stulpelį",
@@ -24648,8 +24762,8 @@ var lithuaniaSurveyStrings = {
     signaturePlaceHolder: "Pasirašykite čia",
     chooseFileCaption: "Pasirinkti failą",
     takePhotoCaption: "Fotografuoti",
-    cameraPlaceHolder: "Spustelėkite žemiau esantį mygtuką, kad nufotografuotumėte fotoaparatu.",
-    fileCameraDragAreaPlaceHolder: "Nuvilkite arba pasirinkite failą, kurį norite įkelti arba nufotografuoti naudodami fotoaparatą.",
+    photoPlaceholder: "Spustelėkite žemiau esantį mygtuką, kad nufotografuotumėte fotoaparatu.",
+    fileOrPhotoPlaceholder: "Nuvilkite arba pasirinkite failą, kurį norite įkelti arba nufotografuoti naudodami fotoaparatą.",
     replaceFileCaption: "Pakeiskite failą",
     removeFileCaption: "Ištrinti šį failą",
     booleanCheckedLabel: "Taip",
@@ -24677,7 +24791,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["lt"]
 // ratingOptionsCaption: "Select..." => "Žymėti..."
 // minError: "The value should not be less than {0}" => "Vertė neturėtų būti mažesnė nei {0}"
 // maxError: "The value should not be greater than {0}" => "Vertė neturėtų būti didesnė nei {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Nuvilkite failą čia arba spustelėkite žemiau esantį mygtuką ir pasirinkite failą, kurį norite įkelti."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Nuvilkite failą čia arba spustelėkite žemiau esantį mygtuką ir pasirinkite failą, kurį norite įkelti."
 // emptyRowsText: "There are no rows." => "Eilių nėra."
 // multipletext_itemname: "text" => "SMS žinutė"
 // signaturePlaceHolder: "Sign here" => "Pasirašykite čia"
@@ -24691,8 +24805,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["lt"]
 // tagboxDoneButtonCaption: "OK" => "GERAI"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Visi pasirinkimai yra reitinguojami"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Nuvilkite pasirinkimus čia, kad juos reitinguotumėte"// takePhotoCaption: "Take Photo" => "Fotografuoti"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Spustelėkite žemiau esantį mygtuką, kad nufotografuotumėte fotoaparatu."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Nuvilkite arba pasirinkite failą, kurį norite įkelti arba nufotografuoti naudodami fotoaparatą."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Spustelėkite žemiau esantį mygtuką, kad nufotografuotumėte fotoaparatu."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Nuvilkite arba pasirinkite failą, kurį norite įkelti arba nufotografuoti naudodami fotoaparatą."
 // replaceFileCaption: "Replace file" => "Pakeiskite failą"
 
 
@@ -24757,7 +24871,7 @@ var macedonianSurveyStrings = {
     loadingFile: "Се вчитува ...",
     chooseFile: "Изберете датотека (и) ...",
     noFileChosen: "Не се избрани датотеки",
-    fileDragAreaPlaceholder: "Пуштете датотека овде или кликнете на копчето подолу за да ја вчитате датотеката.",
+    filePlaceholder: "Пуштете датотека овде или кликнете на копчето подолу за да ја вчитате датотеката.",
     confirmDelete: "Дали сакате да го избришете записот?",
     keyDuplicationError: "Оваа вредност треба да биде единствена.",
     addColumn: "Додај колона",
@@ -24786,8 +24900,8 @@ var macedonianSurveyStrings = {
     signaturePlaceHolder: "Потпиши се овде.",
     chooseFileCaption: "Изберете датотека",
     takePhotoCaption: "Фотографирајте",
-    cameraPlaceHolder: "Кликнете на копчето подолу за да фотографирате користејќи ја камерата.",
-    fileCameraDragAreaPlaceHolder: "Влечете и фрлајте или изберете датотека за качување или фотографирање користејќи ја камерата.",
+    photoPlaceholder: "Кликнете на копчето подолу за да фотографирате користејќи ја камерата.",
+    fileOrPhotoPlaceholder: "Влечете и фрлајте или изберете датотека за качување или фотографирање користејќи ја камерата.",
     replaceFileCaption: "Заменете го фајлот.",
     removeFileCaption: "Отстранете ја оваа датотека",
     booleanCheckedLabel: "Да",
@@ -24823,8 +24937,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["mk"]
 // tagboxDoneButtonCaption: "OK" => "ДОБРО"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Сите избори се рангирани"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Влечете и фрлете го изборот овде за да ги рангирате"// takePhotoCaption: "Take Photo" => "Фотографирајте"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Кликнете на копчето подолу за да фотографирате користејќи ја камерата."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Влечете и фрлајте или изберете датотека за качување или фотографирање користејќи ја камерата."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Кликнете на копчето подолу за да фотографирате користејќи ја камерата."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Влечете и фрлајте или изберете датотека за качување или фотографирање користејќи ја камерата."
 // replaceFileCaption: "Replace file" => "Заменете го фајлот."
 
 
@@ -24889,7 +25003,7 @@ var malaySurveyStrings = {
     loadingFile: "Memuat...",
     chooseFile: "Pilih fail...",
     noFileChosen: "Tiada fail dipilih",
-    fileDragAreaPlaceholder: "Letakkan fail di sini atau klik butang di bawah untuk memuatkan fail.",
+    filePlaceholder: "Letakkan fail di sini atau klik butang di bawah untuk memuatkan fail.",
     confirmDelete: "Adakah anda ingin memadamkan rekod?",
     keyDuplicationError: "Nilai ini hendaklah unik.",
     addColumn: "Tambahkan lajur",
@@ -24918,8 +25032,8 @@ var malaySurveyStrings = {
     signaturePlaceHolder: "Tandatangan di sini",
     chooseFileCaption: "Pilih fail",
     takePhotoCaption: "Ambil gambar",
-    cameraPlaceHolder: "Klik butang di bawah untuk mengambil gambar menggunakan kamera.",
-    fileCameraDragAreaPlaceHolder: "Seret dan lepas atau pilih fail untuk memuat naik atau mengambil foto menggunakan kamera.",
+    photoPlaceholder: "Klik butang di bawah untuk mengambil gambar menggunakan kamera.",
+    fileOrPhotoPlaceholder: "Seret dan lepas atau pilih fail untuk memuat naik atau mengambil foto menggunakan kamera.",
     replaceFileCaption: "Gantikan fail",
     removeFileCaption: "Alih keluar fail ini",
     booleanCheckedLabel: "Ya",
@@ -24951,8 +25065,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ms"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Semua pilihan disenaraikan"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Seret dan lepaskan pilihan di sini untuk meletakkannya"// takePhotoCaption: "Take Photo" => "Ambil gambar"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Klik butang di bawah untuk mengambil gambar menggunakan kamera."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Seret dan lepas atau pilih fail untuk memuat naik atau mengambil foto menggunakan kamera."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Klik butang di bawah untuk mengambil gambar menggunakan kamera."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Seret dan lepas atau pilih fail untuk memuat naik atau mengambil foto menggunakan kamera."
 // replaceFileCaption: "Replace file" => "Gantikan fail"
 
 
@@ -25041,7 +25155,7 @@ var norwegianSurveyStrings = {
     loadingFile: "Laster inn ...",
     chooseFile: "Velg fil (er) ...",
     noFileChosen: "Ingen fil valgt",
-    fileDragAreaPlaceholder: "Dra og slipp en fil her, eller klikk på knappen nedenfor og velg en fil du vil laste opp.",
+    filePlaceholder: "Dra og slipp en fil her, eller klikk på knappen nedenfor og velg en fil du vil laste opp.",
     confirmDelete: "Ønsker du å slette posten?",
     keyDuplicationError: "Denne verdien skal være unik.",
     addColumn: "Legg til kolonne",
@@ -25070,8 +25184,8 @@ var norwegianSurveyStrings = {
     signaturePlaceHolder: "Logg inn her",
     chooseFileCaption: "Velg Fil",
     takePhotoCaption: "Ta bilde",
-    cameraPlaceHolder: "Klikk på knappen nedenfor for å ta et bilde med kameraet.",
-    fileCameraDragAreaPlaceHolder: "Dra og slipp eller velg en fil for å laste opp eller ta et bilde med kameraet.",
+    photoPlaceholder: "Klikk på knappen nedenfor for å ta et bilde med kameraet.",
+    fileOrPhotoPlaceholder: "Dra og slipp eller velg en fil for å laste opp eller ta et bilde med kameraet.",
     replaceFileCaption: "Erstatt fil",
     removeFileCaption: "Fjern denne filen",
     booleanCheckedLabel: "Ja",
@@ -25099,7 +25213,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["no"]
 // ratingOptionsCaption: "Select..." => "Velge..."
 // minError: "The value should not be less than {0}" => "Verdien bør ikke være mindre enn {0}"
 // maxError: "The value should not be greater than {0}" => "Verdien bør ikke være større enn {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Dra og slipp en fil her, eller klikk på knappen nedenfor og velg en fil du vil laste opp."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Dra og slipp en fil her, eller klikk på knappen nedenfor og velg en fil du vil laste opp."
 // emptyRowsText: "There are no rows." => "Det er ingen rader."
 // multipletext_itemname: "text" => "Tekst"
 // signaturePlaceHolder: "Sign here" => "Logg inn her"
@@ -25113,8 +25227,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["no"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Alle valg er rangert"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Dra og slipp valg her for å rangere dem"// takePhotoCaption: "Take Photo" => "Ta bilde"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Klikk på knappen nedenfor for å ta et bilde med kameraet."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Dra og slipp eller velg en fil for å laste opp eller ta et bilde med kameraet."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Klikk på knappen nedenfor for å ta et bilde med kameraet."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Dra og slipp eller velg en fil for å laste opp eller ta et bilde med kameraet."
 // replaceFileCaption: "Replace file" => "Erstatt fil"
 
 
@@ -25179,7 +25293,7 @@ var persianSurveyStrings = {
     loadingFile: "بارگیری...",
     chooseFile: "انتخاب فایل(ها)...",
     noFileChosen: "هیچ فایلی انتخاب نشده",
-    fileDragAreaPlaceholder: "کشیدن و رها کردن یک فایل در اینجا و یا کلیک بر روی دکمه زیر و یک فایل برای اپلود را انتخاب کنید.",
+    filePlaceholder: "کشیدن و رها کردن یک فایل در اینجا و یا کلیک بر روی دکمه زیر و یک فایل برای اپلود را انتخاب کنید.",
     confirmDelete: "آیا مایل به حذف این ردیف هستید؟",
     keyDuplicationError: "این مقدار باید غیر تکراری باشد",
     addColumn: "ستون جدید",
@@ -25208,8 +25322,8 @@ var persianSurveyStrings = {
     signaturePlaceHolder: "اینجا را امضا کنید",
     chooseFileCaption: "انتخاب فایل",
     takePhotoCaption: "گرفتن عکس",
-    cameraPlaceHolder: "روی دکمه زیر کلیک کنید تا با استفاده از دوربین عکس بگیرید.",
-    fileCameraDragAreaPlaceHolder: "کشیدن و رها کردن یا انتخاب یک فایل برای اپلود یا گرفتن عکس با استفاده از دوربین.",
+    photoPlaceholder: "روی دکمه زیر کلیک کنید تا با استفاده از دوربین عکس بگیرید.",
+    fileOrPhotoPlaceholder: "کشیدن و رها کردن یا انتخاب یک فایل برای اپلود یا گرفتن عکس با استفاده از دوربین.",
     replaceFileCaption: "جایگزینی پرونده",
     removeFileCaption: "حذف این فایل",
     booleanCheckedLabel: "بله",
@@ -25237,7 +25351,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fa"]
 // ratingOptionsCaption: "Select..." => "انتخاب..."
 // minError: "The value should not be less than {0}" => "ارزش نباید کمتر از {0}"
 // maxError: "The value should not be greater than {0}" => "ارزش نباید بیشتر از {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "کشیدن و رها کردن یک فایل در اینجا و یا کلیک بر روی دکمه زیر و یک فایل برای اپلود را انتخاب کنید."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "کشیدن و رها کردن یک فایل در اینجا و یا کلیک بر روی دکمه زیر و یک فایل برای اپلود را انتخاب کنید."
 // emptyRowsText: "There are no rows." => "هیچ ردیفی وجود ندارد."
 // multipletext_itemname: "text" => "پیامک"
 // signaturePlaceHolder: "Sign here" => "اینجا را امضا کنید"
@@ -25251,8 +25365,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fa"]
 // tagboxDoneButtonCaption: "OK" => "باشه"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "همه انتخاب ها رتبه بندی می شوند"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "انتخاب های کشیدن و رها کردن در اینجا برای رتبه بندی انها"// takePhotoCaption: "Take Photo" => "گرفتن عکس"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "روی دکمه زیر کلیک کنید تا با استفاده از دوربین عکس بگیرید."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "کشیدن و رها کردن یا انتخاب یک فایل برای اپلود یا گرفتن عکس با استفاده از دوربین."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "روی دکمه زیر کلیک کنید تا با استفاده از دوربین عکس بگیرید."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "کشیدن و رها کردن یا انتخاب یک فایل برای اپلود یا گرفتن عکس با استفاده از دوربین."
 // replaceFileCaption: "Replace file" => "جایگزینی پرونده"
 
 
@@ -25317,7 +25431,7 @@ var polishSurveyStrings = {
     loadingFile: "Ładowanie...",
     chooseFile: "Wybierz plik(i)...",
     noFileChosen: "Nie wybrano żadnego pliku",
-    fileDragAreaPlaceholder: "Upuść plik tutaj lub kliknij przycisk poniżej, aby załadować plik.",
+    filePlaceholder: "Upuść plik tutaj lub kliknij przycisk poniżej, aby załadować plik.",
     confirmDelete: "Chcesz skasować nagranie?",
     keyDuplicationError: "Ta wartość powinna być wyjątkowa.",
     addColumn: "Dodaj kolumnę",
@@ -25346,8 +25460,8 @@ var polishSurveyStrings = {
     signaturePlaceHolder: "Podpisz tutaj",
     chooseFileCaption: "Wybierz plik",
     takePhotoCaption: "Zrób zdjęcie",
-    cameraPlaceHolder: "Kliknij przycisk poniżej, aby zrobić zdjęcie aparatem.",
-    fileCameraDragAreaPlaceHolder: "Przeciągnij i upuść lub wybierz plik, który chcesz przesłać lub zrobić zdjęcie za pomocą aparatu.",
+    photoPlaceholder: "Kliknij przycisk poniżej, aby zrobić zdjęcie aparatem.",
+    fileOrPhotoPlaceholder: "Przeciągnij i upuść lub wybierz plik, który chcesz przesłać lub zrobić zdjęcie za pomocą aparatu.",
     replaceFileCaption: "Zastąp plik",
     removeFileCaption: "Usuń ten plik",
     booleanCheckedLabel: "Tak",
@@ -25377,8 +25491,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["pl"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Wszystkie wybory są uszeregowane"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Przeciągnij i upuść tutaj wybory, aby je uszeregować"// takePhotoCaption: "Take Photo" => "Zrób zdjęcie"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Kliknij przycisk poniżej, aby zrobić zdjęcie aparatem."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Przeciągnij i upuść lub wybierz plik, który chcesz przesłać lub zrobić zdjęcie za pomocą aparatu."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Kliknij przycisk poniżej, aby zrobić zdjęcie aparatem."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Przeciągnij i upuść lub wybierz plik, który chcesz przesłać lub zrobić zdjęcie za pomocą aparatu."
 // replaceFileCaption: "Replace file" => "Zastąp plik"
 
 
@@ -25446,7 +25560,7 @@ var portugueseBrSurveyStrings = {
     loadingFile: "Carregando...",
     chooseFile: "Escolha o(s) arquivo(s)...",
     noFileChosen: "Nenhum arquivo escolhido",
-    fileDragAreaPlaceholder: "Arraste e solte um arquivo aqui ou clique no botão abaixo e escolha um arquivo para carregar.",
+    filePlaceholder: "Arraste e solte um arquivo aqui ou clique no botão abaixo e escolha um arquivo para carregar.",
     confirmDelete: "Tem certeza que deseja deletar?",
     keyDuplicationError: "Esse valor deve ser único.",
     addColumn: "Adicionar coluna",
@@ -25475,8 +25589,8 @@ var portugueseBrSurveyStrings = {
     signaturePlaceHolder: "Assine aqui",
     chooseFileCaption: "Escolher arquivo",
     takePhotoCaption: "Tirar foto",
-    cameraPlaceHolder: "Clique no botão abaixo para tirar uma foto usando a câmera.",
-    fileCameraDragAreaPlaceHolder: "Arraste e solte ou selecione um arquivo para carregar ou tirar uma foto usando a câmera.",
+    photoPlaceholder: "Clique no botão abaixo para tirar uma foto usando a câmera.",
+    fileOrPhotoPlaceholder: "Arraste e solte ou selecione um arquivo para carregar ou tirar uma foto usando a câmera.",
     replaceFileCaption: "Substituir arquivo",
     removeFileCaption: "Remover este arquivo",
     booleanCheckedLabel: "Sim",
@@ -25530,7 +25644,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["pt-b
 // invalidExpression: "The expression: {0} should return 'true'." => "A expressão: {0} deve retornar 'verdadeiro'."
 // exceedMaxSize: "The file size should not exceed {0}." => "O tamanho do arquivo não deve exceder {0}."
 // chooseFile: "Choose file(s)..." => "Escolha o(s) arquivo(s)..."
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Arraste e solte um arquivo aqui ou clique no botão abaixo e escolha um arquivo para carregar."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Arraste e solte um arquivo aqui ou clique no botão abaixo e escolha um arquivo para carregar."
 // addColumn: "Add Column" => "Adicionar coluna"
 // addRow: "Add Row" => "Adicionar linha"
 // removeRow: "Remove" => "Retirar"
@@ -25565,8 +25679,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["pt-b
 // tagboxDoneButtonCaption: "OK" => "OKEY"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Todas as opções são classificadas"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Arraste e solte as opções aqui para classificá-las"// takePhotoCaption: "Take Photo" => "Tirar foto"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Clique no botão abaixo para tirar uma foto usando a câmera."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Arraste e solte ou selecione um arquivo para carregar ou tirar uma foto usando a câmera."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Clique no botão abaixo para tirar uma foto usando a câmera."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Arraste e solte ou selecione um arquivo para carregar ou tirar uma foto usando a câmera."
 // replaceFileCaption: "Replace file" => "Substituir arquivo"
 
 
@@ -25631,7 +25745,7 @@ var portugueseSurveyStrings = {
     loadingFile: "A carregar...",
     chooseFile: "Selecione o(s) arquivo(s)...",
     noFileChosen: "Nenhum ficheiro escolhido",
-    fileDragAreaPlaceholder: "Arraste um ficheiro aqui ou clique no botão abaixo para carregar o ficheiro.",
+    filePlaceholder: "Arraste um ficheiro aqui ou clique no botão abaixo para carregar o ficheiro.",
     confirmDelete: "Tem a certeza que deseja apagar?",
     keyDuplicationError: "Este valor deve ser único.",
     addColumn: "Adicionar coluna",
@@ -25660,8 +25774,8 @@ var portugueseSurveyStrings = {
     signaturePlaceHolder: "Assine aqui",
     chooseFileCaption: "Escolher ficheiro",
     takePhotoCaption: "Tirar foto",
-    cameraPlaceHolder: "Clique no botão abaixo para tirar uma foto usando a câmera.",
-    fileCameraDragAreaPlaceHolder: "Arraste e solte ou selecione um arquivo para carregar ou tirar uma foto usando a câmera.",
+    photoPlaceholder: "Clique no botão abaixo para tirar uma foto usando a câmera.",
+    fileOrPhotoPlaceholder: "Arraste e solte ou selecione um arquivo para carregar ou tirar uma foto usando a câmera.",
     replaceFileCaption: "Substituir arquivo",
     removeFileCaption: "Remover este ficheiro",
     booleanCheckedLabel: "Sim",
@@ -25688,8 +25802,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["pt"]
 // noEntriesReadonlyText: "There are no entries." => "Não há entradas."
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Todas as opções são classificadas"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Arraste e solte as opções aqui para classificá-las"// takePhotoCaption: "Take Photo" => "Tirar foto"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Clique no botão abaixo para tirar uma foto usando a câmera."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Arraste e solte ou selecione um arquivo para carregar ou tirar uma foto usando a câmera."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Clique no botão abaixo para tirar uma foto usando a câmera."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Arraste e solte ou selecione um arquivo para carregar ou tirar uma foto usando a câmera."
 // replaceFileCaption: "Replace file" => "Substituir arquivo"
 
 
@@ -25754,7 +25868,7 @@ var romanianSurveyStrings = {
     loadingFile: "Se încarcă...",
     chooseFile: "Alege fisierele...",
     noFileChosen: "Niciun fișier ales",
-    fileDragAreaPlaceholder: "Glisați și fixați un fișier aici sau faceți clic pe butonul de mai jos și alegeți un fișier de încărcat.",
+    filePlaceholder: "Glisați și fixați un fișier aici sau faceți clic pe butonul de mai jos și alegeți un fișier de încărcat.",
     confirmDelete: "Sunteți sigur că doriți să ștergeți înregistrarea?",
     keyDuplicationError: "Valoarea trebuie să fie unică.",
     addColumn: "Adăugați coloană",
@@ -25783,8 +25897,8 @@ var romanianSurveyStrings = {
     signaturePlaceHolder: "Semnează aici",
     chooseFileCaption: "Alege fișierul",
     takePhotoCaption: "Faceți o fotografie",
-    cameraPlaceHolder: "Faceți clic pe butonul de mai jos pentru a face o fotografie folosind camera.",
-    fileCameraDragAreaPlaceHolder: "Glisați și fixați sau selectați un fișier pentru a încărca sau a face o fotografie folosind camera.",
+    photoPlaceholder: "Faceți clic pe butonul de mai jos pentru a face o fotografie folosind camera.",
+    fileOrPhotoPlaceholder: "Glisați și fixați sau selectați un fișier pentru a încărca sau a face o fotografie folosind camera.",
     replaceFileCaption: "Înlocuire fișier",
     removeFileCaption: "Eliminați acest fișier",
     booleanCheckedLabel: "da",
@@ -25812,7 +25926,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ro"]
 // ratingOptionsCaption: "Select..." => "Alege..."
 // minError: "The value should not be less than {0}" => "Valoarea nu trebuie să fie mai mică de {0}"
 // maxError: "The value should not be greater than {0}" => "Valoarea nu trebuie să fie mai mare de {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Glisați și fixați un fișier aici sau faceți clic pe butonul de mai jos și alegeți un fișier de încărcat."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Glisați și fixați un fișier aici sau faceți clic pe butonul de mai jos și alegeți un fișier de încărcat."
 // emptyRowsText: "There are no rows." => "Nu există rânduri."
 // multipletext_itemname: "text" => "Text"
 // signaturePlaceHolder: "Sign here" => "Semnează aici"
@@ -25826,8 +25940,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ro"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Toate opțiunile sunt clasificate"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Glisați și fixați opțiunile aici pentru a le clasifica"// takePhotoCaption: "Take Photo" => "Faceți o fotografie"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Faceți clic pe butonul de mai jos pentru a face o fotografie folosind camera."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Glisați și fixați sau selectați un fișier pentru a încărca sau a face o fotografie folosind camera."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Faceți clic pe butonul de mai jos pentru a face o fotografie folosind camera."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Glisați și fixați sau selectați un fișier pentru a încărca sau a face o fotografie folosind camera."
 // replaceFileCaption: "Replace file" => "Înlocuire fișier"
 
 
@@ -25892,7 +26006,7 @@ var russianSurveyStrings = {
     loadingFile: "Загрузка...",
     chooseFile: "Выберите файл(ы)...",
     noFileChosen: "Файл не выбран",
-    fileDragAreaPlaceholder: "Перетащите файл сюда или нажмите кнопку ниже, чтобы загрузить файл.",
+    filePlaceholder: "Перетащите файл сюда или нажмите кнопку ниже, чтобы загрузить файл.",
     confirmDelete: "Вы точно хотите удалить запись?",
     keyDuplicationError: "Это значение должно быть уникальным.",
     addColumn: "Добавить колонку",
@@ -25921,8 +26035,8 @@ var russianSurveyStrings = {
     signaturePlaceHolder: "Подпишите здесь",
     chooseFileCaption: "Выберите файл",
     takePhotoCaption: "Сделать фото",
-    cameraPlaceHolder: "Нажмите кнопку ниже, чтобы сделать снимок с помощью камеры.",
-    fileCameraDragAreaPlaceHolder: "Перетащите или выберите файл для загрузки или съемки с помощью камеры.",
+    photoPlaceholder: "Нажмите кнопку ниже, чтобы сделать снимок с помощью камеры.",
+    fileOrPhotoPlaceholder: "Перетащите или выберите файл для загрузки или съемки с помощью камеры.",
     replaceFileCaption: "Заменить файл",
     removeFileCaption: "Удалить файл",
     booleanCheckedLabel: "Да",
@@ -25952,8 +26066,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ru"]
 // tagboxDoneButtonCaption: "OK" => "ХОРОШО"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Все варианты ранжируются"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Перетащите сюда варианты, чтобы ранжировать их"// takePhotoCaption: "Take Photo" => "Сделать фото"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Нажмите кнопку ниже, чтобы сделать снимок с помощью камеры."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Перетащите или выберите файл для загрузки или съемки с помощью камеры."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Нажмите кнопку ниже, чтобы сделать снимок с помощью камеры."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Перетащите или выберите файл для загрузки или съемки с помощью камеры."
 // replaceFileCaption: "Replace file" => "Заменить файл"
 
 
@@ -26018,7 +26132,7 @@ var serbianStrings = {
     loadingFile: "Učitavanje...",
     chooseFile: "Izaberite fajlove...",
     noFileChosen: "Nije izabran nijedan fajl",
-    fileDragAreaPlaceholder: "Prevucite i otpustite datoteku ovde ili kliknite na dugme ispod i odaberite datoteku za otpremanje.",
+    filePlaceholder: "Prevucite i otpustite datoteku ovde ili kliknite na dugme ispod i odaberite datoteku za otpremanje.",
     confirmDelete: "Da li želite da izbrišete unos?",
     keyDuplicationError: "Ova vrednost treba da bude jedinstvena.",
     addColumn: "Dodaj kolonu",
@@ -26047,8 +26161,8 @@ var serbianStrings = {
     signaturePlaceHolder: "Potpišite ovde",
     chooseFileCaption: "Izaberi fajl",
     takePhotoCaption: "Fotografisanje",
-    cameraPlaceHolder: "Kliknite na dugme ispod da biste snimili fotografiju pomoću fotoaparata.",
-    fileCameraDragAreaPlaceHolder: "Prevucite i otpustite ili izaberite datoteku za otpremanje ili snimanje fotografije pomoću fotoaparata.",
+    photoPlaceholder: "Kliknite na dugme ispod da biste snimili fotografiju pomoću fotoaparata.",
+    fileOrPhotoPlaceholder: "Prevucite i otpustite ili izaberite datoteku za otpremanje ili snimanje fotografije pomoću fotoaparata.",
     replaceFileCaption: "Zameni datoteku",
     removeFileCaption: "Ukloni ovaj fajl",
     booleanCheckedLabel: "Da",
@@ -26075,7 +26189,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["rs"]
 // indexText: "{0} of {1}" => "{0} {1}"
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Panel {panelIndex}"
 // ratingOptionsCaption: "Select..." => "Izaberite..."
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Prevucite i otpustite datoteku ovde ili kliknite na dugme ispod i odaberite datoteku za otpremanje."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Prevucite i otpustite datoteku ovde ili kliknite na dugme ispod i odaberite datoteku za otpremanje."
 // signaturePlaceHolder: "Sign here" => "Potpišite ovde"
 // filterStringPlaceholder: "Type to search..." => "Otkucajte da biste pretražili..."
 // emptyMessage: "No data to display" => "Nema podataka za prikazivanje"
@@ -26085,8 +26199,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["rs"]
 // tagboxDoneButtonCaption: "OK" => "U redu"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Svi izbori su rangirani"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Prevucite i otpustite izbor ovde da biste ih rangirali"// takePhotoCaption: "Take Photo" => "Fotografisanje"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Kliknite na dugme ispod da biste snimili fotografiju pomoću fotoaparata."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Prevucite i otpustite ili izaberite datoteku za otpremanje ili snimanje fotografije pomoću fotoaparata."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Kliknite na dugme ispod da biste snimili fotografiju pomoću fotoaparata."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Prevucite i otpustite ili izaberite datoteku za otpremanje ili snimanje fotografije pomoću fotoaparata."
 // replaceFileCaption: "Replace file" => "Zameni datoteku"
 
 
@@ -26151,7 +26265,7 @@ var simplifiedChineseSurveyStrings = {
     loadingFile: "加载...",
     chooseFile: "选择文件...",
     noFileChosen: "未选择文件",
-    fileDragAreaPlaceholder: "将文件拖放到此处或单击下面的按钮并选择要上传的文件。",
+    filePlaceholder: "将文件拖放到此处或单击下面的按钮并选择要上传的文件。",
     confirmDelete: "删除记录?",
     keyDuplicationError: "主键不能重复",
     addColumn: "添加列",
@@ -26180,8 +26294,8 @@ var simplifiedChineseSurveyStrings = {
     signaturePlaceHolder: "在此签名",
     chooseFileCaption: "选择文件",
     takePhotoCaption: "拍照",
-    cameraPlaceHolder: "单击下面的按钮使用相机拍照。",
-    fileCameraDragAreaPlaceHolder: "拖放或选择要上传的文件或使用相机拍摄照片。",
+    photoPlaceholder: "单击下面的按钮使用相机拍照。",
+    fileOrPhotoPlaceholder: "拖放或选择要上传的文件或使用相机拍摄照片。",
     replaceFileCaption: "替换文件",
     removeFileCaption: "移除文件",
     booleanCheckedLabel: "是",
@@ -26207,7 +26321,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["zh-c
 // indexText: "{0} of {1}" => "{1}{0}"
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "面板 {面板索引}"
 // ratingOptionsCaption: "Select..." => "选择。。。"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "将文件拖放到此处或单击下面的按钮并选择要上传的文件。"
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "将文件拖放到此处或单击下面的按钮并选择要上传的文件。"
 // signaturePlaceHolder: "Sign here" => "在此签名"
 // filterStringPlaceholder: "Type to search..." => "键入以搜索..."
 // emptyMessage: "No data to display" => "没有要显示的数据"
@@ -26217,8 +26331,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["zh-c
 // tagboxDoneButtonCaption: "OK" => "还行"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "所有选择均已排名"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "将选项拖放到此处进行排名"// takePhotoCaption: "Take Photo" => "拍照"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "单击下面的按钮使用相机拍照。"
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "拖放或选择要上传的文件或使用相机拍摄照片。"
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "单击下面的按钮使用相机拍照。"
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "拖放或选择要上传的文件或使用相机拍摄照片。"
 // replaceFileCaption: "Replace file" => "替换文件"
 
 
@@ -26283,7 +26397,7 @@ var slovakSurveyStrings = {
     loadingFile: "Načítanie...",
     chooseFile: "Vyberte súbor(-y)...",
     noFileChosen: "Žiadny vybratý súbor",
-    fileDragAreaPlaceholder: "Presuňte súbor sem alebo kliknite na nasledujúce tlačidlo a načítajte súbor.",
+    filePlaceholder: "Presuňte súbor sem alebo kliknite na nasledujúce tlačidlo a načítajte súbor.",
     confirmDelete: "Chcete záznam odstrániť?",
     keyDuplicationError: "Táto hodnota má byť jedinečná.",
     addColumn: "Pridať stĺpec",
@@ -26312,8 +26426,8 @@ var slovakSurveyStrings = {
     signaturePlaceHolder: "Podpísať tu",
     chooseFileCaption: "Vybrať súbor",
     takePhotoCaption: "Odfotiť",
-    cameraPlaceHolder: "Kliknutím na tlačidlo nižšie nasnímate fotografiu pomocou fotoaparátu.",
-    fileCameraDragAreaPlaceHolder: "Presuňte myšou alebo vyberte súbor, ktorý chcete nahrať alebo nasnímať fotografiu pomocou fotoaparátu.",
+    photoPlaceholder: "Kliknutím na tlačidlo nižšie nasnímate fotografiu pomocou fotoaparátu.",
+    fileOrPhotoPlaceholder: "Presuňte myšou alebo vyberte súbor, ktorý chcete nahrať alebo nasnímať fotografiu pomocou fotoaparátu.",
     replaceFileCaption: "Nahradenie súboru",
     removeFileCaption: "Odstrániť tento súbor",
     booleanCheckedLabel: "Áno",
@@ -26345,8 +26459,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["sk"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Všetky možnosti sú zoradené"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Presuňte sem voľby, aby ste ich zoradili"// takePhotoCaption: "Take Photo" => "Odfotiť"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Kliknutím na tlačidlo nižšie nasnímate fotografiu pomocou fotoaparátu."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Presuňte myšou alebo vyberte súbor, ktorý chcete nahrať alebo nasnímať fotografiu pomocou fotoaparátu."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Kliknutím na tlačidlo nižšie nasnímate fotografiu pomocou fotoaparátu."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Presuňte myšou alebo vyberte súbor, ktorý chcete nahrať alebo nasnímať fotografiu pomocou fotoaparátu."
 // replaceFileCaption: "Replace file" => "Nahradenie súboru"
 
 
@@ -26411,7 +26525,7 @@ var spanishSurveyStrings = {
     loadingFile: "Cargando...",
     chooseFile: "Elija archivo(s)...",
     noFileChosen: "No se ha elegido ningún archivo",
-    fileDragAreaPlaceholder: "Suelte un archivo aquí o haga clic en el botón de abajo para cargar el archivo",
+    filePlaceholder: "Suelte un archivo aquí o haga clic en el botón de abajo para cargar el archivo",
     confirmDelete: "¿Quieres borrar el registro?",
     keyDuplicationError: "Este valor debe ser único.",
     addColumn: "Añadir columna",
@@ -26440,8 +26554,8 @@ var spanishSurveyStrings = {
     signaturePlaceHolder: "Firma aqui",
     chooseFileCaption: "Elija el archivo",
     takePhotoCaption: "Tomar foto",
-    cameraPlaceHolder: "Haga clic en el botón de abajo para tomar una foto con la cámara.",
-    fileCameraDragAreaPlaceHolder: "Arrastre y suelte o seleccione un archivo para cargar o tomar una foto con la cámara.",
+    photoPlaceholder: "Haga clic en el botón de abajo para tomar una foto con la cámara.",
+    fileOrPhotoPlaceholder: "Arrastre y suelte o seleccione un archivo para cargar o tomar una foto con la cámara.",
     replaceFileCaption: "Reemplazar archivo",
     removeFileCaption: "Elimina este archivo",
     booleanCheckedLabel: "Sí",
@@ -26471,8 +26585,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["es"]
 // tagboxDoneButtonCaption: "OK" => "De acuerdo"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Todas las opciones están clasificadas"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Arrastra y suelta opciones aquí para clasificarlas"// takePhotoCaption: "Take Photo" => "Tomar foto"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Haga clic en el botón de abajo para tomar una foto con la cámara."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Arrastre y suelte o seleccione un archivo para cargar o tomar una foto con la cámara."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Haga clic en el botón de abajo para tomar una foto con la cámara."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Arrastre y suelte o seleccione un archivo para cargar o tomar una foto con la cámara."
 // replaceFileCaption: "Replace file" => "Reemplazar archivo"
 
 
@@ -26537,7 +26651,7 @@ var swahiliStrings = {
     loadingFile: "Inapakia...",
     chooseFile: "Chagua faili...",
     noFileChosen: "Hujachagua faili",
-    fileDragAreaPlaceholder: "Buruta na udondoshe faili hapa au bofya kitufe hapa chini na uchague faili ya kupakia.",
+    filePlaceholder: "Buruta na udondoshe faili hapa au bofya kitufe hapa chini na uchague faili ya kupakia.",
     confirmDelete: "Je! Unataka kufuta rekodi?",
     keyDuplicationError: "Thamani hii inapaswa kuwa ya kipekee.",
     addColumn: "Ongeza Kolamu",
@@ -26566,8 +26680,8 @@ var swahiliStrings = {
     signaturePlaceHolder: "Ingia hapa",
     chooseFileCaption: "Chagua faili",
     takePhotoCaption: "Chukua Picha",
-    cameraPlaceHolder: "Bonyeza kitufe hapa chini ili kupiga picha kwa kutumia kamera.",
-    fileCameraDragAreaPlaceHolder: "Drag na kuacha au kuchagua faili kupakia au kuchukua picha kwa kutumia kamera.",
+    photoPlaceholder: "Bonyeza kitufe hapa chini ili kupiga picha kwa kutumia kamera.",
+    fileOrPhotoPlaceholder: "Drag na kuacha au kuchagua faili kupakia au kuchukua picha kwa kutumia kamera.",
     replaceFileCaption: "Badilisha faili",
     removeFileCaption: "Ondoa faili",
     booleanCheckedLabel: "Ndio",
@@ -26595,7 +26709,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["sw"]
 // ratingOptionsCaption: "Select..." => "Teua..."
 // minError: "The value should not be less than {0}" => "Thamani haipaswi kuwa chini ya {0}"
 // maxError: "The value should not be greater than {0}" => "Thamani haipaswi kuwa kubwa kuliko {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Buruta na udondoshe faili hapa au bofya kitufe hapa chini na uchague faili ya kupakia."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Buruta na udondoshe faili hapa au bofya kitufe hapa chini na uchague faili ya kupakia."
 // emptyRowsText: "There are no rows." => "Hakuna safu."
 // multipletext_itemname: "text" => "Ujumbe"
 // signaturePlaceHolder: "Sign here" => "Ingia hapa"
@@ -26609,8 +26723,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["sw"]
 // tagboxDoneButtonCaption: "OK" => "Sawa kabisa"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Chaguzi zote zimeorodheshwa"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Buruta na uache uchaguzi hapa ili kuziorodhesha"// takePhotoCaption: "Take Photo" => "Chukua Picha"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Bonyeza kitufe hapa chini ili kupiga picha kwa kutumia kamera."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Drag na kuacha au kuchagua faili kupakia au kuchukua picha kwa kutumia kamera."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Bonyeza kitufe hapa chini ili kupiga picha kwa kutumia kamera."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Drag na kuacha au kuchagua faili kupakia au kuchukua picha kwa kutumia kamera."
 // replaceFileCaption: "Replace file" => "Badilisha faili"
 
 
@@ -26675,7 +26789,7 @@ var swedishSurveyStrings = {
     loadingFile: "Laddar...",
     chooseFile: "Välj fil(er) ...",
     noFileChosen: "Ingen fil vald",
-    fileDragAreaPlaceholder: "Dra och släpp en fil här eller klicka på knappen nedan och välj en fil att ladda upp.",
+    filePlaceholder: "Dra och släpp en fil här eller klicka på knappen nedan och välj en fil att ladda upp.",
     confirmDelete: "Vill du radera posten?",
     keyDuplicationError: "Detta värde ska vara unikt.",
     addColumn: "Lägg till kolumn",
@@ -26704,8 +26818,8 @@ var swedishSurveyStrings = {
     signaturePlaceHolder: "Signera här",
     chooseFileCaption: "Välj fil",
     takePhotoCaption: "Ta foto",
-    cameraPlaceHolder: "Klicka på knappen nedan för att ta ett foto med kameran.",
-    fileCameraDragAreaPlaceHolder: "Dra och släpp eller välj en fil att ladda upp eller ta ett foto med kameran.",
+    photoPlaceholder: "Klicka på knappen nedan för att ta ett foto med kameran.",
+    fileOrPhotoPlaceholder: "Dra och släpp eller välj en fil att ladda upp eller ta ett foto med kameran.",
     replaceFileCaption: "Ersätt fil",
     removeFileCaption: "Ta bort den här filen",
     booleanCheckedLabel: "Ja",
@@ -26729,14 +26843,14 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["sv"]
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Panel {panelIndex}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Dra och släpp en fil här eller klicka på knappen nedan och välj en fil att ladda upp."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Dra och släpp en fil här eller klicka på knappen nedan och välj en fil att ladda upp."
 // emptyRowsText: "There are no rows." => "Det finns inga rader."
 // noEntriesReadonlyText: "There are no entries." => "Det finns inga poster."
 // tagboxDoneButtonCaption: "OK" => "OKEJ"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Alla val rangordnas"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Dra och släpp val här för att rangordna dem"// takePhotoCaption: "Take Photo" => "Ta foto"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Klicka på knappen nedan för att ta ett foto med kameran."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Dra och släpp eller välj en fil att ladda upp eller ta ett foto med kameran."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Klicka på knappen nedan för att ta ett foto med kameran."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Dra och släpp eller välj en fil att ladda upp eller ta ett foto med kameran."
 // replaceFileCaption: "Replace file" => "Ersätt fil"
 
 
@@ -26802,7 +26916,7 @@ var tajikSurveyStrings = {
     loadingFile: "Боркунӣ...",
     chooseFile: "Файл(ҳо)-ро интихоб кунед...",
     // noFileChosen: "No file chosen",
-    // fileDragAreaPlaceholder: "Drop a file here or click the button below to load the file.",
+    // filePlaceholder: "Drop a file here or click the button below to load the file.",
     confirmDelete: "Шумо мутмаин ҳастед, ки мехоҳед воридро тоза кунед?",
     keyDuplicationError: "Ин арзиш бояд беназир бошад.",
     addColumn: "Иловаи сутун",
@@ -26908,7 +27022,7 @@ var teluguStrings = {
     loadingFile: "లోడ్ అవుతున్నది",
     chooseFile: "ఫైళ్లను ఎన్నుకోండి",
     noFileChosen: "ఏ ఫైల్ ఎన్నుకో లేదు",
-    fileDragAreaPlaceholder: "ఇక్కడ ఒక ఫైల్ ను డ్రాగ్ చేసి డ్రాప్ చేయండి లేదా దిగువ బటన్ క్లిక్ చేయండి మరియు అప్ లోడ్ చేయడానికి ఫైల్ ఎంచుకోండి.",
+    filePlaceholder: "ఇక్కడ ఒక ఫైల్ ను డ్రాగ్ చేసి డ్రాప్ చేయండి లేదా దిగువ బటన్ క్లిక్ చేయండి మరియు అప్ లోడ్ చేయడానికి ఫైల్ ఎంచుకోండి.",
     confirmDelete: "మీరు రికార్డులను తొలగించాలని అనుకుంటున్నారా",
     keyDuplicationError: "విలువ ప్రత్యేకంగా ఉండాలి",
     addColumn: "కాలం చేర్పించండి",
@@ -26937,8 +27051,8 @@ var teluguStrings = {
     signaturePlaceHolder: "ఇక్కడ సంతకం చేయండి",
     chooseFileCaption: "ఫైల్ ఎంచుకోండి",
     takePhotoCaption: "ఫోటో తీసుకోండి",
-    cameraPlaceHolder: "కెమెరాను ఉపయోగించి ఫోటో తీయడానికి దిగువ బటన్ మీద క్లిక్ చేయండి.",
-    fileCameraDragAreaPlaceHolder: "కెమెరాను ఉపయోగించి ఫోటోను అప్ లోడ్ చేయడానికి లేదా తీయడానికి ఫైల్ ను డ్రాగ్ మరియు డ్రాప్ చేయండి లేదా ఎంచుకోండి.",
+    photoPlaceholder: "కెమెరాను ఉపయోగించి ఫోటో తీయడానికి దిగువ బటన్ మీద క్లిక్ చేయండి.",
+    fileOrPhotoPlaceholder: "కెమెరాను ఉపయోగించి ఫోటోను అప్ లోడ్ చేయడానికి లేదా తీయడానికి ఫైల్ ను డ్రాగ్ మరియు డ్రాప్ చేయండి లేదా ఎంచుకోండి.",
     replaceFileCaption: "ఫైలు మార్చండి",
     removeFileCaption: "ఈ ఫైల్ తీసేయండి",
     booleanCheckedLabel: "అవును",
@@ -26967,7 +27081,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["tel"
 // ratingOptionsCaption: "Select..." => "ఎంచు..."
 // minError: "The value should not be less than {0}" => "విలువ {0} కంటే తక్కువగా ఉండకూడదు."
 // maxError: "The value should not be greater than {0}" => "విలువ {0} కంటే ఎక్కువ ఉండకూడదు."
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "ఇక్కడ ఒక ఫైల్ ను డ్రాగ్ చేసి డ్రాప్ చేయండి లేదా దిగువ బటన్ క్లిక్ చేయండి మరియు అప్ లోడ్ చేయడానికి ఫైల్ ఎంచుకోండి."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "ఇక్కడ ఒక ఫైల్ ను డ్రాగ్ చేసి డ్రాప్ చేయండి లేదా దిగువ బటన్ క్లిక్ చేయండి మరియు అప్ లోడ్ చేయడానికి ఫైల్ ఎంచుకోండి."
 // emptyRowsText: "There are no rows." => "వరుసలు లేవు."
 // multipletext_itemname: "text" => "వచనం"
 // signaturePlaceHolder: "Sign here" => "ఇక్కడ సంతకం చేయండి"
@@ -26981,8 +27095,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["tel"
 // tagboxDoneButtonCaption: "OK" => "సరే"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "అన్ని ఎంపికలు ర్యాంక్ చేయబడతాయి"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "వాటిని ర్యాంక్ చేయడం కొరకు ఎంపికలను ఇక్కడ డ్రాగ్ మరియు డ్రాప్ చేయండి"// takePhotoCaption: "Take Photo" => "ఫోటో తీసుకోండి"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "కెమెరాను ఉపయోగించి ఫోటో తీయడానికి దిగువ బటన్ మీద క్లిక్ చేయండి."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "కెమెరాను ఉపయోగించి ఫోటోను అప్ లోడ్ చేయడానికి లేదా తీయడానికి ఫైల్ ను డ్రాగ్ మరియు డ్రాప్ చేయండి లేదా ఎంచుకోండి."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "కెమెరాను ఉపయోగించి ఫోటో తీయడానికి దిగువ బటన్ మీద క్లిక్ చేయండి."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "కెమెరాను ఉపయోగించి ఫోటోను అప్ లోడ్ చేయడానికి లేదా తీయడానికి ఫైల్ ను డ్రాగ్ మరియు డ్రాప్ చేయండి లేదా ఎంచుకోండి."
 // replaceFileCaption: "Replace file" => "ఫైలు మార్చండి"
 
 
@@ -27047,7 +27161,7 @@ var thaiStrings = {
     loadingFile: "กำลังโหลด...",
     chooseFile: "เลือกไฟล์...",
     noFileChosen: "ไม่ไฟล์ที่เลือก",
-    fileDragAreaPlaceholder: "ลากและวางไฟล์ที่นี่หรือคลิกปุ่มด้านล่างและเลือกไฟล์ที่จะอัปโหลด",
+    filePlaceholder: "ลากและวางไฟล์ที่นี่หรือคลิกปุ่มด้านล่างและเลือกไฟล์ที่จะอัปโหลด",
     confirmDelete: "คุณต้องการลบรายการนี้จริงหรือไม่?",
     keyDuplicationError: "ข้อมูลนี้ต้องเป็น unique.",
     addColumn: "เพิ่มคอลัมน์",
@@ -27076,8 +27190,8 @@ var thaiStrings = {
     signaturePlaceHolder: "ลงชื่อที่นี่",
     chooseFileCaption: "เลือกไฟล์",
     takePhotoCaption: "ถ่ายรูป",
-    cameraPlaceHolder: "คลิกปุ่มด้านล่างเพื่อถ่ายภาพโดยใช้กล้อง",
-    fileCameraDragAreaPlaceHolder: "ลากและวางหรือเลือกไฟล์ที่จะอัปโหลดหรือถ่ายภาพโดยใช้กล้อง",
+    photoPlaceholder: "คลิกปุ่มด้านล่างเพื่อถ่ายภาพโดยใช้กล้อง",
+    fileOrPhotoPlaceholder: "ลากและวางหรือเลือกไฟล์ที่จะอัปโหลดหรือถ่ายภาพโดยใช้กล้อง",
     replaceFileCaption: "แทนที่ไฟล์",
     removeFileCaption: "นำไฟล์นี้ออก",
     booleanCheckedLabel: "ใช่",
@@ -27105,7 +27219,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["th"]
 // ratingOptionsCaption: "Select..." => "เลือก   "
 // minError: "The value should not be less than {0}" => "ค่าไม่ควรน้อยกว่า {0}"
 // maxError: "The value should not be greater than {0}" => "ค่าไม่ควรเกิน{0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "ลากและวางไฟล์ที่นี่หรือคลิกปุ่มด้านล่างและเลือกไฟล์ที่จะอัปโหลด"
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "ลากและวางไฟล์ที่นี่หรือคลิกปุ่มด้านล่างและเลือกไฟล์ที่จะอัปโหลด"
 // emptyRowsText: "There are no rows." => "ไม่มีแถว"
 // multipletext_itemname: "text" => "ข้อความ"
 // signaturePlaceHolder: "Sign here" => "ลงชื่อที่นี่"
@@ -27119,8 +27233,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["th"]
 // tagboxDoneButtonCaption: "OK" => "ตกลง, ได้"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "ตัวเลือกทั้งหมดจะถูกจัดอันดับ"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "ลากและวางตัวเลือกที่นี่เพื่อจัดอันดับ"// takePhotoCaption: "Take Photo" => "ถ่ายรูป"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "คลิกปุ่มด้านล่างเพื่อถ่ายภาพโดยใช้กล้อง"
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "ลากและวางหรือเลือกไฟล์ที่จะอัปโหลดหรือถ่ายภาพโดยใช้กล้อง"
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "คลิกปุ่มด้านล่างเพื่อถ่ายภาพโดยใช้กล้อง"
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "ลากและวางหรือเลือกไฟล์ที่จะอัปโหลดหรือถ่ายภาพโดยใช้กล้อง"
 // replaceFileCaption: "Replace file" => "แทนที่ไฟล์"
 
 
@@ -27185,7 +27299,7 @@ var traditionalChineseSurveyStrings = {
     loadingFile: "裝載。。。",
     chooseFile: "選擇檔案...",
     noFileChosen: "未選擇任何檔",
-    fileDragAreaPlaceholder: "將檔案拖放到此處或按下下面的按鈕並選擇要上傳的檔。",
+    filePlaceholder: "將檔案拖放到此處或按下下面的按鈕並選擇要上傳的檔。",
     confirmDelete: "是否要刪除記錄？",
     keyDuplicationError: "此值應該是唯一的。",
     addColumn: "添加列",
@@ -27214,8 +27328,8 @@ var traditionalChineseSurveyStrings = {
     signaturePlaceHolder: "在此簽名",
     chooseFileCaption: "選擇檔案",
     takePhotoCaption: "拍照",
-    cameraPlaceHolder: "按下下面的按鈕使用相機拍照。",
-    fileCameraDragAreaPlaceHolder: "拖放或選擇要上傳的檔或使用相機拍攝照片。",
+    photoPlaceholder: "按下下面的按鈕使用相機拍照。",
+    fileOrPhotoPlaceholder: "拖放或選擇要上傳的檔或使用相機拍攝照片。",
     replaceFileCaption: "替換檔",
     removeFileCaption: "刪除此檔",
     booleanCheckedLabel: "是的",
@@ -27257,7 +27371,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["zh-t
 // loadingFile: "Loading..." => "裝載。。。"
 // chooseFile: "Choose file(s)..." => "選擇檔案..."
 // noFileChosen: "No file chosen" => "未選擇任何檔"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "將檔案拖放到此處或按下下面的按鈕並選擇要上傳的檔。"
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "將檔案拖放到此處或按下下面的按鈕並選擇要上傳的檔。"
 // confirmDelete: "Do you want to delete the record?" => "是否要刪除記錄？"
 // keyDuplicationError: "This value should be unique." => "此值應該是唯一的。"
 // addColumn: "Add Column" => "添加列"
@@ -27292,8 +27406,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["zh-t
 // tagboxDoneButtonCaption: "OK" => "還行"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "所有選擇均已排名"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "將選項拖放到此處進行排名"// takePhotoCaption: "Take Photo" => "拍照"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "按下下面的按鈕使用相機拍照。"
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "拖放或選擇要上傳的檔或使用相機拍攝照片。"
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "按下下面的按鈕使用相機拍照。"
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "拖放或選擇要上傳的檔或使用相機拍攝照片。"
 // replaceFileCaption: "Replace file" => "替換檔"
 
 
@@ -27358,7 +27472,7 @@ var turkishSurveyStrings = {
     loadingFile: "Yükleniyor...",
     chooseFile: "Dosyaları seçin...",
     noFileChosen: "Dosya seçili değil",
-    fileDragAreaPlaceholder: "Buraya bir dosya bırakın veya dosyayı yüklemek için aşağıdaki düğmeyi tıklayın.",
+    filePlaceholder: "Buraya bir dosya bırakın veya dosyayı yüklemek için aşağıdaki düğmeyi tıklayın.",
     confirmDelete: "Kaydı silmek istiyor musunuz?",
     keyDuplicationError: "Bu değer benzersiz olmalıdır.",
     addColumn: "Sütun Ekle",
@@ -27387,8 +27501,8 @@ var turkishSurveyStrings = {
     signaturePlaceHolder: "Burayı imzalayın",
     chooseFileCaption: "Dosya seçin",
     takePhotoCaption: "Fotoğraf Çekin",
-    cameraPlaceHolder: "Kamerayı kullanarak fotoğraf çekmek için aşağıdaki düğmeyi tıklayın.",
-    fileCameraDragAreaPlaceHolder: "Kamerayı kullanarak fotoğraf yüklemek veya fotoğraf çekmek için bir dosyayı sürükleyip bırakın veya seçin.",
+    photoPlaceholder: "Kamerayı kullanarak fotoğraf çekmek için aşağıdaki düğmeyi tıklayın.",
+    fileOrPhotoPlaceholder: "Kamerayı kullanarak fotoğraf yüklemek veya fotoğraf çekmek için bir dosyayı sürükleyip bırakın veya seçin.",
     replaceFileCaption: "Dosyayı değiştir",
     removeFileCaption: "Bu dosyayı kaldır",
     booleanCheckedLabel: "Evet",
@@ -27412,8 +27526,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["tr"]
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // takePhotoCaption: "Take Photo" => "Fotoğraf Çekin"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Kamerayı kullanarak fotoğraf çekmek için aşağıdaki düğmeyi tıklayın."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Kamerayı kullanarak fotoğraf yüklemek veya fotoğraf çekmek için bir dosyayı sürükleyip bırakın veya seçin."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Kamerayı kullanarak fotoğraf çekmek için aşağıdaki düğmeyi tıklayın."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Kamerayı kullanarak fotoğraf yüklemek veya fotoğraf çekmek için bir dosyayı sürükleyip bırakın veya seçin."
 // replaceFileCaption: "Replace file" => "Dosyayı değiştir"
 
 
@@ -27478,7 +27592,7 @@ var ukrainianSurveyStrings = {
     loadingFile: "Завантаження...",
     chooseFile: "Виберіть файл(и)...",
     noFileChosen: "Файл не вибрано",
-    fileDragAreaPlaceholder: "Перетягніть файл сюди або натисніть кнопку нижче та виберіть файл для завантаження.",
+    filePlaceholder: "Перетягніть файл сюди або натисніть кнопку нижче та виберіть файл для завантаження.",
     confirmDelete: "Ви хочете видалити запис?",
     keyDuplicationError: "Це значення повинно бути унікальним.",
     addColumn: "Додати колонку",
@@ -27507,8 +27621,8 @@ var ukrainianSurveyStrings = {
     signaturePlaceHolder: "Підпишіться тут",
     chooseFileCaption: "Виберіть файл",
     takePhotoCaption: "Зробити фото",
-    cameraPlaceHolder: "Натисніть кнопку нижче, щоб зробити фото за допомогою камери.",
-    fileCameraDragAreaPlaceHolder: "Перетягніть або виберіть файл, щоб завантажити або зробити фотографію за допомогою камери.",
+    photoPlaceholder: "Натисніть кнопку нижче, щоб зробити фото за допомогою камери.",
+    fileOrPhotoPlaceholder: "Перетягніть або виберіть файл, щоб завантажити або зробити фотографію за допомогою камери.",
     replaceFileCaption: "Замінити файл",
     removeFileCaption: "Видалити файл",
     booleanCheckedLabel: "Так",
@@ -27536,7 +27650,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ua"]
 // ratingOptionsCaption: "Select..." => "Виберіть..."
 // minError: "The value should not be less than {0}" => "Значення не повинно бути менше {0}"
 // maxError: "The value should not be greater than {0}" => "Значення не повинно бути більше {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Перетягніть файл сюди або натисніть кнопку нижче та виберіть файл для завантаження."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Перетягніть файл сюди або натисніть кнопку нижче та виберіть файл для завантаження."
 // emptyRowsText: "There are no rows." => "Рядів немає."
 // multipletext_itemname: "text" => "Текст"
 // signaturePlaceHolder: "Sign here" => "Підпишіться тут"
@@ -27550,8 +27664,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ua"]
 // tagboxDoneButtonCaption: "OK" => "ГАРАЗД"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Всі варіанти ранжуються"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Перетягніть варіанти тут, щоб оцінити їх"// takePhotoCaption: "Take Photo" => "Зробити фото"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Натисніть кнопку нижче, щоб зробити фото за допомогою камери."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Перетягніть або виберіть файл, щоб завантажити або зробити фотографію за допомогою камери."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Натисніть кнопку нижче, щоб зробити фото за допомогою камери."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Перетягніть або виберіть файл, щоб завантажити або зробити фотографію за допомогою камери."
 // replaceFileCaption: "Replace file" => "Замінити файл"
 
 
@@ -27616,7 +27730,7 @@ var vietnameseSurveyStrings = {
     loadingFile: "Đang tải...",
     chooseFile: "Chọn các tập tin...",
     noFileChosen: "Không có tập tin nào được chọn",
-    fileDragAreaPlaceholder: "Kéo và thả tệp vào đây hoặc nhấp vào nút bên dưới và chọn tệp để tải lên.",
+    filePlaceholder: "Kéo và thả tệp vào đây hoặc nhấp vào nút bên dưới và chọn tệp để tải lên.",
     confirmDelete: "Bạn muốn xóa dòng này?",
     keyDuplicationError: "Giá trị này không nên bị trùng lặp.",
     addColumn: "Thêm cột",
@@ -27645,8 +27759,8 @@ var vietnameseSurveyStrings = {
     signaturePlaceHolder: "Ký tên tại đây",
     chooseFileCaption: "Chọn tập tin",
     takePhotoCaption: "Chụp ảnh",
-    cameraPlaceHolder: "Nhấp vào nút bên dưới để chụp ảnh bằng máy ảnh.",
-    fileCameraDragAreaPlaceHolder: "Kéo và thả hoặc chọn tệp để tải lên hoặc chụp ảnh bằng máy ảnh.",
+    photoPlaceholder: "Nhấp vào nút bên dưới để chụp ảnh bằng máy ảnh.",
+    fileOrPhotoPlaceholder: "Kéo và thả hoặc chọn tệp để tải lên hoặc chụp ảnh bằng máy ảnh.",
     replaceFileCaption: "Thay thế tập tin",
     removeFileCaption: "Xóa tập tin",
     booleanCheckedLabel: "Có",
@@ -27675,7 +27789,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["vi"]
 // ratingOptionsCaption: "Select..." => "Lựa..."
 // minError: "The value should not be less than {0}" => "Giá trị không được nhỏ hơn {0}"
 // maxError: "The value should not be greater than {0}" => "Giá trị không được lớn hơn {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Kéo và thả tệp vào đây hoặc nhấp vào nút bên dưới và chọn tệp để tải lên."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Kéo và thả tệp vào đây hoặc nhấp vào nút bên dưới và chọn tệp để tải lên."
 // emptyRowsText: "There are no rows." => "Không có hàng."
 // multipletext_itemname: "text" => "Nhắn tin"
 // signaturePlaceHolder: "Sign here" => "Ký tên tại đây"
@@ -27689,8 +27803,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["vi"]
 // tagboxDoneButtonCaption: "OK" => "OK"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Tất cả các lựa chọn được xếp hạng"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Kéo và thả các lựa chọn vào đây để xếp hạng chúng"// takePhotoCaption: "Take Photo" => "Chụp ảnh"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Nhấp vào nút bên dưới để chụp ảnh bằng máy ảnh."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Kéo và thả hoặc chọn tệp để tải lên hoặc chụp ảnh bằng máy ảnh."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Nhấp vào nút bên dưới để chụp ảnh bằng máy ảnh."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Kéo và thả hoặc chọn tệp để tải lên hoặc chụp ảnh bằng máy ảnh."
 // replaceFileCaption: "Replace file" => "Thay thế tập tin"
 
 
@@ -27755,7 +27869,7 @@ var welshSurveyStrings = {
     loadingFile: "Wrthi’n llwytho...",
     chooseFile: "Dewiswch ffeil(iau)...",
     noFileChosen: "Heb ddewis ffeil ",
-    fileDragAreaPlaceholder: "Llusgwch a gollwng ffeil yma neu cliciwch y botwm isod a dewiswch ffeil i'w lanlwytho.",
+    filePlaceholder: "Llusgwch a gollwng ffeil yma neu cliciwch y botwm isod a dewiswch ffeil i'w lanlwytho.",
     confirmDelete: "Ydych chi am ddileu’r cofnod?",
     keyDuplicationError: "Dylai’r gwerth hwn fod yn unigryw.",
     addColumn: "Ychwanegu colofn ",
@@ -27784,8 +27898,8 @@ var welshSurveyStrings = {
     signaturePlaceHolder: "Arwydd yma",
     chooseFileCaption: "Dewiswch ffeil ",
     takePhotoCaption: "Tynnu Llun",
-    cameraPlaceHolder: "Cliciwch y botwm isod i dynnu llun gan ddefnyddio'r camera.",
-    fileCameraDragAreaPlaceHolder: "Llusgwch a gollwng neu dewiswch ffeil i lanlwytho neu dynnu llun gan ddefnyddio'r camera.",
+    photoPlaceholder: "Cliciwch y botwm isod i dynnu llun gan ddefnyddio'r camera.",
+    fileOrPhotoPlaceholder: "Llusgwch a gollwng neu dewiswch ffeil i lanlwytho neu dynnu llun gan ddefnyddio'r camera.",
     replaceFileCaption: "Amnewid ffeil",
     removeFileCaption: "Tynnu’r ffeil hon ",
     booleanCheckedLabel: "Iawn",
@@ -27813,7 +27927,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["cy"]
 // ratingOptionsCaption: "Select..." => "Dewis..."
 // minError: "The value should not be less than {0}" => "Ni ddylai'r gwerth fod yn llai na {0}"
 // maxError: "The value should not be greater than {0}" => "Ni ddylai'r gwerth fod yn fwy na {0}"
-// fileDragAreaPlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Llusgwch a gollwng ffeil yma neu cliciwch y botwm isod a dewiswch ffeil i'w lanlwytho."
+// filePlaceholder: "Drag and drop a file here or click the button below and choose a file to upload." => "Llusgwch a gollwng ffeil yma neu cliciwch y botwm isod a dewiswch ffeil i'w lanlwytho."
 // emptyRowsText: "There are no rows." => "Nid oes unrhyw ffraeau."
 // multipletext_itemname: "text" => "Testun"
 // signaturePlaceHolder: "Sign here" => "Arwydd yma"
@@ -27827,8 +27941,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["cy"]
 // tagboxDoneButtonCaption: "OK" => "OCÊ"
 // selectToRankEmptyRankedAreaText: "All choices are ranked" => "Mae'r holl ddewisiadau yn cael eu rhestru"
 // selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Dewisiadau llusgo a gollwng yma i'w graddio"// takePhotoCaption: "Take Photo" => "Tynnu Llun"
-// cameraPlaceHolder: "Click the button below to take a photo using the camera." => "Cliciwch y botwm isod i dynnu llun gan ddefnyddio'r camera."
-// fileCameraDragAreaPlaceHolder: "Drag and drop or select a file to upload or take a photo using the camera." => "Llusgwch a gollwng neu dewiswch ffeil i lanlwytho neu dynnu llun gan ddefnyddio'r camera."
+// photoPlaceholder: "Click the button below to take a photo using the camera." => "Cliciwch y botwm isod i dynnu llun gan ddefnyddio'r camera."
+// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Llusgwch a gollwng neu dewiswch ffeil i lanlwytho neu dynnu llun gan ddefnyddio'r camera."
 // replaceFileCaption: "Replace file" => "Amnewid ffeil"
 
 
@@ -28531,7 +28645,7 @@ var PageModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(PageModel.prototype, "navigationTitle", {
         /**
-         * A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when [`showProgressBar`](https://surveyjs.io/form-library/documentation/surveymodel#showProgressBar) is `true` and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is `"buttons"`.
+         * A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar) and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"buttons"`.
          *
          * If navigation titles are unspecified, the navigation buttons display page [titles](https://surveyjs.io/form-library/documentation/api-reference/page-model#title) or [names](https://surveyjs.io/form-library/documentation/pagemodel#name).
          */
@@ -28552,6 +28666,9 @@ var PageModel = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(PageModel.prototype, "navigationDescription", {
+        /**
+         * Explanatory text displayed under a navigation button in the progress bar. Applies when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar) and `SurveyModel`'s [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) property is set to `"buttons"`.
+         */
         get: function () {
             return this.getLocalizableStringText("navigationDescription");
         },
@@ -32553,6 +32670,7 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
     PopupDropdownViewModel.prototype.getStyleClass = function () {
         return _super.prototype.getStyleClass.call(this)
             .append("sv-popup--dropdown", !this.isOverlay)
+            .append("sv-popup--dropdown-overlay", this.isOverlay && this.model.overlayDisplayMode !== "overlay")
             .append("sv-popup--tablet", this.isTablet && this.isOverlay)
             .append("sv-popup--show-pointer", !this.isOverlay && this.showHeader)
             .append("sv-popup--" + this.popupDirection, !this.isOverlay && this.showHeader);
@@ -33695,6 +33813,9 @@ var PopupModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "" })
     ], PopupModel.prototype, "title", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "auto" })
+    ], PopupModel.prototype, "overlayDisplayMode", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "popup" })
     ], PopupModel.prototype, "displayMode", void 0);
@@ -33788,6 +33909,7 @@ var TriggerExpressionInfo = /** @class */ (function () {
         this.name = name;
         this.canRun = canRun;
         this.doComplete = doComplete;
+        this.runSecondCheck = function (keys) { return false; };
     }
     return TriggerExpressionInfo;
 }());
@@ -33799,6 +33921,7 @@ var Question = /** @class */ (function (_super) {
     function Question(name) {
         var _this = _super.call(this, name) || this;
         _this.customWidgetData = { isNeedRender: true };
+        _this.hasCssErrorCallback = function () { return false; };
         _this.isReadyValue = true;
         _this.dependedQuestions = [];
         /**
@@ -33836,7 +33959,8 @@ var Question = /** @class */ (function (_super) {
             _this.clearValue();
             _this.updateValueWithDefaults();
         });
-        _this.addTriggerInfo("setValueIf", function () { return true; }, function () { return _this.runSetValueExpression(); });
+        var setValueIfInfo = _this.addTriggerInfo("setValueIf", function () { return true; }, function () { return _this.runSetValueExpression(); });
+        setValueIfInfo.runSecondCheck = function (keys) { return _this.checkExpressionIf(keys); };
         _this.registerPropertyChangedHandlers(["width"], function () {
             _this.updateQuestionCss();
             if (!!_this.parent) {
@@ -33856,7 +33980,7 @@ var Question = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["showCommentArea", "showOtherItem"], function () {
             _this.initCommentFromSurvey();
         });
-        _this.registerFunctionOnPropertiesValueChanged(["no", "readOnly"], function () {
+        _this.registerFunctionOnPropertiesValueChanged(["no", "readOnly", "hasVisibleErrors", "containsErrors"], function () {
             _this.updateQuestionCss();
         });
         _this.registerPropertyChangedHandlers(["isMobile"], function () { _this.onMobileChanged(); });
@@ -33877,6 +34001,7 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.setIsMobile = function (val) {
         this.isMobile = val && (this.allowMobileInDesignMode() || !this.isDesignMode);
     };
+    Question.prototype.themeChanged = function (theme) { };
     Question.prototype.createLocTitleProperty = function () {
         var _this = this;
         var locTitleValue = _super.prototype.createLocTitleProperty.call(this);
@@ -34288,33 +34413,50 @@ var Question = /** @class */ (function (_super) {
             requiredAnsweredQuestionCount: !this.isEmpty() && this.isRequired ? 1 : 0,
         };
     };
-    Question.prototype.runSetValueExpression = function () {
+    Question.prototype.ensureSetValueExpressionRunner = function () {
         var _this = this;
+        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;
+        }
+    };
+    Question.prototype.runSetValueExpression = function () {
         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.ensureSetValueExpressionRunner();
             this.setValueExpressionRunner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
         }
     };
+    Question.prototype.checkExpressionIf = function (keys) {
+        this.ensureSetValueExpressionRunner();
+        if (!this.setValueExpressionRunner)
+            return false;
+        return new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_13__["ProcessValue"]().isAnyKeyChanged(keys, this.setValueExpressionRunner.getVariables());
+    };
     Question.prototype.addTriggerInfo = function (name, canRun, doComplete) {
-        this.triggersInfo.push(new TriggerExpressionInfo(name, canRun, doComplete));
+        var info = new TriggerExpressionInfo(name, canRun, doComplete);
+        this.triggersInfo.push(info);
+        return info;
     };
     Question.prototype.runTriggerInfo = function (info, name, value) {
         var expression = this[info.name];
-        if (!expression || info.isRunning || !info.canRun())
+        var keys = {};
+        keys[name] = value;
+        if (!expression || info.isRunning || !info.canRun()) {
+            if (info.runSecondCheck(keys)) {
+                info.doComplete();
+            }
             return;
+        }
         if (!info.runner) {
             info.runner = new _conditions__WEBPACK_IMPORTED_MODULE_6__["ExpressionRunner"](expression);
             info.runner.onRunComplete = function (res) {
@@ -34327,9 +34469,7 @@ var Question = /** @class */ (function (_super) {
         else {
             info.runner.expression = expression;
         }
-        var keys = {};
-        keys[name] = value;
-        if (!new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_13__["ProcessValue"]().isAnyKeyChanged(keys, info.runner.getVariables()))
+        if (!new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_13__["ProcessValue"]().isAnyKeyChanged(keys, info.runner.getVariables()) && !info.runSecondCheck(keys))
             return;
         info.isRunning = true;
         info.runner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
@@ -34870,13 +35010,19 @@ var Question = /** @class */ (function (_super) {
         this.setPropertyValue("cssRoot", val);
     };
     Question.prototype.getCssRoot = function (cssClasses) {
+        var hasError = this.hasCssError();
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
             .append(_super.prototype.getCssRoot.call(this, cssClasses))
             .append(this.isFlowLayout && !this.isDesignMode
             ? cssClasses.flowRoot
             : cssClasses.mainRoot)
             .append(cssClasses.titleLeftRoot, !this.isFlowLayout && this.hasTitleOnLeft)
-            .append(cssClasses.hasError, this.errors.length > 0)
+            .append(cssClasses.titleTopRoot, !this.isFlowLayout && this.hasTitleOnTop)
+            .append(cssClasses.titleBottomRoot, !this.isFlowLayout && this.hasTitleOnBottom)
+            .append(cssClasses.descriptionUnderInputRoot, !this.isFlowLayout && this.hasDescriptionUnderInput)
+            .append(cssClasses.hasError, hasError)
+            .append(cssClasses.hasErrorTop, hasError && this.getErrorLocation() == "top")
+            .append(cssClasses.hasErrorBottom, hasError && this.getErrorLocation() == "bottom")
             .append(cssClasses.small, !this.width)
             .append(cssClasses.answered, this.isAnswered)
             .toString();
@@ -35011,6 +35157,9 @@ var Question = /** @class */ (function (_super) {
             .append(cssClasses.error.locationBottom, this.showErrorOnBottom)
             .toString();
     };
+    Question.prototype.hasCssError = function () {
+        return this.errors.length > 0 || this.hasCssErrorCallback();
+    };
     Question.prototype.getRootCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
             .append(this.cssRoot)
@@ -35778,7 +35927,9 @@ var Question = /** @class */ (function (_super) {
     });
     Object.defineProperty(Question.prototype, "setValueExpression", {
         /**
-         * An expression used to calculate the question value. Applies only when the [`setValueIf`](#setValueIf) expression evaluates to `true`.
+         * An expression used to calculate the question value.
+         *
+         * You can use `setValueExpression` as a standalone property or in conjunction with the [`setValueIf`](#setValueIf) expression, in which case the calculated question value applies only when `setValueIf` evaluates to `true`.
          *
          * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
          * @see defaultValueExpression
@@ -36173,9 +36324,6 @@ var Question = /** @class */ (function (_super) {
             }
         }
         this.updateContainsErrors();
-        if (oldHasErrors != errors.length > 0) {
-            this.updateQuestionCss();
-        }
         if (this.isCollapsed && rec && fireCallback && errors.length > 0) {
             this.expand();
         }
@@ -36711,7 +36859,7 @@ var Question = /** @class */ (function (_super) {
         get: function () {
             if (this.isNewA11yStructure)
                 return null;
-            return this.errors.length > 0 ? "true" : "false";
+            return this.hasCssError() ? "true" : "false";
         },
         enumerable: false,
         configurable: true
@@ -36741,7 +36889,7 @@ var Question = /** @class */ (function (_super) {
         get: function () {
             if (this.isNewA11yStructure)
                 return null;
-            return this.errors.length > 0 ? this.id + "_errors" : null;
+            return this.hasCssError() ? this.id + "_errors" : null;
         },
         enumerable: false,
         configurable: true
@@ -36764,7 +36912,7 @@ var Question = /** @class */ (function (_super) {
     });
     Object.defineProperty(Question.prototype, "a11y_input_ariaInvalid", {
         get: function () {
-            return this.errors.length > 0 ? "true" : "false";
+            return this.hasCssError() ? "true" : "false";
         },
         enumerable: false,
         configurable: true
@@ -36795,7 +36943,7 @@ var Question = /** @class */ (function (_super) {
     });
     Object.defineProperty(Question.prototype, "a11y_input_ariaDescribedBy", {
         get: function () {
-            return this.errors.length > 0 ? this.id + "_errors" : null;
+            return this.hasCssError() ? this.id + "_errors" : null;
         },
         enumerable: false,
         configurable: true
@@ -37506,8 +37654,6 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     };
     QuestionSelectBase.prototype.runCondition = function (values, properties) {
         _super.prototype.runCondition.call(this, values, properties);
-        if (this.isUsingCarryForward)
-            return;
         this.runItemsEnableCondition(values, properties);
         this.runItemsCondition(values, properties);
     };
@@ -38167,7 +38313,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionSelectBase.prototype.updateVisibleChoices = function () {
-        if (this.isLoadingFromJson)
+        if (this.isLoadingFromJson || this.isDisposed)
             return;
         var newValue = new Array();
         var calcValue = this.calcVisibleChoices();
@@ -38176,7 +38322,10 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         for (var i = 0; i < calcValue.length; i++) {
             newValue.push(calcValue[i]);
         }
-        this.setPropertyValue("visibleChoices", newValue);
+        var oldValue = this.visibleChoices;
+        if (!this.isTwoValueEquals(oldValue, newValue) || this.choicesLazyLoadEnabled) {
+            this.setArrayPropertyDirectly("visibleChoices", newValue);
+        }
     };
     QuestionSelectBase.prototype.calcVisibleChoices = function () {
         if (this.canUseFilteredChoices())
@@ -38843,7 +38992,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             .append(this.cssClasses.item)
             .append(this.cssClasses.itemInline, !this.hasColumns && this.colCount === 0)
             .append("sv-q-col-" + this.getCurrentColCount(), !this.hasColumns && this.colCount !== 0)
-            .append(this.cssClasses.itemOnError, this.errors.length > 0);
+            .append(this.cssClasses.itemOnError, this.hasCssError());
         var isDisabled = this.isReadOnly || !item.isEnabled;
         var isChecked = this.isItemSelected(item) ||
             (this.isOtherSelected && this.otherItem.value === item.value);
@@ -39237,13 +39386,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("selectbase", [
         },
     },
     "hideIfChoicesEmpty:boolean",
-    {
-        name: "choicesVisibleIf:condition",
-        dependsOn: "choicesFromQuestion",
-        visibleIf: function (obj) {
-            return !obj.choicesFromQuestion;
-        },
-    },
+    "choicesVisibleIf:condition",
     {
         name: "choicesEnableIf:condition",
         dependsOn: "choicesFromQuestion",
@@ -39559,7 +39702,7 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
     QuestionBooleanModel.prototype.getItemCssValue = function (css) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(css.item)
-            .append(css.itemOnError, this.errors.length > 0)
+            .append(css.itemOnError, this.hasCssError())
             .append(css.itemDisabled, this.isReadOnly)
             .append(css.itemHover, !this.isDesignMode)
             .append(css.itemChecked, !!this.booleanValue)
@@ -41386,6 +41529,7 @@ var QuestionCustomModel = /** @class */ (function (_super) {
             res.onUpdateCssClassesCallback = function (css) {
                 _this.onUpdateQuestionCssClasses(res, css);
             };
+            res.hasCssErrorCallback = function () { return _this.errors.length > 0; };
         }
         return res;
     };
@@ -41874,6 +42018,13 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionDropdownModel.prototype, "showClearButton", {
+        get: function () {
+            return this.allowClear && !this.isEmpty() && (!this.isDesignMode || _settings__WEBPACK_IMPORTED_MODULE_5__["settings"].supportCreatorV2);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionDropdownModel.prototype, "optionsCaption", {
         get: function () {
             return this.placeholder;
@@ -42044,7 +42195,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(this.cssClasses.control)
             .append(this.cssClasses.controlEmpty, this.isEmpty())
-            .append(this.cssClasses.onError, this.errors.length > 0)
+            .append(this.cssClasses.onError, this.hasCssError())
             .append(this.cssClasses.controlDisabled, this.isReadOnly)
             .append(this.cssClasses.controlInputFieldComponent, !!this.inputFieldComponentName)
             .toString();
@@ -42852,6 +43003,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
 /* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helpers */ "./src/helpers.ts");
 /* harmony import */ var _utils_camera__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils/camera */ "./src/utils/camera.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -42884,6 +43036,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 /**
  * A class that describes the File Upload question type.
  *
@@ -43364,37 +43517,31 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.getConfirmRemoveMessage = function (fileName) {
         return this.confirmRemoveMessage.format(fileName);
     };
-    Object.defineProperty(QuestionFileModel.prototype, "renderedPlaceholder", {
+    Object.defineProperty(QuestionFileModel.prototype, "locRenderedPlaceholder", {
         get: function () {
             var _this = this;
-            if (this.renderedPlaceholderValue === undefined) {
-                this.renderedPlaceholderValue = (new _base__WEBPACK_IMPORTED_MODULE_3__["ComputedUpdater"](function () {
-                    var dragAreaText = _this.dragAreaPlaceholder;
-                    var fileCameraDragAreaPlaceHolder = _this.fileCameraDragAreaPlaceholder;
-                    var cameraPlaceHolder = _this.cameraPlaceholder;
-                    var readOnlyText = _this.noFileChosenCaption;
+            if (this.locRenderedPlaceholderValue === undefined) {
+                this.locRenderedPlaceholderValue = (new _base__WEBPACK_IMPORTED_MODULE_3__["ComputedUpdater"](function () {
                     var isReadOnly = _this.isReadOnly;
-                    var hasFileUI = _this.hasFileUI;
-                    var hasVideoUI = _this.hasVideoUI;
-                    var renderedPlaceholder = "";
+                    var hasFileUI = (!_this.isDesignMode && _this.hasFileUI) || (_this.isDesignMode && _this.sourceType != "camera");
+                    var hasVideoUI = (!_this.isDesignMode && _this.hasVideoUI) || (_this.isDesignMode && _this.sourceType != "file");
+                    var renderedPlaceholder;
                     if (isReadOnly) {
-                        renderedPlaceholder = readOnlyText;
+                        renderedPlaceholder = _this.locNoFileChosenCaption;
+                    }
+                    else if (hasFileUI && hasVideoUI) {
+                        renderedPlaceholder = _this.locFileOrPhotoPlaceholder;
                     }
                     else if (hasFileUI) {
-                        if (hasVideoUI) {
-                            renderedPlaceholder = fileCameraDragAreaPlaceHolder;
-                        }
-                        else {
-                            renderedPlaceholder = dragAreaText;
-                        }
+                        renderedPlaceholder = _this.locFilePlaceholder;
                     }
                     else {
-                        renderedPlaceholder = cameraPlaceHolder;
+                        renderedPlaceholder = _this.locPhotoPlaceholder;
                     }
                     return renderedPlaceholder;
                 }));
             }
-            return this.renderedPlaceholderValue;
+            return this.locRenderedPlaceholderValue;
         },
         enumerable: false,
         configurable: true
@@ -43807,7 +43954,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.getFileDecoratorCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(this.cssClasses.fileDecorator)
-            .append(this.cssClasses.onError, this.errors.length > 0)
+            .append(this.cssClasses.onError, this.hasCssError())
             .append(this.cssClasses.fileDecoratorDrag, this.isDragging)
             .toString();
     };
@@ -43991,17 +44138,17 @@ var QuestionFileModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "chooseFile" } })
     ], QuestionFileModel.prototype, "chooseFileTitle", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "fileCameraDragAreaPlaceHolder" } })
-    ], QuestionFileModel.prototype, "fileCameraDragAreaPlaceholder", void 0);
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "fileOrPhotoPlaceholder" } })
+    ], QuestionFileModel.prototype, "fileOrPhotoPlaceholder", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "cameraPlaceHolder" } })
-    ], QuestionFileModel.prototype, "cameraPlaceholder", void 0);
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "photoPlaceholder" } })
+    ], QuestionFileModel.prototype, "photoPlaceholder", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "fileDragAreaPlaceholder" } })
-    ], QuestionFileModel.prototype, "dragAreaPlaceholder", void 0);
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "filePlaceholder" } })
+    ], QuestionFileModel.prototype, "filePlaceholder", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], QuestionFileModel.prototype, "renderedPlaceholderValue", void 0);
+    ], QuestionFileModel.prototype, "locRenderedPlaceholderValue", void 0);
     return QuestionFileModel;
 }(_question__WEBPACK_IMPORTED_MODULE_0__["Question"]));
 
@@ -44009,7 +44156,14 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("file", [
     { name: "showCommentArea:switch", layout: "row", visible: true, category: "general" },
     { name: "showPreview:boolean", default: true },
     "allowMultiple:boolean",
-    { name: "allowImagesPreview:boolean", default: true },
+    {
+        name: "allowImagesPreview:boolean",
+        default: true,
+        dependsOn: "showPreview",
+        visibleIf: function (obj) {
+            return !!obj.showPreview;
+        },
+    },
     "imageHeight",
     "imageWidth",
     "acceptedTypes",
@@ -44020,8 +44174,11 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("file", [
     { name: "correctAnswer", visible: false },
     { name: "validators", visible: false },
     { name: "needConfirmRemoveFile:boolean" },
-    { name: "allowCameraAccess:switch", category: "general" },
-    { name: "sourceType", choices: ["file", "camera", "file-camera"], default: "file", category: "general", visible: true }
+    { name: "sourceType", choices: ["file", "camera", "file-camera"], default: "file", category: "general", visible: true, visibleIf: function () { return _settings__WEBPACK_IMPORTED_MODULE_11__["settings"].supportCreatorV2; } },
+    { name: "fileOrPhotoPlaceholder:text", serializationProperty: "locFileOrPhotoPlaceholder", category: "general", visibleIf: function () { return _settings__WEBPACK_IMPORTED_MODULE_11__["settings"].supportCreatorV2; } },
+    { name: "photoPlaceholder:text", serializationProperty: "locPhotoPlaceholder", category: "general", visibleIf: function () { return _settings__WEBPACK_IMPORTED_MODULE_11__["settings"].supportCreatorV2; } },
+    { name: "filePlaceholder:text", serializationProperty: "locFilePlaceholder", category: "general", visibleIf: function () { return _settings__WEBPACK_IMPORTED_MODULE_11__["settings"].supportCreatorV2; } },
+    { name: "allowCameraAccess:switch", category: "general", visible: false },
 ], function () {
     return new QuestionFileModel("");
 }, "question");
@@ -45525,7 +45682,7 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_11__["CssClassBuilder"]()
             .append(this.cssClasses.cell, this.hasCellText)
             .append(this.hasCellText ? this.cssClasses.cellText : this.cssClasses.label)
-            .append(this.cssClasses.itemOnError, !this.hasCellText && this.errors.length > 0)
+            .append(this.cssClasses.itemOnError, !this.hasCellText && this.hasCssError())
             .append(this.hasCellText ? this.cssClasses.cellTextSelected : this.cssClasses.itemChecked, isChecked)
             .append(this.hasCellText ? this.cssClasses.cellTextDisabled : this.cssClasses.itemDisabled, isDisabled)
             .append(this.cssClasses.itemHover, allowHover && !this.hasCellText)
@@ -45645,7 +45802,7 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
     };
     QuestionMatrixModel.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
         _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
-        if ((!isOnValueChanged || this.errors.length > 0) &&
+        if ((!isOnValueChanged || this.hasCssError()) &&
             this.hasErrorInRows()) {
             errors.push(new _error__WEBPACK_IMPORTED_MODULE_6__["RequiredInAllRowsError"](null, this));
         }
@@ -51111,7 +51268,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionMatrixDynamicModel.prototype, "allowRowsDragAndDrop", {
         /**
-         * Specifies whether users can drag and drop matrix rows to reorder them.
+         * Specifies whether users can drag and drop matrix rows to reorder them. Applies only if [`columnLayout`](#columnLayout) is `"horizontal"`.
          *
          * Default value: `false`
          */
@@ -52215,6 +52372,32 @@ var MultipleTextItemModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MultipleTextItemModel.prototype, "minValueExpression", {
+        /**
+         * The minimum value specified as an expression. For example, `"minValueExpression": "today(-1)"` sets the minimum value to yesterday.
+         */
+        get: function () {
+            return this.editor.minValueExpression;
+        },
+        set: function (val) {
+            this.editor.minValueExpression = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MultipleTextItemModel.prototype, "maxValueExpression", {
+        /**
+         * The maximum value specified as an expression. For example, `"maxValueExpression": "today(1)"` sets the maximum value to tomorrow.
+         */
+        get: function () {
+            return this.editor.maxValueExpression;
+        },
+        set: function (val) {
+            this.editor.maxValueExpression = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MultipleTextItemModel.prototype, "validators", {
         /**
          * The list of question validators.
@@ -52640,6 +52823,10 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
             this.items[i].onValueChanged(itemValue);
         }
     };
+    QuestionMultipleTextModel.prototype.runCondition = function (values, properties) {
+        _super.prototype.runCondition.call(this, values, properties);
+        this.items.forEach(function (item) { return item.editor.runCondition(values, properties); });
+    };
     QuestionMultipleTextModel.prototype.getIsRunningValidators = function () {
         if (_super.prototype.getIsRunningValidators.call(this))
             return true;
@@ -52903,6 +53090,22 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_4__["Serializer"].addClass("multipletextite
         name: "requiredErrorText:text",
         serializationProperty: "locRequiredErrorText",
     },
+    {
+        name: "minValueExpression:expression",
+        category: "logic",
+        dependsOn: "inputType",
+        visibleIf: function (obj) {
+            return Object(_question_text__WEBPACK_IMPORTED_MODULE_3__["isMinMaxType"])(obj);
+        },
+    },
+    {
+        name: "maxValueExpression:expression",
+        category: "logic",
+        dependsOn: "inputType",
+        visibleIf: function (obj) {
+            return Object(_question_text__WEBPACK_IMPORTED_MODULE_3__["isMinMaxType"])(obj);
+        },
+    },
     {
         name: "validators:validators",
         baseClassName: "surveyvalidator",
@@ -53877,6 +54080,14 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             question.setIsMobile(val);
         }); });
     };
+    QuestionPanelDynamicModel.prototype.themeChanged = function (theme) {
+        _super.prototype.themeChanged.call(this, theme);
+        (this.panels || []).forEach(function (panel) {
+            return panel.getQuestions(true).forEach(function (question) {
+                question.themeChanged(theme);
+            });
+        });
+    };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "panelCount", {
         /**
          * The number of panels in Dynamic Panel.
@@ -55880,31 +56091,23 @@ var QuestionRankingModel = /** @class */ (function (_super) {
                     return;
                 }
                 if (key === "ArrowUp" && index) {
-                    _this.handleArrowUp(index, choice);
+                    _this.handleArrowKeys(index, choice, false);
                     event.preventDefault();
                 }
                 if (key === "ArrowDown" && index !== _this.rankingChoices.length - 1) {
-                    _this.handleArrowDown(index, choice);
+                    _this.handleArrowKeys(index, choice, true);
                     event.preventDefault();
                 }
             }
         };
-        _this.handleArrowUp = function (index, choice) {
-            var choices = _this.rankingChoices;
-            choices.splice(index, 1);
-            choices.splice(index - 1, 0, choice);
-            _this.setValue();
-            setTimeout(function () {
-                _this.focusItem(index - 1);
-            }, 1);
-        };
-        _this.handleArrowDown = function (index, choice) {
+        _this.handleArrowKeys = function (index, choice, isDown) {
+            var delta = isDown ? 1 : -1;
             var choices = _this.rankingChoices;
             choices.splice(index, 1);
-            choices.splice(index + 1, 0, choice);
+            choices.splice(index + delta, 0, choice);
             _this.setValue();
             setTimeout(function () {
-                _this.focusItem(index + 1);
+                _this.focusItem(index + delta);
             }, 1);
         };
         _this.focusItem = function (index, container) {
@@ -55951,7 +56154,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
                 .append(this.cssClasses.rootMobileMod, _utils_devices__WEBPACK_IMPORTED_MODULE_7__["IsMobile"])
                 .append(this.cssClasses.rootDisabled, this.isReadOnly)
                 .append(this.cssClasses.rootDesignMode, !!this.isDesignMode)
-                .append(this.cssClasses.itemOnError, this.errors.length > 0)
+                .append(this.cssClasses.itemOnError, this.hasCssError())
                 .append(this.cssClasses.rootDragHandleAreaIcon, _src_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].rankingDragHandleArea === "icon")
                 .append(this.cssClasses.rootSelectToRankMod, this.selectToRankEnabled)
                 .append(this.cssClasses.rootSelectToRankAlignHorizontal, this.selectToRankEnabled && this.selectToRankAreasLayout === "horizontal")
@@ -56188,46 +56391,39 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     QuestionRankingModel.prototype.handleKeydownSelectToRank = function (event, movedElement) {
         if (this.isDesignMode)
             return;
-        var dnd = this.dragDropRankingChoices; //????
         var key = event.key;
+        if (key !== " " && key !== "ArrowUp" && key !== "ArrowDown")
+            return;
+        var dnd = this.dragDropRankingChoices; //????
         var rankingChoices = this.rankingChoices;
-        var unRankingChoices = this.unRankingChoices;
         var isMovedElementRanked = rankingChoices.indexOf(movedElement) !== -1;
-        var isMovedElementUnRanked = !isMovedElementRanked;
-        var fromIndex;
+        var choices = isMovedElementRanked ? rankingChoices : this.unRankingChoices;
+        var fromIndex = choices.indexOf(movedElement);
+        if (fromIndex < 0)
+            return;
         var toIndex;
-        if ((key === " " || key === "Enter") && isMovedElementUnRanked) {
-            fromIndex = unRankingChoices.indexOf(movedElement);
+        if (key === " " && !isMovedElementRanked) {
             toIndex = 0;
             dnd.selectToRank(this, fromIndex, toIndex);
             this.setValueAfterKeydown(toIndex, "to-container");
             return;
         }
-        if ((key === " " || key === "Enter") && isMovedElementRanked) {
-            fromIndex = rankingChoices.indexOf(movedElement);
+        if (!isMovedElementRanked)
+            return;
+        if (key === " ") {
             dnd.unselectFromRank(this, fromIndex);
             toIndex = this.unRankingChoices.indexOf(movedElement); //'this.' leads to actual array after the 'unselectFromRank' method
             this.setValueAfterKeydown(toIndex, "from-container");
             return;
         }
-        if (key === "ArrowUp" && isMovedElementRanked) {
-            fromIndex = rankingChoices.indexOf(movedElement);
-            toIndex = fromIndex - 1;
-            if (fromIndex < 0)
-                return;
-            dnd.reorderRankedItem(this, fromIndex, toIndex);
-            this.setValueAfterKeydown(toIndex, "to-container");
+        var delta = key === "ArrowUp" ? -1 : (key === "ArrowDown" ? 1 : 0);
+        if (delta === 0)
             return;
-        }
-        if (key === "ArrowDown" && isMovedElementRanked) {
-            fromIndex = rankingChoices.indexOf(movedElement);
-            toIndex = fromIndex + 1;
-            if (toIndex >= rankingChoices.length)
-                return;
-            dnd.reorderRankedItem(this, fromIndex, toIndex);
-            this.setValueAfterKeydown(toIndex, "to-container");
+        toIndex = fromIndex + delta;
+        if (toIndex < 0 || toIndex >= rankingChoices.length)
             return;
-        }
+        dnd.reorderRankedItem(this, fromIndex, toIndex);
+        this.setValueAfterKeydown(toIndex, "to-container");
     };
     QuestionRankingModel.prototype.setValueAfterKeydown = function (index, container) {
         var _this = this;
@@ -56315,6 +56511,27 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionRankingModel.prototype, "dragDropSvgIcon", {
+        get: function () {
+            return this.cssClasses.dragDropSvgIconId || "#icon-drag-n-drop";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionRankingModel.prototype, "arrowsSvgIcon", {
+        get: function () {
+            return this.cssClasses.arrowsSvgIconId || "#icon-ranking-arrows";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionRankingModel.prototype, "dashSvgIcon", {
+        get: function () {
+            return this.cssClasses.dashSvgIconId || "#icon-ranking-dash";
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionRankingModel.prototype, "isNewA11yStructure", {
         //a11y
         get: function () {
@@ -56935,13 +57152,24 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionRatingModel.prototype, "itemComponentName", {
+    QuestionRatingModel.prototype.getDefaultItemComponent = function () {
+        if (this.renderAs == "dropdown")
+            return "";
+        if (this.isStar)
+            return "sv-rating-item-star";
+        if (this.isSmiley)
+            return "sv-rating-item-smiley";
+        return "sv-rating-item";
+    };
+    Object.defineProperty(QuestionRatingModel.prototype, "itemComponent", {
+        /**
+         * The name of a component used to render items.
+         */
         get: function () {
-            if (this.isStar)
-                return "sv-rating-item-star";
-            if (this.isSmiley)
-                return "sv-rating-item-smiley";
-            return "sv-rating-item";
+            return this.getPropertyValue("itemComponent", this.getDefaultItemComponent());
+        },
+        set: function (value) {
+            this.setPropertyValue("itemComponent", value);
         },
         enumerable: false,
         configurable: true
@@ -57144,7 +57372,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             .append(itemScaleColoredClass, this.scaleColorMode == "colored")
             .append(itemRateColoredClass, this.rateColorMode == "scale" && isSelected)
             .append(itemUnhighlightedClass, isUnhighlighted)
-            .append(itemitemOnErrorClass, this.errors.length > 0)
+            .append(itemitemOnErrorClass, this.hasCssError())
             .append(itemSmallClass, this.itemSmallMode)
             .append(this.cssClasses.itemFixedSize, hasFixedSize)
             .toString();
@@ -57155,7 +57383,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
             .append(this.cssClasses.control)
             .append(this.cssClasses.controlEmpty, this.isEmpty())
-            .append(this.cssClasses.onError, this.errors.length > 0)
+            .append(this.cssClasses.onError, this.hasCssError())
             .append(this.cssClasses.controlDisabled, this.isReadOnly)
             .toString();
     };
@@ -57276,17 +57504,16 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         }
         return classes;
     };
+    QuestionRatingModel.prototype.themeChanged = function (theme) {
+        this.colorsCalculated = false;
+        this.updateColors(theme.cssVariables);
+        this.createRenderedRateItems();
+    };
     QuestionRatingModel.prototype.setSurveyImpl = function (value, isLight) {
-        var _this = this;
         _super.prototype.setSurveyImpl.call(this, value, isLight);
         if (!this.survey)
             return;
         this.updateColors(this.survey.themeVariables);
-        this.survey.onThemeApplied.add(function (survey, options) {
-            _this.colorsCalculated = false;
-            _this.updateColors(options.theme.cssVariables);
-            _this.createRenderedRateItems();
-        });
     };
     QuestionRatingModel.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
@@ -57465,7 +57692,14 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("rating", [
         default: "auto",
         choices: ["auto", "buttons", "dropdown"],
         visibleIndex: 20
-    }
+    },
+    { name: "itemComponent", visible: false, defaultFunc: function (obj) {
+            if (!obj)
+                return "sv-rating-item";
+            if (!!obj.getOriginalObj)
+                obj = obj.getOriginalObj();
+            return obj.getDefaultItemComponent();
+        } }
 ], function () {
     return new QuestionRatingModel("");
 }, "question");
@@ -57590,16 +57824,10 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
             this.destroySignaturePad(el);
         }
     };
-    QuestionSignaturePadModel.prototype.setSurveyImpl = function (value, isLight) {
-        var _this = this;
-        _super.prototype.setSurveyImpl.call(this, value, isLight);
-        if (!this.survey)
-            return;
-        this.survey.onThemeApplied.add(function (survey, options) {
-            if (!!_this.signaturePad) {
-                _this.updateColors(_this.signaturePad);
-            }
-        });
+    QuestionSignaturePadModel.prototype.themeChanged = function (theme) {
+        if (!!this.signaturePad) {
+            this.updateColors(this.signaturePad);
+        }
     };
     QuestionSignaturePadModel.prototype.initSignaturePad = function (el) {
         var _this = this;
@@ -57799,15 +58027,11 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionSignaturePadModel.prototype.needShowPlaceholder = function () {
-        return !this.isDrawingValue && this.isEmpty();
+        var showPlaceholder = this.showPlaceholder;
+        var isDrawing = this.isDrawingValue;
+        var isEmpty = this.isEmpty();
+        return showPlaceholder && !isDrawing && isEmpty;
     };
-    Object.defineProperty(QuestionSignaturePadModel.prototype, "placeHolderText", {
-        get: function () {
-            return this.getLocalizationString("signaturePlaceHolder");
-        },
-        enumerable: false,
-        configurable: true
-    });
     QuestionSignaturePadModel.prototype.endLoadingFromJson = function () {
         _super.prototype.endLoadingFromJson.call(this);
         //todo: need to remove this code
@@ -57825,6 +58049,12 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
     ], QuestionSignaturePadModel.prototype, "isDrawingValue", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({})
+    ], QuestionSignaturePadModel.prototype, "showPlaceholder", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ localizable: { defaultStr: "signaturePlaceHolder" } })
+    ], QuestionSignaturePadModel.prototype, "placeholder", void 0);
     return QuestionSignaturePadModel;
 }(_question__WEBPACK_IMPORTED_MODULE_2__["Question"]));
 
@@ -57858,6 +58088,11 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("signaturepad",
         category: "general",
         default: true,
     },
+    { name: "showPlaceholder:boolean", category: "general", default: true },
+    { name: "placeholder:text",
+        serializationProperty: "locPlaceholder",
+        category: "general",
+        dependsOn: "showPlaceholder", visibleIf: function (obj) { return obj.showPlaceholder; } },
     {
         name: "backgroundImage:file",
         category: "general",
@@ -58042,7 +58277,7 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
             .append(this.cssClasses.control)
             .append(this.cssClasses.controlEmpty, this.isEmpty())
-            .append(this.cssClasses.onError, this.errors.length > 0)
+            .append(this.cssClasses.onError, this.hasCssError())
             .append(this.cssClasses.controlDisabled, this.isReadOnly)
             .toString();
     };
@@ -58121,6 +58356,13 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         _super.prototype.clearValue.call(this);
         this.dropdownListModel.clear();
     };
+    Object.defineProperty(QuestionTagboxModel.prototype, "showClearButton", {
+        get: function () {
+            return this.allowClear && !this.isEmpty() && (!this.isDesignMode || _settings__WEBPACK_IMPORTED_MODULE_5__["settings"].supportCreatorV2);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionTagboxModel.prototype, "isNewA11yStructure", {
         //a11y
         get: function () {
@@ -58191,12 +58433,13 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_1__["QuestionFactory"].Instance.regist
 /*!******************************!*\
   !*** ./src/question_text.ts ***!
   \******************************/
-/*! exports provided: QuestionTextModel */
+/*! exports provided: QuestionTextModel, isMinMaxType */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionTextModel", function() { return QuestionTextModel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isMinMaxType", function() { return isMinMaxType; });
 /* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _localizablestring__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./localizablestring */ "./src/localizablestring.ts");
@@ -59155,7 +59398,7 @@ var QuestionTextBase = /** @class */ (function (_super) {
     QuestionTextBase.prototype.getControlClass = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(this.cssClasses.root)
-            .append(this.cssClasses.onError, this.errors.length > 0)
+            .append(this.cssClasses.onError, this.hasCssError())
             .append(this.cssClasses.controlDisabled, this.isReadOnly)
             .toString();
     };
@@ -60171,106 +60414,6 @@ _element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.re
 });
 
 
-/***/ }),
-
-/***/ "./src/react/components/cover.tsx":
-/*!****************************************!*\
-  !*** ./src/react/components/cover.tsx ***!
-  \****************************************/
-/*! exports provided: CoverCellComponent, CoverComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CoverCellComponent", function() { return CoverCellComponent; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CoverComponent", function() { return CoverComponent; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../reactquestion_element */ "./src/react/reactquestion_element.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../element-factory */ "./src/react/element-factory.tsx");
-/* harmony import */ var _title_title_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./title/title-element */ "./src/react/components/title/title-element.tsx");
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-
-
-
-
-var CoverCellComponent = /** @class */ (function (_super) {
-    __extends(CoverCellComponent, _super);
-    function CoverCellComponent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Object.defineProperty(CoverCellComponent.prototype, "model", {
-        get: function () {
-            return this.props.model;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CoverCellComponent.prototype.renderLogoImage = function () {
-        var componentName = this.model.survey.getElementWrapperComponentName(this.model.survey, "logo-image");
-        var componentData = this.model.survey.getElementWrapperComponentData(this.model.survey, "logo-image");
-        return _element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.createElement(componentName, {
-            data: componentData,
-        });
-    };
-    CoverCellComponent.prototype.render = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.css, style: this.model.style },
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-cover__cell-content", style: this.model.contentStyle },
-                this.model.showLogo ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-cover__logo" }, this.renderLogoImage())) : null,
-                this.model.showTitle ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-cover__title", style: { maxWidth: this.model.textAreaWidth } },
-                    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_title_title_element__WEBPACK_IMPORTED_MODULE_3__["TitleElement"], { element: this.model.survey }))) : null,
-                this.model.showDescription ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-cover__description", style: { maxWidth: this.model.textAreaWidth } },
-                    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h5", { className: this.model.survey.css.description }, _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"].renderLocString(this.model.survey.locDescription)))) : null)));
-    };
-    return CoverCellComponent;
-}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component));
-
-var CoverComponent = /** @class */ (function (_super) {
-    __extends(CoverComponent, _super);
-    function CoverComponent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Object.defineProperty(CoverComponent.prototype, "model", {
-        get: function () {
-            return this.props.model;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CoverComponent.prototype.getStateElement = function () {
-        return this.model;
-    };
-    CoverComponent.prototype.renderElement = function () {
-        this.model.survey = this.props.survey;
-        if (!(this.props.survey.headerView === "advanced" && this.props.survey.renderedHasHeader)) {
-            return null;
-        }
-        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.coverClasses, style: { height: this.model.renderedHeight } },
-            this.model.backgroundImage ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { style: this.model.backgroundImageStyle, className: this.model.backgroundImageClasses }) : null,
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.contentClasses }, this.model.cells.map(function (cell, index) { return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CoverCellComponent, { key: index, model: cell }); }))));
-    };
-    return CoverComponent;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"]));
-
-_element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("sv-cover", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(CoverComponent, props);
-});
-
-
 /***/ }),
 
 /***/ "./src/react/components/file/file-choose-button.tsx":
@@ -60419,6 +60562,144 @@ _element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.re
 });
 
 
+/***/ }),
+
+/***/ "./src/react/components/header.tsx":
+/*!*****************************************!*\
+  !*** ./src/react/components/header.tsx ***!
+  \*****************************************/
+/*! exports provided: HeaderMobile, HeaderCell, Header */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HeaderMobile", function() { return HeaderMobile; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HeaderCell", function() { return HeaderCell; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Header", function() { return Header; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../reactquestion_element */ "./src/react/reactquestion_element.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../element-factory */ "./src/react/element-factory.tsx");
+/* harmony import */ var _title_title_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./title/title-element */ "./src/react/components/title/title-element.tsx");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+var HeaderMobile = /** @class */ (function (_super) {
+    __extends(HeaderMobile, _super);
+    function HeaderMobile() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(HeaderMobile.prototype, "model", {
+        get: function () {
+            return this.props.model;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    HeaderMobile.prototype.renderLogoImage = function () {
+        var componentName = this.model.survey.getElementWrapperComponentName(this.model.survey, "logo-image");
+        var componentData = this.model.survey.getElementWrapperComponentData(this.model.survey, "logo-image");
+        return _element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.createElement(componentName, {
+            data: componentData,
+        });
+    };
+    HeaderMobile.prototype.render = function () {
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header--mobile" },
+            this.model.survey.hasLogo ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header__logo" }, this.renderLogoImage())) : null,
+            this.model.survey.hasTitle ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header__title", style: { maxWidth: this.model.textAreaWidth } },
+                react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_title_title_element__WEBPACK_IMPORTED_MODULE_3__["TitleElement"], { element: this.model.survey }))) : null,
+            this.model.survey.renderedHasDescription ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header__description", style: { maxWidth: this.model.textAreaWidth } },
+                react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h5", { className: this.model.survey.css.description }, _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"].renderLocString(this.model.survey.locDescription)))) : null));
+    };
+    return HeaderMobile;
+}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component));
+
+var HeaderCell = /** @class */ (function (_super) {
+    __extends(HeaderCell, _super);
+    function HeaderCell() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(HeaderCell.prototype, "model", {
+        get: function () {
+            return this.props.model;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    HeaderCell.prototype.renderLogoImage = function () {
+        var componentName = this.model.survey.getElementWrapperComponentName(this.model.survey, "logo-image");
+        var componentData = this.model.survey.getElementWrapperComponentData(this.model.survey, "logo-image");
+        return _element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.createElement(componentName, {
+            data: componentData,
+        });
+    };
+    HeaderCell.prototype.render = function () {
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.css, style: this.model.style },
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header__cell-content", style: this.model.contentStyle },
+                this.model.showLogo ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header__logo" }, this.renderLogoImage())) : null,
+                this.model.showTitle ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header__title", style: { maxWidth: this.model.textAreaWidth } },
+                    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_title_title_element__WEBPACK_IMPORTED_MODULE_3__["TitleElement"], { element: this.model.survey }))) : null,
+                this.model.showDescription ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: "sv-header__description", style: { maxWidth: this.model.textAreaWidth } },
+                    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h5", { className: this.model.survey.css.description }, _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"].renderLocString(this.model.survey.locDescription)))) : null)));
+    };
+    return HeaderCell;
+}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component));
+
+var Header = /** @class */ (function (_super) {
+    __extends(Header, _super);
+    function Header() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(Header.prototype, "model", {
+        get: function () {
+            return this.props.model;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Header.prototype.getStateElement = function () {
+        return this.model;
+    };
+    Header.prototype.renderElement = function () {
+        this.model.survey = this.props.survey;
+        if (!(this.props.survey.headerView === "advanced" && this.props.survey.renderedHasHeader)) {
+            return null;
+        }
+        var headerContent = null;
+        if (this.props.survey.isMobile) {
+            headerContent = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(HeaderMobile, { model: this.model });
+        }
+        else {
+            headerContent = (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.contentClasses, style: { maxWidth: this.model.maxWidth } }, this.model.cells.map(function (cell, index) { return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(HeaderCell, { key: index, model: cell }); })));
+        }
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.model.headerClasses, style: { height: this.model.renderedHeight } },
+            this.model.backgroundImage ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { style: this.model.backgroundImageStyle, className: this.model.backgroundImageClasses }) : null,
+            headerContent));
+    };
+    return Header;
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"]));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("sv-header", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Header, props);
+});
+
+
 /***/ }),
 
 /***/ "./src/react/components/list/list-item.tsx":
@@ -62626,7 +62907,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
     SurveyQuestionDropdownBase.prototype.createClearButton = function () {
         if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
             return null;
-        var style = { display: this.question.isEmpty() ? "none" : "" };
+        var style = { display: !this.question.showClearButton ? "none" : "" };
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
     };
@@ -66415,7 +66696,7 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
         var actionsContainer = this.question.actionsContainerVisible ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__["SurveyActionBar"], { model: this.question.actionsContainer }) : null;
         var noFileChosen = this.question.isEmpty() ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption)) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getFileDecoratorCss() },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.question.renderedPlaceholder),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.wrapper },
                 chooseButton,
                 actionsContainer,
@@ -68094,18 +68375,21 @@ var SurveyQuestionRankingItem = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyQuestionRankingItem.prototype.renderEmptyIcon = function () {
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", null,
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", { xlinkHref: this.question.dashSvgIcon })));
+    };
     SurveyQuestionRankingItem.prototype.renderElement = function () {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, "data-sv-drop-target-ranking-item": this.index },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { tabIndex: -1, style: { outline: "none" } },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.itemGhostNode }),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.itemContent },
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.itemIconContainer },
-                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { width: "10", height: "16", viewBox: "0 0 10 16", className: this.question.getIconHoverCss(), xmlns: "http://www.w3.org/2000/svg" },
-                            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", { d: "M6 2C6 0.9 6.9 0 8 0C9.1 0 10 0.9 10 2C10 3.1 9.1 4 8 4C6.9 4 6 3.1 6 2ZM2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0ZM8 6C6.9 6 6 6.9 6 8C6 9.1 6.9 10 8 10C9.1 10 10 9.1 10 8C10 6.9 9.1 6 8 6ZM2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6ZM8 12C6.9 12 6 12.9 6 14C6 15.1 6.9 16 8 16C9.1 16 10 15.1 10 14C10 12.9 9.1 12 8 12ZM2 12C0.9 12 0 12.9 0 14C0 15.1 0.9 16 2 16C3.1 16 4 15.1 4 14C4 12.9 3.1 12 2 12Z" })),
-                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { width: "10", height: "24", viewBox: "0 0 10 24", className: this.question.getIconFocusCss(), xmlns: "http://www.w3.org/2000/svg" },
-                            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", { d: "M10 5L5 0L0 5H4V9H6V5H10Z" }),
-                            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("path", { d: "M6 19V15H4V19H0L5 24L10 19H6Z" }))),
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getItemIndexClasses(this.item) }, this.unrankedItem ? "" : this.indexText),
+                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { className: this.question.getIconHoverCss() },
+                            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", { xlinkHref: this.question.dragDropSvgIcon })),
+                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { className: this.question.getIconFocusCss() },
+                            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", { xlinkHref: this.question.arrowsSvgIcon }))),
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getItemIndexClasses(this.item) }, (!this.unrankedItem && this.indexText) ? this.indexText : this.renderEmptyIcon()),
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.controlLabel }, this.text)))));
     };
     return SurveyQuestionRankingItem;
@@ -68171,7 +68455,7 @@ var SurveyQuestionRating = /** @class */ (function (_super) {
         this.setState({ value: this.question.value });
     };
     SurveyQuestionRating.prototype.renderItem = function (item, index) {
-        var renderedItem = _element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.createElement(this.question.itemComponentName, {
+        var renderedItem = _element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.createElement(this.question.itemComponent, {
             question: this.question,
             item: item,
             index: index,
@@ -68724,7 +69008,7 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
         var cssClasses = this.question.cssClasses;
         var clearButton = this.renderCleanButton();
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { height: this.question.signatureHeight, width: this.question.signatureWidth } },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.question.placeHolderText),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locPlaceholder)),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
                 this.renderBackgroundImage(),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0, className: this.question.cssClasses.canvas })),
@@ -69684,8 +69968,8 @@ var settings = {
      * @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 Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback);
+    confirmActionAsync: function (message, callback, applyTitle) {
+        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle);
     },
     /**
      * A minimum width value for all survey elements.
@@ -69720,6 +70004,12 @@ var settings = {
     notifications: {
         lifetime: 2000
     },
+    /**
+     * Specifies how many milliseconds a survey should wait before it automatically switches to the next page. Applies only when [auto-advance](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#goNextPageAutomatic) is enabled.
+     *
+     * Default value: 300
+     */
+    autoAdvanceDelay: 300,
     /**
      * Specifies the direction in which to lay out Checkbox and Radiogroup items. This setting affects the resulting UI when items are arranged in [more than one column](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#colCount).
      *
@@ -71677,7 +71967,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _actions_container__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./actions/container */ "./src/actions/container.ts");
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
 /* harmony import */ var _notifier__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./notifier */ "./src/notifier.ts");
-/* harmony import */ var _cover__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./cover */ "./src/cover.ts");
+/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./header */ "./src/header.ts");
+/* harmony import */ var _surveytimer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./surveytimer */ "./src/surveytimer.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -71718,6 +72009,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 
 
 /**
@@ -71734,12 +72026,6 @@ var SurveyModel = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.valuesHash = {};
         _this.variablesHash = {};
-        _this.onThemeApplying = new _base__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
-        /**
-         * An event that is raised after a [theme](/form-library/documentation/manage-default-themes-and-styles) is [applied](#applyTheme) to the survey.
-         * @see applyTheme
-         */
-        _this.onThemeApplied = new _base__WEBPACK_IMPORTED_MODULE_2__["EventBase"]();
         //#region Event declarations
         /**
          * An event that is raised after a [trigger](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#triggers) is executed.
@@ -73011,7 +73297,7 @@ var SurveyModel = /** @class */ (function (_super) {
         /**
          * Specifies whether to focus the first question on the page on survey startup or when users switch between pages.
          *
-         * Default value: `true`
+         * Default value: `false` in v1.9.114 and later, `true` in earlier versions
          * @see focusOnFirstError
          * @see focusFirstQuestion
          * @see focusQuestion
@@ -73330,6 +73616,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * > If any of the following questions is answered last, the survey does not switch to the next page: Checkboxes, Yes/No (Boolean) (rendered as Checkbox), Long Text, Signature, Image Picker (with Multi Select), File Upload, Single-Select Matrix (not all rows are answered), Dynamic Matrix, Dynamic Panel.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/automatically-move-to-next-page-if-answer-selected/ (linkStyle))
+         * @see [`settings.autoAdvanceDelay`](https://surveyjs.io/form-library/documentation/api-reference/settings#autoAdvanceDelay)
          */
         get: function () {
             return this.getPropertyValue("goNextPageAutomatic");
@@ -73345,6 +73632,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * Specifies whether to complete the survey automatically after a user answers all questions on the last page. Applies only if the [`goNextPageAutomatic`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#goNextPageAutomatic) property is `true`.
          *
          * Default value: `true`
+         * @see [`settings.autoAdvanceDelay`](https://surveyjs.io/form-library/documentation/api-reference/settings#autoAdvanceDelay)
          */
         get: function () {
             return this.getPropertyValue("allowCompleteSurveyAutomatic", true);
@@ -73907,7 +74195,7 @@ var SurveyModel = /** @class */ (function (_super) {
         if (this._isMobile !== newVal) {
             this._isMobile = newVal;
             this.updateCss();
-            this.getAllQuestions().map(function (q) { return q.setIsMobile(newVal); });
+            this.getAllQuestions().forEach(function (q) { return q.setIsMobile(newVal); });
         }
     };
     Object.defineProperty(SurveyModel.prototype, "isMobile", {
@@ -76863,6 +77151,7 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.processResponsiveness = function (width, mobileWidth) {
         var isMobile = width < mobileWidth;
+        this.layoutElements.forEach(function (layoutElement) { return layoutElement.processResponsiveness && layoutElement.processResponsiveness(width); });
         if (this.isMobile === isMobile) {
             return false;
         }
@@ -78505,6 +78794,7 @@ var SurveyModel = /** @class */ (function (_super) {
         return baseName + index;
     };
     SurveyModel.prototype.tryGoNextPageAutomatic = function (name) {
+        var _this = this;
         if (!!this.isEndLoadingFromJson ||
             !this.goNextPageAutomatic ||
             !this.currentPage)
@@ -78523,22 +78813,24 @@ var SurveyModel = /** @class */ (function (_super) {
             if (questions[i].hasInput && questions[i].isEmpty())
                 return;
         }
-        if (!this.checkIsCurrentPageHasErrors(false)) {
-            if (!this.isLastPage) {
-                this.nextPage();
+        if (this.isLastPage && (this.goNextPageAutomatic !== true || !this.allowCompleteSurveyAutomatic))
+            return;
+        if (this.checkIsCurrentPageHasErrors(false))
+            return;
+        var goNextPage = function () {
+            if (!_this.isLastPage) {
+                _this.nextPage();
             }
             else {
-                if (this.goNextPageAutomatic === true &&
-                    this.allowCompleteSurveyAutomatic) {
-                    if (this.isShowPreviewBeforeComplete) {
-                        this.showPreview();
-                    }
-                    else {
-                        this.completeLastPage();
-                    }
+                if (_this.isShowPreviewBeforeComplete) {
+                    _this.showPreview();
+                }
+                else {
+                    _this.completeLastPage();
                 }
             }
-        }
+        };
+        _surveytimer__WEBPACK_IMPORTED_MODULE_21__["surveyTimerFunctions"].safeTimeOut(goNextPage, _settings__WEBPACK_IMPORTED_MODULE_14__["settings"].autoAdvanceDelay);
     };
     /**
      * Returns a comment value from a question with a specified `name`.
@@ -79544,7 +79836,6 @@ var SurveyModel = /** @class */ (function (_super) {
      *
      * [Themes & Styles](/form-library/documentation/manage-default-themes-and-styles (linkStyle))
      * @param theme An [`ITheme`](/form-library/documentation/api-reference/itheme) object with theme settings.
-     * @see onThemeApplied
      */
     SurveyModel.prototype.applyTheme = function (theme) {
         var _this = this;
@@ -79553,13 +79844,14 @@ var SurveyModel = /** @class */ (function (_super) {
         Object.keys(theme).forEach(function (key) {
             if (key === "header") {
                 _this.removeLayoutElement("cover");
-                var newCoverModel = new _cover__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
-                newCoverModel.fromTheme(theme);
+                var newCoverModel_1 = new _header__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
+                newCoverModel_1.fromTheme(theme);
                 _this.layoutElements.push({
                     id: "cover",
                     container: "header",
-                    component: "sv-cover",
-                    data: newCoverModel
+                    component: "sv-header",
+                    data: newCoverModel_1,
+                    processResponsiveness: function (width) { return newCoverModel_1.processResponsiveness(width); }
                 });
             }
             if (key === "isPanelless") {
@@ -79569,7 +79861,10 @@ var SurveyModel = /** @class */ (function (_super) {
                 _this[key] = theme[key];
             }
         });
-        this.onThemeApplied.fire(this, { theme: theme });
+        this.themeChanged(theme);
+    };
+    SurveyModel.prototype.themeChanged = function (theme) {
+        this.getAllQuestions().forEach(function (q) { return q.themeChanged(theme); });
     };
     /**
      * Disposes of the survey model.
@@ -79647,7 +79942,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 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"]();
+                        var cover = new _header__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
                         cover.logoPositionX = target.logoPosition === "right" ? "right" : "left";
                         cover.logoPositionY = "middle";
                         cover.titlePositionX = target.logoPosition === "right" ? "left" : "right";
@@ -79658,8 +79953,9 @@ var SurveyModel = /** @class */ (function (_super) {
                         target.layoutElements.unshift({
                             id: "cover",
                             container: "header",
-                            component: "sv-cover",
-                            data: cover
+                            component: "sv-header",
+                            data: cover,
+                            processResponsiveness: function (width) { return cover.processResponsiveness(width); }
                         });
                     }
                 }
@@ -79754,7 +80050,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
         default: "left",
         choices: ["none", "left", "right", "top", "bottom"],
     },
-    { name: "focusFirstQuestionAutomatic:boolean", default: true },
+    { name: "focusFirstQuestionAutomatic:boolean" },
     { name: "focusOnFirstError:boolean", default: true },
     { name: "completedHtml:html", serializationProperty: "locCompletedHtml" },
     {
@@ -80467,6 +80763,7 @@ var TOCModel = /** @class */ (function () {
         };
         this.listModel = createTOCListModel(survey, function () { _this.popupModel.isVisible = false; });
         this.popupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: this.listModel });
+        this.popupModel.overlayDisplayMode = "overlay";
         this.popupModel.displayMode = new _base__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.isMobile ? "overlay" : "popup"; });
     }
     Object.defineProperty(TOCModel.prototype, "isMobile", {
@@ -80509,15 +80806,22 @@ __webpack_require__.r(__webpack_exports__);
 
 var surveyTimerFunctions = {
     setTimeout: function (func) {
-        if (typeof window === "undefined")
-            return 0;
-        return window.setTimeout(func, 1000);
+        return surveyTimerFunctions.safeTimeOut(func, 1000);
     },
     clearTimeout: function (timerId) {
         if (typeof window === "undefined")
             return;
         window.clearTimeout(timerId);
     },
+    safeTimeOut: function (func, delay) {
+        if (typeof window === "undefined" || delay <= 0) {
+            func();
+            return 0;
+        }
+        else {
+            return window.setTimeout(func, delay);
+        }
+    }
 };
 var SurveyTimer = /** @class */ (function () {
     function SurveyTimer() {
@@ -82681,7 +82985,7 @@ var Logger = /** @class */ (function () {
     return Logger;
 }());
 
-function showConfirmDialog(message, callback) {
+function showConfirmDialog(message, callback, applyTitle) {
     var locStr = new _localizablestring__WEBPACK_IMPORTED_MODULE_0__["LocalizableString"](undefined);
     var popupViewModel = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
         componentName: "sv-string-viewer",
@@ -82704,7 +83008,7 @@ function showConfirmDialog(message, callback) {
     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.title = applyTitle || _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;